@font-face {
    font-family: 'TradeGothicLTPro'; 
    src: url("../fonts/TradeGothicLTPro-Cn18.otf") format("opentype");
    font-style: normal;
}

@font-face {
    font-family: 'ITCMotterCorpusStd-SemiCond'; 
    src: url("../fonts/ITC - MotterCorpusStd-SemiCond.otf") format("opentype");
    font-style: normal;
}

@font-face {
    font-family: 'ITCMotterCorpusStd-Cond'; 
    src: url("../fonts/ITC - MotterCorpusITCStd-Condensed.otf") format("opentype");
    font-style: normal;
}

@font-face {
    font-family: 'ITCMotterCorpusStd'; 
    src: url("../fonts/ITC - MotterCorpusITCStd.otf") format("opentype");
    font-style: normal;
}

/*
 * add custom styles here
*/ 

#headmenu_home {
    display:none;
}

p {
    line-height:1.2em;
}


.panel-top, .panel-center {
    border-radius:3px;
    box-shadow: 0px 2px 12px #666;
}

.tab-banner {
    box-shadow: 0px 4px 4px #e6e6e6;
    margin-bottom:4px;
}

.format-content a.button-control {
    background-color:#024f2f;
    color:#FFF;
    box-shadow:none;
    border-radius:0;
}

a.fullButton {
    background-color:#024f2f;
    color:#FFF;
    box-shadow:none;
    border-radius:0;
}

.format-content a.button-control:hover {
    box-shadow:none;
    margin:2px;
     background-color:#024f2f;
}

input[type=submit].button-control {
    background-color:#024f2f;
    color:#FFF;
    box-shadow:none;
    border-radius: 4px;
    font-size: 12pt;
}

.column-left {
    border-right:1px solid #DDD;
    min-height:100%;
}

#topbar-border {
    background-color: #024f2f;
    opacity:0.4;
}

#headmenu a {
    font-family: TradeGothicLTPro;
    text-transform: uppercase;
    font-weight:bold;
}

#topbar .nav-menu a {
    font-weight: bold;
    font-size: 18px;
}

h2.pageTitle, h1.courseTitle {
    font-family: TradeGothicLTPro;
    font-weight:bold;
    text-transform: uppercase;
    padding-top: 10px;
    font-size: 28pt;
}

h1#objectTitle {
    padding-top:2px;
    font-family: TradeGothicLTPro;
}

h1 {
    font-family: TradeGothicLTPro;
}

h3, h3 a{
    font-family: TradeGothicLTPro;
}

.objectPreview h4 {
    font-family: Montserrat;
    font-size:19px;
}

.objectPreview h4 a.objectEditLink {
    font-weight: normal;
}

h3.columnTitle a {
    font-size:19px;
    font-family: Montserrat;
    font-weight:normal;
}

.objectItem h4 a {
    font-family: Montserrat;
    font-weight:normal;
    font-size:19px;
}

h2.elementText {
    font-weight:bold;
}

#courseObjects h4, #courseHead h4 {
    padding-top:10px;
}

.back-topbar-dark #topmenu_button {
    height:48px;
    padding-top:0;
    width:100px;
}


/*
* Content Styles
*/

#homeBox h2 {
    font-family: ITCMotterCorpusStd-SemiCond;
}

.elementContent h1, .elementContent h2, .elementContent h3{
    font-family: ITCMotterCorpusStd-SemiCond;
}

.elementContent h4, .elementContent h5 {
    font-family: TradeGothicLTPro;
}

.elementContent[data-display=Highlight] {
    font-family: ITCMotterCorpusStd-SemiCond;
    font-size:30px;
}

.elementContent[data-display=Priority] {
    font-family: ITCMotterCorpusStd-SemiCond;
}

@media screen and (min-width: 1900px) {
    /*
    .elementEmbed {
        margin-right:12%;
        margin-left: 12%
    }*/
}

.elementEmbed {
    min-height:400px;
}

