/* @group TOP FRAME
----------------------------------------------- */

/* @group TOP FRAME LAYOUT */

/*Branding image container.*/

/*Application tabs (top frame)*/

table.bouncer {
    width: 100%;
}

table.bouncer td {
    padding:0;
}

.brandingImgWrap {
    overflow:hidden;
}

/*Branding image is hidden when compact tabs are used*/
.topTabs-compact .bannerImage, .topTabs-compact .brandingImgWrap {
    display:none;
}

/*Compact tabs*/
.topTabs-compact {
    position:relative;
}

/*Center aligned tabs*/
.topTabs .tabWrapper-center .appTabs, .topTabs-compact .tabWrapper-center .appTabs {
    margin: 0 auto;
}

/*Right aligned tabs.*/
.topTabs .tabWrapper-right .appTabs, .topTabs-compact .tabWrapper-right .appTabs {
    float: right;
}

#topFrame /*@branding - do not remove*/,
    /*---*/
.bgBanner {
    background-position: 0 0px;
    background-repeat: no-repeat;
    color:#CCCCCC;
}

.brandingImgWrap {
    height:50px;
}

.brandingImgWrap a {
    display: inline-block;
    position: absolute;
}

.brandingImgWrap a:focus {
    outline-color: #CCC;
}

.bannerImage {
    max-height: 35px;
}

.brandingImgWrap img[src*="header_institution"] {
    left: 20px;
    max-height: 60px;
    position: absolute;
    top: 0px;
    z-index: 9001;
}

.brandingImgWrap img {
    left: 20px;
    max-height: 50px;
    max-width: 140px;
    position: absolute;
    top: 7px;
    z-index: 9001;
}

/*Branding image, hot spots and hot links are hidden when compact tabs are used*/
.topTabs-compact .bannerImage, .topTabs-compact .brandingImgWrap, .topTabs-compact .hotItems {
    display:none;
}

/*Nav*/
.global-nav-bar-wrap {
    background-color: #000;
    width: 100%;
    height: 0px;
    background: #333;
}

/* from theme specific */
/*Regular tabs*/
.topTabs {
    padding: 0;
    background-color: #333; /*@pal*/
    box-shadow: none;
    color: #FFFFFF;
    height: 100%;
}


/*Compact tabs*/
.topTabs-compact {
    height: 52px;
}

/*Tab wrapper*/
.tabWrapper-left, .tabWrapper-center, .tabWrapper-right {
    width: auto;
    padding: 0px 28px;
}

/*Table that contains application tabs*/
/*Regular tabs*/
.appTabs {
    width: auto;
    position: relative;
}

.topTabs-compact .tabWrapper-left, .topTabs-compact .tabWrapper-center, .topTabs-compact .tabWrapper-right {
    padding-top: 24px;
}

/* @end */

/* @group APPLICATION TABS */

/*Application tabs*/
/*Regular tabs*/
.appTabs a {
    font-size:110%;
    text-align:center;
    display:block;
    text-decoration:none;
    padding: 10px 1.2em 19px;
    color:#efefef;
    color:rgba(255,255,255,0.9);
    z-index:100;
    white-space:nowrap;
    position: relative;
    border: 1px solid transparent;
    border-width: 1px 1px 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    font-size: 1.1rem;
}

/*@branding - do not remove*/
#topTab {
    background: transparent;
    color:#efefef;
}

.appTabs a span {
    border-bottom: 1px dotted transparent;
    padding-bottom: 1px;
}

.topTabs-compact .appTabs a span {
    padding-bottom: 0;
}


.appTabs a:hover, .appTabs a:focus {
    color:#fff;
}

.appTabs a:hover span, .appTabs a:focus span {
    border: 0px !important;
    color: #fff;

}

/*@branding - do not remove*/
#topTabActive,
.appTabs .active a, .appTabs .active a:hover, .appTabs .active a:focus {
    color:#fff;
    font-weight:bold;
    text-shadow: 0 0 6px #000;
    z-index:100;
}

.appTabs .active a  span, .appTabs .active a:hover span, .appTabs .active a:focus span {
    border: 0;
}

.appTabs .active .hideoff,
.appTabs .active a:hover .hideoff,
.appTabs .active a:focus .hideoff,
.toppTabs-compact .appTabs .active .hideoff,
.toppTabs-compact .appTabs .active a:hover .hideoff,
.toppTabs-compact .appTabs .active a:focus .hideoff {
    bottom: 0;
    border-left:0px solid transparent;
    border-right:0px solid transparent;
    border-top:0;
    margin-left: -12px;
    bottom: 0px;
    line-height: 0;
    left: 50%;
    top: auto;
    color: transparent;
    font-size: 0;
    z-index: 100;

}

.topTabs-compact .appTabs .active .hideoff {
    display: none;
}

.topTabs-compact .appTabs .active .hideoff,
.topTabs-compact .appTabs .active a:hover .hideoff,
.topTabs-compact .appTabs .active a:focus .hideoff {
    border-width: 0 7px 7px;
    margin-left: -7px;
}

.topTabs-compact .appTabs a,
.topTabs-compact  .appTabs .active a:hover,
.topTabs-compact  .appTabs .active a:focus {
    font-size: 95%;
    padding: 0.4em 1em .7em;
}

.appTabs a {
    color: #cdcdcd;
    -moz-border-radius: 0px 0px 0 0;
    -webkit-border-radius: 0px 0px 0 0;
    border-radius: 0px 0px 0 0;
}

.appTabs a:hover span,
.appTabs a:focus span {
    border-bottom: 1px double #FFF;
}

/*@branding - do not remove*/
#topTab {
    background: transparent;
    color: #666;
}

.appTabs a span {
    padding-bottom: 1px;
    border-bottom: 0px;
}

.appTabs a:hover, .appTabs a:focus {
    color: #666;
}

/*@branding - do not remove*/
#topTabActive,
.appTabs .active a, .appTabs .active a:hover, .appTabs .active a:focus {
    font-weight: bold;
    text-shadow: none;
    color: #FFFFFF;
}

.appTabs td.active {
    border-bottom: 3px solid #c56fd5;
}

.appTabs td {
    padding-bottom: 14px !important
}

#topTabActive, .appTabs .active a, .appTabs .active a:hover, .appTabs .active a:focus {
    color: #fff;
}

.appTabs .active .hideoff,
.appTabs .active a:hover .hideoff,
.appTabs .active a:focus .hideoff,
.toppTabs-compact .appTabs .active .hideoff,
.toppTabs-compact .appTabs .active a:hover .hideoff,
.toppTabs-compact .appTabs .active a:focus .hideoff {
    border-bottom: 14px solid #fff;
}


/*Rounding options*/
.round1 a {
    -moz-border-radius:3px 3px 0 0;
    -webkit-border-radius:3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.round2 a {
    -moz-border-radius:12px 12px 0 0;
    -webkit-border-radius:12px 12px 0 0;
    border-radius:12px 12px 0 0;
}

/* @end */


/* @group TOP FRAME LINKS (HOME, HELP, LOGOUT)
----------------------------------------------- */

/*Top frame links*/

.topGlobalLinks {
    background-color: rgba(0,0,0, 0.15);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000020, endColorstr=#33000020";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000020, endColorstr=#33000020);
}

.topGlobalLinks ul {
    z-index: 1001
}

.topGlobalLinks  ul li {
    color: #ccc;
    display: inline-block;
    margin: 0  0 0 -4px;
}

.topGlobalLinks ul li:first-child {
    margin: 0;
}

.topGlobalLinks a {
    display: inline-block;
    color: #ccc;
    text-align: left;
    padding: 3px 5px;
    text-indent: -10000px;
    min-width: 18px;
    overflow: hidden;
    background: none!important;
}

.topGlobalLinks a .link-icon {
    background-image: url(images/utilicons_sprite_rev.png);
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 16px;
    width: 16px;
    overflow: hidden;
}

.topGlobalLinks .home .link-icon {
    background-position: -129px 0
}

.topGlobalLinks .home:hover .link-icon,
.topGlobalLinks .home:focus .link-icon {
    background-position: -129px -16px
}

.topGlobalLinks .logout .link-icon {
    display: none
}

.topGlobalLinks .logout {
    text-indent: 0;
    padding: 2px 9px;
    width: auto!important;
}

.topGlobalLinks .help .link-icon {
    background-position: -145px 1px
}

.topGlobalLinks .help:hover .link-icon,
.topGlobalLinks .help:focus .link-icon  {
    background-position: -145px 1px
}

.topGlobalLinks a:hover,
.topGlobalLinks a:focus {
    color: #eee;
    background-color: rgba(0,0,0, 0.25)!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000025, endColorstr=#44000025";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000025, endColorstr=#44000025);
}

/* @end TOP FRAME LINKS*/

/* @group TOP FRAME HOT ITEMS
----------------------------------------------- */

.hotItems {
    position: relative;
    margin-right: 3px;
    width: 240px;
    min-height: 28px;
    color: #ddd;
    text-align: center;
    background-color: rgba(0,0,0, 0.20);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000020, endColorstr=#33000020";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000020, endColorstr=#33000020);
}

.hotSpots {
    max-height: 46px;
    overflow: auto;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding: 3px 3px 5px;
}

.hotSpots li {
    display: inline-block;
    display: inline\9;/*IE8*/
    padding: 0 0 2px;
}

.hotSpots a {
    background: transparent;
    color: #ddd;
    display: inline-block;
    padding: 0 6px 0 0;
}

.hotSpots li:after {
    content: "\2022";
    color: #999999;
    position: relative;
    right: 1px;
}

.hotSpots li:last-child:after {
    content: none
}

.hotSpots a:hover,
.hotSpots a:focus {
    color: #eee;
}

/* @end TOP FRAME HOT*/

/* // GLOBAL NAV // */
/* these styles override the icons set on the Customize Brand page. This is specific to the 2012 theme */
.bottom-buttons-home a.home {
    background: transparent
    url('/images/ci/mybb/mybb_nav_bottombuttons_sprite.png ') no-repeat
    50% 6px;
}

.bottom-buttons-help a.help {
    background: transparent
    url('/images/ci/mybb/mybb_nav_bottombuttons_sprite.png ') no-repeat
    50% -13px;
}

.bottom-buttons-logout a.logout {
    background: transparent
    url('/images/ci/mybb/mybb_nav_bottombuttons_sprite.png ') no-repeat
    50% -33px;
}

.global-nav-bar a.logout-link, .global-nav-bar a.logout-link:hover, .global-nav-bar a.logout-link:focus {
    background-image: url('/images/ci/mybb/mybb_nav_logout.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.global-nav-bar a.logout-link:hover, .global-nav-bar a.logout-link:focus {
    background-position: 50% -22px;
}
/* // end GLOBAL NAV // */


#quick_links_wrap {
    width: 20px;
    overflow: hidden;
}

#quick_links_wrap:hover {
    width: 100px;
    overflow: visible;
    left: -10px;
    background: #333;
}

#quick_links_wrap a {
    position: absolute;
    right: 0px;
}

#globalNavPageNavArea{
    background:#333;
}

/* moved from theme 2106 css */

.global-nav-bar-wrap {
    background-color: #000;
    width: 100%;
    height: 0px;
}

.global-nav-bar {
    margin: 0px 10px;
}

.topTabs .tabWrapper-right {
    height: 66px;
}

.topTabs .tabWrapper-right .appTabs {
    height: 100%;
}

