/*
 * add custom styles here
*/ 

/*
.nav-tab li.active, .format-header .nav-tab li.active {
    background-color: #ffffff;
    border-radius: 3px 3px 0 0;
    border: none;
}
    .nav-tab li.active a, .format-header .nav-tab li.active a {
        color: #302b2b;
    }
*/

@font-face {
    font-family: 'CenturyGothic';
    src: url("../fonts/gothicb.ttf");
    src: url("../fonts/gothicb.ttf") format("opentype"),
        url("../fonts/gothicb.ttf") format("woff");
}



#toplink {
    margin: 0;
    float:left;
    text-indent:-999em;
    font-weight:bold;
    cursor: pointer;
    color: #FFF;
    width: 44px;
    height:44px;
    /*border-right: 2px solid #333;*/
    background-position:0 0px;
    background-image : url('../images/3lc-logo.png');
    background-repeat: no-repeat;
    background-size: auto 100%;
    text-decoration:none;
}

.topwrapper {
    background-color: #310a4b;
    margin:0;
}

#topbar #alert_button {
    background-image : url('../images/bell.png');
}

#topbar #search_button {
    background-image : url('../images/search.png');
}


#support_button {
    background-image : url('../images/big-Support-Icon.png');
}

.guide-toggle {
    background-repeat: no-repeat;
    background-position: 4px 13px;
    background-size:20px;
    padding: 6px 4px 4px 24px;
    float: right;
    height: 30px;
    font-size: 18pt;
    text-decoration: none;
    color: #FFFFFF;
    text-indent:-999em;
    background-image : url('../images/question-mark.png');
}

h2.pageTitle {
    text-transform:uppercase;
    font-weight:lighter;
}

h2.courseTitle {
    line-height:30pt;
}

#objectTitle {
    padding:0;
}

.tabLink {
    text-transform:uppercase;
}

.nav-tab li.active {
    border-bottom: 2px solid #168c43;
}

#fabric_content .objectItem h3 {
    font-size:16pt;
}

#fabric_content .objectItem p {
    margin:5px 0;
}

.welcomeMessage {
    color: #168c43;
}

.welcomeMessage a {
    color: #168c43;
    text-decoration:none;

}

.elementContent {
    padding: 35px 30px;

}

.elementContent ol, .elementContent ul {
    margin-top:0px;
}

.elementContent[data-display=Critical]
 {
    background-color: #ffdce0;
	background-position: 38px 38px;
}

.elementContent[data-display=Keypoint] {
	background-position: 38px 30px;
}

.elementContent[data-display=Howto] {
    background-position: 38px 38px;
}

.elementContent hr{
    border-color: #168c43;
}

.elementContent[data-display=Highlight] {
    padding-top:25px;
    padding-bottom:25px;
}

#sidemenu.siteNav.menupanel, #sidemenu.siteNav.leftpanel {
    background-color:#310a4b;
    height:100%;
    top:72px;
    text-align:right;
    position:fixed;
    overflow-y:auto;
    width:160px;
}
    #sidemenu.siteNav ul.nav-menu li {
        float:right;
        display:block;
    }

    #sidemenu.siteNav ul.nav-menu li.sidemenu_selected {
        background-color:#FFF;
        border-top-left-radius:10px;
        border-bottom-left-radius:10px;
    }

    #sidemenu.siteNav a {
        color:#FFF;
        width:140px;
        height:auto;
        line-height:20px;
        float:right;
        clear:both;
        text-align:center;
    }
        #sidemenu.siteNav a:hover {
            background-color:transparent;
        }

    #sidemenu.siteNav hr {
        display:none;
    }

#sidemenu.siteNav .nav-menu a#sidemenu_home {
    background-image: url('../images/white-home.png');
    background-repeat: no-repeat;
    background-size:60px;
    background-position: top center;
    padding: 70px 4px 10px 4px;
}
    #sidemenu.siteNav .nav-menu li.sidemenu_selected a#sidemenu_home {
        background-image: url('../images/green-home.png');
        color: #168c43;
    }