.elementEmbed .elementText{
    min-height:200px;
}

.categoryContainer img.fullImg {
    border: 4px solid #024f2f;
    border-radius:100px;
}

footer p {
    text-align:center;
}

#fabric_content {
    margin-bottom: 50px;
}

#content_screen {
    margin-bottom:0;
}

.contentbox .col1 {
    max-width: 110px;
}

#tab_objects .button-link {
    border-radius: 0;
}

#tab_inprogress .button-link {
    border-radius:0;
    border:none;
    background:#FFF;
}

#tab_inprogress .button-link.courseLink {
    border-radius:4;
    border: 1px solid #EFEFEF;
}

.progressTableItem {
    box-sizing: border-box;
}


.accountAbout, .accountAvatar, .accountGroups {
    display:none;
}


#loginForm input[type=text], #loginForm input[type=password], #loginForm input[type=email] {
    padding:10px;
    box-sizing: border-box;
}

#loginForm ul.unstyled li:first-child {
    display:none;
}

#loginForm .input-password-toggle {
    display: none;
}

#loginForm button[name=Submit] {
    margin-top: 10px;
    padding: 10px;
    border: none;
    width: 100%;
    background: #024f2f;
    color: #FFF;
    font-size: 14pt;
    border-radius: 0px;
 }

#loginForm ul.mod-login__options li {
    background: #024f2f;
    color: #FFF;
    border-radius: 0px;
}

#loginForm ul.mod-login__options li a {
    color: #FFF;
    
}

#loginForm .button-content {
    display: block;
    background: #024f2f;
    color: #FFF;
    border-radius: 0px;
    padding: 5px 10px;
}


#postTabs {
    display:none;
}

.certificate_download {
    background-color:#FFFFFF;
    border-radius:24px;
    border:2px solid #00833f;
    padding:6px;
}

#deleteuser_manager_button {
    display:none;
}

#accountEmailNotification {
    display:none;
}

.assessmentSubmitBox {
    padding-bottom: 70px;
}

#toggleComplete option[value=assigned], #toggleComplete option[value=prod], #toggleComplete option[value=owned] {
    display:none;
}

.format-content a.assessment_save.back-gray {
    background-color: #666;
}


#fabric_content[data-view="ObjectTeam"] .fullImg {
    max-width: 600px;
}

#userContainer .col6 {
    width: 100%;
}

#mobileMenu {
    border-top: 1px solid #bfc2ba;
}

#mobileMenu a {
    border-radius: 8px;
}

#mobileMenu a.active {
    background-color: #f8f25c;
}


#mobileMenu .topmenu_button {
    background-position: center 0px;
    background-image : url('../../../content/menu-button.png');
    background-repeat: no-repeat;
    background-size: 90%;
}

#mobileMenu .homeButton {
    background-position: center 0px;
    background-image : url('../../../content/Icon_Home.svg');
    background-repeat: no-repeat;
    background-size: 90%;
}

#mobileMenu .planButton {
    background-position: center 0px;
    background-image : url('../../../content/Icon_Learning Plan Tab.svg');
    background-repeat: no-repeat;
    background-size: 90%;
}
#mobileMenu .teamButton {
    background-position: center 0px;
    background-image : url('../../../content/Icon_Teams Tab.svg');
    background-repeat: no-repeat;
    background-size: 90%;
}
#mobileMenu .promoButton {
    background-position: center 0px;
    background-image : url('../../../content/Icon_Promo Tab.svg');
    background-repeat: no-repeat;
    background-size: 90%;
}

#mobileMenu .userButton {
    background-position: center 0px;
    background-image : url('../../../content/Icon_Add User.svg');
    background-repeat: no-repeat;
    background-size: 90%;
}

#mobileMenu .profileButton {
    background-position: center 0px;
    background-image : url('../../../content/Icon_User Profile.svg');
    background-repeat: no-repeat;
    background-size: 90%;
    float:none;
}