/* Higher contrast outlines for dark backgorunds */
/* manin/global navigation */
.appTabs input:focus, .appTabs button:focus, .appTabs select:focus, .appTabs a:focus,
/* my bb links and logout */
.global-nav-bar input:focus, .global-nav-bar button:focus, .global-nav-bar  select:focus, .global-nav-bar  a:focus,
/* mybb side nav */
.mybb-tools input:focus, .mybb-tools button:focus, .mybb-tools  select:focus, .mybb-tools  a:focus,
.mybb-div .side-nav input:focus, .mybb-div .side-nav button:focus, .mybb-div .side-nav select:focus, .mybb-div .side-nav a:focus,
/* course menu */
.navPalette input:focus, .navPalette button:focus, .navPalette select:focus, .navPalette a:focus,
/* inline grading headers */
.gradeHeader input:focus, .gradeHeader button:focus, .gradeHeader select:focus, .gradeHeader a:focus, 
.gradingPanelHeader input:focus, .gradingPanelHeader button:focus, .gradingPanelHeader select:focus, .gradingPanelHeader a:focus,
.inlineGrader .resizeControls input:focus, .inlineGrader .resizeControls button:focus, .inlineGrader .resizeControls select:focus, .inlineGrader .resizeControls a:focus  {
    outline: 2px solid #e3b7eb;
}

/* @end TOP FRAME */


@media only screen and (min-width:320px) and (max-width:1037px) {

    /*hamburgers*/

    .global-nav-bar-wrap { 
        position: fixed;
        z-index: 9009;
    }
    
    #quick_links_wrap {
        visibility: hidden;
    }

    .brandingImgWrap {
        position: fixed;
        width: 71px;
        top: -3px;
        left: 0px;
        height: 47px !important;
        z-index: 2000;
    }

    .brandingImgWrap img[src*="header_institution"] {
        height: 38px;
        width: 38px;
        margin-left: 4px;
    }

    .brandingImgWrap img {
        display: none;
    }
    
    /*global nav*/

    .global-nav-bar-wrap { 
        position: fixed;
        height: 35px;
        padding-top: 9px;
        background-color: transparent;
    }

    .mybb-shell .global-nav-bar-wrap {
        background-color: #333;
    }

    .global-nav-bar-wrap-mobile-nav {
        height: 33px;
        width: auto;
        top: 0px;
        position: fixed;
        visibility: visible;
    }

    .global-nav-bar {
        position: relative;
        width: 100%;
        height: 44px;
        margin: 0px;
    }

    #global-nav .nav-link.u_floatThis-right {
        float: left;
        width: 100%;
        height: 75px;
        color: transparent;
    }


    #global-nav .nav-link {
        width: 30px;
        box-sizing: border-box;
        overflow: hidden;
        color: transparent;
        background: transparent;
        box-sizing: border-box;
        background-color: transparent;
        padding-right: 22px;
    }


    #global-nav .global-top-avatar {
        float: left;
        height: 30px;
        width: 30px;
        left: 0;
        right: 0;
        margin: auto;
        top: 49px;
    }

    #badgeTotal {
        position: absolute;
        top: 34px;
        right: 43%;
    }

    .nav-link:hover, .nav-link:focus {
        background-color: transparent;
    }

    .global-nav-bar.logout {
        position: fixed;
        top: 10px;
        right: 5px;
        height: 20px;
        width: 30px;
        left: auto;
        overflow: hidden;
    }

    .global-nav-bar .logout-link {
        width: 30px;
        background: transparent;
    }

    .nav-link .badge {
        position: relative;
        top: auto;
        right: auto;
    }

    .global-nav-bar .badge, 
    .side-nav .menu-icon span.badge {
        font-size: 11px;
        height: 12px;
        line-height: 12px;
        margin-left: 0px;
        padding: 4px 3px;
        min-width: 12px;
        height: auto;
    }

    div#global-nav > .hideoff {
        width: 100%;
        height: 44px;
        left: 0px;
        top: 11px;
        font-size: 16px;
        text-align: center;
        color: #d8d3d3;
    }

    .global-toggle {
        display: none;
    }

    #globalNavPageNavArea {
        height: 44px;
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 1000;
        overflow: hidden;
        background: #333;
    }

    #globalNavPageNavArea.main-nav-open {
        overflow: visible;
    }

    .brandingImgWrap {
        position: fixed;
        width: 71px;
        top: -3px;
        left: 10px;
        height: 47px !important;
        z-index: 2000;
    }

    .brandingImgWrap img {
        display: none;
    }


    .appTabs td {
        padding-bottom: 0 !important;
    }

    .guestTbody {
        display: table;
        width: 100%;
    }
     /*top frame*/
    .mobile-nav-menu-icon {
        visibility: visible;
        position: absolute;
        top: 10px;
        left: 10px;
        color: #fff;
    }

    .tabWrapper-left, 
    .tabWrapper-center,
    .tabWrapper-right {
        max-height: 0px;
        position: fixed;
        top: 0px;
        z-index: 9000;
        background: #333;
        -webkit-transition: height 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* Safari */
        transition:  height 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
        height: 0px;
        padding-top: 0px;
    }

    .main-nav-open .tabWrapper-left, 
    .main-nav-open .tabWrapper-center,
    .main-nav-open .tabWrapper-right {
        top: 44px;
    }

    table.bouncer {
        height: 44px;
        background: #333;
    }

    table.bouncer td {
        padding: 0;
        width: 100%;
        float: left;
        height: 44px;
    }

    div[class^="topTabs"] div[class^="tabWrapper"]  .appTabs {
        height: 0px;
        max-height: 0px;
        overflow: visible;
        top: -1000px;
    }
    
    .appTabs td.active {
        position: fixed;
        top: 0px;
        left: 0px;
        background: #333;
    }

    .mobile-menu-indicator-arrow {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 7px 7px 7px;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        margin: auto;
        top: 33px;
        left: 50%;
    }

    .main-nav-open .mobile-menu-indicator-arrow {
        visibility: hidden;
    }

    .appTabs td.active a {
        padding-bottom: 7px;
        position: relative;
    }

    /* for mybb pages */
    .mybb-shell .appTabs td:first-of-type {
       height: 44px;
    }

    .mybb-shell .appTabs td a:first-of-type {
        color: #fff;
        font-weight: bold;
        z-index: 100;
        font-weight: normal;
        padding-bottom: 13px;
        padding-top: 19px;
    }
    
    .paneTabs ul {
        margin-left: 0px;
    }

    .paneTabs ul li:first-of-type {
        visibility: hidden;
        height: 0px;
        width: 0px;
        overflow: hidden;
    }

    .flyout-menu {
        top: 47px;
        width: 100%;
        left: 0px;
        position: fixed;
        z-index: 1001;
    }

    #flyoutMenuContent .mybb-tools {
        width: 15%;
    }

    #flyoutMenuContent .accordion-wrapper {
        width: 85%;
    }

    #global-list-tools {
        margin: auto;
    }

    .mybb-shell .topTabs-compact {
        height: 40px;
    }

    .mybb-shell div[class^="tabWrapper"]  {
        padding-top: 2px;
    }

    #globalNavPageContentArea {
        top: 44px;
    }

    #paneTabs {
        visibility: hidden;
    }

    .hiddenTabsLink {
        visibility: hidden;
        height: 0px;
    }

    /* open system menu */

    .main-nav-open table.bouncer,
    .main-nav-open table.bouncer td {
        height: 667px;
    }

    .main-nav-open  div[class^="topTabs"] div[class^="tabWrapper"]  .appTabs {
        height: auto;
        visibility: visible;
        float: none;
        min-width: 100%;
    }
    
    .main-nav-open  div[class^="topTabs"] div[class^="tabWrapper"] {
        height: 667px;
        max-height: 667px;
        overflow-y: auto;
        padding: 0px;
        background: transparent;
        width: 100%;
    }


    .main-nav-open  div[class^="topTabs"] div[class^="tabWrapper"] .appTabs {
        height: auto;
        background-color: #333;
        /*box-shadow: 0px 0px 9px 3px #666; */
        top: 0px;
    }

    .main-nav-open table.bouncer .appTabs td {
        position: relative;
        border-bottom: 1px solid #999;
        height: auto;
    }

    .main-nav-open .appTabs td.active {
        position: relative;
    }

    .main-nav-open .appTabs td a {
        padding-bottom: 20px;
        font-size: 16px;
        height: 22px;
        text-shadow: none;
        padding-top: 12px;
    }

    .main-nav-open .appTabs td ul a {
        padding-bottom: 10px;
        font-size: 13px;
        text-shadow: none;
    }

    .main-nav-open table.bouncer .appTabs td.active {
        border-bottom: 1px solid #c56fd5;
    }

   .main-nav-open table.bouncer .appTabs td.active ul a {
        border-bottom: 0px;
   }

    .main-nav-open #paneTabs {
        visibility: visible;
        float: left;
        width: 100%;
        display: block;
        background-color: #333;
    }

    .main-nav-open #paneTabs li {
        width: 100%;
        float: left;
        display: block;
    }

    .main-nav-open #paneTabs li:first-of-type {
        visibility: hidden;
        height: 0px;
    }

    .main-nav-open #paneTabs .more li:first-of-type {
        visibility: visible;
        height: auto;
    }

    .main-nav-open .appTabs .hiddenTabsLink {
        height: 0px;
        padding: 0px;
    }

    ul#overflowULId {
        display: block;
        position: relative;
    }

    ul#overflowULId {
        display: block;
        position: relative;
        background: #333;
        border: 0px;
        padding: 0px;
        margin: 0px;
        float: left;
        width: 100%;
        top: 0px;
    }

   .main-nav-open .nav .sub ul li a {
        display: block;
        width: 100%;
        text-align: center;
        color: #fff !important;
        padding-left: 0px;
        font-weight: lighter;
        font-size: 13px;
    }

    .mybb-tools li.risktracker a {
        height: auto;
        width: auto;
    }

}

/*Tablet Styles*/
@media only screen and (min-width:668px) and (max-width:1037px) {
    .topTabs { 
        padding-top: 20px;
    }

    .brandingImgWrap {
        height: 0px;
    }

     .global-nav-bar.logout {
        top: 5px;

    }
}

/*hamburger css */

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
 
.hamburger {
    padding: 11px 0px 0px 10px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger:hover {
    opacity: 0.7;
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 20px;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -7px;
}

.hamburger-inner::after {
    bottom: -7px;
}


/*
   * Squeeze
   */

.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}




/* ---------------------------------------------------------------------------------------------------------------------------- */
/*                       THEME DEVELOPED FOR ISCTE BY emunoz@elearningmedia.es MAY 2020 */
/* ---------------------------------------------------------------------------------------------------------------------------- */
/* Azul oscuro: #0D28C2*/
/* Gris claro: #f5f4f2 */
/* Negro: #000000 */

@import url("fontawesome-all.css");


/*ELEMENTOS GENERALES DE LA UI - estructuras*/
/*fondo y fuente de texto general*/
html, body, #contentFrame, #schemePreview, #schemePreviewBody {
    background-color: #FFFFFF !important;
/*     background-image: none !important; */
    font-family: "Helvetica Neue",Arial,sans-serif;
/*     max-width: 100% !important; */
}
* {
    font-family: "Helvetica Neue",Arial,sans-serif;
}
/*frame superior*/
#globalNavPageNavArea {
    background: none no-repeat scroll 0 0 #f5f4f2;
/*     height:auto!important;  */
/*     background-size: cover; */
/*     padding-top:.5em; */
/*     padding-left: .5em; */
}
.bgBanner {
/*     background: url("images/logo_0.png") no-repeat 35px 45px #FFFFFF !important; */
/*     background-size:200px!important; */
}
#topTabs {
/*     height: 100% !important; */
    box-shadow: none!important;
    background-color: transparent !important;