#sidemenu.siteNav .nav-menu a#sidemenu_plan {
    background-image: url('../images/learning-plan-white.png');
    background-repeat: no-repeat;
    background-size:70px;
    background-position: top center;
    padding: 70px 4px 10px 4px;
}

    #sidemenu.siteNav .nav-menu li.sidemenu_selected a#sidemenu_plan {
        background-image: url('../images/learning-plan-green.png');
        color: #168c43;
    }

#sidemenu.siteNav .nav-menu a#sidemenu_link1 {
    background-image: url('../images/white-level-courses.png');
    background-repeat: no-repeat;
    background-size:60px;
    background-position: top center;
    padding: 70px 4px 10px 4px;
}

    #sidemenu.siteNav .nav-menu li.sidemenu_selected a#sidemenu_link1 {
        background-image: url('../images/green-level-courses.png');
        color: #168c43;
    }

#sidemenu.siteNav .nav-menu a#sidemenu_link2 {
    background-image: url('../images/white-skill-courses.png');
    background-repeat: no-repeat;
    background-size:60px;
    background-position: top center;
    padding: 70px 4px 10px 4px;
}

    #sidemenu.siteNav .nav-menu li.sidemenu_selected a#sidemenu_link2 {
        background-image: url('../images/green-skill-courses.png');
        color: #168c43;
    }



#sidemenu.siteNav .nav-menu a#sidemenu_library {
    background-image: url('../images/white-activity-library.png');
    background-repeat: no-repeat;
    background-size:60px;
    background-position: top center;
    padding: 70px 4px 10px 4px;
}
    #sidemenu.siteNav .nav-menu li.sidemenu_selected a#sidemenu_library {
        background-image: url('../images/green-activity-library.png');
        color: #168c43;
    }

#sidemenu.siteNav .nav-menu a#sidemenu_manage {
    background-image: url('../images/team-white.png');
    background-repeat: no-repeat;
    background-size:60px;
    background-position: top center;
    padding: 70px 4px 10px 4px;
}
    #sidemenu.siteNav .nav-menu li.sidemenu_selected a#sidemenu_manage {
        background-image: url('../images/team-green.png');
        color: #168c43;
    }

#sidemenu.siteNav .nav-menu a#sidemenu_resources {
    background-image: url('../images/white-skill-courses.png');
    background-repeat: no-repeat;
    background-size:60px;
    background-position: top center;
    padding: 70px 4px 10px 4px;
}
    #sidemenu.siteNav .nav-menu li.sidemenu_selected a#sidemenu_resources {
        background-image: url('../images/green-skill-courses.png');
        color: #168c43;
    }

#sidemenu.siteNav .nav-menu a#sidemenu_admin_courses {
    background-image: url('../images/white-lesson-plans.png');
    background-repeat: no-repeat;
    background-size:58px;
    background-position: top center;
    padding: 70px 4px 10px 4px;
}
    #sidemenu.siteNav .nav-menu li.sidemenu_selected a#sidemenu_admin_courses {
        background-image: url('../images/green-lesson-plans.png');
        color: #168c43;
    }

#sidemenu_objects, #sidemenu_team, #sidemenu_messages, #sidemenu_users, #sidemenu_reports, #sidemenu_groups, #sidemenu_posts, #sidemenu_catalogue, #sidemenu_cohorts, #sidemenu_admin_posts {
    display:none;
}

#toplink {
    display:none;
}

#topbar {
    height:72px;
    background-image: linear-gradient(#DDD, #AAA);
    border-bottom-color:#AAA;
}

#topbar #topmenu_button {
    background-image: url('../images/hamburger.png');
    height:70px;
    background-position:center center;
    background-size:60px;
    margin-left:10px;
}