#mobileMenu .postButton {
    background-position: center 0px;
    background-image : url('../../../content/Icon_Send Message.svg');
    background-repeat: no-repeat;
    background-size: 90%;
}


#mobileMenu .showWidget {
    background-position: center 0px;
    background-image : url('../../../content/Icon_Widget.svg');
    background-repeat: no-repeat;
    background-size: 90%;
}

#mobileMenu .backButton {
    background-position: center 0px;
    background-image : url('../../../content/Icon_Back.svg');
    background-repeat: no-repeat;
    background-size: 90%;
}

#mobileMenu .saveButton {
    background-position: center 0px;
    background-image : url('../../../content/apply-button.png');
    background-repeat: no-repeat;
    background-size: 90%;
}

.planDropdown {
    background-position: 4px center;
    background-image : url('../../../content/Icon_Drop%20Down%20Static.svg');
    background-repeat: no-repeat;
    background-size: 25px
}

#catList {
    margin-left:30px;
    width: calc(100% - 40px);
}


.elementContent[data-type="Image drag"] .imgChoice{
    opacity: 0.75;
    border: 1px dashed #AAA;
}

#fabric_content a.showOptionsPanel {
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #AAA;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}

#widgetBox .widgetFill h4, #sideBox h4 {
    color: #024f2f;
    text-align: center;
}

#widgetBox .widgetFill p {
    text-align: center;
}

#widgetBox .homeSlide.widgetFill p {
    text-align:left;
}

.homeSlide .spacing-content {
    padding-left: 60px;
    padding-bottom: 40px;
}

.widgetFill[data-size="mini"] h4 {
    text-align: left;
}

.widgetFill[data-type="user-category"] .progressBar.back-success {
    background: #ABC08D;
}

.widgetFill .button-link {
    color: #024f2f;
    border-color: #024f2f;
    font-size:16px;
    line-height:20px;
    vertical-align:middle;
    text-transform:none;
    height:auto;
}

#widgetBox [data-type="user-agenda"] .widgetFill h4 {
    color:#FFF;
}

.agendaItem {
    display:flex;align-items:center;
}

#bannerPlan h2.pageTitle {
    margin-top:6px;
    padding-top:0;
}

.feedWidgetList {
    max-height:250px;
    overflow-y: auto;
}

.widgetCol .feedWidgetList {
    max-height:380px;
    overflow-y: auto;
}


#userActive {
    background-color: #FFF;
    border: 1px solid #024f2f;
    opacity: 1;
}

#courseFilterBox {
    background-color: #FFF;

}

#courseFilterBox {
    width:100%;
}

#courseFilterButton {
    background-color: #FFF;
    border: 1px solid #024f2f;
    font-size:10pt;
    padding: 8px 10px;
    border-radius:3px;
    opacity: 1;
}

#userSortSelect {
    float: right;
    background-color: #FFF;
    border: 1px solid #024f2f;
    opacity:1;
    color: #423d3d;
}

#userActive {
    width: 100%;
}

#userSortSelect {
    width: 100%;
}

#userList .listItem {
    background: none;
}

.largeOnly {
    display:block;
}