/*     height:116px!important; */
/*     margin-left: -0.5em; */
/*     padding-bottom:9px; */
}
.topTabs .tabWrapper-right{
/*     height: 35px !important; */
/*     background: none transparent; */
/*     margin-left: 72px; */
    padding-right: 72px;
}
.brandingImgWrap {
/*     height: 35px; */
/*     background-color: #E1E1E1; */
/*     overflow: visible; */
}
.bannerImage {
/*     display: none; */
    max-height: 65px!important;
    padding: .8em 0;
    top: 25px!important;
    max-width:none !important;
/*     content: url("images/cabecero Ruralcampus.png"); */
    margin-left: 72px;
/*     max-width: 200px !important; */

}
table.bouncer {
/*     border-bottom: 5px solid #888888 !important; */
/*     height: 100px!important; */
}
table.bouncer:before {
/*     content:"SERVIDOR STAGING"; */
/*     font-weight: bold; */
/*     font-size: 2em; */
/*     color: #666666; */
/*     display:block; */
/*     clear:both; */
/*     text-align: center; */
}
/*enlaces rápidos*/
#quick_links_wrap {
/*     top: 95px !important; */
/*     top: initial !important; */
}
#quick_links_wrap:hover {
}
#globalNavPageContentArea {
/*     height: auto !important; */
/*     height: 100% !important; */
} 
/*pie de página en todas las páginas del sistema*/
#globalNavPageContentArea:after {
/*     content: "EMAIL: CAMPUS@FUNDACIONLABORAL.ORG - TLF:900123455 - ©2006-2017 FUNDACION LABORAL DE LA CONSTRUCCIÓN. TODOS LOS DERECHOS RESERVADOS"; */
/*     font-weight: bold; */
/*     font-size: .85em; */
/*     color: #666666; */
/*     display:block; */
/*     clear:both; */
/*     text-align: center; */
/*     bottom: .8em !important; */
}
.locationPane {
    background: none repeat scroll 0 0 #FFFFFF !important; 
    box-shadow: none !important;
}
.contentPaneWide {
    background-color: #FFFFFF!important;
/*     border-color:#DADADA !important; */
    box-shadow: none !important;
/*     border-radius: 0!important; */
/*     margin-left: 0; */
/*     margin-right: 0; */
    border: none !important;
/*     padding:0; */
}
.portalPane {
    background-color: #FFFFFF!important;
    box-shadow: none !important;
/*     border-radius: 0!important; */
/*     margin-left: 0; */
/*     margin-right: 0; */
    border: none !important;
/*     border-color:#DADADA !important; */
}
/*menú del curso que se esconde*/
.navigationPane {
    background-color: #FFFFFF !important;
    box-shadow: none !important;
/*     border-radius: 0!important; */
    border: none !important;
/*     padding-top:0!important; */
}
/*contenido curso + barra*/
.contentPane {
    background-color: #FFFFFF !important;
    box-shadow: none !important;
/*     border-radius: 0!important; */
/*     margin-right: 1px; */
    border: none !important;
}
.contentPane .shadow {
/*     border-top: 0!important; */
    box-shadow: 0!important;
    border:0;
}
.portal .contentBox {
    background-color: #FFFFFF !important;
    box-shadow: none !important;
/*     border-radius: 0!important; */
    border: none !important;
}
.containerPortal {
}
.container {
    border: none!important;
}
/*contenido*/
.contentBox {
    box-shadow: none !important;
/*     border-radius: 0!important; */
    border: none !important;
    background-color: #FFFFFF;
}
/*área de contenido dentro del curso*/
#content { /*Nunca transparente para que funcione fullscreen en el grade center*/
    background-color: #FFFFFF !important; 
/*     border-color: #CCCCB8 !important; */
    box-shadow: none !important; 
/*     border-radius: 0!important; */
    border: none !important;
}
/*área de menú*/
.menuWrap {
    background: none scroll 0 0 #FFFFFF !important;
    border: none !important;
    box-shadow: none !important;
/*     background-color: #FFFFFF !important; */
/*     color: #ce171f !important; */
}
.menuWrap-inner {
    background-color: #000000 !important;
}
/* elementos */
#content .vtbegenerated, #content .vtbegenerated p {
    overflow-wrap: break-word;
}
/* Vista preliminar con altura correcta */
.student-preview-mode {
    margin-top:58px !important;
}
/* área de attendance que no se pise con el puller */
.attendance-app .grid {
    margin-left: 0!important;
}
/*zona de contenido del curso pero sin el encabezado*/
.actionBar + .container {
    margin-top: 20px;
}
.container {
/*     margin: 12px; */
    border: none!important;
/*     margin-top: 0; */
/*     padding-top: 0; */
}
/*ELEMENTOS GENERALES DE LA UI - textos y enlaces*/
/*enlace login/mybb*/
.global-nav-bar-wrap {
    height: 30px;
/*     border-top: 5px solid #5DAC41; */
    background-color: #000000;
/*     background: url('images/logo.gif') no-repeat scroll 0% 0% #990000; */
/*     padding: 0 15px; */
/*     background-size: contain; */
/*     background-origin: content-box; */
/*     margin: 0 15px; */
} 
.global-nav-bar {
    margin-right: 20px;
    margin-left: 5px;
/*     padding-top: 7px; */
}
.nav-link {
/*     margin-top: 5px;  */
/*     background: none repeat scroll 0 0 transparent !important; */
    font-weight: bold;
    color: #FFFFFF;
    padding-left: 3em;
/*     border-radius: 0; */
/*     text-transform: uppercase; */
/*     background-color:#A71930 !important; */
}
.nav-link:hover, .nav-link:focus {
/*     background: none repeat scroll 0 0 #EEEEEE !important; */
/*     background-color:transparent !important; */
/*     text-decoration: none; */
    font-weight: bold;
    color: #FFFFFF !important;
}
/*enlace logout*/
.global-nav-bar .logout-link {
    text-indent:initial;
}
.global-nav-bar .logout-link:before {
    content: '\f011';
    color: #FFFFFF !important;
    font-size: 1.5em;
    font-family:"FontAwesome";   
}
div.global-nav-bar .logout-link, .global-nav-bar .logout-link:hover, .global-nav-bar .logout-link:focus {
    background: none !important;
    color: transparent;    
}
.global-nav-bar.logout {
    padding-right: 72px;
}
/* avatar */
#global-nav .global-top-avatar {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    top:0;
    left:0;
    margin: 0 -0.5em;
}
/* hamburguesa original*/
.hamburger-inner, .hamburger-inner:before, .hamburger-inner:after {
    background-color: #000000;
}
/*Hot Links*/
.linkMenu {
/*     font-size: 11px; */
}
.linkMenu i {
/*     font-size: 1.8em;  */
/*     left: 6px;  */
/*     top: 4px;  */
/*     padding-right: 0.3em; */
}
.hotItems {
/*     color: #FFFFFF;  */
/*     background-color: transparent;  */
/*     padding: 0;  */
/*     left: 10em; */
}
#linkList {
/*     background-color: #333333; */
}
#linkList li {
/*     list-style-type: none;  */
/*     min-width: 150px; */
/*     border-bottom: 1px solid #CCCCCC; */
}
#linkList li:last-child {
/*     border-bottom: none; */
}
#linkList a {
/*     text-decoration: none; */
/*     font-size: 1.2em; */
/*     text-transform:uppercase; */
/*     font-family:'TradeGothic',Arial,sans-serif !important; */
}
#hotSpots li:after {
/*     content: none; */
}
#hotSpots a {
/*     padding: 0.5em 1em; */
}
#hotSpots {
/*     overflow: visible; */
}
/*para mostrar y ocultar el menú*/
.linkMenu {
/*     position: relative; */
}
.linkMenu > ul {
/*     position: absolute; */
/*     z-index: 1;  */
/*     visibility: hidden; */
/*     transition: visibility 0.5s; */
/*     opacity: 0; */
}
.linkMenu > span:focus ~ ul {
/*     visibility: visible; */
/*     opacity: 1; */
}
/*hack para que se cierre el menu con un segundo click*/
.linkMenu > div {
/*     background-color: rgba(0, 0, 0, 0);  */
/*     position: absolute; */
/*     top: 0;   */
/*     left: 0;  */
/*     right: 0;  */
/*     bottom: 0; */
/*     display: none; */
}
.linkMenu > span:focus ~ div {
/*     display: block; */
}
/*links para logarse y ayuda en version invitado*/
.hotSpots, .topGlobalLinks {
/*     margin-top: 5px;  */
/*     background: none repeat scroll 0 0 transparent !important; */
    color: #FFFFFF!important;
}
.topGlobalLinks a {
    color: #FFFFFF;
/*     border-top: 4px solid transparent; */
}
.topGlobalLinks a:hover, .topGlobalLinks a:focus {
/*     background: none repeat scroll 0 0 #5DAC41 !important; */
    color: #FFFFFF !important;
/*     border-top: 4px solid #0099E6; */
}
/*links para logarse y ayuda en version invitado*/
.hotSpots, .topGlobalLinks {
background-color: transparent!important;
}
.topGlobalLinks a {
    background-color: transparent!important;
}
.topGlobalLinks a:hover, .topGlobalLinks a:focus {
    color: #FFFFFF !important;
    background-color: transparent!important;
}
.topGlobalLinks ul li .link-icon {
    background: none;
    text-indent: initial;
}
.topGlobalLinks ul li, .topGlobalLinks ul li .home, .topGlobalLinks ul li .help, .topGlobalLinks ul li .logout {
    color: #FFFFFF !important; 
}
#appTabList {
    margin-top: 1em !important; 
/*     border-spacing: 1em 0 !important; */
/*     border-collapse: separate !important; */
}
.appTabs a {
    font-weight: bold;
    text-decoration: none !important;
/*     text-transform: uppercase; */
/*     border-radius: 4px !important; */
    color: #000000 !important;
    background-color: transparent; 
/*     border-bottom: 5px solid #FFFFFF;  */
/*     padding: 10px; */
    padding-bottom: 0;
    font-size: 1.3em;
/*     line-height: 19px; */
/*     font-family: "Open Sans",Arial,sans-serif !important; */
    border: 0!important;
}
.appTabs .active .hideoff, .appTabs .active a:hover .hideoff, .appTabs .active a:focus .hideoff, .toppTabs-compact .appTabs .active .hideoff, .toppTabs-compact .appTabs .active a:hover .hideoff, .toppTabs-compact .appTabs .active a:focus .hideoff {
    border: none;
}
/*fichas superiores en hover*/
.appTabs a:hover, .appTabs a:focus {
/*     text-decoration: none !important;  */
/*     border-bottom: 5px solid #5DAC41!important;  */
    color: #0D28C2;
/*     background-color: #FFFFFF !important; */
/*     border-radius: 0px!important; */
}
.appTabs a:hover span, .appTabs a:focus span {
/*     text-decoration: none !important; */
    color: #0D28C2;
/*     background-color: #FFFFFF !important; */
/*     border-radius: 0px!important; */
}
.appTabs td {padding-bottom:0!important;}
/*ficha activa*/
.appTabs td.active {
    border-bottom: none!important;
}
.appTabs .active a:hover span, .appTabs .active a:focus span {
/*     text-decoration: none !important; */
    color:#0D28C2!important;
} 
.appTabs .active a {
/*     text-decoration: none !important;  */
    color:#0D28C2!important; 
/*     background-color: #0088CC !important;  */
/*     border-bottom: 5px solid #0088CC;   */
/*     border-radius: 4px; */
/*     z-index: 100; */
}
@media only screen and (max-width: 1024px)/* and (min-width: 320px)*/ {
    /*Para que se vea igual que en grande la parte superior */
    #globalNavPageNavArea {
/*         margin-top: 0!important; */
/*         background-color: transparent; */
    }
    .global-nav-bar-wrap {
        background: url("images/logo.svg") 4em center no-repeat #f5f4f2!important;
/*         background-color: transparent; */
    /*     height:45px; */
        background-size: auto 40px!important;
    /*     background-clip: content-box; */
    }
    .global-nav-bar.logout {
/*         top:-2px !important; */
/*         left:0; */
    }
    .global-nav-bar .logout-link:before { 
        color:#000000!important;
    }
    .global-nav-bar-wrap-mobile-nav {
/*         right: 3em; */
/*         padding-top:.5em; */
/*         right:0; */
    }
    .hamburger {
/*         padding-top:0; */
    }
    #quick_links_wrap {