#topbar .leftmenu_button {
    border:none;
}

#topbar-border {
    top: 72px;
    background-color:#AAA;
}

#topbar .topmenu_button {
    height:64px;
    padding:6px;
}

#topmenu strong, #topmenu hr, #topmenu_catalogue, #topmenu_messages {
    display:none;
}

#topmenu a {
    padding-left:50px;
}

.topmenu {
    top:72px;
}

#topmenu ul li a {
    line-height:30px;
}

#topmenu a {
    color:#FFF;
}

/*
#topmenu_home {
     background-image: url(../images/white-home.png);
}*/

#topmenu_plan {
}
/*
#topmenu_link1 {
    background-image: url(../images/white-skill-courses.png);
}

#topmenu_link2 {
    background-image: url(../images/white-level-courses.png);
}


#topmenu_library {
    background-image: url(../images/white-activity-library.png);
}

#topmenu_courses, #topmenu_courses2, #topmenu_admin_courses {
    background-image: url(../images/white-lesson-plans.png);
}
*/
#rightmenu {
    top:72px;
}

#homeBox {
    border-top-right-radius:10px;
    border-top-left-radius:10px;
}

#homeSlider .format-dark {
    background: #168c43;
}

#homeUserInfo a, #homeUserInfo small{
    color:#168c43;
}

.banner .wrapper {
    padding:0;
}


.sidemenu_options {
    padding-right:0;
}

#sidemenu #objectNav ul li a {
    font-size:11px;
}

#quicklinksContainer {
    background-color:#f7f7f7;
}

#quicklinksContainer .spacing-full {
   width:100%;
}
    #quicklinksContainer .quicklinkBox {
        background-color:#FFF;
    }

.quicklinkBox {
    border-radius:10px;
    box-shadow: 4px 4px 4px 4px #CCC;
    color: #168c43;
    text-align:center;
    position:relative;

}

.quicklinkBox h4 {
    margin-top: 10px;
}


    .col6 .quicklinkBox h4, .spacing-full .quicklinkBox h4 {
        margin-top:38px;
    }

    .col3 .quicklinkBox h4 {
        margin-top:10px;
    }

    #fabric_content .quicklinkBox h4 a {
        color:#168c43;
    }

.topbarIcon {
    height:64px;
}

.topbarIconBox {
    width:64px;
    height:64px;
    border-radius:32px;
    margin:4px 20px 4px 10px;
}

#topbar  #alert_button {
    height:60px;
    background-size:55%;
    background-position: center center;
    width: 30px;
}

#topbar #search_button {
    height:60px;
    background-size:75%;
    background-position: center center;
    width: 30px;
    padding: 4px;
}



#support_button {
    display:block;
    float:right;
    height:60px;
    background-size:80%;
    background-position: center center;
    width: 40px;
    background-repeat:no-repeat;
    text-indent:-999em;
    padding: 4px;

}

#account_payment_button {
    display:block;
    float:right;
    height:60px;
    background-size:40px;
    background-position: center center;
    width: 60px;
    background-repeat:no-repeat;
    text-indent:-999em;
    padding: 4px;
    background-image : url('../images/credit-card-01.png');
}

.topmenu a.payment_button {
    display:block;
    margin-left:12px;
    background-size:30px;
    background-position: left;
    background-repeat:no-repeat;
    padding: 4px 4px 4px 40px;
    background-image : url('../images/credit-card-01.png');
}

#topbar .guide-toggle {
    height:60px;
    background-size:55%;
    background-position: center center;
    width: 40px;
    padding:4px;
}

#topbar .spaceTitle a {
    font-size:40px;
    font-weight:700;
    line-height:70px;
    color:#187ba4;
}

#searchmenu .panel-top {
    top:40%;
}

@media screen and (min-width: 0px) {
    #topbar {
        display:block;
    }

    #fabric_content {
        margin-top:0px;
    }
}