@media screen and (width <= 560px) {

    #loginFormWrapper {
        margin: 15px;
    }

    footer {
        display:none;
    }

    .largeOnly {
        display:none;
    }

    .format-light {
        text-align: center;
    }

    .format-light h3 {

    }

    #fabric_content[data-view="Home"] #topbar {
        background: transparent;
    }

    .fullBackgroundImg {
        border-radius:8px;
    }

    main {
        background:#eff3ea;
    }


    .topbarIconBox {
        height:42px;
        width:42px;
        margin-right:6px;
    }

    .topbarIcon {
        height: 42px;
    }

    h3.columnTitle {
        padding-top:0;
    }

    #courseHead .largeIconBox {
        width: 60px;
        height: auto;
    }

    #courseHead .courseTitleBox {
        width: calc(100% - 60px);
    }

    #courseHeadProgress .col6.courseProgressContainer {
        width: 100%;
    }

    #sideBox {
        background-color: #fbf7d0;
    }

    .largeIcon {
        width: 60px;
        height: auto;
    }

    .spacing-content {
        padding:12px;
    }

    #fabric_content .format-content h1.courseTitle {
        font-size:16pt;
    }

    .sidebox.colRight {
        position:relative;
        width:100%;
    }

    h2.pageTitle {

        padding-left:10px;
    }

    #bannerPlan h2.pageTitle {
        padding-top:0;
        margin-top:14px;
        margin-bottom:20px;
    }

    #alert_button {
        margin-right: 10px;
    }

    #search_button {
        margin-right: 10px;
    }


    #fabric_content {
        background: #fbf7d0;
    }

    #fabric_content[data-view="Home"] .contentBox.spacing-full {
        background: #024f2f;
    }

    #fabric_content[data-view="Home"] #topbar {
        background: #024f2f;
    }

    #fabric_content[data-view="Home"] .contentBox.spacing-full h3 {
        color:#FFF;
        padding-top: 15px;
        padding-bottom: 12px;
    }

    #fabric_content[data-view="Home"] .contentBox.spacing-full h3 a {
        color:#FFF;
    }

    #fabric_content[data-view="Home"] .widgetRow[data-position="left0"] {
        background: #024f2f;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
        padding-bottom: 10px;
    }

    #fabric_content .spacing-element .elementText {
        padding-top:5px;
        padding-bottom:5px;
    }

    .elementContent h4 {
        margin: 6px 0;
    }

    .icon-print {
        display:none;
    }

    #courseFilterBox {
        width:calc(100% - 52px);
        background-color: #FFF;

    }

    #courseFilterButton {
        background-color: #FFF;
        border: 1px solid #024f2f;
        font-size:10pt;
        padding: 8px 10px;
        border-radius:3px;
        opacity: 1;
    }

    #userSortSelect {
        width:calc(100% - 53px);
        float: right;
        background-color: #FFF;
        border: 1px solid #024f2f;
        opacity:1;
        color: #423d3d;
    }

    
    .groupFilterBox .searchBar {
        border: 1px solid #024f2f;
    }

    #userActive {
        width:calc(100% - 55px);
        float: right;
    }

    #filterBox .col2 {
        width: 100%;
    }

    #fabric_content {
        padding-bottom: 120px;
    }

    #fabric_content[data-view="Object"] {
        padding-bottom:0px;
    }

    .groupFilterBox.spacing-control {
        padding-bottom: 2px;
    }

    #profileBanner .col2 {
        width: 40%;
    }

    .guideContent .panel-top {
        margin:10px;
    }

    #contentBox {
        background-color: #FFF;
    }
}

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

    h2.pageTitle {
            font-size: 22pt;
    } 

    #fabric_content .format-content h1 {
        font-size: 18pt;
    }

    #fabric_content .format-content h4 {
        font-size: 14pt;
    }

    #fabric_content .mediumIcon {
        width: 60px;
    }

    
    #fabric_content .col1 {float:left;width:15%;}
    #fabric_content .col1\.5  {float:left;width:20%;}
    #fabric_content .col2 {float:left;width:17%;}
    #fabric_content .col20 {float:left;width:100%;}
    #fabric_content .col3 {float:left;width:100%;}
    #fabric_content .col4 {float:left;width:100%;}
    #fabric_content .col5 {float:left;width:100%;}
    #fabric_content .col6 {float:left;width:50%;}
    #fabric_content .col7 {float:left;width:100%;}
    #fabric_content .col8 {float:left;width:100%;}
    #fabric_content .col9 {float:left;width:100%;}
    #fabric_content .col10 {float:left;width:83%;}
    #fabric_content .col10\.5  {float:left;width:80%;}
    #fabric_content .col11 {float:left;width:85%;}

    #fabric_content .colMobileFull {
        width: 100%;
    }

    #fabric_content .colMobile6 {
        width: 50%;
    }

    #fabric_content #tab_profile .colMobile6 {
        width: 40%;
    }

    #fabric_content .col2.colRight {
        float:right;
        width: 50%;
    }



    

    #fabric_content .courseItem .col3 {
        width: 100%;
    }

    #fabric_content .col4 .col4 {
        width: 33%;
    }

    #fabric_content .col4 .col3 {
        width: 25%;
    }

    .feedWidgetList {
        max-height:180px;
        overflow-y: auto;
    }

    #fabric_content .feedItem .col3 {
        width: 33%;
    }

    #fabric_content .feedItem .col9 {
        width: 66%;
    }

    #fabric_content .feedItem .spacing-content {
        padding: 12px;
    }

    #fabric_content .agendaItem .col1 {
        width: 10%;
    }

    #fabric_content .agendaItem .col4, #fabric_content .widgetFill .col4 {
        width: 32%;
    }

    #fabric_content .agendaItem .col7 {
        width:58%;
    }

    #fabric_content .agendaItem .col8, #fabric_content .widgetFill .col8 {
        width: 68%;
    }

    #fabric_content .widgetFill .col5 {
        width: 42%;
    }
    #fabric_content .widgetFill .col7 {
        width: 58%;
    }

    #fabric_content .col6 {float:left;width:50%;}

    
    #fabric_content #contentBox .col6 {
        width: 100%;
    }

    #fabric_content .infoCell {
        display: block;
    }

    #fabric_content .spacing-header .col9 {
        width: 100%;
    }

    #fabric_content .col1.progressPercentCell {
        width: 100%;
        padding-bottom: 4px;
    }
    #fabric_content .col11.progressCell {
        width: 100%;
    }

    #fabric_content #progressTableColumns {
        display:none;
    }

    #fabric_content #filterBox .col6 {
        width: 100%;
    }

    #fabric_content .progressTableItem {
        box-sizing: border-box;
    }

    #fabric_content .itemBox {
        box-sizing: border-box;
    }

    #fabric_content .tableBack {
        float:left;
    }

    #fabric_content .progressPercentCell p {
        float:left;
        margin: 0;
    }



    #fabric_content #contentBox.col9 {
        float:none;
        width: auto;
    }
    #fabric_content #sideBox.col3 {
        width: 100%;
    }

    #planBox #contentBox {
        box-sizing: border-box;
        margin-left:10px;
        margin-right: 10px;
    }

    #planMenu {
        display:none;
    }

    #fabric_content .back-topbar-dark  .topmenu_button {
        background-image: url(../../../components/com_fabric/img/hamburger.png);
        background-size:50%;
        background-position:left center;
        background-repeat: no-repeat;
    }

    .table-info th {
        min-width: 120px;
    }

    .table-info th, .table-info td {
        padding: 4px;
    }

    .elementContent.spacing-element {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .elementContent.spacing-element .spacing-control {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    ul.quizOptions {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

/*
#fabric_content {
    background: #fbf7d0;
}*/


.largeIcon {
    border-radius:8px;
    overflow:hidden;
}


.largeIconBox {
    border-radius:8px;
}

#courseBanner #language {
    display:none;
}

.border-content {
    border-radius: 10px;
    box-shadow: 1px 2px 2px 2px rgb(6  6 6 / 0.1);
    overflow: hidden;
}

.border-content .border-content {
    box-shadow: none;
}

#widgetBox h4, #widgetBox strong, #widgetBox a {
    font-family: 'Josefin Sans', Arial;
}

.widgetTab .spacing-label {
    margin-top:10px;
}

.back-topbar-light .guide-toggle {
    display:none;
}

.back-topbar-light #alert_button {
    background-image: url("../../../content/Notification_Alert.svg");

}