/*         top:64px; */
    }
    #appTabList {
        width:100%;
    }
    table.bouncer{
        background-color: #f5f4f2!important;
    }
    .main-nav-open  table.bouncer{
        background-color: #f5f4f2;
    }
    .main-nav-open table.bouncer .appTabs td, .main-nav-open table.bouncer .appTabs td.active {
       border-bottom:none;
       background-color: transparent;
    }
    .main-nav-open div[class^="topTabs"] div[class^="tabWrapper"] .appTabs {
        background-color: transparent;
    /*     top:15px; */
    }
    .main-nav-open .topTabs .tabWrapper-right{
        background-color: #FFFFFF;
        color:#000000;
    /*     border-bottom: 10px solid #81B61D; */
    /*     border-radius: 10px; */
    }
    .main-nav-open td a {
/*         color:#FFFFFF !important; */
        font-size: 1.2em;
/*         border-bottom: none; */
        text-align:left;
    }
    .main-nav-open .active a, .main-nav-open active:hover a, .main-nav-open .active:focus a{
/*         color:#22BBEA !important; */
/*         border-bottom: none; */
    }
    .main-nav-open .sub a {
/*         font-size: 1em!important; */
    }
    .appTabs a {
        border-bottom: none;
        text-align:left!important;
    }
    .appTabs a span {
        display: inline-block;
        width: 90%;
    }
    .appTabs td a:after {
        content:"\f061";
        font-family: "FontAwesome";
    }
    /*     subtabs */
    .main-nav-open #paneTabs {
       background-color: #f5f4f2;
    }
    ul#overflowULId {
        background-color: #f5f4f2;
        color: #000000!important;
        margin-left: 3em;
    } 
    ul#overflowULId a:after {
        content:"";
    }
    .main-nav-open #paneTabs #overflowULId a{
        font-weight: bold;
        color: #000000!important;
    }
/* Enlaces global nav */
    #global-nav .nav-link {
        color: #000000!important;
        font-size: 1.2em;
        border-top: 5px solid #000000;
/*         padding-left: 7em!important; */
/*         font-size: 1.2rem!important; */
    }
    div#global-nav > .hideoff {
        display: none;
    }
#global-nav .global-top-avatar {
    width: 44px;
    height: 44px;
    margin-left:2em;
    margin-top: 1em;
    }
    #badgeTotal{
        top: 0!important;
        right:90%;
    }
}
@media only screen and (max-width: 736px) {
    .global-nav-bar.logout {
/*         margin-top: .5em; */
    }
    
}
/*enlaces en varias partes de la UI*/
a, .portlet .subCategories li a, .blockGroups .itemHead, .blockGroups .itemHeadOpen, .landingPageColumn h3 a, .cell.gradable a, .attachments a {
    color: #0D28C2;
}
.cell.gradable a, .attachments a {
    font-size: 100% !important;
}
a:hover, .portlet .subCategories li a:hover, .blockGroups .itemHead:hover, .blockGroups .itemHeadOpen:hover, .landingPageColumn h3 a:hover, .cell.gradable a:hover, .attachments a:hover{
    color: #0D28C2;
}
.portlet .subCategories li a:hover, .blockGroups .itemHead:hover, .blockGroups .itemHeadOpen:hover, .cell.gradable a:hover, .attachments a:hover{
/*     text-decoration: underline; */
}
/* reborde en enlaces */
.appTabs input:focus, .appTabs button:focus, .appTabs select:focus, .appTabs a:focus, .global-nav-bar input:focus, .global-nav-bar button:focus, .global-nav-bar select:focus, .global-nav-bar a:focus, .mybb-tools input:focus, .mybb-tools button:focus, .mybb-tools select:focus, .mybb-tools a:focus, .mybb-div .side-nav input:focus, .mybb-div .side-nav button:focus, .mybb-div .side-nav select:focus, .mybb-div .side-nav a:focus, .navPalette input:focus, .navPalette button:focus, .navPalette select:focus, .navPalette a:focus, .gradeHeader input:focus, .gradeHeader button:focus, .gradeHeader select:focus, .gradeHeader a:focus, .gradingPanelHeader input:focus, .gradingPanelHeader button:focus, .gradingPanelHeader select:focus, .gradingPanelHeader a:focus, .inlineGrader .resizeControls input:focus, .inlineGrader .resizeControls button:focus, .inlineGrader .resizeControls select:focus, .inlineGrader .resizeControls a:focus {
    outline:none;
}
/*textos varios de ayuda el sistema*/
.mapTabs + .helphelp, .mapTabs ~ .helphelp {
/*     background: none repeat scroll 0 0 transparent; */
/*     border: 0;  */
/*     padding-left:0; */
/*     margin-left:0; */
}
.taskbuttonhelp,.stepcontent .stepHelp, .stepHelp, .steptitle, .submittitle, .helphelp {
    font-size: 1em;
/*     background: none repeat scroll 0 0 transparent; */
/*     font-family: "Roboto", sans-serif; */
}
/*Marcadores de obligatoriedad*/
.reqfield:before, .required > .label > label:before {
/*     color: #71C340; */
}
/*título de la página*/
#pageHeader, #schemePreviewHead, .pageTitle, #pageTitleText{
    color: #000000 !important; 
    background: none repeat scroll 0 0 transparent !important;
/*     text-transform: uppercase; */
/*     min-height: 32px;  */
    padding: 12px 30px !important;
/*     margin: 0!important; */
    border: 0 !important;
}
div.pageTitle h1 {
/*     border-bottom: 4px solid #5DAC41 !important; */
    color: #000000 !important; 
    background: none repeat scroll 0 0 transparent !important;
} 
/*títulos de pasos en formularios*/
h3.steptitle, .steptitle {
    color: #000000;
}
/*títulos calendario*/
.title-date, .title-text {
    color: #000000 !important;
}
.contentPaneWide .pageTitle {
/*     padding-top:0; */
}
/*notificaciones de sistema*/
.receipt.good {
    background: none repeat scroll 0 0 #0D28C2;
}
.error .pageTitle {
    background: none 0 0 #FF0000 !important;
    box-shadow: none;
}
.error .pageTitle h1 {
    color: #FFFFFF !important;
    border-bottom: none !important;
}
/* Preguntas de varias respuestas fix alinear texto con opción y casilla */
.multiple-answer-table td label p, .multiple-choice-table td label p{
    margin-top: 0!important;
    margin-bottom: 0!important;
}
@media only screen and (max-width: 1024px)/* and (min-width: 320px)*/ {
    .contentPaneWide .pageTitle {
    /*     padding-left:0; */
    }
}
/* Textos en iconos distintos de attachments */
/* Content Item Sub-Header */
.detailsLabel {
/*  font-weight: bold; */
/*  color:black */
}
/* Content Item Sub-Header text*/
.detailsValue {
/*  font-style: italic; */
/*  color:#C56FD5 */
 }
/* Content Item Header */
.item h3 {
/*  font-size: 17px; */
}
ul.attachments {
/*  font-style: normal; */
/*  color:black */
}
/*ELEMENTOS GENERALES DE LA UI - tablas y listados*/
/*mis calificaciones (como alumno)*/
.gradeTableNew .calculatedRow.row {
    box-shadow: none!important;
}
.gradeTableNew .cell, .gradeTableNew .row .cell a, .gradeTableNew .grades_header {
    font-size: 100% !important;
}
.gradeTableNew #grades_wrapper {
    padding-left: 10px;
    margin-top:73px!important;
}
.filterBarHorizontal {
    background-color: #000000 !important;
}
.filterBarHorizontal ul li a, .filterBarHorizontal .sorter label {
    color: #f5f4f2!important;
}
.filterBarHorizontal ul li a.active {
    background-color: #0D28C2!important;
    color:#FFFFFF!important;
    border: none!important;
    box-shadow: none!important;
/*     color:#0061AD!important; */
    font-weight: bold;
}
.filterBarHorizontal ul li a:hover {
    background-color: #0D28C2!important;
    color:#FFFFFF!important;
    border: none!important;
    box-shadow: none!important;
}
.eval-links.horizontal input.genericButton:hover {
    background-color: #000000!important;
    text-decoration:none!important;
}
.filterBarHorizontal .sorter label {
    font-size: 1em;
}
/* centro de calificaciones */
.cellStatus {
    background-color: #f5f4f2;
}
/*fondos en hover y encabezados de tablas*/
.inventoryListHead {
/*     background-color: #f5f4f2; */
}
.inventory > thead tr th.sorted {
/*     background-color: #f5f4f2; */
/*     color: #FFFFFF !important; */
    text-shadow: none;
}
.gbtable th, .gbtablesimple tbody th {
/*     background-color: #f5f4f2!important; */
}
.gbtable_header th, .gbtable thead th {
/*     background-color: #f5f4f2; */
    font-weight:bold;
}
/* tabla administracion de fechas */
.rollover-page .inventory > tbody .this-row-edit th, .rollover-page .inventory > tbody .this-row-edit td, .rollover-page .inventory > tbody .this-row-edit.gray th, .rollover-page .inventory > tbody .this-row-edit.gray td {
/*     background-color: #f5f4f2!important; */
}
.inventory>thead tr th.sorted, th.sorted, .splashTable thead tr th.sorted {
/*     background-color: #000000!important; */
}
/*fondo listados*/
.paletteItems li.selectedItem, .paletteItems li.active, .paletteItems li.selectedItem:hover, .paletteItems li.selectedItem:focus, .paletteItems li.active:hover, .paletteItems li.active:focus {
/*     background-color: #f5f4f2 !important; */
}
.paletteItems li a {
    color: #000000 !important;
}
/*barras de reordenar*/
.reorder, .item .reorder, .inventory tr:hover .dndHandle {
    background-color: #000000;
}
.item .reorder span, .liItem .reorder span, .listCm .reorder span, .subList-reorder .reorder span, .buttonCm .reorder span, .dndHandle .reorder span, .portlet .reorder span {
/*     background: url("images/arrow-up-down.png") no-repeat 50% 50%;height: 100%; */
}
/* Tabla attendance */

/*puller para maximizar el menú cuando está escondido... versión normal*/
div#puller.pullcollapsed a {
 background-color: #000000 !important;
}
/*puller para maximizar el menú cuando está escondido... versión botón*/
@media only screen and (min-width: 1025px) {
    #puller.pullcollapsed a, #puller a {
        height: 32px;
        width: 32px;
        background: none #000000;
        opacity: 1;
        border:none;
        box-shadow:none;
        border-radius:0;
    }
    #puller.pullcollapsed a {
/*         background: url("images/arrow-fwd-w.png") no-repeat center center #000000; */
    }
    #puller a {
/*         background: url("images/arrow-rew-w.png") no-repeat center center #000000; */
    }
    #puller a img {
    /*     display:none; */
    }
    #puller {
        right: -32px!important;
        top:0;
    }
    #puller a:after {
        left:9px;
    }
    #puller a:after, #puller.pullcollapsed a:after {
        position:relative;
        right:0;
        top:0;
        border:0;
        text-shadow:none;
        padding:0;
        background-color:#000000; 
        line-height: 32px;
        opacity: 1;
    }
    #puller.pullcollapsed a:hover, #puller.pullcollapsed a:focus,  #puller a:hover, #puller a:focus {
        background-color: #000000;
    }
/* Para que no se pise con el boton de ocultar menu */
    #pageTitleBar {
        padding-left:20px;
    }
    .contentPane .receipt {
        margin-left:35px;
    }
}
/* Puller responsive versión normal*/
@media only screen and (max-width: 1024px)/* and (min-width: 320px)*/ {
    #puller.pullcollapsed {
        background-color: #000000;
        border:0;
    }
    #puller.pullcollapsed a:after {
        color:#FFFFFF;
    }
    #puller, #puller.pullcollapsed {
