/*@font-face {
  font-family: 'Gotham Cond SSm A';
  src:  url('/wps/wcm/connect/84d3f1a4-6f58-4ac1-9a0a-2fbe91244703/GothamCondSSm-Light.otf?MOD=AJPERES&ContentCache=NONE&CACHE=NONE&CACHEID=ROOTWORKSPACE-84d3f1a4-6f58-4ac1-9a0a-2fbe91244703-luIDB9u.otf');
}

h1 {font-family: "Gotham Cond SSm A", "Gotham Cond SSm B";
font-style:normal; font-weight: 500; font-size:2.62em; letter-spacing:.08em; text-transform: uppercase; border-style: solid 1px; border-bottom: thin dotted #000000; padding-bottom: 0.8em; margin-bottom: 1.3em;}



h2 {font-family: "Gotham Cond SSm A", "Gotham Cond SSm B";
font-style: normal;
font-weight: 500; font-size:2.25em; letter-spacing:.08em; border-style: solid 1px; border-bottom: thin dotted #000000; padding-bottom: 0.8em; }



h3 {font-family: "Gotham Cond SSm A", "Gotham Cond SSm B";
font-style: normal;
font-weight: 500; font-size:1.87em; letter-spacing:.08em;}


h4 {font-family: "Gotham Cond SSm A", "Gotham Cond SSm B";
font-style: normal;
font-weight: 500; font-size:1.87em; letter-spacing:.08em;}



h5 {font-family: "Gotham Cond SSm A", "Gotham Cond SSm B";
font-style: normal;
font-weight: 500; font-size:1.5em; letter-spacing:.08em;}



h6 {font-family: "Gotham Cond SSm A", "Gotham Cond SSm B";
font-style: normal;
font-weight: 500; font-size:1.25em; letter-spacing:.08em;}


h7 {font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 700; font-size:1em; letter-spacing:.01em;}

.introtext {font-family:font-family: "Gotham Cond SSm A", "Gotham Cond SSm B";
font-style: normal;
font-weight: 500; font-size:1.5em; letter-spacing:.05em;
line-height:1.87em; color: #000000; }



p {font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 400; font-size:1em; line-height:1.5em; color: #32343c;}
*/

/*
Print css, any changes to the css can possible affect the print css.
Make sure to test print functionality after any changes to css styles.
*/
@media print {

    html{
        overflow: visible !important;
        font-size: 90% !important;
    }
    html, body {
        height: 99% !important;
    }
    #print_logo {
        display:none!important;
    }
    #print_only {
        display:block!important;
        padding-top: 25px;
        padding-bottom: 25px;
        width: 226px;
        height: 80px;
    }
    img {
        width:auto!important;
        max-width:100%!important;
    }
    /**::-ms-backdrop, body{*/
    /*-ms-zoom: 75% !important;*/
    /*}*/
    .st-row .st-col .id-Z7_2A161H41K07810AT44K5F01044 {
        margin-left: 0!important;
    }
    .main-content .home-bg {
        background: transparent;
        /*padding-left:1em;*/
    }
    .content-wrapper {
        width:48%!important;
    }
    #stNavContainer, #stBannerMenus, #to-top-wrapper{
        display:none !important;
    }

    .footer-wrapper, .bottom-footer, .footer_inner, .st-col-c-4-of-12{
        display:none !important;
    }

    .content-body{
        margin-left:2em !important;
        /* margin-top:8em !important;*/
        margin-top:0.5em !important;
        font-size: 18px !important;
    }

    .content-body .right-col {
        display:inline !important;
    }
    #owl-shop-integration .owl-stage{
        width:auto !important;
    }
    #owl-shop-integration .owl-item{
        margin-top:10px !important;
    }
    #owl-shop-integration .owl-next{
        display:none !important;
    }
    #owl-shop-integration .owl-prev{
        display:none !important;
    }
    #owl-slider{
        width:257mm !important;
    }
    .table-wrap-parent thead th, .table-wrap-parent tbody th, .table-wrap-parent tbody td {
        display: table-cell!important;
    }
    .table-wrap-parent thead tr th, .table-wrap-parent thead tr td, .table-wrap-parent tbody tr th, .table-wrap-parent tbody tr td{
        display: table-cell!important;
    }
    .panner{
        display:none!important;
    }
    .st-col-c-8-of-12{
        padding-top: 0px !important;
    }

    .st-col{
        padding: 0px !important;
        display:table;
    }
    .stMainContent{
        padding-top: 0px !important;
        padding-bottom:0px !important;
    }

    .st-section{
        position: absolute !important;
    }
    .stLayoutContainers .st-section > .st-row {
        width: -moz-available !important;    /* Firefox/Gecko */
        width: 100% !important;
        position: absolute !important;
        display: block !important;
    }

    .st-col-whole {
        height: 50px !important;
    }
    .right-col1 {
        width: 100%!important;
        height: 100%!important;
    }
    #right-col-1{
        display:none;
    }
    .right-col .right-col1 {
        width: 100%!important;
    }
    #right-col{
        display:table !important;
    }

    header {
        display:none !important;
    }

    #header, #stBanner, #header_inner{
        display:none;
    }

    #print_header{
        display:inline-block !important;
        /*  height:0px !important; */
        height:140px !important;
        padding:0 !important;
        margin:0 !important;
        margin-top: 0px!important;
    }

    .main-content{
        padding-top:0.1em !important;
        background-image: none !important;
        background-color: #FFF !important;
    }
    .home-bg {
        background-color: rgb(221, 229, 237)!important;
        margin-left: 0!important;
    }
    #bg-img {
        content:url("/wps/wcm/connect/4881a5ed-d99f-49e3-b504-ef791dc2ae90/body-bg.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-4881a5ed-d99f-49e3-b504-ef791dc2ae90-lt5S4Jx");
        float: left;
        z-index:-9;
    }
    #bg-img:after {
        content:url("/wps/wcm/connect/4881a5ed-d99f-49e3-b504-ef791dc2ae90/body-bg.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-4881a5ed-d99f-49e3-b504-ef791dc2ae90-lt5S4Jx");
        float: left;
        z-index:-9;
    }
    #jcarousel-wrapper {
        margin: 2em!important;
        width: 64% !important;
        z-index: 10;
        position: relative;
    }
    .owl-theme .owl-controls {
        text-align: right!important;
    }
    .home-bg .one-col, .home-bg .two-col {
        padding-left: 2em!important;
    }
    .home-bg .one-col {
        margin-top: -23em;
        margin-bottom: 2em!important;
    }
    .portal-breadcrumbtrail{
        margin:0px !important;
    }
    @-moz-document url-prefix() {
        .content-body .right-col {
            position: absolute !important;
            width: 600px !important;
        }

        .main-content .rich-text-div .syllabus-download-inner span a{
            padding-left:35% !important;
            font-size: 13px !important;
            padding-top: 33px !important;
        }
        #jcarousel-wrapper {
            margin: 2em!important;
            width: 80% !important;
            z-index: 10;
            position: relative;
        }

    }
    .syllabus-download{
        margin-right: auto !important;
        height: 95px !important;
        width: 46% !important;

    }
    .syllabus-download-last-item{
        margin-left:20px !important;
    }
    .syllabus-download-inner span {
        float: none !important;
        padding-top: 0px !important;
        float: left !important;
    }

    .main-content .rich-text-div .syllabus-download-inner span a{
        -moz-padding-start:103px !important;
        -webkit-padding-start: 25% !important;
        -webkit-padding-before: 9% !important;
        font-size: 13px !important;
    }
    .featuretext_wrapper{
        margin-top: 0em !important;
    }

    .grey-bg col{
        display:none !important;
    }
    .grey-bg.col {
        display: none !important;
    }
    h2{
        float: none !important;
        clear:both !important;
    }
    .syllabuses-by-learning-area{
        width: 100% !important;
    }
    .st-row  .st-col-c-8-of-12{
        width: 95% !important;
    }
    .main-content .rich-text-div .syllabus-download-inner span a {
        font-size: 15px!important;
        margin-left: 0.2em !important;
    }
    .syllabuses-rich-text{
        display:block !important;
    }
    .ui-accordion-content{
        display:block !important;
    }
    .c1-course-desc-container{
        display:block !important;
    }

    .c1-syllabus-container{
        display:block !important;
    }

    .c1-courses{
        display:block !important;
    }
    .c1-board-courses + .c1-courses {
        display: block!important;
    }
    .c1-course-desc-container{
        margin-top: 12px !important;
    }
    .rich-text-div .implementationBlock {
        margin-top: 16px !important;
        overflow: auto !important;
    }
    .c2-template .third-col-cover-c2b{
        float: right !important;
    }

    .third-col-cover{
        right:0 !important;
        float: right !important;
        clear:both !important;
    }

    .right-col{
        float: left !important;
    }

    .syllabuses-by-learning-area ul li{
        width: 210px !important;
    }
    .syllabuses-by-learning-area ul li:nth-child(4), .syllabuses-by-learning-area ul li:nth-child(8){
        margin-right: 33px !important;
    }
    h1 {
        page-break-before: avoid;
    }

    .res-accordion-content{
        display:block !important;
    }
    .table-slider{
        display:block !important;
        width :100% !important;
    }
    .table-slider-ls{
        display:block !important;

    }
    .tbl-slider-content{
        display:block !important;
        width :100% !important;
    }
    .sliding-window > table tr td div.single-cell-outcome , .table-slider-ls > table tbody tr td a{
        width: 87px !important;
        height: -1px !important;
        font-size: 10px !important;
        padding: 0px !important;
        margin: 0em !important;
    }
    .sliding-window > table tr th, .table-slider-ls > table thead tr th {
        padding-right: 5px !important;
        padding-left: 5px !important;
        font-size: 12px !important;
        width: 94px !important;
    }
    .sliding-window a , .table-slider-ls .zebra-striped thead tr th a , .table-slider-ls > table tbody tr th , .table-slider-ls .zebra-striped tbody tr th a {
        font-size: 12px !important;
    }
    .sliding-window > table{
        width: 715px !important;
    }
    .sliding-window {
        width: 794px !important;
        float: left !important;
        border: none !important;
    }
    .c6-template .sliding-window {
        width: 794px !important;
    }
    .c6-template .sliding-window > table tr td div {
        width: 61.5px!important;
    }
    .sldr-prev , .sldr-next{
        display: none !important;
    }
    .table-slider-ls .zebra-striped{
        width:67% !important;
    }
    .table-slider-ls > table tr td div {
        width: 70px !important;
        padding-left:5px !important;
        padding-right:5px !important;
        min-height: 155px !important;
    }
    .c6-template .table-slider-ls > table tr td div {
        width: 105px !important;
    }
    .c6-template  .table-slider-ls > table tr td div {
        min-height: 123px !important;
    }
    .table-slider-ls{
        display: inline-block !important;
    }
    .sliding-window > table tr td div {
        /*width: 48px !important;*/
        min-height: 106px !important;
        /*height: 100%;
         min-height: auto !important;*/
        padding: 5px!important;
    }
    .table-slider-ls {
        margin-bottom: 54px !important;
        display: inline-block !important;
        margin-left: -24px !important;
    }
    .next-prev-container {
        display: none !important;
    }
    .c8-accordion-container .c8-content-div {
        display: block !important;
    }
    .sliding-window > table tr td{
        padding:0px!important;
    }
    dl.glossary p img {
        page-break-inside: avoid !important;
        display:block !important;
        page-break-before: auto !important;
        page-break-after: auto !important;
        /*  word-wrap: normal !important; */

    }
    /* need to write an alternate logic for board member images*/
    /*.rich-text-div  p img{
        width : auto !important;
        height : auto !important;
        display: block !important;
   }
   .rich-text-div  p{
       display: block !important;
   } */
    .pagebreak {
        display: block !important;
        clear: both !important;
        page-break-after: always !important;
    }

    #boardmembers img{
        width : auto !important;
        height : auto !important;
        display: block !important;
    }
    .p_boardmembers{
        display: block !important;
    }
    div#eSyllabusAccordion .content-introduction div.accordion-content ul{
        display: block !important;
    }
    .resource-sample p{
        display: block !important;
    }
    .showmore-related-resources {
        display: block !important;
    }
    #showmore-related {
        display: none !important;
    }
    .markers-panel{
        display: block !important;
    }
    #markers-accordion .markers-panel {
        height: auto!important;
    }
    #markers-accordion {
        height: auto!important;
    }
    .res-accordion #markers-accordion .ui-accordion-content
    {
        height: auto!important;
    }
    iframe {
        border: 5px solid #000000 !important;
        background-color: black !important;
    }
    .share-this-page{
        display: none !important;
    }
    div#eSyllabusAccordion .content-outcomes ul li:before {
        content:  "\0025a0" !important;
        display: block !important;
        color: #002664 !important;
    }
    .c9-template div#eSyllabusAccordion .content-outcomes ul:nth-of-type(2) li:before {
        content:  "\0025a0" !important;
        display: block !important;
        color: #002664!important;
    }

    thead {
        display: table-row-group !important;
    }



    /* For Home Page*/
    .two-col .col {
        width: 27% !important;
    }
    .two-col:last-child .col {
        width: 28% !important;
    }
    .home-imp-dates-row {
        height: auto!important;
    }
    .home-imp-dates-row .imp-date {
        width: 25% !important;
        height: 5em!important;
    }
    .purple-bg:first-child ul li {
        border: 1px solid #000000!important;
        margin-top: 1em!important;
        margin-bottom: 1em!important;
    }
    .purple-bg:first-child ul li:first-child {
        margin-top: 2em!important;
    }
    .home-imp-dates-row .imp-date-title {
        width: 63% !important;
    }
    .home-news-row {
        margin-left: 1em!important;
        margin-right: 1em!important;
        padding-left: 16px;
    }

    @-moz-document url-prefix() {
        .two-col .col {
            width: 33.5% !important;
        }
        .two-col .col {
            width: 35% !important;
        }
        .two-col:last-child .col {
            width: 35.5% !important;
        }
        .two-col:first-child .col {
            width: 40% !important;
        }
        .home-imp-dates-row .imp-date {
            width: 25% !important;
        }
        .home-imp-dates-row .imp-date-title {
            width: 63% !important;
        }
    }
    /* For Home Page-- END*/

    .C4-table .sliding-window > table tr td div {
        padding: 8px 0px !important;
    }

    .table-content tr > th:first-of-type , .table-content tr > td:first-of-type {
        width: 12% !important;
        height: 100% !important;
    }
    .table-slider-ls .zebra-striped {
        margin-left: 44px !important;
        border : none !important;
    }
    #sliding-window_1 , #content_ls_16_0 , #content_ls_1 {
        margin-top: 21px !important;
    }
    .C4-table .sliding-window > table tr td div {
        padding-left: 5px!important;
        padding-right: 5px!important;
    }
    .sliding-window {
        margin-left: 0!important;
    }
    .relevant-news{
        display: none!important;
    }
    .rich-text-div .related-resources h2 {
        padding-top: 81px!important;
    }
    .featuretext_wrapper {
        width:100%!important;
    }
    .third-col-cover-c2b {
        width:100%!important;
    }
}

@font-face {
    font-family: 'Roboto Medium';
    src:  url('/wps/wcm/connect/1645a78e-656b-4713-87db-4eeb5e448a76/Roboto-Medium.ttf?MOD=AJPERES&CACHEID=ROOTWORKSPACE-1645a78e-656b-4713-87db-4eeb5e448a76-lxcRcip');
}
@font-face {
    font-family: 'Roboto Condensed';
    src:  url('/wps/wcm/connect/b9db2b63-0dcf-4b88-93a6-e1d403faa21b/RobotoCondensed-Regular.ttf?MOD=AJPERES&CACHEID=ROOTWORKSPACE-b9db2b63-0dcf-4b88-93a6-e1d403faa21b-lA5APki');
}
@font-face {
    font-family: 'Roboto';
    src:  url('/wps/wcm/connect/a00a134a-0aaf-4fa0-bb93-a9f0e6c50a93/Roboto-Regular.ttf?MOD=AJPERES&CACHEID=ROOTWORKSPACE-a00a134a-0aaf-4fa0-bb93-a9f0e6c50a93-lzcFwoo');
}
@font-face {
    font-family: 'PublicSans SemiBold';
    src:  url('/wps/wcm/connect/1a8945e6-6ed0-47bd-bd9b-96bcf37f3578/PublicSans-SemiBold.ttf?MOD=AJPERES&ContentCache=NONE&CACHE=NONE&CACHEID=ROOTWORKSPACE-1a8945e6-6ed0-47bd-bd9b-96bcf37f3578-nQCl8k3');
}
@font-face {
    font-family: 'PublicSans';
    src:  url('/wps/wcm/connect/dd8b17b5-c5e1-4287-8e86-898622c56684/PublicSans-Regular.ttf?MOD=AJPERES&ContentCache=NONE&CACHE=NONE&CACHEID=ROOTWORKSPACE-dd8b17b5-c5e1-4287-8e86-898622c56684-nQCkyGb');
}
@font-face {
    font-family: 'PublicSans Bold';
    src:  url('/wps/wcm/connect/684fc0c6-d12f-42cb-91cb-f821e2ec44c9/PublicSans-Bold.ttf?MOD=AJPERES&ContentCache=NONE&CACHE=NONE&CACHEID=ROOTWORKSPACE-684fc0c6-d12f-42cb-91cb-f821e2ec44c9-nQCk27j');
}
@font-face {
    font-family: 'PublicSans Medium';
    src:  url('/wps/wcm/connect/0dde7093-3430-4fe4-b3b9-88c16e4832a3/PublicSans-Medium.ttf?MOD=AJPERES&ContentCache=NONE&CACHE=NONE&CACHEID=ROOTWORKSPACE-0dde7093-3430-4fe4-b3b9-88c16e4832a3-nQCkttE');
}
#stPageFrame {
    min-height: 100%;
    position: relative;
}


.id-Z7_00000000000000A0BR2B3006K6 {
    padding-top: 1em!important;
    font-size: initial!important;
}

.resultsSummary ul li:nth-child(3){
    display:none;
}

.lotusui30 .lotusSearch input.lotusText {
    margin-left: 0!important;
}

.lotusui30 div.resultsSummary {
    margin: 25px 0 !important;
    padding-top: 21px!important;
}

.id-Z7_00000000000000A0BR2B3006K4 tbody tr:nth-child(2) td:first-child {
    padding-left: 1.5em;
}
.id-Z7_70L42C02LG75B0A37AHG43BAV5 {
    padding-left: 0.5em;
    padding-top: 1em;
}

.st-container{
    font-size: 100%;
}

.st-col{
    font-size: inherit;
}

.st-row{
    font-size: inherit ;
}

.st-section {
    font-size: inherit ;
}
/* Updated headings from Semibold to Regular*/

p {font-family: 'PublicSans', Arial; font-weight:400; font-style:normal; color:#22272B; font-size:16px; line-height:24px; letter-spacing: 0px; margin-top: 16px; }

h1 {font-family: 'PublicSans', Arial; font-weight:600; font-style:normal; color:#22272B; font-size:40px; letter-spacing: 0px; margin:0; margin-bottom: 27px; line-height: 60px;}

h2 {font-family: 'PublicSans', Arial; font-weight:600; font-style:normal; color:#22272B; font-size:32px;  letter-spacing: 0px; margin-bottom: 1em; line-height: 40px; margin-top: 48px;}

/*h2 > a{color:#280070!important; text-decoration: none!important;}*/

h3 {font-family: 'PublicSans', Arial; font-weight:600; color:#22272B; font-size:24px; letter-spacing: 0px; margin-bottom: 27px; line-height: 32px; margin-top: 32px;}

h4 {font-family: 'PublicSans', Arial; font-weight:600; font-style:normal; color:#22272B; font-size:20px; letter-spacing: 0px; margin-bottom: 1em; line-height: 28px; margin-top: 24px; }

h5 {font-family: 'PublicSans', Arial;; font-weight:600; font-style:normal; color:#22272B; font-size:16px; letter-spacing: 0px; margin-bottom: 1em; line-height: 24px; margin-top: 24px; }

h6 {font-family: 'PublicSans', Arial;; font-weight:600; font-style:normal; color:#22272B; font-size:16px; letter-spacing: 0px; margin-bottom: 1em; line-height: 24px; margin-top: 24px; }


.mainnavbuttontext {font-family: 'PublicSans Medium', Arial; letter-spacing: 1.1px; font-style:normal; color:#000000; font-size:0.875em;}

.buttontext {font-family: 'PublicSans Medium', Arial; letter-spacing: 1.48px; font-style:normal; color:#ffffff; font-size:1.25em;}


.breadcrumbs {font-family: 'PublicSans', Arial; font-weight:500; font-style:normal; font-size: 0.75em; color: #000000; letter-spacing: 0.94px; }

p{font-family: 'PublicSans', Arial; font-weight:400; font-style:normal; color:#22272B ; font-size:16px; line-height:24px; letter-spacing: 0; word-wrap:break-word; margin-top: 16px; }

.featuretext {font-family: 'PublicSans', Arial; font-weight:400; font-style:normal; color:#000000; font-size:1.25em; line-height:1.5em; letter-spacing: 0;}

.assessment-div h4 {
    margin-bottom: 60px;
    margin-top: 65px;
}
.footer-wrapper-meganav {
    display: none;
}

.right-col .rich-text-div ul{

    list-style-type:square;
}

.right-col .rich-text-div ul li{
    color: #22272B;
}
.right-col .rich-text-div ol li:before {
    /*content: '&nbsp';
    counter-increment: step-counter;
    padding-right: 10px;
    color: #280070;
    font-weight: bold;
    margin-left:-1em;*/
}
.right-col .rich-text-div ol li{
    line-height:1.5em;
    margin-top:0.5em;
}
.right-col .rich-text-div ol li ol li{
    /*color: #280070;*/
    padding-left: 34px;
    text-indent: -34px;
}
.right-col .rich-text-div ol li ol.colorRoman li{
    /*color: #280070;*/
    padding-left: 34px;
    text-indent: -30px;
}
.right-col .rich-text-div ol li span{
    color: #000;
}

.right-col .rich-text-div ul {
    counter-reset: i 0;
}


.right-col .rich-text-div .c1-languages-index ul{

    padding-left:25px;
}
.right-col .rich-text-div ul ul {
    counter-reset: i 0;
    margin-left: 0;
}

.right-col-main2 ul {
    counter-reset: i 0;
}
.right-col-main2 ul ul {
    counter-reset: i 0;
    margin-left: 0;
}

.right-col .rich-text-div #promo-box ul li:before {
    /* content: '&#9632';
    counter-increment: i;*/
    padding-right: 10px;
    padding-left: 0px;
    color: #280070;
    font-size:0.8em;
}

.right-col .rich-text-div #promo-box ul {
    margin-left: 0;
}

.right-col .rich-text-div #promo-box ul li {
    text-indent: -1em;
    margin-left: 1em;
}

.right-col .rich-text-div #promo-box ol {
    list-style-type: decimal;
}

.right-col .rich-text-div #promo-box ol li{
    font-size: 0.875em;
}
.right-col-main2 ul li:before {
    content: '\0025a0';
    counter-increment: i;
    padding: 0;
    color: #280070;
    font-size: 17px;
    margin-left: -32px;
    padding-right: 20px;
    position: relative;
    vertical-align: top;
    bottom: 0.5px;
}
.right-col-main2 ul ul li:before {
    content: "\00af";
    color: #280070 ;
    top: 10px;
    margin-left: -34px;
    font-size: 1.9em;
    float: left;
    font-weight: bold;
    height: 3px;
}
.right-col .rich-text-div ul li:before {
    content: '\0025a0';
    counter-increment: i;
    padding: 0;
    color: #22272B;
    font-size: 17px;
    margin-left: -32px;
    padding-right: 20px;
    position: relative;
    bottom: 0.5px;
}
.right-col .rich-text-div ul ul li:before {
    content: "\00af";
    color: #22272B ;
    top: 10px;
    margin-left: -34px;
    font-size: 1.9em;
    float: left;
    font-weight: bold;
    height: 3px;
}
.right-col .rich-text-div ul ul li {
    padding-left: 34px;
}
/*********** Audio Player brightcove style */
#audioOnly .vjs-control-bar {
    transform: none;
    background-color: transparent;
}
#audioOnly {
    border-radius: 1em;
    width: 480px;
    height: 80px;
    display: block !important;
}
.video-js.vjs-mouse .vjs-big-play-button {
    background: none;
}
.home-bg .video-js {
    z-index: 1;
    cursor:pointer;
}

#audioOnly .vjs-dock-text {
    border-radius: 1em 1em 0 0;
}


.leftnavtext {font-family: 'PublicSans', Arial; font-weight:normal; font-style:normal; color:#000000; font-size:0.9em; line-height:1.25em; letter-spacing: 0.07px;}

.mainnavtext {font-family: 'PublicSans', Arial; color:#ffffff; font-size:1em; line-height:1.5em;}

.mainnavheading {font-family: 'PublicSans Medium', Arial; font-size:1em; line-height:1.5em; color: #280070; letter-spacing: 0;}

.hyperlinks {font-family: "PublicSans", Arial; font-weight:400; font-style:normal; font-size:16px; color: #002664; text-decoration: underline; letter-spacing: 0.15px; line-height: 24px; margin-top: 16px; }

.homepageH1 {font-family: 'PublicSans', Arial; font-weight:600; font-style:normal; color:#22272B; font-size:40px;  letter-spacing: 2.67px; line-height: 64px; margin-top: 64px}

.megafooterheadings {font-family: 'PublicSans' , Arial; font-weight:700; font-style:normal; color:#000000; font-size:0.875em;  letter-spacing: 1.25px; }

.megafooterlinks {font-family: 'PublicSans Medium', Arial; font-size:0.875em;  color: #000000; letter-spacing: 0;}

.footerlinks {font-family: 'PublicSans', Arial; font-weight:700; color:#ffffff; font-size:0.875em; letter-spacing: 0.25px; }

.leftnavheading {font-family: 'PublicSans', Arial; font-weight:400; font-style:normal; color:#280070; font-size:1.125;  letter-spacing: 1.84px; line-height:1.5em;}

.right-col1 p img{

    width:auto;
    height:100%;
}
#bgoverlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 2;
}
/*ul, ol {
    list-style-type: initial;
}*/
.left-nav ul li:first-child a{
    /*pointer-events: none;
    font-size:2em;*/
}
div.sideNav > ul li ul li ul {
    /* display: none;*/
}
.news-sitearea ul li:first-child a, .childclass > a{
    /*background-color:#32343c;*/
    /*color:#fff !important;*/
    padding-bottom: 0.2em;
    padding-top: 0.2em;
    font-size: 1.8em;
}
.left-col .left-nav {
    /*border: 1px solid #32343c;*/
}

.arrow-down-mega-nav-a/*, .arrow-down-mega-nav-b, .arrow-down-mega-nav-c, .arrow-down-mega-nav-d, .arrow-down-mega-nav-e, .arrow-down-mega-nav-f*/ {
    width: 0!important;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #002664;
    margin-top: -2.7em;
    /*margin-top:4em;*/
    position: absolute!important;
    z-index: 100;
}
.arrow-down-mega-nav-a{
    /*margin-left: 9em;*/
    left:45%;
    display: none;
    margin-top:4em;
}
.arrow-down-mega-nav-b{
    /*margin-left: 33em;*/
    left:50%;
    display: none;
}
.arrow-down-mega-nav-c{
    /*margin-left: 59em;*/
    left:50%;
    display: none;
}
.arrow-down-mega-nav-d{
    /*margin-left: 83em;*/
    left:50%;
    display: none;
}
.arrow-down-mega-nav-e{
    /*margin-left: 100.5em;*/
    left:50%;
    display: none;
}
.arrow-down-mega-nav-f{
    /*margin-left: 7em;*/
    left:50%;
    display: none;
}

.stNavListItem:nth-child(6) div:nth-child(1) > .arrow-down-mega-nav-a {
    left: 40%;
}

.st-row .st-col-c-8-of-12  .id-Z7_412G1182MGO610AB17ITK20086{
    padding-left: 20px !important;
}
.stPageNavigation li {
    display: none;
}
.stPageNavigation div{
    position: relative;
    margin-right: 8px;
}
.stPageNavigation .stNavListItem .megaNavArrowDown {
    display:none;
}
.stPageNavigation .stNavSelected .megaNavArrowDown {
    width: 0;
    position:absolute !important;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display:none;
    border-top: 20px solid #f00078;
    top:100%;
}
#back-to-top {
    /*position: fixed;*/
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    /*width: 32px;*/
    height: 32px;
    text-align: center;
    line-height: 30px;
    /*background: #f5f5f5;*/
    color: #000;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 1;
    font-family: 'PublicSans', Arial;
    font-weight: 700;
    font-size: 0.875em;
}
#back-to-top:hover {
    /*background: #e9ebec;*/
}
#back-to-top.show {
    opacity: 1;
}

#to-top-wrapper{
    text-align: center;
    /*margin-top: 1em;*/
}

#arrow-to-top{
    font-size: 1.4em;
}
#arrow-to-top a{
    color: #000;
}
.syllabuses-by-learning-area{

    margin:0 auto;
    display:block;
    width:100%;
}
.syllabuses-rich-text{

    display:none
}
.syllabuses-by-learning-area ul{

    margin:0 auto;
    padding:0;
    display:block;
    width:100%;
    list-style:none;
}
.rich-text-div .syllabuses-by-learning-area > ul li:before{
    display: none;
    content:'';
    padding:0;

}

.syllabuses-by-learning-area ul li{

    margin:0 auto;
    padding:0;
    display:inline-block;
    width: 188px;
    background-color:#F4F6F9;
    margin-bottom: 15px;
    margin-right: 15px;
    cursor:pointer;

}


.syllabuses-by-learning-area ul li:nth-child(4),.syllabuses-by-learning-area ul li:nth-child(8){

    margin-right:0;

}
.syllabuses-by-learning-area ul li h3{
    font-family: 'PublicSans', Arial;/* Updated from Semibold to Regular*/
    text-align:center;
    color:#000;
    margin:35px 0;

}
/* Nimisha- fix syllabus content formula*/
/*.level-3 li > p #MathJax-Element-8-Frame #MathJax-Span-54 #MathJax-Span-55{*/
/*margin: -22px !important;*/
/*}*/
.content-introduction ul li p label span > img{
    margin-left: 5px;
    color: #979797;
}
/*!* Nimisha- fix syllabus content formula*!*/
/*!* Nimisha- fix syllabus bullet alignment*!*/
/*.contentid2663 #MathJax-Element-9-Frame{*/
/*font-size: 100%!important;*/
/*}*/
/*.contentid2663 #MathJax-Element-15-Frame{*/
/*font-size: 100%!important;*/
/*}*/
/*.contentid2663 #MathJax-Element-10-Frame{*/
/*font-size: 100%!important;*/
/*}*/
/*.contentid2663 #MathJax-Element-6-Frame{*/
/*font-size: 100%!important;*/
/*}*/
/*.contentid2663 #MathJax-Element-25-Frame{*/
/*font-size: 100%!important;*/
/*}*/
/*.contentid2663 #MathJax-Element-24-Frame{*/
/*font-size: 100%!important;*/
/*}*/
/*.contentid2663 #MathJax-Element-20-Frame{*/
/*font-size: 100%!important;*/
/*}*/
/*.contentid2663 #MathJax-Element-13-Frame{*/
/*font-size: 100%!important;*/
/*}*/
/*.contentid2663 #MathJax-Element-2-Frame{*/
/*font-size: 100%!important;*/
/*}*/
/* Nimisha- fix syllabus bullet alignment*/
/* Nimisha- fix course description color*/
.c1-courses-one-col .c1-courses-title.c1-col-green h3 {
    background-color: rgba(1, 190, 110, 0.2);
}
/* Nimisha- fix course description color*/
/* Nimisha- course description on esyllabus*/
.c1-course-desc li{
    font-weight:normal;
}
/* Nimisha- course description on esyllabus*/
/* Nimisha- on this page*/
span.anchor {
    padding-top:220px !important;
    -webkit-padding-before:220px;
}
.onthispage-bg {
    background-color: rgba(177,227,228,0.2) !important;
}
/* Nimisha- on this page end*/

/* Nimisha- sitemap*/
/* Nimisha- fix bullet points in download papers hsc*/
.right-col-main2 ul li#hscdownload :first-child {
    display: inline;
}
/* Nimisha- fix bullet points in download papers hsc*/
/* Nimisha- news page right arrow*/
.prevArrowRightNews {
    font-size: 16px;
    font-weight: 700 !important;
    display: inline-block;
    text-align: center;
    color: #C0C6C9;
}

/* Nimisha- news page right arrow*/
/* Nimisha- fix content only page*/
.sliding-window > table tr td div:hover {
    background-color: rgba(0,133,179,0.20);
    color: #002664;
    text-decoration: underline;
    cursor: pointer;
}
/* Nimisha- fix content only page*/
/* Nimisha- custom table*/
#modalTable .modal-content{
    top:50%;
    background-color: white;
    width:90%;
}
#modalTable{
    overflow-y:auto!important;
}
#modalTable.btn-primary:hover {
    color: #fff;
    background-color: #025aa5;
    border-color: #01549b;
}
#modalTable{
    z-index: 9999999;
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    position: fixed!important;
    opacity:1!important;
}
#modalTable btn:focus, .btn:hover {
    text-decoration: none;
}
#modalTable table>caption {
    display: none;
}
#modalTable .modal-footer span{
    border: none;
    font-size: 26px;
    cursor: pointer;
}
table > caption{
    font-family: 'PublicSans', Arial;/* Updated from Semibold to Regular*/
    font-weight: 600;
    color: #22272B;
    letter-spacing: 0px;
    line-height: 24px;
    text-align: left;
    min-height: 40px;
    font-size: 1.25em;
    padding:5px;
    padding-bottom:0px;
    background-color: #EBEBEB;
    border-top: 1px solid #4C4F55;
    border-left: 1px solid #4C4F55;
    border-right: 1px solid #4C4F55;
}
table > thead {
    border: 1.5px solid #4C4F55;
}
@-moz-document url-prefix() {
    table {
        border-collapse: unset!important;
        border-spacing: 0px!important;
    }
    .newsBody .page-navigation a {
        text-decoration: underline solid #CBEDFD!important;
    }
}
.rich-text-div table {
    border: 1.5px solid #4C4F55;
}
table tr > td, table tr > th{
    padding:5px!important;
}
#modalTable.modal-footer {
    padding: 10px !important;
}
.btn-modal-table {
    cursor: pointer;
    height: 40px;
    background-color: #002664;
    border: 1px solid #002664;
    color: white;
    font-family: 'PublicSans', Arial;
    font-weight:500;
    letter-spacing:2px;
    font-size: 16px;
    padding-left: 10px;
}
#modalTable .modal-body table, #modalTable .modal-body th, #modalTable .modal-body tr, #modalTable .modal-body td {
    border: 1px solid black;
    border-collapse: collapse;
}
#modalTable .modal-body table tr, #modalTable .modal-body table td, #modalTable .modal-body table th {
    border: 1px solid #dde5ed;
}
#modalTable .modal-body th, #modalTable .modal-body tr, #modalTable .modal-body td {
    padding: 10px!important;
}
#modalTable .modal-body thead tr th, #modalTable .modal-body thead tr td, #modalTable .modal-body tbody tr th {
    color: #22272B !important;
    font-weight: bold;
    font-family: 'PublicSans', Arial;/* Updated from Semibold to Regular*/
    background-color: #EBEBEB;
    font-size: 16px;
    letter-spacing: 0px;
    text-align:left;
    line-height: 24px;
    border-top: 1.5px solid #4C4F55;
    border-bottom: 1.5px solid #4C4F55;
}
#modalTable .modal-body  thead th, #modalTable .modal-body  tbody th, #modalTable .modal-body  tbody td {
    font-size: 0.95em;
}
#modalTable .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
#modalTable .fade.show {
    opacity: 1;
}
#modalTable .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}
#modalTable .modal-dialog {
    position: relative;
    width: auto;
}

.panner {
    top: 2.5em;
    display: block;
    position: absolute;
    background-color: #002664;
    color: white;
    padding:1em 0.5em;
    cursor:pointer;
}
.table-wrap-parent button {
    background-color: #002664;
    border: none;
    color: white;
    cursor:pointer;
}
.table-wrap-parent th, .table-wrap-parent tr, .table-wrap-parent td{
    padding:5px!important;
}
.table-wrap-parent table{
    border-collapse: collapse;
}
.table-wrap-parent table tr,
.table-wrap-parent table td,
.table-wrap-parent table th {
    border: 1px solid #C0C6C9;
}
.table-wrap-parent table{
    width:100%;
    border: 1.5px solid #4C4F55;
}
#modalTable .modal-body{
    width:97%;
    padding: 20px;
    padding-top: 0px !important;
}
#modalTable .modal-body table{
    width:100%;
}
.table-wrap-parent thead th,
.table-wrap-parent tbody th,
.table-wrap-parent tbody td {
    font-size: 0.8em;
}

.table-wrap-parent thead tr th,
.table-wrap-parent thead tr td,
.table-wrap-parent tbody tr th {
    color: #22272B !important;
    font-weight: bold;
    font-family: 'PublicSans', Arial;/* Updated from Semibold to Regular*/
    background-color: #EBEBEB;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 24px;
}
.table-wrap-parent tbody tr th {
    border-top: 1.5px solid #4C4F55;
    border-bottom: 1.5px solid #4C4F55;
}
.table-wrap {
    width: 100%;
    overflow-y: auto;
    _overflow: auto;
    margin: 0 0 1em;
    margin: 0%;
}

.table-wrap-parent {
    width: 100%;
}

.table-wrap #parent {
    overflow: hidden;
    position: relative;
}
.col-xs-12 .table-wrap table{
    width:90%;
}
.table-wrap #table-slider {
    width: 70%;
    position: relative;
    margin-left: 9%;
}
.table-wrap-parent button {
    background-color: white;
    border: none;
    color: #002664;
    font-family: 'PublicSans', Arial;/* Updated from Semibold to Regular*/
    font-style: normal;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    height: 40px;
    letter-spacing: 0px;
    line-height: 24px;
}
.table-wrap-parent #panLeft:hover, .table-wrap-parent #panRight:hover {
    background-color: rgba(0, 38, 100, .85)!important;
    color: #ffffff;
}
.table-wrap-parent button:hover {
    background-color:white;
    font-weight: bold;
    background: rgba(0,133,179,0.20);
}
@-moz-document url-prefix() {
    .table-wrap-parent button:hover {
        font-weight: 500;
    }
}
.table-wrap-parent #parent {
    position: relative;
}

#table-slider {
    width: 91.5%;
    position: relative;
    margin-left: 5%;
}

.table-wrap-parent #panRight {
    left: 100%;
}

.table-wrap-parent #panLeft {
    left: -3.3%;
}
#modalTable .modal-body table{
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
    border: 1.5px solid #4C4F55;
    font-size: 60%;
}
.table-wrap-parent tr th,
.table-wrap-parent tr td {
    vertical-align: top;
    padding: 5px;
}

.table-wrap tr th, .table-wrap-parent tr td {
    vertical-align: top;
    padding: 5px;
}
div#modalTable a{
    color: #002664;
    text-decoration: underline;
}
div#modalTable h3 {
    float: left;
    margin-top: 10px;
}
div#modalTable .modal-header{
    padding: 10px;
}
.modal-header.headercolor {
    background-color: #EBEBEB;
}
#modalTable.modal-content {
    width: 100%;
}
@media (max-width: 768px){
    #modalTable .modal-content {
        background-color: none!important;
    }
    .table-wrap thead tr th, .table-wrap thead tr td, .table-wrap tbody tr th {
        color: #22272B !important;
        background-color: #EBEBEB;
    }
    .table-wrap th, .table-wrap tr, .table-wrap td {
        padding: 5px!important;
    }
    .index-page a {
        font-family: 'PublicSans', Arial; /* Updated from Semibold to Regular*/
        font-size: 20px;
        color: #002664;
        padding-left: 8px;
    }
    .table-wrap table tr, .table-wrap table td, .table-wraptable th {
        border: 1px solid #dde5ed;
    }
    .table-wrap table {
        border-collapse: collapse;
    }
    table > caption{
        padding-bottom: 5px!important;
        line-height:1.3em!important;
    }
    .homepage-bg {
        background-image: none!important;
    }
    .content-bg {
        background-image: none!important;
    }
}
@media screen and (max-width: 768px) {
    .table-wrap td,
    .table-wrap th {
        word-wrap: break-word;
        font-size: 0.7em;
    }
    .table-wrap thead th,
    .table-wrap tbody th,
    .table-wrap tbody td {
        font-size: 0.8em;
    }
    .table-wrap table {
        width: 100%!important;
    }
    .table-wrap th,
    .table-wrap td {
        width: inherit!important;
    }
}
@media (min-width: 320px) and (max-width: 480px) and (orientation: portrait) {
    #panRight {
        right: -12%;
    }
    #panLeft {
        left: -11%;
    }
}
@media (max-width: 480px) {
    .rich-text-div .syllabus-download {
        padding-bottom: 12px;
    }
}
@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
    #panRight {
        right: -5.6%;
    }
    #panLeft {
        left: -5%;
    }
}
/* Nimisha - custom table*/
/* Nimisha - General table*/
table thead tr th, table thead tr td, table tbody tr th{
    color: #22272B !important;
    font-weight: bold;
    font-family: 'PublicSans', Arial;/* Updated from Semibold to Regular*/
    background-color: #EBEBEB;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 24px;
}
table th {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    padding-left:5px!important;
    padding-right: 5px!important;
}
table thead th, table tbody th, table tbody td {
    font-size: 0.9em;
}
table  tr, table td {
    padding: 5px!important;

}
table tr, table td, table th {
    border: 1px solid #C0C6C9;
}
table tbody tr:first-child> td {
    border-top: 1px solid #4C4F55;
}
table> thead >tr {
    border-top: 1px solid #4C4F55!important;
    border-bottom: 1px solid #4C4F55 !important;
}
/* Nimisha - General table*/
#sitemap ul.toplevel {

    margin: 0pt 0pt 25pt 0px;
    padding: 0px 30px;
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    width: 180px;
    height: auto !important;
}


#sitemap li {
    list-style-type: none;
}

#sitemap li.level1 {
    margin: 0pt 0pt 5px 0px;
    font-size: 1.2em;
    font-weight: 400;
    color: #22272B;
    font-family: 'PublicSans', Arial;
}

#sitemap .level2 > a > span:first-child{
    color:#280070;
}

#sitemap .level2 a:hover span{
    color:#22272B !important;
    text-decoration:underline !important;
}

#sitemap li.level2 {
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 15px;
    font-size: 1em;
    font-family: 'PublicSans', Arial;
    color: #002664;
}

#sitemap ul li {
    clear: both;
    font-size: 0.85em;
    line-height: 150%;
}

#sitemap li.level3 {
    padding-bottom: 15px;
    line-height: 1.6em;
    font-size: 0.875em;
    width: 180px;
}
#sitemap .level3 a:hover span{
    background: rgba(0,133,179,0.20);
    text-decoration:underline;
}
#sitemap-heading {
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
}
#sitemap {
    padding-left: 20px;
    padding-right: 20px;
}
.toplevel-content {
    width: 190px;
}
#sitemap ul:last-child {
    padding-right: 0 !important;
}

#sitemap ul:first-child {
    padding-left: 0 !important;
}
/* Nimisha- sitemap end*/
/* Nimisha- sample work page start*/
.related-activity {
    background-color: #CBEDFD;
    padding: 20px;
    padding-top: 10px!important;
}
.related-activity .resource-sample a{
    color: black !important;
}
.related-resources-heading {
    color: black;
}
.sample-work-resources a {
    color: #002664;
    text-decoration: underline;
}
.res-content-richtext a:hover{
    color: #002664;
    background: rgba(0,133,179,0.20);
}
.res-content-richtext a{
    text-decoration: underline;
}
/* Nimisha- sample work page end*/
/*html{
    overflow-y: scroll;
}*/
.related-resources ul li label {
    font-size: 15px;
}
html, body {
    height: 100%;
    margin: 0;
    font-family: 'PublicSans', Arial !important;
    color: #002664;
    font-size: 100.01%;
    -webkit-text-size-adjust: none;
    letter-spacing: 0;
    line-height: 24px;
}
body#content{
    font-family: 'PublicSans', Arial !important;
    font-style: normal;

}
.stMainContent {
    min-height: 100%;
    margin-bottom: -375px;
    padding-bottom: 394px!important;
}
.footer-wrapper{
    height: 395px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    /*top:100%;*/

}

#wrapper {
    min-height: 100%;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}
.stToolbar {
    font-size: 75%;
}
header.stFixedNavbar{
    width:100%;
    margin:0 auto;
    display:block;
    background: #EBEBEB;
    position: fixed;
    top: 0;
    left: 0px;
    right: 0px;
    z-index: 99;
}
#header{
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    height: 130px;
    max-width: 100%;
    background: #ffffff;
    border: 1px solid rgba(73, 80, 84, 0.5);
}
#header_inner{
    max-width: 1230px;
    margin:0 auto;
    background: #ffffff;
}
.stBanner.stGroup{
    max-width: 1224px;
    margin: 0px auto;
    position: relative;
    min-height: 45px;
    max-height: 55px;

}
.stPageNavigation .stOpenNavLevel.stSecondLevelNav{
    top:47px !important;

}

.row{
    width: 100%;
    margin: 0 auto;
    display: block;
    vertical-align: top;
    padding: 1em 0;
}
.logo-div {

    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    border-bottom: none;
    width: 49%;
    text-align:left;
}
.logo-div a {
    height: 109px;
    width: 298px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    border-bottom: none;
    background-repeat: no-repeat;
    background-position: center left;
    /*background-size: 100%;*/
}
.logo-div span {
    font-size: 28px;
    position: absolute;
    top: -200px;
}
#mobile-logo {
    display: none;
}
div.srch-div {
    padding-top: 30px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    width: 49%;
    text-align:right;
}

div.srch-div input {
    border: 0.2em solid #6d6c74;
    background-color: transparent;
    color: #eeeeee;
    padding: 0.5em;
    width: 40%;
}

.row .container{
    width: 100%;
    margin: 0px auto;
    display: block;
    height: 49px;
}
#content{
    width:100%;
    margin:0 auto;
    display:block;
    vertical-align:top;
}
#back-to-top-btn{
    width: 40px;
    height: 40px;
    bottom: 25%;
    text-align: center;
    position: fixed;
    background: rgba(221, 229, 237, 0.6);
    display:none;
    margin-left: -7px;

}
#back-to-top-btn > i{
    font-size: 2.5em;
    color: #002664;

}
#back-to-top-btn.news-to-top {
    margin-left: 53.3em;
}
#back-to-top-btn.news-detail-top {
    margin-left: 54.7em;
}
#back-to-top-btn.full-page-top {
    margin-left: 72.7em;
}
#back-to-top-btn.home-page-top {
    margin-left: 74.7em;
}
#back-to-top-btn.adv-to-top {
    margin-left: -16px;
}
#footer{
    width:100%;
    margin:0 auto;
    display:block;
    vertical-align:top;
    height:900px;
}

footer#stFooter{
    background-color: #ffffff;
    color:#000;
    /*max-width:1180px;*/
    width:100%;
    margin:0 auto;
    display:block;
    vertical-align:top;
    /*padding:1.8em;*/
    font-size: inherit;
    position: relative;
    bottom:0;
    border-top: 1px solid #495054;
}

#stFooter ul li a{
    color:#000;
    font-family: 'PublicSans', Arial;
    text-decoration: underline;
    padding: 0.55em;
}

.nsw-gov-logo a {
    height: 69px;
    width: 4em;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    border-bottom: none;
    background-repeat: no-repeat;
    background-size: 100%;
}
.nsw-gov-logo span {
    font-size: 28px;
    position: absolute;
    top: -200px;
}
.bottom-footer{
    width:100%;
    margin:0 auto;
    display:block;
    background-color: #22272B;
}
.bottom-footer-inner{
    margin: 0 auto;
    max-width: 1200px;
}
.bottom-footer nav{
    width:50%;
}
.nsw-gov-logo{
    /*width:30%;*/
    margin:0 auto;
    display:inline-block;
    vertical-align:top;
    text-align:left;
}

#stFooter .bottom-footer nav{
    width: 93%;
    margin: 0 auto;
    display: inline-block;
    /*vertical-align: bottom;*/
    padding: 1.5em 0 0 0;
    margin-bottom: 10px;
}

#stFooter .bottom-footer nav ul li{
    /*border-right: 0.1em solid rgb(51, 51, 51);*/
    margin-right: 1%;
    width:auto;
    height: 49px;
}
#stFooter .bottom-footer nav ul li:last-child{
    border-right: none;
    margin-right: 0;
}
#stFooter .bottom-footer nav ul li a{
    padding: 0.5em 0;
    padding-right: 2em;
    color:#fff;
    font-size:1em;
}

.footer-inner{
    padding:.5em;
}
.stBanner{
    background-color:transparent;
    font-size: 75%;
}
#stNavContent{
    max-width: 1224px;
    margin: 0 auto;
    width: 100%;
    padding-top:0px;
    height: 40px;
}
#stNavContent ul li:first-child div:first-child {
    display:none;
}
.rich-text-div table {
    width: 100%!important;
}
.syllabus-text table {
    width: auto !important;
}
.stPageNavigation nav > ul > li > div > a{
    background: #fff;
    color:#22272B;
    font-weight:500;
    text-transform:none;
    /*border-right: 1px solid #eee;*/
    font-size: 16px;
    letter-spacing:0px;
}
.stNoTouch .stPageNavigation nav > ul > li > div > a:focus,.stNoTouch .stNavigation nav .stNavSelected a:hover{
    color:#fff;
    background-color:#002664;
}
.stNoTouch .stPageNavigation nav > ul > li > div > a:hover{
    color:#fff;
    background-color:#002664;
    text-transform:uppercase;
}
/*.stNavListItem div:nth-child(2) ul .customChildPages a:first-child {
    pointer-events: none;
}*/
.stPageNavigation nav ul ul ul li {
    display: block;
    float: none;
}
.stPageNavigation li > div:nth-child(2) > ul > .customChildPages > span > a {
    pointer-events: none;
}
/*.stPageNavigation nav > ul > li:last-child  .customChildPages > a:first-child{
    margin-top: -1.5em;
    pointer-events: auto;
}*/
.stPageNavigation nav > ul > li:last-child  .customChildPages {
    width:100%;
    margin-top: -1em;
}
.stPageNavigation nav > ul > li:last-child  .customChildPages:nth-child(2) {
    margin-top: 0;
}
.stPageNavigation nav > ul > li:last-child  .customChildPages span > a{
    pointer-events: auto!important;
}
.stPageNavigation nav > ul > li:last-child  .customChildPages > span > a > span:first-child{
    /*color: #000;
    font-weight: 400;*/
    font-family: 'PublicSans', Arial;
    font-weight: normal;
    font-style: normal;
    color: #000000;
    font-size: 0.9em;
    line-height: 1.25em;
    letter-spacing: 0.07px;
}

.customChildPages > a > span:first-child {
    font-family: 'PublicSans Bold', Arial; font-weight:500; font-style:normal; font-size:16px; line-height:1.5em; color: #22272B  ; letter-spacing: 0;
}
.page-navigation span{

    padding: 0.36em 3em !important;
    width: 40px;
    height: 20px;
}

.id-Z7_00000000000000A0BR2B3006K4{
    max-width: 1224px;
    margin: 0 auto;
}

.stPageNavigation .stNavChild li a:link, .stPageNavigation .stNavChild li a:visited {
    background-color: transparent;
    line-height: 1.5em;
    font-family: 'PublicSans', Arial;
    font-weight:normal;
    font-style:normal;
    color:#22272B;
    font-size: 14px;
    line-height:1.25em;
    letter-spacing: 0px;
    max-width: 100%;
}
.newsBody .page-navigation span {
    padding: 0.6em 1em 0.45em 1em!important;
    margin: 0 1em;
    font-size: 16px;
    text-decoration: underline;
    text-decoration-color: #d7153a;
}
.newsBody .page-navigation a {
    text-decoration: none;
    text-decoration-color: transparent;
}
.newsBody .pagination-arrow {
    width: 0;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 11px solid #fff;
    margin-top: -3.3em;
    margin-left: 49.5%;
    padding-bottom: 1em;
}
.newsBody .first-control-inactive, .newsBody .prev-control-inactive, .newsBody .last-control-inactive, .newsBody .next-control-inactive {
    background-color: transparent;
    height: 1.9em;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    color: #C0C6C9;
}
.newsBody .prev-control-active, .newsBody .next-control-active {
    background-color: transparent;
    text-align: center;
    display: inline-block;
    color: #002664;
}
.newsBody .prevArrow, .newsBody .nextArrow {
    font-size: 16px;
}
/*.newsBody {
        margin-left: -20px;
    }*/
.news-list-ul li:last-child {
    margin-bottom: 2em;
}
.newsBody .page-navigation span {
    padding: 0!important;
    width: auto;
    float: none;
}
.newsBody .page-navigation {
    text-align: center;
    display: inline-block;
    width: 100%;
}
.stNavListItem  div:nth-child(2) > ul > li > a:first-child{
    pointer-events:none;
    /*font-size: 0.9em;*/
}
#stNavContent .stNavListItem:last-child  div:nth-child(2) > ul > li > a {
    pointer-events:auto;
}
.stPageNavigation nav > ul > li:last-child  .customChildPages a span {
    color: #002664;
    pointer-events: auto;
    font-size: 0.875em;
    text-decoration: underline;
}
.stPageNavigation nav > ul > li:last-child  .customChildPages a:hover span {
    color: #002664;
}
.stPageNavigation .stNavParent{
    display:none;
}
table.component-container{
    margin: 0 auto;
    max-width: 1224px;
}

/*.stPageNavigation nav ul li:first-child .stNavChild > li.customChildPages:last-child {
    background-color: #dde5ed;
    padding: 7em 3em 14em 2em;
}*/
/*.stPageNavigation nav ul li:first-child .stNavChild > li.customChildPages:last-child > a, .stPageNavigation nav ul li:first-child .stNavChild > li.customChildPages:last-child > a:hover {
        background-color: #f00078!important;
    color: #fff;
    padding-left: 1em;
}*/
/*.stPageNavigation nav ul li:first-child .stNavChild > li.customChildPages:last-child > a span{

    color: #fff;
}*/
.stPageNavigation .stOpenNavLevel.stSecondLevelNav{
    background-color: #FFFFFF;
    /*box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);*/
    border: 1px solid #002664;
    color: #333333;
    padding: 2%;
    padding-top: 0;
    width: 95.85%;
    left: auto;
    right: 0;
    /*z-index:-1;*/
    max-width: 1224px;
    font-family: 'PublicSans', Arial;
}

.stPageNavigation li > div > ul > li > span > a{
    padding: 1em 1em .5em 0;
}

.stBanner .stBranding{
    display:none;
}

#stBannerMenus{
    position: absolute;
    top: -7em;
    right: 0em;
    background: #ffffff;
    z-index: 999;
}
.stBanner ul {
    padding: 0;
    overflow: visible;
    list-style-type: none;
}
.stLeft {
    float: left;
}
ul,ol {
    /*list-style-type: none;*/
    margin: 0;
}
a,a:active {
    /*color: #10498F;*/
    text-decoration: none;
}
div.srch-div input{
    visibility:hidden;
}
.stPageNavigation .stNavChild .stNavChildSelected a span, .stPageNavigation .stNavChild a:hover span, .stPageNavigation nav > ul > li:last-child  .customChildPages > span > a:hover > span:first-child{
    /*color:#002664;*/
    /*text-decoration:underline;*/
    background: rgba(0,133,179,0.20);
}
.stPageNavigation .stNavChild .stNavChildSelected a span, .stPageNavigation .stNavChild a:hover span {
    color: #22272B;
}
.stNavSelected .stParentContainer > a{
    /*background-color: #f00078!important;*/
    /*color: #fff!important;*/
    font-weight: 500;
    border-bottom: #D7153A solid 4px;
    border-right: none;
    margin-right: 0.1em;
}

.id-Z7_2A161H41KOF810ATDJPAE808M4{
    position: absolute;
    margin: 0 auto;
    text-align: center;
    left: 50%;
    transform: translate(-615%,0);
}
/****************body css ***********************/

.stLayoutContainers{
    /*max-width: 1100px;
    margin: 0 auto;*/
}
.stLayoutContainers .st-section > .st-row{
    margin:0;
    background-color:#fff;
    width:1224px;
    margin:0 auto;

}
.stLayoutContainers .st-section > .st-row-home{
    margin:0;
    background-color:transparent;
    max-width: 1100px;
    margin: 0 auto;
    width: auto;
}
.component-container{
    background-color:#fff;
}
.id-Z7_2A161H41K07810AT44K5F01044{
    background-color:transparent;
}
.st-row .st-col .component-container{
    padding:20px;
    padding-top:5px;
}
.st-row .st-col .st-container{
    width:auto;
}
.st-row .st-col .id-Z7_2A161H41K07810AT44K5F01044{
    width:100%;
    padding:0;
}
.id-Z7_4IH00302LGKJ50AJORJ2KN3MR6 {
    padding-top: 1.3em!important;
}
a[data-attribute="HSC Exam Papers"] > i {
    display: none;
}
.stLayoutContainers .st-col{
    padding:0;
}
.portal-breadcrumbtrail{
    margin: 0 auto;
    display: block;
    width: 100%;
    font-family: 'PublicSans', Arial;
}
.portal-breadcrumbtrail > ul{
    padding:0;
}
.portal-breadcrumbtrail > ul li{
    margin:0 auto;
    display:inline-block;
    vertical-align:top;
    width:auto;
    color: #002664;
}
.portal-breadcrumbtrail > ul li:last-child{
    font-family: 'PublicSans', Arial;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    color: #22272B;
    letter-spacing: 0.94px;
    vertical-align: inherit;
    line-height: 19px;
}
.portal-breadcrumbtrail > ul li:last-child a{
    font-size: 14px;
}
/* Nadeem*/
.portal-breadcrumbtrail > ul li:first-child {
    display: none;

}
.portal-breadcrumbtrail > ul li:nth-child(3) a,.portal-breadcrumbtrail > ul li:nth-child(4) a {
    pointer-events: none;
    cursor: default;
    text-decoration:none;
    color: #002664;
}

.portal-breadcrumbtrail > ul li a{
    padding:0 0.5em;
    font-family: 'PublicSans', Arial; font-weight:bold; font-style:normal; font-size: 14px; color: #002664 ; letter-spacing: 0.94px;
    color:#002664;
    padding-left: 0;
    text-decoration:underline;
}

.toggleBreadcrumb{
    display:none;
}
.home-content{
    width: 100%;
    margin: 0px auto;
    display: block;
    vertical-align: top;
    background-image: url("/wps/wcm/connect/4881a5ed-d99f-49e3-b504-ef791dc2ae90/body-bg.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-4881a5ed-d99f-49e3-b504-ef791dc2ae90-lt5S4Jx");
    height: auto;
    border-bottom: none;
    background-repeat: no-repeat;
    background-position: top;
    background-size:100%;

}
.main-content{
    width: 100%;
    margin: 0px auto;
    display: block;
    vertical-align: top;
    height: auto;
    min-height: 522px;
    border-bottom: none;
    background-repeat: no-repeat;
    /*background-position: top;*/
    background-size:auto;
    background-color: #fff;
    margin-top: 10px;
}
.bg-fade {
    /*background:#000;*/
    opacity: 0.5;
}
/*.home-body {
    background-color: #DDE5ED !important;
}*/
.stNavigation, .stNavigationShow{
    padding-top:0;
    height: 67px;
}

.stBanner.stGroup.compressed{
    height:auto;
    min-height: auto;
}
.main-content a{
    color:#002664;
}
.main-content .rich-text-div a{
    color: #002664;
    text-decoration: underline;
}
.main-content .rich-text-div .support-material-richtext a{
    color: #002664 !important;
    font-family: 'PublicSans', Arial!important;
    letter-spacing: 0!important;
    line-height: 28px!important;
    font-size: 20px!important;
}
.main-content a:hover{
    background: rgba(0,133,179,0.20);
}
.stBanner.stGroup.compressed .stSearch, .stBanner.stGroup.compressed .stBannerMenus,.stBanner.stGroup.compressed .stBanner.stNavigation{
    display:block;
    padding-top:0;
}
.content-body{
    width:100%;
    margin:0 auto;
    display:block;
    vertical-align:top;
    /*max-width: 1100px;*/
    padding: 0;
    /*padding-top: 20em;*/
}
.home-content .content-body{
    max-width: 1100px;
    padding: 0 0em;
    padding-top:13em;
}
.main-content .content-body{
    padding-top: 0em;
}

.eSyllabusNestedAccordion .owl-controls .owl-buttons div {
    margin:0 0em;
    padding: 7px 13px;
    font-size: inherit;
    border-radius: 100%;
    background: #f00078;
    opacity: 1;
}

.eSyllabusNestedAccordion  .owl-prev {
    float:left;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
}
.eSyllabusNestedAccordion .owl-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
}
.right-col .rich-text-div .owl-wrapper ul {
    padding: 0;
    margin: 0;
}
.ui-accordion .ui-accordion-content{
    padding:0em 0 !important;
    border: none !important;
    background-color: #F2F2F2 !important;
}
.ui-accordion .ui-accordion-content-active {
    background-color: #ffffff !important;
}
.eSyllabusNestedAccordion  .owl-wrapper-outer {
    margin: 0 auto;
    width:92% !important;
}
.eSyllabusNestedAccordion  .owl-item{
    width: 235px !important;
    margin: 0 0.9em;
}
.rich-text-div > ol{

    padding:0 !important;
}
.rich-text-div ol {
    counter-reset: item;
    padding: 0;

}
.rich-text-div ol > li { display: block;
    text-indent: -34px;
    padding-left: 34px;
}

.rich-text-div ol > li:before {
    content: counter(item) ".";
    counter-increment: item;
    font-weight: bold;
    color: #22272B;
    margin-right: 20px;
}
.bostesquiz_quiz .bostesquiz_topBar {
    padding-top: 0px;
}
.rich-text-div ol > li > ol {
    counter-reset: alpha-counter;
}
.rich-text-div ol {
    padding-left:0;
}
.rich-text-div ol li ol {
    /*padding-left: 33px;*/
}
.rich-text-div ol > li > ol {
    counter-reset: alpha-counter;
    padding-left: 0px;
}
.rich-text-div ol > li > ol > li { display: block;
    text-indent: -34px;
    padding-left: 34px;
}

.rich-text-div ol > li > ol > li:before {
    content: counter(alpha-counter, lower-alpha)".";
    counter-increment: alpha-counter;
    margin-right: 20px;
    font-weight: bold;
    color: #280070;
}

.rich-text-div ol > li > ol > li > ol {
    counter-reset: roman-counter;
}
.rich-text-div ol {
    padding-left:0;
}
.rich-text-div ol li ol {
    /*padding-left: 33px;*/
}
.rich-text-div ol > li > ol > li > ol {
    counter-reset: roman-counter;
    padding-left: 0px;
}
.rich-text-div ol > li > ol > li > ol > li { display: block;
    text-indent: -34px;
    padding-left: 34px;
}

.rich-text-div ol > li > ol > li > ol > li:before {
    content: counter(roman-counter, lower-roman)".";
    counter-increment: roman-counter;
    margin-right: 20px;
    font-weight: bold;
    color: #280070;
}


#c4outcomes-accordion .outcomes-panel{
    padding: 1em 0;
}
#c4outcomes-accordion #outcomes-list .owl-wrapper-outer{
    width: 90%;
    margin:0 auto;
}
#outcomes-list .owl-controls .owl-buttons div {
    margin:0;
    padding: 7px 13px;
    font-size: inherit;
    border-radius: 100%;
    background: #f00078;
    opacity: 1;
}
#outcomes-list  .owl-prev {
    float:left;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
}
#outcomes-list  .owl-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
}
#outcomes-list .outcomes-content {
    width: 80%;
}
#outcomesModal {
    padding: 0 1.5em 0 1.5em;
}

.owl-theme .owl-controls{
    text-align:right;
    margin-top: 5px;
}
.owl-theme .owl-controls .owl-page span{
    background:#dde5ed;
    opacity:1;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #dde5ed;
}
.slider-content-container a{
    color: #002664;
    text-decoration: underline;
}
ul.breadcrumb-main {
    margin:0 auto;
    display:block;
    vertical-align:top;
    width:100%;
    padding: 0;
    margin-bottom:2em;
}

ul.breadcrumb-main li {
    margin:0 auto;
    display:inline-block;
}
.content-body .left-col{
    margin:0 auto;
    display:inline-block;
    vertical-align:top;
    margin-right: 1.8em;
    width:92%;
}
.content-body .right-col{
    margin:0 auto;
    display:inline-block;
    vertical-align:top;
    width:100%;
    position:relative;

}
.right-col-main {
    margin:0 auto;
    display:inline-block;
    vertical-align:top;
    width: 100%;
    margin-right: 1.8em;
}
.right-col-main ul {
    padding-left: 2em!important;
    list-style-type: initial;
}
.right-col .right-col1{
    margin:0 auto;
    display:inline-block;
    vertical-align:top;
    width: 70%;
    margin-right: 1.8em;
}
.right-col .right-col2{
    margin:0 auto;
    display:inline-block;
    vertical-align:top;
    width:25%;
    margin-top: 0.3em;
}
.right-col2 .col{
    margin:0;
    /*margin-bottom:1.8em;*/
    width: 90%;
    padding: 0.1em 1em;
    font-family: 'PublicSans', Arial;
}
.left-col .left-nav{
    padding:0;
    margin:0 auto;
    display:block;
    vertical-align:top;
    width:100%;
}
.left-col .left-nav > ul{
    border-bottom: 1px solid #000;
}
.left-col .left-nav ul{
    padding-top:0.9em;
    padding:0;
}
/*.sideNav ul li:first-child a:first-child {
    pointer-events:none;
}*/
.st-row .st-col-c-4-of-12{
    width:25%;
    background-color:#fff;
    min-height: 495px;
}
.st-row  .st-col-c-8-of-12{
    width:74.54%;
    background-color:#fff;
    min-height: 495px;
}
.stLayoutContainers .st-col {
    padding: 0px;
}

.left-nav ul ul li.news-li{
    width:auto;
    margin:0 auto;
    display:block;
    vertical-align:top;
    border-top: 1px solid #000;
}

.left-nav ul li a{
    /*width: 91%;*/
    margin: 0 auto;
    display: block;
    vertical-align: top;
    padding-bottom: 0.2em;
    padding-top: 0.2em;
    border-bottom: none;
    font-weight: 700;
    font-size: 1.125em;
    line-height:1.5em;
    /*padding-left: 1em;*/
    font-family: 'PublicSans', Arial;
    color: #22272B;
}
.left-nav li.subchildclass  > ul  li ,.left-nav li.subchildclass  > ul  li:last-child {
    /*width:100%;*/
    border:none;
}
.left-nav ul ul li a {
    /*width:100%;*/
    margin:0 auto;
    display:block;
    vertical-align:top;
    padding: 0.5em 1em 0.5em 1em;
    color: #000;
    font-weight:normal;
    font-size:0.9em;
    position: relative;
}
.left-nav .sideNav ul li{

    border-top: none;
}
.left-nav .sideNav ul li:blank {
    display: none;
}
.left-nav .sideNav > ul > li > ul > li:last-child{
    border-bottom: 1px solid #C0C6C9;
}
.left-nav .sideNav ul ul li{
    width:auto;
    margin:0 auto;
    display:block;
    vertical-align:top;
    border-top: 1px solid #C0C6C9;
    text-indent: 0.5em;
    padding-left:0;
    border-bottom:0;
}

a.second-level-current{

    margin: 0 auto;
    display: block;
    vertical-align: top;
    padding-bottom: 0.2em;
    padding-top: 0.2em;
    border-bottom: none;
    font-weight: normal;
    font-size: 1.8em;
    font-family: 'PublicSans', Arial;
    color: #280070;
}
.left-nav .current .sideNav ul li a{
    margin:0 auto;
    display:block;
    vertical-align:top;
    padding: 0.5em 1em 0.5em 1em;
    color: #000;
    font-weight:normal;
    font-size:1em;
    position: relative;
    border-bottom:1px solid #000;
}
.left-nav .current .sideNav ul li a.second-level-current{
    background-color:#dde5ed;
}
.left-nav .sideNav > ul > li > a, .left-nav ul ul li a.second-level-ul{
    margin: 0 auto;
    display: block;
    vertical-align: top;
    padding-bottom: 0.2em;
    padding-top: 0.2em;
    border-bottom: none;
    font-weight: 700;
    font-family: 'PublicSans Medium', Arial;
    color: #22272B;
    padding-left:0;
    pointer-events: none;
    font-style:normal; font-size:1em;  letter-spacing: 0px; line-height:1.5em;
}
.left-nav .second-level-ul > a{

    margin: 0 auto;
    display: block;
    vertical-align: top;
    padding-bottom: 0.2em;
    padding-top: 0.2em;
    border-bottom: none;
    font-weight: normal;
    font-size: 1.8em;
    font-family: 'PublicSans', Arial;
    color: #280070;
}
.left-nav .second-level-ul .sideNav > ul > li > a{

    margin: 0 auto;
    display: block;
    vertical-align: top;
    padding: 0.5em 1em 0.5em 1em;
    color: #000;
    font-weight: normal;
    font-size: 1em;
    position: relative;
    padding-left:1em;

}
.left-nav .sideNav ul ul li a{
    margin: 0 auto;
    display: block;
    vertical-align: top;
    padding: 0.5em 1.5em 0.5em 1em;
    color: #22272B;
    font-weight: normal;
    font-size: 14px;
    position: relative;
    line-height: 1.25em;
    letter-spacing: 0px;
    padding-left: 0;
    white-space: pre-line;
    text-indent:0;
    font-family: 'PublicSans', Arial;
}
.left-nav .sideNav ul ul li a.grand_parent{
    border-bottom:0;
    padding:0;
}
.left-nav .sideNav ul ul li a.current span{
    margin-left: 10px;
    padding: 0.5em 1.5em 0.5em 1em;
    display: block;
    padding-left: 0;
    font-family: 'PublicSans Bold',Arial;
    letter-spacing: 0;
    font-size: 14px;
    color: #333333;
}

.accordion ul li{
    padding-left: 1em;
}
.current {
    background: rgba(221, 229, 237, 0.4);
}
.custom-accordion-up-arrow {
    padding-left:4em;
    position: absolute;
    right: 0.5em;
}

div#sideNav li.accordion li a:first-child{
    border:none;
}

div#sideNav li.accordion li a:last-child{
    border:none;
}

/*
.left-nav ul ul li:last-child{
    border-bottom: 1px solid #000;
}*/

.stNoTouch header:first-child:hover .stBanner.stGroup.compressed{
    min-height: 67px;
}

.one-col{
    height: auto;
    /*padding: 2em;*/
    padding-left: 0;
    color: #000;
    text-align: center;
    background-color: transparent;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0em;
    margin-top: 0em;
    padding-right: 0;
}
.one-col span{
    height: auto;
    text-align: left;
    width: 100%;
    color: #000;
    display: block;
    margin: 0 auto;
}
/* Updated from Semibold to Regular*/
.one-col h1{
    font-family: 'PublicSans', Arial; font-weight:600; font-style:normal; color:#22272B; font-size:30px;  letter-spacing: 0px; text-transform: none; text-align: center; margin-top: 20px; margin-bottom: 30px; line-height: 40px;
}
.one-col a{
    text-decoration:underline;
    font-size:.5em;
}
.two-col{
    width: 100%;
    margin: 0 auto;
    display: block;
    vertical-align: top;
    font-family: 'PublicSans', Arial;
}
.two-col .col{
    /*margin: 0 auto;*/
    display: inline-block;
    width: 42.5%;
    vertical-align: top;
    padding:0 2em 0 2em;
    height: 100%;
    /*max-height: 700px;*/
    background-color:#CBEDFD;
    margin-bottom:1.8em;
    border-radius: 4px;
}
.two-col .orange-bg{
    background: #FFFFFF;
    border: 1px solid #979797;
    color: #22272B;
    letter-spacing: 0;
    border-top: 6px solid #D7153A;
    margin-right: 1.8em;
    border-radius: 4px;
}
.two-col  .blue-bg{
    background: #FFFFFF;
    border: 1px solid #979797;
    color: #22272B;
    letter-spacing: 0;
    border-top: 6px solid #D7153A;
    border-radius: 4px;
}
.third-col-cover{
    width: 250px;
    margin-bottom: 1em;
    margin-left: 1em;
    float: right;
}
.rich-text-div .col{
    margin:0 auto;
    display:block;
    vertical-align:top;
    padding: 0 1em;
    margin-bottom: 50px;
}
#right-col-1{

    margin-bottom:0em;
}
.c6-template #right-col-1 {
    margin-bottom: 23px;
}
.rich-text-div .implementationBlock {
    background-color: #CBEDFD;
    margin-top: 27px;
    overflow: auto;
    /*width:100%;*/
}
.featuretext_wrapper{
    margin-bottom: 0em;
    /*overflow-x: hidden;*/
    width: 68.5%;
    display: inline-block;
    vertical-align: top;
    min-height: 138px;
}
.top-section {
    margin: 0 auto;
    display: block;
    float: left;
    height: auto;
    width: 100%;
}
.c1-syllabus-template{
    margin-top:40px;
}
.c1-syllabus-template p.c1-accordion-top {
    margin-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 20px;
}
.languages-board-dev {
    margin-top: 0;
}
.featuretext_wrapper p:first-child{

    margin-top:0;
}
.featuretext_wrapper p:last-child{

    margin-bottom:0;
}
.third-col-cover-c2b{
    width: 253px;
    margin-bottom: 1em;
    margin-left: 1.5em;
    /*float:none;*/
    display: inline-block;
    vertical-align: top;
}
.c2-template .third-col-cover-c2b{
    float: right;
}
.rich-text-div .implementationBlock h2{
    color: #22272B;
    margin-bottom:0;
    margin-top:48px;
}
.rich-text-div .implementationBlock .implementationBody{
    padding: 0.1em 0 1em 27px;
    padding-bottom:0;
    padding-right:1em;
    padding-bottom: 11px;
}
.implementationBlock .implementationBody a{
    color:#002664;
}
.implementationBlock .implementationBody a:hover{
    color:#002664;
    background-color: rgba(0,133,179,0.20);
}
.rich-text-div .syllabus-download {
    background-color: #F2F2F2;
    padding-bottom: 3.5em;
    text-transform: uppercase;
    width: 48%;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 3.5%;
    padding: 0;
}
.rich-text-div .syllabus-download .syllabus-download-inner span {
    font-family: 'PublicSans', Arial; /* Updated from Semibold to Regular*/
    font-size: 18px;
    padding-left: 7px;
    height:82px;
    text-decoration: underline;
}
.rich-text-div .syllabus-download .syllabus-download-inner span:nth-child(2){

    display: inline-block;
    vertical-align: top;
    height: auto;
}
.rich-text-div .syllabus-download .syllabus-download-inner span:nth-child(2) a {
    padding: 0;
    position: relative;
}
.rich-text-div .syllabus-download .syllabus-download-inner > label {
    color: #000;
    font-size: 0.72em;
    float: left;
    margin-left: 10px;
    margin-top: 2.2%;
    text-transform: none;
    font-family: 'PublicSans', Arial;
}
.rich-text-div .syllabus-download span a {
    text-transform: none;
    font-family: 'PublicSans', Arial; /* Updated from Semibold to Regular*/
}
.rich-text-div .syllabus-download .download-syllabus-icon{
    text-align: center;
    width: 13%;
}
.rich-text-div .syllabus-download-last-item {
    margin-right: 0;
}
.syllabus-download-inner{

    margin: 0 auto;
    display: block;
    padding-top: 2.5%;
    padding-left: 18%;
}
.syllabus-download-inner span{
    color:#002664;
    width: auto;
    margin: 0 auto;
    float: left;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 28px;
}
.main-content .rich-text-div .syllabus-download-inner span a{
    color: #22272B;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    font-weight: 500;
    float: left;
    position: absolute;
    left: 0;
    padding-left: 19.5%;
    padding-top: 9%;
    padding-right: 2%;
    height: 53px;
    top: 0;
    letter-spacing: 0px;
    line-height: 24px;
}
/*Fix download word container*/
@media only screen
and (min-width : 1224px) {
    .main-content .rich-text-div .syllabus-download-last-item .syllabus-download-inner span a {
        padding-left: 19.5%;
    }

    .rich-text-div .syllabus-download-last-item .syllabus-download-inner span {
        padding-left: 7px;
    }
}
/*Fix download word container*/
.st-row .st-col-c-8-of-12 .component-container{
    padding-left:0;

}
.st-row .st-col-c-4-of-12  .component-container{

    padding-right:0;
}
.rich-text-div .syllabus-download p  {
    /*display: inline-block;*/
    margin: 0;
}
.rich-text-div .syllabus-download p span {
    padding-left: 1em;
    font-family: 'PublicSans Medium', Arial;
    display: block;
    text-align: center;
    padding: 0;
    font-size: 10px;
}
.rich-text-div .syllabus-download .download-syllabus-icon {
    float: left;
    background-color: #002664;
    color: #fff;
    padding: 0.5em;
    font-size: 26px;
    height: 57px;
    padding-top:0.8em;
    min-width:65px;
    padding-left: 0.2em;
    padding-right:0.2em;
}
.rich-text-div .syllabus-download .download-syllabus-icon span{
    text-transform: none;
    margin-top: 3px;
}
.rich-text-div #sub-related-resources .download-syllabus-icon {
    background-color: rgb(240, 0, 120);
    color: rgb(255, 255, 255);
    font-size: 14px;
    padding: 10px;
    display:none;
}

.rich-text-div .related-resources h2 {
    clear: both;
    margin-top:48px;
}
.rich-text-div .related-resources .ui-accordion-header:first-child {
    border-bottom: none !important;
    background-color: #F2F2F2!important;
    color:#22272B!important;
    outline:none;
    padding-left:0;
    padding: 14px 20px 14px 20px;
    font-family:'PublicSans', Arial; /* Updated from Semibold to Regular*/
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0px;
    line-height:28px;
}
.rich-text-div .related-resources .ui-accordion-header-active:first-child {
    background-color: #002664 !important;
    color: #FFFFFF !important;
}
.rich-text-div .related-resources .support-material-richtext ul li {
    border-bottom: none ;
    background-color: #F2F2F2;
    font-size: 15px;
    outline:none;
    padding-left:0;
    padding: 0.69em .5em 0.65em 1.7em;
    font-family:'PublicSans', Arial;
    margin-bottom: 5px;
    color: #22272B;
}

.rich-text-div .related-resources .ui-accordion-header {
    border-bottom: none !important;
    background-color: #F2F2F2!important;
    color:#22272B!important;
    outline:none;
    padding-left:0;
    padding: 14px 20px 14px 20px;
    font-family:'PublicSans', Arial;/* Updated from Semibold to Regular*/
    font-size: 20px;
    margin-top: 5px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 28px;
}
.rich-text-div .related-resources .ui-accordion-header:hover {
    background-color: #002664!important;
    color:#ffffff!important;
}
.rich-text-div .related-resources .ui-accordion-header-active {
    background-color: #002664!important;
    color:#FFFFFF !important;
}
.rich-text-div .related-resources .ui-accordion-header:hover i{
    background-color: #002664!important;
    color:#ffffff!important;
}
.rich-text-div .syllabus-download .fa-download:before,.rich-text-div #sub-related-resources .fa-download:before {
    padding-right: 0;
}
.purple-bg{
    background-color:#fff;
    color:#000;
    margin-right:1.8em;
}
.grey-bg{
    background-color:rgba(221, 229, 237, 0.5);
    color:#000;
    margin-right:0em;

}
.pink-bg{
    background-color:#fff;
    color:#000;
}
/* Updated from Semibold to Regular*/
.two-col .col h2{
    font-family: 'PublicSans', Arial; font-weight:600; font-size: 32px; font-style:normal; color:#22272B; letter-spacing: 0px; margin-bottom: 1em; line-height: 40px; margin-top: 38px;
}
.two-col .col p{
    font-size: 16px;
}
.two-col .col ul{
    list-style: inside disc;
    padding: 0px;
    font-size: 16px;
}
.two-col .col a{
    color:#002664;
    text-decoration: underline;
}
.home-news-row .news-title p, .home-news-row .news-title a,.home-imp-dates-row .imp-date-title p, .home-imp-dates-row .imp-date-title a {
    color:#000;
    text-decoration: none;
}
.purple-bg ul{
    list-style:none;
    padding: 0px;
    font-size: inherit;
}
.palegreen-bg p, .palegreen-bg ul, .palegreen-bg a{
    font-size: 14px;
}
.palegreen-bg h4 {
    color: #22272B !important;
}
.palegreen-bg a {
    color: #002664;
    text-decoration: underline;
}
.palegreen-bg h4 {
    margin-top: 10px;
}
.right-col .palegreen-bg{
    background-color: #CBEDFD;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top:2em;
}
.rich-text-div > .palegreen-bg{
    display: none;
}
.right-col .palegreen-bg img{
    width: 100%;
    height: auto;
}
/*.right-col .palegreen-bg p:first-child {
    font-size: inherit;
}*/
.right-col2 .purple-bg ul li{
    border-top:1px solid #eee;
}
.right-col2 .purple-bg ul li:last-child{
    border-bottom:1px solid #eee;
}
.on-this-page {
    margin: 0 auto;
    margin-top: 2em;
    display: block;
    vertical-align: top;
    padding: 20px 15px;
    width: 91%;
}
.on-this-page .promo-title h4 {
    margin: 0;
    color: #000000;
    pointer-events: none;
    padding-bottom: 0.3em;
    font-family: 'PublicSans Medium', Arial;
    font-size: 16px;
    color: #22272B;
    letter-spacing: 0;
}
.on-this-page .promo-title .otp-arrow {
    display: none;
}
.relevant-news {
    background-color: #CBEDFD;
    padding: 1px 13px 27px;
    width: 92%;
    margin-top: 27px;
}
.relevant-news h4 {
    color: #22272B;
    margin-top: 10px;
}
.relevant-news-wrapper li {
    margin-bottom: 12px;
    list-style-type: none;
}
.relevant-news-wrapper {
    font-size: 0.875em;
}
.relevant-news-wrapper p a {
    text-decoration: underline;
    margin-left: 10px;
}
.relevant-news-row {
    background-color: #ffffff;
    padding: 10px;
}
.relevant-news-row .news-date {
    font-weight: 600;
    font-family: 'PublicSans Medium', Arial;
}
/*on this page*/
.third-col-cover .on-this-page  a {
    font-size: 14px;
    display: block;
    padding: 0.5em 1.5em 0.5em 1em;
    border-bottom: 1px solid #C0C6C9;
    color: #002664;
    letter-spacing: 0;
}
.third-col-cover .on-this-page  a:hover {
    background: rgba(0,133,179,0.20);
}
.otp-wrapper {
    border-top: 2px solid #002664;
}
/*on this page*/
.purple-bg ul li{
    border:1px solid #EBEBEB;
    list-style:none;
    margin: 1em 0 1em 0;
    background: #ffffff;
    border-radius: 4px;
}
.purple-bg ul li:last-child{
    /*border-bottom:2px solid #000; */
}
.home-news-row{
    width:90%;
    margin:0 auto;
    display:block;
    vertical-align:top;
    padding: 0.92em 0;
    height:auto;
    margin-left: 1em;
}
.home-imp-dates-row{
    width:100%;
    margin:0 auto;
    display:block;
    vertical-align:top;
    padding: 0;
    height:auto;
}
.home-imp-dates-row .imp-date {
    width: 17%;
    display: inline-block;
    vertical-align: top;
    margin-right: 0.5em;
    font-weight: 400;
    font-size: 14px;
    height: auto;
    overflow: hidden;
    background-color: #002664;
    color:#fff;
    padding: 0.54em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.14px;
    font-family: "PublicSans Bold", Arial;
}

.home-imp-dates-row .imp-date span:first-child {
    font-size: 24px;
    letter-spacing: 0.24px;
    font-family: "PublicSans Bold", Arial;
}
.home-imp-dates-row .imp-date-title {
    width: 68%;
    display: inline-block;
    vertical-align: top;
    padding: 0.4em 0;
}
.right-col2 .home-news-row{
    width:100%;
    margin:0 auto;
    display:block;
    vertical-align:top;
    padding: 1em 0em;
    height:auto;
}

.right-col2 .home-news-row  .news-date{
    font-size: 0.6em;
    margin-right:0.8em;
    width:100%;
}

.right-col2 .home-news-row  .news-title{
    width:100%;
}

.home-news-row .news-date{
    width: 97%;
    display: inline-block;
    vertical-align: top;
    margin-right: 1.8em;
    font-weight: 600;
    font-size: inherit;
    height: auto;
    overflow: hidden;
    color: #22272B;
    letter-spacing: 0;
    line-height: 20px;
    font-family: 'PublicSans', Arial;/* Updated from Semibold to Regular*/
}
.home-news-row .news-title a {
    font-family: "PublicSans", Arial;/* Updated from Semibold to Regular*/
}
.home-imp-dates-row .imp-date-title p {
    font-size: 16px!important;
    line-height: 17.5px!important;
    letter-spacing: 0px!important;
}
.home-news-row .news-title{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.home-news-row .news-title p,.home-news-row .news-title a,.home-imp-dates-row .imp-date-title p,.home-imp-dates-row .imp-date-title a{
    height:auto;
    font-size:inherit;
    margin:0;
    color: #002664;
    letter-spacing: 0;
    line-height: 20px;
}
.home-news-row .news-title a,.home-imp-dates-row .imp-date-title a{
    text-decoration: underline;
}
#jcarousel-wrapper{
    background-color:#fff;
    border:none;
    box-shadow:none;
    border-radius:0;
    padding:2em;
    padding-bottom:40px;
    margin-top:0;
    margin-bottom:3em;
    min-height: 300px;
    border-top: 1px solid #C0C6C9;
}
#jcarousel{
    width: 100%;
    max-width: 1075px;
    height:auto;
}
/*
#jcarousel li:first-child,.jcarousel-wrapper .jcarousel-pagination a:first-child{
    display: none;
}
*/
#jcarousel li{
    width: 100%;
    margin: 0px auto;
    display: inline-block;
    max-width: 1075px;
}
.slider-content-container{
    width: 99%;
    margin: 0px auto;
    display: block;
    vertical-align: top;
}
.slider-img{
    width: 40%;
    margin: 0px auto;
    display: inline-block;
    vertical-align: top;
}

.slider-img img{
    width: 100%;
    /*height: 248px;*/
    height: auto;
}
.content-wrapper{
    width: 56%;
    margin: 0px 1.8em;
    margin-left:0;
    display: inline-block;
    vertical-align: top;
}
/*.content-wrapper h2{
    font-family:inherit;
    font-size:1.4em;
}*/
.content-wrapper p{
    /*font-family:inherit;*/
    font-size:inherit;
    font-weight:normal;
}
.jcarousel-wrapper .jcarousel-pagination{
    left:auto;
    right:1.8em;
    margin: 0;
}

.jcarousel-pagination a
{ background-color: #ccc;}
.jcarousel-wrapper .jcarousel-pagination a, .jcarousel-wrapper .jcarousel-pagination a.active{
    color:transparent;
    line-height: 1em;
    min-width: 1em;
    padding: 0px;
    text-shadow:none;
}
#stFooter > div.stClear{
    display:none;
}
#stFooter .stClear{
    display:none;
}
.stBanner.stGroup{
    overflow:visible;
}

.stPageNavigation nav > ul > li:last-child  div:nth-child(2){
    width: 17.75%;
    padding-left: 2em;
}
.stPageNavigation  nav > ul > li:last-child .stOpenNavLevel.stSecondLevelNav{
    right:0;
    padding-bottom: 0;
}
#stFooter nav{
    margin: 0px auto;
    display: inline-block;
    vertical-align: top;
    margin-right:2em; /* updated from 2.2 em to 2em*/
    width: 17%;
}
#stFooter nav ul{
    margin: 0px auto;
    display: block;
    vertical-align: top;
    width: 100%;
    margin-right:1.8em;
}
#stFooter .bottom-footer nav ul{
    padding-left: 0;
}
#stFooter nav ul li{
    margin: 0px auto;
    display: -webkit-inline-box;
    display: -ms-flexbox;
    vertical-align: top;
    width: 100%;
}
.downloadSection {
    padding: 1em 0 1em 0;
    font-size: initial;
}
.downloadSection .fa-download, .downloadSection .fa-print, .downloadSection .fa-envelope {
    vertical-align: top;
}
.downloadSection .fa-envelope {
    margin-top: -2px;
}
#hsc-exm {
    padding-left: 1em;
}

.downloadSection a{
    text-decoration: none!important;
}
.downloadSection a:hover{
    text-decoration: underline!important;
}

#cmd, #print, #syllabus_print_this_page, #syllabus_download_this_page , #syllabus_download_this_page_c1 , #syllabus_print_this_page_c1 , #syllabus_download_this_page_languages ,
#syllabus_print_this_page_languages, #syllabus_download_this_page_global, #syllabus_print_this_page_global, #syllabus_print_this_page_c8_and_c9, #syllabus_download_this_page__c8_and_c9, #share_this_page ,
#hsc_print_this_page, #hsc_download_this_page {
    display: block;
    cursor: pointer;
    color: #002664;
    font-size:0.875em;
    font-family: 'PublicSans', Arial;
}

.fa-print:before, .fa-download:before  {
    padding-right: 1em;
    font-size: 1.5em;
}
.fa-newspaper-o:before, .fa-bullhorn:before, .fa-microphone:before{
    float: right;
    padding-left: 1em;
    /*padding-top: 0.2em;*/
}
#fa-mic, #fa-bullhorn, #fa-newspaper{
    /*display: inline;*/
}
.fa-twitter:before, .fa-youtube-square:before, .fa-linkedin-square:before, .fa-flickr:before, .fa-rss-square:before{
    display: inline-block;
    width: 10%;
    vertical-align: top;
    padding-top: 0.5em;
    padding-right: 1em;
    padding-left: 0.7em;
}
.stPageNavigation nav > ul > li > div > a{
    padding: 11.9px 20px;
    font-family:'PublicSans Medium', Arial;
    margin-left: 0em;
    text-transform: uppercase;
    border-right: 2px solid #dde5ed;
    letter-spacing: 0;
    font-size: 16px;
    color: #22272B;
    /*border-bottom: 4px solid #dde5ed;*/
}
.stPageNavigation nav > ul > li > div > a:hover, .stPageNavigation nav > ul > li > div > a:focus{
    background-color: #002664;
    color: #fff;
}

#stFooter nav ul li:first-child div a{
    font-family: 'PublicSans' , Arial; font-weight:700; font-style:normal; /*color:#000000;*/ font-size: inherit;  letter-spacing: 1.25px; padding-bottom: 1em;
}
#stFooter .bottom-footer nav ul li div a{
    /* font-family: 'Roboto Medium' , sans-serif; font-weight:500; font-style:normal;

    padding: 0.5em 0;
    padding-right: 1.5em;
    color:#fff;
    font-size:0.875em;
    */
    /* Updated from Semibold to Regular*/
    font-family: 'PublicSans', Arial; font-weight:500; color:#ffffff; font-size:0.875em; letter-spacing: 0.25px;
}
.stPageNavigation nav > ul > li:last-child > div{
    width: 21.4%;
    float:right;
}

.stPageNavigation nav > ul > li:last-child  > div > a{
    padding-right: 2.6em;
    background-color:transparent;
    color: #000;
    width: 76.5%;
    text-align: left;
    border-right:none;
    text-decoration: underline;
}
.stPageNavigation nav > ul > li:last-child  > div > a:hover, .stPageNavigation nav > ul > li:last-child  > div > a:focus {
    background-color: #002664;
    color: #fff;
    text-decoration: underline;
}

.portal-breadcrumbtrail > ul li:last-child a.active{
    pointer-events: none;
    cursor: default;
    color: #22272B ;
    text-decoration: none;
}
.stPageNavigation nav > ul > li:nth-of-type(1n+8){
    display:none;
}
.stNavigation .stPageNavigation div > ul > li > ul > li{

    padding: 0.3em 1.167em .3em 0;
}
.stNavigation .stPageNavigation div > ul  li  a:hover{
    background-color:transparent !important;
}
.stPageNavigation nav ul li li{
    max-width: 100%;
}
.stPageNavigation div > ul > li{
    font-size:16px;
    text-transform:none !important;
    width:20%;
    padding-bottom: 0.4em;
}
.stPageNavigation nav ul div ul  .hasChild ul, a#hasChildIcon{
    display:none;
}
.stPageNavigation nav ul div ul ul.meganav_nav_level4{
    display:none;
}
.customChildPages > ul ul li li {
    background-color: #fff !important;
}
.stNavChildOpenIcon{
    display:none;
}
#stBannerMenus .stSearch{
    display: block;
}
.news-list{
    padding: 2em 1em;
    width: 96%;
    color: #22272B;
    margin-bottom: 3em;
    position:relative;
    background-color: #fff;
}
.right-menu-list{
    padding: 1em 0;
    width: auto;
    color: #000;
    position:relative;

}
.right-menu-list a{
    display:block;
    margin:0 auto;
    width:100%;

}
.right-menu-list a img{
    display:inline-block;
    margin:0 auto;
    width:25%;

}
.right-menu-list a span{
    display:inline-block;
    margin:0 auto;
    width:70%;

}
.news-list h2,.right-menu-list h2{
    width:75%;
    margin:0;

}
.news-list h6{
    width:75%;
    margin:10px 0;

}
.news-list p,.right-menu-list p{
    width:96%;

}
.news-list a.readmore {
    text-decoration: underline;
    font-weight: bold;
    color: #002664;
    letter-spacing: 0px;
    line-height: 24px;
    font-size: 16px;
    font-family: 'PublicSans', Arial;
}

.relevant-news-row a.readmore {
    text-decoration: underline;
    color: #002664;
}
.stControlBody {
    overflow:hidden;
}
.inner-search-div {
    display:none;
}
/*.right-col > a{
    margin: 0 auto;
    display: block;
    vertical-align: top;
    width: 6em;
    height: 1.5em;
    text-align: center;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    font-size: 2em;
    margin-bottom: 1em;
    position: absolute;
    right: 1.4em;
    background-color: #32343c;
    color: #fff;
    top: -2em;
}*/
#pc1477876460103_firstPage{

}
.right-col ul{
    padding-left:0;
}
.news-list-ul {
    list-style-type: none;
}
.first-control-inactive,.prev-control-inactive,.last-control-inactive,.next-control-inactive{
    background-color: transparent;
    width: 3.6em;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    color: #C0C6C9;
}
.prev-control-active, .next-control-active {
    width: auto;
    height: 0.65em;
    text-align: center;
    padding: 0.856em 0;
    padding-top: 0.25em;
    display: inline-block;
    margin: 0 auto;
    color: #002664;
}
.page-navigation .prev-control-active, .page-navigation .next-control-active {
    padding: 0px!important;
}
.bullhorn-newstype {
    width:10em!important;
}
.news-type {
    position: absolute;
    width: 9em;
    /*height: 1.3em;*/
    background-color: #002664;
    text-align: center;
    top: -2em;
    left: 0;
    padding: 0.3em 0.5em;
    background-color: #002664;
    color: #FFFFFF;
    font-size: 16px;
    letter-spacing: 0px;
    font-family: 'PublicSans Medium', Arial;
}
.newsBody {
    background: #CBEDFD;
    padding: 1em;
    padding-top: 1.5em;
    padding-bottom: 5.5em;
}
.arrow-down {
    width: 0;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #002664;
    margin-top: -2.2em;
    margin-left: 3em;
}
.news-type-detail {
    /*position: absolute;*/
    /*right: 15.5em;*/
    /*top: 5em;*/
    left: auto;
    margin-top:1em;
    /*height: 1.3em;*/
    padding: 0.5em;
    background-color: #002664;
    color: #fff;
    font-size: 1.1em;
    font-family: 'PublicSans Medium', Arial;
    letter-spacing: 0px;
    font-size: 16px;
}
.rss-feed-news-header{
    padding: 0.58em 1em;
    background-color: #f00078;
    color: #fff !important;
    font-size: 20px;
    float: right;
    font-size: 16px;
    letter-spacing: 2px;
    font-family: 'PublicSans Medium', Arial;
    font-weight: 500;
}
.rss-feed {
    vertical-align: top;
    margin-top: -11px;
    font-size: 22px;
    margin-right: -4px;
    margin-left: -22px;
}
.news-type-detail span {
    font-family: 'PublicSans Medium', Arial;
    font-size: 0.9em;
}
.news-list h3 {
    margin: 0;
}
.news-list h3 a {
    color: #002664;
    font-family: 'PublicSans', Arial;/* Updated from Semibold to Regular*/
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 32px;
    text-decoration: underline;
}
.news-list h3 a:hover {
    text-decoration: none;
}
.news-list-ul li{
    margin: 3em 0;
    margin-bottom: 5em;
}
.newsBody .page-navigation {
    text-align: center;
    margin-left:0%;
}
.page-navigation {
    text-align: center;
    width: 100%;
}
.nextPrevCon {
    text-align: center;
    font-size: 0.7em;
}
#prevText {
    /*margin-left: -0.4em;*/
}
#nextText {
    padding-left: 13.4em;
}
.prevArrow, .nextArrow {
    font-weight: 700;
}
.pagination-arrow {
    width: 0;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: transparent;
    margin-top: -5.5em;
    margin-left: 49.5%;
    padding-bottom: 1em;
}
#page-navigation span{
    font-family: 'PublicSans', Arial;
    font-size:1em;
    font-weight:normal;
    color: #000000;
    border-right:none;
    margin: 0 1em;
    text-align: center;
    padding: 0px!important;
    padding-left: 4px!important;
    padding-right: 4px!important;
}
hr.index-page-hr {
    border: 1px solid #C0C6C9;
    background-color: #C0C6C9;
}
#page-navigation span:first-child{
    border: none;
    padding:0 !important;
    width: auto;
    position:relative;
    z-index:7;
    left: 1px;
}
#page-navigation span:last-child{
    border: none;
    padding:0 !important;
    width: auto;
    position:relative;
    z-index:7;
    left: -1px;
}
#page-navigation span.as-pagination-current{
    font-family: 'PublicSans', Arial;
    font-size:1em;
    font-weight:bold;
    color: #002664;
    border-bottom: 10px solid rgb(215, 21, 58);
}
#page-navigation span:nth-child(2){
    border-left:none;


}
.page-navigation > a {
    background-color: #f00078;
    color:#fff;
    width: 2em;
    height: 1em;
    text-align: center;
    padding: 1em 0;
    padding-top: 0.6em;
    display:inline-block;
    margin:0 auto;
}
div#sideNav li.accordion a {
    background-image: url('/wps/wcm/connect/85e80993-9f53-41a9-a193-5101717b6f5e/plus.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-85e80993-9f53-41a9-a193-5101717b6f5e-lxGmMFu');
    background-repeat: no-repeat;
    background-position: 18em;
    width:auto;
}
/*
.accordionExpanded {
background-color:rgba(221,229,237, 0.5);

}*/
div#sideNav li.accordion a.accordionExpanded {
    background-image: url('/wps/wcm/connect/efbdfd96-40fa-4345-a909-99e2b64bc372/minus.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-efbdfd96-40fa-4345-a909-99e2b64bc372-lxGmVhu');
    border:none;
}
div#sideNav li.accordion li a {
    background-image: none; /* undo above for sub links */
    padding-right: 0px;
    width:91%;
}
#left-col-ul > li{
    display:none;
}
#left-col-ul > li:nth-child(3){
    display:block;
}

.markers-accordion {
    color: #444;
    cursor: pointer;
    width: 100%;
    text-align: left;
    transition: 0.4s;
}

#c4outcomes-accordion h3, #c4content-accordion h3  {
    color: #22272B;
    background-color: transparent;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-radius: 0px;
    overflow:auto;
}

#c4outcomes-accordion h3 span:first-child, #c4content-accordion h3 span:first-child {
    position: absolute;
    margin-left: 8em;
    top: 0.9em;
}

.ui-state-default, .ui-state-active, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus  {
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-radius: 0px;
    border-color: #000 !important;
    background: none!important;
}

.outcomes-panel {
    border: none!important;
    border-radius: none!important;
}

div.panel.show {
    display: block;
}
div.markers-accordion:after {
    /*content: '\02795';*/
    color: #777;
}

div.markers-accordion.active:after {
    /*content: "\2796";*/
}


/* Nimisha-added for accordion start*/
button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

button.accordion:after {
    content: '\02795';
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796";
}

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    transition: 0.6s ease-in-out;
    opacity: 0;
    overflow:hidden;
}

div.panel.show {
    opacity: 1;
    max-height: 500px;
}
/* Nimisha- added for accordion end*/





/* Nimisha- page loading image start*/
.img-loading {
    color: #280070;
    position: absolute;
    left: 35%;
    margin: 200px 0px 0px -50px;
    font-size: 30px;
    width: 200px;
    padding: 80px;
    margin: 25px;

}
.txt-loading {
    line-height: 150px;
}

/* Nimisha- page loading image end*/

/* Nimisha - accordion*/
.res-accordion-toggle {
    cursor: pointer;
}
.res-accordion-content {
    display: none;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 60px;
}
.contact-us-wrapper .res-accordion-content {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom:0;
    overflow-y: scroll;
    max-height: 480px;
}
.contact-us-wrapper .res-accordion-content p{
    padding-left: 10px;
    padding-right: 22px;
    padding-top: 4px;
    padding-bottom: 8px;
    height: 20px;
    margin: 0;
}
.res-accordion-content ul{
    padding-left: 40px !important;
}
.res-accordion .res-accordion-toggle {
    line-height: 28px;
    font-family: 'PublicSans', Arial;/* Updated from Semibold to Regular*/
    text-align: left;
    font-weight: 600;
    letter-spacing: 0px;
    font-size: 20px;
    color: #22272B;
    padding-left: 20px;
    position:relative;
    background-color: #F2F2F2;
}

.contact-us-wrapper .res-accordion .res-accordion-toggle{
    color: #4a4a4a;
    font-weight: 400;
    padding-left:10px;
    margin-bottom:0px;
    height:40px;
}
.contact-us-wrapper span{
    margin-bottom: 5px;
    float: left;
}
.split-form-group{
    margin: 0 auto;
    display: inline-block;
    width: 48%;
}
.contact-us-wrapper div.form-group:nth-child(4){
    margin-right:2%;
}

.checkbox-form-group > input {
    width: 18px;
    height: 18px;
    float: left;
    margin-top: 0.6%;
    margin-right: 2%;
    margin-bottom: 4%;
    display:none;
}
.checkbox-form-group > label {
    float:none;
}
.checkbox-form-group > label > i.fa{
    width: 20px;
}

.checkbox-form-group input[type=checkbox] + label
{

    height: 33px;
    position: relative;
    background-size: 40px;
    padding: 0 0 0 0px;
}
i.fa-angle-down.res-accordionarrow{
    float:right;
    font-size: 30px;
    background-color: #F2F2F2;
    color: #002664;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height:40px;
    position:absolute;
    top:0px;
    right:0px;
}
.res-accordion .res-accordion-toggle:hover i {
    color:#ffffff!important;
    background-color: #002664!important;
}
.res-accordion .res-accordion-toggle p:hover {
    color:#ffffff;!important;
}
.res-accordion-grp.active > .res-accordion-toggle p {
    color: white!important;
}
.res-accordion .res-accordion-toggle:hover{
    color:#ffffff!important;
    background-color: #002664!important;
}
i.fa-angle-up.res-accordionarrow {
    float:right;
    font-size: 30px;
    color: #FFFFFF;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height:40px;
    position:absolute;
    top:0px;
    right:0px;
}
.res-overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
}
.contact-us-enquiry-type .res-accordion-grp {
    background-color: #fff;
    clear:both;
}
.res-accordion-grp {
    border-bottom: 5px solid #ffffff;
}
.res-accordion-grp.active > .res-accordion-toggle {
    background-color: #002664;
    color: #F2F2F2;
}
.contact-us-wrapper{
    background-color: rgba(221, 229, 237, 0.8);
    padding: 21px 27px;

}
.contact-us-wrapper .btn_class{
    margin-bottom:0;
}
.form-group-email{
    margin-bottom:13px;
}
.res-accordion-content a {
    text-decoration: underline !important;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    line-height: 25px;
    color: #002664 !important;
}
.res-heading{
    position: relative;
    width:80%;
    padding: 10px 0px 10px 0px;
    margin-top: 0px;
    line-height: 20px;
    margin-bottom: 0px;
    box-decoration-break: clone;
}

@media only screen
and (min-device-width : 769px)
and (max-device-width : 1023px) {
    .main-content{

        padding-top:5em;
    }

}
/* Nimisha - updated back to top button*/
@media all and (max-width: 768px) {
    #back-to-top-btn{
        right:1%!important;
    }
    #contactusmodal  .modal-body{
        padding: 0.5% 15%;
    }
    #contactusmodal .modal-body p:first-child{
        margin-top:0;
    }
    .res-accordion-content{
        font-size: 0.85em;
        padding-right: 5px;
        padding-left: 10px;
    }
    .res-accordion .res-accordion-toggle{
        padding-left: 10px;
        font-size: 1.01em;
    }
    .res-accordion-content a {
        text-decoration: underline !important;
        box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
        line-height: 10px;
        color: #002664 !important;
    }
    .res-accordion-content span{
        display: block;
    }
}
.res-accordion-grp #markers-accordion #ui-id-1 span, .res-accordion-grp #markers-accordion #ui-accordion-markers-accordion-header-0 span {
    display:none;
}
.res-accordion-grp #markers-accordion .ui-accordion-header{
    padding-left:20px;
}
.res-accordion-grp #markers-accordion #ui-accordion-markers-accordion-header-0{
    padding-top: 0px;
    padding-bottom: 0px;
}
.res-accordion #markers-accordion .res-accordion-toggle{
    font-size: 1.125em!important;
}
.res-accordion #markers-accordion{
    width:auto!important;
}
.res-accordion #markers-accordion .ui-state-default, .res-accordion #markers-accordion .ui-state-hover{
    border: none!important;
    background-color: rgba(221, 229, 237, 0.1) !important;
}
.res-accordion #markers-accordion .ui-accordion-content{
    overflow: hidden;
    border: none!important;
    padding-top:0px;
    padding-right:0px;
}
.res-accordion #markers-accordion .ui-state-active{
    border: none!important;
    background: none!important;
    padding-top:0px;
}
.res-accordion-grp .ui-accordion .ui-accordion-header{
    padding:0px;
}
@media all and (max-width: 768px){
    .res-accordion-grp .ui-accordion .ui-accordion-content{
        margin-left: 15px;
        width: 85% !important;
    }
}
/* Nimisha - accordion end*/

.c1-board-courses + .c1-courses {
    display: block!important;
}

/* Nimisha - Table start*/
.table-style, .table-style tr td, .table-style tr th {
    border-collapse: collapse;
    border: 1px solid;
}
/*.table-outer {
    position: relative;
}*/
/*.table-inner {
    overflow-x: scroll;
    overflow-y: visible;
    margin-left: 109px;
    /*margin-bottom: 0.6%; */ /*changed in Nimisha's update - 13/01/17 */
/*margin-bottom: 0.8%; /*changed in Nimisha's update - 13/01/17 */
/*border-left: 1px black solid;
}*/
/*.table-content  tr > th:first-of-type, .table-content  tr > td:first-of-type{
    position: absolute;
    left: 0;
    width: 17%;
    border-bottom: black 1px solid;
    height:100%;
}*/
/*added in Nimisha's update - 13/01/17 */
tr > th, tr > td {
    vertical-align: top;
    padding: 2px!important;
}
/* Nimisha - Table end*/

/* Nimisha - Course Markers*/
#markers-accordion .markers-panel {
    background: none;
    border: none;
    padding: 0;
    /*width: 300%; */ /*removed*/
    overflow: initial; /*added*/
    /*height: auto!important;*/ /*added - may not be needed*/
}

#markers-accordion h4 {    font-family: 'PublicSans', Arial;
    font-weight: 700;
    font-style: normal;
    margin: 0;
    color: #280070;
    padding: 0;
    font-size: 1.25em;
    letter-spacing: 0.09px;
    margin-bottom: 0;
    background: none;
    border: none;}
#markers-accordion h4 span {
    float: right;
    margin-top: 6px;
    position: absolute; /*added*/
    margin-left: 12em; /*added*/
}
/*#markers-accordion{
    width:17em; /*removed*/
/*}*/





#stSearchBoxInput{
    -webkit-appearance: none;
    width: 186px;
    height: 29.1px;
    padding: 0 32px;
    padding-left: 0.5em;
    display: inline-block;
    position: relative;
    border: 1px solid #A0A5AE;
    border-right: none;
    border-radius: 0px;
    font-family: 'PublicSans', Arial !important;
    color: #22272B !important;
    background: #ffffff;
    letter-spacing: 0px;
    font-size: 14px!important;
}
#stSearchBoxInput::placeholder{
    color: #22272B;
}
.search-wrapper {
    height: 32px;
}
.fa-search{
    color:#fff;
    font-size: 1.5em;
    padding: 0.15em 0.05em 0.3em 0.2em;
}

.footer_inner {
    max-width: 1300px;
    margin: auto;
    padding-bottom: 2em;
    padding-top: 1em;
}

#stFooter .footer_inner ul li a{
    font-family: 'PublicSans', Arial; font-size:14px;  color: #002664; letter-spacing: 0; line-height: 17px;
}

.footer_inner nav ul li:first-child a{
    text-decoration: none!important;
}

.showMore {
    font: #002664;
}


/*eSyllabus style*/
div#eSyllabusAccordion > ul {
    padding-left: 1em!important;
    padding-top: 1em!important;
    padding-right: 1em!important;
}
div#eSyllabusAccordion ul li {
    background-color: #fff;
}
div#eSyllabusAccordion > ul,div#eSyllabusAccordion  ul.eSyllabusNestedAccordion,div#eSyllabusAccordion ul  li{
    list-style:none;
    margin:0;
    padding:1em 0 0 1em;
}
.eSyllabusNestedAccordion li h3 .ui-icon {
    display:none;
}
/*.eSyllabusNestedAccordion {
    float: left;
}*/
#eSyllabusAccordion ul li {
    clear: both;
}
div#eSyllabusAccordion ul li:before {
    display: none;
}
div#eSyllabusAccordion ul ul li h3 {
    padding: 0.5em 1.5em!important;
    border:none;
    padding: 0;
    margin: 0 0 0 6em;
    color:#fff ;
    border-top: 1px solid #eee !important;
    border-bottom:1px solid #eee !important;
    display: inline;
}
#eSyllabusAccordion {
    background-color: rgba(221, 229, 237, 0.4);
    padding-bottom: 0.1em;
}
#eSyllabusAccordion ul li div .eSyllabusNestedAccordion {
    margin-bottom: 2em;
    text-indent: 0;
}
#eSyllabusAccordion ul li div .eSyllabusNestedAccordion li {
    padding-bottom: 0.5em;
}
#eSyllabusAccordion ul li div ul:first-child {
    padding-left: 0;
}
/*#eSyllabusAccordion ul li div ul:nth-child(2) div {
    margin-left: -2em;
}*/
.eSyllabusNestedAccordion li h3 {
    background-color: #f00078!important;
    margin: 0!important;
}
#eSyllabusAccordion ul li h3 {
    margin: 0!important;
}

/*********** STANDARD MATERIALS *************/
div.bandDivs {
    display:none;
}
.right-col-main {
    margin-top: 20px;
    margin-bottom: 20px;
}
.contact-us-wrapper > h2{
    margin-top:0;
    margin-bottom:27px;
}
.contact-us-wrapper textarea.form-control{
    height:100px;
    resize: none;
    color: #000;
    text-align: left;
}
.contact-us-wrapper .form_txt{
    margin-bottom:13px;
}
.general-text-uppercase{
    text-transform: uppercase;
}
.cmptLinks:last-of-type {
    margin-bottom: 0!important;
}
.res-accordion-grp:last-of-type {
    border-bottom: none!important;
}
.accordion-wrapper {
    margin-top: 27px;
    margin-bottom: 20px;
}

/*********************** SHARE THIS PAGE ************************/
.multiple_emails-container input {
    color: #000000;
    font-size: inherit;
    width: 100%;
    border-radius: 0;
    border: medium none;
    padding: 9.2px 10px 10px 11px;
    clear:both;
    width:100%;
    border:0;
    outline: none;
    box-sizing: border-box;
    font-family: 'PublicSans', Arial;
}
.multiple_emails-container input:focus {
    /* font-size: 16px;*/
}
.form-control {
    padding: 9.2px 10px 10px 11px;
    margin-top: 5px;
    color: #000000;
    font-size: inherit;
    width: 100%;
    border-radius: 0;
    border: medium none;
    font-family: 'PublicSans', Arial;
    box-sizing: border-box;
}

.contact-us-wrapper .form-control {
    height:40px;
    color: #000000;
}
.validation_msg {
    /*padding-left:5px;*/
    font-size:13px;
    color:#002664
}
.recaptchaError {
    margin-top: -20px;
    margin-bottom: 27px;
}
#get_content {
    background: #fff none repeat scroll 0 0;
    /*width: 99.65%;*/
    /*margin-left: 1px;*/
    padding: 10px 10px 10px 5px;
}
.mandatory {
    margin-top: 1em;
    margin-bottom: 2em;
    font-size: 12px;
}
.form-group .form-control.title_f {
    color: #000000;
}
.modal-body ul li {
    width: auto!important;
}
#current_url {
    display: block;
    padding: 0px 10px;
    line-height: 16px;
    overflow: hidden;
    max-width: 100%;
}
.get_content_title {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    padding: 0 10px;
    margin: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%!important;
}
#full_content {
    font-size: 14px;
    padding: 10px;
    /*text-align:justify;*/
}
.rc-anchor-normal-footer {
    display: inline-block;
    height: 74px;
    vertical-align: top;
    margin-left: -3px;
}
.modal-content {
    background-color: #dde5ed;
    width: 85%;
    position: relative;
    /* vertical-align: middle; */
    margin: 0 auto;
    margin-top:-30px;
}
.rc-anchor-logo-text {
    color: #9b9b9b;
    cursor: default;
    font-family: 'PublicSans',helvetica,arial,Arial;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    margin-top: 5px;
    margin-left: -20px!important;
    text-align: center;
}
.rc-anchor-logo-portrait{
    margin: 10px 0 0 13px!important;
}
.rc-anchor-logo-img-portrait {
    background-size: 32px;
    height: 32px;
    margin:0 13px 0 13px!important;
    width: 32px;
}
.rc-anchor-logo-img {
    margin: 8px 0 0 13px!important;
    width: 58px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.g-recaptcha {
    margin:10px auto;
    width:121%;
    transform:scale(0.825);
    -webkit-transform:scale(0.825);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;"
}
.modal-header {
    padding: 0px 6px;
}
#myModalShare .modal-header {
    padding-top: 27px;
}
.modal-body {
    padding: 0 0px;
}
.modal-body li {
    margin-left:5px;
    width:auto!important;
}
.modal-dialog {
    width: 700px;
    max-width:100%;
    height:90%;
}
.multiple_emails-email {
    padding: 3px 15px;
    background: #dde5ed none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
}

#myModalShare {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    position: fixed!important;
    width: 100%!important;
}
.close{
    background: transparent none repeat scroll 0 0;
    border: medium none;
    font-size: 30px;
    position: absolute;
    right: 0;
    top: 46.5px;
    padding: 0;
    padding-right: 6px;
    float: right;
    cursor: pointer;
}

.form-group b {
    font-size: 14px;
}

.form-group {
    margin-bottom: 27px;
}
.form-group-email{
    margin-bottom:13px;
}
.recaptcha-wrapper{
    float: left;
    width: 100%;
    margin-bottom:0;
}
div.contact-us-wrapper .g-recaptcha{
    margin: 0 auto;
    float: left;
}
.form_txt {
    margin-bottom: 5px;
}
.modal-content {
    background-color: #dde5ed;
}
/*.multiple_emails-container input.multiple_emails-error {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px red !important;
    outline: thin auto red !important;
}*/
.multiple_emails-container ul {
    list-style-type:none;
    padding-left: 0;
}
.multiple_emails-email {
    margin: 3px 5px 3px 5px;
    padding: 3px 25px 3px 7px;
}
.multiple_emails-close {
    float:left;
    margin:0 3px;
}

.multiple_emails-container {
    border: none;
    border-radius: 0px!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    padding: 0;
    margin: 0;
    cursor: text;
    width: 100%;
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    width: 100%;
    border: medium none;
    box-shadow: none;
    margin-top: 5px;
}
.multiple_emails-close {
    float: right;
    margin: 0;
}
.modal-body li {
    display: inline-block;
    list-style-type: none;
    margin-left: 2px;
}
.glyphicon-remove::before {
    content: "x";
    position: absolute;
    right: -15px;
    top: -25px;
    color: #000000;
}
.glyphicon {
    display: inline-block;
    /* font-family: "Glyphicons Halflings";*/
    font-style: normal;
    font-weight: 400;
    /*  line-height: 1;*/
    position: relative;
    top: 2px;
}
#current_url a {
    color: #002664;
    font-size:14px;
    text-decoration: underline;
    padding: 10px 0;
}

.btn_can {
    font-style:normal;
    background: #ffffff;
    color: #000000;
    font-family: 'PublicSans Medium', Arial;
    letter-spacing: 1.48px;
    border: none;
    font-size:1.25em;
    font-weight: 400;
    letter-spacing: 1.9px;
    line-height: 20px;
    padding: 10px 12px;
    margin-right: 1em;
    cursor: pointer;
}
.btn_send {
    font-style:normal;
    background: #002664;
    color: #ffffff;
    font-family: 'PublicSans Medium', Arial;
    letter-spacing: 1.48px;
    border: none;
    font-size:1.25em;
    font-weight: 400;
    letter-spacing: 1.9px;
    line-height: 20px;
    padding: 10px 12px;
    width: 110.36px;
    cursor: pointer;
}
.contact-us-wrapper .f_text a{
    color: #000;
}
.selected-enquiry{

    background-color:#002664;
    color:#fff;
    font-weight:600;
}

.contact-us-wrapper .res-accordion-content p:hover{
    background-color:#002664;
    color:#fff;
    font-weight:600;
}
.contact-us-wrapper .btn_send {
    font-style:normal;
    background: #002664;
    color: #ffffff;
    font-family: 'PublicSans Medium', Arial;
    letter-spacing: 1.48px;
    border: none;
    font-size:1.25em;
    font-weight: 400;
    letter-spacing: 1.9px;
    line-height: 20px;
    padding: 10px 12px;
    width: 100%;
    cursor: pointer;
}
.checkbox-form-group,.mandatory-label{
    margin-bottom:13px;
}
.btn_class {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 2.5em;
}
.f_text {
    font-size: 11px;
    margin-top: 23px;
}
.contact-us-wrapper .f_text{
    margin-top: 0px;
    margin-bottom: 10px;
    font-size:14px;
    width: 260px;
    cursor: pointer;
}
.f_text > a {
    text-decoration: underline;
}
.fa-envelope::before {
    font-size: 1.5em;
    padding-right: 0.9em;
}
#sort_content {
    display: inline;
}

#get_content > img {
    max-width: 100%;
    width: 250px;
}

.multiple_emails-container input.multiple_emails-error {
    box-shadow: none !important;
    outline: none !important;
}
.form_spinner{
    position: relative;
    top: 30em;
    left: 16em;
    width: 60px;
    z-index: 9999;
    display:none;
}
.email_name{
    font-size:14px;
    font-family: 'PublicSans', Arial;

}
#f_textarea{
    height: 80px;
    resize: none;
}
input[type=text]::-ms-clear {
    display: none;
}
.incorrect-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #7f1d1d;
}
.incorrect-input::-moz-placeholder { /* Firefox 19+ */
    color: #7f1d1d;
}
.incorrect-input:-ms-input-placeholder { /* IE 10+ */
    color: #7f1d1d;
}
.incorrect-input:-moz-placeholder { /* Firefox 18- */
    color: #7f1d1d;
}
.downloadSection-mobile {
    display: none;
}
.modal-body .multiple_emails-email {
    margin-left: 5px;
    margin-right: 3px;
    margin-bottom: 5px;
    word-wrap: break-word;
    max-width: 90%;
}
.modal-body .multiple_emails-email li:before {
    content: "";
}


/*********************** C2 UI Design ************************/

.eSyllabusNestedAccordion .buttons-wrapper {
    text-align: center;
    padding: 1em 0 0 0;
}
.eSyllabusNestedAccordion .outcomes-content-btn {
    text-transform: uppercase;
    background-color: #002664;
    color: #fff;
    border: none;
    padding: 0.5em 2em;
    font-family: 'PublicSans', Arial;
    font-size: 1em;
    cursor: pointer;
}
.eSyllabusNestedAccordion .btn-right {
    margin-left: 4em;
}

.eSyllabusNestedAccordion .syllabusHeaderClicked, .eSyllabusNestedAccordion .syllabusOutcomesHeaderClicked, .eSyllabusNestedAccordion .syllabusContentHeaderClicked {
    background-color: #C5CED7!important;
    color: #000!important;
}




.outcomes li p {
    padding-top: 1em;
    float:right;
    font-size: 0.8em;
    /*color: #280070;*/
}
.outcomes li:hover, .content-content li:hover {
    background-color: rgba(221,229,237,0.6);
}
#objective-a-list .outcomes-content {
    /*width: 73%;*/
}
.outcomes ul li {
    width: inherit;
    margin:0 auto;
}

.right-col-main2 ul li *:first-child {
    display:inline-block;
}

.right-col-main2 ul li {
    list-style-type: none;
    line-height: 1.5em;
    padding-left: 34px;
    margin-top:0.5em;
}

.right-col .rich-text-div ul li {
    list-style-type: none;
    line-height: 1.5em;
    padding-left: 34px;
    margin-top:0.5em;
    font-size: 16px;
    line-height: 24px;
    color: #22272B;
    font-family: "PublicSans", Arial;
}
.right-col .rich-text-div ul li.multiple_emails-email {
    padding-left:8px;
}
/*.right-col .syllabus-text ul li {
    text-indent: 0;
}*/
.title p {
    color: #22272B;
}
.outcomes li {
    padding: 0.5em!important;
    width: 100%;
    height: 200px;
}
.outcomes-content li:before, .content-content li:before{
    /*content: 'â– ' !important;*/
    padding-right: 0!important;
}

.content-content li {
    /*padding-top: 1em;
    float:right;
    font-size: 0.8em;
    color: #280070;*/
}
.content-content li {
    padding: 0.5em !important;
    width: 100%;
    height: 90px;
    padding-top: 1em;
    float:right;
    font-size: 0.8em;
}

.content-content li:before {
    padding-left: 0!important;
}

.outcomes-content ul .noli:before, .content-content ul .noli:before {
    content: ''!important;
}
.eSyllabusNestedAccordion h3 {
    width: 95%;
}
.eSyllabusNestedAccordion .outcomesExpand {
    float: right;
    color: #002664;
    margin-top: -1.5em;
    text-decoration: none!important;
    border: none;
    background-color: transparent;
    cursor: pointer;
}
.modal-body img{

    width:100%;
}
/*Hidden for when there is no content in Support Materials and will diplay using JS*/
/*.related-resources {
    display:none;
}*/

.ui-widget.ui-widget-content #dialog .owl-wrapper-outer {
    overflow: auto;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.ui-widget-header {
    background: none !important;
    border: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: none !important;
}
.right-col .rich-text-div .syllabusNavigator {
    padding-left:0;
}
.right-col .rich-text-div .syllabusNavigator li::before{
    content: "";
}
.right-col .rich-text-div .syllabusNavigator li {
    display: inline-block;
    width: 48%;
    text-align: center;
    height: 25px;
    padding: .5em 0;
    background-color: red;
    background: rgba(221,229,237,1);
    color: white;
    margin: 0.3em;
}
.right-col .rich-text-div .syllabusNavigator li:nth-child(1), .right-col .rich-text-div .syllabusNavigator li:nth-child(4), .right-col .rich-text-div .syllabusNavigator li:nth-child(7) {
    background-color: blue;
}
.right-col .rich-text-div .syllabusNavigator li:nth-child(2), .right-col .rich-text-div .syllabusNavigator li:nth-child(5) {
    background-color: orange;
}
.right-col .rich-text-div .syllabusNavigator li:nth-child(3) {
    background-color: green;
}
.right-col .rich-text-div .syllabusNavigator li:nth-child(6) {
    background-color: purple;
}
.right-col .rich-text-div .syllabusNavigator li:nth-child(8) {
    background-color: pink;
}
.right-col .rich-text-div .syllabusNavigator li a{
    color: white;
    text-transform: uppercase;
    text-decoration: none;
}


/******************Learning Areas Syllabus Navigator Component*******************/

.right-col .rich-text-div .syllabusNavigatorLearning {
    /*padding-left:0;*/
}
.right-col .rich-text-div .syllabusNavigatorLearning .syllabusDescription{
    padding-top: 4em;
}
.right-col .rich-text-div .syllabusNavigatorLearning li::before{
    display: none;
}
.right-col .rich-text-div .syllabusNavigatorLearning > li {
    /*display: inline-block;
    width: 48%;
    text-align: center;
    height: 25px;
    padding: .5em 0;
    background-color: red;*/
    background: rgba(221,229,237,0.4);
    /*color: white;
    margin: 0.3em;*/
}
/*.right-col .rich-text-div .syllabusNavigatorLearning li:nth-child(1), .right-col .rich-text-div .syllabusNavigatorLearning li:nth-child(4), .right-col .rich-text-div .syllabusNavigatorLearning li:nth-child(7) {
    background-color: blue;
}
.right-col .rich-text-div .syllabusNavigatorLearning li:nth-child(2), .right-col .rich-text-div .syllabusNavigatorLearning li:nth-child(5) {
    background-color: orange;
}
.right-col .rich-text-div .syllabusNavigatorLearning li:nth-child(3) {
    background-color: green;
}
.right-col .rich-text-div .syllabusNavigatorLearning li:nth-child(6) {
    background-color: purple;
}
.right-col .rich-text-div .syllabusNavigatorLearning li:nth-child(8) {
    background-color: pink;
}*/
.right-col .rich-text-div .syllabusNavigatorLearning li a{
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0.5em 1.5em;
}
.right-col .rich-text-div .syllabusNavigatorLearning .syllabusLearningTitleMobile{
    display: none;
}
.right-col .rich-text-div .syllabusNavigatorLearning .syllabusDescription p {
    margin: 0;
    padding: 0.8em;
}
.right-col .rich-text-div .syllabusNavigatorLearning li .syllabusLADescDown {
    font-size: 1.3em;
    padding-left: 1.5em;
    pointer-events: none;
}
.right-col .rich-text-div .syllabusNavigatorLearning li .syllabusLARight, .right-col .rich-text-div .syllabusNavigatorLearning li .syllabusLADown,  .eSyllabusNestedAccordion .syllabusLADown {
    font-size: 1.3em;
    padding-left: 1em;
    pointer-events: none;
}
.right-col .rich-text-div .syllabusNavigatorLearning .showMoreDescription {
    margin-bottom: 2em;
    text-align: center;
    padding: 0.5em;
}
.right-col .rich-text-div .syllabusNavigatorLearning .showMoreDescription span {
    background-color: #f00078;
    color: #fff;
    padding: 0.5em 1.5em;
    text-transform: uppercase;
    cursor: pointer;
}
.right-col .rich-text-div .syllabusLearningTitle h3 {
    margin: 0;
    float: left;
    padding: 0.3em 0 0 0.5em;
}

.right-col .rich-text-div .syllabusLearningTitle a {
    float: right!important;
    background-color: #C5CED7!important;
    padding: 0.5em!important;
    color: #000!important;
    text-transform: uppercase!important;
}
.right-col .rich-text-div .syllabusNavigatorLearning li a{
    text-transform: none;
    color: #002664;
    padding: 0;
}
.right-col .rich-text-div .syllabusNavigatorLearning .descriptionLI{
    display: none;
    /*margin-top: -22px;*/
}
.right-col .rich-text-div .syllabusNavigatorLearning .descriptionLI .descriptionDisplay{
    padding: 0 0.8em 0.8em 0.8em;
    margin-top: -16px;
}
.right-col .rich-text-div .syllabusNavigatorLearning .descriptionLI .descriptionDisplay ul li{
    list-style-type: square;
}
.right-col .rich-text-div .syllabusNavigatorLearning .descriptionLI .descriptionDisplay ol li{
    list-style-type: inherit;
}
.right-col .rich-text-div .syllabusNavigatorLearning .descriptionLI .descriptionDisplay ul{
    margin-left: 1.2em;
}

.contents, .outcomes-panels {
    display: none;
}

/******************Syllabus tabs***********************/
.tab_section {
    padding: 1em;
    border: 1px solid #000;
    margin-bottom: 1em;
}
.tabSubMain {
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}


/************** Advanced Search **************/
.st-row .st-col-c-8-of-12 .component-container.id-Z7_412G1182M07270ARPCPDHF20D7 {
    padding-left: 1.5em;
}
.st-row .st-col-c-8-of-12 .component-container.id-Z7_412G1182M07270ARPCPDHF20D7 .stControl {
    margin: 0;
}
.jplist-panel #jplist-group .ASBlock {
    float: left;
}
.as-query .ref-search {
    padding-bottom: 0.8em;
}
.as-pagination-current .nextPrevCon {
    display: none;
}
.searchField {
    float: left;
}
.subBtnContainer {
    float: left;
}
.subBtnContainer button{
    border: none;
    background: transparent;
}
.subBtnContainer .fa-search {
    color: #002664;
}
.jplist-panel .jplist-label {
    border: none;
    background: none;
    color: #f00078;
    border-right: solid 1px #000;
    border-left: solid 1px #000;
    border-radius: 0px;
}
.jplist-panel .jplist-pagination {
    height: 2em;
}
.jplist-panel .jplist-pagination .jplist-pagingmid button:hover {
    /*color: #f00078;*/
    background: transparent;
}
.jplist-panel .jplist-pagination .jplist-hidden button.jplist-prev, .jplist-panel .jplist-pagination .jplist-hidden button.jplist-next  {
    background-color: #D8D8D8;
    color: #D8D8D8;
    margin-right: 5px;
    vertical-align: bottom;
}
.jplist-panel .jplist-pagesbox button, .jplist-panel .jplist-pagingnext .jplist-next, .jplist-panel .jplist-pagingnext .jplist-last, .jplist-panel .jplist-pagingprev .jplist-first, .jplist-panel .jplist-pagingprev .jplist-prev {
    border: none;
    background: none;
    color: #f00078;
    /*text-decoration: underline;*/
}
.jplist-panel .jplist-pagingmid .jplist-current, .jplist-panel .jplist-pagingmid .jplist-current:hover{
    color: #280070!important;
    text-decoration: none;
    /*margin: 0;*/
    /*border: 1px solid #979797;*/ /*removed 18-4*/
    border-radius: 0px;
}
.jplist-panel .jplist-select {
    border: none;
    color: #002664;
    display: none;
    margin: 0;
    padding: 0;
}
.jplist-panel {
    /* border-top: solid 1px #000;
    border-bottom: solid 1px #000; */
}
.jplist-panel .sortByAS {
    float: left;
}
.st-col-c-8-of-12 .jplist .panel-top {
    float: none;
}
.st-col-c-4-of-12 .jplist-panel .jplist-group {
    border: none!important;
    padding-top: 0.4em;
}
#demo {
    border: none;
    width: 99%;
    padding: 0.5em 0;
}
.block {
    border-top: 1px solid #979797;
    width: 99%;
}
.block .date {
    display: none;
}
.block .title a {
    color: #002664;
    font-family: 'PublicSans', Arial;/* Updated from Semibold to Regular*/
    font-size: 20px;
    letter-spacing: 0;
    line-height: 32px;
}
.block .title a {
    font-weight: initial;
}
.jplist {
    border-top: 1px solid #979797;
}
.id-Z7_412G1182MGO610AB17ITK20086 .stControl {
    margin: 0;
}
.jplist-empty {
    display: none;
}
.jplist-panel .jplist-group p label{
    width: 90%;
    float: none;
}
.jplist-group  p:nth-child(1) {
    margin: 0;
}
.jplist-group  p:nth-child(1), .jplist-group  p:nth-child(3), .jplist-group  p:nth-child(5), .jplist-group  p:nth-child(7), .jplist-group  p:nth-child(9){
    font-size: 1.4em;
    font-family: 'PublicSans', Arial;
    color: #280070;
    font-weight: 700;
}
.jplist-group  p:nth-child(2), .jplist-group  p:nth-child(4), .jplist-group  p:nth-child(6), .jplist-group  p:nth-child(8), .jplist-group  p:nth-child(10){
    padding-left: 1em;
}
.jplist .list .list-item {
    border-top: 1px solid #000;
}
.jplist .list .block {
    width: 100%!important;
    margin-right: 0!important;
    padding-top: 1em!important;
}
.outcomes-panel{
    height:auto !important;

}
.assessment-div{
    margin:0 auto;
    display:block;
    padding: 20px;
}
.assessment-div .assessment-left-div p.assessment-blk,.assessment-div .assessment-right-div p.assessment-blk,.assessment-div .assessment-left-div .assessment-blk a,.assessment-div .assessment-right-div .assessment-blk a{

    margin:0 !important;
    padding-left:0px !important;
    padding-right:0px !important;
    padding-top:0px !important;
    padding-bottom: 15px!important;
    color:#002664 !important;
    font-size: 16px!important;
    font-family: 'PublicSans', Arial !important;
    letter-spacing: 0!important;
    line-height: 24px!important;
    margin-top: 15px;
    margin-top: 15px;
}
p.assessment-blk {
    border-bottom: 1px solid #A0A5AE;
}
.assessment-blk i.fa.fa-arrow-right.nextArrow {
    float: right;
    padding-top: 10px;
}
.syllabus-text h2{
    /*margin-top:27px;*/
    margin-bottom:27px;
}
.syllabus-text.c2-template h2{
    clear: both;
}

.syllabus-text > h2{
    /*margin-top: 81px;*/
    /*margin-bottom:13.5px;*/
}
.syllabus-text > h2.languages_h2 {
    margin-top: 81px;
}
.syllabus-text .implementationBody h2 {
    margin-left: 0px;
}
.syllabus-intro-txt {
    margin-bottom: 27px;
}
.langauges-intro-txt {
    margin-left: 5px;
}
.assessment-left-div{
    width:47.5%;
    display:inline-block;
    vertical-align:top;
    padding-right:2%;
}
.assessment-right-div{
    width:47.5%;
    display:inline-block;
    vertical-align:top;
    padding-left:2%;
}
.assessment-left-div p a:hover,.assessment-right-div p a:hover {
    background: transparent;
}
.assessment-left-div p.assessment-blk:hover,.assessment-right-div p.assessment-blk:hover {
    background: rgba(0,133,179,0.20)!important;
}
.right-col .rich-text-div .assessment-div ul{
    margin:0 auto;
    display:block;
    text-decoration:none;
    list-style-type:none !important;
    padding:0;

}
.right-col .rich-text-div .assessment-div ul li{
    margin:0 auto;
    text-decoration:none;
    list-style-type:none !important;
    padding-right:0.5%;

}
.right-col .rich-text-div .assessment-div ul li:before,.right-col .rich-text-div .related-resources ul li:before{
    content:'';
    margin:0;
    padding:0;
    list-style-type:none !important;

}
.right-col .rich-text-div  .assessment-div ul li a,.right-col .rich-text-div .related-resources ul{
    padding:0;
    margin:0;

}

.right-col .rich-text-div  .assessment-div ul li a,.right-col .rich-text-div .related-resources ul li a{
    color: #002664;
    text-decoration: underline;
    font-family: 'PublicSans', Arial;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
}
.right-col .rich-text-div .related-resources ul li a:hover,.right-col .rich-text-div .related-resources ul li label:hover{
    background: rgba(0,133,179,0.20);
}
.right-col .rich-text-div  .assessment-div ul li a,.right-col .rich-text-div .related-resources ul li label{
    font-family: 'PublicSans', Arial;
}
.right-col .rich-text-div  .assessment-div ul li a,.right-col .rich-text-div .related-resources ul li a span{
    font-size: 15px;
    width: 100%;
    margin: 0 auto;
    display: inline-block;

}
.related-resources ul li a span label:first-child{
    text-decoration:underline;
    cursor: pointer;

}
#sub-related-resources div ul li{
    border-bottom:0 ;
    padding: 0.5em 0 0 2.4em !important;
    position:relative;
}
#sub-related-resources div ul li:last-child{
    padding-bottom: 1em !important;
}
#sub-related-resources .ui-icon, #sub-related-resources .ui-widget-content .ui-icon{
    width:0 !important;
    height:0 !important;

}
#sub-related-resources .fa{
    float: right;
    padding: 13px 11px 5.5px 13px;
    font-size: 29px;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    color: #002664;
}
#sub-related-resources .fa:hover {
    color: #ffffff;
}
#sub-related-resources .fa.fa-angle-up{
    padding: 13px 11px 10px 13px;
    color: #ffffff;
}
#sub-related-resources .fa.fa-angle-down {
    color: #002664;
}
#sub-related-resources .fa-download{

    float: right;
    font-size: 8px;
    margin-top: 7px;
    position: absolute;
    right: 0px;
    color: #000;
}
.search-for-mobile {
    display: none;
}

/************** Advanced Search **************/
#stSearchBoxButton {
    background-color: #002664;
    border: none;
    margin-left: -0.5em;
    border: 1px solid #280070;
    cursor: pointer;
    vertical-align: top;
}
.as-query p:first-child {
    font-size: 1.125em;
    font-family: 'PublicSans', Arial;
}
.as-query #searchResultsMessageMobile {
    display: none;
}
.as-query #loadingMessage { /*added 18-4*/
    font-family: 'PublicSans', Arial;
}
.mobile-as-query {
    display: none;
}
.mobile-sort-refine {
    display: none;
}
.mobile-cancel {
    display: none;
}
.mobile-as-sortby {
    display: none;
}
.searchField {
    float: left;
}
.subBtnContainer {
    float: left;
}
.subBtnContainer button{
    border: none;
    background: transparent;
}
.subBtnContainer .fa-search {
    color: #f00078;
}
.jplist-panel label {
    display: inline !important;
    float: none !important;
    /*padding: 0 !important;*/
}
.jplist-panel .jplist-label {
    /*border: none;
    background: none;
    color: #f00078;
    border-right: solid 1px #000;
    border-left: solid 1px #000;
    border-radius: 0px;*/
    display: none;
}
.jplist-panel .jplist-pagination .jplist-pagingmid button:hover {
    /*color: #f00078;*/
    /*background: transparent;*/
    background: rgba(221,229,237,0.4);
    cursor: pointer;
    text-decoration: underline;
}
.jplist-panel .jplist-pagesbox button {
    margin: 0;
    margin-left: -5px;
    border: 1px solid #979797;
    border-radius: 0px;
    background: none;
    color: #000;
    /*text-decoration: underline;*/
    padding: 0.2em 2em 0.25em 2em; /*changed 19-4*/
    font-size: inherit; /*added 18-4*/
    font-family: 'PublicSans', Arial; /*added 18-4*/
    cursor: pointer; /*added 19-4*/
}
.jplist-panel button {
    text-shadow: none !important;
}
.jplist-panel .jplist-reset-btn {
    font-family: 'PublicSans', Arial;/* Updated from Semibold to Regular*/
}
.jplist-panel .jplist-reset-btn, .clear-facet {
    background: none;
    border: none;
    color: #f00078;
    text-decoration: underline;
    font-size: 15px;
    padding: 0 0 0 1em;
    margin: 0;
    float: none;
    cursor: pointer;
}
.jplist-panel .clear-facet {
    display: none;
}
.jplist-panel .jplist-reset-btn:hover {
    background: none;
    border: none;
    color: #f00078;
    text-decoration: underline;
    font-size: 15px;
}
.jplist-pagination .jplist-pagesbox {
    text-align: center;
}
.jplist-panel .jplist-pagingnext .jplist-next, .jplist-panel .jplist-pagingprev .jplist-prev {
    background: #f00078;
    color: #fff;
    font-size: 1.6em;
    margin-top: 0em;
    padding: 0 0.2em 0.01em 0.2em;
    margin-right: 5px;
    cursor: pointer;
}
.jplist-panel .jplist-pagingprev .jplist-first, .jplist-panel .jplist-pagingnext .jplist-last {
    display: none;
}
.jplist-panel .jplist-pagination .jplist-hidden {
    display: block;
    pointer-events: none;
}
.jplist-panel .jplist-pagination .jplist-hidden button {
    color: #C5CED7;
    /*border-right: 1px solid #979797;*/
    margin: 0;
    border-radius: 0px;
}
.jplist-panel .jplist-pagingmid .jplist-current {
    color: #000000!important;
    text-decoration: none;
    margin: 0; /*added 18-4*/
    border: 1px solid #979797;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    background-color: rgba(221,229,237,0.4);
}
.jplist-panel .jplist-pagingmid .jplist-current { /*added 18-4*/
    margin-left: -5px;
    font-weight: bold;
}
.jplist-panel .jplist-select {
    border: none;
    color: #002664;
    display: none;
    margin: 0;
    padding: 0;
}
.jplist-panel {
    /* border-top: solid 1px #000;
    border-bottom: solid 1px #000; */
}
.jplist-panel .sortByAS {
    float: left;
}
.st-col-c-8-of-12 .jplist .panel-top {
    float: none;
}
.st-col-c-4-of-12 .jplist-panel .jplist-group {
    border: none;
    /*border-bottom: 1px solid #000;*/
    border-radius: 0px;
    padding-top: 0.4em;
    min-height: 11em;
    min-width: 18em;
    float: none;
}
#demo {
    border-top: 1px solid #979797;
}
#result-box{
    margin: 0 auto;
    display: inline-block;
    margin-top:1.8em;
    width: 99.5%;
}
.list .list-item .right {
    float: none;
    min-height: 7em; /*changed 18-4*/
}
.block {
    border-top: 1px solid #CDD3D6;
    /*width: 99%;*/
}
.block .date {
    display: none;
}
.block .title a {
    color: #002664;
    font-family: 'PublicSans', Arial;/* Updated from Semibold to Regular*/
    font-size: 20px;
    letter-spacing: 0;
    line-height: 32px;
    text-decoration: underline;
}
.block .title {
    margin-bottom: 0;
    margin-top: 0.5em;
    display:inline;
}
.block .searchResultsTag {
    background-color: #FFFFFF;
    font-family: 'PublicSans', Arial;
    font-size: 12px;
    color: #22272B;
    padding: 0.4em 1em;
    margin-top: 1.7em;
    margin-left: 1em;
    line-height: 24px;
    border: 1px solid #002664;
    border-radius: 13px;
    letter-spacing: 0;
}
.block .searchResultsTagMobile {
    display: none;
}
.block .desc {
    margin: 0;
    padding: 0 0 1em 0;
    clear: both;
}
.block .title a {
    font-weight: initial;
}
.jplist {
    border-top: 1px solid #979797;
    /*border-bottom: 1px solid #979797;*/
}
.id-Z7_412G1182MGO610AB17ITK20086 .stControl {
    margin: 0;
}
.jplist-empty {
    display: none;
}
/*.jplist-panel .jplist-group p label{
    width: 90%;
    float: none;
}*/
.AS-show-more {
    text-align: center;
    margin-bottom: 1em;
}
.AS-show-more-txt {
    background: none;
    border: none;
    color: #f00078;
    text-decoration: underline;
    font-size: 15px;
    margin: 0;
    cursor: pointer;
}
.jplist-panel .jplist-group ul li {
    width: 100%;
    height: auto !important;
    padding-bottom: 0.7em;
    float: left;
}
.jplist-panel .jplist-group .filter-buttons-bottom li {
    text-align: center;
}
.jplist-panel .jplist-group .NewsASBlock {
    width: 100%;
}
.jplist-panel .jplist-group .ASBlock > ul > li {
    padding-left: 0;
    padding-top: 0.5em;
    min-height: 1.8em;
    min-width: 18em;
}
.jplist-panel .jplist-group div:nth-child(2) > ul > li {
    border-top:1px solid #979797;
    min-height: 1.8em;
}
.NewsASBlock > .facetSubTitle:nth-child(n+6) {
    display: block;
}

.jplist-group .facetSubTitle {
    font-family: 'PublicSans Bold', Arial;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    line-height: 17.5px;
    /*cursor: pointer;*/
    /*text-indent: -1.7em;
    margin-left: -1em;*/
}
.jplist-group .facetSubTitle + ul {
    /*padding-left: 2em !important;*/
}
.jplist-group .facetSubTitle span {
    cursor: pointer;
}
.jplist-group .facetTitle {
    font-family: 'PublicSans Bold', Arial;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    cursor: pointer;
    letter-spacing: 0;
    line-height: 17.5px;
}
.jplist-group .facet-item {
    font-family: 'PublicSans', Arial;
    float: left;
    width: 100%;
    padding-left: 1.4em;
    /*margin-left: 2em;*/
    padding-bottom: 1em;
}
.jplist-group .facet-item label {
    font-family: 'PublicSans', Arial;
    font-size: 14px;
    color: #22272B;
    letter-spacing: 0;
    line-height: 17.5px;
}
.jplist-group .facet-item input {
    margin-left: -2em;
}
.jplist-group .AS-toggle-icon {
    float: left;
    margin-top: 0.5em;
    padding-right: 0.8em;
}
.jplist-group .main-section { /*added 19-4*/
    display: none;
    font-size:15px;
}
.jplist-group .NewsASBlock {
    display: none;
    float: left;
    /*border-bottom: 1px solid #979797;*/
}
.NewsASBlock .facetSubTitle .as-select-all {
    color: #002664;
    text-decoration: underline;
}
.jplist-group .clear-all {
    background-color: #FFFFFF;
    min-height: 2em;
    color: #002664;
    border-radius: 4px;
    padding-right: 1em;
    text-decoration: none;
    /*float: right;*/
    margin-left: 1.5em;
    border: 2px solid #002664;
    font-family: 'PublicSans', Arial;/* Updated from Semibold to Regular*/
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
}
.jplist-group .clear-all:hover {
    background-color: #002664;
    color: #FFFFFF;
    border-radius: 4px;
    padding-right: 1em;
    text-decoration: none;
    border: 2px solid #002664;
    font-family: 'PublicSans', Arial;/* Updated from Semibold to Regular*/
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
}
.jplist-group .update-all {
    background-color: #002664;
    min-height: 2em;
    color: #fff;
    border-radius: 4px;
    padding-right: 2em;
    padding-left: 2em;
    text-decoration: none;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    /*float: left;*/
    /*margin-left: 1.5em*/
}
.jplist-group .update-all:hover {
    background-color: white;
    min-height: 2em;
    color: #002664;
    border-radius: 4px;
    padding-right: 2em;
    padding-left: 2em;
    text-decoration: none;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    border: 2px solid #002664;
}
.filter-buttons-bottom > li {
    padding-top: 2em;
}
.jplist-group .NewsASBlock ul {
    display: none;
    float: left;
}
.jplist-group div:nth-child(2) .NewsASBlock ul {
    /*padding-left: 2em;*/
}
.jplist-group .Resources ul li { /*added 19-4*/
    padding-left: 4em;
}
.jplist-group .Resources ul li label{ /*added 19-4*/
    margin-left: -2.8em;
}
.jplist-group .NewsASBlock ul li {
    width: 78%; /*changed 18-4*/
}
.jplist-group .NewsASBlock .ul4 li{ /*added 19-4*/
    width: 81%;
}
.jplist-group .NewsASBlock .ul5 li {
    width: 87%; /*changed 18-4*/
}
.jplist-group .NewsASBlock .ul6 li{
    padding-left: 2em;
}
.jplist-group .NewsASBlock .ul6 {
    padding-left: 1.4em;
}
.jplist-group .NewsASBlock .ul6 li{
    padding-left: 2em;
}
.jplist-group .NewsASBlock .ul6 li span i{
    margin-left: -1.8em;
}
.jplist-group  .NewsASBlock .ul6 ul li{
    padding-left: 3.7em;
}
.jplist-panel .jplist-group .focus-area {
    width: 100%;
}
.jplist-panel .jplist-group .focus-area li{
    padding-left: 0em;
}
.jplist-panel .jplist-group .focus-area ul li {
    padding-left: 3.9em;
}
.jplist-group .NewsASBlock .ul6 ul li span {
    text-indent: -1.8em;
}
.jplist-group .NewsASBlock .ul6 ul li span i {
    padding: 0;
}
.jplist-panel .jplist-group ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 28px;
}
.jplist-group .as-news-container h3:first-child {
    margin-top: 0;
    clear: left;
}
.jplist-panel .jplist-group {
    padding: 0 !important;
}
.panel-top, .jplist-group {
    width: 99.9%;
}
.jplist .list .list-item {
    border-top: 1px solid #000;
}
.jplist .list .block {
    width: 100%!important;
    margin-right: 0!important;
    padding-top: 1em!important;
}
.outcomes-panel{
    height:auto !important;
}
.text-filter-box input {
    width: 98% !important; /*changed 19-4*/
    border: 1px solid #22272B !important;
    border-radius: 4px !important;
    float: none!important;
    /*min-height: 30px;*/
    text-indent: 0.8em !important; /*added 18-4*/
    height: 30px !important; /*added 18-4*/
    font-family: 'PublicSans', Arial;
    background-color: #ffffff;
    margin-top: 16px;
}
.refine-search {
    padding: 0.9em 1em 0.8em 1em;
    background-color: #EAEDF4;
    font-size: 16px;
    clear: both;
}
.refine-search p{
    margin: 0;
}
.refine-search p:first-child {
    font-weight: bold;
    background-image: url(/wps/wcm/connect/70b43989-8f53-48ec-a7e6-dca581a20349/refine+%281%29.png?MOD=AJPERES&ContentCache=NONE&CACHE=NONE&CACHEID=ROOTWORKSPACE-70b43989-8f53-48ec-a7e6-dca581a20349-lJqfAFG);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: left center;
    font-family: 'PublicSans', Arial;/* Updated from Semibold to Regular*/
    color: #22272B;
    letter-spacing: 0;
    line-height: 24px;
}
.refine-search p:first-child span {
    margin-left: 1.5em;
}
.refine-search .icon-equalizer2 {
    padding-right: 0.5em;
}
.ASBlock .facet-item input[type=checkbox] {
    display:none;
}

.ASBlock .facet-item input[type=checkbox] + label
{

    height: 33px;
    /* display: inline-block; */
    position: relative;
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: -6px center;
    padding: 0 0 0 0px;
    padding-left: 40px;
    /*background-color:pink;*/
    background-image: url("/wps/wcm/connect/a6010d80-43d1-4066-b0a2-5a0ff00bef1f/Box.png?MOD=AJPERES&ContentCache=NONE&CACHE=NONE&CVID=lJArrqM");
    background-color:#fff;
}
.ASBlock .facet-item input[type=checkbox]:checked + label
{

    height: 33px;
    /* display: inline-block; */
    position: relative;
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: -6px center;
    padding: 0 0 0 0px;
    padding-left: 40px;
    /*background-color:black;*/
    background-image: url("/wps/wcm/connect/492779e1-f997-4ba9-b3a4-fae99acdb573/ticked-box.png?MOD=AJPERES&ContentCache=NONE&CACHE=NONE&CVID=lJArrA6");
}
.ASBlock .facet-item {

    background-size: 1em;
    background-repeat: no-repeat;
}


@font-face {
    font-family: 'icomoon';
    src:  url('/wps/wcm/connect/705cbfb5-4dcf-46d9-aae9-0e54ce61cfd9/icomoon.ttf?MOD=AJPERES&ContentCache=NONE&CACHE=NONE&CACHEID=ROOTWORKSPACE-705cbfb5-4dcf-46d9-aae9-0e54ce61cfd9-lItZDED') format('truetype');
    /*src:  url('/wps/wcm/connect/fe19280f-154e-4a89-b7fc-038088920f14/icomoon.ttf?MOD=AJPERES&ContentCache=NONE&CACHE=NONE&CACHEID=ROOTWORKSPACE-fe19280f-154e-4a89-b7fc-038088920f14-lCV4ahw') format('truetype');*/
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-cross:before {
    content: "\e902";
}
.icon-minus:before {
    content: "\e901";
}
.icon-equalizer2:before {
    content: "\e993";
    font-size: 0.8em;
}
.icon-plus:before {
    content: "\e900";
}
.icon-filter:before {
    content: "\ea5b";
    font-size: 0.72em;
}
.c1-courses-title i.fa.fa-times.c1-close-desc.c1-mobile-close-desc.icon-cross {
    display: none!important;
}
.sort-by-container p {
    float: left;
    margin: -1px 0 0 0;
}
.sort-by-container ul{
    list-style: none;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    display: inline;
}
.icon-filter {
    padding-right: 0.5em;
}
.sort-by-container ul li:first-child{
    margin-left: 0;

}
.sort-by-container ul li{
    /*color: #AAAAAA;*/
    display: block;
    position: relative;
    float: left;
    margin-left: 1em;
    /*width: 100%;
  height: 100px;
    border-bottom: 1px solid #111111;*/
}
.error-container{
    background:#ef94c7!important;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
    display:none;
}
.error-container p{
    padding:0;
    text-align:left;
    margin:0;
    line-height: 22px;
    padding-left: 11%;
}
.error-container p:first-child{
    margin-bottom:12px;
    padding-left: 3%;
}
.error-container p:first-child > i.fa{
    background: #fff;
    width: 25px;
    height: 20px;
    text-align: center;
    margin-right: 3%;
    padding-top: 5px;
    border-radius: 100%;
}
.sort-by-container ul li input[type=radio]{
    position: absolute;
    visibility: hidden;
}

.sort-by-container ul li label{
    color: #002664;
    display: block;
    position: relative;
    font-weight: 300;
    /*font-size: 1.35em;*/
    padding: 0 1em 0 1.5em;
    margin: 10px auto;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    /*-webkit-transition: all 0.25s linear;*/
    font-family: 'PublicSans Medium', Arial;
    font-weight: lighter;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 24px;
}
.sort-by-container ul li .sortby-title {
    background-image: url("/wps/wcm/connect/7035ec09-af6a-40be-8d0b-e3cdcc998b99/A-Z+down.png?MOD=AJPERES&ContentCache=NONE&CACHE=NONE&CVID=lJArrGU");
    background-size: 0.89em;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 1em;
    margin-right: 0.5em;
}
.sort-by-container ul li .sortby-publication {
    background-image: url("/wps/wcm/connect/9645bd5d-3fb0-4d33-9b3d-e49bc5af70e4/Publication+down.png?MOD=AJPERES&ContentCache=NONE&CACHE=NONE&CVID=lJArs5F");
    background-size: 0.89em;
    background-repeat: no-repeat;
    /*background-position: left center;*/
    background-position: 0.2em 0.3em; /*changed 18-4*/
    padding-left: 1em;
    margin-right: 0.5em;
}
.sort-by-container ul li label i {
    padding-right: 0.5em;
    font-size: 0.8em;
}

.sort-by-container ul li .check{
    display: block;
    position: absolute;
    border: 5px solid #AAAAAA;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    top: 30px;
    left: 20px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
    display: none;
}

.sort-by-container ul li:hover .check {
    border: 5px solid #FFFFFF;
}

.sort-by-container ul li .check::before {
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 15px;
    width: 15px;
    top: 5px;
    left: 5px;
    margin: auto;
    /*transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;*/
}
.tag-container .button {
    background-color: #D8D8D8;
    border: none;
    color: #280070;
    /*padding: 0.5em 1.5em;*/
    padding: 0.5em 3em 0.5em 0.9em;
    text-decoration: none;
    display: inline-block;
    /*font-size: 16px;*/
    margin: 4px 9px 4px 0;
    cursor: pointer;
    /*margin-left: 1em;*/
    position: relative;
    font-family: 'PublicSans', Arial;
    font-size: 12px;
    color: #22272B;
    border: 1px solid #002664;
    border-radius: 13px;
    letter-spacing: 0;
    padding: 0em 3em;
}
.tag-container .close-tag {
    position: absolute;
    top: 3px;
    margin-left: 1.1em;
    font-size: 1.3em;
    color: #fff;
}
.mobile-leftcancel {
    display: none;
}
.footer_inner > nav > ul > li:first-child > div > a{
    pointer-events: none;
    cursor: default;

}
.right-col .as-news-landing {
    background-color: #EAEDF4;
}
.right-col .as-resource-landing {
    background-color: #EAEDF4;
    width: 70%;
    display:none;
}
.right-col .as-news-landing p,.right-col .as-resource-landing p {
    padding: 0.5em 0 0.5em 1.5em;
    font-family:'PublicSans', Arial;
    font-size: 16px;
    color: #2E5299;
    letter-spacing: 0;
    line-height: 24px;
}
.right-col .as-news-landing p {
    color: #22272B;
}
.right-col .as-news-landing p span,.right-col .as-resource-landing p span {
    padding-left: 1em;
}
.right-col .as-news-landing p span a,.right-col .as-resource-landing p span a {
    text-decoration: underline;
    font-family:'PublicSans', Arial;
    font-size: 16px;
    color: #2E5299;
    letter-spacing: 0;
    line-height: 24px;
}
.id-Z7_412G1182MOMR50ABN669NR1087 .nextPrevCon {
    display: none;
}
.id-Z7_412G1182MOMR50ABN669NR1087 .page-navigation{
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
}
.id-Z7_412G1182MOMR50ABN669NR1087 .page-navigation .as-pagination-current{
    background-color: #DDE5ED;
}
.id-Z7_412G1182MOMR50ABN669NR1087 .page-navigation span{
    /*background-color: #DDE5ED;*/
    /*padding: 0.2em 3.4%;*/
    padding: 0.2em 1.9em; /*changed 19-4*/
    margin: 0;
    border: #979797 solid 1px;
}
.id-Z7_412G1182MOMR50ABN669NR1087 .page-navigation span:nth-child(-n+10) {
    padding: 0.2em 2.2em;
}
.id-Z7_412G1182MOMR50ABN669NR1087 .page-navigation span:first-child a{
    padding-left: 0;
    padding-right: 0;
}
.id-Z7_412G1182MOMR50ABN669NR1087 .page-navigation span:first-child, .id-Z7_412G1182MOMR50ABN669NR1087 .page-navigation span:last-child{
    padding: 0.2em 0;
    margin: 0;
    border: none;
}
.id-Z7_412G1182MOMR50ABN669NR1087 .page-navigation span .prev-control-inactive, .id-Z7_412G1182MOMR50ABN669NR1087 .page-navigation span .next-control-inactive{
    background-color: #D8D8D8;
    border: #D8D8D8 1px solid;
    color: #D8D8D8; /*added 18-4*/
    width: 1.3em;
    height: 1.5em;
    text-align: center;
    padding: 0;
    padding-top: 0.2em;
    display: inline-block;
    margin: 0 auto;
}
.id-Z7_412G1182MOMR50ABN669NR1087 .page-navigation span .next-control-active, .id-Z7_412G1182MOMR50ABN669NR1087 .page-navigation span .prev-control-active{
    background-color: #002664;
    border: #002664 1px solid;
    width: 1.3em;
    height: 1.5em;
    text-align: center;
    padding: 0;
    padding-top: 0.2em;
    display: inline-block;
    margin: 0 auto;
}
.mobile-h1 {
    display: none;
}
.mobile-news-radio-btn{

    display:none;
}
/*********************************** C1 Template Css Start ************************/
.c1-syllabus-template h2 {
    font-family: 'PublicSans', Arial;/* Updated from Semibold to Regular*/
    font-weight: 400;
    font-style: normal;
    color: #000000;
    font-size: 2em;
    letter-spacing: 0.16px;
    /* -webkit-margin-before: 0;
  -webkit-margin-after: 0;*/
    margin-bottom: 12px;
}
.c1-syllabus-template h3 {
    font-family: 'PublicSans', Arial;
    font-weight: 600;
    color: #22272B;
    font-size: 24px;
    letter-spacing: 0px;
    margin-bottom: 27px;
    line-height: 32px;
    margin-top: 32px;;
    /* margin-bottom: 1em;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;*/
}
.c1-syllabus-template p {
    font-family: 'PublicSans', Arial;
    font-weight: normal;
    font-style: normal;
    color: #000000;
    font-size: 1em;
    line-height: 1.5em;
    /*margin: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;*/
}
.langauges-intro-txt p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}
.c1-syllabus-intro {
    margin-left: 5px;
}
.c1-syllabus-intro p {
    margin-bottom: 37px;
}


/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;

    width:100%;
    text-decoration: underline;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    width: 98%;
    background-color: #31394a ;
    color: #fff;
    text-align: center;
    border-radius: 0px;
    padding: 3%;
    margin-bottom: 2%;
    position: absolute;
    padding-left: 4%;
    padding-right: 4%;
    z-index: 1;
    bottom: 125%;
    margin-left: -3%;
    left: 0%;
}

.popup .popuptext p{
    text-align: left;
    color: #fff;
    font-size: 14px;
}
.popup .popuptext p:first-child{
    margin-top:20px;
}
/* Popup arrow */
.popup .popuptext:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 3%;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: #31394a transparent transparent transparent;
}
.close-tooltip{
    position: absolute;
    right: 17px;
    top: 2px;
    font-size: 25px;
    cursor:pointer;
}
/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

.c1-languages-intro p {
    margin-bottom: 0;
}
.c1-syllabus-container {
    border: solid 5px transparent;
}
.c1-syllabus-container.c1-no-accordion {
    border: none;
}
.c1-courses {
    display: none;
}
.c1-syllabus-template .c1-languages-courses .c1-accordion-top {
    background: none;
    padding-left: 0;
}
.languages-board-dev .c1-languages-courses .c1-accordion-top {
    padding-bottom: 19px;
    margin-left: 5px;
}
.c1-syllabus-template .c1-accordion-top {
    font-size: 1.5em;
    font-family: 'PublicSans', Arial;
    font-stretch: condensed;
    letter-spacing: 0.7px;
    color: #22272B;
    padding: 6px 0 8px 16px;
    background-color: rgba(221,229,237,0.4);
    text-transform: uppercase;
}
.c1-syllabus-template .c1-accordion-top span a{

    margin-right: 10px;
    font-size: 14px;
    color: #000 !important;
    text-transform: none;
    padding: 8px;
    background-color: #fff;
    border-radius: 5px;
    vertical-align: top;
    margin-left: 1em;
}
.fa.c1-close-course, .c1-close-desc, .c1-close-two-desc {
    float: right;
    display: none;
    cursor: pointer;
    color: #002664;
    margin: 0px 12px;
}
.c1-courses-title .icon-cross:before, .c1-accordion-top .icon-cross:before {
    font-size: 0.875em;
}
.c1-courses-two-col .icon-cross:before {
    font-size: 1.3em;
}
.fa.c1-close-two-desc {
    margin: 0 10px;
}
.c1-course-separator {
    margin-bottom: 27px;
    margin-top: 27px;
}
.c1-course-separator .c1-courses-title {
    margin: 0 5px;
}
.c1-courses-two-col > div:nth-child(2) {
    margin: 0px 5px 0 5px;
}
.menu-course-1 .c1-courses-two-col > div:nth-child(2), .menu-course-2 .c1-courses-two-col > div:nth-child(2), .menu-course-3 .c1-courses-two-col > div:nth-child(2) {
    margin: 0px 5px 0 0px;
}
.languages-board-dev .c1-courses-two-col > div:nth-child(2) {
    margin: 0px 5px 0 0px;
}
.c1-courses-title h3{
    font-weight: bold;
    padding: 9px 0 10px 17px;
    margin: 0;

}
.c1-courses-two-col div:first-child .c1-courses-options .c1-course-desc-container .c1-courses-title h3 {
    display: inline-block;
    color: #000000;
}
.languages-board-dev .c1-courses-title h3 {
    display: block;
}
.c1-languages-title {
    margin: 0;
}
.c1-languages-title h3 {
    margin: 0;
    background-color: rgba(221,229,237,0.4);
}
.c1-languages-options h3 {
    background-color: #DDE5ED;
    padding: 12px 0 12px 16px;
}
.c1-new-from h3{
    margin: 0;
}
.c1-courses-options {
    margin: 5px 5px 0px 5px;
}
.c1-courses-options div{
    display: inline-block;
    width: 49.4%;
    position: relative;
}
.c1-languages-options div {
    width: 49%;
}
.c1-course-desc {
    text-align: center;
}
.c1-course-desc, .c1-show-courses {
    text-align: center;
}
.c1-go-syllabus {
    text-align: right;
    cursor: pointer;
}
.c1-course-subhead .fa-angle-down:before {
    vertical-align: middle;
}
p.c1-course-subhead.c1-course-subhead-bg {
    background-color: #F2F2F2;
}
.c1-course-subhead .fa-angle-right:before{
    padding: 0.44em 0.3em 0.37em 0.3em;
    background-color: #002664;
    color: #ffffff;
    vertical-align: middle;
}
.c1-show-click .fa-angle-up:before {
    content: "\f106";
    position: relative;
    top: 4px;
}
.c1-show-desc-clicked .fa-angle-up:before {
    content: "\f106";
    position: relative;
    top: 3px;
}
.c1-languages-options .c1-course-subhead .fa-angle-right:before{
    padding: 0.56em 0.3em 0.7em 0.3em;
}
.c1-languages-options .c1-course-subhead .fa-angle-right:before {
    padding: 0.44em 0.3em 0.37em 0.3em;
}
i.fa.fa-2x.fa-angle-right.c1-syllabus-arrow-course {
    font-size: 1.6em;
}
.c1-syllabus-template .c1-course-subhead {
    font-size: 20px;
    font-family: 'PublicSans', Arial;/* Updated from Semibold to Regular*/
    letter-spacing: 0px;
    color: #22272B;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #F2F2F2;
    padding: 10px 0 12px 0px;
    line-height: 28px;
    border-bottom: none!important;
}
.c1-syllabus-template .c1-course-subhead-bg {
    margin-top: 5px;
}
.c1-courses-two-col .c1-green-bg h3 {
    color: #22272B;
}
.c1-syllabus-template .c1-course-subhead span a{
    color: #000000;
    text-decoration: none;
    position: absolute;
    right: 0;
    padding: 3.5% 0%;
    padding-right: 10%;
    width: 90%;
    top: 0;
    font-size: 16px;
}
.c1-syllabus-template .c1-course-subhead:hover span a{
    color: #22272B;
}
.c1-syllabus-template .c1-course-subhead span.c1-go-to a{
    font-family: 'PublicSans', Arial;
    color: #002664;
    text-decoration: underline;
    position: absolute;
    right: 0;
    padding: 15px 0%;
    padding-right: 30%;
    width: 85%;
    top: 0;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 16px;
}
.c1-courses-title>h3 {
    color: #ffffff;
}
i.fa.fa-arrow-right.c1-syllabus-arrow-course {
    color:#002664;
    padding-right: 20px;
}
span.c1-show-desc-click {
    font-size: 16px;
    font-family: 'PublicSans', Arial;
    color: #22272B;
    letter-spacing: 0;
    line-height: 24px;
}
span#show-courses-c1 {
    font-family: 'PublicSans', Arial;
    font-size: 16px;
    color: #22272B;
    letter-spacing: 0;
    line-height: 24px;
}
i.fa.fa-2x.fa-angle-down.c1-show-arrow-desc {
    font-size: 1.5em;
}
.c1-syllabus-template .c1-course-subhead:hover {
    background-color: rgba(0,133,179,0.20)!important;
}
.c1-go-syllabus .c1-course-subhead:hover span.c1-go-to a {
    background: none!important;
    text-decoration:underline;
    position: absolute;
    right: 0;
    padding: 15px 0%;
    padding-right: 30%;
    width: 85%;
    top: 0;
}
.c1-go-syllabus .c1-course-subhead:hover span{
    color: #002664;
    text-decoration: none;

}
.c1-syllabus-template .c1-syllabus-container {
    /*margin-bottom:78px;*/
}
.c1-languages-template .c1-syllabus-container {
    margin-bottom: 25px;
}
.c1-languages-template .c1-syllabus-container.c1-no-accordion {
    margin-bottom: 78px;
}
.c1-show-desc-click {
    cursor: pointer;
}
.c1-show-click {
    cursor: pointer;
    padding: 1em 1em 1.1em 1em;
}
.c1-show-click:hover {
    color: #000000;
    padding: 1em 1em 1.2em 1em;
}
.c1-show-clicked:hover {
    color: #22272B;
    padding: 1em 1em 1.4em 1em;
}
.c1-course-desc-container {
    color: #000000;
    background-color: #FFFFFF;
    margin: 0 5px;
    display: none;
}
.c1-courses-two-col .c1-course-desc-container {
    margin: 0px 0 0 0;
}
.c1-grey-bg .c1-course-desc-container .c1-courses-title h3, .c1-green-bg .c1-course-desc-container .c1-courses-title h3 {
    color: #000000;
    background: transparent;
    display: inline-block;
}
.c1-course-desc-container .c1-course-desc {
    padding: 0 1em 2em 1.5em;
    text-align: left;
    width: 96%;
}
.c1-courses-two-col .c1-go-syllabus {
    width: 49.4%;
    position:relative;
}
.c1-go-syllabus {
    vertical-align: top;
}
.c1-courses-two-col div {
    display: inline-block;
    width: 49.2%;
}
.c1-course-desc {
    width: 48.6%;
}
.c1-go-syllabus {
    margin-left: 2px;
}
.c1-courses-two-col .c1-course-desc-container {
    display: none;
    float: left;
    width: 201.5%;
}
.c1-courses-two-col .c1-green-bg .c1-course-desc-container {
    background-color: #ffffff;
    margin-left: -101%;
}
.c1-courses-two-col div:first-child .c1-course-desc-container {
    margin-left: auto;
}
.c1-courses-two-col .c1-sub-course-desc {
    width: 100%;
}
.c1-courses-two-col .c1-blank {
    background-color: #F2F2F2;
    height: 100px;
    vertical-align: top;
    margin: 5px 2px 0 5px;
    width: 49%;
}
.c1-courses-two-col .c1-sub-course-desc div {
    width: 96%;
    padding: 0 1em 2em 1.7em;
}
.c1-courses-two-col .c1-courses-title, .c1-courses-two-col .c1-courses-options {
    width: 99.5%;
    margin-top: 5px;
}
.c1-courses-two-col .c1-green-bg  {
    margin-top: 5px;
    margin-left: 0;
    width: 99.8%;
}
.c1-courses-two-col .c1-grey-bg {
    margin-left: 5px;
}
.c1-courses-two-col .c1-status {
    font-size: 14px;
    font-family: 'PublicSans', Arial;
    letter-spacing: 0px;
    color: #22272B;
    margin-left: 20px;
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #002664;
    border-radius: 13px;
    line-height: 24px;
    padding-left: 8px;
    padding-right: 8px;
}
.c1-courses-two-col .c1-status-desc {
    color: #000000;
    display: inline-block;
}
.c1-show-arrow-course, .c1-show-arrow-desc {
    margin-left: 15px;
    pointer-events: none;
}
.c1-syllabus-arrow-course {
    margin-left: 7px;
}
.right-col .rich-text-div ul.c1-a-z-index {
    list-style: none;
}
#c1-a-z-general-index{
    -webkit-padding-start:0;
    padding-left:0;
}

#c1-a-z-general-index .active-index-triangle {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 9px solid #002664;
    position: relative;
    left: 34%;
    margin-top: -1px;
}
.c1-edit {
    display: block;
}
.border-top {
    border-top: none;
    margin-bottom:27px;
    margin-top:27px;
}



.right-col .rich-text-div ul.c1-a-z-index li {
    color: #002664;
    background-color: white;
    text-transform: uppercase;
    display: inline-block;
    width: 46px;
    height: 40px;
    padding:0;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    margin-right: 20px;
    margin-bottom: 20px;
    line-height: 39px;
    border: 2px solid #002664;
    border-radius: 5px;
}
.right-col .rich-text-div ul.c1-a-z-index li.language-index-inactive {
    background: #F2F2F2;
    border: none;
    width: 50px;
    height: 45px;
    line-height: 44px;
}
.right-col .rich-text-div ul.c1-a-z-index li.language-index-inactive a {
    color: #A0A5AE;
}
.right-col .rich-text-div ul.c1-a-z-index li:before {
    content:none;
}
.right-col .rich-text-div ul.c1-a-z-index li:hover {
    color: #ffffff;
}
.right-col .rich-text-div ul.c1-a-z-index li:hover, .right-col .rich-text-div ul.c1-a-z-index li.active-index {
    background-color: #002664;
    color: #ffffff;
}
.right-col .rich-text-div ul.c1-a-z-index .c1-show-all-index {
    width: 120px;
}
.right-col .rich-text-div ul.c1-a-z-index .c1-show-all-index a {
    /*padding: 10px 10px 14px 10px; */
    padding: 10px;
    font-size: 16px;
}
.right-col .rich-text-div ul.c1-a-z-index .c1-show-all-index a:hover {
    padding: 0 10px;
}
.right-col .rich-text-div ul.c1-a-z-index li a{
    color: #000000;
    text-decoration: none;
    font-family: 'PublicSans Medium', Arial;
    font-size: 20px;
    padding: 9px 15px 10px 13px;
}
.right-col .rich-text-div ul.c1-a-z-index li a:hover, .right-col .rich-text-div ul.c1-a-z-index li.active-index a {
    color: #ffffff;
    padding: 14px;
    padding-top: 9px;
    padding-bottom: 10px;
}
.right-col .rich-text-div ul.c1-a-z-index li a:hover {
    background: transparent;
}
.c1-courses-one-col .c1-courses-title h3 {
    width: 97.4%;
    background-color: #002664;
}
.c1-course-desc-container .c1-courses-title h3 {
    background-color: #ffffff;
}
i.fa.fa-2x.fa-angle-up.c1-show-arrow-desc {
    font-size: 1.5em;
}
.c1-courses-title .c1-two-col-grey {
    background-color: #002664;
    width: 100%;
    border: 1px solid #C0C6C9;
    border-bottom: 1px solid #002664;
}
.c1-courses-title .c1-two-col-grey h3 {
    display: inline-block;
}
.c1-courses-two-col .c1-two-col-green {
    background-color: #CBEDFD;
    width: 100%;
}
.c1-courses-two-col .c1-two-col-green h3 {
    display: inline-block;
    color: #22272B;

}
.right-col .rich-text-div ul.c1-a-z-index .language-index-inactive a{
    color: #A0A5AE;
    pointer-events: none!important;
    cursor:default!important;
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}
.right-col .rich-text-div ul.c1-a-z-index .language-index-inactive a:hover {
    color: white;
    background-color: #002664;
    pointer-events: none!important;
    cursor:default!important;
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

.right-col .rich-text-div ul#c1-a-z-general-index li.language-index-inactive:hover {
    background-color: #F2F2F2;
}
.right-col .rich-text-div ul.c1-a-z-index .language-index-inactive:hover {
    color: #A0A5AE;
    pointer-events: none;
    background-color: #F2F2F2;
}
.c1-languages-template .c1-course-separator {
    margin-bottom: 22px;
}
.active-index-triangle {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #002664;
    position: relative;
    left: 40%;
    margin-top: -1px;
}
.rich-text-div .implementationBlock {
    margin-top: 16px;
    margin-bottom: 27px;
    padding-bottom: 48px;
}
#sub-related-resources {
    padding-bottom: 21px;
}
.support-material-richtext li a span {
    letter-spacing: 1.8px;
    color: #32343c;
    font-family: 'PublicSans', Arial;
}
.c1-syllabus-template .looking-for-tag {
    margin-bottom: 20px;
}
.c1-syllabus-template:last-child .c1-syllabus-container {
    margin-bottom: 0;
}
.c1-syllabus-template .c1-syllabus-container.menu-languages-1 {
    margin-bottom: 27px;
}
.c1-syllabus-template .c1-syllabus-container.c1-no-accordion {
    border: none !important;
}

/****************************** C1 Template Css End ******************/






/****************************** C6 Template Css Start ******************/

.c6-template .sliding-window > table tr th, .c6-template .table-slider-ls > table thead tr th{
    max-width: 116px;
}
.sliding-window {
    width: 631px; /* Total width of visible columns + border widths */
    overflow: hidden;
    margin-left: 2.2em;
    margin-bottom: 54px;
}
.sliding-window > table {
    width:auto; /* Total width of all columns in sliding-window + border widths */
    overflow:hidden;
}
.sliding-window > table tr td, .sliding-window > table tr th{
    padding:0px!important;
}
.sliding-window > table tr td {
    height: 146px;
}
.sliding-window > table tr td div{
    width: 120.5px;
    min-height: 146px;
    /*height:100%;*/
    padding: 20px 18px;
}
.sliding-window > table tr td div.single-cell-outcome{
    width: 252px;
}
#outcome-table-api ul{
    margin-left: 9px;

}
#outcome-table-api ul li{

    text-indent: -1.9em;
    margin-left: 0;
    margin-bottom:27px;
}

#table-html{

    /*width:750px;*/
    margin:0 auto;
    display:block;
    vertical-align:top;
}
#table-html .tr{
    width:100%;
    height:54px;
    margin:0 auto;
    display:block;
    vertical-align:top;
}
#table-html .td-wrapper{
    width:100%;
    height:auto;
    /*padding: 0 10px 0 0px;*/
    margin:0 auto;
    display:inline-block;
    vertical-align:top;
}
.related-outcomes-popups #table-html .td {
    width: 212px;
}
#table-html .td{
    width: 219px;
    border-bottom: 1px solid #979797;
    height: 64px;
    /* min-height: 54px; */
    padding: 0 10px;
    line-height: 53px;
    margin: 0;
    margin-right:1.8em;
    display: inline-block;
    position: relative;
    vertical-align:top;
}
#table-html .td:nth-child(3n){
    margin-right: 0;
}
/*
#table-html .td-wrapper:before {
      content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    top: -1px;
    background-size: calc(33.3% + 14px) 1px;
    background-color: transparent;
    background-image: linear-gradient( 90deg, transparent calc(100% - 40px), white 40px);
  }
  */
#table-html .td:last-child{
    width: 219px;
    border-top: none;
    /* min-height: 54px; */
    padding: 0 10px;
    line-height: 52px;
    margin-right:0;
    display: inline-block;
    position: relative;
}
#table-html .td:nth-child(-n+3){
    border-top:1px solid #979797;
}
#table-html .td a{
    position: static;
    line-height: normal;
    vertical-align: middle;
    display: inline-block;
    font-family: 'PublicSans', Arial;
}
:focus {
    outline: none;
}
#table-html .td a:hover{
    color: #002664;
    text-decoration: underline;
    background-color: rgba(0,133,179,0.20);
}
#table-html .td:last-child{
    border-bottom: 1px solid #979797;
}
.table-less {
    width: 499px;
}
.table-less#table-html .td:nth-child(even){
    margin-right: 0;
}
.table-less#table-html .td {
    width: 215px;
    margin-right: 1.8em;
}
.table-less#table-html .td:nth-child(3n) {
    border-top: none;
}
.sliding-window > table tr td a div:hover, .sliding-window > table tr td a div:active {
    background-color: rgba(0,133,179,0.20);
    color: #002664;
    text-decoration: underline;
    cursor: pointer;
}
.sliding-window > table tr td div:hover a{
    color: #002664 !important;
}
.table-slider-ls > table tr td div {
    width: 123px;
    min-height: 172px;
    padding: 12px 18px 2px 18px;
}
.table-slider-ls > table tr td div:hover {
    background-color: rgba(0,133,179,0.20);
    color: #002664;
    text-decoration: underline;
    cursor: pointer;
}
.table-slider-ls > table tr td div:hover a{
    color: #ffffff !important;
}
.main-content .rich-text-div .sliding-window > table tr th a, .table-slider-ls .zebra-striped thead tr th a, .table-slider-ls .zebra-striped tbody tr th a {
    font-size: 16px;
    font-weight:bold;
    font-stretch: condensed;
    letter-spacing: 0px;
    color: #22272B;
    text-decoration: none;
    pointer-events: none;
}
.c6-template .table-slider-ls .zebra-striped thead tr th a, .c6-template .table-slider-ls .zebra-striped tbody tr th a {
    font-size: 14px;
    color: #002664;
}
.c6-template .table-slider-ls .c6-life-skills thead tr th a, .c6-template .table-slider-ls .c6-life-skills tbody tr th a {
    font-size: 18px;
}
.sliding-window > table tr th, .table-slider-ls > table thead tr th {
    background-color: #EBEBEB;
    text-align: center;
    border-right: solid 1px #dde5ed;
    padding: 4.7px 19px;
}
#outcome-table-api .sliding-window > table tr th, #outcome-table-api .table-slider-ls > table thead tr th {
    vertical-align: middle;
    text-align: left;
    height: 72px;
    padding: 12px 18px 2px 18px !important;
}
.table-slider-ls > table thead tr th, .table-slider-ls > table tbody tr th {
    /*padding: 0!important;*/
    text-align: center;
    background-color: #EBEBEB;
    padding: 4.5px 0;
    /*padding-left:16px;*/
}
.c6-template .table-slider-ls > table thead tr th {
    padding: 6px 0;
}
.c6-template .table-slider-ls > table tbody tr th {
    padding: 7px 0;
}
.sliding-window > table tr td, .table-slider-ls > table tr td {
    border: 1px solid #C0C6C9;
}
.main-content .rich-text-div .sliding-window > table tr td div a,.main-content .rich-text-div .sliding-window > table tr td div a p, .main-content .rich-text-div .table-slider-ls > table tr td div a, .main-content .rich-text-div .table-slider-ls > table tr td div a p{
    color: #000;
    text-decoration: none;
}
.main-content .rich-text-div .sliding-window > table tr td div a:hover, .main-content .rich-text-div .sliding-window > table tr td div:hover a p, .main-content .rich-text-div .table-slider-ls > table tr td div a:hover, .main-content .rich-text-div .table-slider-ls > table tr td div:hover a p{
    color: #fff;
}
.table-slider-ls {
    margin-bottom: 54px;
    display: inline-block;
}
.table-slider-ls .zebra-striped {
    margin-left: 49px;
    border: solid 1px #4C4F55;
}
.table-slider .tbl-slider-active {
    position: relative;
}
.table-slider .tbl-slider-active .sldr-next {
    position: absolute;
    right: -2.50em;
    top: 3.7em;
    padding: 1.5em 0.8em;
    background-color: #002664;
    font-size: 10px;
}
.table-slider .tbl-slider-active .sldr-prev {
    position: absolute;
    left: 1em;
    top: 3.7em;
    padding: 1.5em 0.8em;
    background-color: #002664;
    font-size: 10px;
}
.table-slider .tbl-slider-active .sldr-prev-disable, .table-slider .tbl-slider-active .sldr-next-disable {

    pointer-events: none;
    background-color: #C0C6C9;
}
.table-slider .tbl-slider-active .sldr-next i,.table-slider .tbl-slider-active .sldr-prev i {
    color: #ffffff;
    font-weight: bold;
}
.main-content .rich-text-div .related-resources .support-material-richtext li a {
    color: #000000;
    font-family: 'PublicSans', Arial;
}
.main-content .rich-text-div .related-resources .support-material-richtext li a:hover {
    color: #002664;
}
.syllabus-text .third-col-cover-c2b{
    margin-bottom: 0;
}
.syllabus-text.c10-template .third-col-cover-c2b{
    float: right;
    margin-left: 1.8em;
}
.syllabus-text {
    display: inline-block;
    width: 98.8%;
}
tr > th, tr > td {
    padding: 0;
}
.main-content .rich-text-div.c6-template a {
    color: #000;
    text-decoration: none;
}







.C4-table .table-slider .tbl-slider-active .sldr-next {
    position: absolute;
    right: -2.6em;
    top: 8.7em;
    padding: 1.5em 0.8em;
    background-color: #002664;
    font-size: 10px;
}

.C4-table .table-slider .tbl-slider-active .sldr-next:hover {
    background-color: rgba(0, 38, 100, .85);
}
.C4-table .table-slider .tbl-slider-active .sldr-prev:hover {
    background-color: rgba(0, 38, 100, .85);
}
.C4-table .table-slider .tbl-slider-active .sldr-prev {
    position: absolute;
    left: 1em;
    top: 8.7em;
    padding: 1.5em 0.8em;
    background-color: #002664;
    font-size: 10px;
}
.C4-table .table-slider .tbl-slider-active .sldr-prev-disable, .C4-table .table-slider .tbl-slider-active .sldr-next-disable {
    pointer-events: none;
    background-color: #C0C6C9;
}
.C4-table .table-slider-ls > table thead tr th {
    padding-left: 8px;
}
.C4-table .table-slider-ls > table tr td div {
    width: 172px;
    min-height: 190.5px;
    padding: 8px 18px 0.2px 18px;
}
.C4-table .sliding-window {
    width: 582px;
    border: 1.5px solid #4C4F55;
}
.rich-text-div .C4-table .sliding-window table {
    border: none;
}
.c4-template .related-resources h2 {
    margin-top: 27px;
}
.main-content .rich-text-div .C4-table .table-slider-ls > table tr td div a p {
    margin-bottom: 8px;
    margin-top: 0;
}
.main-content .rich-text-div .C4-table .table-slider-ls > table tr td div a p:last-child {
    margin-bottom: 0;
}
.C4-table .sliding-window > table tr td div {
    min-height: 183px;
    max-height: none;
    padding: 8px 18px;
}
.C4-table  .table-slider-ls > table tbody tr th {
    vertical-align: middle;
    text-align: left;
    height: 72px;
    padding-left: 8px;
}
.main-content .rich-text-div .C4-table .sliding-window > table tr th div {
    margin-top: 7px;
}
.main-content .rich-text-div .C4-table .table-slider-ls > table thead tr th div, .main-content .rich-text-div .C4-table .table-slider-ls > table tbody tr th div {
    margin-top: 7px;
}
.C4-table .sliding-window tbody tr td .single-cell p {
    margin: 0;
}
.C4-table .sliding-window tbody tr td .single-cell p:nth-child(2) {
    margin-top: 16px;
}
.main-content .rich-text-div .C4-table a {
    text-decoration: none;
}
.main-content .rich-text-div .C4-table a p {
    margin-top: 0;
}
.main-content .rich-text-div .C4-table a:hover, .main-content .rich-text-div .C4-table a:hover p {
    color: #002664;
}

.tbl-slider-content #default {
    display: none;
}
.ui-widget-overlay {
    background: #000000 !important;
    opacity: 0.8 !important;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: default !important;
    border: none !important;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 0 !important;
    height: 27px !important;
    border-bottom: none;
}
.ui-dialog .ui-dialog-content {
    padding: 0em 1em 0em 1em;
}
.related-outcomes-popups.ui-dialog .ui-dialog-content {
    padding: 0em 27px 54px 27px;
}
.ui-widget.ui-widget-content {
    border: none !important;
    padding: 0 !important;
}
.modal-body {
    /*padding-top: 0px !important;*/
    /*padding-bottom: 0px !important;*/
    font-family: 'PublicSans', Arial;
}
.ui-widget.ui-widget-content.related-outcomes-popups h1 {
    margin-top: 27px;
    line-height: 29px;
}
.ui-widget.ui-widget-content.related-outcomes-popups h2 {
    margin-bottom: 27px;
    line-height: 27px;
}
.ui-widget.ui-widget-content.related-outcomes-popups {
    width: auto !important;
}
.ui-widget.ui-widget-content.glossary-popup {
    /*left: 27% !important;*/
    /*width: 50% !important;*/
}
.ui-widget.ui-widget-content.glossary-popup button {
    border: none;
}
.ui-widget.ui-widget-content.glossary-popup .modal-body h1 {
    text-transform: none;
}
/*.ui-widget.ui-widget-content.glossary-popup .modal-body a {
    font-size: 13px;
    text-decoration: underline;
    padding-bottom: 27px;
}*/
.ui-widget.ui-widget-content.glossary-popup .modal-body a {
    font-size: 13px;
    text-decoration: underline;
    margin-bottom: 27px;
    /*border-bottom: 1px solid #000;*/
}
.ui-widget.ui-widget-content.glossary-popup .modal-body a:hover {
    color: #002664;
}
.ui-widget.ui-widget-content.related-outcomes-popups .modal-body a:hover {
    color: #002664;
    text-decoration: underline;
}
#outcomesModal .modal-body h1 {
    margin-top: 27px;
    margin-bottom: 27px;
    line-height: 29px;
}
#outcomesModal {
    min-width: 100px;
}
#outcomesModal .modal-body h2 {
    margin-top: 27px;
    margin-bottom: 27px;
    line-height: 27px;
}
#outcomesModal .modal-body p {
    margin: 0;
}
.modal-body li p:before {
    /*content: '\0025a0';
    counter-increment: i;
    padding: 0;
    color: #280070;
    font-size: 17px;
    margin-left: -30px;
    padding-right: 20px;
    position: relative;
    bottom: 0.5px;*/
}
#outcomesModal .modal-body-content {
    margin-bottom: 54px;
}
.right-col .syllabus-text .C4-table div ul li:before {
    font-size: 18px;
    position: relative;
    top: -0.5px;
}
.modal-body li {
    list-style-type: none;
    margin-left: 29px;
    display: inline-block;
    margin-top: 0.5em;
    line-height: 1.5em;
    /*width: 90%;*/
}
.modal-body ul li {
    /*width: 69%;*/
}
.modal-body li p {
    display: inline;
}
.modal-body li:before {
    content:"\0025a0";
    color: #22272B;
    margin-left: -30px;
    /*margin-right: 15px;*/
    position: absolute;
}
.modal-body .multiple_emails-ul li:before {
    display:none;
}
.related-outcomes-popups .modal-body li {
    display: block;
    /*padding-left: 28px;*/
}
.ui-dialog .ui-dialog-titlebar-close {
    right: 1.3em;
    top: 100%;
}


/****************************** C6 Template Css End ******************/

/********************** Glossary Template Css Start ************************/
.ui-dialog { z-index: 0 !important ;}
div.item_fixed {
    border-bottom: 2px solid #fff;
    left: auto;
    position: fixed;
    top: 245px !important;
}
.main-content .glossary-page div.item_fixed a:last-child {
    padding-right: 59px;
}
dl.glossary {
    border-bottom: 1px solid #e1e1e1;
    display: inline-block;
    line-height: 1.4em;
    margin-top: 0px;
    margin-bottom: 20px;
}
dl.glossary p, dl.glossary ul {
    line-height: 1.4em;
    margin-bottom: 0;
}
dl.glossary p img {
    /*padding-top: 27px;*/
    width: 50%;
}
dl.glossary dd, dl.glossary dt {
    border-top: 1px solid #e1e1e1;
    margin: 0;
    overflow-wrap: break-word;
    /*padding-top: 27px;
    padding-bottom: 27px;*/
}
dl.glossary dt {
    clear: both;
    float: left;
    font-weight: 700;
    position: relative;
    width: 18.45%;
    margin: 0;
    margin-bottom: 27px;
    padding: 0;
    padding-top: 27px;
    padding-right: 13.5px;
}
dl.glossary dd {
    box-sizing: border-box;
    float: right;
    width: 80%;
}
dl.glossary dd p {
    margin-top: 27px;
    margin-bottom: 27px;
}
dl.glossary_desktop {
    display: block;
}
div.glossary_index {
    /*background: rgba(221,229,237, 0.4) none repeat scroll 0 0;*/
    background: #E5EDF4 none repeat scroll 0 0;
    margin-bottom: 54px;
    padding: 6.4px 5px 6.4px 5px;
    top: 0;
    z-index: 20;
}
div.glossary_index > span{
    font-family: 'PublicSans', Arial;
    font-weight: 500;
    color: #000000;
    letter-spacing: 0.63px;
    margin-right: 5px;
    font-size: 1.5em;
}
div.glossary_index a.active {
    color: rgba(0, 0, 0, 0.3);
}
.main-content .glossary-page div.glossary_index a {
    font-family: 'PublicSans', Arial;
    border-bottom: 0 none;
    color: #002664;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0px 5px;
    letter-spacing: 0.63px;
    font-size: 1.5em;
}
/*div.glossary_index a:hover {
    background: #e1e1e1 none repeat scroll 0 0;
    color: #000;
    text-decoration: underline;
}*/
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.fade.in {
    opacity: 1;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
.modal.fade .modal-dialog {
    margin: 0 auto;
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;

    /*-ms-transform: translate(0,-25%);*/
    /*-o-transform: translate(0,-25%);*/

}
.modal-dialog {
    width: 600px;
}
#contactusmodal{
    background-color:rgba(0,0,0,0.8);
    padding-top:15%;
    padding-right: 0px;
}
#contactusmodal .close{
    top: 10px;
    right: 15px;
    padding: 0;
    font-size: 40px;
}
#contactusmodal  h2.modal-title{
    margin-top: 25px;
    margin-left: 25px;
}
#contactusmodal  .modal-body{
    margin: 0 auto;
    padding: 0.5% 20%;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    /*border-radius: 6px;*/
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
#contactusmodal .form_spinner{
    top:25%;
    left:50%;
    margin-top:-25px;
    margin-left:-25px;
    width:60px;
}
#contactusmodal .modal-content {
    height: 200px;
    width: 100%;
}
#contactusmodal  .modal-header{
    padding:0;
}
.modal-body {
    position: relative;
    padding: 0 15px 0 15px;
}
.glossary-popup .modal-body {
    padding-left: 27px;
    padding-right: 27px;
}
.glossary-popup  #myModal2 {
    padding: 0;
}
.modal-body ul {
    padding: 0;
    min-width: 502px;
}
.modal-body p:first-child {
    margin-bottom: 12px;
}
.modal-body h1 > span {
    text-transform: none;
}
.modal-footer {
    padding: 15px;
    text-align: right;
}
.glossary_container {
    border-top: none;
    width: 100%;
}
.glossary_container p {
    -webkit-margin-before: 0px;
    margin-bottom: 27px;
}
#eSyllabusAccordion.glossary_container .glossary dd ul {
    margin-top: -27px;
}
#eSyllabusAccordion.glossary_container .glossary dd ul li:before {
    padding-left:0;
    margin-left: -16px;
    padding-right: 7px;
}
div.glossary_mobile_index {
    display: none;
}
div.glossary_desktop_index {
    display: block;
    margin-top: 27px;
}
div.item_fixed {
    margin-top: 3px;
}
div.glossary_intro p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-bottom: 27px;
}
div.glossary_container dl.glossary img#loader {
    width: 8% !important;
    top: 0 !important;
}
dl.glossary dd p span.MathJax {
    cursor: url('/wps/wcm/connect/62e898cf-d6e4-428f-a88f-fb2db4d68312/question.png?MOD=AJPERES&ContentCache=NONE&CACHE=NONE&CACHEID=ROOTWORKSPACE-62e898cf-d6e4-428f-a88f-fb2db4d68312-lMoU1Ho'), auto !important;
}

div#eSyllabusAccordion > dl.glossary ul li:before {
    content: '\0025a0';
    counter-increment: i;
    padding-right: 10px;
    padding-left: 10px;
    color: #002664 !important;
    font-size: 16px;
    display: inline-block!important;
    vertical-align: text-bottom;
    line-height: 24px;
}
.ui-button-icon-only {
    text-indent: 0 !important;
}
.main-content .glossary-page div.glossary_index a.language-index-inactive {
    color: #9b9999;
}
#myModal {
    display: none;
}
.glossary_intro {
    min-height: 133px!important;
}




/********************** Glossary Template Css End ************************/


/********************** C8 Template Css Start ************************/

.next-prev-container {
    padding: 13.8px 0;
    width: 98%;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: rgba(221, 229, 237, 0.4);
    display: inline-block;
    text-align: center;
}
.next-prev-container .c8-navigator-arrow {
    background-color: #002664;
    color: #fff;
    padding: 1.1px 18.68px 5.1px 18.68px;
    border: solid 2px #fff;
    font-size: 41px;
    vertical-align: middle;
    font-weight: 700;
    /*text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;*/
}
.next-prev-container .c8-navigator-arrow:hover {
    background-color: #ffffff;
    color: #002664;
    border: solid 2px #002664;
    padding: 1.1px 18.68px 5.1px 18.68px;
    font-size: 41px;
    vertical-align: middle;
    font-weight: 700;
}
.main-content .rich-text-div.C8-template .next-prev-container a:hover {
    background: none;
}
.next-prev-container a:first-child .c8-navigator-arrow {
    margin-right: 18px;
}
.next-prev-container a:first-child i:before {
    position: relative;
    left: -2px;
}
.next-prev-container a:last-of-type .c8-navigator-arrow {
    margin-left: 18px;
}
.next-prev-container a:last-of-type i:before {
    position: relative;
    right: -2px;
}
.main-content .rich-text-div .next-prev-container a {
    font-family: 'PublicSans', Arial;
    font-weight: normal;
    font-size: 1em;
    color: #002664;
    text-decoration: none;
    text-transform: uppercase;
}
.main-content .rich-text-div .next-prev-container a.nav-disabled {
    color: #C0C6C9;
}
.main-content .rich-text-div .next-prev-container a:first-child {
    float: left;
}
.main-content .rich-text-div .next-prev-container a:last-child {
    float: right;
}
.next-prev-container .nav-disabled i {
    pointer-events: none;
    background-color: #dde5ed;
}
.navi-heading {
    font-family:'PublicSans', Arial;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.38em;
    color: #22272B;
    /*position: relative;
    top: 11px;*/
    line-height: 50px;
}
#eSyllabusAccordion.c8-accordion-container {
    background: transparent;
}
.c8-accordion-container .c8-accordion h3:first-child {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    padding: 7px 0px;
}
.c8-content-div h3 {
    padding: 0;
}
.c8-accordion-container .c8-accordion h3 a i {
    float: right;
    background: #002664;
    color: #ffffff;
    padding: 8px 12px;
    position: relative;
    top: -7px;
}
.c8-accordion {
    background-color: rgba(221, 229, 237, 0.4);
    margin-bottom: 8px;
}
.c8-accordion-container .c8-content-div {
    margin: 0 16px;
    width: 91%;
    display: none;
}
.c8-accordion-container.single-acc .c8-content-div {
    margin: 0;
    width: auto;
    display: block;
}
.main-content .rich-text-div .c8-accordion-container .c8-accordion h3 a {
    color: #22272B;
    text-decoration: none;
    margin-left: 15px;
}
.main-content .rich-text-div .c8-accordion-container .c8-accordion h3 a:hover {
    background: transparent;
}
.syllabus-text .c8-content-div h2 {
    margin-bottom: 27px;
}
.syllabus-text .c8-content-div h4 {
    margin: 0;
    margin-bottom: 27px;
    line-height: 19px;
}
div#eSyllabusAccordion .content-outcomes ul, div#eSyllabusAccordion .content-outcomes ul li {
    background-color: #f1f5f8;
    margin: 0;
    padding: 0;
}
.c8-content-div dl {
    margin: 0;
}
.c8-content-div dd {
    -webkit-margin-start: 0;
    margin: 0;
    width: 88%;
}
.c8-content-div dt {
    float: right;
    position: relative;
    top: 3px;
    font-weight: bold;
}
.c8-content-div dd p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}
div#eSyllabusAccordion .content-outcomes ul {
    margin-left: -10px;
}
div#eSyllabusAccordion .content-outcomes ul li {
    background-color: #f1f5f8;
    margin-left: 36px;
    margin-bottom: 8px;
}
div#eSyllabusAccordion .content-outcomes ul li:last-child {
    margin-bottom: 0px;
}
div#eSyllabusAccordion .content-outcomes ul {
    margin-bottom: 54px;
}
div#eSyllabusAccordion .content-outcomes ul:nth-of-type(2){
    margin-bottom: 81px;
}
div#eSyllabusAccordion .content-outcomes ul li:before {
    content: url(/wps/wcm/connect/f81233c9-6312-43b9-8df1-5b83a1c6a886/triangle-right.png?MOD=AJPERES&ContentCache=NONE&CACHE=NONE&CACHEID=ROOTWORKSPACE-f81233c9-6312-43b9-8df1-5b83a1c6a886-lMP946D);
    display: block;
    color: #22272B;
    float: left;
    margin-top: 4.5px;
    margin-left: -34px;
}
.syllabus-text .c8-content-div .content-introduction h2 {
    margin-top: 54px;
    margin-bottom: 27px;
}
div#eSyllabusAccordion .content-introduction ul {
    margin: 0;
    padding: 0;
    background-color: #f1f5f8;
}
div#eSyllabusAccordion .content-introduction ul.level1 li {
    background-color: #f1f5f8;
    margin-bottom: 8px;
    padding: 0;
}
div#eSyllabusAccordion .content-introduction ul.level-2 li {
    background-color: #f1f5f8;
    margin-bottom: 8px;
    margin-left: 23px;
    padding: 0;
}
div#eSyllabusAccordion .content-introduction ul li p {
    margin: 0;
    padding: 0;
}
div#eSyllabusAccordion .content-introduction ul.level1 li {
    font-family: 'PublicSans', Arial;
    font-weight: 700;
    font-style: normal;
    color: #22272B;
    letter-spacing: 0.09px;
    margin-bottom: 27px;
    margin-top: 27px;
}
div#eSyllabusAccordion .content-introduction ul.level1 p {
    font-family: 'PublicSans', Arial;
    font-weight: 700;
    font-style: normal;
    color: #22272B;
    font-size: 20px;
    letter-spacing: 0.09px;
    margin-bottom: 27px;
}
div#eSyllabusAccordion .content-introduction ul.level-2 li p img  {
    margin-top: 14px;
    /*width: 100%;*/
}
div#eSyllabusAccordion li .c8-content-div .content-introduction p img.esyb-icons {
    cursor: auto!important;
    margin-top: 0;
    max-width: 16px!important;
    height: 16px!important;
    /*vertical-align: middle;*/
    /*pointer-events: none;*/
}
/*div#eSyllabusAccordion li .c8-content-div .content-introduction p img  {
    width: 100%;
    max-width: 50% !important;
}*/
div#eSyllabusAccordion .content-introduction ul.level-2 li:before  {
    content: "\0025a0";
    display: block;
    color: #22272B;
    float: left;
    position: relative;
    top: -1.5px;
    margin-left: -34px;
    font-size: 18px;
}
.main-content .rich-text-div .content-introduction li p a.glossary {
    color: #000000;
    text-decoration: none;
    border-bottom: 1px dashed #000000;
}
.hide-content-btn {
    text-align: center;
    padding: 14.6px 0;
    margin-top: 27px;
}
.hide-content-btn span {
    padding: 13.4px;
    cursor: pointer;
    padding: 14.6px;
    background-color: #002664;
    color: #ffffff;
}
.hide-content-btn .c8-hide-arrow {
    font-size: 23px;
    margin-left: 15px;
    top: 2px;
    position: relative;
}
#eSyllabusAccordion.c8-accordion-container .c8-accordion:last-of-type {
    margin-bottom: 0;
}
.C8-template .related-resources h2 {
    margin-top: 54px;
    line-height: 24px;
}
.navi-mobile-title {
    display: none;
}
.c8-acc-close {
    float: right;
    display: none;
}
.c8-accordion-clicked .c8-acc-close {
    float: right;
    display: block;
    color: #000000;
    margin-right:6.5px;
}
.c8-accordion-clicked .c8-accordion-down {
    display: none;
}
.single-acc .c8-accordion h3 a i, .single-acc .c8-accordion .hide-content-btn {
    display: none;
}
.single-acc .c8-accordion, div#eSyllabusAccordion.single-acc  .content-outcomes ul, div#eSyllabusAccordion.single-acc .content-outcomes ul li, div#eSyllabusAccordion.single-acc .content-introduction ul, div#eSyllabusAccordion.single-acc .content-introduction ul.level1 li, div#eSyllabusAccordion.single-acc .content-introduction ul.level-2 li  {
    background-color: #ffffff;
}
.c8-accordion ul li .table-display span{
    color: #002664;
}
.single-acc .c8-accordion > h3:first-of-type {
    display: none;
}
.single-acc .c8-accordion .c8-content-div .content-outcomes h2 {
    margin-top: 0px;
}
.single-acc .c8-accordion h2:first-child {

}
.content-introduction > label:first-of-type {
    font-family: 'PublicSans', Arial;
    font-weight: 700;
    font-style: normal;
    color: #280070;
    font-size: 1.25em;
    letter-spacing: 0.09px;
}
.content-introduction > label:first-of-type p {
    font-family: 'PublicSans', Arial;
    font-weight: 700;
    font-style: normal;
    color: #280070;
    font-size: 20px;
    letter-spacing: 0.09px;
}
div#eSyllabusAccordion .content-introduction ul li {
    padding: 0;
    margin-bottom: 27px;
    background-color: #f1f5f8;
}
#eSyllabusAccordion.single-acc .content-introduction ul.level-1 li {
    /*margin-top: 27px;*/
    margin-bottom: 8px;
}
#eSyllabusAccordion.single-acc .content-introduction ul li {
    background-color: #fff;
}
.content-introduction ul li p label {
    font-size: 0.94em;
    font-family: 'PublicSans', Arial;;
    color: #979797;
    margin-left: 10px;
}
.content-introduction ul li p label > img{
    margin-left: 5px;
}
div#eSyllabusAccordion .content-introduction ul.level-1 {
    margin-top: 27px;
}
div#eSyllabusAccordion .content-introduction ul.level-1 li {
    /*background-color: #ffffff;*/
    margin-bottom: 8px;
}
div#eSyllabusAccordion .content-introduction ul.level-3 {
    margin-left: 50px;
    padding-left: 20px;
}
div#eSyllabusAccordion .content-introduction ul.level-3 li:last-child{
    margin-bottom: 15px;
}
div#eSyllabusAccordion .content-introduction ul.level-3 li {
    margin-bottom: 8px;
}
div#eSyllabusAccordion .content-introduction ul.level-3 li:before  {
    content: "\00af";
    display: block;
    color: #22272B;
    float: left;
    position: relative;
    top: 11px;
    margin-left: -34px;
    font-size: 2em;
    font-weight: bold;
}
div#eSyllabusAccordion .content-introduction ul.level-4 li:before  {
    content: "\00af";
    display: block;
    color: #22272B;
    float: left;
    position: relative;
    top: 8px;
    /* margin-left: -34px;*/
    font-size: 1em;
    font-weight: bold;
}
div#eSyllabusAccordion .content-introduction ul.level-4 {
    margin-left: 72px;
}
div#eSyllabusAccordion .content-introduction ul.level-4 li {
    margin-bottom: 8px;
    margin-left: 34px;
}
.ui-dialog .ui-dialog-titlebar-close {
    margin: -10px 2px 0 0!important;
}
.c8-modal-life-skills  {
    padding: 0;
}
.c8-modal-life-skills .modal-body {
    padding: 0;
    margin: 0;
}
.c8-modal-life-skills .modal-body h1 {
    margin: 0;
    text-transform: none;
    margin-bottom: 27px;
}
.c8-modal-life-skills .modal-body h1 {
    margin: 0;
    text-transform: none;
    margin-bottom: 27px;
}
.c8-modal-life-skills .modal-body h2 {
    margin: 0;
    margin-bottom: 27px;
}
.c8-modal-life-skills .modal-body  {
    padding: 0;
    margin: 0;
}
.c8-modal-life-skills .modal-body  li  {
    display: inline-block;
    margin-left: 19px;
    margin-bottom: 27px;
}
.c8-modal-life-skills .modal-body  li  p{
    margin: 0;
}
.c8-modal-life-skills .modal-body  li:before  {
    content: "\0025a0";
    display: block;
    color: #280070;
    float: left;
    position: relative;
    top: 2px;
    margin-left: -19px;
    font-size: 17px;
}
.c8-modal-glossary .modal-content {
    border-radius: 0px;
    padding: 0px 30px 13.5px 30px;
}
.c8-modal-glossary .modal-content .close {
    float: right;
    background: none;
    border: none;
    margin: 0;
    margin-top: -8px;
    margin-right: -12px;
    font-size: 18px;
    padding: 0;
}
.c8-modal-glossary .modal-content .modal-header {
    border: none;
    padding: 0;
    margin: 0;
}
.c8-modal-glossary .modal-content .modal-body {
    margin: 0;
    padding: 0;
}
.c8-modal-glossary .modal-content .modal-header h1 {
    text-transform: capitalize;
    margin-top: 27px;
}
.c8-modal-glossary .modal-content .modal-footer {
    border: none;
}
.c8-modal-glossary .modal-content .modal-footer .btn {
    display: none;
}
.c8-accordion .content-introduction ul li p span.MathJax {
    cursor: url(/wps/wcm/connect/62e898cf-d6e4-428f-a88f-fb2db4d68312/question.png?MOD=AJPERES&ContentCache=NONE&CACHE=NONE&CACHEID=ROOTWORKSPACE-62e898cf-d6e4-428f-a88f-fb2db4d68312-lMoU1Ho), auto !important;
}




/********************** C8 Template Css End ************************/


/********************** C9 Template Css Start ************************/

.c9-template div#eSyllabusAccordion .content-outcomes ul:nth-of-type(2) li:before {
    /*content: "\0025a0";*/
    display: block;
    color: #280070;
    float: left;
    position: relative;
    top: -3px;
    margin-left: -34px;
    font-size: 18px;
}
div#eSyllabusAccordion .c9-accordion .content-outcomes ul:nth-of-type(2) {
    margin-bottom: 81px;
}
.c9-accordion .content-introduction .separator {
    font-family: 'PublicSans', Arial;
    font-weight: bold;
    color: #280070;
    font-size: 1.13em;
    cursor: pointer;
}
div#eSyllabusAccordion .c9-accordion .content-introduction ul.level-1 {
    margin: 0;
    margin-top: 27px;
}
div#eSyllabusAccordion .c9-accordion .content-introduction ul.level-2 {
    margin-left: 12px;
}
div#eSyllabusAccordion .c9-accordion .content-outcomes ul{
    margin-left: 0;
}
div#eSyllabusAccordion .c9-accordion .content-introduction h3 {
    /*margin-top: 0px;*/
    text-transform: none;
}
div#eSyllabusAccordion .c9-accordion .content-introduction ul.separator {
    margin-top: 8px;
}
div#eSyllabusAccordion .c9-accordion .content-introduction ul.separator .c9-accordion-arrow {
    float: right;
    font-size: 24px;
    padding-right: 15px;
    padding-top: 5px;
}
div#eSyllabusAccordion .c9-accordion .content-introduction ul.separator li {
    margin: 0;
    padding: 4.8px 0 4.8px 25px;
    background-color: #f1f5f8;
    color: #280070;
}
/*div#eSyllabusAccordion .c9-accordion .content-introduction ul.separator_8 {
    margin: 0;
    padding: 0;
    padding-left: 25px;
}*/
div#eSyllabusAccordion .c9-accordion .content-introduction .accordion-content ul {
    background-color: #f1f5f8;
}
.c9-accordion .content-introduction ul.level-1 li h3 {
    font-family: 'PublicSans', Arial;/* Updated from Semibold to Regular*/
    font-weight: bold;
    font-style: normal;
    color: #22272B;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
    word-wrap: break-word;
}
#eSyllabusAccordion .c9-accordion .content-introduction .accordion-content ul li h3 {
    margin-bottom: 5px!important;
    margin-top: 9px!important;
}
div#eSyllabusAccordion .content-introduction div.accordion-content ul li {
    background-color: #f1f5f8;
    margin: 0;
}
div#eSyllabusAccordion .content-introduction div.accordion-content ul li label:empty{
    display: none;
}
div#eSyllabusAccordion.single-acc .content-introduction div.accordion-content ul.level-2 li {
    background-color: #f1f5f8;
    padding-bottom: 15px;
}
div#eSyllabusAccordion .content-introduction div.accordion-content ul.level-2{
    background-color: rgba(221, 229, 237, 0.4);
    margin-left: 33px;
}
div#eSyllabusAccordion.single-acc .content-introduction div.accordion-content ul.level-2:last-of-type li {
    padding-bottom: 23px;
}
.c9-accordion .content-introduction .accordion-content {
    background-color: #f1f5f8;
    margin-top: -10px;
    padding: 14px 25px 1px 25px;
}
.c9-accordion .content-outcomes table tbody tr:first-child td {
    background-color: rgba(221, 229, 237, 0.4);
    width: 50%;
    padding: 17px;
    color: #280070;
}
.c9-accordion .content-outcomes table tbody tr:nth-child(2) td {
    padding: 17px;
    border: solid 3px rgba(221, 229, 237, 0.4);
}
.c9-accordion .content-outcomes table tbody tr td {
    padding: 17px;
    border: solid 3px rgba(221, 229, 237, 0.4);
    border-top: 0;
}
.c9-accordion .content-outcomes table {
    border-spacing: 18px 0px;
    margin-left: -16px;
}
.separator-clicked .c9-accordion-arrow {
    display: none;
}
.separator-clicked .c8-acc-close {
    display: block;
    padding-right: 12px;
}
.ui-dialog .ui-dialog-titlebar-close {
    right: 1.3em !important;
    top: 100% !important;
    color: #000000;
    z-index: 999;
}
.ui-dialog .ui-dialog-titlebar-close {
    display: block !important;
    background: none !important;
    color: #000000 !important;
}
.ui-widget .ui-widget {
    font-size: 1.2em !important;
    z-index: 99 !important;
    width: 15px!important;
}
.ui-button .ui-icon {
    display: none !important;
}
.c9-accordion .content-introduction {
    margin-top: 27px;
}

/*CR CHANGESSECTION FOR C8/9 TEMPLATE - 10/10/17*/

.c9-stage-title {
    display: inline-block;
}
.c9-stage-title h3 {
    margin-top: 0;
    margin-bottom: 27px;
}
.c9-template .third-col-cover-c2b {
    margin-top: -3.1em;
}
.c9-accordion .table-display span {
    text-decoration: none;
}
.c9-accordion .table-display span:hover {
    text-decoration: underline;
}
.c9-accordion .table-display span:nth-child(even):hover {
    text-decoration: none;
}
.c9-accordion .students {
    font-size: 1.25em;
    line-height: 23px;
}
.c9-accordion .table-display span:last-child {
    display: none;
}



.rich-text-div .content-outcomes ol { counter-reset: item;  }
.rich-text-div .content-outcomes ol li {
    display: block;
    margin-bottom: 8px;
    padding-left: 35px;
}

.rich-text-div .content-outcomes ol li:before {
    content: counter(item) ".";
    counter-increment: item;
    font-weight: bold;
    color: #280070;
    margin-right: 20px;
    margin-left: -34px;
}
.content-outcomes p strong {
    font-weight: 500;
}
.C9-mobile-title {
    display: none;
}




/********************** C9 Template Css End ************************/

/********************** C10 Template Css Start ************************/

/*.syllabuses-by-learning-area {
    margin-bottom: 81px;
}
.syllabus-text .syllabuses-rich-text {
    margin-bottom: 27px;
}
*/
.learning-area-container {
    display: block;
}
.rich-text-div.c10-template .palegreen-bg.col {
    margin-bottom: 0;
}
.syllabuses-by-learning-area ul li.c10-last-li {
    margin-right: 0;
}
.syllabuses-by-learning-area ul li.c10-last-three-li {
    margin-bottom: 0;
}
.c10-template .featuretext_wrapper {
    width: 67.5%;
}
.syllabus-text .syllabuses-rich-text h2:first-child {
    margin-bottom: 0;
    margin-top: 12px;
}
.right-col .rich-text-div .syllabuses-by-learning-area ul li {
    padding-left: 0;
}
/*
.syllabus-text .syllabuses-rich-text h3 {
    margin-bottom: 0;
    margin-top: 27px;
}
.syllabus-text .syllabuses-rich-text p {
    margin: 0;
}
.syllabus-text .syllabuses-rich-text a {
    color: #000000;
}*/

.c10-template .looking-for-tag {
    float:left;
    margin-top: 27px;
}
.looking-for-tag {
    margin-top: 0;
    margin-bottom: 20px;
}

/* Nimisha- fix footer header*/
#stFooter nav ul li:first-child div span{
    font-family: 'PublicSans Bold' , Arial;
    font-weight: 700;
    font-style: normal;
    color: #22272B;
    font-size: 16px;
    letter-spacing: 0px;
    padding-bottom: 1em !important;
    padding: 0.55em;
    pointer-events: none;
    cursor: default;
    text-decoration: none !important;
}
/* Nimisha- homepage slider*/

.slider-img > iframe{

    width:100%;

}

/* Nimisha- homepage slider*/

/* Nimisha- esyllabus*/

.related-resources.syllabus-rel-heading > h2 {

    margin-top: 0!important;

}

.right-col .rich-text-div .related-resources ul li span{
    font-family: 'PublicSans', Arial;
}

.related-resources ul li a span span:first-child {
    text-decoration:underline;
    cursor: pointer;
}

.related-resources ul li a span span:first-child{
    width:auto!important;
}

.right-col .rich-text-div .related-resources ul li span:hover{
    color: #22272B;
}

/* Nimisha- esyllabus*/



/* Nimisha- hsc exam paper*/

.hsc-exam .res-accordion-grp:last-of-type{

    border-bottom: 5px solid #ffffff!important;

}

/* Nimisha- hsc exam paper*/

/* Nimisha- esyllabus support documents section*/

.right-col .rich-text-div .assessment-div ul li a, .right-col .rich-text-div .related-resources ul li span{

    font-family: 'PublicSans', Arial;

}

.related-resources ul li a span:first-child {
    cursor: pointer;
}

/* Nimisha- esyllabus support documents section*/


/********************** C10 Template Css Start ************************/

.inventory{ color: #f00078 ;
    font-size: 14px;
    padding: 0px 0px 0px 5px;
}






/*********************************** Responsive queries ************************/

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select,
    textarea,
    input, #stSearchBoxInput {
        font-size: initial;
    }
    .multiple_emails-container input:focus, .form-control input:focus {
        width: 100%;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 1024px) {
    .page-navigation span{
        padding: 0.196em 0.65em !important;
    }
    #back-to-top-btn{
        right: 4%;
    }
    .syllabus-text.c10-template .third-col-cover-c2b {
        width: 32%;
        margin-left: 1em;
    }
@charset "UTF-8";
    /* CSS Document */
    .c8-content-div dd{
        width:83%;
    }
    .syllabuses-rich-text {
        margin-bottom: 27px;
    }
    .next-prev-container{
        width:59%;
        padding: 23.8px 0;
    }
    .main-content .rich-text-div .next-prev-container a{
        font-size:0.75em;
    }
    /*Mobile CSS*/
    .table-slider .sliding-window {
        width: 358px;
    }


    .C4-table  .sliding-window > table tr td div{
        width: 178px;
    }
    .C4-table .sliding-window > table tr td div.single-cell-outcome{

        width:142px;
    }
    .C4-table .table-slider-ls{
        width: 228px;
    }
    .C4-table .table-slider-ls > table tr td div{
        width:140px;
    }
    /* Updated from Semibold to Regular*/
    .homepageH1 {font-family: 'PublicSans', Arial; font-weight:600; font-style:normal; color:#22272B; font-size:40px;  letter-spacing: 0px; line-height: 60px; margin-top: 64px}

    h1 {font-family: 'PublicSans', Arial; font-weight:600; font-style:normal; color:#22272B; font-size:40px; margin-bottom: 23px; letter-spacing: 0px; text-transform: none; line-height: 60px;}

    h2 {font-family: 'PublicSans', Arial; font-weight:600; font-style:normal; color:#22272B; font-size:32px; letter-spacing: 0px; margin-bottom: 1em; line-height:40px; margin-top: 48px}

    h3 {font-family: 'PublicSans', Arial; font-weight:600; color:#22272B; font-size:24px; letter-spacing: 0px; margin-bottom: 23px; line-height: 32px; margin-top: 32px}

    h4 {font-family: 'PublicSans', Arial; font-weight:600; font-style:normal; color:#22272B; font-size:20px; letter-spacing: 0px; margin-bottom: 1em; line-height: 28px; margin-top: 24px}

    h5 {font-family: 'PublicSans', Arial; font-weight:600; font-style:normal; color:#22272B; font-size:16px; letter-spacing: 0px; margin-bottom: 1em; line-height: 24px; margin-top: 24px}

    h6 {font-family: 'PublicSans', Arial; font-weight:600; font-style:normal; color:#22272B; font-size:16px; letter-spacing: 0; margin-bottom: 1em; line-height: 24px; margin-top: 24px}

    .breadcrumbs {font-family: 'PublicSans', Arial;; font-weight:400; font-style:normal; font-size: 0.75em; color: #000000; letter-spacing: 0.94px; }

    .featuretext {font-family: 'PublicSans', Arial;; font-weight:400; font-style:normal; color:#000000; font-size:1.25em; line-height:1.5em; letter-spacing: 0;}

    .mainnavbuttontext {font-family: 'PublicSans Medium', Arial;; letter-spacing: 1.61px; font-style:normal; color:#000000; font-size:0.9em;}

    .secondlevelnavtext {font-family: 'PublicSans', Arial;; font-weight:700; color:#ffffff; font-size:0.925em; line-height:1.5em; letter-spacing:0.5px;}

    .thirdlevelnavtext {font-family: 'PublicSans', Arial;; color:#ffffff; font-size:0.875em; line-height:1.5em;}

    .mainnavtext {font-family: 'PublicSans', Arial;; color:#ffffff; font-size:0.875em; line-height:1.5em;}

    .mainnavheading {font-family: 'PublicSans Medium', Arial;; font-size:1em; line-height:1.5em; color: #280070; letter-spacing: 0;}

    .buttontext {font-family: 'PublicSans Medium', Arial;; letter-spacing: 1.48px; font-style:normal; color:#ffffff; font-size:1em;}

    p {font-family: 'PublicSans', Arial; font-weight:400; font-style:normal; color:#22272B; font-size:16px; line-height:24px; letter-spacing: 0px; margin-top: 16px}

    .hyperlinks {font-family: "PublicSans", Arial; font-weight:400; font-style:normal; font-size:1em; color: #002664; text-decoration: underline; letter-spacing: 0.15px; line-height: 24px; margin-top: 16px}

    .megafooterheadings {font-family: 'PublicSans', Arial;; font-weight:700; font-style:normal; color:#000000; font-size:0.875em;  letter-spacing: 1.25px; }

    .megafooterlinks {font-family: 'PublicSans Medium', Arial;; font-size:0.875em;  color: #000000; letter-spacing: 0;}

    .footerlinks {font-family: 'PublicSans', Arial;; font-weight:700; color:#ffffff; font-size:0.875em; letter-spacing: 0.25px; }

    .main-content .rich-text-div a {font-family: "PublicSans", Arial; font-weight:normal; font-style:400; font-size:16px; color: #002664; text-decoration: underline; letter-spacing: 0.15px; line-height: 24px}





    .slider-content-container h2 {
        font-size: 32px;
        line-height: 40px;
        margin-top: 0px;
    }

    .stPageNavigation .stOpenNavLevel.stSecondLevelNav {
        width: 94%;
        margin: 0 auto;
        top: 4em!important;
        left: 0;
    }
    .stPageNavigation nav > ul > li:last-child  div:nth-child(2) {
        left: auto;
        margin-right: 2em;
    }
    /*.home-imp-dates-row .imp-date {
        width: 19%;
    }*/
    .fa-search {
        /*color: #fff;*/
        font-size: 1.5em;
        margin: 0 auto;
        text-align: center;
        vertical-align: bottom;
        margin-left: 0;
        margin-right: 0;
    }
    #stNavContent {
        max-width: 98%;
    }

    .st-row .st-col .id-Z7_2A161H41K07810AT44K5F01044 {
        margin-left: 0;
    }

    #stFooter .bottom-footer nav {
        width: 90%;
    }
    #stFooter .bottom-footer nav ul li {
        margin-right: 3%;
    }
    .stPageNavigation nav > ul > li:last-child > div {
        width: 12%;
    }
    .inner-search-div {
        padding-left: 2em;
    }
    .stLayoutContainers .st-section > .st-row {
        width: 947px;
    }
    .mobile-custom-accordion-arrow {
        display: none;
    }
    #stFooter nav {
        margin-right: 0;
    }
    .bottom-footer-inner {
        max-width: 950px;
    }
    .stLayoutContainers .st-section > .st-row-home {
        max-width: 950px;
    }
    .stsSearch div {
        padding-right: 3em;
    }
    /*#stSearchBoxButton {
    right: 14.1%;
}*/
    .one-col {
        margin-top: 0;
    }
    .logo-div {
        margin-left: 2em;
    }
    .content-wrapper {
        width: 53%;
    }
    #jcarousel-wrapper {
        max-width: 950px;
    }
    /*#stSearchBoxButton {
    height: 94%;
    border-radius: 0px;
}*/

    #header{
        height:150px;
    }
    #stNavContent{
        padding-top:0;
    }
    /*
#stBanner {
    top: 90%;

}
*/
    .stPageNavigation nav > ul > li > div > a{
        padding: 0.85em 0.65em 0.95em 0.65em;
    }
    .mobile-news-radio-btn > div{
        display: inline-block;
        vertical-align: top;
        margin: 0 auto;
        width: 50%;
        position: relative;
        margin-bottom: 20px;
    }
    .mobile-news-radio-btn > div > a {
        position: absolute;
        padding-left: 1.5em;
        width: 90%;
        left: 0
    }
    .main-content > div.content-body{
        width: 100%;
        margin: 0 auto !important;
        display: block;
        vertical-align: top;
        max-width: 940px;
        /*padding: 0 2em;*/
        /*padding-top: 12em;*/
    }
    .two-col .col{
        width: 41.5%;
    }
    .id-Z7_2A161H41KOF810ATDJPAE808M4{
        transform: translate(-490%,0);
    }
    .stNavigation, .stNavigationShow {
        padding-top: 20px;
    }
    .stBanner.stGroup.compressed .stSearch, .stBanner.stGroup.compressed .stBannerMenus, .stBanner.stGroup.compressed .stBanner.stNavigation {
        padding-top: 20px;
    }
    .right-col .right-col1 {
        width: 66%;
        margin-right: 0;
    }
    .right-col .right-col2 {
        width: 32%;
    }
    .third-col-cover {
        width: auto;
    }
    .rich-text-div .relevant-news {
        display: none;
    }
    dl.glossary dt {
        width: 17.45%;
    }

}

@media all and (max-width: 768px) {
    .modal-body ul.multiple_emails-ul {
        min-width: auto;
    }
    .contact-us-wrapper{
        padding:21px 12px;
        width: 96.5%;
    }
    .error-container p {
        text-align: left;
        margin: 0;
        text-indent: -12px;
        line-height: 22px;
        margin-bottom: 8px;
        padding-left: 9.5%;
        font-size:14px;
    }


    .error-container p:first-child {
        margin-bottom: 22px;
        padding-left: 3%;
        text-indent: 0;
    }

    body.modal-open {
        position: fixed;
    }
    select:focus,
    textarea:focus,
    input:focus {
        font-size: 16px;
    }
    dl.glossary dd {
        box-sizing: border-box;
        float: right;
        width: 79.57%;
    }
    .contact-us-wrapper div.form-group:nth-child(4){
        margin-right:0;
    }
    .split-form-group{
        width:100%;
    }
    .popup .popuptext{
        margin-bottom:8px;
    }
    .popup .popuptext:after{
        left:18%;
    }
    .popup{
        margin-bottom: 27px;
    }
    .error-container p:first-child > i.fa{
        margin-right: 5%;
    }
    .error-container{
        margin-bottom:25px;
    }
    .stPageNavigation nav ul div ul ul.meganav_nav_level4{
        /*display:block;*/
    }

    .eSyllabusNestedAccordion div:nth-child(4) .btn-right {
        padding: 0.5em 2.4em;
    }
    .eSyllabusNestedAccordion .btn-right {
        margin-left: 0;
    }
    .eSyllabusNestedAccordion .outcomes-panels p {
        padding-left: 1em;
    }
    #eSyllabusAccordion {
        background-color: transparent;
        width: 107.5%;
        margin-left: -1em;
    }
    .right-col .rich-text-div #eSyllabusAccordion ul li div ul {
        padding:0;
        margin: 0;
    }
    div#eSyllabusAccordion ul li {
        background-color: rgba(221, 229, 237, 0.4);
    }
    div#eSyllabusAccordion > ul {
        padding-left: 0!important;
        padding-top: 0!important;
        padding-right: 0!important;
    }
    .third-col-cover{

        display:none;
    }
    .one-col{
        margin:0 auto;
    }

    .stNavigation, .stNavigationShow{
        height:auto;
    }
    .home-content .content-body{
        padding-top:0;
    }

    .stPageNavigation nav ul li{
        background: #fff;
        padding-bottom: 0;
    }
    .stPageNavigation .stOpenNavLevel.stSecondLevelNav{
        width: 99.8%;
        padding: 0%;
        padding-top: 0;
        /* background-color: #31343b; */
    }
    .stNavigation .stPageNavigation div > ul > li > ul > li{
        width:85%;
        border-bottom:2px solid #eee;
        padding: 0.5em 2em .5em 0;
    }

    .stPageNavigation .stNavChild li a:link, .stPageNavigation .stNavChild li a:visited{
        color:#000;
        /*padding-left:1.5em;*/
    }

    .stPageNavigation .stNavChild li {
        /* background-color: #dde5ed; */
        border-top: #dde5ed 1px solid;
        margin: 0;
        width: 99.9%;
    }
    .stPageNavigation nav ul > li{
        border-top:2px solid #eeeeee;
        margin: 15px 11px 0 10px;
    }
    .stPageNavigation .stNavChild a:hover span{
        text-decoration:underline;
        /*color:#000;*/
    }
    .stPageNavigation{
        background:#fff;
    }
    #stBanner{
        right:0;
        position: absolute;
        top: 46%;
        background-color: transparent;
        width:0;
    }
    .stBanner {
        background-color: #dde5ed;
    }
    .stBanner .stBranding{
        display:none;
    }

    .stBannerMenus {
    }

    #stBannerMenus{
        background-color:transparent;
        float:right;
        position:relative;
        top:4.5em;
        right:auto;
    }
    #stMobileNavToggle{
        position: fixed;
        right: 15px;
        left:auto !important;
        height:auto;
        padding:0;
        display:block;
        top: 110px!important; /*alert-banner changed from 0px to 70px*/
        padding-top: 10px!important;
    }
    .stMainContent {
        margin-top: -70px;
    }
    #print_logo {
        padding-top: 10px!important;
    }
    #stNavigation{
        left:0;
        /*top: 181px !important;*/
    }
    .stSearch > div{
        /*background-color:#000;*/
    }
    div.srch-div input{
        visibility:hidden;
    }
    .stPageNavigation nav ul li{
        border-top: none;
    }
    .stPageNavigation nav > ul > li:last-child  div:nth-child(2){
        width:100%;
    }
    .right-col1{
        background-color:#fff;
        padding: 0 1em;
    }
    /*.portal-breadcrumbtrail{

        width:87%;
    }*/
    /*
    #stBannerMenus{
        background:transparent;
    }
*/
    .stNavigation .stPageNavigation {
        left: -150%;
    }

    /*#nav-icon3 {
    width: 35px;
    height: 30px;
    position: relative;
    margin: 0px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}*/

    /*#nav-icon3 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #f00078;*/
    /*border-radius: 9px;*/
    /* opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}*/

    #nav-icon3 span:nth-child(1) {
        top: 0px;
    }

    #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
        top: 12px;
    }

    #nav-icon3 span:nth-child(4) {
        top: 24px;
    }

    #nav-icon3.open span:nth-child(1) {
        top: 12px;
        width: 0%;
        left: 50%;
    }

    #nav-icon3.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #nav-icon3.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #nav-icon3.open span:nth-child(4) {
        top: 12px;
        width: 0%;
        left: 50%;
    }
    .stNavigation .stPageNavigation, .stNavigationShow .stPageNavigation {
        height: auto;
        position: absolute;
        top: 0;
        bottom: initial;
        float: left;
        clear: both;
        padding-top: 0;
        line-height: 1;
        transition: left 0.25s;
        -moz-transition: left 0.25s;
        -webkit-transition: left 0.25s;
        transition-timing-function: linear;
    }
    .C9-mobile-title {
        display: block;
    }



}

@media only screen
and (min-width : 300px)
and (max-width : 768px) {
    #sub-related-resources div ul li{

        padding: 0.5em 1em 0 2em !important;
    }
    .right-col .rich-text-div .related-resources ul li:before{
        display:none;

    }

    .srch-submit-div {
        position: absolute;
        top: 0;
        right: 0;
    }

    #stFooter nav {
        width:100%;
    }
    /*.component-container {
        background-color: #fff;
    }*/
    #stBannerMenus{
        display:none;
    }

    .stPageNavigation .stNavSelected > div {
        background-color: #002664;
    }

    .stPageNavigation nav ul li {
        width: 97%;
    }

    .stControlBody > ul{
        padding: 0;
        width: 100%;
    }
    .news-list{
        width:93%;
    }
    .news-list h2, .right-menu-list h2{
        width:100%;
    }
    .id-Z7_2A161H41K87810ATBP7GLA00K7{
        display:none;
    }
    .st-row .st-col-c-4-of-12{
        width:100%;
        /*min-height:100%;*/
        margin-bottom:1.8em;
    }
    .st-row  .st-col-c-8-of-12{
        width:100%;
        min-height:100%;
        background-color:transparent;
    }
    .st-row .st-col .component-container{
        padding:0;
    }
    .portal-breadcrumbtrail{
        /*background-color: rgba(221,229,237,0.5);*/
        /*padding:2em;*/
    }
    .st-row .st-col .st-container{
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    .toggleBreadcrumb{
        display: block;
        font-weight: bold;
        font-family: inherit;
        text-decoration: underline;
        font-size: 1em;
    }
    .portal-breadcrumbtrail ul{
        display:block;
        padding-left: 4%;
    }
    #breadCrumb {
        padding: 0.5em 1em 0.5em 0px;
        background-color: rgba(221, 229, 237, 0.5);
    }
    .st-row .st-col .component-container{

        padding-bottom:0;
    }
    .st-row .st-col-c-4-of-12{
        background-color:#eee;
        display: none;
    }

    .stNavParentToggle{
        content:' > ';
    }
    .id-Z7_2A161H41KOF810ATDJPAE808M4{
        transform: translate(-155%,0);
    }
    .footer-wrapper-meganav footer#stFooter {
        background-color: #FFFFFF;
    }
    #stFooter .bottom-footer nav ul li a{
        padding-right: 1.5em;
        color:#fff;
        padding:.5em 1.25em;
        width: 100%;
    }
    .home-content{
        background-size: 100% 17%;
    }
    .bottom-footer{
        position:relative;
    }
    .main-content > div.content-body{
        /*max-width:92%;*/
    }
    .nsw-gov-logo {
        margin: 0 auto;
        display: inline-block;
        vertical-align: top;
        left: 12em;
        text-align: left;
        z-index: 99999999;
        top: 29em;
    }
    .stPageNavigation nav > ul > li > div > a{
        /*background-color:#fff;*/
        color:#000;
    }
    .main-content > div.content-body{
        /*padding:0 1em;*/
    }
    .stBanner.stGroup.compressed .stSearch, .stBanner.stGroup.compressed .stBannerMenus, .stBanner.stGroup.compressed .stBanner.stNavigation{
        display:none;
    }
    .home-content .content-body{
        max-width: 300px;
        padding: 0;
        padding-top: 4em;
    }
    /*.stNavTapArea{
        width:220px;
    }*/
    #stBannerMenus .stSearchIcon,#stMobileNavToggle .stBannerIcon{
        fill:#fff;
    }
    #stBannerMenus .stSearch form{
        border-bottom: 1px solid #000;
    }
    #stBannerMenus .stSearch input.stSearchText,#stBannerMenus .stSearch form button.stSearchClear{
        color:#000;
    }
    #header{
        height: 70px;
    }
    #header_inner {
        height: 60px;
    }
    .logo-div{
        width:65%;
    }

    div.srch-div{
        width:10%;
        text-align:left;
        padding-top: 1.2em;
    }
    div.srch-div input{
        width:15%;
    }
    .bottom-footer{
        width: 100%;
        padding:1em 0;
        padding-bottom:5em;
        padding-top: 0em!important;
        padding-bottom: 0em!important;
    }
    #stFooter .bottom-footer nav {
        padding-top: 0em!important;
        margin-bottom:0px;
    }
    .nsw-gov-logo{
        width:100%;
        text-align: center;
    }
    #stFooter .bottom-footer nav ul li{
        text-align:center;
        width:100%;
        color:#fff;
    }
    .stPageNavigation{
        margin-right:0;
        width:100%;
        overflow:hidden;
    }
    .stMainContent{
        background-position: 0em 8.2em;
        padding-bottom: 300px!important;
        /*padding-top:110px!important;*/
    }
    .home-content{
        /*margin-top: 7em;  */
    }
    .one-col{
        /*padding: 1em;*/
        margin-bottom: 1.8em;
    }
    .one-col h2{
        margin-top:0;
        font-size:2em;
    }
    .two-col .orange-bg,.two-col .purple-bg{
        margin-right:0;
        margin-bottom:1.8em;
    }
    .home-news-row .news-date{
        width:80%;
        /*font-weight: normal;*/
    }
    .home-imp-dates-row .imp-date {
        /*font-size: 0.7em;*/
        margin-right: 0;
    }
    .home-imp-dates-row .imp-date-title p, .home-imp-dates-row .imp-date-title a{
        font-size:16px;
        line-height: 17.5px;
    }
    .inner-search-div{
        margin: 0 auto;
        display: block;
        /*width: 72%;*/
        padding-top: 1em;
        background: none!important;

        /*text-align: center;*/
    }
    .inner-search-div form{
        position: relative;
        width: 100%;
    }
    .inner-search-div input{
        width: inherit;
        padding: 0.5em;
        padding-right: 2em;
        border: 2px solid #000;
    }




    .home-news-row{
        height:auto;
    }
    #jcarousel li{
        max-width:590px;
    }
    .slider-img{
        width:100%;
    }
    .content-wrapper{
        width:100%;
        margin:0;
    }
    #stFooter nav{
        width:48.5%;
        margin-top: 27px;
    }
    #stFooter nav ul li div a{
        float:left;
    }

    #hasChildTitle {
        margin: 0 auto;
        display: inline-block;
        width: 84%;
        background-color: #fff;
    }
    #hasChildIcon{
        margin:0 auto;
        display:inline-block;
        width:10%;
    }

}

@media all and (max-width: 768px) {
    /*********** RELEVANT NEWS *************/
    .relevant-news {
        margin-top: 23px;
        width: auto;
    }
    .right-col .rich-text-div .relevant-news ul li:before {
        display: none;
    }
    .main-content .rich-text-div .relevant-news a {
        color: #002664;
    }
    .main-content .rich-text-div .relevant-news a.readmore {
        color: #002664;
    }
    .right-col .rich-text-div .relevant-news ul li {
        padding-left: 0;
    }
    .rich-text-div .relevant-news {
        display: block;
    }


    /*********** STANDARD MATERIALS *************/
    .accordion-wrapper {
        margin-bottom: 46px;
        margin-top: 23px;
    }
    .right-col .contact-us-wrapper .res-accordion {
        margin-top: 0;
        margin-bottom: 27px;

    }
    .std-materials, .std-materials-child {
        display: block!important;
    }
    .right-col-main {
        margin-bottom: 46px;
    }
    .HSC-wrapper {
        margin-bottom: 23px;
    }


    /*********** SHARE THIS PAGE RESPONSIVE *************/
    .modal-dialog {
        overflow-x: hidden;
        overflow-y: scroll;
    }
    .modal-dialog {
        width: auto;
        height:100%;
    }
    .modal-content {
        background-color: #dde5ed;
        width: 99%;
        margin-top:-18px;
        padding-top: 23px;
    }
    #contactusmodal .modal-content{
        height: 200px;
    }
    #contactusmodal .close{
        top: 25px;
        right: 20px;
    }
    .close {
        top: 39.5px;
    }
    #current_url {
        display: block;
        padding: 0px 10px 0px;
        line-height: 13px;
        font-size:12px;
    }
    .form-control {
        color: #000000;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 11.6px 5px 10px 15px;
    }
    #get_content {
        padding: 20px 0;
        margin-left: 0;
    }
    .g-recaptcha {
        width: 122.5%;
        transform: scale(0.82);
        -webkit-transform: scale(0.82);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
    .downloadSection-mobile {
        display: block;
        padding: 9.2px 10px;
    }
    .downloadSection-mobile .fa-envelope {
        padding-left: 25px;
    }
    .downloadSection-mobile .fa-envelope:before {
        vertical-align: sub;
    }
    .share-this-page {
        background:#F2F2F2;
        margin: 0 30px 46px;
    }
    .share-syllabus .share-this-page {
        margin: 0 auto 46px;
        width: 100%;
    }
    /*.share-contact .share-this-page {
        margin: 0 36px 46px 33px;
    }*/
    .c9-share .share-this-page {
        margin-top: 23px;
    }
    .c9-stage-title h3 {
        margin-bottom: 23px;
    }
    .share-languages .share-this-page {
        margin: 0 auto;
        width: 100%;
        margin-bottom: 46px;
    }
    .st-row:after {
        display: none;
    }
    .share-c2-syllabus .share-this-page {
        margin: 0 auto;
        margin-top: 23px;
        margin-bottom: 46px;
        width: 91%;
    }
    .share-news .share-this-page {
        margin: 23px 0 46px 0;
    }
    #myModalShare .modal-header {
        padding-top: 0;
    }
    .form_spinner {
        left: 40%;
        top: 40em;
    }
    .modal-body .multiple_emails-email {
        max-width: 89%;
    }
    /*body > div:last-of-type {
        height: 90%;
        overflow: scroll;
    }*/




    .palegreen-bg p, .palegreen-bg ul, .palegreen-bg a, .main-content .rich-text-div .palegreen-bg a  {
        font-size: 14px;
    }
    .mobile-news-radio-btn{
        display:block;
    }
    .right-col .as-resource-landing{

        width:95%;
    }
    body,
    html {
        /*position: fixed;*/
        /*overflow-y: scroll;*/
        /*overflow-x: hidden;*/
        /*height: 100%;*/
    }
    body {
        overflow: hidden;
        overflow-y: auto;
    }
    .stNavigationShow {
        overflow-y: scroll!important;
    }
    /*Body content image*/
    .right-col .rich-text-div img {
        float:none!important;
        width: 100%!important;
        height: auto!important;
    }

    #contactusmodal .form_spinner{
        top: 7em;
        width: 15% !important;
    }
    /* .right-col img {
        float:none!important;
        width: 100%!important;
        height: auto!important;
    } */
    /*End*/
    /*Responsive Mega Nav*/
    #stNavContent ul li:first-child div:first-child {
        display:block;
    }
    #stNavContent ul li:first-child div:first-child a{
        pointer-events:auto;
        max-width: initial;
        padding-right: 0;
        width: 94.5%;
    }
    #stNavContent ul li:first-child div:first-child a:focus {
        background-color: #002664;
        color: #fff;
    }
    .home-mobile-right {
        padding-left: 37.4em;
    }
    .stPageNavigation nav ul div ul ul {
        float: none;
        /*display: list-item;*/
        /*display: none;*/
        position: relative;
    }
    .stNavListItem  div:nth-child(2) > ul > li > a:first-child {
        pointer-events: none;
        padding-left: 42px;
        margin-left: 0;
    }
    .stNavChild .customChildPages .li-mobile-wrapper > i:first-child {
        padding: 0.1em 2em 0em 1.36em;
        background-color: #eef2f6;
        height: inherit;
        position: absolute;
        /* float: right; */
        right: 0;
    }
    .li-mobile-wrapper {
        position: relative;
        height: 100%;
        display: block;
    }
    .stNavChild .customChildPages .li-mobile-wrapper > i.fa-angle-up:first-child {
        /*padding: 0.8em 2em 0.6em 1.36em;*/
        background-color: #002664;
        color: #ffffff;
        height: 100%;
        /*height: 31%;*/
    }
    .stNavChild .customChildPages .li-mobile-wrapper > i.fa-angle-up:before {
        position: relative;
        top: 28%;
    }
    .stNavChild .customChildPages ul li > i:first-child {
        padding: 0em 2.1em 0em 1.3em;
        height: 100%;
        right: 0;
        position: absolute;
        background-color: #eef2f6;
        margin-left: 20px;
    }
    .stNavChild .customChildPages ul li > i.fa-angle-up:first-child {
        /*padding: 0.8em 2.2em 0.6em 1.15em;*/
        background-color: #002664;
        color: #ffffff;
        height: 100%;
    }
    /*.stNavChild .customChildPages ul li  > i:first-child.fa-angle-up:before {
        position: relative;
        top: 32%;
    }*/
    .stNavChild .customChildPages ul li .li-mobile-wrapper > i:first-child.fa-angle-down:before {
        position: relative;
        top: 32%;
    }
    .customChildPages > ul {
        background: none !important;
    }
    .footer-wrapper-meganav {
        display: block;
    }
    .stPageNavigation li > div > ul > li > a {
        pointer-events: none;
        padding: 1em 1em 0.6em 0;
    }
    .stPageNavigation nav ul ul ul li {
        float: left;
    }
    .stBanner .stPageNavigation nav ul .stNavParentToggle {
        display: block;
        color: #000;
        text-decoration: none;
        background: none;
        float: right;
        padding: 0.8em 1.2em 0.8em 0.5em;
        /*font-size: 1em;*/
        font-weight: normal;
        position: absolute;
        padding-left: 93%;
    }



    /*END*/
    .stPageNavigation nav > ul > li > div > a{
        background: transparent;
    }
    .nav-item-a, .nav-item-b, .nav-item-c, .nav-item-d, .nav-item-e, .nav-item-f{
        background-color: #002664!important;
    }
    .nav-item-a a, .nav-item-b a, .nav-item-c a, .nav-item-d a, .nav-item-e a, .nav-item-f a {
        color: #fff!important;
        font-weight: 600!important;
    }
    .stLayoutContainers .st-section > .st-row-home {
        margin-left: 0;
    }

    .arrow-down-mobile-a, .arrow-down-mobile-b, .arrow-down-mobile-c, .arrow-down-mobile-d, .arrow-down-mobile-e, .arrow-down-mobile-f {
        width: 0!important;
        height: 0px;
        /* margin-top: -2.7em; */
        margin-top: -1px;
        left: 46.5%;
        border-left: 13px solid transparent;
        border-right: 13px solid transparent;
        border-top: 13px solid #002664;
        position: absolute!important;
    }

    .video-js {
        width:95%!important;
    }

    #fa-mic, #fa-bullhorn, #fa-newspaper {
        padding-left: 0.5em;
    }
    .newspaper-details {
        width: 7em! important;
    }
    .news-type-detail {
        position: inherit;
        width: 8em;
        display: table;
        height: 0;
    }
    .fa-newspaper-o:before, .fa-bullhorn:before, .fa-microphone:before {
        padding-left: 0;
        padding-top: 0;
    }
    .portal-breadcrumbtrail > ul li a {
        font-family: 'PublicSans', Arial;
        font-weight: bold;
        font-style: normal;
        font-size: 14px;
        letter-spacing: 0.94px;
    }
    .portal-breadcrumbtrail ul li span {
        margin: 0 auto;
        display: inline-block;
    }
    .customChildPages ul {
        text-indent: 1em;
    }
    .content-body .left-col, .content-body .right-col, .right-col .right-col1, .right-col .right-col2 {
        /*width:95%;*/
        width: 95%;
        padding:0 10px;
        margin: 0;
    }
    .content-body .right-col {
        width: 92% !important;
        padding: 0 4% !important;
    }
    .right-col .right-col1 {
        padding-left: 0;
        width: 100%;
    }
    .right-col .right-col1 .rich-text-div  p:last-of-type{
        margin-bottom: 0;
    }
    .popup .popuptext p:nth-of-type(1){
        margin-top:20px;
    }
    .rich-text-div .col {
        display:none;
    }
    .stLayoutContainers .st-section > .st-row:nth-child(2) {
        /*display: none;*/
    }
    .stLayoutContainers .st-section > .site-map-container {
        display: block!important;
    }
    .stLayoutContainers .st-section > .privacy-container {
        display: block!important;
    }
    .st-row-home {
        display: block !important;
    }
    .stLayoutContainers .st-section > .st-row {
        width:100%;
    }
    #to-top-wrapper {
        margin-top: 0;
        padding-top: 1.5em;
    }
    .lotusui30 div.resultsSummary {
        padding-top: 14px;
        padding-bottom: 14px;
    }
    .toggleBreadcrumb {
        font-family: 'PublicSans', Arial;
        padding: 1.1em 0 1em 1.3em;
        font-size: 0.75em;
        letter-spacing: 0.94px;
        font-weight: 400;
        color: #000;
        /*padding-top: 1.5em;*/
    }
    .toggleBreadcrumb .fa-angle-down{
        padding-left: 0.5em;
    }
    .lotusui30dojo h1 {
        /*margin-left: 5px;*/
        margin-top: 0;
    }
    .portal-breadcrumbtrail {
        /*padding: 1em 1em 1em 0;*/
        font-size: initial;
        margin-bottom: 1em;
    }
    .home-imp-dates-row {
        border: 1px solid #EBEBEB;
        margin: 1em 0;
        height: 80px;
    }
    .home-imp-dates-row .imp-date {
        position: relative;
        padding: 0;
        height: 100%;
    }
    .home-imp-dates-row .imp-date span:first-child {
        position: absolute;
        top: 12%;
        left: 0;
        right: 1%;
    }
    .home-imp-dates-row .imp-date span:last-child {
        position: absolute;
        top: 58%;
        left: 0;
        right: 1%;
    }
    .purple-bg:last-child ul li {
        border-bottom: none;
    }

    .purple-bg ul li {
        margin: 0;
    }
    .home-news-row {
        margin-left: 0;
        padding-left: 16px;
    }
    .purple-bg ul li {
        border: none;
        border-bottom: 1px solid #EBEBEB;
    }
    /*.home-imp-dates-row .imp-date {
        width: 14%;
        height: 66px;
    }*/
    .home-imp-dates-row .imp-date span:first-child {
        font-family: 'PublicSans Bold', Arial;
        font-size: 24px;
        font-weight: 500;
    }
    .home-imp-dates-row .imp-date-title {
        padding:0.4em;
        /*margin-top: 0.4em;*/
        height: auto;
    }
    .two-col:last-child .col:last-child {
        width: 89%;
        padding: 0 2em 0em 2em;
    }
    .two-col .col:last-child  ul{
        padding-top: 1em;
    }
    .home-imp-dates-row .imp-date span {
        font-size: 14px;
        line-height: 1em;
    }
    .two-col .col h2 {
        font-size: 32px;
        margin-bottom: 0;
        line-height: 40px;
    }
    .owl-carousel {
        margin-top: -1em;
    }
    .one-col h1 {
        font-family: 'PublicSans', Arial;
        font-weight:600;
        font-style:normal;
        color:#22272B;
        font-size: 30px;
        letter-spacing: 0px;
        line-height: 40px;
        text-transform: none;
        padding-top: 16px;
        background-color: #ffffff;
        text-align: center;
    }
    #content {
        width: 100%;
    }
    /*.one-col h1 {
        width: 80%;
    }*/
    .main-content {
        width: 100%;
        margin: 0px auto;
        padding-bottom: 0em;
        display: block;
        vertical-align: top;
        height: auto;
        border-bottom: none;
        background-repeat: no-repeat;
        background-position: top;
        background-size: 100%;
        background-color: rgb(221, 229, 237);
        padding-top: 1em;
    }
    .two-col .col{
        width: 83%;
        padding-bottom: 1em;
    }
    .logo-div a{
        width: 100%;
        height: auto!important;
        background-size: 130px;
    }
    .stLayoutContainers .st-section > .st-row-home {
        max-width: 94%;
        margin: 0 auto;
    }
    .slider-content-container {
        width: 97%;
    }
    /*.one-col {
        width:90%;
    }*/

    #perform_search {
        margin-top: -0.3em;
    }

    #stSearchBoxInput {
        /*height: 3em;*/
        vertical-align: top;
        border-radius: 0px;
        border: 1px solid #A0A5AE!important;
    }
    .inner-search-div form {
        width: 100%;
    }
    table.layoutRow, table.layoutColumn {
        table-layout: fixed;
        background-color: #fff;
    }
    .lotusui30 .lotusSearch a.lotusScope {
        min-width: 11em;
        width: 11em;
        display: none;
    }
    .right-col2 .col {
        margin: 0 0.8em;
        /* margin-bottom: 1.8em; */
        width: 95%;
        padding: 0.1em 1em;
        font-family: 'PublicSans', Arial;
    }
    .grey-bg {
        display: none;
    }
    .inner-search-div {
        /*width: 93%;*/
        padding: 10px;
        float: none;
        margin-top: 0px!important;
    }
    .stPageNavigation nav > ul > li > div > a {
        border-right: none;
    }

    .stPageNavigation nav > ul > li:last-child {
        display: none;
    }

    .newsBody {
        margin-left: -16px;
        width: 100%;
        padding-bottom: 3em;
    }
    .logo-div {
        margin-left: 10px;
    }
    .stNoTouch .stPageNavigation nav > ul > li > div > a:hover {
        color: #fff;
        background-color: #002664;
        text-transform: uppercase;
    }

    #stNavContent{
        padding-top:0;
    }
    .stNavigationShow .stPageNavigation {
        background-color: #F2F2F2;
        height: auto!important;
    }
    .stBanner.stGroup.compressed .stMobileNavToggle{
        display: block;
    }
    a#hasChildIcon{
        display: inline-block;
    }

    .stPageNavigation div > ul > li > ul > li {

        padding: 0 0em;
    }
    .stPageNavigation div > ul > li > ul > li.hasChild {
        padding:0 !important;
    }
    .stPageNavigation div > ul > li > ul > li.hasChild a,
    .stPageNavigation div > ul > li > ul > li > ul  > li a,.stPageNavigation div > ul > li > ul > li > ul > li > ul > li a,.stPageNavigation div > ul > li > ul > li > ul > li > ul > li > ul > li a{

        /*padding: 1.071em 0 !important;
        padding-left:1.5em !important;
}
.stPageNavigation nav > ul > li:last-child  > div > a{
    color: #fff;
}
.id-Z7_2A161H41KOF810ATDJPAE808M4{
    transform: translate(-155%,0);
    }
    .stPageNavigation .stNavSelected > div{
           background-color: #f00078;
    }
    .stNavChildOpenIcon{
        fill:#fff;
        height:14px;
    }
    .stBanner .stPageNavigation nav ul .stNavParentToggle{
        /*width:100%;
        position:absolute;*/
    }
    .stPageNavigation nav > ul > li > div > a{
        /*max-width:91%;*/
        /*padding-right: 23em;*/
    }

    /*.stPageNavigation nav ul li,.stPageNavigation nav ul li div li{
        border-top:17px solid #dde5ed;
    }*/
    .mobile-custom-accordion-arrow {
        float:right;
        display: block;
    }
    .stNavListItem .stNavParentToggle .mobile-custom-accordion-arrow {
        pointer-events: none;
    }
    .bottom-footer{
        /*background-color: #32343c;*/
        /*margin-left: -1em;*/
    }
    .footer-wrapper{
        height: 300px;
        /*background-color: #eef2f6;*/
    }
    footer#stFooter {
        background-color: #ffffff;
    }
    #stFooter .bottom-footer nav {
        width: 100%;
    }
    #stFooter .bottom-footer nav ul li a {
        padding: .5em 0em;
    }
    .footer_inner {
        margin: 0;
        max-width: 95%;
    }
    .stNavigationShow .stMobileNavBackgroundShow{
        background-color:#dde5ed;
    }
    .main-content > div.content-body{
        /*padding-top:5em;*/
    }
    .news-list {
        width: 90%;
    }
    .right-col .as-news-landing p, .right-col .as-resource-landing p {
        padding: 0.5em 1em 0.5em 1em;
    }
    .nsw-gov-logo{
        width:100%;
    }
    .st-row  .st-col-c-8-of-12 {
        width: 100%;
    }
    .st-row  .st-col-c-8-of-12.as-body-search-mobile {
        margin-top: 1.5em;
    }
    .st-col-whole {
        width: 100%;
    }
    .stPageNavigation .stNavChild li a:link{
        width: auto;
        background-color: #fff;
        margin-left: 29px;
    }
    .stPageNavigation .stNavChild li a:link span{
        margin-left: -28px;
    }
    .stPageNavigation .stNavChild li ul li a:link span{
        margin-left: -14px;
    }
    .stPageNavigation .stNavChild li ul li a:link{
        margin-left: 0;
    }
    .stPageNavigation .stNavChild li ul li ul li a:link{
        margin-left: 10px;
    }
    .stPageNavigation .stNavChild li ul li ul li a:link span{
        margin-left: -27px;
    }
    .stPageNavigation .stNavChild li ul li ul li ul li a:link {
        padding-left: 26px;
    }
    .stPageNavigation .stNavChild li ul li ul li ul li a:link span{
        margin-left: -42px;
    }
    .stPageNavigation .stNavChild .stNavChildSelected ul li a span {
        color: #22272B;
        text-decoration: none;
    }
    .stPageNavigation .stOpenNavLevel.stSecondLevelNav {
        /*border: none;*/

    }
    .stNavListItem div:nth-child(2) ul li:nth-child(2) {
        /*padding-top: 5px;*/
    }

    /*************** mobile seven level nav css *************/
    .stNavSelected .stParentContainer > a {
        border-bottom: none;
    }

    .customChildPages > a > span:first-child {
        color: #22272B;
        font-weight: 600;
        font-size: 16px;
        letter-spacing: 0px;
        font-family: "PublicSans Medium", Arial;
    }
    li.customChildPages > ul> li> span:first-child > a > span {
        font-family: "PublicSans Bold", Arial;
        color: #333333;
    }
    .stPageNavigation .stNavChild li span.li-mobile-wrapper a:link {
        color: #000000;
        font-weight: 400;
        font-size: 0.875em;
        line-height: 15px;
        padding-right: 99px;
    }
    .customChildPages > ul{
        list-style: none;
        *zoom: 1;
        background:transparent;
    }
    .customChildPages > ul:before,
    .customChildPages > ul:after {
        content: " ";
        display: table;
    }
    .customChildPages > ul:after {
        clear: both;
    }
    .customChildPages > ul ul {
        list-style: none;
        width: auto;
    }
    .customChildPages > ul a {
        padding: 13px 15px 13px 12px;
        color:#fff;
    }
    .customChildPages > ul li {
        position: relative;
    }
    .customChildPages > ul > li {
        float: left;
        border-top: 1px solid #104336;
    }
    .customChildPages > ul > li > .parent {

        background-repeat: no-repeat;
        background-position: right;
    }
    ul.NormalMenu ul{
        width: 100%;
        display:none;
        position: absolute;
    }

    .customChildPages > ul ul li{
        background: none!important;
    }

    .customChildPages > ul ul li li{
        /*background: #1d7a00;*/
    }

    .active {
        display: block;
    }
    .customChildPages > ul > li {
        float: none;
    }
    .customChildPages > ul > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {

        background-repeat: no-repeat;
        background-position: 95% 50%;
    }

    ul.nav ul{
        margin-left:5%;
        width: 95%;
    }
    ul.nav li{
        line-height:30px;

    }
    #nav-icon3 {
        width: 35px;
        height: 20px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    #nav-icon3 span {
        display: block;
        position: absolute;
        height: 5px;
        width: 100%;
        background: #002664;
        /*border-radius: 9px;*/
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    #nav-icon3 span:nth-child(1) {
        top: 0px;
    }

    #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
        top: 12px;
    }

    #nav-icon3 span:nth-child(4) {
        top: 24px;
    }

    #nav-icon3.open span:nth-child(1) {
        top: 12px;
        width: 0%;
        left: 50%;
    }

    #nav-icon3.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #nav-icon3.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #nav-icon3.open span:nth-child(4) {
        top: 12px;
        width: 0%;
        left: 50%;
    }

    .bottom-footer nav ul li div{
        width: 100%;
    }

    #print_logo {
        height: 45px!important;
    }

    .stPageNavigation nav > ul > li > div > a:hover, .stPageNavigation nav > ul > li > div > a:focus {
        background-color: transparent;
        color: #000;
        font-weight: 600;
    }

    .stNavSelected .stParentContainer > a {
        color: #fff!important;

    }
    .stPageNavigation nav ul div {
        font-size: initial;
    }
    .stNavListItem .stParentContainer:first-child a:first-child {
        pointer-events: none;
        font-family: 'PublicSans', Arial;;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1.6px;
        color: #000000;
        overflow: visible;
    }
    #jcarousel-wrapper{
        padding: 1em;
        padding-top: 2.5em;
        margin-bottom: 2em;
    }
    .owl-theme .owl-controls {
        text-align: center;
    }
    .right-col .as-news-landing p span, .right-col .as-resource-landing p span {
        padding-left: 0;
    }
    .portal-breadcrumbtrail > ul li a {
        padding: 0;
    }
    .pagination-arrow {
        position: absolute;
        left: 49.4%;
        margin-left: 0;
        width: 0;
        height: 0px;
        border-top: transparent;
        margin-top: -4.7em;
    }
    /*#mobile-logo {
    display: inline-block;
}*/

    #sub-related-resources .fa.fa-angle-up{
        padding: 5px 11px 6px 13px;
    }

    /************* Mobile MegaNav Footer CSS Start ***************/

    .footer-wrapper-meganav #stFooter nav ul li {
        display: block;
        background: none;
        border: 0;
        font-size: initial;
    }
    .footer-wrapper-meganav {
        min-height: 798px;
    }
    .footer-wrapper-meganav .to-top {
        display: none;
    }
    .footer-wrapper-meganav #to-top-wrapper {
        font-size: initial;
        width: 100%;
        /*display: none;*/
    }
    .footer-wrapper-meganav #to-top-wrapper div {
        width: 100%;
    }
    .footer-wrapper-meganav #back-to-top {
        font-size: 0.875em;
    }
    .footer-wrapper-meganav #arrow-to-top {
        float: none;
    }
    .footer-wrapper-meganav nav > ul > li:last-child > div {
        float: left;
    }
    .footer-wrapper-meganav nav > ul > li:last-child > div {
        width: 100%;
    }
    .footer-wrapper-meganav #stFooter nav ul li:first-child div a {
        text-transform: none;
        font-size: 0.875em;
    }
    .footer-wrapper-meganav nav ul div {
        font-size: initial;
    }
    .footer-wrapper-meganav #stFooter .footer_inner ul li a{
        text-transform: none;
        font-size: 0.8em;
        max-width: none;
    }
    .footer-wrapper-meganav .footer-wrapper {
        height: auto;
        background-color: #ffffff;
    }
    .footer-wrapper-meganav .footer-wrapper .fa-twitter:before, .footer-wrapper-meganav .footer-wrapper .fa-youtube-square:before, .footer-wrapper-meganav .footer-wrapper .fa-linkedin-square:before, .footer-wrapper-meganav .footer-wrapper .fa-flickr:before, .footer-wrapper-meganav .footer-wrapper .fa-rss-square:before {
        float: left;
    }
    .footer-wrapper-meganav nav:nth-of-type(4) ul div {
        width: 50%;
    }
    .footer-wrapper-meganav nav:nth-of-type(4) > ul > li:last-child > div{
        width: 50%;
    }
    .footer-wrapper-meganav .fa-twitter:before, .footer-wrapper-meganav .fa-youtube-square:before, .footer-wrapper-meganav .fa-linkedin-square:before, .footer-wrapper-meganav .fa-flickr:before {
        padding-right: 0;
        width: 6%;
        padding-top: 0.3em;
        font-size: 18px;
    }
    .footer-wrapper-meganav #stFooter nav {
        margin-top: 0;
        margin-bottom: 27px;
    }
    .footer-wrapper-meganav #stFooter .bottom-footer nav ul li div a {
        width: 100%;
        max-width: none;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 10px;
        text-transform: none;
        font-weight: 700;
    }
    .footer-wrapper-meganav #stFooter .bottom-footer nav {
        width: 100%;
    }
    .footer-wrapper-meganav .nsw-gov-logo {
        position: initial;
    }
    .footer-wrapper-meganav .nsw-gov-logo a {
        width: 7em;
    }
    .footer-wrapper-meganav #stFooter .bottom-footer-inner nav {
        margin-bottom: 15px;
    }
    .footer-wrapper-meganav .bottom-footer {
        margin-left: 0;
        padding: 0;
        padding-bottom: 3em;
    }
    .footer-wrapper-meganav  .bottom-footer-inner {
        padding-bottom: 0;
        padding-top: 4em;
    }
    .footer-wrapper-meganav nav > ul > li:last-child  > div > a:hover, .footer-wrapper-meganav nav > ul > li:last-child  > div > a:focus {
        background: none;
    }
    .footer-wrapper-meganav .to-top:first-child {
        padding-top: 0.5em;
    }
    .footer-wrapper-meganav .to-top {
        font-size: initial;
        width: 100%;
        text-align: center;
        background-color: #eef2f6;
        height: 29px;
    }
    .footer-wrapper-meganav .footer#stFooter {
        background-color: #ffffff;
    }
    .footer-wrapper-meganav .to-top a {
        font-size: 26px;
        color: #000;
        z-index: 9999;
        height: 32px;
        text-align: center;
        cursor: pointer;
        border: 0;
        border-radius: 2px;
        text-decoration: none;
        opacity: 1;
    }
    .footer-wrapper-meganav .to-top:nth-child(2) a {
        font-family: 'PublicSans', Arial;
        font-size: 0.875em;
        font-weight: bold;
    }

    /************* Mobile MegaNav Footer CSS End ***************/



    /************* mobile seven level nav css ***************/

    .mobile-h1 {
        display: block;
    }
    .right-col h1:nth-of-type(2) {
        display: none;
    }

    /*************Learning Areas Syllabus Navigator Component*************/
    .right-col .rich-text-div .syllabusNavigatorLearning .syllabusLearningTitleMobile a {
        color: #000;
        text-transform: uppercase;
        text-decoration: none;
        padding: 0.5em 1.7em;
        background-color: #C5CED7;
    }
    .right-col .rich-text-div .syllabusNavigatorLearning .syllabusLearningTitleMobile {
        padding-top: 3em;
        text-align: center;
        display: inherit;
    }
    .right-col .rich-text-div .syllabusNavigatorLearning .syllabusDescription {
        padding-top: 2em;
    }
    .right-col .rich-text-div .syllabusNavigatorLearning .showMoreDescription {
        padding-top: 2em;
    }
    .right-col .rich-text-div .syllabusNavigatorLearning {
        padding-left:0;
        padding-bottom: 1em;
        width: 110%;
    }
    .right-col .rich-text-div .syllabusNavigatorLearning .syllabusLearningTitle h3{
        float:none;
    }
    .right-col .rich-text-div .syllabusNavigatorLearning .syllabusLearningTitle{
        /*padding-bottom: 1em;*/
    }
    .right-col .rich-text-div .syllabusNavigatorLearning .syllabusLearningTitle a{
        display: none;
    }
    .right-col .rich-text-div .syllabusNavigatorLearning .syllabusDescription{
        display: none;
    }
    .right-col .rich-text-div .syllabusNavigatorLearning li .syllabusLARight{
        font-size: 1.3em;
        padding-left: 2em;
    }
    .right-col .rich-text-div .syllabusNavigatorLearning li .syllabusLADown{
        font-size: 1.3em;
        padding-left: 1em;
    }
    .right-col .rich-text-div #eSyllabusAccordion ul li div ul {
        padding-left: 0;

    }

    /******** PROMO BOX **********/
    .rich-text-div > .palegreen-bg {
        padding: 23px;
        padding-top: 20px;
    }
    .palegreen-bg .promo-para {
        margin-top: -4px;
    }
    .palegreen-bg .promo-title {
        margin-bottom: 23px;
    }
    .palegreen-bg .promo-title h4 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .palegreen-bg .promo-content    {
        display: inline-block;
        width: 100%;
    }
    .palegreen-bg .promo-content .promo-img {
        float: left;
        padding-right: 23px;
        width: 50%;
    }
    .palegreen-bg .promo-content .promo-img:empty {
        display: none;
    }

    /******** ON THIS PAGE **********/
    .on-this-page {
        margin-top: 0;
        padding: 0;
        width: 100%;
    }

    .on-this-page a {
        display: inline-block;
        margin-bottom: 15px;
        text-decoration: underline;
        font-size: 0.875em;
        width: 100%;
        border-bottom: 1px solid #C0C6C9;
        padding: 0.5em 1.5em 0.5em 1em;
    }
    .on-this-page .promo-title h4 {
        padding: 8px 0px 8px 15px;
        pointer-events: auto;
    }
    .on-this-page.otp-more .promo-title .otp-arrow {
        display: inline-block;
        float: right;
        background-color: #f00078;
        color: #ffffff;
        padding: 5.6px 10.7px;
        margin-top: -8px;
        font-size: 1.5em;
    }
    .on-this-page .promo-title .otp-arrow.fa-angle-up {
        padding: 3.2px 10.7px 8px;
    }
    .otp-more .otp-wrapper {
        display: none;
        padding-left: 15px;
        padding-bottom: 20px;
        padding-top: 15px;
    }
    .otp-less .otp-wrapper {
        padding: 10px 0 20px 15px;
    }
    .on-this-page.otp-less .promo-title .otp-arrow {
        display: none;
    }



    /********ADVANCED SEARCH************/
    .st-row .st-col-c-8-of-12 .component-container.id-Z7_412G1182M07270ARPCPDHF20D7 {
        padding-left: 0;
        padding: 0;
        width: 95%;
    }
    .panel-top {
        /*margin-top: 0.7em;*/
        position: absolute;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 80%;
    }
    .st-row .st-col-c-8-of-12  .id-Z7_412G1182MGO610AB17ITK20086{
        padding-left: 0px !important;
    }
    .as-query .ref-search {
        display: none;
    }
    .jplist-panel #jplist-group .ASBlock {
        float: none;
    }
    .block .title {
        float: none;
        margin-top: 1.5em;
        margin-bottom: 0.5em;
    }
    /*.st-row  .st-col-c-8-of-12{
    min-height: 100vh;
  }*/
    .stPageNavigation li {
        display: block;
    }
    .inner-search-div-meganav {
        display: block;
    }
    .mega-nav-as {
        margin-bottom: 3em;
        width: 97%;
        text-align: center;
    }
    .mega-nav-as div {
        padding-right: 0;
        width: 100%;
    }
    .mega-nav-as .mega-nav-as-icon {
        background-color: #f00078;
        border: #f00078 1px solid;
        padding: 0.35em 0.4em 0.35em 0.4em;
        margin-left: -3px;
        vertical-align: top;
    }
    .mega-nav-as .mega-nav-as-text {
        padding: 0.4em 1em 0.55em 1em;
        margin-left: 4px;
        width: 50%;
    }
    .st-row .st-col .id-Z7_412G1182MGO610AB17ITK20086 {
        margin-left: 0.3em;
        width: 100%;
    }
    .st-row .st-col .id-Z7_412G1182MGO610AB17ITK200G5, .st-row .st-col .id-Z7_412G1182MGO610AB17ITK20086 h1 {
        display: none;
    }
    #demo {
        display: none;
        margin-top: 0.4em;
        border-top: none;
    }
    .mobile-sort-refine {
        display: block;
        float: right;
        min-height: 2.5em;
        padding-bottom: 1em;
        padding-top: 0.7em;
    }
    .mobile-sort-refine .mobile-as-button, .jplist-panel .mobile-as-button,.jplist-panel .mobile-as-button:active, .jplist-panel .mobile-as-button:focus,  .jplist-panel .mobile-as-button:visited {
        background-color: #002664 !important;
        border: none;
        padding: 0.7em 1.3em;
        color: #fff;
        font-size: inherit;
        font-family: inherit;
        margin-left: 0.55em;
        float:left;
        /*width: 45%;*/
    }
    .mobile-sort-refine .mobile-sort {
        padding: 11px 29px;
    }
    .jplist-panel .mobile-as-button {
        float: right;
    }
    .jplist-panel .mobile-leftcancel {
        margin-right: 0.3em;
    }
    .mobile-sort-refine .mobile-cancel, .mobile-leftcancel {
        display: none;
        position: relative;
        z-index: 1;
    }
    .text-filter-box input {
        width: 93% !important;
        box-shadow: none;
        border: 1px solid #9B9B9B !important;
        margin-left: 1.1em;
    }
    .text-filter-box input.chrome-only {
        width: 96% !important;
    }
    .block .title a {
        font-size: 20px;
    }
    .block .searchResultsTag {
        background-color: #D8D8D8;
        font-family: 'PublicSans', Arial;
        font-size: 1em;
        color: #280070;
        padding: 0em 1.5em;
        margin: 1.2em 0 1em 0;
        float: left;
        text-transform: uppercase;
        line-height: 2;
        /*display: none;*/
    }
    .block .searchResultsTagMobile {
        background-color: #FFFFFF;
        font-family: 'PublicSans', Arial;
        font-size: 12px;
        color: #22272B;
        height: 24px;
        text-align: center;
        width: 66px;
        padding: 0;
        margin: 1.2em 0 1em 0;
        text-transform: uppercase;
        line-height: 2;
        border: 1px solid #002664;
        border-radius: 13px;
        letter-spacing: 0;
        line-height: 24px;
    }
    .list .list-item .right {
        padding-bottom: 1.5em; /*changed min-height: 15em; 18-4 */
    }
    .sort-by-container {
        min-height: 5.5em; /*changed min-height: 5em; 18-4*/
    }
    .sort-by-container p {
        float: none;
        min-height: 2.8em; /*changed 19-4*/
        /*padding-top: 1em;*/ /*added 18-4*/
    }
    .sort-by-container ul {
        width: 109%;
        display: block;
        padding-top: 1em;
    }
    .sort-by-container ul li {
        margin-left: 2.1%;
    }
    .sort-by-container ul li:nth-child(3) {
        /*margin-left: 6.9%;*/
    }
    .sort-by-container ul li label {
        padding: 0.45em 0.6em 0.35em 0em;
        background-color: #002664;
        color: white;
    }
    .mobile-as-sortby {
        display: block;
        font-family: 'PublicSans', Arial;
    }
    .mobile-as-sortby span:nth-child(2) {
        font-weight: bold;
        text-transform: uppercase;
        padding-left: 0.5em;
    }
    .icon-filter {
        padding: 0.5em 1.9em 0.6em 0.4em;
        background-color: #002664;
        color: #fff;
    }
    .sortby-relevance span:nth-child(2){
        margin-left: 0.4em;
    }
    .icon-filter:before {
        content: "\ea5b";
        font-size: 1.5em;
        position: absolute;
        padding-top: 0em;
    }
    .sort-by-container ul li .sortby-title {
        background-position: 0;
        padding: 0.4em 0px 0.3em 2.3em;
        background-image: url("/wps/wcm/connect/f967ef85-4b80-4165-b70f-21b2d469fbec/A-Z+down+white.png?MOD=AJPERES&ContentCache=NONE&CACHE=NONE&CVID=lJArrN8");
    }
    .sort-by-container ul li .sortby-publication {
        background-position: 0.25em;
        padding: 0.4em 0px 0.3em 2.3em;
        background-image: url("/wps/wcm/connect/08d011a4-0dae-45ba-b985-2af173831648/Publication+down+white+copy.png?MOD=AJPERES&ContentCache=NONE&CACHE=NONE&CVID=lJArsbh");
    }
    .sort-by-container ul li label span:last-child {
        padding-left: 4px;
    }
    .sort-by-container ul li .sortby-title, .sort-by-container ul li .sortby-publication {
        background-size: 2em 1.7em;
        background-color: #002664;
    }
    .sort-by-container ul li .sortby-title span, .sort-by-container ul li .sortby-publication span{
        margin-left: 2.2em;
        margin-right: -1em;
        background-color: #99d6b4;
        padding: 0.45em 0.5em 0.35em 0.5em;
    }
    .desktop-as-sortby {
        display: none;
    }
    .jplist {
        border-top: none;
    }
    .as-refine-search-mobile {
        position: absolute;
        background-color: #fff !important;
    }
    .st-col-c-4-of-12 .jplist-panel .jplist-group {
        margin-left: 0.5em;
        /*min-height: 500px;*/
    }
    .jplist-panel .jplist-group ul li {
        width: 81%;
    }
    .jplist-group .NewsASBlock .ul6 .facetSubTitle {
        width: 81% !important;
    }
    .jplist-panel .jplist-group .filter-buttons-bottom li {
        width: 95%;
    }
    .jplist-group .NewsASBlock .ul6 ul li {
        width: 76% !important;
    }
    .filter-buttons-bottom li {
        text-align: center;
    }
    .jplist-group .update-all {
        float: none;
    }
    .st-row .st-col .id-Z7_412G1182MGO610AB17ITK20080 {
        max-height: 250px;
        background-color: #fff;
        overflow: scroll;
    }
    .refine-search{
        background-color: #ffffff;
        padding: 0.9em 1em 1.8em 0.5em;
        float: left;
        /*margin-top: -3em;*/
    }
    .refine-search p:nth-child(2) {
        display: none;
    }
    .refine-search p:first-child {
        font-weight: normal;
    }
    .refine-search span {
        font-weight: bold;
        text-transform: uppercase;
    }
    .as-mobile-bg {
        background-image: none!important;
        background-color: #fff !important;
    }
    .as-mobile-content {
        margin-top: -2em !important;
        padding-top: 0 !important;
    }
    .st-row .st-col-c-4-of-12 {
        width: 90%;
        margin-left: 8px;
    }
    .jplist-panel input[type=text] {
        font-size: 0.9em !important;
        text-indent: 0.6em !important;
    }
    .as-query #searchResultsMessage {
        display: none !important;
    }
    .as-query #searchResultsMessageMobile {
        display: block;
        margin-top: 1.4em;
    }
    .block .searchResultsTagMobile {
        display: block;
    }
    .id-Z7_412G1182MOMR50ABN669NR1087 .page-navigation span:nth-child(n+6) {
        display: none;
    }
    .id-Z7_412G1182MOMR50ABN669NR1087 .page-navigation span:last-child {
        display: inline;
    }
    .id-Z7_412G1182MOMR50ABN669NR1087 .page-navigation {
        padding-bottom: 5em;
    }
    .id-Z7_412G1182MOMR50ABN669NR1087 .page-navigation span {
        padding: 0.2em 1.7em;
    }
    #stSearchBoxInputMobile {
        height: 100%;
        text-indent: 7px;
        padding: 0;
        border: none;
        width: 57%;
        border-radius: 0;
    }
    .search-for-mobile {
        height: 39px;
    }
    .search-for-mobile #stSearchBoxButton {
        height: 100%;
        margin-top: 0;
    }
    #stSearchBoxButton {
        background-color: #002664;
        border: none;
        margin-left: -0.3em;
        /*margin-top: 0.1em;*/
        vertical-align: top;
        height:29.2px;
    }
    .search-submit .fa-search{
        position: relative;
        -webkit-appearance: none;
        padding: 0.15em 0.3em 0.3em 0.4em;
    }
    .inner-search-div div {
        display: inline-flex;
        width: 100%;
    }
    .search-for-mobile {
        display: block;
        width: 100%;
        margin-left: 12px;
        margin-top: 27px;
        margin-bottom: 27px;
        text-align: center;
        height: 39px;
    }
    .st-row .st-col-c-4-of-12 {
        /*overflow-y: scroll;*/
        height: 100%;
        position: fixed;
        /*height: 450px;*/
        /*padding-top: 50px;*/
    }
    .st-row .st-col-c-4-of-12.as-refine-search-mobile {
        padding-top: 2.4em;
        width: 100%;

    }
    .sort-clicked {
        margin-top: 6em;
        min-height: 10em;
    }
    .main-content > div.as-mobile-content .st-col-whole {
        display: none;
    }
    #preloader_home, #preloader {
        bottom: initial!important;
        top: 6em!important;

    }
    #status {
        margin: -100px 0 0 -110px!important;
        height: 400px!important;
    }


    /************************ ADVANCED SEARCH END *******************************/

    /***************** C1 TEMPLATE RESPONSIVE STYLES START *********************/

    .rich-text-div .implementationBlock h2 {
        margin-top: 48px;
    }
    .c1-syllabus-template .c1-accordion-top {
        padding: 8px 16px 8px 16px;
        text-align: center;
        font-size: 24px;
        /*padding-top: 34px;*/
    }
    .c1-syllabus-template .c1-syllabus-container {
        margin-bottom: 46px;
    }
    .syllabus-text .last-c1-container .c1-syllabus-container {
        margin-bottom: 23px;
    }
    .featuretext_wrapper{
        width:100% !important;
        margin-bottom: 23px;
    }
    .rich-text-div .implementationBlock {
        width: 110%;
        margin-left: -4%;
        margin-top: 0;
    }
    .c1-syllabus-container {
        width: 101.5%;
        margin-left: -9px;
    }
    .c1-courses-two-col div {
        width: 101%;
    }
    .c1-courses-options div {
        width: 47.1%;
    }
    .c1-courses-two-col .c1-courses-options .c1-course-desc {
        width: 50.3%;
    }
    .c1-courses-two-col .c1-go-syllabus {
        width: 46.5%;
    }
    .c1-languages-options div {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }
    /*.c1-grey-bg h3 span:first-child, .c1-green-bg h3 span:first-child{
        display: inline-block;
        width: 55%;
    }*/
    .c1-courses-title .c1-two-col-grey h3, .c1-courses-two-col .c1-two-col-green h3 {
        width: 49%;
    }
    /*.c1-courses-title .c1-two-col-grey .c1-status {
        margin-left: 59px;
    }
    .c1-courses-two-col .c1-status {
        margin-left: 13px;
    }*/
    .c1-courses-one-col .c1-courses-title h3 {
        width: 96%;
    }
    .c1-courses-one-col .c1-go-syllabus .c1-course-subhead {
        width: 102%;
    }
    .c1-grey-bg h3 span:nth-child(2), .c1-green-bg h3 span:nth-child(2){
        display: inline-block;
        vertical-align: bottom;
        width: 36%;
        text-align: right;
    }
    .c1-course-desc {
        margin-right: 5px;
    }
    .c1-courses-two-col .c1-course-desc {
        margin-right: 5px;
    }
    .c1-courses {
        padding-bottom: 1.5em;
    }
    .c1-courses-two-col .c1-status {
        font-family: 'PublicSans', Arial;
        font-size: 14px;
        font-weight: bold;
        font-stretch: condensed;
        letter-spacing: 0px;
        color: #22272B;
        line-height: 24px;
    }
    .c1-courses-options {
        margin: 8px 0px 0px 8px;
    }
    .c1-courses-two-col .c1-status-desc {
        color: #000000;
    }
    .c1-courses-two-col .c1-courses-title, .c1-courses-two-col .c1-courses-options {
        width: 95%;
        margin-top: 8px;
    }
    .c1-courses-two-col .c1-green-bg {
        width: 95%;
    }
    .c1-courses-two-col .c1-green-bg .c1-go-syllabus {
        width: 46.4%;
    }
    .c1-courses-two-col .c1-courses-options {
        min-height: 50px;
        padding-bottom: 0;
    }
    .c1-courses-two-col div:nth-child(2) .c1-course-desc-container {
        margin-left: 0;
        width: 100%;
        margin-bottom: 8px;
    }
    .c1-courses-two-col .c1-blank {
        display: none;
    }
    .fa.c1-close-course, .c1-close-desc, .c1-close-two-desc {
        margin: -10px;
    }
    .fa.c1-mobile-cross {
        margin: 8px;
    }
    .c1-close-desc, .c1-close-two-desc {
        margin: 0 4px;
    }
    .c1-courses-two-col .c1-close-desc {
        margin: 8px 4px;
    }
    .c1-courses-title h3 {
        padding: 4px 0 5px 16px;
    }
    .c1-syllabus-template .c1-course-subhead {
        padding: 0;
        height: 40px;
    }
    .c1-show-courses .c1-course-subhead {
        padding: 5px 0 0px 0px;
    }
    .c1-course-subhead .fa-angle-right:before {
        padding: 0.2em 0.3em 0.25em 0.3em;
        vertical-align: top;
    }
    .c1-syllabus-arrow-course {
        margin-top: 7px;
    }
    .c1-courses-two-col .c1-course-desc-container .c1-courses-title {
        padding-top: 0;
    }
    .c1-courses-two-col .c1-green-bg {
        padding-top: 2px;
    }
    .c1-courses-two-col > .c1-green-bg:first-child {
        margin: 0 5px;
    }
    .c1-courses-two-col > div:nth-child(2), .c1-courses-two-col > div:nth-child(4), .c1-courses-two-col > div:nth-child(6), .c1-courses-two-col > div:nth-child(8), .c1-courses-two-col > div:nth-child(10) {
        margin: 0px 5px 0 5px;
    }
    .c1-course-separator {
        margin-bottom: 23px;
    }
    .c1-go-to {
        float: left;
        width: 79%;
        margin-top: 9px;
    }
    .c1-courses-two-col div:first-of-type .c1-go-to {
        margin-top: 0;
    }
    .c1-syllabus-template .c1-courses .c1-show-desc-click {
        font-weight: 500;
        font-size: 12px;
        background-color: transparent;
        width: 60%;
        display: inline-block;
        line-height: 1.5;
        margin-left: 15px;
    }
    .c1-syllabus-template .c1-courses .c1-green-bg .c1-show-desc-click {
        width: 59%;
    }
    .c1-show-desc-click {
        font-weight: bold;
        padding: 1em 1em 0.7em 1em;
        background-color: transparent;
        width: 75%;
        display: inline-block;
    }
    .c1-show-desc-click .fa.c1-show-arrow-desc {
        vertical-align: top;
        display: inline-block;
        float: right;
        margin-top: -13px;
    }
    .c1-syllabus-template .c1-course-subhead span.c1-go-to a{
        font-size: 12px;
        /*line-height: 40px;*/
        letter-spacing:0.87px;
        padding-right: 20%;
    }
    .c1-syllabus-template .c1-courses-two-col .c1-course-subhead span.c1-go-to a{
        line-height: 1!important;
        padding: 7px 0%;
        padding-right: 20%;
        width: 80%;
    }
    .c1-syllabus-template p {
        font-size: 12px;
    }
    .c1-show-click:hover {
        padding: 1em 1em 1em 1em;
    }
    .c1-show-desc-click {
        font-weight: 500;
        letter-spacing: 0.87px;
        padding: 0;
    }
    .c1-languages-options .c1-course-subhead .fa-angle-right:before {
        padding: 0.2em 0.3em 0.26em 0.3em;
    }
    .c1-show-courses p {
        padding-bottom: 1em;
    }
    .c1-show-click:focus {
        background-color: rgba(0,133,179,0.20) !important;
        color: #22272B;
        padding: 1em 1em 1.2em 1em;
        border-top: 4px solid rgba(0,133,179,0.20);
    }
    .c1-show-clicked:focus {
        background-color: rgba(0,133,179,0.20) !important;
        color: #22272B;
        padding: 1em 1em 1.4em 1em;
    }
    .c1-show-click:hover {
        background: transparent !important;
        color: #000000;
        padding: 1em 1em 1.2em 1em;
        border-top: none;
    }
    .c1-show-clicked:hover {
        background-color: rgba(221, 229, 237, 0.4) !important;
        color: #22272B;
        padding: 1em 1em 1.4em 1em;
        border-top: none;
    }
    .c1-show-click:active {
        background-color: rgba(0,133,179,0.20) !important;
        color: #22272B;
        padding: 1em 1em 1.2em 1em;
        border-top: 4px solid rgba(0,133,179,0.20);
    }
    .c1-show-clicked:active {
        background-color: rgba(0,133,179,0.20) !important;
        color: #22272B;
        padding: 1em 1em 1.4em 1em;
    }
    .c1-course-desc-container .c1-course-desc {
        width: 89%;
    }
    .c1-courses-two-col .c1-sub-course-desc div {
        width: 89%;
    }
    .c1-course-separator .c1-courses-title {
        margin: 0 8px;
    }
    .c1-courses-two-col .c1-green-bg {
        margin: 0 3px;
        margin-left: 8px;
    }
    .c1-courses-two-col .c1-green-bg .c1-course-desc{
        width: 50%;
    }
    .c1-courses-two-col .c1-courses-options {
        margin-top: 8px;
    }
    .c1-languages-options .c1-courses-title {
        margin: 0 5px;
    }
    .c1-languages-options .c1-courses-title h3 {
        width: 93.5%;
    }
    .c1-languages-options .c1-go-syllabus {
        margin: 10px 5px;
        width: 96%;
    }
    .c1-languages-template > .c1-course-separator:last-child .c1-courses-title {
        width: 100%;
        margin: 0;
    }
    .c1-languages-template > .c1-course-separator:last-child .c1-courses-options {
        margin: 8px 0 0 0;
    }
    .c1-languages-template > .c1-course-separator:last-child .c1-courses-options {
        width: 102%;
    }
    .c1-languages-template > .c1-course-separator:last-child .c1-courses-options .c1-course-subhead span{
        vertical-align: text-bottom;
    }
    .c1-course-desc-container {
        margin: 0 5px 0 8px;
    }
    .c1-languages-options .c1-go-syllabus .c1-course-subhead span {
        vertical-align: text-bottom;
    }
    .c1-go-to a span:nth-child(2) {
        display: none;
    }
    .languages-board-dev {
        margin-top: 0px;
    }
    .c1-syllabus-template .c1-languages-courses .c1-accordion-top {
        padding: 0;
        padding-bottom: 23px;
    }
    .c1-syllabus-template .c1-accordion-top {
        letter-spacing: 0.15px;
        font-size: 22px;
    }

    #c1-a-z-general-index{
        padding-left: 1px;
        margin:0;
    }
    .right-col .rich-text-div ul.c1-a-z-index {
        margin-left: 13px;
        margin-top: 23px;
    }
    .c1-languages-template .c1-languages-close {
        margin: 0px 5px 9px;
    }
    .c1-languages-template .c1-developed-courses h3 {
        padding: 5px 0 5px 28px;
    }
    .c1-languages-template .c1-course-separator {
        margin-bottom: 23px;
    }
    .c1-languages-template .c1-course-separator .c1-go-syllabus{
        margin-bottom: 0;
    }
    .c1-languages-template .c1-courses {
        padding-bottom: 0;
    }
    .c1-languages-template .c1-syllabus-container.c1-no-accordion {
        margin-bottom: 23px;
    }
    .rich-text-div .syllabus-download {
        width: 100%;
        margin-bottom: 23px;
    }
    .syllabus-download-inner span {
        float: none;
    }
    .assessment-left-div, .assessment-right-div {
        width: 100%;
        padding-left: 0;
        padding-bottom: 0px;
    }
    .main-content .rich-text-div .syllabus-download-inner span a {
        padding-left: 19%;
        left: 2px;
        font-weight: normal;
    }
    .assessment-div {
        padding-bottom: 0px;
    }
    related-resources .syllabus-download .syllabus-download-inner span {
        font-weight: bold;
    }
    .main-content .rich-text-div .syllabus-download-inner span a {
        padding-top: 7%;
    }
    .main-content .rich-text-div .related-resources .support-material-richtext {
        width: 109%;
        margin-left: -15px;
    }
    .rich-text-div .related-resources .support-material-richtext ul li {
        margin-bottom: 8px;
        text-indent: 0px;
        padding: 1.2em .5em 1.21em 2em;
        margin-left: -2px;
        /*width: 90%;*/
    }
    .main-content .rich-text-div .related-resources .support-material-richtext p {
        background-color: rgba(221,229,237,0.4);
        padding: 6px 17px 7px 17px;
        margin-bottom:0;
    }
    .main-content .rich-text-div .related-resources .support-material-richtext p a {
        color: #000000;
    }
    .rich-text-div .related-resources .support-material-richtext ul li:first-child {
        margin-left: -5px;
    }
    .syllabus-text h2 {
        margin-bottom: 23px;
        margin-top: 23px;
    }
    .rich-text-div .related-resources h2 {
        margin-top: 46px;
    }
    .rich-text-div .related-resources .ui-accordion-header{
        width: 99%;
        margin-left: -16px;
        margin-top: 8px;
        padding: 14px 20px 14px 20px;
    }
    .ui-accordion .ui-accordion-content {
        width: 110% !important;
        margin-left: -32px !important;
    }
    .syllabus-text > h2 {
        margin-top: 23px;
    }
    .rich-text-div .implementationBlock .implementationBody {
        padding-bottom: 7px;
    }
    .langauges-intro-txt {
        margin-bottom: 46px;
    }
    .languages-board-dev .c1-languages-title h3 {
        padding-bottom: 7.5px;
        padding-top: 7.5px;
    }
    .languages-board-dev > .c1-courses {
        width: 105%;
        margin-left: -9px;
    }
    .stControl {
        background-image: none;
        background-color: transparent;
        margin: 0;
        padding: 0;
        width: auto;
    }
    .page-navigation{

        margin: 0 auto;
        display: table;
        height: 2em;
        margin-bottom: 3em;
        width: auto;
    }
    #c1-a-z-general-index .active-index-triangle{

        border-top: 15px solid #002664;
    }
    .right-col .rich-text-div ul.c1-a-z-index li {
        width: 46px;
        height: 44px;
    }
    .active-index-triangle {
        margin-top: -2px;
    }
    .c1-syllabus-template {
        margin-top: 0;
    }
    .rich-text-div .implementationBlock .implementationBody {
        padding: 0.1em 1em 1em 19px;
    }
    .rich-text-div .syllabus-download .syllabus-download-inner > label {
        display: none;
    }
    .syllabus-text h2 {
        margin-left: 0;
    }
    #sub-related-resources {
        padding-bottom: 23px;
    }
    .c9-template #sub-related-resources {
        padding-bottom: 0;
    }
    .rich-text-div .syllabus-download .download-syllabus-icon span {
        margin-top: 1px;
    }
    .border-top {
        border-top: 5px solid rgba(221, 229, 237, 0.5);
        margin-bottom:23px;
        margin-top:23px;
    }

    /********************* C1 TEMPLATE RESPONSIVE STYLES END ****************************/


    /******************** Glossary Template Responsive Css Start **********************/
    div.glossary_desktop_index {
        display: none;
    }
    div.glossary_mobile_index {
        display: block;
    }
    div.glossary_index {
        width: 970px;
        margin-bottom: 23px;
        /*margin-top: 11px;*/
        padding: 0;
        padding: 9.6px 0px;
        padding-left: 10px;
    }
    .main-content div.glossary_index a {
        font-family: 'PublicSans', Arial;
        color:#002664;
        padding: 0 10px;
        text-transform: uppercase;
        letter-spacing: 1.48px;
    }
    .main-content div.glossary_index a.language-index-inactive {
        color: #9b9999;
    }
    div.glossary_index a.active {
        display: inline-block;
    }
    div.glossary_index_container {
        overflow-x: scroll;
        width: 112.5%;
        /*margin-left: -16px;*/
        margin-bottom: 23px;
    }
    .glossary_container p {
        margin-bottom: 23px;
    }
    dl.glossary dt {
        width: 88.5%;
        padding-top: 23px;
        margin: 0 17px;
    }
    dl.glossary {
        border: none;
        margin-bottom: 0;
    }
    dl.glossary dd {
        float: none;
        width: 90.5%;
        padding-top: 0;
        /*padding-bottom: 23px;*/
        margin: 0 17px;
    }
    dl.glossary dd p {
        margin-top: 23px;
        margin-bottom: 23px;
    }
    dl.glossary dd {
        border-top: none;
    }
    #eSyllabusAccordion dl.glossary dd ul li {
        background: none;
        padding: 1em 0 0 2em;
    }
    dl.glossary p img {
        pointer-events: none;
    }
    .glossary_index_container::-webkit-scrollbar {
        height: 0;
        width: 0;
    }
    .glossary_scroll {
        overflow: hidden;
        position: relative;
        margin-left: -15px;
        width: 110%;
    }
    div.item_fixed {
        left: 1.95em;
        width: 89.7%;
        padding-left: 0;
        position: fixed;
        overflow-x: scroll;
        top: 6em !important;
        z-index: 1;
        border-bottom: none;
    }
    #loading_icon {
        width:10%;
        margin-left: 50%;
    }
    #loader {
        top: 6em !important;
    }
    div.glossary_intro p {
        padding: 0 7px 23px 7px;
        margin-bottom: 0;
        /*border-bottom: solid 1px #dde5ed;*/
    }
    div.glossary_intro {
        border-bottom: none;
        margin-bottom: 23px;
    }
    #eSyllabusAccordion.glossary_container .glossary dd ul {
        padding-left: 0;
    }
    #myModal {
        display: none;
    }
    .glossary-page {
        margin-bottom: 23px;
    }
    .glossary_container .glossary dd p:empty {
        display: none;
    }
    .glossary dd:last-child p {
        margin-bottom: 0;
        border-bottom: solid 1px #dde5ed;
        padding-bottom: 23px;
    }
    /*.id-Z7_2A161H41K82E10A3KHL1SL25F2 .glossary dd:last-child p, .id-Z7_2A161H41K82E10A3KHL1SL2L01 .glossary dd:last-child p:nth-child(2) {
    margin-bottom: 0;
    border-bottom: solid 1px #dde5ed;
    padding-bottom: 23px;
}*/


    /******************** Glossary Template Responsive Css End **********************/

    /******************** C6 Template Responsive Css Start **********************/
    .sliding-window{
        margin-bottom: 23px !important;
        width:529px;
    }
    .sliding-window > table tr td div{
        /*width:228px;*/
    }
    .table-slider-ls > table tr td div{
        width: 273px;
    }
    .table-slider-ls .zebra-striped{
        margin-left: 3.3em;
    }
    .table-slider-ls{
        display: inline-block !important;
    }
    .table-slider-ls {
        margin-bottom: 46px;
    }
    .table-slider .tbl-slider-active .sldr-next  {
        top: 4em;
        padding: 1.5em 0.8em;
    }
    .table-slider .tbl-slider-active .sldr-prev  {
        left: -1px;
        top: 4em;
        padding: 1.5em 0.8em;
    }
    .rich-text-div .related-resources .ui-accordion-header:first-child {
        padding: 14px 20px 14px 20px;
    }
    .sliding-window table tbody tr:last-child td div {
        border-bottom: none;
    }
    .sliding-window > table tr td:hover{
        background: none;
        color: #ffffff;
        text-decoration: none;
    }
    .sliding-window > table tr td div:hover {
        background: none;
        color: #ffffff;
        text-decoration: none;
    }
    .table-slider-ls > table tr td:hover {
        background: none;
        color: #ffffff;
        text-decoration: none;
    }
    .table-slider-ls > table tr td div:hover {
        background: none;
        color: #ffffff;
        text-decoration: none;
    }
    div.sliding-window table td:hover, .table-slider-ls > table tr td:hover, div.sliding-window table td:active, .table-slider-ls > table tr td:active {
        background-color: #rgba(0,133,179,0.20);
    }
    div.sliding-window table td div {
        border-bottom: solid 1px #dde5ed;
    }
    div.sliding-window table tr:nth-child(6) td div, div.table-slider-ls table tr:nth-child(6) td div {
        border-bottom: none;
    }
    div.sliding-window table tr#row_4 td div {
        border-bottom: none;
    }
    .sliding-window > table tr td div{
        margin: 34px 15px 0px 15px;
        padding: 0px 0px 0px 8px;
    }
    div.table-slider-ls table td {
        border: none;
    }
    div.table-slider-ls table td div {
        border-bottom: solid 1px #dde5ed;
        min-height: 146px;
    }
    div.table-slider-ls table tr:last-of-type td div {
        border-bottom: none;
    }
    .table-slider-ls > table tr td div {
        margin: 34px 15px 0px 15px;
        padding: 0px 4px 0px 8px;
    }
    div.table-slider-ls table tr:nth-of-type(6n) td div {
        border-bottom: none;
    }
    .ui-widget.ui-widget-content.glossary-popup {
        left: 0!important;
        width: 100% !important;
    }
    .c6-template .sliding-window > table tr td div{
        margin: 0 30px;
        width: 253px;
        padding: 27px 0;
    }
    .c6-template .sliding-window > table tr td div a{
        margin-left: -10px;
    }
    .c6-template .table-slider-ls .zebra-striped thead tr th a, .c6-template .table-slider-ls .zebra-striped tbody tr th a {
        font-size: 18px;
    }
    .c6-template .table-slider-ls > table thead tr th {
        border-right: none;
    }

    .rich-text-div .sliding-window {
        width: 630px;
        border: 1.5px solid #4C4F55;
    }

    .C4-table .table-slider  .sliding-window > table tr td div {
        width: 267px;
        padding: 0;
    }
    .C4-table .table-slider  .sliding-window > table tr td div p {
        width: 108%;
    }
    .C4-table .table-slider .sliding-window > table tr td div {
        margin: 15px 24px 0px 24px;
        min-height: 190px;
        height: 94%;
        border-bottom: solid 1px #dde5ed;
    }
    .C4-table .table-slider .sliding-window > table tr:last-of-type td div {
        border-bottom: none;
    }
    .sliding-window > table tr td, .table-slider-ls > table tr td {
        border: none;
        border-bottom: 1px solid #C0C6C9;
    }
    .C4-table .table-slider-ls > table tr td div {
        width: 231px;
        margin: 15px 24px 0px 24px;
    }
    .C4-table .table-slider-ls > table thead tr th {
        padding-left: 20px;
        border-right: 0;
    }
    .C4-table .table-slider .tbl-slider-active .sldr-prev {
        left: -2.5px;
    }
    .C4-table .table-slider .tbl-slider-active .sldr-next {
        right: -26px;
    }
    .c4-template .related-resources {
        margin-bottom: 23px;
    }
    .table-slider {
        margin-left: 1em;
    }
    .ui-dialog .ui-dialog-titlebar-close .icon-cross {
        margin-left: -4px;
    }
    .ui-dialog .ui-dialog-title {
        display: none!important;
    }
    .related-outcomes-popups.ui-dialog .ui-dialog-content {
        padding: 0em 1.5em 0 1.5em;
    }
    .main-content .rich-text-div .C4-table .table-slider-ls > table tr td div a p:last-child {
        margin-top: 13px;
    }
    #outcome-table-api ul li {
        margin-bottom: 23px;
    }
    .sliding-window > table tr td div:hover {
        /*color: #ffffff;
        background-color: #f00078;*/
    }
    .sliding-window > table tr .empty div:hover {
        background: none;
    }
    .sliding-window > table tr td div:focus {
        color: #002664;
        background-color: #rgba(0,133,179,0.20);
    }
    .sliding-window > table tr td div:active {
        color: #ffffff;
        /*background-color: #f00078;*/
    }
    .ui-widget.ui-widget-content {
        width: 100% !important;
        left: 0 !important;
    }
    #table-html {
        width: auto;
    }
    #table-html {
        width: 100%;
    }
    #table-html .td-wrapper {
        width: 100%;
        padding: 0;
    }
    #table-html .td {
        width: 40%;
        min-height: 37px;
        margin-right: 0em;
    }
    .related-outcomes-popups #table-html .td {
        width: 40%;
    }
    #table-html .td:nth-child(-n+3) {
        border-top: none;
    }
    #table-html .td:nth-child(even) {
        margin-right: 0;
    }
    #table-html .td:last-child {
        width: 40%;
    }
    #table-html .td:nth-child(-n+2) {
        border-top: 1px solid #979797;
        /*border-bottom: 1px solid #979797;*/
    }
    #table-html .td:nth-child(odd) {
        margin-right: 8%;
    }
    #outcomesModal .modal-body p {
        width: 100%;
    }
    #outcomesModal .modal-body p:first-of-type {
        margin-bottom: 15px;
    }
    .modal-body li {
        width: 90%;
    }
    #table-html .td:last-child {
        /*border-top: 1px solid #979797;*/
    }
    #table-html .td-wrapper:first-child .td:last-child {
        /*border-bottom: none;*/
    }
    .right-col .syllabus-text .C4-table div ul li:before {
        font-size: 18px;
        position: relative;
        top: -0.5px;
    }
    .ui-dialog .ui-dialog-titlebar {
        height: 23px !important;
    }
    #outcomesModal .modal-body h1 {
        margin-top: 23px;
        margin-bottom: 23px !important;
        margin-left: 0;
    }
    #outcomesModal .modal-body h2 {
        margin-top: 23px;
        margin-bottom: 23px!important;
    }
    #outcomesModal .modal-body-content {
        margin-bottom: 46px;
    }
    .related-outcomes-popups .ui-dialog .ui-dialog-content {
        padding: 0 8px 54px 8px!important;
        overflow-x: hidden !important;
    }
    .related-outcomes-popups .modal-body {
        margin-bottom: 46px;
    }
    .glossary-popup.ui-dialog .ui-dialog-content {
        min-height: auto!important;
    }
    #myModal2 {
        width: auto!important;
    }
    .glossary-popup  #myModal2 {
        padding: 23px 0;
    }
    .C4-table .sliding-window tbody tr td .single-cell p {
        margin-left: -9px;
        padding-top: 9px;
    }
    .C4-table .table-slider-ls tbody tr td .single-cell p {
        margin-left: -25px;
        padding-top: 9px;
    }
    .main-content .rich-text-div .C4-table .table-slider-ls > table tr td div a p {
        margin-left: -25px;
        width: 123%;
    }
    .ui-widget .ui-widget {
        font-size: 1.2em !important;
    }
    .ui-dialog .ui-dialog-titlebar-close {
        right: 1em !important;
        z-index: 99;
    }



    /******************** C6 Template Responsive Css End **********************/



    /********************* C2 TEMPLATE RESPONSIVE STYLES START ****************************/
    .rich-text-div.c2-template .related-resources .ui-accordion-header {
        padding: 0.36em 0.7em 0.36em 0.9em;
    }
    #sub-related-resources .fa {
        padding: 5.5px 12px;
        font-size: 29px;
    }
    .top-section {
        float: none;
    }

    /********************* C2 TEMPLATE RESPONSIVE STYLES END ****************************/

    .c4-template #sub-related-resources {
        padding-bottom: 0;
    }
    .c4-template #outcome-table-api > div:last-of-type .sliding-window {
        margin-bottom: 23px!important;
    }
    .c4-template #outcome-table-api > div:last-of-type .table-slider-ls {
        margin-bottom: 0!important;

    }
    .table-slider-ls {
        width:100%;
    }

    .c4-template #outcome-table-api .table-slider-ls {
        margin-bottom: 23px;
        width:auto;
    }


    /******************** C8 Template Responsive Css Start **********************/

    .c8-title #col-heading {
        display: none;
    }
    .next-prev-container .navi-heading:first-of-type {
        display: none;
    }
    .navi-mobile-title {
        display: inline-block;
    }
    .next-prev-container {
        background: none;
        width: 105%;
        margin-left: -16px;
    }
    .navi-text {
        display: none;
    }
    .next-prev-container .c8-navigator-arrow {
        border: none;
    }
    .navi-heading {
        font-family: 'PublicSans', Arial;
        text-transform: uppercase;
        font-size: 1.5em;
        color: #280070;
        font-weight: normal;
        width: 60%;
        height: 2em;
    }
    .navi-heading span{
        display: inline-block;
        line-height: 22px;
    }
    .next-prev-container a:first-child .c8-navigator-arrow, .next-prev-container a:last-child .c8-navigator-arrow {
        margin-right: 0;
    }
    .next-prev-container a:last-of-type .c8-navigator-arrow {
        margin-left: 0px;
    }
    .c8-content-div dd {
        margin: 0;
        width: 70%;
    }

    .next-prev-container {
        padding: 0;
        margin-bottom: 16px;
        width: 106% !important;
    }
    .c9-content-bg {
        background-color: rgba(221, 229, 237, 0.4);
    }
    .syllabus-text .c8-content-div h2 {
        margin-bottom: 23px;
    }
    .syllabus-text .c8-content-div h4 {
        margin-bottom: 23px;
    }
    div#eSyllabusAccordion .content-outcomes ul {
        margin-bottom: 46px;
    }
    .syllabus-text .c8-content-div .content-introduction h2 {
        margin-bottom: 23px;
    }
    div#eSyllabusAccordion .content-introduction ul.level1 li {
        margin-bottom: 23px;
    }
    .hide-content-btn {
        margin-top: 23px;
    }
    .C8-template .related-resources h2 {
        margin-top: 23px;
    }
    div#eSyllabusAccordion .content-introduction ul.level-1 {
        margin-top: 23px;
    }
    div#eSyllabusAccordion .content-introduction ul li {
        margin-bottom: 23px;
    }
    div#eSyllabusAccordion .c9-accordion .content-outcomes ul:nth-of-type(2) {
        margin-bottom: 46px;
    }
    .c8-accordion-container .c8-accordion h3 {
        width: 80%;
        margin-left: 15px;
    }
    .c8-accordion-container .c8-accordion h3 a i {
        float: right;
        color: #000000;
        padding: 8px 12px;
        position: absolute;
        right: 0;
        bottom: 0;
        top: 0;
        background-color: transparent;
    }
    .c8-accordion-clicked .c8-acc-close {
        float: right;
        position: absolute;
        color: #000000;
        padding: 8px 8px 8px 12px;
        right: 0;
        bottom: 0;
        top: 0;
        margin-right: 0;
    }
    .c8-accordion-container li {
        position: relative;
    }
    .main-content .rich-text-div .c8-accordion-container .c8-accordion h3 a {
        margin-left: 0;
        font-weight: bold;
    }
    .content-introduction ul li p label {
        font-size: 0.813em;
        font-family: 'PublicSans', Arial;;
        color: #979797;
    }
    div#eSyllabusAccordion .c9-accordion .content-introduction h3 {
        margin-left: 0;
        margin-bottom: 0;
    }
    div#eSyllabusAccordion .c9-accordion .content-introduction > p {
        margin: 0;
        margin-bottom: 23px;
    }
    .c8-accordion-container .c8-accordion .content-outcomes h3 {
        margin-left: 0;
    }
    .c8-accordion-container .c8-accordion .content-outcomes p strong {
        font-weight: 500;
    }
    div#eSyllabusAccordion .c9-accordion .content-introduction .accordion-content ul {
        padding-left: 0px;
    }
    div#eSyllabusAccordion .c9-accordion .content-introduction ul.separator li {
        padding-left: 15px;
        padding-right: 45px;
        /*text-indent: -33px;*/
        width: 97%;
        margin-left: -16px;
        position: relative;
        font-family: 'PublicSans', Arial;
        font-size: 1em;
    }
    div#eSyllabusAccordion .c9-accordion .content-introduction ul.separator .c9-accordion-arrow {
        position: absolute;
        right: 10px;
        top: -6px;
        margin-top: 4px;
        color: #000;
        font-size: 32px;
        padding-right: 0;
    }
    .separator-clicked .c8-acc-close {
        position: absolute;
        right: 0;
        top: 0;
        margin-top: 7px;
        font-size: 24px;
        color: #000;
        padding-right: 0;
    }
    .c9-accordion .content-introduction .accordion-content {
        width: 104%;
        margin-left: -16px;
        padding-left: 18px;
        padding-top: 14px;
    }
    #eSyllabusAccordion.single-acc .content-introduction ul.level-1 li {
        margin-top: 0;
    }
    div#eSyllabusAccordion .c9-accordion .content-introduction ul.level-2:last-of-type {
        margin-bottom: 0px;
    }
    .c8-accordion-container .c8-content-div .content-outcomes, .c8-accordion-container .c8-content-div .content-introduction {
        margin-bottom: 46px;
    }
    div#eSyllabusAccordion .c9-accordion .content-introduction ul.separator {
        margin-top: 7px;
    }
    div#eSyllabusAccordion .c9-accordion .content-introduction ul#separator_8 {
        margin-top: 23px;
    }
    div#eSyllabusAccordion .content-outcomes ul li:before {
        margin-left: -26px;
    }
    div#eSyllabusAccordion .content-outcomes ul li {
        margin-left: 27px;
    }
    div#eSyllabusAccordion .content-outcomes ul:nth-of-type(2) li {
        margin-left: 33px;
    }
    div#eSyllabusAccordion .content-introduction ul.level-2 li {
        margin-left: 21px;
    }
    div#eSyllabusAccordion .content-introduction ul.level-2 li:before {
        margin-left: -31px;
    }
    /*
    div#eSyllabusAccordion .content-introduction ul.level-2 li p img.esyb-icons {
        max-width: 5%!important;
        vertical-align: initial;
    } */
    .modal-body ul {
        min-width: auto;
    }
    div#eSyllabusAccordion .content-introduction ul.level-2 li:before  {
        top: 1px;
        font-size: 10px;
    }
    .modal-body li:before {
        font-size: 10px;
        margin-top: 6px;
    }


    /*CR CHANGES FOR C8/9 TEMPLATE RESPONSIVE - 10/10/17*/
    .c8-accordion-container .c8-accordion .c9-stage-title h3 {
        margin-left: 0;
        text-transform: capitalize;
    }
    .c8-accordion-container .c8-content-div {
        margin: 0 auto;
        width: 93%;
    }
    .c8-accordion-container.single-acc .c8-content-div {
        margin: 0 16px;
        width: 91%;
    }
    .c9-stage-title {
        display: block;
        margin-bottom: 16px;
    }

    /******************** C8 Template Responsive Css End **********************/


    /******************** C10 Template Responsive Css Start **********************/
    .syllabuses-by-learning-area ul li{
        width: 47.5%;
        margin-bottom: 8px;
        margin-right: 6px;
        /*margin-left: -13px;*/
    }
    .syllabuses-by-learning-area {
        margin-bottom: 15px;
    }
    .syllabus-text .syllabuses-rich-text h2 {
        margin-top: 23px;
    }
    .main-content .syllabus-text .syllabuses-rich-text a {
        color: #002664;
    }
    .syllabus-text .syllabuses-rich-text h3 {
        margin-top: 23px;
    }
    .syllabus-text .syllabuses-rich-text h2:first-child {
        margin-top: 15px;
    }
    .right-col .rich-text-div .syllabus-text .syllabuses-by-learning-area ul {
        margin-left: -13px;
    }
    .syllabuses-rich-text {
        margin-bottom: 23px;
    }
    .looking-for-tag {
        margin-bottom: 23px;
    }
    .c10-template .looking-for-tag {
        margin-top: 23px;
        margin-bottom: 23px;
    }

    /******************** C10 Template Responsive Css End **********************/
    .rich-text-div > .palegreen-bg{
        display: block;
    }
    .nav-menu-header {
        color: white;
        line-height: 0px;
        text-transform: uppercase;
        display:block!important;
        margin-top: 12px; /* fix logo issues on mobile when forms added*/
    }
}


@media all and (max-width: 737px) {

    .text-filter-box input {
        margin-left: 0.5em;
    }

    .rich-text-div .sliding-window{
        width: 314px;
        border: 1.5px solid #4C4F55;
    }
    .rich-text-div .C4-table .sliding-window table{
        border:none;
    }
    .C4-table .sliding-window > table tr td div {
        width: 270px;
        padding: 0;
    }

}
@media all and (max-width: 668px) {
    #stMobileNavToggle {
        left: 50em;
    }
    .home-mobile-right {
        padding-left: 33.7em;
    }
}



@media all and (max-width: 660px) {
    .contact-us-wrapper{
        padding: 21px 5%;
        margin-left: -5%;
        width: 100%;
    }
    .error-container p {
        padding-right: 1%;
        text-indent: -12px;
        line-height: 22px;
        margin-bottom: 8px;
        padding-left: 15%;
    }
    .error-container p:first-child > i.fa {
        margin-right: 7%;
    }
    .error-container p:first-child {
        margin-bottom: 22px;
        padding-left: 3%;
        text-indent: 0;
    }
    .popup .popuptext {
        width: 98%;
        margin-bottom: 2%;
        margin-left: -3%;
        left: 0%;
    }
    .popup .popuptext:after{
        left:22%;
    }
    .main-content > div.content-body{
        /*max-width:91%;*/
    }
    /*.inner-search-div .search-submit {
        right: 0;
    }*/
    .next-prev-container {
        background: none;
        width: 109%;
        margin-left: -10px;
    }
    .contact-us-wrapper .res-accordion-content {
        padding-bottom:0;
        height: auto;
        margin-top:5px;
    }
}

@media all and (max-width: 640px) {
    div.sliding-window table td {
        border: none;
        border-bottom: 1px solid #C0C6C9;
    }
    .home-imp-dates-row .imp-date {
        font-size: 1.1em;
        /*width: 16%;*/
    }
    #stMobileNavToggle {
        left: 48em;
    }
    .home-mobile-right {
        padding-left: 32.2em;
    }
    .home-mobile-right {
        padding-left: 31.7em;
    }
    .stPageNavigation nav ul li {
        width: 96.5%;
    }
    .st-row .st-col-c-4-of-12 {
        width: 95%;
    }
}

@media all and (max-width: 600px) {

    .right-col {
        margin: 0;
    }
    .two-col .col{
        width: 88%;
    }
    .logo-div a {
        height: 97px;
        height: 71px;
    }

    .inner-search-div .search-submit{
        /*right: -5.6em;*/
        /*top: 0.05em;*/
    }
    .main-content > div.content-body {
        /*max-width:536px;*/
    }
    .st-row  .st-col-c-8-of-12{
        width:100%;

    }
    .st-row .st-col-c-4-of-12 {
        display:none;
    }
    /*#nav-icon3 {
    width: 35px;
    height: 30px;
    position: relative;
    margin: 0px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    }*/
    .news-list {
        width: 90%;
    }
}

@media all and (max-width: 568px) {
    #contactusmodal .modal-content{
        height:180px;
    }
    .popup .popuptext:after{
        left:48%;
    }
    #contactusmodal .close{
        right: 23px;
    }
    #contactusmodal  h2.modal-title{
        margin-top: 15px;
    }
    #contactusmodal  .modal-body{
        padding: 0.5% 15%;
    }

    #stMobileNavToggle {
        left: 42em;
    }
    .home-mobile-right {
        padding-left: 28em;
    }
    body {
        /*max-width: 100%;*/
        overflow-x: hidden;
    }
    .two-col .col {
        width: 82%;
        padding-bottom: 1em;
    }
    /*.inner-search-div .search-submit {
        right: 0;
        top: 0;
        height: 3.02em;
        margin-top: 0;
        border-radius: 0px;
    }*/
    #stSearchBoxInput {
        width: 180px;
        border:none;
        border-radius: 0px;
    }
    .logo-div {
        padding-left: 0;
        /*padding-top: 0.5em;*/
    }
    .logo-div a {
        height: 71px;
    }
    .stPageNavigation nav > ul > li > div > a {
        padding-right: 8em;
        padding-left: 15px;
    }
    /*.home-imp-dates-row .imp-date {
        width: 18%;
        font-size: 1.1em;
        margin-right: 0;
        padding: 0.8em 0.2em;
        height: auto;
    }*/
    #print_logo {
        height: 90px;
    }
    .form-control {
        /*width: 95.5%;*/
    }
    .share-c2-syllabus .share-this-page {
        margin-left: 30px;
    }
}


@media all and (max-width: 415px) {
    /*-------------------ssd-------------------------*/
    .grey-bg col{
        display:inline;
        width:100%;

    }
    #right-col-1 {
        margin-bottom: 0em;
    }
    .downloadSection {
        padding: 1em 0 1em 0;
        font-size: initial;
    }
    #hsc-exm {
        padding-left: 1em;
    }

    #cmd, #print, #syllabus_print_this_page,
    #syllabus_download_this_page, #syllabus_download_this_page_c1,
    #syllabus_print_this_page_c1,
    #syllabus_download_this_page_languages,
    #syllabus_print_this_page_languages,
    #syllabus_download_this_page_global,
    #syllabus_print_this_page_global,
    #syllabus_print_this_page_c8_and_c9,
    #syllabus_download_this_page__c8_and_c9,
    #share_this_page
    {
        font-weight: 700;
        display: block;
        cursor: pointer;
        color: #002664;
        font-size: 0.875em;
        font-family: 'PublicSans', Arial;
    }



    /*----------------------------end ssd------------------------*/

    .footer-wrapper.news-footer {
        height: 311px;
    }
    .right-col1 .index-wrapper {
        width: 100%;
    }
    .page-navigation span{

        padding:0.19em 0.58em !important;
    }
    .home-imp-dates-row .imp-date span:first-child {
        font-size: 24px;
    }
    .home-imp-dates-row .imp-date {
        display: inline-block;
        vertical-align: top;
        font-weight: 400;
        /*height: auto;*/
        overflow: hidden;
        background-color: #002664;
        color: #fff;
        /*padding: 1em 0.2em;*/
        text-align: center;
        width: 25%;
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 0.14px;
    }
    .inner-search-div {
        /*width: 97%;*/
        padding: 10px 0 10px 10px;
        height: 39px;
        margin-top: 15px;
        padding-top: 85px;
    }
    #stMobileNavToggle {
        left: 30em;
        top:2em;
    }
    .home-mobile-right {
        padding-left: 18.2em;
    }
    .stPageNavigation li > div:nth-child(2) > ul > .customChildPages > ul > li > a {
        width: 62%;
    }
    .stPageNavigation .stOpenNavLevel.stSecondLevelNav {
        width: 99.3%;
    }
    .logo-div a{
        height: 101px;
    }
    #jcarousel li {
        max-width: 390px;
    }
    .main-content > div.content-body {
        /*max-width: 370px;*/
    }
    #print_logo {
        height: 97px;
    }
    .mega-nav-as .mega-nav-as-text {
        padding: 0.4em 1em 0.55em 1em;
        margin-left: 4px;
        width: 77%;
    }
    #stSearchBoxInput{
        width: 77%;
        height: 37px;
        border: 1px solid #f00078;
    }
    #stSearchBoxInputMobile {
        width: 85%;
        height: 100%;
        position: absolute;
        text-indent: 7px;
        top: 0px;
        z-index: 2;
        margin-left: -195px;
        left: 50%;
        float: left;
        border: none;
    }
    .search-for-mobile {
        margin-left: 0;
    }
    footer#stFooter {
        background-color: #ffffff;
    }
    .news-list {
        width: 92%;
    }
    .separator-clicked .c8-acc-close {
        padding-right: 8px;
    }

    /******** PROMO BOX **********/
    .right-col .palegreen-bg {
        margin-top: 23px;
    }
    .rich-text-div > .palegreen-bg {
        padding: 23px;
        margin-bottom: 0;
    }
    .palegreen-bg .promo-title {
        margin-bottom: 23px;
    }
    .palegreen-bg .promo-title h4 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .palegreen-bg .promo-content    {
        display: block;
    }
    .palegreen-bg .promo-content .promo-img {
        float: none;
        padding-right: 0;
        /*padding-bottom: 23px;*/
        width: 100%;
    }
    .st-row:after {
        display: none;
    }
    .rich-text-div .related-resources .support-material-richtext ul li {
        width: 91%;
    }

    /********************ADVACNED SEARCH**************************/
    .fa-search {
        vertical-align: initial;
    }
    #stSearchBoxButton {
        margin-top: 0;
        height: 37px;
    }
    .search-for-mobile #stSearchBoxButton {
        height: 100%;
        position: absolute;
        top: 0px;
        z-index: 2;
        margin-right: -195px;
        right: 50%;
    }
    .st-row .st-col .id-Z7_412G1182MGO610AB17ITK20080 {
        max-height: 680px;
    }
    .jplist-panel .jplist-group ul li {
        width: 98%;
    }
    .jplist-panel .jplist-group .filter-buttons-bottom li {
        width: 98%;
    }
    .panel-top, .jplist-group {
        width: 99%;
    }
    .st-row .st-col-c-4-of-12.as-refine-search-mobile {
        width: 96%;
    }
    .st-row .st-col-c-4-of-12 {
        margin: 0 8px;
    }
    .icon-filter {
        padding: 0.4em 1.9em 0.5em 0.4em;
    }
    /********************END ADVACNED SEARCH**************************/

    /******************** C2 template respsonisive Start**************************/
    .main-content .rich-text-div .syllabus-download-inner span a {
        padding-top: 9.7%;
    }
    .main-content .rich-text-div .syllabus-download-inner span a {
        padding-left: 80px;
        left: 2px;
        font-weight: normal;
        font-size: 14px;
    }
    .C4-table .table-slider-ls > table tr td div {
        width: 228px;
    }
    .rich-text-div.c2-template .related-resources .ui-accordion-header {
        width: 98%;
    }
    .ui-accordion .ui-accordion-content {
        width: 104%!important;
    }

    /******************** C2 template respsonisive Start**************************/


    /******************** C4 template respsonisive Start**************************/
    .C4-table .sliding-window {
        width: 311px;
        border: 1.5px solid #4C4F55;
    }
    .C4-table .sliding-window > table tr td div{
        width: 264px;
    }
    .C4-table .table-slider-ls > table tr td div {
        width: 228px;
    }
    .C4-table .table-slider .sliding-window > table tr td div {
        min-height: 205px;
    }
    .C4-table .table-slider .tbl-slider-active .sldr-prev {
        left: 10px;
    }
    .table-slider {
        margin-left: 0.5em;
    }
    .table-slider-ls .zebra-striped {
        margin-left: 2.7em;
    }

    /******************** C4 template respsonisive Start**************************/
    /******************** C6 Template Responsive Css Start **********************/
    .c6-template .sliding-window {
        width: 310px;
    }
    .c6-template .sliding-window > table tr td div {
        width: 250px;
    }
    .table-slider-ls > table tr td div {
        width: 268px;
    }
    div.table-slider-ls table td div {
        min-height: 145px;
    }
    .c6-template .table-slider-ls .zebra-striped thead tr th a, .c6-template .table-slider-ls .zebra-striped tbody tr th a {
        font-size: 18px;
    }

    /******************** C6 Template Responsive Css End **********************/
    /******************** C9 Template Responsive Css Start **********************/
    .right-col .rich-text-div .syllabuses-by-learning-area ul  {
        margin-left: 0px;
        padding:0;
    }
    .syllabuses-by-learning-area ul li{

        width:47.5%;
    }

    /******************** C9 Template Responsive Css End **********************/
    /******************** C10 Template Responsive Css Start **********************/
    div#eSyllabusAccordion .c9-accordion .content-introduction ul.separator li {
        width: 94%;
    }
    .c9-accordion .content-introduction .accordion-content {
        width: 100%;
    }

    /******************** C10 Template Responsive Css End **********************/

    .stPageNavigation nav ul li {
        width: 94.5%;
    }


    .stBanner .stPageNavigation nav ul .stNavParentToggle {
        padding-left: 87%;
    }
    .stNavListItem .stParentContainer:first-child a:first-child {
        padding-left: 14.5px;
    }

    /*********** SHARE THIS PAGE *************/
    .modal-dialog {
        overflow-x: hidden;
        overflow-y: scroll;
    }
    .modal-dialog {
        width: auto;
        height:100%;
    }
    .modal-content {
        background-color: #dde5ed;
        width: 99%;
        margin-top:-18px;
        padding-top: 23px;
    }
    .close {
        top: 39.5px;
    }
    #current_url {
        display: block;
        padding: 0px 10px 0px;
        line-height: 13px;
        font-size:12px;
    }
    #get_content {
        padding: 20px 10px 20px 10px;
        margin-left: 0;
    }
    .related-resources {
        margin-bottom: 23px;
    }
    .share-this-page, .share-contact .share-this-page {
        margin: 0 auto 46px auto;
        width: 96%;
    }
    .share-syllabus .share-this-page {
        margin: 0 0 46px 0;
        width: 100%;
    }
    .share-c2-syllabus .share-this-page {
        margin: 23px auto 46px auto;
        width: 96%;
    }
    .share-news .share-this-page {
        margin-top: 23px;
        width: 100%;
    }
    .share-c1-lang-child .share-this-page {
        width: 100%;
    }
    .rich-text-div .related-resources .ui-accordion-header {
        width: 99%;
    }
    .ui-accordion .ui-accordion-content {
        margin-left: -7px !important
    }
    .C4-table .table-slider .tbl-slider-active .sldr-prev.chrome-only-left {
        left: -1px;
    }
    .C4-table .table-slider .tbl-slider-active .sldr-next.chrome-only-right {
        right: -35.5px;
    }
    .c6-template .table-slider .tbl-slider-active .sldr-prev.chrome-only-left {
        left: 10px;
    }
    .c6-template .table-slider .tbl-slider-active .sldr-next.chrome-only-right {
        right: -2.50em;
    }
    .c6-template .table-slider .tbl-slider-active .sldr-prev {
        left: -3px;
    }
    .c6-template .table-slider .tbl-slider-active .sldr-next {
        right: -2.37em;
    }

}

@media all and (max-width: 412px) {

}

@media all and (max-width: 376px) {
    .C4-table .table-slider  .sliding-window > table tr td div{
        width:224px;
    }
    .stPageNavigation .stOpenNavLevel.stSecondLevelNav {
        width: 99.4%;
    }
    .right-col1 .index-wrapper {
        width: 100%;
    }
    /*.inner-search-div .search-submit {
        right: -13.7em;
    }*/
    .two-col:last-child .col:last-child {
        padding: 0 1em 0 1em;
    }
    .two-col .col {
        max-height:920px;
    }
    .home-bg {
        margin-left: 0;
    }
    /*.content-body {
        margin-left: 0.5em;
    }*/
    .home-mobile-right {
        padding-left: 15.7em;
    }
    .inner-search-div {
        width: 96%;
        margin-top: 7px;
    }
    #stMobileNavToggle {
        left: 27em;
        top: 1.5em;
    }
    .home-imp-dates-row .imp-date {
        font-size: 0.9em;
        /*padding: 1em 0.2em;*/
    }
    .home-imp-dates-row .imp-date span {
        /*font-size: 2em;*/
        line-height: 1em;
    }
    .home-imp-dates-row .imp-date-title {
        padding: 0.4em;
        margin-top: 0;
        font-size: 0.9em;
    }
    .stPageNavigation nav > ul > li > div > a {
        padding-right: 5em;
    }
    .two-col:last-child .col:last-child {
        width: 89%;
    }
    .two-col .col {
        padding:0 1em 1em 1em;
        width: 90%;
    }
    .lotusui30dojo {
        /*max-width: 361px;*/
        max-width: 375px;
    }
    /*.inner-search-div .search-submit {
        right: 0;
        margin-top: 0;
        margin-left: 0;
        border-radius: 0px;
    }*/
    .logo-div {
        padding-top:0;
    }
    #jcarousel li {
        max-width: 352px;
    }
    .main-content > div.content-body {
        /*max-width: 335px;*/
        /*padding: 0;*/
        padding-top: 1em;
        /*padding-left: 0.5em;*/
    }
    .st-col-whole {
        width: 100%;
    }
    #hasChildTitle {
        margin: 0 auto;
        display: inline-block;
        width: 96%;
        background-color: #fff;
    }
    .stPageNavigation li > div:nth-child(2) > ul > .customChildPages > ul > li > a {
        width: 75%;
    }
    #stSearchBoxInputMobile {
        margin-left: -176px;
        width: 85%;
    }
    .search-for-mobile #stSearchBoxButton {
        margin-right: -176px;
    }
    #stSearchBoxInput {
        width: 74.5%;
        margin-left: 0;
    }
    .content-body .left-col, .content-body .right-col, .right-col .right-col1, .right-col .right-col2 {
        width: 93%;
    }
    .content-body .right-col {
        width: 94%;
    }
    .right-col .right-col1 {
        width: 100%;
    }

    .modal-body .multiple_emails-email {
        max-width: 88%;
    }

    /********************ADVACNED SEARCH**************************/
    .fa-search {
        vertical-align: initial;
        /*padding: 0.1em 0.2em 0.24em 0.2em;*/
    }
    .mega-nav-as {
        width: 100%;
    }
    .mega-nav-as div {
        padding-right: 0;
        width: 100%;
    }
    .mega-nav-as .mega-nav-as-text {
        padding: 0.4em 1em 0.55em 1em;
        margin-left: 4px;
        width: 76%;
    }
    .icon-filter {
        padding: 0.3em 1.4em 0.34em 0.4em;
    }
    .icon-filter:before {
        font-size: 1em;
        padding-top: 0.1em;
    }
    .sort-by-container ul li label {
        padding: 0.2em 0.6em 0.2em 0em;
    }
    .sort-by-container ul li .sortby-title, .sort-by-container ul li .sortby-publication {
        background-size: 1.4em 1.2em;
    }
    .sort-by-container ul li .sortby-title span, .sort-by-container ul li .sortby-publication span {
        margin-left: 1.5em;
        padding: 0.3em 0.5em 0.3em 0.5em;
    }
    .sort-by-container ul li .sortby-title {
        padding: 0.2em 0px 0.2em 1.5em;
    }
    .sort-by-container ul li .sortby-publication {
        padding: 0.2em 0px 0.2em 1.8em;
    }
    .st-row .st-col .id-Z7_412G1182MGO610AB17ITK20080 {
        max-height: 600px;
    }
    .search-for-mobile {
        display: block;
        width: 98.5%;
        margin-left: 3px;
        margin-top: 27px;
    }
    .text-filter-box input {
        width: 92% !important;
    }
    .jplist-panel .jplist-group ul li {
        width: 97%;
    }
    .jplist-panel .jplist-group .filter-buttons-bottom li {
        width: 97%;
    }




    /********************END ADVACNED SEARCH**************************/

    /***************** C1 TEMPLATE RESPONSIVE STYLES START *********************/

    .c1-syllabus-template .c1-courses .c1-show-desc-click {
        width: 60%;
    }
    .c1-syllabus-template .c1-course-subhead span.c1-go-to a {
        line-height: 1;
    }
    .c1-courses-title .c1-two-col-grey h3, .c1-courses-two-col .c1-two-col-green h3 {
        width: 49%;
    }
    /*.c1-courses-options div {
        width: 47%;
    }*/
    .c1-go-to {
        width: 78%;
    }
    .c1-syllabus-template .c1-courses .c1-green-bg .c1-show-desc-click {
        width: 65%;
    }
    .c1-courses-two-col .c1-courses-options .c1-course-desc {
        width: 48%;
    }
    .c1-syllabus-container {
        width: 101.5%;
    }
    .c1-courses-two-col .c1-go-syllabus {
        width: 48%;
    }
    .c1-courses-two-col .c1-green-bg .c1-go-syllabus {
        width: 48.4%;
    }
    .c1-courses-one-col .c1-go-syllabus .c1-course-subhead {
        width: 102%;
    }


    /***************** C1 TEMPLATE RESPONSIVE STYLES END *********************/

    /***************** C2 TEMPLATE RESPONSIVE STYLES START *********************/

    .main-content .rich-text-div .syllabus-download-inner span a {
        left: 3px;
    }
    .rich-text-div .related-resources .ui-accordion-header {
        width: 99%;
    }


    /***************** C2 TEMPLATE RESPONSIVE STYLES END *********************/



    /******************** C4 Template Responsive Css Start **********************/
    .C4-table .sliding-window {
        width: 272px;
        border: 1.5px solid #4C4F55;
    }
    .C4-table .sliding-window > table tr td div {
        width: 227px;
    }
    .C4-table .table-slider-ls > table tr td div {
        width: 189px;
    }
    #table-html .td:nth-child(odd) {
        margin-right: 7%;
    }



    /******************** C4 Template Responsive Css End **********************/


    /******************** C6 Template Responsive Css Start **********************/
    .c6-template .sliding-window {
        width: 271px;
    }
    .c6-template .sliding-window > table tr td div {
        width: 211px;
    }
    .table-slider-ls > table tr td div {
        width: 230px;
    }
    /******************** C6 Template Responsive Css End **********************/

    .stBanner .stPageNavigation nav ul .stNavParentToggle {
        padding-left: 20em;
    }


    .next-prev-container {
        width: 106% !important;
    }
    #eSyllabusAccordion {
        width: 108%;
    }
    div#eSyllabusAccordion .c9-accordion .content-introduction ul.separator li {
        width: 91%;
    }



}

@media all and (max-width: 360px) {
    .pagination-arrow {
        left: 48.5%;
    }
    .two-col:last-child .col:last-child {
        padding: 0 1em 1em 1em;
    }
    .home-imp-dates-row .imp-date-title {
        width: 64%;
    }
    .home-imp-dates-row .imp-date span:first-child {
        font-size: 24px;
    }
    .home-imp-dates-row .imp-date {
        width: 28.1%;
        font-size: 1.1em;
        margin-right: 0;
        /*padding: 1.3em 0.2em;
        height: auto;*/
    }
    .inner-search-div {
        width: 94.3%;
        padding: 10px 10px 10px 10px;
        margin: 0;
        margin-top: 7px;
    }
    .home-bg {
        margin-left: 0em!important;
    }
    #stMobileNavToggle {
        left: 26em;
    }
    .home-mobile-right{
        padding-left: 15.2em;
    }
    .stPageNavigation li > div:nth-child(2) > ul > .customChildPages > ul > li > a {
        text-indent: 0;
        padding-left: 2.5em;
        width: 72%;
    }
    .stPageNavigation li > div:nth-child(2) > ul > .customChildPages > ul > li  > ul > li > a {
        text-indent: 0;
        padding-left: 3.5em;
        width: 70%;
    }
    .stPageNavigation li > div:nth-child(2) > ul > .customChildPages > ul > li  > ul > li > ul > li > a {
        text-indent: 0;
        padding-left: 4.5em;
        width: 63%;
    }
    .stPageNavigation li > div:nth-child(2) > ul > .customChildPages > ul > li  > ul > li > ul > li > ul > li > a {
        text-indent: 0;
        /*padding-left: 5.5em;*/
        width: 50%;
    }

    .main-content > div.content-body {
        /*padding-left: 0.5em!important;*/
    }
    .newsBody {
        width: 100%;
    }
    .news-list {
        width: 90%;
    }
    /********************ADVACNED SEARCH**************************/
    .mega-nav-as-icon .fa-search {
        vertical-align: initial;
        padding: 0.05em 0.2em 0.19em 0.1em;
    }
    #stSearchBoxInput {
        width: 100%;
        border: none;
        border-radius: 0px;
    }
    .st-row .st-col .id-Z7_412G1182MGO610AB17ITK20080 {
        max-height: 450px;
    }

    .mega-nav-as {
        width: 98%;
    }
    .mega-nav-as div {
        padding-right: 0;
        width: 100%;
    }
    .mega-nav-as .mega-nav-as-text {
        width: 78%;
    }
    .icon-filter {
        padding: 0.3em 1.4em 0.41em 0.4em;
    }
    .icon-filter:before {
        font-size: 1em;
        padding-top: 0.2em;
    }
    .sort-by-container ul li label {
        padding: 0.2em 0.6em 0.2em 0em;
    }
    .sort-by-container ul li .sortby-title, .sort-by-container ul li .sortby-publication {
        background-size: 1.4em 1.2em;
    }
    .sort-by-container ul li .sortby-publication {
        padding: 0.2em 0px 0.2em 1.5em;
    }
    .sortby-relevance span:nth-child(2) {
        font-size: 0.9em;
    }
    .sort-by-container ul li .sortby-title span, .sort-by-container ul li .sortby-publication span {
        margin-left: 2em;
        padding: 0.3em 0.5em 0.25em 0.5em;
        font-size: 0.9em;
    }
    .sort-by-container ul li .sortby-publication {
        background-position: 0.1em 0.2em;
    }

    #stSearchBoxInputMobile {
        margin-left: -168px;
    }
    .search-for-mobile #stSearchBoxButton {
        margin-right: -169px;
    }
    #stMobileNavToggle {
        top: 1.6em;
    }
    .panel-top {
        height: 75%;
    }
    .modal-body .multiple_emails-email {
        max-width: 87.5%;
    }




    /********************END ADVACNED SEARCH**************************/


    /***************** C1 TEMPLATE RESPONSIVE STYLES START *********************/

    .right-col .rich-text-div ul.c1-a-z-index {
        margin-left: 23px;
    }
    .c1-courses-options div {
        width: 46.1%;
    }
    .c1-syllabus-template .c1-courses-two-col .c1-course-subhead span.c1-go-to {
        width: 75%;
    }
    .c1-syllabus-template .c1-courses-two-col .c1-course-subhead span.c1-go-to {
        padding-left: 7px;
        margin-top: 9px;
    }
    .c1-languages-template .c1-courses .c1-courses-two-col div:first-of-type .c1-go-to {
        margin-top: 0;
    }
    .c1-courses-title .c1-two-col-grey h3, .c1-courses-two-col .c1-two-col-green h3 {
        width: 47%;
    }
    .c1-languages-options .c1-courses-title {
        width: 100%;
    }
    .c1-syllabus-template .c1-courses .c1-show-desc-click {
        width: 60%;
    }
    .c1-courses-one-col .c1-go-syllabus .c1-course-subhead {
        width: 102%;
    }

    /***************** C1 TEMPLATE RESPONSIVE STYLES END *********************/

    /******************** C2 Template Responsive Css Start **********************/
    /*.main-content .rich-text-div .syllabus-download-inner span a {
        padding-left: 29%;
    }*/
    .rich-text-div .related-resources .ui-accordion-header {
        width: 99%;
    }


    /******************** C2 Template Responsive Css End **********************/

    /******************** C4 Template Responsive Css Start **********************/
    .c8-content-div dd {
        width: 68%;
    }



    /******************** C4 Template Responsive Css End **********************/

    /******************** C4 Template Responsive Css Start **********************/
    .C4-table .sliding-window {
        width: 256px;
        border: 1.5px solid #4C4F55;
    }
    .C4-table .sliding-window > table tr td div {
        width: 210px;
    }
    .C4-table .table-slider-ls > table tr td div {
        width: 173px;
    }
    .C4-table .table-slider  .sliding-window > table tr td div {
        width: 209px;
    }



    /******************** C4 Template Responsive Css End **********************/
    /******************** C6 Template Responsive Css Start **********************/
    .c6-template .sliding-window {
        width: 258px;
    }
    .c6-template .sliding-window > table tr td div {
        width: 198px;
    }
    .table-slider-ls > table tr td div {
        width: 213px;
    }

    /******************** C6 Template Responsive Css End **********************/

    /******************** C9 Template Responsive Css Start **********************/
    div#eSyllabusAccordion .c9-accordion .content-introduction ul.separator li {
        width: 91%;
    }
    div#eSyllabusAccordion .c9-accordion .content-introduction ul.separator .c9-accordion-arrow {
        top: -7px;
    }
    .next-prev-container {
        width: 106.5% !important;
    }

    /******************** C9 Template Responsive Css End **********************/

    .stBanner .stPageNavigation nav ul .stNavParentToggle {
        padding-left: 19.5em;
    }


    /******************** Share this page Responsive Css Start **********************/
    .form_spinner {
        left: 7em;
    }
    #myModalShare .form_spinner{
        width: 60px !important;
        left: 43%!important;
    }


    /******************** Share this page Responsive Css End **********************/

}
@media all and (max-width: 320px) {
    .modal-body .multiple_emails-email {
        max-width: 86%;
    }
    .share-c2-syllabus .share-this-page {
        width: 96%;
    }
    .stPageNavigation .stOpenNavLevel.stSecondLevelNav {
        width: 99.3%;
    }
    .stPageNavigation nav ul li {
        width: 93%;
    }
    .search-for-mobile {
        display: block;
        width: 98%;
        margin-left: 2px;
        margin-top: 27px;
    }
    #stMobileNavToggle {
        left: 23em;
    }
    .content-body {
        margin-left: 0.1em;
    }
    .home-mobile-right{
        padding-left: 12.5em;
    }
    .stPageNavigation li > div:nth-child(2) > ul > .customChildPages > ul > li  > ul > li > a {
        width: 52%;
    }
    .stPageNavigation li > div:nth-child(2) > ul > .customChildPages > ul > li  > ul > li > ul > li > a {
        width: 62%;
    }
    .stPageNavigation li > div:nth-child(2) > ul > .customChildPages > ul > li > a {
        width: 57%;
    }
    .home-imp-dates-row .imp-date {
        width: 29%;
        font-size: 0.9em;
        margin-right: 0;
        /*padding: 0.6em 0.2em 1em 0.2em;
        height: auto;*/
    }
    .home-imp-dates-row .imp-date span {
        /*font-size: 1.8em;*/
        /*line-height: 1.5em;*/
    }
    .home-imp-dates-row .imp-date span:last-child {
        top: 50%;
    }
    .home-imp-dates-row .imp-date-title a {
        font-size: 0.8em;
    }
    .arrow-down-mega-nav-a {
        display: none;
        left: 7em;
    }
    .arrow-down-mega-nav-b {
        left: -17em;
    }
    .arrow-down-mega-nav-c {
        left: -43em;
    }
    .arrow-down-mega-nav-d {
        left: -67em;
    }
    .arrow-down-mega-nav-e {
        left: -85em;
    }
    /*.arrow-down-mega-nav-f {
        left: 11em;
    }*/
    .video-js {
        width: 19em;
    }
    .news-type-detail {
        width: 43%;
    }
    .stPageNavigation nav > ul > li > div > a {
        padding-right: 2em;
        padding-left: 15px;
    }
    body {
        /*max-width: 100%;*/
        overflow-x: hidden;
    }
    .two-col .col {
        width: 88%;
        padding:0 1em 1em 1em;
    }
    .home-imp-dates-row .imp-date-title {
        padding-left: 0.5em;
        width: 62%;
        font-size: 0.9em;
    }
    .two-col:last-child .col:last-child {
        width:88%;
        padding:0 1em 1em 1em;
    }
    #stSearchBoxInput{
        padding-left: 1em;
        display: inline-block;
        position: relative;
        border: none;
    }
    #stSearchBoxInputMobile {
        margin-left: -149px;
    }
    .search-for-mobile #stSearchBoxButton {
        margin-right: -149px;
    }
    .inner-search-div div {
        width: 100%;
    }
    #jcarousel li {
        max-width: 296px;
    }
    .main-content > div.content-body {
        /*max-width: 294px;*/
        padding-top: 1em;
    }

    .inner-search-div .search-submit {
        right: 0;
        top: 0em;
        border-radius: 0px;
    }
    .id-Z7_2A161H41KOF810ATDJPAE808M4 {
        transform: translate(-135%,25%);
    }
    #stMobileNavToggle {
        top: 1.5em;
    }
    .newsBody {
        margin-left: -15px;
    }
    footer#stFooter {
        /*margin-top: -1.2em;*/
        background-color: #ffffff;
    }
    .news-list {
        width: 89%;
    }
    .inner-search-div {
        width: 93.3%;
    }
    .nav-item-a a, .nav-item-b a, .nav-item-c a, .nav-item-d a, .nav-item-e a, .nav-item-f a {
        color: #fff!important;
        font-weight: 500!important;
    }


    /********************ADVACNED SEARCH**************************/
    .text-filter-box input {
        width: 95% !important;
    }
    .sort-by-container ul li .sortby-title, .sort-by-container ul li .sortby-publication {
        background-size: 1.3em 1em;
    }
    .sort-by-container ul li .sortby-publication {
        background-position: 0.25em 0.3em;
    }
    .mega-nav-as .mega-nav-as-text {
        padding: 0.3em 1em 0.3em 1em;
        margin-left: 4px;
        width: 76%;
    }
    .mega-nav-as .mega-nav-as-icon {
        padding: 0.1em 0.4em 0.1em 0.1em;
    }
    .mega-nav-as div {
        padding-right: 0;
    }
    .mega-nav-as-icon .fa-search {
        padding: 0.05em 0.2em 0.25em 0.3em;
    }
    .icon-filter {
        padding: 0.3em 1.3em 0.45em 0.3em;
    }
    .icon-filter:before {
        font-size: 0.9em;
        padding-top: 0.2em;
    }
    .sort-by-container ul li label {
        padding: 0.2em 0.4em 0.2em 0em;
    }
    .sort-by-container ul li .sortby-title, .sort-by-container ul li .sortby-publication {
        background-size: 1.3em 1em;
    }
    .sort-by-container ul li .sortby-title span, .sort-by-container ul li .sortby-publication span {
        margin-left: 2em;
        padding: 0.48em 0.5em 0.32em 0.3em;
        font-size: 0.815em;
    }
    .sortby-relevance span:nth-child(2) {
        margin-left: 0.3em;
        font-size: 0.9em;
    }
    .sort-by-container ul li:first-child label span:last-child {
        padding-left: 0px;
    }
    .sort-by-container ul li {
        margin-left: 1.9%;
    }
    /*.mobile-sort-refine .mobile-cancel, .mobile-leftcancel {
    padding: 14%;
  }*/
    .search-for-mobile #stSearchBoxInput {
        width: 72%;
    }
    .st-row .st-col-c-4-of-12 {
        height: 450px;
        margin-left: 8px;
    }


    /********************END ADVACNED SEARCH**************************/



    /********************* C1 TEMPLATE RESPONSIVE STYLES START ****************************/


    .c1-syllabus-template .c1-courses .c1-show-desc-click {
        width: 78%;
    }
    .c1-courses-options div {
        width: 47.1%;
    }
    .c1-courses-two-col .c1-green-bg .c1-course-desc {
        width: 49%;
    }
    .c1-syllabus-template .c1-courses .c1-green-bg .c1-show-desc-click {
        width: 80%;
    }
    .c1-courses-two-col .c1-green-bg .c1-go-syllabus {
        width: 48%;
    }
    .c1-courses-one-col .c1-go-syllabus .c1-course-subhead {
        width: 102%;
    }
    .c1-syllabus-template .c1-courses-two-col .c1-course-subhead span.c1-go-to {
        padding-left: 0;
    }



    /********************* C1 TEMPLATE RESPONSIVE STYLES END ****************************/


    /********************* C2 TEMPLATE RESPONSIVE STYLES START ****************************/
    .rich-text-div.c2-template .related-resources .ui-accordion-header {
        padding: 0.36em 0.4em 0.36em 0.9em;
    }
    .main-content .rich-text-div .syllabus-download-inner span a {
        left: 25px;
        padding-left: 27.9%;
    }
    .c1-courses-two-col .c1-courses-options .c1-course-desc {
        width: 48%;
    }
    .c1-go-to {
        width: 75%;
    }
    .c1-syllabus-template .c1-courses-two-col .c1-course-subhead span.c1-go-to {
        margin-top: 0;
    }
    .c1-syllabus-container {
        width: 101%;
    }
    .rich-text-div .related-resources .ui-accordion-header {
        width: 98%;
    }
    .rich-text-div .implementationBlock {
        width: 106%;
    }
    .ui-accordion .ui-accordion-content {
        width: 113%!important;
    }

    /********************* C2 TEMPLATE RESPONSIVE STYLES END ****************************/


    /***************** C4 TEMPLATE RESPONSIVE STYLES START *********************/
    .C4-table .sliding-window {
        width: 220px;
    }
    .C4-table .sliding-window > table tr td div {
        width: 168px;
    }
    .C4-table .table-slider-ls > table tr td div {
        width: 137px;
    }
    .C4-table .table-slider  .sliding-window > table tr td div {
        width: 174px;
    }
    /*.ui-widget.ui-widget-content {
        padding-left: 10px!important;
        padding-right: 10px !important;
    }*/
    /*#table-html .td-wrapper {
        width: 43%;
    }*/
    #table-html .td {
        width: 38%;
    }
    #table-html .td:last-child {
        height: 69px;
        line-height: 61px;
        width: 38%;
    }
    #outcomesModal .modal-body h1 {
        margin-left: 0;
    }
    .modal-body li {
        width: 86%;
    }
    #table-html .td {
        height: 69px;
        line-height: 61px;
    }


    /***************** C4 TEMPLATE RESPONSIVE STYLES END *********************/

    /******************** C6 Template Responsive Css Start **********************/
    .c6-template .sliding-window {
        width: 215px;
    }
    .c6-template .table-slider-ls table td:hover {
        background-color: #f00078;
        color: #ffffff;
    }
    .c6-template .sliding-window > table tr td div {
        width: 156px;
    }
    .c6-template .table-slider-ls > table tr td div {
        width: 174px;
    }

    /******************** C6 Template Responsive Css End **********************/




    /***************** C8/9 TEMPLATE RESPONSIVE STYLES START *********************/
    /*.modal-body {
        padding: 0px;
    }*/
    #table-html {
        width: 100%;
    }
    div#eSyllabusAccordion .c9-accordion .content-introduction ul.separator li {
        width: 91%;
    }
    div#eSyllabusAccordion .c9-accordion .content-introduction ul.separator .c9-accordion-arrow {
        top: -7px;
    }
    div#eSyllabusAccordion li .c8-content-div .content-introduction p img.esyb-icons {
        max-width: 7%!important;
    }
    .ui-widget.ui-widget-content.glossary-popup {
        width: auto !important;
    }
    /*#table-html .td-wrapper {
        width: 42%;
    }*/
    .related-outcomes-popups .modal-body {
        position: relative;
        padding: 0px;
    }
    .related-outcomes-popups #table-html .td {
        width: 39%;
    }
    .ui-dialog .ui-dialog-titlebar-close .icon-cross {
        margin-left: 3px;
    }
    .c8-accordion-container .c8-content-div {
        width: 90%;
    }
    #eSyllabusAccordion {
        width: 108.5%;
    }
    .next-prev-container {
        width: 106.5% !important;
    }

    /***************** C9 TEMPLATE RESPONSIVE STYLES END *********************/

    /******************** C10 Template Responsive Css Start **********************/
    .syllabuses-by-learning-area ul li{
        width: 47%;
        margin-bottom: 8px;
        margin-right: 8px;
        margin-left: 0px;
    }
    .syllabuses-by-learning-area ul li:nth-child(even){
        margin-left: 0;
        margin-right: 0;
    }

    /******************** C10 Template Responsive Css End **********************/

    /************* Mobile MegaNav Footer CSS Start ***************/

    .footer-wrapper-meganav #stFooter .bottom-footer nav ul li div a {
        width: 100%;
    }
    .nsw-gov-logo {
        width: 100%;
    }
    .stNavListItem  div:nth-child(2) > ul > li > a:first-child {
        padding-left: 28px;
        padding-right: 0;
    }
    .stPageNavigation .stNavChild li a:link {
        margin-left: 12px;
    }
    .stPageNavigation .stNavChild li a:link span {
        margin-left: -14px;
    }
    .stPageNavigation .stNavChild ul.meganav_nav_level4 li span a span {
        margin-left: -28px;
    }
    .stPageNavigation .stNavChild ul.meganav_nav_level4 li span a {
        margin-left: 25px;
    }
    .stPageNavigation .stNavChild ul.meganav_nav_level4 li.hasChild ul li span a span {
        margin-left: -41px;

    }
    .stPageNavigation .stNavChild ul.meganav_nav_level4 li.hasChild ul li span a {
        margin-left: 24px;
    }
    #stSearchBoxInputMobile {
        float: left;
    }
    .stNavChild .customChildPages .li-mobile-wrapper > i.fa-angle-up:first-child {
        height: 100%;
    }
    .stBanner .stPageNavigation nav ul .stNavParentToggle {
        padding-left: 16.8em;
    }


    /************* Mobile MegaNav Footer CSS End ***************/





}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
    #stFooter nav{
        width:100%;
    }

    /*.inner-search-div {
        width: 91%;
        padding:1em 1em;
    }*/
    /* STYLES GO HERE */
    /*#stSearchBoxInput{
        /*width: 18em;*/
    /*height: 3em;
        padding: 0 4em;
        padding-left: 1em;
        display: inline-block;
        position: relative;
        border: none;
        /*box-shadow: 1px 2px 1px #7e7e7e;*/
    /*}
    #stSearchBoxButton{
        height: 2.34em;
        top: 0em;
        width: 2.5em;
        border: none;
        position: absolute;
        background-color: #f00078;
        right: 0;
        cursor: pointer;
    }*/
    .content-wrapper{
        width: 78%;
        margin: 0px 0;
        display: inline-block;
        vertical-align: top;
    }
    .orange-bg ul li{
        text-indent: -2em;
        padding-left: 2em;
    }
    .blue-bg ul li{
        text-indent: -2em;
        padding-left: 2em;
    }
    .slider-img img{
        /*width: 80%;
        height: 240px;*/
    }
    .row {
        padding:0;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
    /* STYLES GO HERE */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
    /* STYLES GO HERE */
}

@media only screen
and (max-device-width : 736px)
and (orientation : landscape) {

    /* STYLES GO HERE */
    .stBanner .stPageNavigation nav ul .stNavParentToggle {
        padding-left: 90.5%;
    }
    .syllabuses-by-learning-area ul li:nth-child(even){
        /*margin-left: 0;*/
        margin-right: 0;
    }
    .syllabuses-by-learning-area ul li {
        width: 48.9%;
    }
    .share-c2-syllabus .share-this-page {
        /*width: 90.2%;
        margin-left: 29px;*/
        width: 96.2%;
        margin: 23px auto 46px auto;
    }
    .home-mobile-right {
        padding-left: 90%;
    }
    .stPageNavigation nav > ul > li > div > a {
        padding: 0.85em 0.65em 0.95em 1em;
    }
    .footer-wrapper {
        height: 300px;
    }
    /*.right-col .res-accordion {
        margin-bottom: 46px;
    }*/
    .ui-accordion .ui-accordion-content {
        width: 104% !important;
        margin-left: -13px !important;
    }
    .rich-text-div .related-resources .support-material-richtext ul li {
        width: 96%;
    }
    .on-this-page a {
        width: 50%;
    }
    .on-this-page .promo-title h4 {
        padding: 8px 0px 8px 20px;
    }
    .otp-wrapper {
        padding: 10px 0 20px 20px;
    }
    .otp-less .otp-wrapper {
        padding: 10px 0 20px 20px;
    }
    /*.otp-wrapper {
        -webkit-column-count: 2;
        -webkit-column-gap: 40px;
        -webkit-column-rule: 1px solid #ccc;

        -moz-column-count: 2;
        -moz-column-gap: 40px;
        -moz-column-rule: 1px solid #ccc;

        column-count: 2;
        column-gap: 40px;
        column-rule: 1px solid #ccc;
    }*/
    .palegreen-bg p, .palegreen-bg ul {
        margin: 0;
        font-size: 0.875em;
        -webkit-margin-before: 0;
        -webkit-margin-after: 1em;
    }
    .rich-text-div > .palegreen-bg {
        margin-bottom: 0;
    }
    .right-col1 .index-wrapper {
        width: 106%;
    }
    .c1-syllabus-container {
        width: 103.7%;
        margin-left: -15px;
    }
    .c1-courses-two-col .c1-courses-title, .c1-courses-two-col .c1-courses-options {
        width: 97%;
    }
    .c1-courses-two-col .c1-courses-options .c1-course-desc {
        width: 49.8%;
    }
    .c1-courses-two-col .c1-go-syllabus {
        width: 48.4%;
    }
    .c1-syllabus-template .c1-courses .c1-show-desc-click {
        margin-top: 1em;
    }
    .c1-show-desc-click .fa.c1-show-arrow-desc {
        margin-top: 0px;
    }
    .c1-go-to {
        margin-top: 0.8em;
    }
    .c1-courses-two-col div:first-of-type .c1-go-to {
        margin-top: 10px;
    }
    .c1-courses-two-col .c1-green-bg .c1-go-syllabus {
        width: 48.4%;
    }
    .c1-languages-options .c1-go-syllabus {
        margin: 0px 5px;
        width: 47%;
    }
    .content-body .left-col, .content-body .right-col, .right-col .right-col1, .right-col .right-col2 {
        width: 95.6%;
    }
    .right-col .right-col1 {
        width: 100%;
    }
    .news-list {
        width: 94%;
    }
    .news-footer {
        height: 331px;
    }
    .pagination-arrow {
        margin-top: -4.2em;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    #stFooter .bottom-footer nav {
        width: 100%;
    }
    #stFooter .bottom-footer nav ul li a {
        padding: 0.5em 0em;
    }
    .pagination-arrow {
        margin-left: 0;
        position: absolute;
        left: 49.8%;
    }
    .c1-courses-one-col .c1-courses-title h3 {
        width: 97.8%;
        height: 31px;
    }
    .c1-courses-options div {
        width: 49.1%;
    }
    .c1-courses-one-col .c1-go-syllabus .c1-course-subhead {
        width: 98.2%;
    }
    .rich-text-div .implementationBlock {
        width: 105.5%;
        margin-left: -15px;
    }
    .rich-text-div .syllabus-download {
        width: 100%;
        margin-bottom: 23px;
    }
    .st-row .st-col-c-4-of-12 {
        height: 180px;
        width: 98%;
    }
    .jplist-panel .jplist-group ul li {
        width: 98%;
    }
    .jplist-panel .jplist-group .filter-buttons-bottom li {
        width: 98%;
    }
    .text-filter-box input {
        width: 98% !important;
    }
    .panel-top {
        height: 50%;
    }
    .stPageNavigation .stOpenNavLevel.stSecondLevelNav {
        width: 99.7%;
    }
    .main-content {
        padding-top: 0;
    }
    #stSearchBoxButton {
        margin-top: 0;
        height: 31px;
    }
    .right-col .right-col1 {
        padding: 0 16px;
        padding-left: 0;
    }
    /*.inner-search-div {
        width: 96.9%;
    }*/
    #stSearchBoxInput {
        margin-left: 1em;
        height: 29px;
        border: none;
    }
    .toggleBreadcrumb {
        padding: 1.1em 0 1em 2.5em;
    }
    .content-body .right-col {
        padding: 0 5%;
        width: 90%;
    }
    .rich-text-div .related-resources .ui-accordion-header {
        width: 100.9%;
        margin-left: -15px;
    }
    .main-content .rich-text-div .related-resources .support-material-richtext {
        width: 110%;
        margin-left: -30px;
    }
    .c1-languages-template .c1-syllabus-container.c1-no-accordion {
        width: 110%;
    }
    .next-prev-container {
        margin-left: -14.5px;
        width: 105% !important;
    }
    #eSyllabusAccordion {
        /*margin-left: -2em;*/
        width: 106%;
    }
    .c8-accordion-container .c8-content-div {
        width: 95%;
    }
    .newsBody {
        margin-left: -30px;
        width: 101.1%;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 2.5em;
    }
    .stPageNavigation .stNavChild li ul li ul li a:link {
        margin-left: 24px;
    }
    .stPageNavigation .stNavChild li ul li ul li ul li a:link {
        margin-left: 36px;
    }
    .related-outcomes-popups #table-html .td {
        width: 45%;
    }
    #table-html .td:nth-child(even) {
        margin-right: 0;
    }
    /*#table-html .td:nth-child(3) {
        margin-right: 0.8em;
    }*/
    #table-html .td:nth-child(odd) {
        margin-right: 3.5%;
    }
    #table-html .td {
        width: 45%;
    }
    #table-html .td:last-child {
        width: 45%;
    }
    .ui-widget.ui-widget-content.related-outcomes-popups {
        width: 100%!important;
    }
    .glossary_scroll {
        margin-left: -30px;
    }
    div.glossary_index {
        padding-left: 21px;
    }
    .sort-by-container ul li label {
        padding: 0.45em 0.6em 0.35em 0em;
    }
    .sort-by-container ul li .sortby-title span, .sort-by-container ul li .sortby-publication span {
        padding: 0.45em 0.5em 0.35em 0.5em;
    }
    .form-control {
        /*width: 97.5%;*/
    }
    .share-this-page {
        width: 96%;
        margin: 0 auto 46px auto;
    }
    .share-syllabus .share-this-page {
        margin: 0;
        margin-bottom: 46px;
        width: 100%;
    }
    .share-news .share-this-page {
        margin: 23px auto 46px;
        width: 100%;
    }
    /*.share-contact .share-this-page {
        width: 90.4%;
    }*/
    .share-c1-lang-child .share-this-page {
        width: 100%;
    }
    div.sliding-window table tr td div {
        /*border-bottom: none;*/
    }
    .st-row:after {
        display: none;
    }
    .right-col .palegreen-bg {
        margin-top: 23px;
    }
    .c4-template #sub-related-resources {
        padding-bottom: 23px;
    }
    .c4-template .related-resources {
        margin-bottom: 0;
    }
    div#eSyllabusAccordion .c9-accordion .content-introduction ul.separator li {
        width: 98.5%;
        margin-left: -25px;
    }
    .separator-clicked .c8-acc-close {
        padding-right: 9px;
    }
    .c9-accordion .content-introduction .accordion-content {
        width: 101.2%;
        margin-left: -25px;
    }
    .c9-template .related-resources {
        margin-bottom: 23px;
    }
    .C4-table .table-slider .tbl-slider-active .sldr-prev.chrome-only-left {
        left: -1px;
    }
    .C4-table .table-slider .tbl-slider-active .sldr-next.chrome-only-right {
        right: -36.5px;
    }
    #outcome-table-api .table-slider-ls > table thead tr th {
        border-right: none;
    }
    .c6-template .table-slider .tbl-slider-active .sldr-prev {
        left: -3px;
    }
    .c6-template .table-slider .tbl-slider-active .sldr-next {
        right: -2.4em;
    }
    .c6-template .table-slider .tbl-slider-active .sldr-prev.chrome-only-left {
        left: -1px;
    }
    .c6-template .table-slider .tbl-slider-active .sldr-next.chrome-only-right {
        right: -36.5px;
    }
    .c6-template .sliding-window > table tr td div {
        width: 255px;
    }
    .c6-template .table-slider-ls > table thead tr th {
        border-right: none;
    }
    .table-slider-ls .zebra-striped {
        margin-left: 2.2em;
    }
    .table-slider {
        margin-left: 3px;
    }
    .logo-div {
        margin-left: 0.8em;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

    /* STYLES GO HERE */
    .rich-text-div .implementationBlock {
        padding-left:15px;
    }
    .rich-text-div .implementationBlock .implementationBody{
        padding: 0.1em 1.2em 1em 1.2em;

    }
    /*.rich-text-div.c2-template .related-resources .ui-accordion-header {
        width: 104.5%;
    }*/
    /*.stPageNavigation .stOpenNavLevel.stSecondLevelNav{
        top: 6.6em !important;
    }*/
    .stPageNavigation .stOpenNavLevel.stSecondLevelNav {
        width: 99.8%;
        margin: 0 auto;
        left: 0;
    }
    .rich-text-div .syllabus-download{

        width: 80%;
        padding-right: 20px;
        margin-bottom: 20px;
    }
    .rich-text-div .syllabus-download .syllabus-download-inner span{
        height:43px;

    }
    .main-content .rich-text-div .syllabus-download-inner span a{

        padding-top: 10%;
        padding-left: 33%;
    }
    .rich-text-div .syllabus-download .syllabus-download-inner span{
        height:auto;
        font-size: 1em;
        padding-left: 0px;
    }
    .rich-text-div .syllabus-download .syllabus-download-inner > label{

        margin-left: 3px;
    }
    .c1-go-to {
        margin-top: 0.9em;
    }
    .c1-syllabus-template .c1-courses .c1-show-desc-click {
        margin-top: 1em;
        display: inline-block;
        width: 79%;
    }
    .c1-show-desc-click .fa.c1-show-arrow-desc {
        margin-top: -8px;
    }
    .c1-courses-two-col .c1-courses-title, .c1-courses-two-col .c1-courses-options {
        width: 97%;
    }
    .c1-courses-two-col .c1-green-bg {
        width: 97%;
    }
    .c1-courses-two-col .c1-go-syllabus {
        width: 48.5%;
    }
    .c1-courses-two-col .c1-courses-options .c1-course-desc {
        width: 49%;
    }
    .c1-courses-two-col .c1-green-bg .c1-go-syllabus {
        width: 48.4%;
    }
    .c1-courses-one-col .c1-courses-title h3 {
        width: 98%;
    }
    .c1-courses-options div {
        width: 49.1%;
    }
    .c1-courses-one-col .c1-go-syllabus .c1-course-subhead {
        width: 100%;
    }
    .home-mobile-right {
        padding-left: 39em;
    }
    .footer-wrapper-meganav .footer_inner {
        padding-left: 30px;
    }
    .footer-wrapper-meganav .bottom-footer-inner {
        width: 100%;
    }
    /*.stNavListItem .stParentContainer:first-child a:first-child {
        padding-left: 14.5px;
    }*/
    .stPageNavigation .stNavChild li ul li ul li a:link {
        margin-left: 23px;
    }
    .stPageNavigation .stNavChild li ul li ul li ul li a:link {
        margin-left: 40px;
    }
    .stPageNavigation nav ul div ul  .hasChild ul, a#hasChildIcon {
        display: none;
    }
    /*.c1-courses-title h3 {
        width: 54%;
    }*/
    .c1-syllabus-template .c1-courses .c1-green-bg .c1-show-desc-click {
        width: 79%;
    }
    .c1-show-click {
        padding: 1em 1em 1.2em 1em;
    }
    .c1-syllabus-template .c1-syllabus-container.menu-course-3 {
        margin-bottom: 0;
    }
    /*.fa.c1-close-course, .c1-close-desc, .c1-close-two-desc {
        display: block;
    }*/
    .menu-course-3 .c1-show-courses .c1-course-subhead {
        margin-bottom: 0px;
    }
    div.srch-div {
        display: none;
    }
    /*.stNavigation, .stNavigationShow {
        padding-top: 20px;
    }*/
    .stBanner.stGroup {
        min-height: 56px;
    }
    #header {
        height: 130px;
    }
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    /* STYLES GO HERE */
    #back-to-top-btn{
        right: 4%;
    }
    div.item_fixed {
        top: 198px !important;
    }
    #stFooter .bottom-footer nav ul li div a {
        padding-right: 2.3em;
    }
    .third-col-cover {
        width: 194px;
    }
    .syllabus-text .third-col-cover {
        width: 200px;
    }
    .st-row .st-col .id-Z7_2A161H41K07810AT44K5F01044 {
        margin-left: 0;
    }
    .two-col .col {
        width: 41.5%;
    }
    .two-col .orange-bg, .two-col .purple-bg:first-child {
        margin-right: 1em;
    }
    #stNavContent {
        width: 99%;
    }
    .logo-div {
        padding-left: 2em;
    }
    .search-wrapper {
        padding-right: 3em;
    }
    .stPageNavigation nav > ul > li > div > a {
        padding: 11.9px 16px;
    }
    .stPageNavigation .stOpenNavLevel.stSecondLevelNav {
        width: 94.8%;
    }
    .mobile-custom-accordion-arrow {
        display: none;
    }
    #stFooter nav {
        width: 21.5%;
    }
    #stFooter .bottom-footer nav ul li {
        margin-right: 2.5%;
    }
    #stFooter nav ul {
        width: auto;
    }
    #stFooter .bottom-footer nav {
        width: 92%;
    }
    .bottom-footer-inner {
        max-width: 933px;
    }
    .stMainContent {
        padding-bottom: 395px!important;
    }
    .stLayoutContainers .st-section > .st-row {
        width: 93.2%;
    }
    .on-this-page {
        width: 92%;
    }
    /*.stMainContent {
        padding-top: 198px!important;
    }*/
    .syllabuses-by-learning-area ul li{
        margin-right: 7px;
        width: 120px;
    }

    .c1-courses-two-col .c1-go-syllabus{
        width: 49%;
    }
    .c1-languages-options div{

        width:48%;
    }
    .c1-courses-options div{

        width:49.5%;
    }
    .c1-courses-two-col div {
        display: inline-block;
        width: 48.78%;
    }
    .languages-board-dev .c1-courses-two-col > div:nth-child(2) {
        width: 49.5%;
    }
    .menu-course-1 .c1-courses-two-col > div:nth-child(2), .menu-course-2 .c1-courses-two-col > div:nth-child(2), .menu-course-3 .c1-courses-two-col > div:nth-child(2) {
        margin: 0px 5px 0 0px;
        width: 49.5%;
    }
    .menu-course-1 .c1-course-separator.c1-courses-one-col .c1-courses-title h3, .menu-course-2 .c1-course-separator.c1-courses-one-col .c1-courses-title h3, .menu-course-3 .c1-course-separator.c1-courses-one-col .c1-courses-title h3 {
        width: 97.3%;
    }
    .c1-courses-two-col .c1-courses-options {
        width: 100%;
    }
    .c1-syllabus-template .c1-course-subhead {
        font-size:20px;
    }
    .c1-syllabus-template .c1-course-subhead span.c1-go-to a {
        display: inline-block;
        width: 99%;
    }
    .c1-syllabus-arrow-course{
        display: inline-block;
        position: absolute;
        margin-top: 4px;
    }
    .c1-syllabus-arrow-course {
        margin-left: -26px;
    }
    .c1-courses-two-col div:first-of-type .c1-syllabus-arrow-course, .c1-courses .c1-courses-two-col div:first-of-type .c1-syllabus-arrow-course, .c1-courses .c1-courses-two-col div:first-of-type .c1-syllabus-arrow-course {
        margin-left: -24px;
    }
    .c1-go-to {
        display: inline-block;
        padding-right: 32px;
        margin-top: 0;
    }
    .c1-syllabus-container {
        width: 98%;
    }
    .stPageNavigation nav > ul > li:last-child > div {
        width: 15%;
    }
    .stPageNavigation nav > ul > li:last-child  > div > a {
        width: 60%;
    }
    .stPageNavigation  nav > ul > li:last-child  div:nth-child(2).stOpenNavLevel.stSecondLevelNav {
        width: 10.6%;
        left: auto;
        right: 7.5px;
    }
    .stPageNavigation .stOpenNavLevel.stSecondLevelNav {
        top: 6.4em !important;
    }
    .c1-courses-two-col .c1-courses-title, .c1-courses-two-col .c1-courses-options {
        width: 99%;
    }
    .c1-course-desc .c1-course-subhead {
        padding: 0px;
    }
    .c1-go-syllabus .c1-course-subhead {
        padding: 0px;
        min-height: 40px;
    }
    .c1-course-subhead .fa-angle-right:before {
        padding: 0.2em 0.3em 0.3em 0.3em;
    }
    .c1-green-bg .c1-course-desc .c1-course-subhead {
        padding: 0px;
        padding-right: 10px;
    }
    .c1-courses-two-col .c1-blank {
        width: 49.2%;
    }
    .c1-courses-two-col .c1-green-bg .c1-go-syllabus {
        width: 48.5%;
    }
    .c1-courses-one-col .c1-courses-title h3 {
        width: 96%;
    }
    .c1-courses-one-col .c1-course-desc .c1-course-subhead {
        padding: 11px;
    }
    .c1-courses-one-col .c1-show-desc-click .fa.c1-show-arrow-desc {
        margin-top: 0px;
    }
    .c1-syllabus-template .c1-courses-one-col .c1-course-subhead span.c1-go-to a {
        width: auto;
    }
    .c1-courses-one-col .c1-go-to {
        padding: 11px 32px 11px 11px;
    }
    .c1-courses-one-col .c1-course-subhead .fa-angle-right:before {
        padding: 0.2em 0.3em 0.35em 0.3em;
    }
    .c1-courses-two-col .c1-blank {
        height: 90px;
    }
    .c1-courses-two-col .c1-green-bg {
        width: 99%;
    }
    .rich-text-div.c2-template .related-resources .ui-accordion-header {
        width: 94.2%;
    }
    .main-content .rich-text-div .support-material-richtext a  {
        color: #22272B;
    }
    .support-material-richtext p {
        background-color: rgba(221,229,237,0.4);
        padding: 0.5em .5em 0.5em 1.4em;
        margin: 0;
        margin-bottom: 5px;
    }
    .c1-no-accordion {
        width: 100%;
    }
    .c1-no-accordion .c1-courses-title {
        width: 49.3%;
    }
    .c1-no-accordion .c1-go-syllabus {
        width: 49%;
        margin-left: 0;
    }
    .c1-no-accordion .c1-course-separator .c1-courses-title {
        margin: 0px;
        margin-right: 5px;
    }
    .c1-no-accordion .c1-languages-options h3 {
        padding: 13px 0 12px 16px;
    }
    .c1-no-accordion .c1-go-syllabus .c1-course-subhead {
        padding: 11px 0 0px 0px;
        font-size: 0.813em;
    }
    .c1-no-accordion .c1-go-syllabus .c1-course-subhead span {
        vertical-align: sub;
    }
    .c1-no-accordion .c1-syllabus-arrow-course {
        margin-top: 0;
    }
    .c1-no-accordion .c1-courses-one-col .c1-course-subhead .fa-angle-right:before {
        padding: 0.45em 0.3em 0.43em 0.3em;
    }
    .c1-syllabus-template .c1-no-accordion .c1-course-subhead span a {
        margin-right: 39px;
    }
    .c1-courses-title h3 {
        width: 97.4%;
    }
    .c1-course-separator .c1-courses-title h3 {
        width: 55%;
    }
    .c1-courses-title h3 {
        padding: 9px 0 10px 18px;
    }
    .c1-course-separator.c1-courses-one-col .c1-courses-title h3 {
        width: 96%;
    }
    .c1-no-accordion .c1-courses-title h3 {
        width: 95%;
    }
    .c1-show-desc-click .fa.c1-show-arrow-desc {
        position: absolute;
        margin-top: -14px;
    }
    .c1-syllabus-template .c1-courses .c1-show-desc-click {
        margin-top: 0;
        padding-right: 35px;
        display: inline-block;
        width: 68%;
        text-align: right;
    }
    .c1-courses-two-col .c1-status {
        margin-left: 8px;
    }
    .featuretext_wrapper{
        width: 58.6%;
    }
    .syllabus-text .featuretext_wrapper {
        width: 64%;
        min-height: 149px;
    }

    #hsc-exm {
        padding-left: 0;
    }
    .sliding-window {
        width: 615px;
    }
    .sliding-window > table tr td div {
        width: 146px;
    }
    .sliding-window > table tr th, .table-slider-ls > table thead tr th {
        padding: 4.7px 19px;
    }


    .syllabus-download-inner {
        padding-top: 0px;
    }
    .main-content .rich-text-div .syllabus-download-inner span a {
        padding-top: 37px;
    }
    #stSearchBoxButton {
        height: 31px;
    }
    .c1-courses-two-col .c1-courses-title .c1-two-col-grey {
        width: 100.5%;
        height: 100%;
    }
    .fa.c1-mobile-cross {
        margin: 12px 12px 0 0;
        font-size: 18px;
    }
    .fa.c1-desktop-cross {
        margin: 5px 12px 0 0;
        font-size: 20px;
    }
    .rich-text-div.c10-template .palegreen-bg.col {
        margin-bottom: 20;
    }
    .fa-search {
        padding-top: 5px;
    }
    .syllabus-text h2 {
        margin-top: 27px;
    }
    .table-slider .tbl-slider-active .sldr-prev {
        left: 10px;
    }
    .table-slider .tbl-slider-active .sldr-next {
        right: -39px;
    }
    .C4-table .table-slider .tbl-slider-active .sldr-prev {
        left: 10px;
    }
    .C4-table .table-slider .tbl-slider-active .sldr-next {
        right: -39px;
    }
    .C4-table .sliding-window > table tr td div {
        min-height: 282px;
    }
    .C4-table .table-slider-ls > table tr td div {
        min-height: 286.5px;
    }
    .glossary_intro {
        min-height: 155px!important;
    }
    .stPageNavigation nav > ul > li:last-child  div:nth-child(2) {
        margin-right: 0.5em;
    }

    /*Advanced Search for landscape tablet facet menu*/
    .jplist-panel .jplist-group .ASBlock > ul > li {
        min-width: initial;
    }
    .jplist-panel .jplist-group ul li {
        width: 69%;
    }
    .jplist-group .NewsASBlock .ul5 li, .jplist-group .NewsASBlock ul li {
        width: 44%;
    }
    .jplist-group .update-all, .jplist-group .update-all:hover {
        padding-right: 1.35em;
        padding-left: 1.35em;
    }

    .jplist-group .clear-all {
        padding-right: 0.4em;
        padding-left: 0.4em;
        margin-left: 0.7em;
    }
    .clear-facet {
        padding: 0;
    }
    .text-filter-box input {
        width: 90% !important;
    }

}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .stBanner .stPageNavigation nav ul .stNavParentToggle {
        padding-left: 91.5%;
    }
    .home-mobile-right {
        padding-left: 39.2em;
    }
    /*.right-col .res-accordion {
        margin-bottom: 0;
    }*/
    /*.right-col-main {
        margin-bottom: 0px;
    }*/
    .c8-accordion-container .c8-content-div {
        width: 95%;
    }
    .toggleBreadcrumb {
        padding: 1.1em 0 1em 2.6em;
    }
    .one-col h1 {
        padding-top: 16px;
    }
    .logo-div {
        margin-left: 28px;
    }
    #stMobileNavToggle {
        right: 28px;
    }
    div.sliding-window table td div {
        border-bottom: none;
    }
    .news-list {
        width: 95%;
    }
    .footer-wrapper {
        height: 300px;
    }
    .on-this-page a {
        width: 50%;
    }
    .news-footer {
        height: 359px;
    }
    /*.otp-wrapper {
        -webkit-column-count: 2;
        -webkit-column-gap: 40px;
        -webkit-column-rule: 1px solid #ccc;

        -moz-column-count: 2;
        -moz-column-gap: 40px;
        -moz-column-rule: 1px solid #ccc;

        column-count: 2;
        column-gap: 40px;
        column-rule: 1px solid #ccc;
    }*/
    .palegreen-bg p, .palegreen-bg ul {
        margin-top: 0;
    }
    /*.stMainContent {
        padding-top: 100px!important;
    }*/
    #header {
        height: 100px;
    }

    .syllabuses-by-learning-area ul li{

        width: 341px;
    }
    .syllabus-download-inner{
        padding-top: 0%;
        padding-left: 20%;
    }
    .c1-syllabus-container {
        width: 104.3%;
        margin-left: -15px;
    }
    .c1-courses-title .c1-two-col-grey h3, .c1-courses-two-col .c1-two-col-green h3 {
        width: auto;
    }
    .c1-courses-two-col .c1-courses-options .c1-course-desc {
        width: 50%;
    }
    .inner-search-div {
        padding: 10px 10px 10px 29px;
    }
    .one-col span {
        width: 100%;
    }
    .next-prev-container{

        width:57%;
    }
    .jplist-panel .mobile-leftcancel {
        margin-right: 1.3em;
    }

    .rich-text-div .implementationBlock {
        width: 106%;
    }
    .sliding-window {
        margin-bottom: 46px!important;
    }
    .c1-no-accordion .c1-courses-title h3 {
        padding: 8px 0 5px 16px;
    }
    .c1-no-accordion .c1-languages-options .c1-go-syllabus {
        margin: 0px 5px;
        width: 47%;
    }
    .c1-no-accordion .c1-courses-one-col .c1-go-syllabus .c1-course-subhead {
        width: 100%;
    }
    .c1-no-accordion .c1-languages-options .c1-courses-title {
        margin-right: 10px;
    }
    .c1-courses-two-col .c1-go-syllabus {
        width: 48.4%;
    }
    .c1-courses-two-col .c1-green-bg {
        margin-left: 8px;
    }
    .c1-courses-one-col .c1-go-syllabus .c1-course-subhead {
        width: 99%;
    }
    .c1-desktop-cross {
        margin: 1px 0px 0 0;
    }
    .c1-mobile-cross {
        font-size: 20px;
    }
    .st-row .st-col-c-4-of-12 {
        /*height: 895px;*/
        width: 25%;
    }
    .jplist-panel .jplist-group ul li {
        width: 96%;
    }
    .jplist-panel .jplist-group .filter-buttons-bottom li {
        width: 96%;
    }
    .rich-text-div .col {
        margin-bottom: 0px;
    }
    .stControl {
        /*margin-bottom: 26px;*/
    }
    .c10-template .looking-for-tag {
        margin-top: 15px;
        margin-bottom: 0;
    }
    .right-col .palegreen-bg {
        margin-top: 23px;
    }
    #eSyllabusAccordion{
        width: 105.5%;
    }
    .main-content .rich-text-div .related-resources .support-material-richtext {
        width: 110%;
        margin-left: -33px;
    }
    .rich-text-div.c2-template .related-resources .ui-accordion-header {
        width: 100%;
        margin-left: -16px;
    }
    .content-body .right-col {
        width: 96%;
        padding: 0 4%;
        padding-left: 0;
    }
    .third-col-cover{
        width: 210px;
    }
    .content-body .right-col.c8-title {
        width: 95%;
        padding: 0px 17px;
    }
    .rich-text-div .related-resources .ui-accordion-header {
        width: 103.5%;
        margin-left: -33px;
    }
    #table-html .td{
        width: 45%;
    }
    #table-html .td:nth-child(odd) {
        margin-right: 4%;
    }
    /*#table-html .td:nth-child(3n) {
        margin-right: 0.8em;
    }*/
    .sliding-window > table tr td, .table-slider-ls > table tr td {
        border: 1px solid #C0C6C9;
    }
    #outcome-table-api .table-slider-ls > table thead tr th {
        border-right: none;
    }
    .C4-table .table-slider .sliding-window > table tr td div, div.table-slider-ls table td div {
        border-bottom: none;
        border-right: none;
    }
    .related-outcomes-popups #table-html .td {
        width: 45%;
    }
    #table-html .td:last-child {
        width: 45%;
    }
    .ui-widget.ui-widget-content.related-outcomes-popups {
        width: 100%!important;
    }
    #outcomesModal .modal-body-content {
        margin-bottom: 38px;
    }
    .sliding-window {
        margin-bottom: 23px!important;
    }
    .c4-template #sub-related-resources {
        margin-bottom: 0;
    }
    .glossary_scroll {
        margin-left: -17px;
        width: 111%;
    }
    div.glossary_index {
        padding-left: 10px;
    }
    dl.glossary dt {
        width: 93.5%;
        margin: 0 23px 0 15px;
    }
    dl.glossary dd {
        margin: 0 23px 0 15px;
    }
    div.item_fixed {
        top: 6em !important;
    }
    .sort-by-container ul li .sortby-title span, .sort-by-container ul li .sortby-publication span {
        padding: 0.45em 0.5em 0.35em 0.5em;
    }
    .bottom-footer {
        padding: 0 0 2em 0;
    }
    .share-c2-syllabus .share-this-page {
        width: 96%;
    }
    .share-this-page {
        margin: 0 auto 46px;
        width: 96%;
    }
    dl.glossary dd {
        width: 95.5%;
    }
    .table-slider .tbl-slider-active .sldr-prev {
        left: -2px;
    }
    .table-slider .tbl-slider-active .sldr-next {
        right: -38px;
    }
    .C4-table .table-slider .tbl-slider-active .sldr-prev {
        left: 10px;
    }
    .table-slider {
        margin-left: 1.2em;
    }
    .table-slider-ls .zebra-striped {
        margin-left: 3.5em;
    }

}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
    /* STYLES GO HERE */
    .mobile-custom-accordion-arrow {
        display:none!important;
    }
    #stSearchBoxButton {
        height:97%;
        right: 0.01em;
    }
    /* start top menu padding desktop*/
    div#stNavContainer {
        padding-top: 8px;
    }
    /* end top menu padding desktop*/
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
    /* STYLES GO HERE */
    /*.stLayoutContainers .st-section > .st-row-home{
        margin-left: 21.5em;
    }*/
    .mobile-custom-accordion-arrow {
        display:none;
    }
    .c1-course-subhead .fa-angle-right:before {
        padding: 0.49em 0.3em 0.45em 0.3em;
    }

}
/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
    .ui-accordion .ui-accordion-content {
        width: 106% !important;
    }
    .grey-bg col{
        display:visible !important;
        width:100%;
        height:40px;
    }
    #right-col-1 {
        margin-bottom: 0em;
    }
    .downloadSection {
        padding: 1em 0 1em 0;
        font-size: initial;
    }
    #hsc-exm {
        padding-left: 1em;
    }

    #cmd, #print, #syllabus_print_this_page,
    #syllabus_download_this_page, #syllabus_download_this_page_c1,
    #syllabus_print_this_page_c1,
    #syllabus_download_this_page_languages,
    #syllabus_print_this_page_languages,
    #syllabus_download_this_page_global,
    #syllabus_print_this_page_global,
    #syllabus_print_this_page_c8_and_c9,
    #syllabus_download_this_page__c8_and_c9,
    #share_this_page
    {
        font-weight: 700;
        display: block;
        cursor: pointer;
        color: #002664;
        font-size: 0.875em;
        font-family: 'PublicSans', Arial;
    }



    /* STYLES GO HERE */
    #stSearchBoxInputMobile {
        /*width: 85%;*/
        height: 100%;
    }
    .content-wrapper{
        /*width: 90%;*/
        width: 100%;
        margin: 0px 0;
        display: inline-block;
        vertical-align: top;
    }
    .slider-img img{
        width: 100%;
        height: auto;
    }
    .purple-bg ul li {
        border: none;
        /*border-top: 1px solid #000;*/
        border-bottom: 1px solid #EBEBEB;
        margin: 5px;
    }
    .purple-bg:nth-child(2) ul li {
        /*border: 1px solid #000;*/
        margin: 1em 0;
    }
    .purple-bg ul li:first-child {
        /*border-bottom: 1px solid #000;*/
        /*margin: 0;*/
    }


    .home-news-row {
        margin-left: 0;
        padding-left: 16px;
    }
    .home-news-row .news-title {
        width: 100%;
    }
    .right-col2 .col {
        display: none;
    }
    .footer_inner {
        padding: 2em;
    }
    #stFooter .bottom-footer nav {
        padding-bottom: 0.5em;
    }
    .bottom-footer-inner{
        padding-top: 1em;
        padding-bottom: 1em;
    }
    .main-content > div.content-body {
        overflow-x: hidden;
        padding-top: 0;

    }
    .main-content{
        padding-top: 0px;
        /*background-size: auto;*/
        background-position: 0px 0px;
        padding-bottom: 0;
    }
    .news-list {
        border: none;
        background-color: #fff;
    }
    .news-type {
        background-color: #002664;
    }
    .component-container {
        background-color: transparent;
    }
    .stPageNavigation nav > ul > li:last-child {
        display: none;
    }
    #stNavContent{
        max-width: 1224px;
        margin: 0 auto;
        width: 100%;
        padding-bottom: 27px;
        /*padding:3em 1em 0 1em;*/
    }
    .customChildPages ul {
        width: 100%;
    }


}

@media only screen
and (max-device-width : 667px)
and (orientation : landscape) {
    .next-prev-container {
        width: 105.6% !important;
    }
}
@media only screen
and (max-device-width : 640px)
and (orientation : landscape) {
    .panel-top {
        height: 40%;
    }
    div#eSyllabusAccordion .c9-accordion .content-introduction ul.separator li {
        width: 98%;
    }
    .home-mobile-right {
        padding-left: 89%;
    }
    .related-outcomes-popups #table-html .td, .related-outcomes-popups #table-html .td:last-child {
        width: 44.5%;
    }
    #table-html .td {
        width: 44%;
    }
    .next-prev-container{
        margin-left: -12.5px;
    }
    .table-slider {
        margin-left: 4px;
    }
}
@media only screen
and (max-device-width : 568px)
and (orientation : landscape) {
    div#eSyllabusAccordion .c9-accordion .content-introduction ul.separator li {
        width: 94%;
    }
    /*.inner-search-div {
        width: 96.5%;
    }*/
    .share-contact .share-this-page {
        margin: 0 0px 46px 14px;
        width: 94.4%;
    }
    .c1-courses-two-col div {
        width: 100%;
    }
    .c1-syllabus-container {
        width: 102%;
        margin-left: -11px;
    }
    #table-html .td {
        width: 44%;
    }
    #table-html .td:last-child {
        width: 44%;
    }
    .related-outcomes-popups #table-html .td, .related-outcomes-popups #table-html .td:last-child, #table-html .td, #table-html .td:last-child {
        width: 44%;
    }
    #table-html .td:nth-child(odd) {
        margin-right: 4%;
    }
    div#eSyllabusAccordion .c9-accordion .content-introduction ul.separator li {
        width: 98%;
    }
    .next-prev-container {
        margin-left: -11.5px;
    }
    .inner-search-div {
        width: 96%;
    }
    #eSyllabusAccordion{
        margin-left: -0.9em;
    }
    .c8-accordion-container .c8-content-div {
        width: 94%;
    }
}

/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
    /* STYLES GO HERE */
    .right-col1 .index-wrapper {
        width: 103%;
    }
    .stBanner .stPageNavigation nav ul .stNavParentToggle {
        padding-left: 91%;
    }
    .footer-wrapper-meganav {
        min-height: inherit;
    }
    .footer-wrapper-meganav .bottom-footer-inner {
        width: 100%;
    }
    .footer-wrapper-meganav #stFooter .bottom-footer nav ul li div a {
        width: 100%;
    }
    /*#stSearchBoxInput {
        width: 180px;
    }*/
    .c1-courses-two-col .c1-go-syllabus {
        width: 48.7%;
    }
    .c1-syllabus-template .c1-courses .c1-show-desc-click {
        margin-top: 1em;
    }
    .c1-show-desc-click .fa.c1-show-arrow-desc {
        margin-top: -8px;
    }
    .c1-go-to {
        margin-top: 0.8em;
    }
    .c1-courses-two-col .c1-green-bg .c1-go-syllabus {
        width: 48.7%;
    }
    .c1-courses-title .c1-two-col-grey h3, .c1-courses-two-col .c1-two-col-green h3 {
        width: auto;
    }
    .c1-syllabus-container {
        /*width: 102%;*/
    }
    .right-col .rich-text-div ul.c1-a-z-index {
        margin-left: 8px;
    }
    .right-col .rich-text-div ul.c1-a-z-index {
        margin-left: 8px;
    }
    .c1-courses-options div {
        width: 48%;
    }
    .c1-courses-one-col .c1-go-syllabus .c1-course-subhead {
        width: 100%;
    }
    .c1-courses-options{
        width: 99%;
    }
    .c1-courses-one-col .c1-courses-title h3 {
        width: 97%;
    }
    .c1-languages-options .c1-go-syllabus {
        width: 47%;
        margin: 0px 5px 0 8px;
    }
    .c1-courses-title h3 {
        padding: 7px 0 7px 16px;
    }
    .c1-courses-two-col .c1-courses-options .c1-course-desc{
        width: 49.2%;
    }
    .next-prev-container {
        width: 105%;
    }
    /*#eSyllabusAccordion {
        width: 105%;
    }*/
    .main-content .rich-text-div .syllabus-download-inner span a {
        padding-left: 131px;
        padding-top: 35px;
    }
    .rich-text-div .related-resources .ui-accordion-header {
        width: 99%;
    }
    .main-content .rich-text-div .related-resources .support-material-richtext {
        width: 110%;
    }
    /*#stSearchBoxInputMobile {
        width: 55%;
    }*/
    .st-row .st-col-c-4-of-12 {
        height: 152px;
    }


}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape){
    .main-content .rich-text-div .syllabus-download-inner span a {
        padding-top:0px!important;
    }
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px){
    .main-content .rich-text-div .syllabus-download-inner span a {
        padding-top:0%!important;
        padding-left: 0%!important;
    }
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px){
    .rich-text-div .syllabus-download .syllabus-download-inner > label {
        margin-left: 0px!important;
        margin-top: 1%;
    }
    .main-content .rich-text-div .syllabus-download-inner span a {
        padding-top: 10%!important;
        padding-right: 0%!important;
        position: unset!important;
        margin-top: -30px!important;
        /*margin-left: 12px!important;*/
    }
}
@media only screen
and (max-device-width : 568px)
and (orientation : landscape) {
    .news-list {
        width: 92.5%;
    }
    #stSearchBoxInput {
        margin-left: 0.8em;
    }
}

/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
    /* STYLES GO HERE */
    /*#hasChildTitle{
        margin: 0 auto;
        display: inline-block;
        width: 98%;
        background-color: #fff;
    }   */
    .customChildPages ul li a{
        text-indent: 1em;
    }
    .customChildPages ul .hasChild ul li a{
        text-indent: 2em;
    }
    .customChildPages ul .hasChild ul .hasChild ul li a{
        text-indent: 3em !important;
    }
    .customChildPages ul .hasChild ul .hasChild ul .hasChild ul li a{
        text-indent: 4em !important;
    }
}
@media only screen
and (min-device-width: 769px)
and (max-device-width: 850px){
    .c1-courses-title .c1-two-col-grey {
        height: 100%;
    }
    .meganav_nav_level4 li {
        display: none!important;
    }
    .fa-search {
        padding: 0.15em 0.05em 0.2em 0.2em;
    }
    .stPageNavigation nav > ul > li:last-child > div {
        width: 22.4%;
    }
    .stPageNavigation  nav > ul > li:last-child  div:nth-child(2).stOpenNavLevel.stSecondLevelNav {
        width: 14.2%;
        right: 21.5px;
        left: auto;
        top: -4px;
    }
    .main-content .content-body {
        padding-top: 1em;
    }
    .stMainContent {
        /*padding-top: 202px!important;*/
        padding-bottom: 300px!important;
    }
    #stFooter .bottom-footer nav ul li {
        margin-right: 0;
        /*width: 100%;*/
    }
    #stFooter .bottom-footer nav ul li a {
        padding-right: 1.6em;
    }
    .nsw-gov-logo {
        width: 100%;
        text-align: center;
    }
    .bottom-footer-inner {
        max-width: 712px;
    }
    .main-content {
        padding-top: 0;
    }
    .st-row .st-col .id-Z7_2A161H41K07810AT44K5F01044 {
        margin-left: 0;
    }
    .slider-img {
        width: 39%;
    }
    .stPageNavigation .stOpenNavLevel.stSecondLevelNav {
        margin: 0 auto;
        width:91.5%;
        margin-top: -3px;
    }
    .mobile-custom-accordion-arrow {
        display: none;
    }
    #header {
        height: 130px;
    }
    /*#table-html .td {
        width: 45%;
        margin-right: 0px;
    }*/
    #table-html .td:nth-child(3n) {
        margin-right: 0;
    }
    /*#table-html .td:nth-child(odd) {
        margin-right: 35px;
    }*/
    /*#table-html .td:nth-child(3) {
        border-top: none;
    }*/
    div.glossary_index {
        margin-bottom: 56px;
        margin-top: 27px;
    }
    dl.glossary dt {
        width: 15.5%;
    }
    div.item_fixed {
        top: 11em!important;
        width: 67%!important;
        padding-right: 0;
    }
    .stLayoutContainers .st-section > .st-row{
        width:97%
    }
    .stPageNavigation nav > ul > li > div > a{
        padding: 0.85em 0.15em 0.95em 0.15em;
    }
    .stNavListItem .stParentContainer:first-child a:first-child{
        padding-left:4.5px;
    }
    .stPageNavigation nav > ul > li > div > a{
        font-size:12px;
    }
    .st-row  .st-col-c-8-of-12{
        width:73.58%;
    }
    .two-col .col{
        width:40.5%;
    }
    .two-col .orange-bg {
        margin-right: 0.8em;
    }
    .purple-bg {
        margin-right: 0.8em;
    }
    .footer-wrapper {
        height: 300px;
    }
    #stFooter nav {
        width: 45%;
    }
    #stFooter .bottom-footer nav {
        width: 100%;
    }
    #stFooter .bottom-footer nav ul li div a {
        padding-right: 31px;
    }
    #stFooter .bottom-footer nav ul li:last-child div a {
        padding-right:0;
    }
    .search-wrapper {
        padding-right: 2em;
    }
    #stNavContent {
        width: 99%;
        padding-left: 2em;
    }
    .content-body .right-col {
        width: 100%;
        padding: 0 0px 0 10px;
    }
    .featuretext_wrapper {
        width: 63%;
    }
    /*.rich-text-div .related-resources .ui-accordion-header {
        width: 93%;
        margin-left: -10px;
    }*/
    .rich-text-div .related-resources .support-material-richtext ul li {
        padding: 0.69em 0.5em 0.65em 3.5em;
    }
    .c1-syllabus-container {
        margin-left: 0;
        width: 96%;
    }
    .c1-courses-two-col .c1-courses-title {
        width: 100%;
    }
    .c1-courses-two-col div {
        width: 48%;
    }
    .c1-courses-two-col .c1-courses-options .c1-course-desc {
        width:49%;
    }
    .c1-syllabus-template .c1-courses .c1-show-desc-click {
        width:100%;
        margin-top: 0;
    }
    .c1-syllabus-template .c1-courses .c1-green-bg .c1-show-desc-click {
        width: 100%;
    }
    .c1-courses-one-col .c1-courses-title h3 {
        width: 96%;
    }
    .c1-courses-options {
        margin: 5px 0px 0px 5px;
    }
    #hsc-exm {
        padding-left:0;
    }
    .rich-text-div .implementationBlock {
        width: auto;
    }
    .rich-text-div.c2-template .related-resources .ui-accordion-header{
        width: 93.5%;
    }
    .rich-text-div .syllabus-download .syllabus-download-inner > label {
        margin-left: 16px !important;
    }
    .syllabus-download-inner {
        padding-top: 3px;
    }
    .main-content .rich-text-div .syllabus-download-inner span a{
        padding-top: 2.8em;
        padding-left: 6.8em;
    }
    #eSyllabusAccordion {
        width: 102%;
    }

    /* 02/10/17 samsung media query changes*/

    /*
    #back-to-top-btn{
            right: 4%;
    }
    .stPageNavigation nav > ul > li:last-child  > div > a {
        width: 62%;
    }
    .c1-course-subhead .fa-angle-right:before {
        padding: 11px 8px;
    }
    .c1-courses-one-col .c1-syllabus-arrow-course {
        vertical-align: sub;
    }
    .c1-courses-two-col .c1-course-subhead .fa-angle-right:before {
        vertical-align: super;
        padding: 0.48em 0.3em 0.5em 0.3em;
    }
    .c1-syllabus-template .c1-course-subhead {
        padding: 15px 0 15px 0px;
    }
    .c1-courses-options div {
        width: 49.2%;
    }
    .c1-courses-two-col div {
        width: 49%;
    }
    .c1-syllabus-container {
        width: 98%;
    }
    .c1-syllabus-template .c1-courses-two-col .c1-course-subhead {
        padding: 5px 12px 8px 0;
    }
    .c1-courses-two-col .c1-blank {
        width: 48.5%;
    }
    .c1-syllabus-template .c1-courses-two-col .c1-go-syllabus .c1-course-subhead {
        padding: 4px 17px 0 2px;
    }
    .c1-courses-two-col .c1-syllabus-arrow-course {
        margin-right: -26px;
        margin-top: -10px;
    }
    .c1-syllabus-arrow-course {
        margin-left: 0;
    }
    .c1-courses-one-col .c1-go-syllabus .c1-course-subhead {
        padding: 11.5px 0;
    }
    .c1-courses-two-col .c1-green-bg {
        margin-left:0;
    }
    .news-list {
        width: 92%;
    }*/
    /*.c1-courses-two-col .c1-green-bg:first-child {
        margin-left: 8px;
    }*/
    /*.rich-text-div.c2-template .related-resources .ui-accordion-header {
        margin-left: 0;
    }
    .content-body .right-col {
        width: 100%;
        padding: 0;
    }
    #sub-related-resources div ul li {
        padding: 0.5em 0.1em 0 1.8em !important;
    }
    .rich-text-div .related-resources .ui-accordion-header {
        width: 95%;
        margin-left: -10px;
    }
    .c10-template .featuretext_wrapper {
        width: 60%;
    }
    .syllabus-text.c10-template .third-col-cover-c2b {
        margin-left: 1em;
    }
    .third-col-cover-c2b {
        width: 200px;
    }
    .syllabuses-by-learning-area ul li:nth-child(4), .syllabuses-by-learning-area ul li:nth-child(8) {
        margin-right: 15px;
    }
    .sliding-window {
        width: 321px;
    }
    .table-slider-ls .zebra-striped {
        margin-left: 35px;
    }
    .sliding-window > table tr td div.single-cell-outcome {
        width: 194px;
    }
    .C4-table .sliding-window {
        width: 463px;
    }
    .table-slider-ls .zebra-striped {
        margin-left: 37px;
    }
    .C4-table .table-slider-ls > table tr td div {
        width: 195px;
    }
    #table-html .td:nth-child(odd) {
        margin-right: 0;
    }
    #table-html .td {
        width: 28%;
    }*/
    /*#table-html .td:nth-child(3) {
        border-top: none;
    }*/
    /*#table-html .td:last-child {
        width: 210px;
    }
    #table-html .td-wrapper {
        padding: 0;
    }
    .st-row .st-col-c-8-of-12 .component-container {
        padding-right: 0;
    }*/


}
/*
@media only screen
and (min-width: 1025px)
and (max-width: 1424px) {
    .fa.mobile-custom-accordion-arrow {
        display: none;
    }

    .rich-text-div.c2-template .related-resources .ui-accordion-header {
        margin-left: 0px!important;
    }
    .main-content .rich-text-div .syllabus-download-inner span a{
        padding-top: 12% !important;
        padding-left: 34% !important;
    }
    .rich-text-div .implementationBlock {
        width: auto!important;
    }
    .right-col .palegreen-bg {
        margin-bottom: 27px!important;
    }
    .content-body .right-col {
        padding: 0 10px!important;
        width: 98%!important;
    }
    .rich-text-div.c2-template .related-resources .ui-accordion-header {
        width: 94.3%!important;
    }
    .syllabus-download-inner {
        padding-top: 4.5%;
    }
    .stPageNavigation nav > ul > li:last-child > div {
        width: 23.5%;
    }
    .stPageNavigation nav > ul > li:last-child  div:nth-child(2) {
        width: 19.5%;
    }
    .stPageNavigation nav > ul > li:last-child  > div > a {
        padding-right: 3.6em
    }
    .stPageNavigation  nav > ul > li:last-child .stOpenNavLevel.stSecondLevelNav {
        padding-right: 0;
        margin-right: 35.2px;
    }

    .stsSearch div{
        padding-right:3em;
    }
    .logo-div{
            margin-left: 2em;
    }
    #stNavContent{
        width:98%;
    }
    .st-row .st-col .id-Z7_2A161H41K07810AT44K5F01044{
        margin-left:0;
    }
    div.srch-div{
        display:none
    }
    .stPageNavigation nav > ul > li > div > a{
        padding:0.85em 0.65em 0.95em 0.65em;
    }

    .two-col .col{
        width:41.5%;
    }
    .mobile-custom-accordion-arrow{
        display:none;
    }

}*/
.hide {
    display: none;
}
.homepage-bg {
    background-image: linear-gradient(to bottom, white 28.5%, rgba(242,242,242,1) 5%, rgba(242,242,242,1) 100%, white 0%);
}
.content-bg {
    /*background-image: url("/wps/wcm/connect/4881a5ed-d99f-49e3-b504-ef791dc2ae90/body-bg.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-4881a5ed-d99f-49e3-b504-ef791dc2ae90-lt5S4Jx");*/
}
#print_logo {
    padding-top: 25px;
    padding-bottom: 25px;
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){
    #stSearchBoxInput {
        width: 87%;
    }
}
.nav-menu-header {
    display:none;
}
.alpha-bt > div {
    padding-right: 23px!important;
    display: inline-block;
    color: #280070!important;
    font-weight: bold;
    margin-left: -33px!important;
}
.alpha-bt > p {
    display: inline;
}
div#eSyllabusAccordion .content-introduction ul.level-2 .alpha-bt:before {
    display:none!important;
}
/*fix image in glossary*/
dl.search.glossary img {
    width: auto;
}
/*end fix image in glossary*/
/*alert banner*/
div#alert-box-mob{
    display:none;
}
div#alert-box{
    display:block;
}
div#alert-banner {
    background-color: #f9be00;
    height: 70px;
    text-align: center;
    display: block;
    border: 1px solid #f9be00;
}
p#alert-txt {
    line-height: 68px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'PublicSans Bold', Arial;
    font-weight: 700;
    color: #000000;
    font-size: 16px;
}
a#alert-lnk {
    color: #000000;
    text-decoration: underline;
}
@media (max-width: 767px){
    div#alert-box-mob{
        display:block;
        font-size: 16px;
        font-family: 'PublicSans Bold', Arial;
        font-weight: 700;
    }
    div#alert-box{
        display:none;
    }
    #alert-box-mob {
        line-height: 68px;
    }
}
/*end alert banner*/
/*start mobile header*/
@media (max-width: 812px) {
    span#ag-name {
        top: 10px!important;
        font-size: 20px!important;
        color: #002664!important;
        line-height: 24px!important;
        padding-left: 30px!important;
        font-family: 'PublicSans Bold', Arial !important;
        width: 60%!important;
    }
    #header{
        border: none;
    }
}
/*end mobile header*/
/* start promo-box bullet point*/
.promo-para ul li:before {
    content: '\0025a0';
    counter-increment: i;
    padding: 0;
    color: #002664;
    font-size: 16px;
    margin-left: -17px;
    padding-right: 6px;
    position: relative;
    bottom: .5px;
    line-height: 24px;
    font-family: 'PublicSans Medium', Arial;
}
@-moz-document url-prefix() {
    .promo-para ul li:before {
        margin-left: -15px;
    }
}
.promo-para ul{
    padding-left: 20px;
}
/* end promo-box bullet point*/
/* fix logo css issues on mobile when forms added*/
@media screen and (max-width: 1024px) {
    #header_inner .row {
        margin: 0px;
    }
    *, ::after, ::before {
        box-sizing: unset!important;
    }
}
/* fix logo css issues on mobile when forms added*/
/* start top info banner*/
.infobar_inner{
    max-width: 1230px;
    margin:0 auto;
}
.infobar {
    background-color: #002664;
}
.infobar_inner p {
    margin: 0px;
    color: #ffffff;
    letter-spacing: 0px;
    font-size: 14px;
    line-height: 38px;
}
@media screen and (max-width: 1024px) {
    .infobar_inner p {
        margin-left: 2em;
        color: #ffffff;
        margin: 0px;
    }
}
@media (max-width: 768px) {
    .infobar_inner p {
        margin-left: 10px;
    }
}
/* end top info banner*/

.left-nav .sideNav ul ul li:first-child {
    border-top: 2px solid #002664;
}
/* remove up and down arrow in left nav*/
.fa-angle-up:before {
    content: none;
}
.fa-angle-down:before {
    content: none;
}
/* remove up and down arrow in left nav*/
/*Agency name*/
span#ag-name {
    top: 50px;
    font-size: 24px;
    color: #002664;
    line-height: 32px;
    padding-left: 30px;
    font-family: 'PublicSans Bold', Arial;
}
@media (max-width: 768px) {
    span#ag-name {
        top: 10px;
    }
}
/* mobile menu*/
@media (max-width: 768px) {
    .stPageNavigation .stNavChild .stNavChildSelected > span >a >span {
        color: #22272B !important;
    }
    .stPageNavigation .stNavChild .stNavChildSelected a span {
        background-color: white;
    }
}
.syllabus-download > div > span > a:hover {
    background: none;
}
/* index*/
.index-page a {
    font-size: 20px;
    font-family: 'PublicSans', Arial;
    padding-left: 4px;
    padding-right: 4px;
}
/* end index */
/***Start***Syllabus C2 template block - Syllabus and Assessment and examination materials - arrow and horizontal line*/
. assessment-blk {
}
/***End***Syllabus C2 template block - Syllabus and Assessment and examination materials - arrow and horizontal line*/
/*.fa-close:before, .fa-multiply:before, .fa-remove:before, .fa-times:before, .fa-xmark:before {
    content: "\e902"!important;
}*/
.c1-two-col-grey>h3 {
    color: #ffffff;
}
@media (max-width: 520px) {
    .c1-syllabus-template .c1-course-subhead span.c1-go-to a {
        padding-right: 30%;
        padding-top: 10px;
    }
}
@media (max-width: 896px) and (orientation: landscape) {
    .c1-syllabus-arrow-course {
        padding-top: 10px;

    }
}
@media (max-width: 378px) {
    .c1-syllabus-template .c1-course-subhead span.c1-go-to a {
        padding-top: 20px;
    }
}
.hsc-rr a{
    text-decoration: underline;
}
/* in page glossary */
.ui-dialog .ui-dialog-title {
    margin: 0px;

}
i.fa.custom-accordion-up-arrow.fa-angle-up:before {
    content: "\f106";
}
i.fa.custom-accordion-up-arrow:before {
    content: "\f107";
}
/*Start - To correct inline styles added in content by Geoff in general pages - as requested by Geoff*/
.blueHighlightBox {
    margin-top: 2.3em;
    margin-bottom: 27px;
    padding-bottom: 29px;
    background-color: #CBEDFD;
    overflow: auto;
}
.blueHighlightBox .implementationBody {
    padding: 0.1em 0 1em 27px;
    padding-right: 1em;
    padding-bottom: 11px;
    padding-top: 0px;
}
.blueHighlightBox h2 {
    margin-top: 32px !important;
}
/*End - To correct inline styles added in content by Geoff in general pages - as requested by Geoff*/
/*Start - Homepage slider heading*/
.slider-content-container h2 {
    margin-top: 0px;
}
/*End - Homepage slider heading*/

.right-col .c2-template #promo-box ul li:before {
    padding: 0;
    color: #002664;
    font-size: 14px;
    margin-left: -1px;
    padding-right: 7px;
    position: relative;
    bottom: 0.5px;
    line-height: 24px;
    font-family: 'PublicSans Medium', Arial;
    content: '\0025a0';
    counter-increment: i;
}
.right-col .rich-text-div.c2-template #promo-box ul li {
    text-indent: -1em;
    margin-left: 0em;
    padding-left: 0px;
    font-size: 14px;
}
/*Start - Public register teachers*/
#public_register_form .input-box {
    display: inline-block;
    width: 40%;
}

#public_register_form label#name_label {
    display: block;
    font-family: 'PublicSans Bold';
    font-size: 16px;
    color: #333333;
    line-height: 20px;
    padding-bottom: 5px;
}

#public_register_form form {
    width: 100%;
}

div#public_register_form {
    background: #F2F2F2;
    padding: 40px;
    padding-bottom: 20px;
}

#public_register_form input#name {
    background: #FFFFFF;
    border: 1px solid #22272B;
    border-radius: 4px;
    font-family: 'PublicSans', Arial;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    line-height: 30px;
    width: 90%;
}

#public_register_form button#button {
    background: #002664;
    border-radius: 4px;
    color: white;
    line-height: 28px;
    width: 15%;
    border: none;
    height: 30px;
    font-family: 'PublicSans', Arial !important;
    font-size: 16px;
    cursor:pointer;
}


#public_register_result_error p {
    background: rgba(184, 18, 55, 0.1);
    margin-top: 8px;
    font-family: 'PublicSans', Arial;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    line-height: 17.5px;
    display: inline-block;
    padding: 10px;
    padding-right: 12%;
    width: 37%
}
#public_register_result_error i {
    background: #B81237;
    width: 20px;
    height: 20px;
    border-radius: 1em;
    color: white;
    padding-left: 5px;
    padding-top: 5px;
}
#public_register_result_error .empty {
    background: #F2F2F2;
}
@media screen and (max-width: 1024px){
    #public_register_form .input-box {
        width: 100%;
        margin-top: 10px;
    }
    #public_register_form button#button {
        width: 30%;
        margin-top: 20px;
    }
}
/*End - Public register teachers*/
/*Start - Languages template*/
.courses-board-endorsed + .c1-courses i.fa.fa-2x.fa-angle-right.c1-syllabus-arrow-course {
    font-size: 1.34em;
}
/*Start - New search button*/
.inputFacet {
    background: rgba(184, 18, 55, 0.1);
    margin-top: 8px;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    line-height: 17.5px;
    display: inline-block;
    padding: 10px;
    padding-right: 12%;
}
.inputFacet i.fa.fa-times.icon-cross {
    background: #B81237;
    width: 20px;
    height: 20px;
    border-radius: 1em;
    color: white;
    padding-left: 5px;
    padding-top: 5px;
}

label.wpthemeDisplayNone {
display: none;
}
@media screen and (min-width: 768px) {
    .wpthemeSearch.wpthemeSearchMobile {
        display: none;
    }
}
@media only screen and (min-width: 300px) and (max-width: 768px) {
    .wpthemeSearch.wpthemeSearchMobile {
        display: block;
    }
}
.wpthemeSearch.wpthemeRight {
    height: 32px;
}
input#wpthemeSearchBoxInput {
    -webkit-appearance: none;
    width: 186px;
    height: 29.1px;
    padding: 0 32px;
    padding-left: 0.5em;
    display: inline-block;
    position: relative;
    border: 1px solid #A0A5AE;
    border-right: none;
    border-radius: 0px;
    font-family: 'PublicSans', Arial !important;
    color: #22272B !important;
    background: #ffffff;
    letter-spacing: 0px;
    font-size: 14px!important;
}
input.wpthemeSearchButton {
    display: inline-block;
    background-color: #002664;
    margin-left: -0.6em;
    border: 1px solid #280070;
    cursor: pointer;
    vertical-align: top;
    height: 29.5px;
    width: 30px;
    opacity: 0;
}
.stsSearch i.fa.fa-search.fa-1x {
    margin-left: -1.6em;
    margin-top: 0.4em;
    margin-right: 0.4em;
    cursor: pointer;
    position: relative;
}
@media (max-width: 768px) {
    input#wpthemeSearchBoxInput {
        vertical-align: top;
        border-radius: 0px;
        border: 1px solid #A0A5AE !important;
    }
}
@media (max-width: 568px) {
    input#wpthemeSearchBoxInput {
        width: 180px;
        border: none;
        border-radius: 0px;
    }
}
@media screen and (max-width: 1024px) {
    .wpthemeSearch.wpthemeSearchMobile {
        padding-left: 2em;
    }
}
@media only screen and (min-width: 300px) and (max-width: 768px) {
    .wpthemeSearch.wpthemeSearchMobile {
        margin: 0 auto;
        display: block;
        padding-top: 1em;
        background: none !important;
    }
}
@media (max-width: 768px) {
    .wpthemeSearch.wpthemeSearchMobile {
        padding: 10px;
        float: none;
        margin-top: 0px !important;
        padding-top: 85px;
    }
}
@media (max-width: 415px) {
    .wpthemeSearch.wpthemeSearchMobile {
        padding: 10px 0 10px 10px;
        height: 39px;
        padding-top: 85px;
    }
    input#wpthemeSearchBoxInput {
        width: 77%;
        height: 31px;
    }
}
.wpthemeSearchMobile i.fa.fa-search.fa-1x {
    margin-left: -1.6em;
    margin-top: 0.4em;
    margin-right: 0.4em;
    cursor: pointer;
    position: relative;
}
.wpthemeSearch form:before {
    content: "\f002";
    font-family: FontAwesome;
    left: 88%;
    position: absolute;
    top: 0;
    background-color: #002664;
    border: none;
    border: 1px solid #280070;
    cursor: pointer;
    vertical-align: top;
    color: white;
    height: 29.5px;
    width: 21px;
    padding-left: 10px;
}
@media only screen and (min-width: 414px) and (max-width: 767px) {
    .wpthemeSearch form:before {
        left:86%;
    }
}

@media only screen
and (min-device-width: 667px)
and (max-device-width: 375px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    .wpthemeSearch form:before {
        left:35%;
    }
}
@media only screen
and (min-device-width: 740px)
and (max-device-width: 360px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    .wpthemeSearch form:before {
        left:31.5%;
    }
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .wpthemeSearch form:before {
        left:90%;
    }
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
    .wpthemeSearch form:before {
        left:35%;
    }
}
.wpthemeSearch form {
    position:relative;
}
/*end - New search button*/



/**
 * BOS-1646
 */
.nsw-btn {
    -webkit-appearance: none;
    border: 2px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: 'PublicSans Bold', Arial, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.5 !important;
    padding: 0.625rem 1.375rem;
    text-align: center;
    text-decoration: none !important;
    user-select: none;
    vertical-align: middle;
    white-space: normal;
}
.nsw-btn:focus {
    outline: 3px solid #0085b3;
    outline-offset: 3px;
}
.nsw-btn--outline {
    background-color: #ffffff;
    border-color: #002664;
    color: #002664;
}
.nsw-btn--outline:hover {
    background-color: #002664 !important;
    border-color: #002664;
    color: #ffffff !important;
}
.nsw-card {
    border-radius: 4px;
    box-sizing: border-box !important;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.nsw-card__content {
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #cdd3d6;
    box-sizing: border-box !important;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1rem;
}
@media (min-width: 48em) {
    .nsw-card__content {
        padding: 1.5rem; 
    }
}
.nsw-card--highlight .nsw-card__content::after {
    border-top: 4px solid #d7153a;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}
.nsw-card--link:focus-within {
    outline: 3px solid #0085b3;
    outline-offset: 3px;
}
.nsw-card--link:hover .nsw-card__content {
    background-color: #002664;
    border-top-color: transparent;
    color: #ffffff;
}
.nsw-card--link:hover .nsw-card__content::after {
    opacity: 0;
}
.nsw-card--link:hover .nsw-card__content a,
.nsw-card--link:hover .nsw-card__content p,
.nsw-card--link:hover .nsw-card__content .nsw-card__icon.fa {
    color: inherit;
}
.nsw-card--link:hover .nsw-card__content a {
    background-color: transparent;
}
.nsw-card__copy {
    margin-top: 1rem;
    margin-bottom: 0;
}
.nsw-card__footer {
    margin-top: auto;
    padding-top: 2rem;
}
.nsw-card__icon.fa {
    align-items: center;
    color: #002664;
    display: inline-flex;
    font-size: 1.875rem;
    justify-content: flex-start;
    line-height: 1;
    margin-top: auto;
    min-height: 3rem;
    padding-top: 2rem;
}
.nsw-card__link {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: 0 !important;
    line-height: inherit !important;
    text-decoration: none !important;
}
.nsw-card__link::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.nsw-card__title {
    font-family: 'PublicSans Bold', Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.25;
}
@media (min-width: 62em) {
    .nsw-card__title {
        font-size: 1.25rem;
        line-height: 1.4;
    }
}
.nsw-card__title__icon.fa {
    display: block;
    font-size: 2.5rem;
    line-height: 1;
    margin-bottom: 1rem;
}
.nsw-link-list {
    border-bottom: 1px solid #ebebeb;
    list-style: none;
    margin: 0;
    padding: 0;
}
.nsw-link-list__link {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    text-decoration: none;
}
.nsw-link-list__icon {
    font-size: 1.25rem;
    margin-left: 1rem;
}
.nsw-link-list__item {
    border-top: 1px solid #ebebeb;
}
.nsw-link-list__title {
    font-family: 'PublicSans Bold', Arial, sans-serif;
    font-weight: 400;
    text-decoration: underline;
}
.nsw-notification {
    background: transparent;
    border-left: 4px solid transparent;
    padding: 1rem;
    position: relative;
}
@media (min-width: 48em) {
    .nsw-notification {
        padding: 1.5rem; 
    }
}
.nsw-notification--info {
    background-color: #eaedf4;
    border-color: #2e5299;
}
.nsw-notification__content > :first-child {
    margin-top: 0;
}
.nsw-notification__content > :last-child {
    margin-bottom: 0;
}
.nsw-notification__link {
    font-family: 'PublicSans Bold', Arial, sans-serif !important;
    font-weight: 400 !important;
    text-decoration: underline;
}
.nsw-notification__title {
    font-family: 'PublicSans Bold', Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.125rem;
    margin: 0;
}
@media (min-width: 62em) {
    .nsw-notification__title {
        font-size: 1.25rem;
        line-height: 1.4;
    }
}
.nsw-steps {
    counter-reset: step !important;
    list-style: none;
    margin: 0;
    padding: 0;
}
.nsw-steps__content {
    flex: 1 1 auto;
    padding-top: 0.5rem;
}
.nsw-steps__copy {
    margin-top: 1rem;
    margin-bottom: 0;
}
.nsw-steps__copy > :first-child {
    margin-top: 0;
}
.nsw-steps__copy > :last-child {
    margin-bottom: 0;
}
.nsw-steps__copy ul {
    list-style: inside disc;
}
.nsw-steps__item {
    align-items: flex-start;
    display: flex !important;
    line-height: 1.5 !important;
    margin-top: 0 !important;
    padding-left: 0 !important;
    position: relative;
    text-indent: 0 !important;
}
.nsw-steps__item::after {
    border-left: 4px solid #002664;
    content: '';
    display: block;
    position: absolute;
    top: 2.5rem;
    bottom: 0;
    left: 1.125rem;
}
.nsw-steps__item::before {
    align-items: center;
    border: 4px solid #002664;
    border-radius: 50%;
    box-sizing: border-box !important;
    color: #002664 !important;
    content: counter(step) !important;
    counter-increment: step !important;
    display: flex;
    flex-shrink: 0;
    font-family: 'PublicSans Bold', Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 400 !important;
    height: 2.5rem;
    justify-content: center;
    line-height: 1;
    margin-right: 1rem !important;
    width: 2.5rem;
}
.nsw-steps__item:not(:last-child) {
    padding-bottom: 2rem;
}
.nsw-steps__title {
    font-family: 'PublicSans Bold', Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.25;
    margin-top: 0;
    margin-bottom: 0;
}
@media (min-width: 62em) {
    .nsw-steps__title {
        font-size: 1.25rem;
        line-height: 1.4;
    }
}
.nsw-steps__title a {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: 0 !important;
    line-height: inherit !important;
    text-decoration: underline;
}
.onThisPage-wrapper .on-this-page {
    border-left: 2px solid #d7153a;
    box-sizing: border-box !important;
    padding: 1rem;
    width: 100%;
}
.onThisPage-wrapper .on-this-page h4 {
    font-family: 'PublicSans Bold', Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.33;
    margin: 0;
    padding: 0;
}
@media (min-width: 62em) {
    .onThisPage-wrapper .on-this-page h4 {
        font-size: 1.25rem;
        line-height: 1.4;
    }
}
.onThisPage-wrapper .on-this-page .otp-wrapper {
    align-items: flex-start;
    border-top: 0;
    display: flex;
    flex-direction: column;
}
.onThisPage-wrapper .on-this-page .otp-wrapper a {
    color: #002664;
    font-family: 'PublicSans Bold', Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5;
    margin-top: 1rem;
    text-decoration: underline;
}
@media (max-width: 768px) {
    .onThisPage-wrapper .on-this-page .otp-wrapper a {
        border-bottom: 0;
        margin-bottom: 0;
        padding: 0;
        width: auto;
    }
}
.onThisPage-wrapper .on-this-page .otp-wrapper a:empty {
    display: none;
}
.onThisPage-wrapper .on-this-page .otp-wrapper a:hover {
    background: rgba(0, 133, 179, 0.2);
}
.st-row-flex {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 0;
}
h1 + .st-row-flex,
h2 + .st-row-flex,
h3 + .st-row-flex,
h4 + .st-row-flex,
h5 + .st-row-flex,
h6 + .st-row-flex,
p + .st-row-flex {
    margin-top: -1rem;
}
.st-row-flex > .st-col {
    box-sizing: border-box !important;
    flex-shrink: 0;
    padding-right: 10px;
    padding-left: 10px;
}
.nsw-mb {
    margin-bottom: 2rem;
}
.nsw-mb-0 {
    margin-bottom: 0;
}
.nsw-mt {
    margin-top: 2rem;
}
.nsw-mt-0 {
    margin-top: 0;
}