.back-topbar-light #search_button {
    background-image: url("../../../content/AuthoringIcons_Search.svg");
    background-size: 28px;
}


.certificate_download {
    display:none;
}

.widgetFill[data-type="reports"] .back-gray, .widgetFill[data-type="feed"] .back-gray, .reportItem.back-gray {
    background: #eff3ea;
}

.format-content hr {
    border-color: #024f2f;
}

.darkGradient {
    background-color: #2e3336;
}

.back-error {
    background-color: #ed6d42;
}

.feedItem a, .feedItem .blueText {
    color: #024f2f;
}

#widgetBox .button-small, #reportsList .button-small {
    background-color: #024f2f;
    color: #FFF;
}

#topbar-border,
hr.headBorder {
    display:none;
}

#courseHead .spacing-content {
    flex-wrap: wrap;
}

#courseHeadProgress.back-gray {
    background-color:#024f2f;
}

#courseHeadProgress #progressBar {
    background-color: #f8f25c;
}

#courseHeadProgress .progressContainer span {
    color: #423d3d;
}

.courseScoreContainer {
    display:none;
}

#widgetBox .button-toggle {
    border-radius:12px;
    overflow:hidden;
    background-color: #fbf7d0;
    border-color: #fbf7d0;
}

#widgetBox .button-toggle-option {
    border-color: #fbf7d0;
}