/*         top:19px; */
    }
    div#puller.pullcollapsed a {
        border-radius:50%;
    }
    .menuWrap-inner {
        margin-top:25px;
    }
}
/*ELEMENTOS GENERALES DE LA UI - botones*/
/*botones de acción*/
.button-1 {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border-radius: 0px;
    text-decoration: none;
    box-shadow: none !important;
    border: #000000!important;
    text-shadow: none!important;
    font-weight: normal !important;
    font-size: 100% !important;
    vertical-align: middle;
    padding: 6px 16px 7px !important; 
}
.button-1:hover {
    background-color: #0D28C2 !important;
    border: #0D28C2 !important;
    box-shadow:none !important;
}
.button-2 {
/*     color: #FFFFFF !important; */
/*     background-color: #000000 !important; */
    border-radius: 0px;
    text-decoration: none;
    box-shadow: none !important;
/*     border: #000000!important; */
    text-shadow: none!important;
    font-weight: normal !important;
    font-size: 100% !important;
    vertical-align: middle;
    padding: 6px 16px 7px !important; 
}
.button-2:hover {
/*     background-color: #0D28C2 !important; */
/*     border: #0D28C2 !important; */
    box-shadow:none !important;
}
.button-3 {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border-radius: 0px;
    text-decoration: none;
    box-shadow: none !important;
    border: #000000!important;
    text-shadow: none!important;
    font-weight: normal !important;
    font-size: 100% !important;
    vertical-align: middle;
    padding: 6px 16px 7px !important; 
}
.button-3:hover {
    background-color: #0D28C2 !important;
    border: #0D28C2 !important;
    box-shadow:none !important;
}
.button-4 {
/*     color: #FFFFFF !important; */
/*     background-color: #000000 !important; */
    border-radius: 0px;
    text-decoration: none;
    box-shadow: none !important;
/*     border: #000000!important; */
    text-shadow: none!important;
    font-weight: normal !important;
    font-size: 100% !important;
    vertical-align: middle;
    padding: 6px 16px 7px !important; 
}
.button-4:hover {
/*     background-color: #EDEDED !important; */
}
/* Botones en portlets */
.portlet .actionMenuButton {
    border:none;
    color: #0D28C2;
    background: transparent!important;
    box-shadow:none;
    border-radius: 0;
}
.button-6 {
    color: #0D28C2;
}
input[type="button"][disabled], input[type="button"][disabled]:hover {
    color: #AAAAAA !important;
    background-color: #DADADA !important;
    border-radius: 0px;
    text-decoration: none;
    font-size: 0.875rem;
    box-shadow: none !important;
    padding: .5625rem 1.125rem .625rem;
    border: none !important;
    font-weight: normal;
    vertical-align: middle;
    text-shadow: none !important;
}
.genericButton, input.genericButton[type="submit"], .pageTitle .genericButton, .retention-details .action-buttons .nav > li > a, .lightbox-container .action-buttons .nav > li .button-3  {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border-radius: 0px;
    text-decoration: none;
    box-shadow: none !important;
    border: #000000!important;
    text-shadow: none!important;
    font-weight: normal !important;
    font-size: 100% !important;
    vertical-align: middle;
    padding: 6px 16px 7px !important; 
}
.genericButton:hover {
    background-color: #0D28C2 !important;
    border: #0D28C2 !important;
    box-shadow:none !important;
}

input [type="text"] {
/*     padding:5px; */
}
#toolsSearchBox + .button-4, .treeContainer .tree li a.button-4-img, .student-preview-ribbon .button-3 {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border-radius: 0px;
    text-decoration: none;
    box-shadow: none !important;
    border: #000000!important;
    text-shadow: none!important;
    font-weight: normal !important;
    font-size: 100% !important;
    vertical-align: middle;
    padding: 6px 16px 7px !important; 
}
.keyboardAccess .button-3, .keyboardAccess .button-4 {
    margin: 0.5em 0.4em 0.5em 0;
}
.columnActions .button-4 {
    margin: 0.5em 0.4em 0 0;
}
.button-3-img {
    background-color: transparent !important;
}
.browse {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border-radius: 0px;
    text-decoration: none;
    box-shadow: none !important;
    border: #000000!important;
    text-shadow: none!important;
    font-weight: normal !important;
    font-size: 100% !important;
    vertical-align: middle;
    padding: 6px 16px 7px !important; 
}
.browseIcon, .browseIcon:hover {
    background-color: transparent; 
    box-shadow: none;
}
/*botones backlink, como Aceptar y OK en la parte inferior*/
.backLink a:before {
    color: #0D28C2 !important;
}
.backLink a:hover, .backLink a:hover:before {
    color: #0D28C2 !important;
    background:none #f5f4f2 !important;
}
.backLink a {
    border-radius: 0px;
    color: #0D28C2;
    border: 0!important;
    background: none #f5f4f2 !important;
    box-shadow: none!important;
    text-shadow: none !important; 
}
/*botones responder, citar, etc. en foro*/
.threadButtons a.reply {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border-radius: 0px;
    text-decoration: none;
    box-shadow: none !important;
    border: #000000!important;
    text-shadow: none!important;
    font-weight: normal !important;
    font-size: 100% !important;
    vertical-align: middle;
    padding: 6px 16px 7px !important; 
    background-image:none!important;
}
.threadButtons a.reply:hover, .threadButtons a.reply:focus {
    background-color: #0D28C2 !important;
    border: #0D28C2 !important;
    box-shadow:none !important;
    background-image: none!important;
}
.threadButtons a.browse {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    background-image:none!important;
    border-radius: 0px;
    text-decoration: none;
    box-shadow: none !important;
    border: #000000!important;
    text-shadow: none!important;
    font-weight: normal !important;
    font-size: 100% !important;
    vertical-align: middle;
    padding: 6px 16px 7px !important; 
}
.threadButtons a.browse:focus, .threadButtons a.browse:hover {
    background-color: #0D28C2 !important;
    border: #0D28C2 !important;
    box-shadow:none !important;
    background-image: none!important;
}
/*botones calendario*/
#ical, .fc-button-main {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    background-image:none!important;
    border-radius: 0px;
    text-decoration: none;
    box-shadow: none !important;
    border: #000000!important;
    text-shadow: none!important;
    font-weight: normal !important;
    font-size: 100% !important;
    vertical-align: middle;
    padding: 6px 16px 7px !important; 
} 
.fc-button-main:hover {
    background-image:none!important;
    background-color: #0D28C2 !important;
    border: #0D28C2 !important;
    box-shadow:none !important;
}
/* Botones calendario */
.button-img-create{
    background: url("images/plus.png") 0 0 no-repeat!important;
}
.button-img-next{
    background: url("images/arrow-fwd.png") 0 0 no-repeat!important;
}
.button-img-prev{
    background: url("images/arrow-rew.png") 0 0 no-repeat!important;
}

/*botones en ventana superpuesta*/
.ui-button-text-only, .ui-dialog-buttonset .ui-button-text-only {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border-radius: 0px;
    text-decoration: none;
    box-shadow: none !important;
    border: #000000!important;
    text-shadow: none!important;
    font-weight: normal !important;
    font-size: 100% !important;
    vertical-align: middle;
    padding: 6px 16px 7px !important; 
}
/* Botones panel config. asistencia */
.attendance-app .classic-peek-panel .bb-offcanvas-panel button.bb-close {
    background-color: #000000!important;
}
.attendance-app .classic-peek-panel .bb-offcanvas-panel button.bb-close:after {
    background-color: transparent;
    border-right-color: #f5f4f2;
}
/* botón añadir día */
.attendance-app .add-meeting {
/*     color: #A20B32; */
}
/* botón marcar attendance */
.attendance-app .grid__cell.-mark .dropdown-wrapper__button:not(:disabled) {
/*     color:#A20B32!important; */
}
/*Botones en mis calificaciones */
.eval-links .genericButton, .eval-links .button-4, .eval-links input.genericButton[type="button"], .eval-links.horizontal input {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border-radius: 0px;
    text-decoration: none;
    box-shadow: none !important;
    border: #000000!important;
    text-shadow: none!important;
    font-weight: normal !important;
    font-size: 100% !important;
    vertical-align: middle;
    padding: 6px 16px 7px !important; 
}
/* botones de paginación */
.rumble h3 + ul > li > a, .rumble_top h3 + ul > li > a {
/*     background: none repeat scroll 0 0 #EFEDE3!important; */
/*     color: #33331F !important; */
    border-radius: 0px;
    box-shadow: none;
    text-shadow: none !important;
/*     font-size: 0.8em; */
/*     text-transform: uppercase; */
/*     font-weight: normal; */
/*     padding: .5em!important; */
/*     text-decoration: none; */
/*     vertical-align:middle; */
} 
.rumble_top a, .rumble a, .paging a {
/*     color: #33331F; */
    box-shadow: none !important;
/*     background-color:#EFEDE3; */
}
/*enlaces para pasar de página en listados sin fondo, y sin decoración al hacer hover*/
a.jumpToPageOpen {
/*     background: none!important; */
/*     color: #444444 !important; */
    text-shadow: none!important;
    border: none!important;
}
a.jumpToPageOpen:focus, a.jumpToPageOpen:hover{
/*     text-decoration: none !important; */
/*     text-shadow: none!important; */
    border: none!important;
}
/*menu paginación en tablas*/
.jumptopage {
    background-color: #FFFFFF;
}
@media only screen and (max-width: 1024px)/* and (min-width: 320px)*/ {
    /* padding 15px a los botones de eliminar, etc de las tablas en tamaño tablet*/
}
/*BARRAS Y BLOQUES VARIOS*/
/* detalles administración */
/*color del + en administración*/
.version span:before {
    color: #0D28C2;
}
/*imagen logo*/
.colophon img {
/*     display:none; */
/*     float:none;  */
/*     width:auto;  */
/*     margin:0; */
}
/*product updates*/
.productUpdates .update_btn:hover {
/*     background: none repeat scroll 0 0 rgba(0, 0, 0, 0)!important; */
}
/*textos actualizaciones pendientes*/
a.learnUpdates span, a.blockUpdates span {
/*     color: inherit !important; */
/*     font-family: inherit!important; */
/*     font-size: 100% !important; */
}
.update_btn a span.counter, .module-supplement a span.counter  {
/*     background-color: #121214 !important; */
/*     color: #FFFFFF !important; */
/*     font-size: 100% !important; */
/*     border: none!important; */
}
/*elementos destacados*/
div.promoted {
/*     background-color: transparent !important; */
}
/*barras de búsqueda*/
.containerOptions .searchbar, .containerOptions .liveArea, #addFolderForm {
/*     background-color: transparent; */
/*     border: 0; */
/*     margin: 5px auto; */
/*     padding: 15px; */
}
/*número de publicaciones no leídas y esperando moderación en un foro*/
.unread-posts, .need-moderation, .unread-replies-to-me-posts {
    color: #FFFFFF !important;
    background: none repeat scroll 0 0 #0D28C2 !important;
    border: none!important;
}
.unread-posts a, .unread-replies-to-me-posts a {
    color: #FFFFFF!important;
}
/*cajas de selección*/
.selectItems {
/*     border: 0;  */
/*     background-color: #EDEDED; */
}
/*áreas de calificación*/
#currentAttempt .attemptHeader, #currentAttempt .gradeSubmissionPanel, #currentAttempt .panelHandle {
    background-color: #f5f4f2 !important;  
}
/* popup salir de student previo con scroll */
div.lb-wrapper div.lb-content {
/*     overflow:scroll!important; */
}
/* Navegacion entre usuarios en sitios como assignments*/
.user-navigator {
    background: none #f5f4f2;
}
/* encabezados de zona de calificación */
.gradingPanelHeader, .gradeHeader, .maximizer_btn, .gradingPanelCollapse_btn.expanded, .resizeControls, .gradingPanelCollapse_btn {
    background-color: #000000!important;
}
/*barra cargador de archivos en theme.css*/
/* barra busqueda foros */
.thread-detail-page #actionbar.actionBar {
    box-shadow:none!important;
    background:none #000000!important;
    border: 0!important;
}
.thread-detail-page .actionBar #navsecondary .secondaryButton > a {
    color: #FFFFFF !important; 
    background-image: none !important;