@media screen and (min-width: 560px) {

    #fabric_content {
        margin-top:72px;
    }

    #sidemenu.siteNav {
        display:block;
        width: 160px;
    }

    #searchmenu .panel-top {
        top:40%;
        left:50%;
        margin-left: -32%;
    }

}

@media screen and (min-width: 900px) {
    .xlargeOnly {
        display:block;
    }
}

@media screen and (min-width: 1366px) {
    /*
    #topbar {
        display:none;
    }

    #fabric_content {
        margin-top:0px;
    }
    */

     #fabric_content.editorScreen {
        margin-left:0px;
    }


    .leftpanel {
        width:180px;
    }

    .panel-top {
    	max-height:90%;
    }

    #searchmenu .panel-top {
        top:40%;
        left:50%;
        margin-left: -412px;
    }
}

#sidemenu.editorNav.menupanel
{
    top:72px;
    height: -moz-calc(100% - 72px);
    height: -webkit-calc(100% - 72px);
    height: calc(100% - 72px);
}

#courseBanner {
    background-attachment: scroll;
}

#loginForm input {
    box-sizing:border-box;
    margin: 2px 0;
}

#loginForm .controls button {
    text-align:center;
}

#loginFormWrapper {
    margin-bottom:100px;
}

#loginFormWrapper .registerButton {
    color:#168c43;
}

#topbar .xlargeOnly a {
    font-size:30px;
    font-weight:bold;
    line-height:70px;
    color:#168c43;
}

.categoryItem {
    border-radius:6px;
    margin-right:10px;
}

#objectfilterLink {
    border: none;
    border-radius: 3px;
    /*border-bottom:2px solid #DDD;*/
    padding: 0px;
    margin: 0px;
    float:right;
    text-decoration: none;
    outline:none;
}

#toggleComplete, #sortSelect {
    padding: 8px 6px;
    border-color:#DDD;
}

.catHeader {
    display:none;
}


.contentbox, .elementFloat[data-type=Text] {
    background-color:#f7f7f7;
}

.contentBox {
    background-color:#f7f7f7;
    padding-bottom:40px;
}


#planList .back-content {
    background-color: #FFF;
}

/*
.courseProgressColumn {
    display:none;
}
*/

.contentbox .back-gray {
    background:transparent;
}

.contentbox .back-gray .icon-object-type {
    display:none;
}

#planEmpty img {
    vertical-align: middle;
}

hr.headBorder {
    height:0;
    border:none;
    margin:0;
}


.fillscreen {
    background-color: #cbc1d2;
}

select.dropdown-toggle {
    float:left;
    margin:2px 10px 2px 0px;
    border-radius:6px;
    background-color: #f7f7f7;
}

#listScreen select.dropdown-toggle {
    width:25%;
}


/*
select.button-link[data-key=curriculum] {
    background-color:#fe0000;
}

select.button-link[data-key=level] {
    background-color:#ff8000;
}

select.button-link[data-key=event] {
    background-color:#ffff01;
}
*/
#objectList .col6 {
    width:100%;
}

#objectList .smallIcon {
    width:100%;
    max-width:100%;
}

#objectList .smallIconBox {
    width:100%;
    padding:0;
    height:auto;
}

#objectList .back-content {
    background-color:#FFF;
}

.format-small {
    font-size:1em;
}

.spaceContainer {
    height:70px;
}

.objectTagContainer {
    display:none;
}

#goal_link {
    display:none;
}

.gradebookContainer {
    display:none;
}

#leftLinks {
    margin-top:16px;
    float:left;
}

.courseSidepanel {
    display:none;
}

#showRemaining {
    display:none;
}

.objectViewResults {
    display:none;
}




.categoryItem[data-categoryid="0"] {
    display:none;
}

.homeSlide .spacing-content {
    padding: 20px 60px;
}

#tab_search .fieldFilter {
    font-size: 12pt;
}