#widgetBox .button-toggle.active {
    background-color: #fbf7d0;
}

.format-content .elementContent select.correctInput {
    border-color: #024f2f;
    border-width: 2px;
}

.format-content .elementContent select.incorrectInput {
    border-color: #9e3c18;
    border-width: 2px;
}

.elementOptions .tox-tinymce {
    border: 1px solid #DDD;
    border-radius: 8px;
}

.backContainer {
    background-color: #FFF;
    padding:5px;
}

#catList {
    border-color: #024f2f;
}

#currentTab {
    border: 1px solid #024f2f;
    margin: 8px;
}


.backNone {
    background-color:#FFF;
}

.profileEditBox {
    display:none;
}

.widgetFill .fullIcon {
    border-radius: 10px;
    overflow:hidden;
}

.fullIconBox {
    border-radius:6px;
    overflow: hidden;
}

#fabric_content[data-view="Home"] .postContainer h4 {
    float: left;
    border: 3px solid #024f2f;
    border-radius: 10px;
    padding:10px 20px;
    color: #024f2f;
}

#fabric_content[data-view="Home"] h3 {
    margin-top:18px;
}

.widgetFill .pageTitle {
    font-weight: bold;
}

#widgetBox .redStroke {
    stroke: #f8f25c;
}

#widgetBox .yellowStroke {
    stroke: #f8f25c;
}

.greenStroke {
    stroke: #014f2f;
}

#widgetBox .whiteStroke {
    stroke: #f8f25c;
}

#progressBack {
    background-color: #fbf7d0;
    border-radius:4px;
    padding: 4px 6px 4px 30px;
}

#courseBanner #showRemaining, #courseBanner #enable_presenter, #courseBanner .icon-submissions {
    display:none;
}

.courseProgressContainer .progressContainer, .courseProgressContainer .progressBar, .courseProgressContainer .blockBar {
    height:28px;
}

.courseProgressContainer .back-error, .courseProgressContainer .back-warning {
    background-color: #f8f25c;
    color: #423d3d;
}

.progressBar {
    display: flex;
    align-items: center;
    justify-content: right;
}

#courseObjects .largeIcon {
    margin-right:20px;
}

.border-yellow {
    border: 3px solid #f8f25c;
}


#widgetBox .widgetFill.format-dark h4 {
    color: #FFF;
}

#widgetBox .format-dark text.pageTitle {
    fill: #FFFFFF;
    color: #FFFFFF;
}

#widgetBox .button-toggle.format-control a {
    color: #333;
}

.categoryContainer .format-header {
    color: #FFF;
    padding-top: 20px;
    padding-bottom: 20px;

    font-family: 'TradeGothicLTPro', Arial;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;

    text-align:left;
}

#categoryBox.spacing-control {
    padding:0;
}

#fabric_content[data-view="ManageProgress"] #topmenu-banner {
    display:none;
}