/*     background-color: #E1E1E1!important; */
    border-radius: 0px !important;
    box-shadow: none !important;
}
.thread-detail-page .actionBar #navsecondary .secondaryButton:hover > a{
    color: #FFFFFF!important;
}
/*barra para cambiar la vista de listado a miniaturas y similar*/
div.localViewToggle {
    box-shadow: none;
    background: none repeat scroll 0 0 transparent !important;
}
/* barra botonera inferior fija */
.submitStepFixed {
    background-color:#f5f4f2 !important;
    box-shadow:none !important;
    border:0;
}
/* Popup confirmación eliminar área */
.lb-container {
/*     padding-top: 4px !important; */
}
div.lb-wrapper {
/*     min-height: 300px; */
}
/* boton cambiar a modo edición */
.modeSwitch {
    background-color:#000000;
    border: 1px solid #000000;
    box-shadow: none;
}
.read-off{
    color:#FFFFFF;
}
.read-on {
    color: #FFFFFF;
}
.read-on:hover {
    background-color:#0D28C2;
}
.switcherLabel {
    color: #000000!important;
}
/* Borde cajetillas */
input[type="text"], input[type="password"], select {
    border-bottom: 1px solid #AAAAAA;
    border-radius: 0!important;    
}
/*ELEMENTOS GENERALES DE LA UI - menús, submenús*/
/*Menús de acción y submenús, fondos*/
/*menú emergente en el +*/
#courseMenuPalette_actionbar ul, .actionBarMicro #courseMenuPalette_actionbar ul {
    background-color: #FFFFFF !important;
    color: #000000 !important;
/*     border-color: 1px #DADADA !important; */
}
#courseMenuPalette_actionbar ul a:hover, #courseMenuPalette_actionbar ul a:active, #courseMenuPalette_actionbar ul a:focus, .actionBarMicro #courseMenuPalette_actionbar ul a:hover, .actionBarMicro #courseMenuPalette_actionbar ul a:active, .actionBarMicro #courseMenuPalette_actionbar ul a:focus{
    color: #000000 !important;
    background-color: #f5f4f2 !important;
}
/*estos aparecen dentro de los cursos*/
.quickAddPal, .keyboardAccess {
/*     border-color: #D2D2D2 !important;  */
    background-color: #FFFFFF!important;
/*     background-image: linear-gradient(to bottom, #0088CC, #0044CC); */
/*     background-repeat: repeat-x; */
    color: #000000;
/*     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); */
/*     border-radius: 0px 6px 6px !important; */
}
/*cabeceras de menu dentro del curso*/
.keyboardAccess label, .flyout h3, li span.labelMenuItem {
    background-color: transparent !important;
    color: #0D28C2 !important;
    text-shadow: none;
}
/* en menus contextuales*/
.cmdiv ul li a:hover,.cmdiv ul li a:active,.cmdiv ul li a:focus {
    background: none no-repeat scroll right center #f5f4f2 !important;
    color: #000000 !important;
}
.cmdiv, .nav .sub ul, .bcContent .flyout {
/*     border-color: #EDEFF1 !important; */
    background-color: #FFFFFF!important;
/*     box-shadow: 1px 2px 5px 0px rgba(97,97,97,1); */
}
.cmdiv ul li a {
    color: #000000 !important;
}
/* en tablas y actionbar*/
.nav .sub ul li a:hover, .nav .sub ul li a:focus, .nav .sub ul li a:active {
    background: none no-repeat scroll right center #f5f4f2 !important;
    color: #000000 !important;
}
.nav .sub ul li a {
    color: #000000 !important;
}
/* en tablas */
.rumble .nav .sub ul li a:active, .rumble .nav .sub ul li a:focus, .rumble .nav .sub ul li a:hover, .rumble_top .nav .sub ul li a:active, .rumble_top .nav .sub ul li a:focus, .rumble_top .nav .sub ul li a:hover {
    background: none no-repeat scroll right center #f5f4f2 !important;
    color: #000000 !important;
}
.rumble .nav .sub ul li a, .rumble_top .nav .sub ul li a {
    color: #000000 !important;
}
@media only screen and (max-width: 1024px)/* and (min-width: 320px)*/ {
    /* molaría hacer que las rumble .nav .sub se viesen correctamente en tamaño tablet, quedan muy abajo y no son usables */
    /* pantalla búsqueda preguntas */
    .noBatchActions {
        display: inline-block!important;
        font-size: .8em;
    }
}
/*ELEMENTOS GENERALES DE LA UI - módulos y portlets*/
/*encabezados de los módulos y portlets*/
#moduleTitle, .portlet h2 {
    text-shadow: none !important;
/*     border-radius: 6px 6px 0 0; */
    background-color: transparent !important;
    color: #0D28C2 !important;
    text-decoration: none;
    border: none !important;
/*     border-color: #CCCCB8 !important; */
    box-shadow: none !important;
    font-weight: bold;
/*     width: auto; */
    border-bottom:1px solid #0D28C2!important;
/*     text-transform: uppercase; */
    padding: 1em;
    font-size:1.1em;
/*     margin-bottom: 0px; */
}
.portlet h2 span.reorder{
    text-shadow:none !important;
}
.portlet .edit_controls a:before {
/*     text-shadow: none; color: #FFFFFF; */
}
/*texto encabezado en portlets*/
.portlet h3 {
    font-weight: bold;
    color: #000000;
/*     font-size: 75%;  */
    font-weight: normal;
}
/*zona contenido portlets*/
.portlet {
/*     border-radius: 0 0 6px 6px; */
    border: none !important;
/*     background-color: #EDEDED !important; */
/*     border-color: #CCCCB8 !important;  */
/*     margin-left: 0 !important; */
    box-shadow: 1px 2px 5px 0px rgba(97,97,97,.3);
}
.collapsible {
/*     border-radius: 0 0 6px 6px; */
    box-shadow: none;
    border: none !important;
/*     background-color: #EDEDED !important; */
/*     border-color: #CCCCB8 !important;  */
/*     margin-left: 0 !important; */
}
.noItems {
/*     border-radius: 0 0 6px 6px; */
    text-align: left !important;
}
/* portlets especificos */
div[id*="_4_1"].portlet {
/*     margin-top: -50px!important; */
}
.qRow {
/*     font-size: 100% !important; */
}
/*Availability en Qwickly*/
#makeavail.qSlide, #needsgrading.qSlide {
/*     background: none repeat scroll 0 0 #EDEDED; */
/*     border: 0 !important; */
/*     box-shadow: none !important; */
/*     padding: 12px 0 8px 12px; */
}
.collapsible .qSlide table {
/*     font-size: 100% !important; */
}
/* Settings for qwickly */
.qSettingsTab {
/*     font-size: 0.8em !important; */
}
/* portlets de notificaciones */
.blockGroups .itemHeadOpen {
    background-color: transparent!important;
}
/* portlet de cursos con sangrados */
.portlet .portletList-img > li {
    padding-left: 10px!important;
}
.portlet .portletList-img > li:before {    
    font-family: 'FontAwesome';
    content: '\f0da';
    color: #0D28C2;
}
.portlet .courseInformation {
    text-indent:0!important;
}
/* Portlet de cursos con barras estilo "ultra" */
.portlet .portletList-img > li {
/*     border-top: none; */
/*     padding: 1em; */
/*     border: 1px solid #CCCCCC; */
/*     border-left: 15px solid #DE3831; */
}
/* Portlet de login */
.portlet #loginBoxFull {
/*     width:100%; */
}
.portlet #loginBoxFull h3{
/*     display:none;     */
}
.portlet #loginBoxFull li label {
/*     color: #616161; */
/*     font-size: 1.2em; */
}
.portlet #loginBoxFull input[type="text"], .portlet #loginBoxFull input[type="password"] {
/*     background-color: #F6F6F6; */
/*     border: 1px solid #616161; */
/*     border-radius: 0px; */
/*     color: #616161; */
/*     -moz-transition: all 0.5s ease 0s;  */
/*     -webkit-transition: all 0.5s ease 0s;  */
/*     transition: all 0.5s ease 0s; */
}
.portlet #loginBoxFull input[type="text"]:hover, .portlet #loginBoxFull input[type="text"]:focus, .portlet #loginBoxFull input[type="password"]:hover, .portlet #loginBoxFull input[type="password"]:focus{
/*     background-color: #FFFFFF;  */
/*     border-color: #881536; */
}
.portlet #loginBoxFull .forgot a {
/*     border-color: #616161 !important; */
/*     font-size: 100% !important; */
/*     text-decoration: none; */
/*     margin-top:10px; */
}
.portlet #loginBoxFull .forgot a:focus, .portlet #loginBoxFull .forgot a:active, .portlet #loginBoxFull .forgot a:hover {
/*     border-color: #881536 !important; */
/*     color: #881536!important;  */
/*     font-size: 100% !important; */
/*     text-decoration: none; */
}
.portlet #loginBoxFull  li input[type="submit"] {
/*     color: #FFFFFF !important; */
/*     background-color: #881536 !important; */
/*     box-shadow: none !important; */
/*     border: #881536!important; */
/*     font-size: .8em !important; */
/*     padding: 6px 16px 7px; */
/*     margin-top:10px; */
}
.portlet #loginBoxFull  li input[type="submit"]:hover {
/*     background-color: #881536 !important; */
/*     border: #881536 !important; */
}
@media only screen and (max-width: 1024px)/* and (min-width: 320px)*/ {
    /*     molaría hacer que las rumble .nav .sub se viesen correctamente, quedan muy abajo y no son usables */
}
/*PAGINA DE LOGIN en theme.css*/
/*BARRAS DE NAVEGACIÓN*/
/*botones y texto submenú administración / curso*/
.path a, .simplePath a {
/*     color: #0088CC; */
/*     font-size: .85em; */
/*     text-shadow: none !important; */
/*     background-color: transparent !important; */
}
.path .placeholder, .simplePath .placeholder {
/*     color: #444444; */
/*     font-size: .85em; */
}
.path a:hover, .path a:focus, .simplePath a:hover, .simplePath a:focus {
/*     color: #0099E6; */
}
/*fondo submenú administración / curso*/
#breadcrumbs {
    border: 0;
    box-shadow: none !important;
    background: none no-repeat scroll 0 0 #f5f4f2;
    color: #000000 !important;
    vertical-align: center !important;
    margin-top: 12px;
}
/*fondo barra de selección de ficha*/
div.paneTabs.clearfix {
    border: 0;
    box-shadow: none !important;
    background: none no-repeat scroll 0 0 #f5f4f2;
    color: #000000 !important;
    vertical-align: center !important;
    margin-top: 12px;
}
/*fichas en la barra de selección de ficha*/
.paneTabs ul li {
/*     background-color: transparent; */
/*     background: none !important; */
}
.paneTabs a {
    color: #000000;
}
.paneTabs a:hover, .paneTabs a:focus {
    color: #0D28C2 !important;
}