#topmenu_courses {
    display:none;
}


#topmenu_home {
    
    background-image: url(../images/home-icon.png);
}

#topmenu_plan {
    background-image: url(../images/course-icon.png);
}

#topmenu_library {
    background-image: url(../images/resource-icon.png);
}

#topmenu_team {
    background-image: url(../images/team-icon.png);
}

#topmenu_discussions {
    background-image: url(../images/discussion-icon.png);
}

#topmenu_manage {
    background-image: url(../images/user-icon.png);
}

#topmenu_manage_cohorts {
    background-image: url(../images/groups-icon.png);
}

#topmenu_team {
    background-image: url(../images/groups-icon.png);
}

#topmenu_courses {
    background-image: url(../images/course-icon.png);
}

#topmenu_objects {
    background-image: url(../images/resource-icon.png);
}

#topmenu_admin_posts {
    background-image: url(../images/messages-icon.png);
}

#topmenu_users {
    background-image: url(../images/user-icon.png);
}

#topmenu_groups {
    background-image: url(../images/groups-icon.png);
}

#topmenu_reports {
    background-image: url(../images/reports-icon.png);
}

#topmenu_home {
     background-image: url(../images/white-home.png);
}

#topmenu_plan {
    background-image: url(../images/white-lesson-plans.png);
}

#topmenu_link1 {
    background-image: url(../images/white-skill-courses.png);
}

#topmenu_link2 {
    background-image: url(../images/white-level-courses.png);
}


#topmenu_library {
    background-image: url(../images/white-activity-library.png);
}

#topmenu_courses, #topmenu_courses2, #topmenu_admin_courses {
    background-image: url(../images/white-lesson-plans.png);
}


#tab_search #courseBox, #sidemenu_courses, #sidemenu_objects {
    display:none;
}

.courseItem .courseProgressMiniContainer {
    display:none;
}

.courseItem .showOutline {
    display:none;
}

.format-content a.button-control {
    text-decoration:none;
    color:#302b2b;
}
	.format-content a.button-control:hover {
		color:#FFF;
	}

.format-content a.format-dark, .format-content a.format-primary  {
    color:#FFF;
}

footer {
    padding: 20px 0;
}

footer a {
    text-decoration:none;
    color:#FFF;
}

#catList1 a {
    color:#FFF;
}

#programmenu .topmenu {
    left:0px;
    background:transparent;
    padding:0;
}


#programmenu .topwrapper {
    max-width:500px;
    border-bottom-right-radius:16px;
    box-shadow: 3px 4px #999;
    padding: 2px 2px 2px 72px;
    background-color:#FFF;
}

#programmenu li {
    padding-left:0;
    height:38px;
}

#programmenu li a {
    display:block;
    color:#999;
    height:40px;
    line-height:40px;
    font-size:24px;
    font-weight:normal;
}

#programmenu li a.activeProgram {
    color:#111;
}

#programmenu li a.inactiveProgram {
    color:#999;
}

#programmenu li a.currentProgram {
    color:#111;
    font-weight:bold;
}

#programmenu a.program_link {
    margin-top:2px;
    padding-left:78px;
    color:#333;
    background-image: url('../../../images/plus.png');
    background-size:20px;
    height:40px;
    background-position: 42px 8px;
}

#programmenu .miniIcon {
    max-width:35px;
    vertical-align:middle;
}

#topbar .selectSpace {
    padding-right:30px;
    background-repeat:no-repeat;
    background-image: url('../../../images/chevron.png');
    background-size:20px;
    background-position: right 24px;
}

#programmenu a.selectProgram {
    color:#000;
}

.element_highlight h1, .element_highlight h2, .element_highlight h3, .element_highlight h4 {
    text-align:center;
}

#fabric_content #topbar ul.nav-menu {
    margin-top:10px;
}

#fabric_content #topbar ul.nav-menu li {
    border: none;
}