@media only screen and (max-width: 1024px)/* and (min-width: 737px)*/{
    #breadcrumbs {
        top: 9px;
    }
    .mobile-course-instructor-settings-button {
        top: 19px;
    }
    .mobile-course-instructor-settings-button:before {
        color: #000000;
    }
    .student-preview-control a:after{
        right: auto!important;
        top: 2em;
    }
   .student-preview-control a span {
        left: 32px !important;
    }
    .switcherLabel, .theme-switch a:after, .student-preview-control a:after {
        color: #FFFFFF;
    }
    .breadcrumb-controls {
        background-color: #000000;
    }
    .student-preview-control, .modeSwitchWrap, .theme-switch-wrapper {
        border: none!important;
    }
    .helpLink {
        border: none!important;
        padding-top:17px;
        float:right;
        text-align:right;
    }
    .course-availability-button:after {
        margin-left: 60px;
    }
    .course-availability-button {
        left:18px!important;
    }
}
/*BARRA DE ACCIÓN*/
/*fondos, contentPaneWide para el campus y admin, contentBox dentro del curso*/
.pageTitle + .actionBar {
/*     border: none; */
/*     padding-left:0; */
/*     padding-right:0 */
}
.contentPaneWide .actionBar, .contentBox .actionBar, .actionBar {
    background: none repeat scroll 0 0 #f5f4f2 !important; 
    margin-top: 12px;
}
/*actionbar invisible en tabs*/
.contentPaneWide.tabbedPane .actionBar {
/*     display:none; */
} 
/*botones*/
.actionBar .mainButton > a, .actionBar .secondaryButton > a, .actionBar .mainButton h2 > a, .actionBar .secondaryButton h2 > a {
    color: #FFFFFF !important;
    background: none scroll 0 0 #000000 !important;
/*     border-radius: 4px !important;  */
/*     margin: auto 3px; */
    text-shadow: none !important;
    text-decoration: none;
    box-shadow: none !important;
    border: none;
/*     border-radius: 4px !important; */
/*     text-transform: uppercase; */
/*     font-size: .85em; */
/*     font-weight: normal; */
/*     padding: 10px 20px 9px 20px; */
/*     font-family:"Roboto Regular", sans-serif; */
}
.actionBar .mainButton > a:hover, .actionBar .secondaryButton > a:hover, .actionBar .mainButton h2 > a:hover, .actionBar .secondaryButton h2 > a:hover {
    color: #FFFFFF !important; 
    background: none scroll 0 0 #0D28C2 !important;
}
.actionBar ul li a:hover {
    background-color: #FFFFFF !important;
} 
.actionBar .secondaryButton > a.access-reorder {
    padding-right: 20px;
}
/*BARRA DE ACCIÓN MICRO EN CURSO Y CONTENT*/
/*fondo*/
.actionBarMicro {
    background-color: #000000 !important;
    border: none !important;
    box-shadow: none;
/*     border-radius: 0; */
/*     margin-left:0; */
    height:32px;
}
.actionBarMicro .mainButton > a, .actionBarMicro .secondaryButton > a, .actionBarMicro .mainButton h2 > a, .actionBarMicro .secondaryButton h2 > a  {
    background: none scroll 0 0 transparent!important;
/*     padding-top:10px; */
/*     padding-bottom: 9px; */
}
.actionBarMicro .mainButton > a:hover, .actionBarMicro .secondaryButton > a:hover,  .actionBarMicro .mainButton h2 > a:hover, .actionBarMicro .secondaryButton h2 > a:hover  {
    background: none scroll 0 0 transparent!important;
}
/* reemplazo de imagenes en el menú */
.actionBarMicro a span, .actionBar a span {
/*     background-image:none; */
}
.actionBarMicro a span img, .actionBar a span img {
/*     visibility: visible; */
}
/*MENÚ DEL CURSO*/
/* fondos */
#courseMenuPalette ul {
    background-color: transparent !important;
}
#courseMenuPalette {
/*     background-color: #F4F4F4 !important; */
}
#courseMenuPalette div.navPaletteContent {
    background-color: #FFFFFF !important;
    color: #0D28C2 !important;
}
#courseMenuPalette ul#courseMenuPalette_actionbar ul{
/*     background-color: #F4F4F4!important; */
}
/*cabeceras menú*/
#courseMenuPalette a, #controlPanelPalette_contents a, #courseMenuPalette span, #controlPanelPalette_contents span {
    color: #000000!important;
/*     font-family:"Roboto Regular", sans-serif; */
}
#courseMenuPalette a:hover, #courseMenuPalette span:hover, #controlPanelPalette_contents a:hover, #controlPanelPalette_contents span:hover {
    color: #0D28C2!important;
}
#myGroups .navPaletteContent a {
    color:#000000;
/*     border-bottom: 1px solid #939598; */
/*     text-transform:uppercase; */
}
#controlPanelPalette .navPaletteContent h3 a {
    color #FFFFFF
}
.menuWrap h2, .menuWrap h4 {
    color: #0D28C2 !important;
}
.navPaletteContent a {
/*     background: url("images/arrow-right-b.png") no-repeat scroll 8px 8px; */
}
.navPaletteContent a.comboLink_active, .navPaletteContent a.open  {
/*     background: url("images/arrow-down-b.png") no-repeat 8px 8px; */
}
.navPaletteContent h3 a {
/*     background: transparent url("images/arrow-down-r.png") no-repeat 8px 8px; */
}
.navPaletteCol h3 a, .navPaletteCol h3 a, .navPaletteCol h3 a.comboLink {
/*     background: transparent url("images/arrow-right-r.png") no-repeat 8px 8px; */
}
.listCm .subhead h3 {
/*     margin: 6px 18px 0 30px; */
/*     padding-right:0; */
/*     font-family:"Roboto", sans-serif; */
/*     font-weight: bold; */
/*     text-transform: uppercase; */
/*     border-top: 3px solid #939598; */
}
.navDivider {
/*     border-bottom: 3px solid #939598; */
/*     border-top: none; */
/*     padding-top: 10px; */
/*     padding-bottom: 10px; */
/*     padding-left:0; */
/*     margin-left: 30px; */
/*     margin-right: 18px; */
/*     margin-bottom: 0; */
/*     text-shadow: none!important; */
}
/*enlaces del menú visibles a alumnos*/
#courseMenuPalette ul a:hover {
    color: #0D28C2!important;
}
#courseMenuPalette_paletteTitleHeading .navPaletteTitle h3 a{
    color: #000000!important;
    text-overflow:ellipsis;
    white-space:nowrap;
}
/* enlaces */
#courseMenuPalette a:hover, #courseMenuPalette span:hover {
    color: #0D28C2 !important;
} 
#courseMenuPalette div.navPaletteContent ul li a:hover, #courseMenuPalette div.navPaletteContent ul li a:hover span {
    color: #0D28C2!important;
    background-color: #FFFFFF!important;
} 
#courseMenuPalette div.navPaletteContent ul li a.cmimg {
/*     border: none; */
}
.listCm .courseMenu a, .buttonCm .courseMenu a {
/*     margin: 1px 18px 0 30px;padding-left:0; */
}
#controlPanelPalette_contents a {
    color: #FFFFFF!important;
/*     background-color: #E1E1E1; */
}
#controlPanelPalette_contents a:hover {
    color: #FFFFFF!important;
/*     background-color: #E1E1E1; */
} 
.divider {
/*     display:none; */
}
/*submenús*/
.navPaletteContent .submenu li a:hover {
/*     color: #E1E1E1!important; */
} 
/* submenús control panel*/
.navPaletteContent .comboLink, .navPaletteContent li h4 a {
/*     border-top: 1px solid #939598; */
}
.navPaletteContent .submenu {
/*     padding-left:35px; */
}
.navPaletteContent a#searchGo.genericButton {
/*     color: #FFFFFF!important; */
}
/*enlaces del panel de control*/
.controlpanel .submenu a:hover, .controlpanel .submenu a.here, .controlpanel .submenu a:focus {
    color: #FFFFFF!important;
} 
#courseMenuPalette .courseMenu a:hover span, #courseMenuPalette .courseMenu  a:focus span {
color: #FFFFFF!important;    
}
/*general*/
#courseMenuPalette div.navPaletteContent ul li a, #courseMenuPalette h3 a, #previewCourseMenu h3 a, .navPaletteContent h3 a.submenuLink:before, .navPaletteContent h3 a.submenuLink_active:before, #courseMenuPalette div.navPaletteContent ul li a span, #courseMenuPalette .navPaletteContent .subhead {
/*     color: #FFFFFF!important; */
}
/* botón de quick enrol */
.singleControl {
    text-shadow: none!important;
    background-color: #000000; 
    border-radius: 0 !important;
}
/* Eliminar completamente los enlaces tipo botón del menú */
div.buttonCm ul.courseMenu li, div.buttonCm ul.courseMenu li.here {
/*     background-image: none !important; */
}
/* encabezados del menú de content */
div.treeContainer ul.tree li.subhead h4 a {
    color: #000000!important;
}
/* título curso y subcabeceras*/
#courseMenuPalette_paletteTitleHeading .navPaletteTitle h3 a{
    color: #000000!important;
    text-overflow:ellipsis;
    white-space:nowrap;
}
/*FORO*/
/*cuenta de no leidos en listado de foros*/
.unread-count {
/*     background-color: #71C340 !important; */
}
/* cuenta de no leidos a cero */
span.unread-count.none{
  background-color: green !important;
}
/* área de mensaje */
.message-wrapper-inner{
    background-color: #FFFFFF !important;
    box-shadow: none !important;
}
/*CALENDARIO*/
/*fondo de "hoy" en el calendario pequeño */
.ui-widget-content .ui-state-highlight, .ui-widget-content .ui-state-default {
    box-shadow: none!important;
}
.fc-state-highlight, .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #FFFFFF none repeat scroll 0 0 !important;
}
/*barra calendario*/
.vertical_filter .stream_header {
    background-color: transparent !important;
}
.vertical_filter .left_stream_wrapper {
    box-shadow: none !important;
    border-left-color: #f5f4f2 !important;
}
/* MÓDULO DE CONTENIDOS */
#tocCart.sideTOC {
/*     height:100%!important; */
/*     width: 100%!important; */
/*     position: relative;  */
/*     left: 0;  */
/*     font-size: 1.2em; */
}
#tocHead {
/*     display:none; */
}
.sideTOC_panelMax, .sideTOC_panel {
/*     padding-left: 0!important; */
}
.sideTOC, .tocWrapper {
/*     background-color: transparent; */
/*     border: 0!important; */
}
.treeContainer {
/*     padding:2px; */
/*     text-align: left!important; */
}
ul#tocTree li {
    background: none #616161;
/*     margin: .2em; */
/*     display:block; */
/*     padding:.2em; */
/*     border-radius: 2px; */
}
ul#tocTree span, a.tocItem {
/*     color: #FFFFFF; */
/*     white-space:normal; */
}
.sideTOC #tocTreeWrapper {
/*     height: 100%!important; */
/*     overflow:visible; */
}
div.treeContainer ul.tree li a.itemActive, #learningUnitToc ul.tree li a.itemActive, ul.tree li a.itemActive {
    border: 0!important;
/*     padding: 2em; */
/*     background: transparent; */
}
div.treeContainer ul.tree li a.itemActive:before, #learningUnitToc ul.tree li a.itemActive:before, ul.tree li a.itemActive:before {
/*     content:"\f111"; */
/*     color: #FFFFFF; */
/*     font-size: 100%; */
/*     font-family: FontAwesome; */
/*     padding-right: .4em; */
}
/*MYBLACKBOARD*/
/*flyout sidebar*/
.flyout-menu, .flyout-menu .mybb-tools {
    background-color: #000000;
/*     border-radius: 0 0 4px 4px; */
/*     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); */
    border: 1px solid #000000; 
}
/*enlaces*/
.flyout-menu a {
    color: #000000 !important;
}
.flyout-menu a:hover {
    color: #000000 !important;
}
/*flyout titulos*/
.flyout-menu .accordion_toggle span, .flyout-menu .accordion_toggle:hover span {
    background-color: #FFFFFF;
    color: #0D28C2 !important;
}
/*flyout contenido*/
.accordion_content {
    background-color: #FFFFFF!important;
    box-shadow: none!important;
}
.accordion_content li a {
    color: #0D28C2;
    background-color:transparent!important;
    font-size: 100%;
    text-decoration: none;
}
.bottom-buttons a:hover, .bottom-buttons a:focus {
    backgroud-color: #f5f4f2 !important;
}
@media only screen and (max-width: 1024px)/* and (min-width: 320px)*/{
    .flyout-menu {
    /*     z-index: 9999!important; */
    /*     top:59px; */
    }    
    .appTabs .flyout-menu a {
    /*     background-color: #121214; */
    /*     border-bottom:0; */
    }
    .accordion_content .course-list li a, .accordion_content .accordion-list li a {
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow-x: hidden;
        text-align:left;
    }
}
/*fondos y estructuras*/
.iframe-wrap {
    border-width: 0!important;
}
.body.mybb-shell {
    background-color: #FFFFFF !important;
    background-image: none !important;
/*     font-family: "Open Sans",Arial,sans-serif; */
/*     max-width: 100% !important; */
}
.side-nav, .side-nav .more-tools {
    background-color: #000000 !important;
}
.side-nav .profile {
    border-radius: 50%!important;
}
.side-nav ul li.active a {
    background-color: #000000 !important;
    box-shadow: none !important;;
    border-radius: 0!important;
    border: none !important;;
}
.stream_page_left {
    background: none repeat scroll 0 0 #FFFFFF !important;
}
.stream_right { 
    box-shadow: none!important;
}
.stream_header, .tool-header {
    border: none!important;
}
.mybb-column-wrapper {
    background: none repeat scroll 0 0 #FFFFFF !important;
}
.vertical_filter .stream_header {
    box-shadow: none!important;
}
div#column_1.mybb-column {
    box-shadow: none!important;
}
.detail-hgroup #coursecontent1-stop:hover {
    box-shadow: none!important;
}
.due_date:after { 
    box-shadow: none!important;
}
div#dynamic_filters_alerts.stream_dynamic_filters {
    background: none repeat scroll 0 0 #FFFFFF !important;
}
.vertical_filter .stream_list_filter .active, .vertical_filter .stream_dynamic_filters .active {
    background-color: #FFFFFF!important;
    background-image: none;
    border: none!important;
    box-shadow: none!important;
    text-shadow: none;
}
div.stream_settings {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: none!important;
}
.grade-item, .grade-item:hover {
    background-color: #FFFFFF!important;
    background-image: none; 
    border: none!important;
    box-shadow: none!important;
    text-shadow: none;
}
.grade-item.active, .grade-item.active:hover {
    background-color: #f5f4f2 !important;
    background-image: none;
    border-radius: 0px;
    box-shadow: none!important;
}
/*enlaces en My Blackboard*/
.mybb-overview a, .streamOverview-more-items a,.vertical_filter .stream_list_filter a, .vertical_filter .stream_dynamic_filters li a, .stream_item .stream_context .inlineContextMenu a.browse, .stream_context a, .stream_settings li, .stream_settings li a, .detail-hgroup #coursecontent1-stop, .risk-factors-list ul li a, .stream_settings li input[checked="checked"] + label, .filter-content-wrapper a, .stream_user a, .stream-detail-page a, .mybb-column-wrapper a, .detail-hgroup a {
    color:#0D28C2!important;
}
.mybb-overview a:hover, .vertical_filter .stream_list_filter a:hover, .vertical_filter .stream_dynamic_filters li a:hover, .stream_settings li a:hover, .detail-hgroup #coursecontent1-stop:hover, .risk-factors-list ul li a:hover, .stream_settings li input[checked="checked"]:hover + label, .stream_context a:hover, .stream_settings li:hover, .stream_settings li:focus, .mybb-column-wrapper a:hover, .filter-content-wrapper a:hover, .stream_user a:hover, .stream-detail-page a:hover, .detail-hgroup a:hover {
    color: #0D28C2 !important;
}
/*títulos y otros textos en My Blackboard*/
.mybb-column h1, .stream_header h1, .tool-header h1 {
/*     border-bottom: 4px solid #5DAC41 !important; */
    color: #000000 !important;
    background: none repeat scroll 0 0 transparent !important;
    font-family: inherit !important;
}
h3.section-title, .vertical_filter .stream_dynamic_filters h5 {
    color: #000000!important;
    text-shadow: none!important;
} 
.stream_show_more_data, .stream_details, .announcementBody, .announcementTitle {
    color: #000000!important;
    text-shadow: none!important;
    font-family: inherit !important;
}
#MessagesOverview, .message-text {
    font-family: inherit !important;
}
/*botones My Blackboard*/
.wall-poster-actions .button-1 {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border-radius: 0px;
    text-decoration: none;
    box-shadow: none !important;
    border: #000000!important;
    text-shadow: none!important;
    font-weight: normal !important;
    font-size: 100% !important;
    vertical-align: middle;
    padding: 6px 16px 7px !important; 
} 
.wall-poster-actions .button-1:hover {
    background-color: #0D28C2 !important;
    border: #0D28C2!important;
}
.wall-poster-actions .button-2 {
/*     color: #FFFFFF !important; */
/*     background-color: #000000 !important; */
    border-radius: 0px;
    text-decoration: none;
    box-shadow: none !important;
/*     border: #000000!important; */
    text-shadow: none!important;
    font-weight: normal !important;
    font-size: 100% !important;
    vertical-align: middle;
    padding: 6px 16px 7px !important; 
}
.wall-poster-actions .button-2:hover{
/*     background-color: #EDEDED !important; */
/*      border:none; */
}
.detail-hgroup a.button-3 {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border-radius: 0px;
    text-decoration: none;
    box-shadow: none !important;
    border: #000000!important;
    text-shadow: none!important;
    font-weight: normal !important;
    font-size: 100% !important;
    vertical-align: middle;
    padding: 6px 16px 7px !important; 
}
.detail-hgroup a.button-3:hover {
    background-color: #0D28C2 !important;
    border: #0D28C2!important;
}
/*ENCUESTAS INSTITUCIONALES, RUBRICAS, METAS EN ADMINISTRACION*/
/*botonera lateral*/
.tools-list ul li a, .tools-list ul li a:focus, .tools-list ul li a:hover { 
/*     box-shadow: none!important;  */
/*     color: #EDEDED !important;  */
/*     background-color: #121214 !important; */
}
.tools-list ul li.selected a, .tools-list ul li.selected a:hover, .tools-list ul li.selected a:focus {
/*     background-color: #121214 !important; */
/*     box-shadow: none!important; */
/*     color: #EDEDED !important;  */
/*     font-weight: bold !important; */
}
/*triángulo*/
.tools-list ul li.selected a:after {
/*     border-style: none!important; */
/*     border-width: 0 !important; */
}
/*ENCUESTAS INSTITUCIONALES Y LOGROS*/
/*botonera/tabs en periodos de respuesta*/
.lesson-plan-page .mapTabs , .mapTabs {
/*     background: none repeat scroll 0 0 transparent!important; */
/*     box-shadow: none!important;  */
/*     text-shadow: none !important;  */
/*     margin-left: -12px !important;  */
/*     border:0;  */
/*     padding-left:12px; */
/*     margin-right: -12px !important; */
}
.mapTabs ul li:first-child a, .mapTabs ul li:first-child h3 {
/*     padding-left: 14px; */
}
.mapTabs ul li {
/*     color: #FFFFFF !important; */
/*     background-color: #121214 !important; */
/*     border-radius: 4px; */
}
/*Enlaces en los tabs*/
.mapTabs ul li a, .lesson-plan-page .mapTabs ul li a {
/*     color: #FFFFFF;  */
/*     border: 0; */
/*     margin: auto 3px */
}
.mapTabs ul li a:hover, .lesson-plan-page .mapTabs ul li a:hover  {
/*     background-color: #333333 !important; */
/*     text-decoration: none; */
/*     color: #EFEDE3; */
}
/*tab activa*/
.lesson-plan-page .mapTabs ul li.active h3, .mapTabs ul li.active h3, .containerTabs .active h3 {
/*     background: none repeat scroll 0 0 #333333 !important; */
/*     color: #EDEDED; */
/*     border-radius: 4px; */
}
/*personas implicadas en el sondeo*/
.survey-count {
/*     background-color: #EDEDED; */
}
.survey-count span {
/*     color: #71C340; */
}
/*cajetillas con opciones*/
.tab_content.deployment_type_group_content {
/*     background-color: #E1E1E1; */
}
.tab_content .formElements {
/*     background-color: #EDEDED; */
}
.toggle-button.active:after {
/*     box-shadow: none; */
}
.toggle-button.active {
/*     background-color: #EDEDED; */
/*     border-radius: 0;     */
}
/* Para que los logros tengan una barra de acción normal */
.mapTabs ul.containerTabs {
/*     position:relative!important; */
}
/* Ranking */
.studentAchViewAvatar {
/*     border: none!important; */
/*     box-shadow: none!important; */
}
.studentAchViewAvatar img {
/*     border-radius: 50%; */
}
.studentAchViewLeaderboardRank {
/*     background: none #990000!important; */
}
.corner-banner {
/*     background:none!important; */
}
.achievementCardEarned .achievement-inner {
/*     border-color: #990000!important; */
}
.filterDiv li a.selectedFilter {
/*     background-color: #990000!important; */
/*     color:#FFFFFF!important; */
/*     border: none!important; */
/*     box-shadow: none!important; */
}
/*METAS*/
/*fondos columnas*/
.docs-column .column-nav-inner {
/*     background: none scroll 0 0 #FFFFFF; */
/*     border:0!important; */
}
.category-column {
/*     background: none scroll 0 0 #EDEDED; */
/*     border:0!important; */
}
.category-column .column-nav-inner {
/*     border:0!important; */
} 
#standards-column, #standards-column .column-inner,.panelHead {
/*     background: none scroll 0 0 #E1E1E1; */
/*     border:0!important; */
}
/*boton añadir col. 1*/
#actionbarlrn_std_doc.actionBar {
/*     border: 0!important; */
}
/*opcion elegida en columna 1*/
.navmenu-list .active, .navmenu-list .active:hover {
/*     background: #EDEDED none repeat scroll 0 0; */
/*     border-radius: 0; */
/*     box-shadow: none; */
/*     color: #121214; */
/*     border:0; */
}
.category-column .navmenu-list .active, .category-column .navmenu-list .active:hover {
/*     background: #E1E1E1 none repeat scroll 0 0; */
/*     border-radius: 0; */
/*     box-shadow: none; */
/*     color: #121214; */
/*     border:0; */
}
/* CENTRO DE RETENCION */
/* Popups con información riesgo */
.risk-factors-list {
/*     background-color: #FFFFFF!important; */
/*     box-shadow: none!important; */
/*     color: #333333!important; */
}
.risk-factors-list .nav > li > a, .inventoryListContainerDiv table .retention-details {
/*     background-color: #FFFFFF !important; */
/*     box-shadow: none!important; */
/*     color: #333333!important; */
/*     padding: 20px 10px 10px 10px; */
/*     border: 1px solid #666666; */
/*     border-radius: 3px; */
}
.risk-factors-list ul li a:hover {
/*     color: #FFFFFF!important; */
}
.retention-details .individual-rules li {
/*     color: #881536!important; */
}
.retention-details .overall-performance {
/*     box-shadow: none!important; */
}
.inventoryListContainerDiv table thead th span a {
/*     color: #881536!important; */
}
#lightbox.submissions.entries {
/*     overflow-x: scroll; */
}
@media screen and (max-width:800px ) {
    /* Nuestros overrides */
}
@media only screen and (max-width: 667px){
    /* Nuestros overrides */
}
@media only screen and (min-width:320px) and (max-width:480px){
    /* Nuestros overrides */
}