body, html {
    height: 100%;
    width: 100%;
}
body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    color: #5c6771;
}
a {
    font-size: 11pt;
    outline: none !important;
}
*{
    outline: none;
}
.lead {
    font-size: 10pt;
    font-weight: 600;
    font-style: italic;
    height: 82px;
    margin-bottom: 5px;
}
.intro-header {
    padding-bottom: 50px;
    color: #f8f8f8;
    text-align: center;
    margin-top: -80px;
    background: white;
}
.about-bg{
    background: url(../images/about-bg.jpg) no-repeat center 0px #fff;
    height: 548px;
}
.intro-message {
    position: relative;
    padding-top: inherit;
    padding-bottom: inherit;
    display: inline-block;
    float: left;
    margin-top: 2px;
}
.intro-message > h1 {
    margin: 0;
    font-size: 5em;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}
.intro-divider {
    width: 400px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.intro-message > h3 {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}
.about-content a,
.faq-content a,
.region-content a {
    font-style: italic;
    font-weight: bold;
    cursor: pointer;
}
.network-name {
    font-size: 14pt;
    font-weight: 600;
    letter-spacing: 0px;
}
.content-section-a {
    background-color: #f8f8f8;
    padding: 20px 0 40px 0px;
}
.content-section-a.container {
    padding-left: 15px;
    padding-right: 15px;
}
.content-section-b {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 50px 0;
}
.section-heading {
    margin-bottom: 30px;
}
.section-heading-spacer {
    border-top: 3px solid #e7e7e7;
    width: 200px;
    float: left;
}
.banner h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
    font-size: 3em;
}
.banner ul {
    margin-bottom: 0;
}
.banner-social-buttons {
    float: right;
    margin-top: 0;
}
footer {
    background-color: #f8f8f8;
    padding: 50px 0;
    color: #5c6771;
}
p.copyright {
    margin: 15px 0 0;
    font-size: 10pt;
}
.navbar-brand{
    padding-top: 0;
}
.navbar-default{
    background: url(../images/background-white.png);
}
.homeInfo {
    width: 400px;
    height: auto;
    right: 33px;
    bottom: 72px;
    position: relative;
}
.leftArrowBg {
    background: url(../images/home-arrows.png) no-repeat 124px 7px;
    padding-right: 32px;
    width: 120px;
    text-align: right;
}
.bigText {
    float: left;
    font-size: 18pt;
    color: #5c6771;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}
.rightArrowBg {
    background: url(../images/home-arrows.png) -40px 7px no-repeat;
    padding-left: 34px;
    margin-left: 8px;
    width: 120px;
    text-align: left;
}
.smallText {
    float: left;
    width: 347px;
    text-align: left;
    margin-top: -6px;
    padding-left: 6px;
    font-size: 10pt;
    color: #5e6973;
    font-style: italic;
    line-height: 1.2;
}
.medText {
    float: left;
    margin-top: 10px;
    padding-left: 10px;
    font-size: 16pt;
    font-style: italic;
    color: #5c6771;
    font-weight: 600;
}
.navbar-default .navbar-nav > li.signin-opt > a{
    background-color: #8ec862;
    color: white;
}
.arrowCont{
    background: url(../images/home-arrows.png) 4px 7px no-repeat;
    width: 108px;
    height: 57px;
    float: left;
    margin-top: -7px;
}
.search-control{
    box-shadow: none;
    border-radius: 20px;
    border: 0;
    background: white;
    height: 30px;
    margin-top: 2px;
    box-shadow: none !important;
    border: solid 1px #ccc !important;
    padding-left: 5px !important;
}
.search-icon{
    background: url(../images/search-icon-2.png);
    width: 18px;
    height: 18px;
    position: absolute;
    top: 10px;
    right: 23px;
}
.navbar-default{
    /* background: url(../images/background-white.png); */
    border: 0;
    height: 54px;
    max-width: 1024px;
    z-index: 1000;
}
.navbar-default .navbar-nav > li > a{
    font-family: 'Signika', 'Open Sans', sans-serif;
    color: #909191;
    font-size: 12pt;
    font-weight: 500;
    padding: 17px 9px 17px 9px;
}
.navbar-default .navbar-brand{
    color: #333;
}
.navbar-default .navbar-nav > .active > a:hover{
    color: #ffffff;
    background-color: #00c8df;
}
.navbar-default .navbar-nav > li.dropdown.signin-opt > a
{
    background-color: #57cd41;
    color: white;
}
.navbar-default .navbar-nav > li.dropdown.signin-opt > a:hover
{
    background-color: #a5e573;
    color: white;
}
.footer-navbar{
    margin-left: 15px;
    position: relative;
    top: -8px;
    margin-top: -5px;
}
.footer-navbar > li {
    margin-left: 10px;
    display: inline;
}
.social-icon {
    width: 19px;
    height:19px;
}
a.fb-icon-whitelabel{
    background: url(../images/fb_icon_whitelabel.png) no-repeat 0px 0px;
    background-size: 25px 25px;
}
a.tw-icon-whitelabel{
    background: url(../images/tw_icon_whitelabel.png) no-repeat 0px 0px;
    background-size: 25px 25px;
}
a.in-icon-whitelabel{
    background: url(../images/in_icon_whitelabel.png) no-repeat 0px 0px;
    background-size: 25px 25px;
}
a.ins-icon-whitelabel{
    background: url(../images/ins_icon_whitelabel.png) no-repeat 0px 0px;
    background-size: 25px 25px;
}
a.pw-icon-whitelabel{
    width: auto;
    height: 70px;
    background-position: 1px;
    background-size: 100% 100%;
    margin-top: 25px;
}
@media (max-width: 767px){
    #side-menu{
        margin-top: 0 !important;
    }
    .purchasing-steps-container{
        margin-bottom:0px !important;
    }
    .pw-icon-whitelabel{
        margin-top: 0 !important;
    }
    .purchasingProcessCourseSingUpForm #signUp{
        max-width: 442px !important;
        display: inline-block  !important;
        width: 85% !important;
    }
    .purchasingProcessCourseSingUpForm #signUp .input-group {
        display: block;
    }
    .purchasingProcessCourseSingUpForm #signUp .pwdwidgetdiv,
    .purchasingProcessCourseSingUpForm #signUp .form-control.new-text-field.input-lg{
        margin-bottom: 5px;
    }
    #yesAccountPurchasing{
    }
    .purchasingProcessCourseSingUpForm .signin-bottom {
        width: 85%;
    }
    #horizontal-2,#horizontal-1{
        display:none;
    }
    .content-purchasing-steps{
        flex-wrap: wrap !important;
    }
    .purchasing-step  {
        width: 80% !important;
        margin-bottom: 10px !important;
    }
    #addPersonButton{
        margin-bottom: 15px !important;
    }
    .table-responsive p{
        font-size: 8pt;
    }
    .search-result-row{
        display: block !important;
    }
    .purchasing-steps-container  .course-row-title{
        display: none !important;
    }
    .breadcumActivityTitle{
        margin-left: 0 !important;
    }
    #labelPages,#audio_cont_auto_wrap{
        font-size: 10pt !important;
    }
    .head-instructor div{
        width:80%;
        float:none;
        padding:0;
        display: none;
    }
    .head-instructor div p{
        float:none;
        text-align:center !important;
        padding:0 !important;
        margin:0 !important;
    }
    .head-instructor > div:first-child{
        display:none;
    }
    .profile-course-info{
        border-left: none !important;
    }
    .top-separation{
        margin-top: 0px;
        position:static;
        padding-left: 15px !important;
    }
    .profile-course-social.share{
        margin-top: 20px !important;
    }
}
.fb-icon{
    background: url(../images/fb-icon.png) no-repeat 0px 0px;
}
.tw-icon{
    background: url(../images/tw-icon.png) no-repeat 0px 0px;
}
.nav-bar-social{
    margin-top: 17px;
}
.bullet-icon {
    width: 50px;
    height: 89px;
    display: inline-block;
}
.tablet-icon {
    background: url(../images/tablet-icon.png) no-repeat 0px 0px;
}
.laptop-icon {
    background: url(../images/laptop-icon.png) no-repeat 0px 0px;
    width: 76px;
}
.pc-icon {
    background: url(../images/pc-icon.png) no-repeat 0px 0px;
    width: 87px;
}
.bullet-icon-large{
    width: 90px;
    height: 131px;
    display: inline-block;
}
.tablet-icon-large{
    background: url(../images/tablet-icon-large.png) no-repeat 0px 0px;
}
.laptop-icon-large{
    background: url(../images/laptop-icon-large.png) no-repeat 0px 0px;
    width: 120px;
    height: 108px;
}
.home-languages-list{
    float:left;
    margin-left:0px;
    height:35px;
    width: 100%;
}
#defaultLanguage{
    color: #5c6771;
    font-size: 10.5pt;
    text-decoration: none;
    padding: 17px 29px 13px 12px;
    display:inline-block;
    position:relative;
    top:-17px;
}
#defaultLanguage-en{
    color: #5c6771;
    font-size: 10.5pt;
    text-decoration: none;
    padding: 17px 29px 13px 12px;
    display:inline-block;
    position:relative;
    top:-17px;
}
#defaultLanguage-it{
    color: #5c6771;
    font-size: 10.5pt;
    text-decoration: none;
    padding: 17px 29px 13px 12px;
    display:inline-block;
    position:relative;
    top:-17px;
}
.home-languages-list > li{
    padding-bottom: 9px;
    width:auto;
    margin-left:0px;
    height:25px;
    width: 100%;
}
.home-languages-list > li >a{
    padding: 0px !important;
    padding-left: 10px !important;
}
#languagesDiv{
    top:17px;
    left:10px;
    border-left:solid 1px #747373;
    width:70px;
    height:25px;
}
.languages-show{
    display:none;
}
.languages-menu{
    left: 0px !important;
    min-width: 78px;
    padding-top: 5px;
    padding-left: 5px;
    text-align: left;
    height: 60px;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    width: 88px;
    top: 138% !important;
}
#defaultLanguage:hover{
    background-color:#00c8DF;
    color: #ffffff !important;
}
#defaultLanguage-en:hover{
    background-color:#00c8DF;
    color: #ffffff !important;
}
#defaultLanguage-it:hover{
    background-color:#00c8DF;
    color: #ffffff !important;
}
@media (min-width: 767px) {
    .default-lang-caret{
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px solid;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        position: relative;
        left: 30px;
        top: -10px;
    }
    .home-languages-list li :hover{
        background-color: #00c8DF !important;
        display: block;
        height: 25px !important;
        color: #ffffff !important;
    }
    .section-desc-channel.no-bottom {
        top: 5%;
        left: 11%;
        float: left;
        text-align: center;
        font-size: 18pt;
        font-family: arial;
        font-style: italic;
    }
    .info-channel{
        font-size: 12pt;
        text-align: justify;
        max-width: 500px;
        font-style: normal;
        margin-bottom: 3%;
        margin-top: 1%;
        float: left;
        margin-left: 35%;
    }
    .channel-info-contact-form.lower{
        position: absolute;
        font-size: 12pt;
        font-weight: 500;
        text-align: justify;
        line-height: 22px;
        max-width: 827px;
        top: -33%;
        float: left;
        left: 9%;
        right: 3%;
    }
    .map-resp-channel-img{
        max-width: 100%;
        margin-left: 0;
        margin-bottom: 0;
        margin-top: 0;
        display: block;
    }
    .map-channel-img{
        display: none;
    }
    .div-info-channel-ve{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -242px;
        margin-left: 300px;
    }
    .div-info-channel-pe{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -186px;
        margin-left: 280px;
    }
    .div-info-channel-ec{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -203px;
        margin-left: 262px;
    }
    .div-info-channel-co{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -226px;
        margin-left: 280px;
    }
    .div-info-channel-cl{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -124px;
        margin-left: 280px;
    }
    .div-info-channel-us{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -322px;
        margin-left: 230px;
    }
    .div-info-channel-mx{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -286px;
        margin-left: 205px;
    }
    .div-info-channel-gt{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -254px;
        margin-left: 241px;
    }
    .div-info-channel-pm{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -236px;
        margin-left: 262px;
    }
    .div-info-channel-it{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -338px;
        margin-left: 506px;
    }
    .div-info-p-ve{
        display: none;
    }
    .div-info-p-pe{
        display: none;
    }
    .div-info-p-ec{
        display: none;
    }
    .div-info-p-co{
        display: none;
    }
    .div-info-p-cl{
        display: none;
    }
    .div-info-p-us{
        display: none;
    }
    .div-info-p-mx{
        display: none;
    }
    .div-info-p-gt{
        display: none;
    }
    .div-info-p-pm{
        display: none;
    }
    .div-info-p-it{
        display: none;
    }
    .div-info-p-it{
        display: none;
    }
    .pin-map-ve{
        display: none;
    }
    .pin-map-pe{
        display: none;
    }
    .pin-map-ec{
        display: none;
    }
    .pin-map-co{
        display: none;
    }
    .pin-map-cl{
        display: none;
    }
    .pin-map-us{
        display: none;
    }
    .pin-map-mx{
        display: none;
    }
    .pin-map-gt{
        display: none;
    }
    .pin-map-pm{
        display: none;
    }
    .pin-map-it{
        display: none;
    }
}
/* Comienzo Secci?n Channels*/
.info-channel{
    font-size: 12pt;
    text-align: justify;
    max-width: 500px;
    font-style: normal;
    margin-bottom: 5%;
    margin-top: 1%;
    float: left;
    margin-left: 35%;
}
.channel-info-contact-form.lower{
    position: absolute;
    font-size: 12pt;
    font-weight: 500;
    text-align: justify;
    line-height: 22px;
    max-width: 827px;
    top: 93px;
    float: left;
    left: 16%;
    right: -3%;
}
.map-channel-img{
    max-width: 100%;
    height:auto;
    margin-left: 0;
    margin-bottom: 0;
    margin-top:0;
    display: block;
}
.div-info-channel{
    display: block;
    position: relative;
    width: 300px;
}
.div-info-channel-ve{
    display: block;
    position: absolute;
    width: 50%;
    margin-top: -242px;
    margin-left: 300px;
}
.div-info-channel-pe{
    display: block;
    position: absolute;
    width: 50%;
    margin-top: -186px;
    margin-left: 280px;
}
.div-info-channel-ec{
    display: block;
    position: absolute;
    width: 50%;
    margin-top: -203px;
    margin-left: 262px;
}
.div-info-channel-co{
    display: block;
    position: absolute;
    width: 50%;
    margin-top: -226px;
    margin-left: 280px;
}
.div-info-channel-cl{
    display: block;
    position: absolute;
    width: 50%;
    margin-top: -124px;
    margin-left: 280px;
}
.div-info-channel-us{
    display: block;
    position: absolute;
    width: 50%;
    margin-top: -322px;
    margin-left: 230px;
}
.div-info-channel-mx{
    display: block;
    position: absolute;
    width: 50%;
    margin-top: -286px;
    margin-left: 205px;
}
.div-info-channel-gt{
    display: block;
    position: absolute;
    width: 50%;
    margin-top: -254px;
    margin-left: 241px;
}
.div-info-channel-pm{
    display: block;
    position: absolute;
    width: 50%;
    margin-top: -236px;
    margin-left: 262px;
}
.div-info-channel-it{
    display: block;
    position: absolute;
    width: 50%;
    margin-top: -338px;
    margin-left: 506px;
}
.div-info-p-ve{
    position: absolute;
    width: 50%;
    /* top: 0; */
    margin-top: 40px;
    margin-left: 10%;
    font-size: 11px;
    font-family: sans-serif;
    text-align: -webkit-left;
    /* max-width: 61%; */
    line-height: 22px;
}
.div-info-p-pe,.div-info-p-ec,.div-info-p-co,.div-info-p-cl,.div-info-p-us,.div-info-p-mx,.div-info-p-gt,.div-info-p-pm,.div-info-p-it{
    display: none;
    position: absolute;
    width: 50%;
    /* top: 0; */
    margin-top: 40px;
    margin-left: 10%;
    font-size: 11px;
    font-family: sans-serif;
    text-align: -webkit-left;
    /* max-width: 61%; */
    line-height: 22px;
}
/*.div-info-p-ec{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 174px;
line-height: 22px;
margin-top: -35%;
margin-left: -7%;
}
.div-info-p-co{
display: none;
position: absolute;
margin-left: -1%;
margin-top: -40%;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 89px;
line-height: 22px;
}
.div-info-p-cl{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 177px;
line-height: 22px;
margin-top: -35%;
margin-left: -1%;
}
.div-info-p-us{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 177px;
line-height: 22px;
margin-top: -72%;
margin-left: -20%;
}
.div-info-p-mx{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 177px;
line-height: 22px;
margin-top: -60%;
margin-left: -26%;
}
.div-info-p-gt{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 149px;
line-height: 22px;
margin-top: -49%;
margin-left: -14%;
}
.div-info-p-pm{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 177px;
line-height: 22px;
margin-top: -42%;
margin-left: -9%;
}
.div-info-p-it{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 177px;
line-height: 22px;
margin-top: -79%;
margin-left: 75%;
}
*/
.contenedor-channels{
    max-width: 2000px;
    width: 100%;
    margin: 0;
    padding: 0;
}
.contenedor-accordion{
    display: none;
}
.accordion-channels {
    background-color: #6DC95A;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    outline: none;
    font-size: 13px;
    transition: 0.4s;
    text-align: center;
    border-bottom: 1px solid;
    border-left: 1px solid #6DC95A !important;
    border-right: 1px solid #6DC95A !important;
    border-top: 1px solid #6DC95A !important;
}
.active, .accordion-channels:hover {
    background-color: #fff;
    color: #6DC95A;
    border-color: #fff;
}
.panel-channels {
    padding: 0 5px;
    display: none;
    background-color: white;
    overflow: hidden;
    border-left: 1px solid #6DC95A;
    border-right: 1px solid #6DC95A;
}
.panel-channels > div{
    border-left: 5px solid #6DC95A;
    width: 100%;
    margin: 10px 0;
    padding-left: 10px;
}
.panel-channels > div > p:first-child{
    color: #6DC95A;
    margin-bottom: 5px;
}
.panel-channels > div > p+p{
    color: #ADACAC;
    margin-bottom: 5px;
}
.ele-info-ve{
    display: none;
    position: absolute;
    width: 50%;
    height: auto;
    left: 0;
    top: 0;
}
.ele-info-pe {
    display: none;
    position: absolute;
    width: 50%;
    height: auto;
    left: 0;
    top: 0;
}
.ele-info-co {
    display: none;
    position: absolute;
    width: 50%;
    height: auto;
    left: 0;
    top: 0;
}
.ele-info-ec {
    display: none;
    position: absolute;
    width: 50%;
    height: auto;
    left: 0;
    top: 0;
}
.ele-info-cl {
    display: none;
    position: absolute;
    width: 50%;
    height: auto;
    left: 0;
    top: 0;
}
.ele-info-us {
    display: none;
    position: absolute;
    width: 50%;
    height: auto;
    left: 0;
    top: 0;
}
.ele-info-mx {
    display: none;
    position: absolute;
    width: 50%;
    height: auto;
    left: 0;
    top: 0;
}
.ele-info-gt {
    display: none;
    position: absolute;
    width: 50%;
    height: auto;
    left: 0;
    top: 0;
}
.ele-info-pm {
    display: none;
    position: absolute;
    width: 50%;
    height: auto;
    left: 0;
    top: 0;
}
.ele-info-it {
    display: none;
    position: absolute;
    width: 50%;
    height: auto;
    left: 0;
    top: 0;
}
.pin-map-ve {
    opacity: 0.1;
    width: 24px;
    height: 24px;
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    border-radius: 50%;
    /* background: #000; */
    top: 57%;
    left: 29%;
}
.pin-map-ve img{
    width: 100%;
}
.pin-map-pe {
    opacity: 0.1;
    width: 24px;
    height: 24px;
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    border-radius: 50%;
    /* background: #000; */
    top: 67%;
    left: 27%;
}
.pin-map-pe img{
    width: 100%;
}
.pin-map-ec {
    opacity: 0.1;
    width: 24px;
    height: 24px;
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    border-radius: 50%;
    /* background: #000; */
    top: 64%;
    left: 25%;
}
.pin-map-ec img{
    width: 100%;
}
.pin-map-co {
    opacity: 0.1;
    width: 24px;
    height: 24px;
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    border-radius: 50%;
    /* background: #000; */
    top: 60%;
    left: 27%;
}
.pin-map-co img{
    width: 100%;
}
.pin-map-cl {
    opacity: 0.1;
    width: 24px;
    height: 24px;
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    border-radius: 50%;
    /* background: #000; */
    top: 79%;
    left: 27%;
}
.pin-map-cl img{
    width: 100%;
}
.pin-map-us {
    opacity: 0.1;
    width: 30px;
    height: 30px;
    position: absolute;
    /* margin-top: -393px; */
    /* margin-left: 268px; */
    border-radius: 50%;
    /* background: #000; */
}
.pin-map-us img{
    width: 100%;
}
.pin-map-mx {
    opacity: 0.1;
    width: 24px;
    height: 24px;
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    border-radius: 50%;
    /* background: #000; */
    top: 49%;
    left: 20%;
}
.pin-map-mx img{
    width: 100%;
}
.pin-map-gt {
    opacity: 0.1;
    width: 24px;
    height: 24px;
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    border-radius: 50%;
    /* background: #000; */
    top: 55%;
    left: 23%;
}
.pin-map-gt img{
    width: 100%;
}
.pin-map-pm {
    opacity: 0.1;
    width: 24px;
    height: 24px;
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    border-radius: 50%;
    /* background: #000; */
    top: 58%;
    left: 25%;
}
.pin-map-pm img{
    width: 100%;
}
.pin-map-it {
    opacity: 0.1;
    width: 24px;
    height: 24px;
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    border-radius: 50%;
    /* background: #000; */
    top: 40%;
    left: 50%;
}
.pin-map-it img{
    width: 100%;
}
.contact, .channels{
    max-width: 1024px;
    width: 97%;
    margin: auto;
    border-top: 1px solid;
    margin-top: 4%;
}
.contact form,.channels form{
    margin-top: 20px;
    margin-left: -1%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
.contact input,.channels input{
    width: 100%;
    height: 48%;
    margin: 5px auto;
    background: #EDEDED;
    border: 1px solid #E0E0E0;
    padding: 10px 0;
    padding-left: 10px;
    font-size: 10pt;
}
.contact select,.channels select{
    width: 48%;
    height: 48%;
    margin: 5px auto;
    background: #EDEDED;
    border: 1px solid #E0E0E0;
    padding: 10px 0;
    padding-left: 10px;
    font-size: 10pt;
}
.contact textarea,.channels textarea {
    width: 48%;
    height: 48%;
    margin: 5px auto;
    background: #EDEDED;
    border: 1px solid #E0E0E0;
    padding: 10px 0;
    padding-left: 10px;
    margin-left: 1%;
    font-size: 10pt;
}
.contact input[type="submit"],.channels input[type="submit"]{
    background: #FF7500;
    color: #fff;
    width: 35%;
    border: none;
    margin-left: 0%;
    margin-top: 1%;
    font-size: 10pt;
}
/* pantallas de  600px o menos Canales de ventas*/
@media screen and (max-width: 767px) {
    body{
        font-size: 100%;
    }
    .responchannel{
        background-color: #f8f8f8;
    }
    .texto{
        max-width: 767px;
        width: 90%;
        margin: auto;
    }
    .texto h2{
        font-style: italic;
        text-align:center;
        margin-bottom: 10px;
    }
    .texto p{
        margin-bottom: 10px;
        text-align: justify;
    }
    .contenedor-accordion{
        display: block;
        max-width: 767px;
        width: 95%;
        margin: auto;
        margin-bottom: 15px;
    }
    .accordion-channels {
        background-color: #6DC95A;
        color: #fff;
        cursor: pointer;
        padding: 10px;
        width: 100%;
        border: none;
        outline: none;
        font-size: 13px;
        transition: 0.4s;
        text-align: center;
        border-bottom: 1px solid;
        border-left: 1px solid #6DC95A !important;
        border-right: 1px solid #6DC95A !important;
        border-top: 1px solid #6DC95A !important;
    }
    .active, .accordion-channels:hover {
        background-color: #fff;
        color: #6DC95A;
        border-color: #fff;
    }
    .panel-channels {
        padding: 0 5px;
        display: none;
        background-color: white;
        overflow: hidden;
        border-left: 1px solid #6DC95A;
        border-right: 1px solid #6DC95A;
    }
    .panel-channels > div{
        border-left: 5px solid #6DC95A;
        width: 100%;
        margin: 10px 0;
        padding-left: 10px;
    }
    .panel-channels > div > p:first-child{
        color: #6DC95A;
        margin-bottom: 5px;
    }
    .panel-channels > div > p+p{
        color: #ADACAC;
        margin-bottom: 5px;
    }
    .contact{
        max-width: 1024px;
        width: 90%;
        border-top: 1px solid;
        margin-top: 7%;
    }
    .channels{
        max-width: 1024px;
        width: 90%;
        border-top: 1px solid;
        margin-top: 7%;
    }
    .channels form{
        margin-top: 3%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .channels input,.channels select,.channels textarea{
        width: 98%;
        margin: 5px auto;
        background: #EDEDED;
        border: 1px solid #E0E0E0;
        padding: 12px 0;
        padding-left: 10px;
        font-size: 9pt;
    }
    .channels input[type="submit"]{
        background: #FF7500;
        color: #fff;
        width: 29%;
        border: none;
        margin-left: 37%;
        margin-top: 2%;
    }
    .channels form{
        margin-top: 3%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .channels input,.channels select,.channels textarea{
        width: 98%;
        margin: 5px auto;
        background: #EDEDED;
        border: 1px solid #E0E0E0;
        padding: 10px 0;
        padding-left: 10px;
        font-size: 9pt;
    }
    .channels input[type="submit"]{
        background: #FF7500;
        color: #fff;
        width: 29%;
        border: none;
        margin-left: 37%;
        margin-top: 2%;
    }
    map-channel-img{
        width: 110%;
        margin-left: -5%;
        margin-bottom: -77px;
        margin-top: -6%;
    }
    .section-desc-channel.no-bottom {
        text-align: center;
        font-size: 16pt;
        font-family: arial;
        font-style: italic;
        top: 6%;
        left: 42%;
    }
    .info-channel{
        font-size: 12pt;
        text-align: justify;
        max-width: 500px;
        font-style: normal;
        margin-bottom: 3%;
        margin-top: 1%;
        float: left;
        margin-left: 35%;
    }
    #content{
        font-size: 10pt !important;
    }
}
/*Canales de ventas*/
@media screen and (max-width: 767px) {
    .div-info-channel-us,.div-info-channel-ve,.div-info-channel-pe,.div-info-channel-pm,.div-info-channel-co,.div-info-channel-cl,.div-info-channel-gt,.div-info-channel-it,
    .div-info-channel-ec,.div-info-channel-mx{
        display: none;
    }
    .map-resp-channel-img{
        max-width: 100%;
        margin-left: 0%;
        margin-bottom: 0px;
        margin-top: 0%;
        display: block;
        width: 100%;
    }
    .map-channel-img{
        display: none;
    }
    .contenedor-accordion{
        display: block;
        max-width: 100%;
        width: 100%;
        margin: auto;
        margin-bottom: 15px;
        margin-top: 5%;
    }
    .accordion-channels {
        background-color: #6DC95A;
        color: #fff;
        cursor: pointer;
        padding: 10px;
        width: 100%;
        border: none;
        outline: none;
        font-size: 13px;
        transition: 0.4s;
        text-align: center;
        border-bottom: 1px solid;
        border-left: 1px solid #6DC95A !important;
        border-right: 1px solid #6DC95A !important;
        border-top: 1px solid #6DC95A !important;
    }
    .active, .accordion-channels:hover {
        background-color: #fff;
        color: #6DC95A;
        border-color: #fff;
    }
    .section-desc-channel.no-bottom {
        text-align: center;
        font-size: 16pt;
        font-family: arial;
        font-style: italic;
        margin-top: -4%;
        margin-left: -8%;
    }
    .info-channel{
        font-size: 12pt;
        text-align: justify;
        max-width: 500px;
        font-style: normal;
        margin-bottom: -10%;
        margin-top: -1%;
        float: left;
        margin-left: 18%;
    }
    .panel-channels {
        padding: 0 5px;
        display: none;
        background-color: white;
        overflow: hidden;
        border-left: 1px solid #6DC95A;
        border-right: 1px solid #6DC95A;
    }
    .panel-channels > div{
        border-left: 5px solid #6DC95A;
        width: 100%;
        margin: 10px 0;
        padding-left: 10px;
    }
    .panel-channels > div > p:first-child{
        color: #6DC95A;
        margin-bottom: 5px;
    }
    .panel-channels > div > p+p{
        color: #ADACAC;
        margin-bottom: 5px;
    }
    .sales-info{
        font-size: 16px !important;
        line-height: 23px;
        max-width: 100%;
        text-align: center;
        margin: auto 20px !important
        margin-top: 50px;
    }
    .learn-info.lower{
        margin: auto 20px !important;
    }
    .contact-channels input,.contact-channels select,.contact-channels textarea{
        width: 98%;
        margin: 5px auto;
        background: #EDEDED;
        border: 1px solid #E0E0E0;
        padding: 10px 0;
        padding-left: 10px;
    }
    .contact-channels input[type="submit"]{
        background: #FF7500;
        color: #fff;
        width: 50%;
        border: none;
    }
    .channel-info-contact-form.lower{
        position: relative;
        font-size: 12pt;
        font-weight: 500;
        text-align: justify;
        line-height: 22px;
        max-width: 827px;
        float: left;
        margin-top: -15%;
        margin-right: 20%;
        margin-left: -13%;
    }
    .div-info-p-ve{
        display: none;
    }
    .div-info-p-pe{
        display: none;
    }
    .div-info-p-ec{
        display: none;
    }
    .div-info-p-co{
        display: none;
    }
    .div-info-p-cl{
        display: none;
    }
    .div-info-p-us{
        display: none;
    }
    .div-info-p-mx{
        display: none;
    }
    .div-info-p-gt{
        display: none;
    }
    .div-info-p-pm{
        display: none;
    }
    .div-info-p-it{
        display: none;
    }
    .pin-map-ve{
        display: none;
    }
    .pin-map-pe{
        display: none;
    }
    .pin-map-ec{
        display: none;
    }
    .pin-map-co{
        display: none;
    }
    .pin-map-cl{
        display: none;
    }
    .pin-map-us{
        display: none;
    }
    .pin-map-mx{
        display: none;
    }
    .pin-map-gt{
        display: none;
    }
    .pin-map-pm{
        display: none;
    }
    .pin-map-it{
        display: none;
    }
    .responchannel{
        background-color: #f8f8f8;
    }
}
@media (max-width: 767px) {
    .responsive-languages{
        border-left:0 !important;
        margin:0 !important;
        left:0 !important;
        display:block !important;
        width:auto !important;
    }
    .responsive-default-en{
        color:#ffffff !important;
        font-weight: bold !important;
        border-top:solid 1px !important;
        text-align:left !important;
        float:left !important;
        width:100% !important;
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }
    .responsive-default-es{
        color:#ffffff !important;
        font-weight: bold !important;
        border-top:solid 1px !important;
        text-align:left !important;
        float:left !important;
        width:100% !important;
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }
    .responsive-default-it{
        color:#ffffff !important;
        font-weight: bold !important;
        border-top:solid 1px !important;
        text-align:left !important;
        float:left !important;
        width:100% !important;
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }
    #defaultLanguage:hover{
        background: #ffffff;
        color: #81af5d !important;
    }
    #defaultLanguage-en:hover{
        background: #ffffff !important;
        color: #81af5d !important;
    }
    #defaultLanguage-it:hover{
        background: #ffffff !important;
        color: #81af5d !important;
    }
    .responsive-lang-menu{
        width: 100% !important;
        height: 95px !important;
        position: static !important;
        margin-top: -17px !important;
    }
    .responsive-lang-list{
        width: 98% !important;
        height: 98% !important;
    }
    .home-languages-list li:first-child a{
        margin-top: 5px !important;
    }
    .home-languages-list li a{
        float: left !important;
        width: 100% !important;
        text-align: left !important;
        font-weight: bold !important;
        line-height: normal !important;
    }
    .default-lang-caret{
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px solid;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }
    #languagesDiv.open a.dropdown-toggle {
        background: #00c8df !important;
        color: white !important;
    }
    .home-languages-list li a:hover, .home-languages-list li a:focus{
        background-color: transparent !important;
        color: #333 !important;
    }
    .dropdown-backdrop{
        position: static !important;
    }
    #peopleInterestedRegisterPopup {
        padding: 0 !important;
        max-width: 100% !important;
    }
    #peopleInterestedRegisterPopup .input-group{
        width: 100% !important;
    }
    .interested-people .dropdown-menu,.interested-people .input-group{
        width: 100% !important;
    }
    .help-text{
        width: 80% !important;
    }
}
.section-heading{
    font-style: italic;
    font-weight: 600;
    margin-bottom: 10px;
}
.btn{
    border-radius: 0;
    font-weight: bold;
}
.btn.landing{
    font-style: italic;
    width: 200px;
    padding-bottom: 7px;
    padding-top: 7px;
}
.btn-success,.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success{
    color: #fff;
    background-color: #E2680E;
    border-color: #F87D23;
}
.trans{
    background: url(../images/background-white.png);
    border-top: solid 1px #8ec862;
    border-bottom:solid 1px #8ec862;
}
.trans.topped{
    margin-top: -29px;
}
footer ul{
    list-style-type: none;
    padding: 0;
}
a {
    color: #5c6771;
    text-decoration: none;
}
.top-separation{
    padding-top: 10px;
}
.container.footer2,.container.footer2 h4{
    font-weight: 700;
    font-size: 10pt;
}
.container.footer2 a{
    font-weight: 500;
    font-size: 10pt;
}
.text-muted {
    color: #5c6771;
}
.navbar-brand{
    width: 187px;
    height: 50px;
    float: left;
    padding-right: 0px;
}
.navbar-default .navbar-nav.nav-bar-social > li > a:hover{
    background-color: transparent;
}
.navbar-default .navbar-nav.nav-bar-social > li > a{
    padding: 0;
    padding-right: 22px;
}
.mobile-search{
    display: none;
}
.mobile-social{
    display: none;
}
@media (min-width: 768px) {
    .owl-theme .owl-controls .owl-page span{
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background: #00c8df;
        width: 8px;
        height: 8px;
    }
    .owl-theme .owl-controls .owl-page.active span,
    .owl-theme .owl-controls.clickable .owl-page:hover span{
        width: 10px;
        height: 10px;
    }
    .howItWorks{
        padding:0;
    }
    .search-result-row{
        display: block;
        text-align: left;
    }
    .search-result-col{
        display: none;
    }
    .navbar-collapse.search-resp3{
        display: none !important;
    }
    .container {
        width: 100%;
    }
}
#courseActivityComp .container{
    max-width:100% !important;
}
.responsive-landing-button{
    display: none;
}
.static-landing-button{
    display: block;
}
.static-landing-button{
    display: inline-block;
}
#myCoursesGridResponsive,#myCoursesGridResponsive2{
    display: none;
}
#featuredCategoryMC{
    display: block;
}
#featuredCategoryMCT{
    display: block;
}
#searchWordsLanding{
    display: block !important;
    padding-right: 40px;
}
.search-icon-larger{
    top: 17px;
}
.sign-up-container {
    max-width: 442px;
}
#signUp .input-group .icon-signal {
    display: none;
}
#signUp .form-control.new-text-field.input-lg,#interestedForm .form-control.new-text-field.input-lg{
    width: 442px;
    margin-left: 0;
}
#signUp .pwdwidgetdiv {
    width: 390px !important;
}
.recover-password form {
    max-width: 442px;
    margin: 0 auto;
}
@media (max-width: 767px) {
    .owl-theme .owl-controls .owl-page.active span,
    .owl-theme .owl-controls.clickable .owl-page:hover span {
        width: 9px;
        height: 9px;
    }
    .owl-theme .owl-controls .owl-page span {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: solid 1px #00c8df !important;
        background-color: white !important;
        width: 7px;
        height: 7px;
    }
    .owl-pagination{
        margin-top: 3.5%;
    }
    #searchCourseDiv{
        margin-left:20% !important;
        margin-right:20% !important;
    }
    @-moz-document url-prefix(){
        #homeCarousel{
            margin-top:0px !important;
        }
    }
    #homeCarousel{
        margin-top: 60px !important;
    }
    .carousel-control{
        height:55% !important;
    }
    .intro-header-home{
        padding-bottom:0 !important;
    }
    .publicSectionIcon{
        width:16% !important;
    }
    .intro-header-learn, .intro-header-teach {
        margin-top: -20px !important;
    }
    .main-video{
        margin-left: 0 !important;
    }
    .home-video{
        padding-right: 0 !important;
        padding-left: 0;
        margin-bottom: 13px;
    }
    .videoBullet {
        font-size: 25pt !important;
        padding-left:4% !important;
    }
    .rightSeparator{
        border-right: none !important;
    }
    .learn-banner-container, .teach-banner-container {
        /* margin-top: -60px !important; */
    }
    .slide{
        min-width: 320px;
    }
    .home-central-below-slider{
        border: none !important;
    }
    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        display: block;
        max-width: 100%;
        height: 450px;
        line-height: 1;
        margin-top: 0;
        margin-left: -10px;
        width: 100%;
    }
    .carousel-indicators {
        bottom: -3% !important;
    }
    .carousel-inner {
        height: 450px !important;
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .carousel.slide {
        margin-top:60px !important;
        height: 450px !important;
    }
    #signUpTab .input-group{
        width: 100%;
    }
    .search-result-col{
        display: none;
    }
    .search-result-col .course-container {
        position: relative;
        width: 100%;
        max-width: 230px;
        margin-bottom: 20px;
    }
    .search-result-col .course-information {
        position: relative;
        bottom: 0;
        width: 100%;
        padding: 1px 10px;
        opacity: 0.8;
        background-color: #6DBE46;
        color: white;
    }
    .search-result-col .course-information .course-title {
        font-weight: bold;
        font-size: 15px;
        color: white;
    }
    .search-result-row{
        display: none;
        text-align: left;
    }
    #search-results .green-title{
        color: #b5cb51 !important;
    }
    .content-section-a.responsive-search{
        /*color: white;*/
        padding-bottom: 20px;
        border-top: solid 1px #8ec862;
        border-bottom: solid 1px #8ec862;
    }
    #recaptcha_challenge_image{
        width: 200px !important;
        float: left;
    }
    .form-control.new-text-field.input-lg {
        width: 100% !important;
    }
    #signUp .pwdwidgetdiv,
    #signUp .form-control.new-text-field.input-lg,#interestedForm .form-control.new-text-field.input-lg {
        width: 100% !important;
        margin-left: 0;
    }
    .fancybox-inner .form-control.new-text-field.input-lg {
        width: 100%;
    }
    .fancybox-inner .pwdwidgetdiv{
        width: 100% !important;
    }
    .fancybox-inner .icon-signal{
        display: none;
    }
    .thumbnail {
        width: 220px;
        margin-top: 20px;
        border-radius: 0;
        border-color: #ccc;
    }
    .dot-unifier{
        display: none;
    }
    .trans{
        background: #ffff;
    }
    .activate-account.trans,
    .accept-employee.trans,
    .invite-apprentice.trans,
    .invite-instructor.trans,
    .recover-password.trans {
        background: #fff;
        height: auto !important;
    }
    #certificateImage img{
        width: 100%;
        height:auto;
    }
    div#certificateImage{
        height: 350px !important;
    }
    div#certificateImage img{
        height: 350px !important;
    }

    .generic-login .input-group,
    .change-password .input-group,
    .recover-password .input-group {
        width: 100%;
    }
    .generic-login .form-control.new-text-field.input-lg,
    .change-password .form-control.new-text-field.input-lg,
    .recover-password .form-control.new-text-field.input-lg {
        width: calc(100% - 41px) !important;
    }
    .change-password .pwdwidgetdiv,
    .recover-password .pwdwidgetdiv {
        margin-left: -7px;
        width: calc(100% - 41px) !important;
    }
    .change-password .pwdwidgetdiv .form-control.new-text-field.input-lg,
    .recover-password .pwdwidgetdiv .form-control.new-text-field.input-lg {
        width: 100% !important;
        margin-left: 0;
        padding-left: 14px;
    }
    .search-resp2{
        display: none;
    }
    .search-icon.search-icon-larger{
        top:8px;
    }
    .home-label{
        text-align: center;
    }
    .responsive-overlay{
        width: 100%;
        height: 100%;
        position: fixed;
        background: #333;
        opacity: 0.9;
        top:0px;
    }
    .dropdown-session{
        margin-top: 15px;
        margin-left: 5px;
    }
    .search-icon-larger{
        top: 27px;
    }
    .dropdown a.dropdown-session:hover{
        color: white !important;
    }
    #myCoursesGridResponsive,#myCoursesGridResponsive2{
        display: block;
    }
    #featuredCategoryMC{
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: auto;
    }
    #featuredCategoryMCT{
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: auto;
    }
    .responsive-landing-button{
        display: inline-block;
        margin-top: -105px;
        margin-left: 19px;
    }
    .static-landing-button{
        display: none;
    }
    .mobile-social{
        display: block;
    }
    .navbar-collapse.search-resp3.collapse{
        display: none;
    }
    .navbar-collapse.search-resp3.collapse.in{
        display: block;
        margin-top: 0;
    }
    .navbar-default{
        background: url(../images/mobile-header-bg.png);
        margin-bottom:0px;
    }
    .intro-message {
        padding-bottom: 15%;
        margin-top: 20px;
    }
    .intro-message > h1 {
        font-size: 3em;
        display: none;
    }
    ul.intro-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }
    ul.intro-social-buttons > li:last-child {
        margin-bottom: 0;
    }
    .intro-divider {
        width: 100%;
    }
    .navbar-brand img{
        display: none;
    }
    .navbar-brand .mobile-logo{
        display:inline-block !important;
        text-align:center;
    }
    .navbar-brand{
        content: none;
        background-repeat: no-repeat;
        width: 235px;
        height: 89px;
        left: 0;
        right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 119px;
    }
    .bigText{
        font-size: 18pt;
    }
    .smallText,.medText{
        display: none;
    }
    .top-separation{
        margin-top: 20px;
        position:static;
    }
    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav > li.signin-opt > a,
    .navbar-default .navbar-nav > li.dropdown.signin-opt > a{
        color: white;
        text-align: left;
        padding: 10px;
    }
    .navbar-default .navbar-nav > li.signin-opt > a:hover{
        color: #ffffff;
        background-color: #c1c1c1;
    }
    .intro-message{
        display: none;
    }
    .navbar-brand{
        height: 46px;
        padding-bottom: 0;
        position: absolute;
        /*left: 50%; */
        width: 119px;
        margin-left: -60px;
        top: 5px;
        background: none !important;
    }
    .nav-bar-social{
        display: none;
    }
    footer .nav-bar-social{
        display: block;
    }
    .search-icon{
        top: 17px;
    }
    .navbar-collapse.navbar-ex1-collapse.collapse.in {
        position: absolute;
        top: 0;
        left: 64px;
        width: calc(100% - 50px);
        z-index: 1000;
    }
    .menu-principal{
        z-index: 1000;
    }
    .navbar-toggle {
        position: relative;
        float: left;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        margin-left: 11px;
        margin: 0;
        height: 100%;
        border: 0;
        background: white;
        border-radius: 0;
    }
    .navbar-default .navbar-toggle:hover{
        background-color: white;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #8ec862;
    }
    .navbar-toggle .icon-bar {
        display: block;
        width: 30px;
        height: 6px;
        border-radius: 4px;
        margin-bottom: 5px;
    }
    .intro-header{
        margin-top: -31px;
    }
    .trans.topped {
        margin-top: 0px !important;
        background: #f3f3f3;
    }
    .clearfix{
        height: 20px;
    }
    .responsive-info .landing{
    }
    .lead{
        font-size: 13pt;
    }
    .section-heading{
        font-size: 19pt;
    }
    .container.footer2,.container.footer2 h4{
        font-size: 11pt;
    }
    .mobile-search{
        display: block;
        float: right;
        background: url(../images/mobile-search.png) 8px 8px transparent no-repeat;
        width: 50px;
        height: 54px;
    }
    .navbar-ex2-collapse{
        background: url(../images/mobile-blue-bg.png);
        padding-bottom: 20px;
        border: 0;
    }
    .navbar-default .navbar-form {
        border: 0;
        box-shadow: none;
    }
    .navbar-toggle.mobile-search:hover{
        background-color: transparent;
    }
    .navbar-toggle.mobile-search1{
        background: url(../images/mobile-arrow.png) 6px 13px no-repeat ;
        background-color: #00c8df !important;
    }
    .navbar-toggle.mobile-search.collapsed{
        background: url(../images/mobile-search.png) 0px 15px transparent no-repeat;
        background-color: transparent !important;
    }
    .navbar-ex1-collapse{
        background: #81af5d;
    }
    .navbar-default .navbar-nav > li.dropdown.signin-opt > a {
        background-color: transparent;
        color: white;
    }
    .navbar-default .navbar-nav > li:hover > a,
    .navbar-default .navbar-nav > li.dropdown.signin-opt > a:hover{
        background: white;
        color:#81af5d;
    }
    .nav.navbar-nav{
        margin: 0;
    }
    .navbar-nav .open .dropdown-menu{
        background-color: white;
        width: 100%;
    }
    .navbar-collapse.navbar-ex1-collapse{
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
    }
    .form-control.col-lg-8.search-control{
        width: 100% !important;
    }
    .navbar-default .navbar-nav > li > a{
        font-size: 13pt;
        font-weight: bold;
    }
    .mobile-social{
        margin-top: 5px !important;
        color: white;
        text-align: left;
        font-size: 13pt;
        font-weight: bold;
        border-top: solid 1px;
        padding-top: 20px;
        padding-left: 10px;
    }
    .mobile-social-icon{
        float: left;
        width: 30px;
        height: 30px;
        margin-left: 10px;
        margin-bottom: 20px;
    }
    .mobile-social-icon.fb,.navbar-default .navbar-nav > li:hover > a.mobile-social-icon.fb{
        background: url(../images/mobile-social-fb.svg) 0px 0px no-repeat transparent;
    }
    .mobile-social-icon.tw,.navbar-default .navbar-nav > li:hover > a.mobile-social-icon.tw{
        background: url(../images/mobile-social-tw.svg) 0px 0px no-repeat transparent;
    }
    .no-transition {
        -webkit-transition: height 0.001s;
        -moz-transition: height 0.001s;
        -ms-transition: height 0.001s;
        -o-transition: height 0.001s;
        transition: height 0.001s;
    }
}
/*767 end*/
.navbar-nav .open .dropdown-menu{
    padding: 2px;
    padding-bottom: 10px;
}
.navbar-nav .open .dropdown-menu form{
    width: 266px;
    display: inline-block;
}
.input-group{
    margin:5px;
    margin-left: 0;
    margin-right: 0;
}
.icon-signal {
    width: 48px;
    height: 41px;
    float: left;
    position: relative;
}
.form-control.new-text-field{
    float: left;
    border-radius: 0;
    box-shadow: none;
    background: #f2f2f2;
    width: 225px;
    outline: 0;
    border: 0;
    height: 41px;
    margin-left: -7px;
}
.form-control.new-text-field:focus{
    background: white;
    border:solid 1px #ccc;
}
.forget-link{
    padding-left: 10px;
    font-weight: bold;
    font-size: 9pt;
    color: #8ec862;
    text-align: right;
    width: 100%;
}
.label-text{
    font-size: 10pt;
    color: #ccc;
    float: left;
}
.user-menu li a{
    height: 40px;
    padding-top: 10px;
    text-align: left;
    font-size: 10pt;
}
.navbar-nav > li > .dropdown-menu{
    padding: 0;
}
.circle {
    background-color: transparent;
    height: 30px;
    width: 30px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    border-radius: 70px;
    text-align: center;
    color: white;
    line-height: 45px;
    font-weight: bold;
    font-size: 22px;
    font-family: sans-serif;
    overflow: hidden;
    float: left;
    margin-top: 6px;
}
#searchResult{
    width: 990px;
}
.dropdown.signin-opt.open a.dropdown-toggle{
    background: #00c8df !important;
    color:white !important;
}
footer a{
    font-family: "Open Sans", sans-serif;
}
.trans.topped-learn, .trans.topped-teach, .trans.topped-org {
    background: #f5f5f5;
}
.trans.topped-about {
    margin-top: -299px;
}
.trans.topped-org h3 {
    color: #A3DD3F;
    font-style: italic;
}
.learn-banner,
.teach-banner,
.org-banner-n,
.university-banner {
    margin-top: 0 !important;
}
.org-header {
    padding-bottom: 0;
}
@media (min-width : 1024px) {
    .university-banner {
        margin-top: 0;
        padding-top: 80px;
    }
}
.org-banner{
    background: url(../images/organization-bg-n.png) no-repeat center 5px;
    height: 410px;
    margin-top: 75px;
    padding: 0;
    background-size: 100% 100%;
    /* max-width: 100%; */
}
.org-banner.es {
    background-image: url(../images/organization-bg-n-es.png);
}
.org-banner.it {
    background-image: url(../images/organization-bg-n-it.png);
}
@media (max-width: 800px) {
    .org-banner {
        background-image: url(../images/organization-bg-mobile-en-n.png);
        background-size: 100% 100%;
        margin-top: 0;
    }
    .org-banner.es {
        background-image: url(../images/organization-bg-mobile-es-n.png);
    }
    .org-banner.it {
        background-image: url(../images/organization-bg-mobile-it-n.png);
    }
}
@media (max-width: 400px) {
    .org-banner {
        background-size: 100% 100%;
        height: 290px;
    }
    .div-info-channel-us,.div-info-channel-ve,.div-info-channel-pe,.div-info-channel-pm,.div-info-channel-co,.div-info-channel-cl,.div-info-channel-gt,.div-info-channel-it,
    .div-info-channel-ec,.div-info-channel-mx{
        display: none !important;
    }
    .responchannel{
        background-color: #f8f8f8;
    }
    .section-desc-channel.no-bottom {
        text-align: center;
        font-size: 16pt;
        font-family: arial;
        font-style: italic;
        margin-top: -10%;
        margin-left: -33%;
    }
    .info-channel{
        font-size: 11pt;
        text-align: justify;
        max-width: 500px;
        font-style: normal;
        float: left;
        line-height: 23px;
        margin-top: 0%;
        margin-left: 2%;
    }
    .channel-info-contact-form.lower{
        position: relative;
        font-size: 12pt;
        font-weight: 500;
        text-align: justify;
        line-height: 22px;
        max-width: 827px;
        float: left;
        margin-top: -31%;
        margin-left: -13%;
        margin-right: 19%;
    }
    .channels input[type="button"]{
        margin:auto !important;
        width:98% !important;
        margin-top:10px !important;
    }
    .map-resp-channel-img{
        max-width: 100%;
        margin-left: 0%;
        margin-bottom: 0;
        margin-top: 0%;
        display: block;
    }
    .map-channel-img{
        display: none;
    }
    .div-info-america{
        position: absolute;
        top: 80%;
        width: 29%;
        height: 6%;
        left: 35%;
    }
    .div-info-europa{
        position: absolute;
        top: 89%;
        width: 29%;
        height: 6%;
        left: 35%;
    }
    .div-info-channel-ve{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: -242px;
        margin-left: 300px;
    }
    .div-info-channel-pe{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: -186px;
        margin-left: 280px;
    }
    .div-info-channel-ec{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: -203px;
        margin-left: 262px;
    }
    .div-info-channel-co{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: -226px;
        margin-left: 280px;
    }
    .div-info-channel-cl{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: -124px;
        margin-left: 280px;
    }
    .div-info-channel-us{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: -322px;
        margin-left: 230px;
    }
    .div-info-channel-mx{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: -286px;
        margin-left: 205px;
    }
    .div-info-channel-gt{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: -254px;
        margin-left: 241px;
    }
    .div-info-channel-pm{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: -236px;
        margin-left: 262px;
    }
    .div-info-channel-it{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: -338px;
        margin-left: 506px;
    }
    .contact{
        max-width: 1024px;
        width: 90%;
        border-top: 1px solid;
        margin-top: 33%;
    }
    .contact input,.contact select,.contact textarea{
        width: 98%;
        margin: 5px auto;
        background: #EDEDED;
        border: 1px solid #E0E0E0;
        padding: 12px 0;
        padding-left: 10px;
        font-size: 9pt;
    }
    .contact input[type="submit"]{
        background: #FF7500;
        color: #fff;
        width: 45%;
        border: none;
        margin-left: 26%;
        margin-top: 2%;
    }
    .channels{
        max-width: 1024px;
        width: 90%;
        border-top: 1px solid;
        margin-top: 10%;
    }
    .channels input,.channels select,.channels textarea{
        width: 98% !important;
        margin: 5px auto;
        background: #EDEDED;
        border: 1px solid #E0E0E0;
        padding: 12px 0;
        padding-left: 10px;
        font-size: 9pt;
    }
    .channels input[type="submit"]{
        background: #FF7500;
        color: #fff;
        width: 45%;
        border: none;
        margin-left: 26%;
        margin-top: 2%;
    }
    .contenedor-accordion{
        display: block;
        max-width: 100%;
        width: 100%;
        margin: auto;
        margin-bottom: 15px;
        margin-top: 0;
        margin-top: 20px;
    }
    .accordion-channels {
        background-color: #6DC95A;
        color: #fff;
        cursor: pointer;
        padding: 10px;
        width: 100%;
        border: none;
        outline: none;
        font-size: 13px;
        transition: 0.4s;
        text-align: center;
        border-bottom: 1px solid;
        border-left: 1px solid #6DC95A !important;
        border-right: 1px solid #6DC95A !important;
        border-top: 1px solid #6DC95A !important;
    }
    .active, .accordion-channels:hover {
        background-color: #fff;
        color: #6DC95A;
        border-color: #fff;
    }
    .panel-channels {
        padding: 0 5px;
        display: none;
        background-color: white;
        overflow: hidden;
        border-left: 1px solid #6DC95A;
        border-right: 1px solid #6DC95A;
    }
    .panel-channels > div{
        border-left: 5px solid #6DC95A;
        width: 100%;
        margin: 10px 0;
        padding-left: 10px;
    }
    .panel-channels > div > p:first-child{
        color: #6DC95A;
        margin-bottom: 5px;
    }
    .panel-channels > div > p+p{
        color: #ADACAC;
        margin-bottom: 5px;
    }
    .div-info-p-ve{
        display: none;
    }
    .div-info-p-pe{
        display: none;
    }
    .div-info-p-ec{
        display: none;
    }
    .div-info-p-co{
        display: none;
    }
    .div-info-p-cl{
        display: none;
    }
    .div-info-p-us{
        display: none;
    }
    .div-info-p-mx{
        display: none;
    }
    .div-info-p-gt{
        display: none;
    }
    .div-info-p-pm{
        display: none;
    }
    .div-info-p-it{
        display: none;
    }
    .pin-map-ve{
        display: none;
    }
    .pin-map-pe{
        display: none;
    }
    .pin-map-ec{
        display: none;
    }
    .pin-map-co{
        display: none;
    }
    .pin-map-cl{
        display: none;
    }
    .pin-map-us{
        display: none;
    }
    .pin-map-mx{
        display: none;
    }
    .pin-map-gt{
        display: none;
    }
    .pin-map-pm{
        display: none;
    }
    .pin-map-it{
        display: none;
    }
    .contactStatic .popupHeader{
        width:90% !important;
    }
    .label-contact{
        width: 90% !important;
        font-size: 13px !important;
    }
}
@media (min-width: 401px) and (max-width: 470px) {
    .org-banner {
        background-size: 100% 100%;
        height: 330px;
    }
}
@media (min-width: 471px) and (max-width: 570px) {
    .org-banner {
        background-size: 100% 100%;
        height: 380px;
    }
}
@media (min-width: 571px) and (max-width: 629px) {
    .org-banner {
        background-size: 100% 100%;
        height: 410px;
    }
}
@media (min-width: 630px) and (max-width: 767px) {
    .org-banner {
        background-size: 100% 100%;
        /* height: 270px; */
        margin-top: 0;
    }
}
@media (min-width: 768px) and (max-width: 830px) {
    .org-banner {
        background-size: 100% 100%;
        height: 460px;
    }
    #homeCarousel .item > div:first-child{
        height: 520px !important;
    }
}
@media (min-width: 831px) and (max-width: 991px) {
    .org-banner {
        background-size: 100% 100%;
        height: 346px;
    }
    #homeCarousel .item > div:first-child{
        height: 490px !important;
    }
}
.section-heading.green-text{
    color: #a3dd3f;
    font-weight: 500;
    font-style: normal;
    font-size: 20pt;
    font-style: italic;
}
.section-heading.no-bottom{
    margin-bottom: 0;
}
.bullet-icon-small{
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-bottom: 15px;
}
.circle-icon{
    background: url(../images/circle-icon.png) no-repeat 0px 0px;
}
.text-x2 {
    font-size: 11pt;
}
.topped-none{
    margin: 0;
    border-top: 0;
}
.search-large{
    padding: 15px;
    font-size: 18pt;
    border-radius: 15px;
    border: 0;
    margin-top: 10px;
    height: 43px;
}
.search-icon-larger{
    background: url(../images/search-big2.png) no-repeat 0px 0px;
    width: 28px;
    height:28px;
    top:17px;
}
.bigText.right-text{
    margin-left: -38px;
}
.navbar-default .navbar-nav > li > a.dropdown-toggle:hover,
.navbar-default .navbar-nav > li.dropdown.open > a.dropdown-toggle{
    background: transparent;
}
.navbar-default .navbar-nav > li.dropdown.open > a.dropdown-toggle{
    color: #ffffff;
    background: #00c8df;
}
.navbar-default .navbar-nav > li > a{
    background: transparent;
}
.new-text-field.lg2x{
    width: 292px;
}
#captchaContainer{
    width: 340px;
    float: left;
    overflow: hidden;
}
#recoverPopup{
    float: left;
    width: 340px;
}
.search-result-row .course-row-info .btn{
    display:none !important;
}
@media (max-width: 400px) {
    .search-result-row .course-row-info .btn,.course-row-separator{
        display:none !important;
    }
    .course-row-description,.user-row-info{
        display: none;
    }
    .course-row-info{
        text-align:center;
    }
    .course-picture-container img,.course-container img{
        width:100% !important;
    }
    .course-container {
        max-width:95% !important;
    }
    .new-text-field.lg2x{
        width: 225px;
    }
    .fancybox-inner .change-password .icon-signal,
    .fancybox-inner #recoverPopup .icon-signal {
        display: block;
        width: 17%;
    }
    .captcha-container {
        transform: scale(0.87);
        -webkit-transform: scale(0.87);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}
h1.section-heading {
    text-align: center;
    width: 100%;
}
.org-icon{
    position: absolute;
    height: 26px;
    width: 48px;
    left: -33px;
    top: 8px;
}
.org-bullet{
    font-size: 10pt;
    position: relative;
    text-align: left;
    height: 50px;
    margin-left: 23px;
}
.clock-icon{
    background: url(../images/org-icons.png) no-repeat 8px -12px;
}
.chart-icon{
    background: url(../images/org-icons.png) no-repeat -38px 0px;
}
.map-icon{
    background: url(../images/org-icons.png) no-repeat 8px -61px;
}
.head-icon{
    background: url(../images/org-icons.png) no-repeat 8px -107px;
    height: 34px;
    top: 0px;
}
.cash-icon{
    background: url(../images/org-icons.png) no-repeat -33px -50px;
}
.touch-icon{
    background: url(../images/org-icons.png) no-repeat -33px -97px;
}
.people-icon{
    background: url(../images/org-icons.png) no-repeat -33px -143px;
}
.tablet2-icon{
    background: url(../images/org-icons.png) no-repeat -74px -3px;
    height: 35px;
    top: 0px;
}
.network-icon{
    background: url(../images/org-icons.png) no-repeat -74px -55px;
}
.paper-icon{
    background: url(../images/org-icons.png) no-repeat -74px -96px;
}
.paper2-icon{
    background: url(../images/org-icons.png) no-repeat -74px -136px;
    height: 30px;
    top: 4px;
}
.org-text{
    height: 10px;
}
.org-table{
    border-top: 0;
    max-width: 90%;
    font-style: italic;
    font-size: 11pt;
    color: #5c6771;
    text-align: center;
}
.table.org-table > thead > tr > th, .org-table.table-bordered > thead > tr > th {
    border: 0;
}
.org-table.table-bordered {
    border: 0;
}
.org-table h3{
    font-weight: bold;
    font-style: italic;
    color:#5c6771;
}
.org-check{
    background: url(../images/check2-icon.png) no-repeat 0px 0px;
    width: 22px;
    height: 22px;
    display: inline-block;
}
.org-table tr td:first-child{
    text-align: left;
}
.org-table h3{
    font-size: 22px;
}
.featuredCourse {
    height: 172px;
    width: 172px;
    float: left;
    position: relative;
    background: #FFF;
    border: solid 1px #9C9C9C;
    cursor: pointer;
    margin: 5px;
    padding: 0;
    box-shadow: none;
    border-radius: 0px;
    margin-right: 15px;
    margin-bottom:30px;
}
.courseImageWrapBig {
    float: left;
    padding: 10px;
    width: 100%;
    height: 100%;
}
.courseSmallImage {
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: solid 1px #ccc;
    padding: 0;
    position: relative;
}
.courseSmallImage img{
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    left: 0;
}
.helpForm[data-toggle="tooltip"] {
    float:left;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #555656;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #555656;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #555656;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #555656;
    border-radius: 0;
    font-size: 10pt;
}
@media (min-width: 1200px){
    .home-label{
        text-align: right;
        margin-top: 27px;
    }
    #content{
        width: 1004px;
    }
    .wl-content{
        width: 1004px;
    }
    .section-desc-channel.no-bottom {
        top: 5%;
        left: 8%;
        float: left;
        text-align: center;
        font-size: 18pt;
        font-family: arial;
        font-style: italic;
    }
    .info-channel{
        font-size: 12pt;
        text-align: justify;
        max-width: 500px;
        font-style: normal;
        margin-bottom: 5%;
        margin-top: 0%;
        float: left;
        margin-left: 35%;
    }
    .channel-info-contact-form.lower{
        position: relative;
        font-size: 12pt;
        font-weight: 500;
        text-align: justify;
        line-height: 22px;
        max-width: 827px;
        float: left;
        margin-top: -1%;
        margin-left: -19%;
        margin-right: 8%;
    }
    .map-channel-img{
        max-width: 100%;
        width: 100%;
        margin-left: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        display: block;
    }
    .div-info-america{
        position: absolute;
        top: 81%;
        width: 98%;
        left: 3%;
    }
    .div-info-europa{
        position: absolute;
        top: 84%;
        width: 98%;
        left: 3%;
    }
    .div-info-channel-ve{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: -242px;
        margin-left: 300px;
    }
    .div-info-channel-pe{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: -186px;
        margin-left: 280px;
    }
    .div-info-channel-ec{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: -203px;
        margin-left: 262px;
    }
    .div-info-channel-co{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: -226px;
        margin-left: 280px;
    }
    .div-info-channel-cl{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: -124px;
        margin-left: 280px;
    }
    .div-info-channel-us{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: -322px;
        margin-left: 230px;
    }
    .div-info-channel-mx{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: -286px;
        margin-left: 205px;
    }
    .div-info-channel-gt{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: -254px;
        margin-left: 241px;
    }
    .div-info-channel-pm{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: -236px;
        margin-left: 262px;
    }
    .div-info-channel-it{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: -338px;
        margin-left: 506px;
    }
    .div-info-p-ve{
        display: none;
        position: absolute;
        width: 50%;
        /* top: 0; */
        margin-top: 40px;
        margin-left: 10%;
        font-size: 11px;
        font-family: sans-serif;
        text-align: -webkit-left;
        /* max-width: 61%; */
        line-height: 22px;
    }
    .div-info-p-pe,.div-info-p-ec,.div-info-p-co,.div-info-p-cl,.div-info-p-us,.div-info-p-mx,.div-info-p-gt,.div-info-p-pm,.div-info-p-it{
        display: none;
        position: absolute;
        width: 50%;
        /* top: 0; */
        margin-top: 40px;
        margin-left: 10%;
        font-size: 11px;
        font-family: sans-serif;
        text-align: -webkit-left;
        /* max-width: 61%; */
        line-height: 22px;
    }
    /*  .div-info-p-ec{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 174px;
line-height: 22px;
margin-top: -35%;
margin-left: -7%;
}
.div-info-p-co{
display: none;
position: absolute;
margin-left: -1%;
margin-top: -40%;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 89px;
line-height: 22px;
}
.div-info-p-cl{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 177px;
line-height: 22px;
margin-top: -35%;
margin-left: -1%;
}
.div-info-p-us{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 177px;
line-height: 22px;
margin-top: -72%;
margin-left: -20%;
}
.div-info-p-mx{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 177px;
line-height: 22px;
margin-top: -60%;
margin-left: -26%;
}
.div-info-p-gt{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 149px;
line-height: 22px;
margin-top: -49%;
margin-left: -14%;
}
.div-info-p-pm{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 177px;
line-height: 22px;
margin-top: -42%;
margin-left: -9%;
}
.div-info-p-it{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 177px;
line-height: 22px;
margin-top: -79%;
margin-left: 75%;
}      */
    #pin1{
        display: block;
    }
    #pin2{
        display: block;
    }
    #pin3{
        display: block;
    }
    #pin4{
        display: block;
    }
    #pin5{
        display: block;
    }
    #pin6{
        display: block;
    }
    #pin7{
        display: block;
    }
    #pin8{
        display: block;
    }
    #pin9{
        display: block;
    }
    #pin10{
        display: block;
    }
}
@media (min-width:768px) and (max-width:1023px){
    .carousel-control{
        height: 75% !important;
    }
    #homeCarousel{
        float:left;
        top: -60px;
    }
    #learnVideo img, #teachVideo img{
        min-width:345px !important;
        min-height:194px !important;
    }
    .videoBullet {
        font-size: 25pt !important;
    }
    .rightSeparator{
        padding-right:4% !important;
    }
    .learn-banner-container img, .teach-banner-container img,.org-banner-n img {
        width: 100%;
        height: auto;
        /* margin-top: -60px !important; */
    }
    .trans.topped{
        margin-top: -6.1%;
    }
    .carousel.slide{
        margin-top:-60px !important;
    }
    .intro-header-home {
        padding-bottom:0 !important;
        margin-top: -58px;
    }
    .home-below-slider {
        background-color: white !important;
    }
    /*CANALES DE VENTAS*/
    .section-desc-channel.no-bottom {
        top: 5%;
        left: 8%;
        float: left;
        text-align: center;
        font-size: 18pt;
        font-family: arial;
        font-style: italic;
    }
    .info-channel{
        font-size: 12pt;
        text-align: justify;
        max-width: 500px;
        font-style: normal;
        margin-bottom: 5%;
        margin-top: 0%;
        float: left;
        margin-left: 35%;
    }
    .channel-info-contact-form.lower{
        position: relative;
        font-size: 12pt;
        font-weight: 500;
        text-align: justify;
        line-height: 22px;
        max-width: 827px;
        float: left;
        margin-top: -1%;
        margin-left: -19%;
        margin-right: 8%;
    }
    .map-channel-img{
        max-width: 100%;
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-bottom: 0;
        margin-top: 0;
        display: block;
    }
    .sales-info{
        font-size: 16px !important;
        line-height: 23px;
        max-width: 100%;
        text-align: center;
        margin: auto 50px;
        margin-top: 50px;
    }
    .div-info-america{
        position: absolute;
        top: 81%;
        width: 98%;
        left: 3%;
    }
    .div-info-europa{
        position: absolute;
        top: 84%;
        width: 98%;
        left: 3%;
    }
    .div-info-channel-ve{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -242px;
        margin-left: 300px;
    }
    .div-info-channel-pe{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -186px;
        margin-left: 280px;
    }
    .div-info-channel-ec{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -203px;
        margin-left: 262px;
    }
    .div-info-channel-co{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -226px;
        margin-left: 280px;
    }
    .div-info-channel-cl{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -124px;
        margin-left: 280px;
    }
    .div-info-channel-us{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -322px;
        margin-left: 230px;
    }
    .div-info-channel-mx{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -286px;
        margin-left: 205px;
    }
    .div-info-channel-gt{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -254px;
        margin-left: 241px;
    }
    .div-info-channel-pm{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -236px;
        margin-left: 262px;
    }
    .div-info-channel-it{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -338px;
        margin-left: 506px;
    }
    .div-info-p-ve{
        display: none;
        position: absolute;
        width: 50%;
        /* top: 0; */
        margin-top: 40px;
        margin-left: 10%;
        font-size: 11px;
        font-family: sans-serif;
        text-align: -webkit-left;
        /* max-width: 61%; */
        line-height: 22px;
    }
    .ele-info-ve {
        display: none;
        position: absolute;
        width: 50%;
        height: auto;
        left: 0;
        top: 0;
    }
    .div-info-p-pe,.div-info-p-ec,.div-info-p-co,.div-info-p-cl,.div-info-p-us,.div-info-p-mx,.div-info-p-gt,.div-info-p-pm,.div-info-p-it{
        display: none;
        position: absolute;
        width: 50%;
        /* top: 0; */
        margin-top: 40px;
        margin-left: 10%;
        font-size: 11px;
        font-family: sans-serif;
        text-align: -webkit-left;
        /* max-width: 61%; */
        line-height: 22px;
    }
    /* .div-info-p-ec{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 174px;
line-height: 22px;
margin-top: -35%;
margin-left: -7%;
}
.div-info-p-co{
display: none;
position: absolute;
margin-left: -1%;
margin-top: -40%;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 89px;
line-height: 22px;
}
.div-info-p-cl{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 177px;
line-height: 22px;
margin-top: -35%;
margin-left: -1%;
}
.div-info-p-us{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 177px;
line-height: 22px;
margin-top: -72%;
margin-left: -20%;
}
.div-info-p-mx{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 177px;
line-height: 22px;
margin-top: -60%;
margin-left: -26%;
}
.div-info-p-gt{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 149px;
line-height: 22px;
margin-top: -49%;
margin-left: -14%;
}
.div-info-p-pm{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 177px;
line-height: 22px;
margin-top: -42%;
margin-left: -9%;
}
.div-info-p-it{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 177px;
line-height: 22px;
margin-top: -79%;
margin-left: 75%;
}            */
    #pin1,#pin2,#pin3,#pin4,#pin5,#pin6,#pin7,#pin8,#pin9,#pin10{
        display: none;
    }
    /*FIN CANALES DE VENTAS*/
}
.wl-content{
    display:inline-block;
}
@media (max-width: 1024px){
    #content,.wl-content {
        background: white;
    }
    .map-resp-channel-img{
        max-width: 100%;
        margin-left: 0%;
        margin-bottom: 0px;
        margin-top: 0%;
        display: block;
        width: 100%;
    }
    .map-channel-img{
        display: none;
    }
    .contenedor-accordion{
        display: block;
        max-width: 100%;
        width: 100%;
        margin: auto;
        margin-bottom: 15px;
        margin-top: 5%;
    }
    .accordion-channels {
        background-color: #6DC95A;
        color: #fff;
        cursor: pointer;
        padding: 10px;
        width: 100%;
        border: none;
        outline: none;
        font-size: 13px;
        transition: 0.4s;
        text-align: center;
        border-bottom: 1px solid;
        border-left: 1px solid #6DC95A !important;
        border-right: 1px solid #6DC95A !important;
        border-top: 1px solid #6DC95A !important;
    }
    .active, .accordion-channels:hover {
        background-color: #fff;
        color: #6DC95A;
        border-color: #fff;
    }
}
@media (min-width: 1024px){
    .videoContainer {
        width: 450px;
        float: left;
    }
    .map-resp-channel-img{
        display:none;
    }
    .videoWrapper{
        padding-right: 0px;display: inline-block;
    }
    .principal-home .row .intro-message{
        margin-top: 145px;
    }
    .navbar-default{
        max-width: 100%;
        display: inline-block;
    }
    .navbar-default{
        margin-bottom: 0;
        z-index: 1001;
        display: inline-block;
    }
    .course-row-title{
        font-weight: bold;
    }
    .section-desc-channel.no-bottom {
        top: 5%;
        left: 8%;
        float: left;
        text-align: center;
        font-size: 18pt;
        font-family: arial;
        font-style: italic;
    }
    .sales-info{
        font-size: 16px !important;
        line-height: 23px;
        max-width: 100%;
        text-align: center;
        margin: auto 50px;
        margin-top: 50px;
    }
    .info-channel{
        font-size: 12pt;
        text-align: justify;
        max-width: 500px;
        font-style: normal;
        margin-bottom: 5%;
        margin-top: 0%;
        float: left;
        margin-left: 35%;
    }
    .channel-info-contact-form.lower{
        position: relative;
        font-size: 12pt;
        font-weight: 500;
        text-align: justify;
        line-height: 22px;
        max-width: 827px;
        float: left;
        margin-top: -1%;
        margin-left: -19%;
        margin-right: 8%;
    }
    .map-channel-img{
        max-width: 100%;
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-bottom: 0;
        margin-top: 0;
        display: block;
    }
    .div-info-america{
        position: absolute;
        top: 81%;
        width: 98%;
        left: 3%;
    }
    .div-info-europa{
        position: absolute;
        top: 84%;
        width: 98%;
        left: 3%;
    }
    .div-info-channel-ve{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: 0;
        margin-left: 0;
        top: 56%;
        left: 31%;
    }
    .div-info-channel-pe{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: 0;
        margin-left: 0;
        top: 66%;
        left: 29%;
    }
    .div-info-channel-ec{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: 0;
        margin-left: 0;
        top: 63%;
        left: 27%;
    }
    .div-info-channel-co{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: 0;
        margin-left: 0;
        top: 59%;
        left: 29%;
    }
    .div-info-channel-cl{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: 0;
        margin-left: 0;
        top: 78%;
        left: 29%;
    }
    .div-info-channel-us{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: 0;
        margin-left: 0;
        left: 24%;
        top: 42%;
        /* background: #000; */
        /* height: 300px; */
    }
    .div-info-channel-mx{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: 0;
        margin-left: 0;
        top: 48%;
        left: 22%;
    }
    .div-info-channel-gt{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: 0;
        margin-left: 0;
        top: 54%;
        left: 25%;
    }
    .div-info-channel-pm{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: 0;
        margin-left: 0;
        top: 57%;
        left: 27%;
    }
    .div-info-channel-it{
        display: block;
        position: absolute;
        width: 50%;
        margin-top: 0;
        margin-left: 0;
        top: 39%;
        left: 52%;
    }
    .div-info-p-ve{
        display: none;
        position: absolute;
        width: 50%;
        /* top: 0; */
        margin-top: 40px;
        margin-left: 10%;
        font-size: 11px;
        font-family: sans-serif;
        text-align: -webkit-left;
        line-height: 22px;
        /* max-width: 61%; */
    }
    .div-info-p-pe,.div-info-p-ec,.div-info-p-co,.div-info-p-cl,.div-info-p-us,.div-info-p-mx,.div-info-p-gt,.div-info-p-pm,.div-info-p-it{
        display: none;
        position: absolute;
        width: 50%;
        /* top: 0; */
        margin-top: 40px;
        margin-left: 10%;
        font-size: 11px;
        font-family: sans-serif;
        text-align: -webkit-left;
        line-height: 22px;
        /* max-width: 61%; */
        /*  */
    }
    /*
.div-info-p-ec{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: -webkit-left;
max-width: 61%;
line-height: 23px;
margin-top: -34%;
margin-left: -3%;
}
.div-info-p-co{
display: none;
position: absolute;
margin-left: 3%;
margin-top: -34%;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: -webkit-left;
max-width: 61%;
line-height: 22px;
}
.div-info-p-cl{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: -webkit-left;
max-width: 58%;
line-height: 22px;
margin-top: -34%;
margin-left: 2%;
}
.div-info-p-us{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: -webkit-left;
max-width: 58%;
line-height: 23px;
margin-top: -63%;
margin-left: -11%;
}
.div-info-p-mx{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: -webkit-left;
max-width: 58%;
line-height: 22px;
margin-top: -52%;
margin-left: -21%;
}
.div-info-p-gt{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 149px;
line-height: 22px;
margin-top: -42%;
margin-left: -9%;
}
.div-info-p-pm{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 58%;
line-height: 22px;
margin-top: -37%;
margin-left: -3%;
}
.div-info-p-it{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: -webkit-left;
max-width: 61%;
line-height: 22px;
margin-top: -68%;
margin-left: 73%;
}           */
    #pin1{
        display: block;
    }
    #pin2{
        display: block;
    }
    #pin3{
        display: block;
    }
    #pin4{
        display: block;
    }
    #pin5{
        display: block;
    }
    #pin6{
        display: block;
    }
    #pin7{
        display: block;
    }
    #pin8{
        display: block;
    }
    #pin9{
        display: block;
    }
    #pin10{
        display: block;
    }
}
@media (min-width: 1024px){
    .owl-carousel .owl-wrapper-outer {
        margin-top: 80px;
    }
    #pin1,#pin2,#pin3,#pin4,#pin5,#pin6,#pin7,#pin8,#pin9,#pin10{
        display: none;
        cursor: pointer;
        display: block;
        /* background: #000; */
        /* opacity: 1; */
        width: 30px;
        height: 30px;
    }
    .navbar-default{
        margin-bottom: auto !important;
    }
    #content,footer,.navbar-default,.wl-content{
        width: 100%;
        display: inline-block;
        border-radius: 0 !important;
        position: relative;

    }
    .navbar-default:before,#content:before,footer:before,.wl-content:before{
        box-shadow: -15px 0 15px -15px inset;
        /* content: " "; */
        /* height: 100%; */
        /* left: -15px; */
        /* position: absolute; */
        /* top: 0; */
        /* width: 15px; */
    }
    .navbar-default:after,#content:after,footer:after,.wl-content:after{
        box-shadow: 15px 0 15px -15px inset;
        /* content: " "; */
        /* height: 100%; */
        /* position: absolute; */
        /* right: -15px; */
        /* width: 15px; */
        /* top:0; */
    }
    .navbar-default:before{
        /* box-shadow: -15px 0 15px -15px inset; */
    }
    .navbar-default:after{
        box-shadow: 15px 0 15px -15px inset;
    }
    #content,.wl-content{
        background: white;
        max-width: 100%;
    }
    #content,.wl-content {
        max-width: 100%;
    }
    body {
        /* background: url(../images/site-bg.jpg); */
        overflow-x: hidden;
    }
}
.prestige-star {
    width: 14px;
    height: 14px;
    float: left;
    margin-right: 3px;
}
.prestige-star-big {
    width: 28px;
    height: 28px;
    float: left;
    margin-right: 5px;
}
.prestige-star.star-fill{
    background: url(../images/stars.png) 0px 0px no-repeat;
}
.prestige-star.star-empty{
    background: url(../images/stars.png) -19px 0px no-repeat;
}
.prestige-star-big.star-fill{
    background: url(../images/stars-big.png) 0px 0px no-repeat;
}
.prestige-star-big.star-empty{
    background: url(../images/stars-big.png) -45px 0px no-repeat;
}
.user-row-info{
}
.user-row-info div{
    padding:0px;
}
.user-row-info div.user-profile-picture{
    padding-left: 10px;
    padding-top: 30px;
}
.user-row-info div.user-prestige-info{
    padding-left: 10px;
}
.user-prestige-info .clearFix{
    height: 0px;
}
.course-row-separator{
    float: left;
    width: 1px;
    height: 153px;
    border-right: solid 1px #5c6771;
    margin-top: 10px;
}
.course-row-description{
}
.free-course-ligth{
    color:#8ec862;
    font-weight: bold;
    font-style: italic;
}
.courses-group-title {
    text-align: left;
    padding-left: 15px;
}
.intro-header.search-home{
    padding-bottom: 0;
}
.user-profile-picture .circle{
    width: 87px;
    height: 87px;
    position: relative;
}
.profile-course-pic{
    max-height: 100%;
    border-right: solid 1px #666;
    overflow: hidden;
}
.profile-course-info{
    text-align: left;
    font-style: normal;
    /* border-left: 1px solid #666; */
}
.profile-course-description{
}
.profile-course-description-label{
    font-weight: bold;
}
.profile-course-price{
    background: url(../images/price-arrow.png) 0px 0px no-repeat;
    height: 17px;
    padding-left: 25px;
    font-weight: bold;
}
.recom-par{
    padding-left: 60px;
}
.side-bar-trans{
    border-top: solid 1px #ccc;
    margin-top: 30px;
    padding-left: 0;
    padding-right: 0;
}
.bottom-separation{
    padding-bottom: 30px;
}
.white-bottom{
    border-bottom: solid 1px white;
}
.progress-bar.gold{
    background: url(../images/progress-gold.png) 0px 0px;
}
.profile-course-progress,.profile-course-progress .progress-bar{
    border-radius: 30px;height: 27px;
}
.profile-course-progress{
    border: solid 2px white;
}
.profile-course-social{
    padding-left: 50px;
    height: 36px;
    width: 100%;
    color:white;
    font-weight: bold;
    float: left;
    font-size: 11pt;
    margin-bottom: 10px;
    padding-top: 10px;
}
.profile-course-social.share{
    background: url(../images/share-icon.png) 0px 0px no-repeat;
}
.profile-course-social.pinn{
    background: url(../images/pin-icon.png) 0px 0px no-repeat;
}
.profile-course-social.visits{
    background: url(../images/visits-icon.png) 0px 10px no-repeat;
}
.profile-course-social.enrolleds{
    background: url(../images/tablet-icon3.png) 0px 0px no-repeat;
}
.grey-bg{
    background: #ebebeb;
    padding-top: 30px;
    text-align: center;
}
.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px;
    padding-left: 51px;
}
.accordion-inner {
    padding: 9px 15px;
    border: 1px solid #e5e5e5;
    margin-bottom: 2px;
    background: white;
    font-size: 14px;
}
.accordion-group {
    margin-bottom: 1px;
    padding-top: 10px;
}
.accordion-pair{
    background: #ececec;
}
.accordion-impair{
    background: #f8f8f8;
}
.profile-course-user-picture{
    padding: 30px;
    margin-top: 30px;
}
.profile-course-user-picture.circle{
    width: 110px;
    height: 110px;
    padding:0;
    position: relative;
}
.profile-course-user-picture.circle.reviews{
    width: 80px;
    height: 80px;
}
.profile-course-progress{
    height: 30px;
}
.rateCount {
    width: auto;
}
.sep-bottom{
    margin-bottom: 10px;
}
.review{
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.navbar-toggle{
    width: 50px;
    height: 54px;
}
.navbar-default .navbar-toggle {
    border-color: #ddd;
    width: 50px;
    height: 54px;
}
pre{
    background: transparent;
    border: 0;
    word-break: break-word;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.wall {
    margin-left: 10px;
}
.noteLine{
    width: 350px;margin-right: 10px;
}
.apprentice-dashboard #courseActivitiesDetailComp {
    margin-left: 0;
    width: 100%;
}
.apprentice-dashboard .wall {
    width: 100%;
    margin-left: 0;
}
.apprentice-dashboard .noteLine {
    width: 100%;
    margin-right: 0;
}
.apprentice-dashboard .textBoxNotestitle {
    width: 92%;
}
#contentAct.exerciseContent,
#contentAct.exerciseContent .tableDownloadFiles {
    width: 100%;
}
.activity-row {
    margin-top: 10px;
}
.activity-row .instructorsTrRow .btn {
    margin-bottom: 20px;
}
.activity-row #slideVideo {
    width: 100%;
}
.activity-row .slideFastAccess {
    width: 100%;
    margin-left: 0 !important;
}
.activity-row #contentAct,
#presentationCont,
#presentationContent .lectureCont,
#presentationContent .contentSlide,
#presentationContent .slideshow-container,
#presentationContent #slideVideo,
#presentationContent #previewVideo {
    width: 100%;
}
.activity-row #contentAct #loadingContent {
    left: 5%;
    width: 90%;
    max-width: none;
    margin-left: 0;
}
.activity-row .slideshow {
    width: 100%;
    max-width: 970px;
}
.activity-row .audio_cont_1 {
    margin-left: auto;
    float: none;
}
.activity-row #audio_cont_1.expand {
    width: 100%;
    max-width: 970px;
}
.activity-row .optionView {
    width: 100%;
    margin: 25px 0;
}
.activity-row .optionView.evaluation-nav {
    margin-right: 13px;
    width: auto;
}
.activity-row .h5p-dialogcards .h5p-cardholder,
.activity-row .h5p-dialogcards .h5p-inner,
.activity-row .h5p-dialogcards .h5p-progress {
    width: 100%;
    height: auto;
}
#wallContainer #wall {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    float: left;
}
#supportContent .sideContent {
    width: 100%;
}
#supportContent .sideContent .divMateriaslSupport{
    width: 100%;
    margin-left: 0;
}
.evaluation-info {
    margin-top: 10px;
}
.evaluation-info .titleDescripcionActivity {
    margin-top: 7px;
    float:left;
    width: 100%;
    text-align: left;
    margin-bottom: 22px;
}
.evaluation-info .imageStartActivity {
    margin-bottom: 15px;
    min-height: 100px;
    width: 100%;
    text-align: center;
}
.questionContainerExe.association-question .answerExe td {
    padding-left: 60px;
}
.evaluation-questions .questionContainerExe .answerD {
    width: 100%;
    max-width: 790px;
}
.evaluation-questions .questionContainerExe .answerC {
    width: 100%;
    padding: 5px;
}
.evaluation-questions .questionContainerExe .answerC .questionTitleExe {
    position: static;
}
.evaluation-questions .questionExe {
    position: relative;
}
.evaluation-questions .questionExe label {
    width: 90%;
}
.evaluation-questions .questionExe .questionNumeration {
    color: #69b41b;
    margin-right: 4px;
}
.evaluation-questions .questionContainerExe .choice {
    padding-left: 60px;
}
.evaluation-questions .inputContainer {
    width: 100%;
    padding-left: 60px;
}
.rateActivity {
    width: 100%;
}
.rateActivity .popupHeader {
    width: 100%;
}
.rateActivity .rate-buttons {
    min-width: 110px;
}
.navbar-collapse {
    max-height: 1000px !important;
}
.principal-options{
}
.alert{
    font-size: 11pt;
    float: left;
    width:100%;
    border-radius: 0;
    padding-bottom: 8px;
    padding-top: 8px;
}
#wrap{
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #D3D8E8 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #D3D8E8 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #D3D8E8 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #D3D8E8));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #D3D8E8 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #D3D8E8 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
}
legend{
    color:#141823;
    font-size:25px;
    font-weight:bold;
}
.form .form-control {
    margin-bottom: 0px;
    margin-left: 0;
    width: 100%;
    font-size: 18px;
}
.passwAccount {
    margin-left: 0;
    width: 114%;
    font-size: 18px;
}
.course-row-info a{
    text-align: italic;
}
.dot-unifier{
    width: 68%;
    height: 1px;
    position: absolute;
    border-top: solid 1px #a3dd3f;
    margin-left: -34%;
    top: 21px;
    left: 50%;
}
.learn-info{
    font-size: 15pt;
}
.learn-info.lower{
    font-size: 12pt;
    text-align: left;
    max-width: 100%;
    margin: auto 50px;
}
.left-space{
    /*padding-left: 150px;   */
}
.content-section-c{
    color: white;
    background: #5c6771;
    padding-bottom: 20px;
    border-top: solid 1px #8ec862;
    border-bottom: solid 1px #8ec862;
}
.about-bullet{
    padding-left: 25px;
    font-size: 11pt;
    background: url(../images/about-bullet.png) 0px 6px no-repeat;
    margin-bottom: 15px;
}
.green-title{
    color:#b5cb51;
    font-style: italic;
    margin-bottom: 20px;
}
.about-bottom-info h3{
    max-width: 800px;
    display: inline-block;
}
.form-group{
    padding-left: 7px;
}
select.form-control.new-text-field{
    width: 250px;
}
textarea.form-control.new-text-field{
    width: 250px;
    height: 60px;
}
#header .user-options {
    padding-top: 10px;
    padding-bottom: 10px;
}
#header{
    margin-bottom: 78px;
}
#header .user-options:hover {
    color: #555;
    color: #ffffff;
    background: #00c8df;
}
#header .user-options .profile-image {
    width: 30px;
    height: 30px;
}
#header .user-notifications {
    width: 300px;
}
@media (max-width: 767px) {
    .navbar-default{
        margin-bottom:0px !important;
    }
    #header .user-options,
    #header .user-options:hover {
        color: #FFF;
    }
    #header .user-notifications {
        width: 100%;
    }
}
.navbar-default .navbar-nav > .open > a.dropdown-session:hover,
.navbar-default .navbar-nav > li > a.dropdown-session:hover{
    color:#333 !important;
}
@media (min-width: 400px) and (max-width: 767px) {
    .search-result-row .course-picture-container img{
        width:100%;
    }
    .content-section-a{
        background:fff !important;
    }
    .search-result-row .row >div:first-child{
        width:50%;
    }
    .search-result-row .row >div+div+div{
        width:50%;
    }
    .search-result-row .row{
        display:flex;
    }
    .search-result-row .row > div+div+div+div{
        display:none;
    }
}
@media (min-width: 768px) and (max-width: 867px) {
    body{
        font-size: 75%;
    }
    .navbar-default .navbar-nav > li > a{
        font-size: 10pt !important;
    }
    .section-desc-channel.no-bottom {
        top: 56%;
        left: 5%;
        float: left;
        text-align: center;
        font-size: 18pt;
        font-family: arial;
        font-style: italic;
    }
    .info-channel{
        font-size: 12pt;
        text-align: justify;
        max-width: 500px;
        font-style: normal;
        margin-bottom: 3%;
        margin-top: -1%;
        float: left;
        margin-left: 47%;
        margin-right: 4%;
    }
    .channel-info-contact-form.lower{
        position: relative;
        font-size: 12pt;
        font-weight: 500;
        text-align: justify;
        line-height: 22px;
        max-width: 827px;
        float: left;
        margin-top: 2%;
        margin-left: -1%;
        margin-right: 8%;
    }
    .map-channel-img{
        /* max-width: 100%;
width: 100%;
height: auto;
margin-left: 0;
margin-bottom: 0;
margin-top: 0;
position: relative;
display: block;   */
    }
    .div-info-america{
        position: absolute;
        top: 81%;
        width: 98%;
        left: 3%;
    }
    .div-info-europa{
        position: absolute;
        top: 84%;
        width: 98%;
        left: 3%;
    }
    .div-info-channel-ve{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -242px;
        margin-left: 300px;
    }
    .div-info-channel-pe{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -186px;
        margin-left: 280px;
    }
    .div-info-channel-ec{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -203px;
        margin-left: 262px;
    }
    .div-info-channel-co{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -226px;
        margin-left: 280px;
    }
    .div-info-channel-cl{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -124px;
        margin-left: 280px;
    }
    .div-info-channel-us{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -322px;
        margin-left: 230px;
    }
    .div-info-channel-mx{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -286px;
        margin-left: 205px;
    }
    .div-info-channel-gt{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -254px;
        margin-left: 241px;
    }
    .div-info-channel-pm{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -236px;
        margin-left: 262px;
    }
    .div-info-channel-it{
        display: none;
        position: absolute;
        width: 50%;
        margin-top: -338px;
        margin-left: 506px;
    }
    .div-info-p-ve{
        display: none;
        position: absolute;
        width: 50%;
        /* top: 0; */
        margin-top: 40px;
        margin-left: 10%;
        font-size: 11px;
        font-family: sans-serif;
        text-align: -webkit-left;
        /* max-width: 61%; */
        line-height: 22px;
    }
    .div-info-p-pe,.div-info-p-ec,.div-info-p-co,.div-info-p-cl,.div-info-p-us,.div-info-p-mx,.div-info-p-gt,.div-info-p-pm,.div-info-p-it{
        display: none;
        position: absolute;
        width: 50%;
        /* top: 0; */
        margin-top: 40px;
        margin-left: 10%;
        font-size: 11px;
        font-family: sans-serif;
        text-align: -webkit-left;
        /* max-width: 61%; */
        line-height: 22px;
    }
    /*
.div-info-p-ec{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 174px;
line-height: 22px;
margin-top: -35%;
margin-left: -7%;
}
.div-info-p-co{
display: none;
position: absolute;
margin-left: -1%;
margin-top: -40%;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 89px;
line-height: 22px;
}
.div-info-p-cl{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 177px;
line-height: 22px;
margin-top: -35%;
margin-left: -1%;
}
.div-info-p-us{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 177px;
line-height: 22px;
margin-top: -72%;
margin-left: -20%;
}
.div-info-p-mx{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 177px;
line-height: 22px;
margin-top: -60%;
margin-left: -26%;
}
.div-info-p-gt{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 149px;
line-height: 22px;
margin-top: -49%;
margin-left: -14%;
}
.div-info-p-pm{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 177px;
line-height: 22px;
margin-top: -42%;
margin-left: -9%;
}
.div-info-p-it{
display: none;
position: absolute;
width: 100%;
font-size: 11px;
font-family: sans-serif;
text-align: justify;
max-width: 177px;
line-height: 22px;
margin-top: -79%;
margin-left: 75%;
}        */
    .ele-info-ve {
        display: none;
        position: absolute;
        width: 50%;
        height: auto;
        left: 0;
        top: 0;
    }
    .pin-map-ve {
        opacity: 0.1;
        width: 24px;
        height: 24px;
        position: absolute;
        margin-top: -231px;
        margin-left: 282px;
        border-radius: 50%;
    }
    .pin-map-ve img{
        width: 100%;
    }
}
#pin1{
    display: block;
}
#pin2{
    display: block;
}
#pin3{
    display: block;
}
#pin4{
    display: block;
}
#pin5{
    display: block;
}
#pin6{
    display: block;
    left: 22%;
    top: 43%;
}
#pin7{
    display: block;
}
#pin8{
    display: block;
}
#pin9{
    display: block;
}
#pin10{
    display: block;
}
.contact{
    max-width: 1024px;
    width: 91%;
    margin: auto;
    border-top: 1px solid;
    margin-top: 18%;
    margin-left: 16%;
}
.channels{
    max-width: 1024px;
    width: 91%;
    margin: auto;
    /*border-top: 1px solid;  */
    margin-top: 10%;
}
.fancybox-message {
    position: absolute;
    top: -78px;
    left: 50%;
    color: white;
    font-size: 15pt;
    font-style: italic;
    width: 600px;
    margin-left: -300px;
    text-align: center;
}
@media (max-width : 767px) {
    .fancybox-outer .fancybox-message {
        width: 100%;
        margin-left: auto;
        left: 0;
        top: -136px;
    }
    .fancybox-outer .fancybox-message.contact-popup {
        top: -160px;
    }
    .fancybox-outer #recoverPopup,
    .fancybox-outer #captchaContainer {
        width: 100%;
    }
}
.contentRestrictionLabel{
    margin-top: 10px;
    color: #006DB8;
    font-weight: bold;
    text-align: left;
    max-width: 900px;
}
.courseInformationRow .obligatory.off-static{
    position: absolute;
    top: 31px;
}
.obl-cont{
    position: relative;
    width: 20px;
    height: 20px;
}
.addLinkRow{
    float: left;
    width: 390px;
}
#messagesSignup,#messagesSignin{
    padding: 3px;
}
.social-grey{
    float: left;
    width: 23px;
    height: 21px;
    margin-left: 5px;
}
.social-grey.tw{
    background: url(../images/social-grey.png) 0px 0px no-repeat;
}
.social-grey.linked{
    background: url(../images/social-grey.png) -50px 0px no-repeat;
}
.left-border{
    border-left: solid 1px #ccc;
}
.white-pin{
    padding-left: 33px;
    background: url(../images/white-pin.png) 0px 0px no-repeat;
    height: 38px;
    padding-top: 9px;
    margin-top: 15px;
    margin-left: 50px;
    font-size: 16pt;
}
.fav-course{
    padding-top: 5px;
    padding-bottom: 5px;
    border: solid 1px #fff;
    width: 60px;
    padding-left: 5px;
    margin-left: 10px;
}
.padded-none{
    padding: 0;
}
.fav-list-height{
    min-height: 280px;
}
.social-profile-fix{
    height: 394px;
    margin-top: -10px;
}
.white-left {
    border-left: solid 1px #fff;
}
.fav-list-height-edit{
    height: 751px;
    border-bottom: 0;
    background: #dfdfdf;
}
.no-pin-message{
    color: #666;
}
.evaluationContainer{
    padding-left: 50px;
    padding-right: 50px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    color:#fff;
}
.ui-jqgrid-htable thead{
    text-transform:uppercase;
}
[role=rowheader] input{
    color:#000!important;
    font-weight: normal;
}
.genericTable tr.newNeedtd:hover td{
    background:transparent !important;
}
#needBoard{
    float: left;
    width: 99%;
    margin-top: 0;
}
.profile-loading{
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background: #ccc;
    opacity: 0.8;
    padding-top: 34px;
    top:0;
}
#confirmPopup{
}
.selectedArrowBlue.blueLight{
    background: url(../images/sign-up-pointer2.png) no-repeat;
}
.btn.btn-default{
    background: #ccc;
}
#loginPopup,#peopleInterestedRegisterPopup{
    max-width: 500px;
    float: left;
    padding: 10px;
}
#peopleInterestedRegisterPopup .form-control.new-text-field.input-lg{
    width: 400px;
}
.signin-bottom{
    margin-top: 10px;
    padding-left: 0;
}
textarea {
    resize: none;
}
#ratecourse{
    padding:10px 40px;
}
#showPlan{
    padding-left: 10px;
}
.user-exp h1,.user-exp h2,.user-exp h3,.user-exp h4{
    font-style: italic;
    text-align:center;
}
p{
    font-size: 10pt;
}
@media (max-width: 347px) {
    .responsive-landing-button{
        width: 100% !important;
        margin: 0 !important;
    }
    .lead {
        font-size: 12pt !important;
    }
    .pc-icon {
        margin-bottom: 10px;
    }
}
@media (max-width: 537px) {
    .btn.landing{
        margin-top: 10px;
    }
}
#learnersProgress .topProgressCont .leyendGrid,#salesReportedGrid .topProgressCont .leyendGrid{
    width: 70%;
}
#orgRequest .requestTable {
    width: 100%;
    margin-top: 0;
    font-size: 12px !important;
}
#orgRequest .requestTable a{
    font-size: 12px !important;
    color: #006DB8;
}
.requestTable .request-date {
    width: 178px;
}
#orgRequest .requestTable td,#orgRequest .requestTable th{
    border: 1px solid #fff !important;
}
#orgRequest .requestTable .rowClass,.requestOpen tr+tr:hover td{
    /*background: rgb(238, 238, 238)  !important;*/
    /*background: #eeeee5 !important;      */
}
#orgRequest .requestTable .rowClassActive,.requestOpen tr:hover td{
    background: #eeeee5 !important;
}
#orgRequest .requestTable .rowClass{
    /* background: rgb(238, 238, 238)  !important; */
    background: #eeeee5 !important;
}
.requestTable .request-date-box {
    float: left;
    margin-right: 10px;
    margin-left: 15px;
    margin-top: 10px;
    width: 125px;
    text-align:center;
}
.request-reported-by-box > a{
}
.requestTable .request-reported-by {
    width: 178px;
}
.requestTable .request-reported-by-box {
    text-align: left !important;
    margin-left: 10px;
}
.requestTable .request-course {
    width: 320px;
}
.requestTable .request-course-box {
    text-align: left !important;
    width: 250px;
    margin-left: 10px;
}
.requestTable .request-course-box.external-course {
    width: 200px;
}
.requestTable .request-people {
    position: relative;
}
.requestTable .request-people-box {
    float: left;
    width: 100%;
    padding: 0;
}
.requestTable.employee .course {
    text-align: left !important;
    width: 410px;
    margin-left: 10px;
}
.needs-employee .captionNeed {
    width: 267px;
}
#needOptions {
    float: right;
    margin-right: 40px;
}
.needOptions {
    float: right;
}
.needOptions td:first-child > div {
    width: 100%;
    padding-left: 15px;
}
#orgAddApprentices .form-container {
    float: left;
    padding: 0 0 10px;
    width: 45%;
    overflow: hidden;
}
#definePeople .buttonContent {
    width: 100%;
    float: right;
}
#planningOptions {
    float: right;
    margin-bottom: 10px;
    margin-right: 35px;
}
#planningOptions #planOptions td:first-child > div {
    width: 555px;
}
.planning-calendar {
    /* margin-left: 39px; */
    float: left;
    width: 100%;
}
.planning-calendar.employee {
    display: inline-block;
    margin-top: 10px;
}
.planning-calendar.employee .arrowCont {
    background: transparent;
    width: 96%;
    height: auto;
}
.add-person {
    width: 471px;
}
.add-person .input-method {
    width: 50%;
    float: left;
}
.add-person #invitationDiv .tableInstPending td:first-child {
    min-width: 32px;
}
.add-person #invitationDiv .tableInstPending td:nth-child(2) {
    word-break: break-all;
    padding: 7px 5px;
    text-align: center;
}
.add-person #invitationDiv .tableInstPending td:nth-child(3) {
    min-width: 104px;
    text-align: center;
}
#pricingGen {
    width: 987px;
}
.editOrgContent #orgEdit table {
    width: 458px;
}
.editOrgContent #orgDomain {
    width: 263px;
    float: left;
    margin-left: 10px;
}
.quickSlideControls.static .controlButtons.presentationbButtons{
    float: left;
    display: inline-block;
}
.jOrgChart .right {
    border-left: 2px solid #8F8F8F !important;
}
select{
    padding: 6px;
    color: #666;
    font-size: 10pt;
    margin-bottom: 0;
}
#messagesSignin2{
    width: 100%;
}
#recommendForm,#recommendCourse{
    width: 442px;
}
.btn{
    font-size: 13px;
}
#pricingGen .btn{
    white-space: normal;
}
#mailToCont{
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 97%;
    border-radius: 0;
}
#tdAdmin{
    margin-left: 10px;
    position: absolute;
    bottom: 1px;
    left: -4px;
    width: 97%;
}
input[type="radio"], input[type="checkbox"] {
    margin: 7px 4px 0;
    margin-top: 1px \9;
    line-height: normal;
}
.thumbnail{
    display: inline-block;
}
.responsive-course-image{
    float:left;width: 100px;
    position: relative;
}
.responsive-course-content{
    float: left;
    width: 60%;
    padding-top: 0 !important;
    width: 100%;
    position: absolute;
    padding-left: 100px !important;
    text-align: left;
}
.responsive-result h3,
.responsive-result h4,
.responsive-result p{
    margin-top: 0;
    color: white;
    clear: both;
    margin-bottom: 0;
}
.responsive-result h4{
    font-weight: bold;
    font-size: 12pt;
    padding: 5px;
    margin: 0;
    clear: both;
    display: inline-block;
    width: 100%;
    background: #4d565e;
    padding: 0;
}
.responsive-course-title span{
    background: #8ec862;
    float: left;
    padding: 5px;
    border-right: solid 3px #5c6771;
    font-size: 11pt;
    height: 26px;
    overflow: hidden;
}
.thumbnail.responsive-result{
    border-top: solid 2px;
    background: transparent;
    border-radius: 0;
    border: 0;
    width: 100% !important;
    margin: 0;
    border-top: solid 2px #484E53;
    border-bottom: solid 2px #484E53;
    padding: 0;
    padding-left: 5px;
}
.responsive-course-descr{
    padding: 10px;
    margin-bottom: 0;
    overflow: hidden;
    height: 49px;
}
.responsive-course-rate{
    margin-left: 10px;
}
.orange-plus{
    background: url(../images/orange-plus.png) 0px 0px no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
}
.responsive-course-content .rateCount{
    margin-left: 10px;
}
#search-results .green-title{
    color: #5c6771;
}
#orgPlansTable .ui-spinner-buttons{
    left: 200px\9;
}
#contactForm input,#contactForm textarea, #contactForm select{
    margin-bottom: 5px;
}
#contactForm input[type="text"],
#contactForm textarea,
#contactForm select {
    width: 220px;
    margin-left: 12px;
}
#contactForm input[type="text"] {
    height: 28px;
}
#orgPlansTable .ui-spinner.ui-widget{
    float: left;
}
.colaborators-controls{
    float: right;
    width: auto;
    /* margin-right: 41px; */
}
#sidebar-controls-pin h4{
    text-align:left;
    margin:0;
}
#sidebar-controls-pin .rateCount{
    float:left;
}
.delete-pin{
    position:absolute;
    top:10px;
    right:10px;
    font-size:15pt;
}
.btn.small{
    margin-left:5px;
}
.confirmPayment input,.confirmPayment textarea,.confirmPayment select{
    float: left;
}
.input-lg {
    font-size: 18px !important;
}
.activatedAccountContainer td{
    padding:10px;
}
.contactStatic{
    float: left;
    text-align: center;
    width: 100%;
}
.subtitle{
    font-style: italic;
    margin-top: 25px;
}
.popupLoadingGeneric a{
    font-size:10pt;
}
#courseProfileCurrency{
    margin-bottom: 10px;display: inline-block;
}
.grouped-courses .content-section-a {
    padding: 0px 0 20px 0px;
}
.course-box {
    width: 230px;
    height: 230px;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
}
.featured_courses{
}
.grouped-courses .content-section-a.trans {
    border-top: 0;
}
.grouped-courses .search-category-free {
    margin: 25px 0;
}
.grouped-courses .course-box-container {
    width: 230px;
    display: block;
    height: 230px;
}
.grouped-courses .slick-list {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.grouped-courses .arrowAct.left {
    position: absolute;
    top: 40px;
    left: 10px;
}
.grouped-courses .arrowAct.right {
    position: absolute;
    top: 40px;
    right: 10px;
}
.grouped-courses .slick-arrow.slick-disabled {
    visibility: hidden;
}
.grouped-courses .courseGridNav {
    padding-left: 50px;
    padding-right: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
@media (max-width : 767px) {
    .grouped-courses .courseGridNav {
        padding-left: 0px;
    }
}
.grouped-courses .courseGridNav .course-box {
    height: 260px;
}
.grouped-courses .courseGridNav .course-info h4 {
    height: 60px;
}
.grouped-courses .courseGridNav .prestigeBarCont,
.grouped-courses .courseGridNav .start-date {
    width: 100%;
    margin-top: 6px;
    font-size: 10pt;
}
.grouped-courses .courseGridNav .prestigeBarGreen {
    border-radius: 15px 0px 0px 15px;
}
.grouped-courses .courseGridNav .prestigeBarGrey {
    border-radius: 0px 15px 15px 0px;
}
.course-box img {
    width: 100%;
    min-height: 150px;
}
.course-info p,.is-prestige{
    display: none;
}
.course-box .course-info{
    position: absolute;
    top: 152px;
    background: white;
    width: 200px;
    height: 264px;
    text-align: left;
}
.course-info.open p,.course-info.open h3,.course-info.open h4,.is-prestige{
    display: block;
    color: white;
    margin-bottom: 2px;
}
.course-info h4 {
    max-height: 60px;
    display: block;
}
.course-info .course-description {
    max-height: 90px;
    display: block;
    visibility: hidden;
}
.course-info.open h4 {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;
}
.course-info.open h4 {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;
}
.course-info.open .course-description {
    max-height: 90px;
    margin-bottom: 8px;
    visibility: visible;
}
.course-info.open .course-instructor {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.course-enroll .enrollExpirationMsg {
    font-weight: bold;
    display: block;
    visibility: hidden;
}
.course-enroll.open .enrollExpirationMsg{
    font-weight: bold;
    font-size: 11pt;
    margin-bottom: 10px;
    margin-top: 30%;
    text-align: center;
    visibility: visible;
}
.course-enroll-expiration  {
    position: absolute;
    top: 78%;
    left: 0%;
    right: 49%;
    max-width: 1015px;
}
.course-info{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.course-enroll{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.is-prestige{
    float: left;
    width: 100%;
}
#exerScore,#exerScoreApproval{
    width: auto;
    float: left;
    position: relative;
    clear: both;
}
#exerScore .obligatory,#exerScoreApproval .obligatory{
    top: 8px;
    right: -20px;
}
#mailToContainer .obligatory{
    display:inline-block;
}
.exerciseExecutionHistory{
    float: left;
    width: 100%;
}
#dashboardTeachMenu .dropdown-menu{
    width: 195px;
}
.ui-jqgrid .ui-pg-input {
    height: 20px;
    font-size: .8em;
    margin: 0em;
    color:#000;
}
#videoPreviewContainer2{
    margin-bottom: 10px;
}
.play-icon{
    width: 93px;
    height: 92px;
    background: url(../images/player-icon.png) 0px 0px no-repeat;
    position: absolute;
    top: 3px;
    left: 9px;
    opacity: 0.4;
    z-index: 1;
}
.slideWrapper img{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 4px;
}
.activityContentLoading{
    float:left;
    margin: 10px;
    border-top:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    width: 100%;
}
.controlVideoPpt{
    display:none;
}
.section-heading.green-heading{
    color: #9bc95b;
    margin-bottom: 20px;
}
.org-bullets{
    background: #5c6771
}
.org-bullets .row {
    padding: 0 100px;
}
.org-bullets .org-bullet, .org-bullets .section-heading,.org-bullets .lead.text-x2.org-text {
    color: white;
}
.org-bullets .org-bullet {
    height: auto;
    display: flex;
    align-items: center;
}
.org-bullets .org-bullet i {
    width: 50px;
    margin: auto;
}
.org-bullets .org-bullet img {
    width: 50px;
    margin-right: 10px;
}
.org-bullet span {
    width: calc(100% - 60px);
}
.org-actions p {
    font-size: 11pt;
}
.org-actions.trans {
    border-bottom: 1px solid #5c6771;
}
.org-actions .org-action:first-child {
    border-right: 1px solid #5c6771;
}
.org-actions .org-action .btn {
    margin-bottom: 10px;
}
.org-actions .org-action .secondary {
    text-decoration: underline;
    font-style: italic;
}
@media (max-width: 767px) {
    .org-actions .org-action:first-child {
        border-right: none;
        border-bottom: 1px solid #5c6771;
        margin: 0 15px 20px;
        padding-bottom: 20px;
    }
}
.org-ngos.trans {
    border-top: 1px solid #5c6771;
    border-bottom: 1px solid #5c6771;
}
.org-ngos img {
    margin: 0 20px;
}
.org-benefits {
    padding: 0 20px;
}
.payment-bullet{
    background: url(../images/payment-bullet.png) 25px 23px no-repeat;
    float: left;
    width: 65px;
    height: 65px;
}
.payment-bullet.down{
    background: url(../images/payment-bullet-down.png) 25px 23px no-repeat;
}
.whiteSmoke{
    background: #f5f5f5;
    border: solid 1px #ccc;
}
.accordion-payment h4, .accordion-payment h5{
    margin: 5px;
}
.paypal-03{
    background: url(../images/paypal_03.png) 99% 18px no-repeat
}
select.form-control.new-text-field.date-card-size{
    width: 110px;
}
select.form-control.new-text-field.date-card-size.last{
    margin-left: 9px;
}
#paymentType {
    width: 224px;
}
.profile-course-social.pinn:hover,.profile-course-social.pinn:active,.profile-course-social.pinn.pinned{
    background: url(../images/pin-icon-on.png) 0px 0px no-repeat;
}
.profile-course-social.share:hover,.profile-course-social.share:active{
    background: url(../images/share-icon-on.png) 0px 0px no-repeat;
}
#loadingContent{
    width: 620px;
    position: absolute;
    left: 50%;
    margin-top: 125px;
    margin-left: 80px;
}
.bolded{
    text-align: left;
    font-weight: bold;
    margin-top: 10px;
    font-size: 10pt;
    float: left;
}
.genericTable2{
    width: 320px;
    text-align: center;
    float: left;
}
.genericTable2 .subtitle{
    background: #6dc95a;
    color: white;
}
.innerSubtitle{
    background: #f5f5f5;
    font-weight: bold;
    font-size: 10pt;
    position: relative;
}
.delimiterRight{
    border-right:solid 1px #ccc;
}
.trashIcon{
    background: url(../images/trash-icon.png) no-repeat 0px 0px;
    width: 19px;
    height: 23px;
    position: absolute;
    right: 5px;
    top: 6px;
    border: 0;
}
.paypal-03 h5{
    width:78%;
}
.downloadSlide{
    background: url(../images/download_icon.png) 0 0 no-repeat;
    width: 20px;
    height: 22px;
    position: absolute;
    top: 2px;
    right: -39px;
    display: none;
}
ul.bullet-terms li{
    list-style: circle;
    margin-left: 45px;
    font-size: 10pt;
}
ul.bullet-terms li.sang{
    margin-left: 90px;
}
.notAvailableInClass{
    position:relative;margin-top: 100px;margin-left: 62px;
}
.content-iframe{
    width: 900px;
}
.loadingContentMessage{
    text-align: center;
    margin-left: 240px;
}
.videoYoutubeThumb{
    cursor:pointer;
}
.videoYoutubeThumb img{
    opacity: 1;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    width: 100%;
}
.videoYoutubeThumb img:hover {
    opacity: .9;
}
.profile-course-user-picture img{
    width: 110px;
}
.profile-picture-small img,
.posted-photo img{
    width: 30px;
}
.search-photo img{
    width: 87px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}
.course-picture {
    width: 174px;
}
.course-picture-container{
    overflow: hidden;
}
.course-picture-container img{
    width: 170px;
}
.courseSmallImage img{
    width: 148px;
}
#organizationPreview .courseSmallImage img {
    position: static;
}
.evaluateFix{
    width: 150px;
    height: 130px;
    overflow: hidden;
}
.user-fix{
    float: left;
    margin-top: 15px;
    margin-left: 8px;
}
#invitationsList{
    margin-top:10px;
}
#invitationsList .accordion-group{
    margin-bottom: 5px;
}
#invitationsList .accordion-group .accordion-heading .accordion-toggle{
    text-align: left;
}
.amount-label{
    text-align: right;
}
.questionContainer .courseInformationLabel{
    font-size: 11px;
}
.delete{
    display:block;
    float:right;
    width:27px;
    height:27px;
    background:url(../images/bin-extra-small.png) no-repeat center center;
    cursor: pointer;
}
.answerViewPicture{
    border:solid 1px #CCC;
    background:#FFF;
    width:200px;
    height:200px;
    overflow:hidden;
}
.DCardViewPicture{
    border:solid 1px #CCC;
    background:#FFF;
    width:100%;
    height:180px;
    overflow:hidden;
    background-repeat: no-repeat;
    background-size: 100% !important;
}
.addAnswerImage{
    background: url(../images/addPicture_small.png);
    border: none;
    cursor:pointer;
    width: 27px;
    height: 27px;
    float:left;
}
.answerContentCol{
    width:710px;
    background: #CFF;
    margin-left: 10px;
}
.hiddenForm{
    display: none;
}
.addAnswerImageCol{
    width: 50px;
}
td.spacing {
    padding-top: .5em;
    padding-bottom: .5em;
    position:relative;
}
.assocAnswerCont, .dialogCardImgContainer{
    width:350px;
    background: #CFF;
    border: dashed 1px #666 !important;
    float:left;
}
.dialogCardImgContainer {
    width: 42%;
}
.answerContentPicture{
    width:220px;
    height:204px;
    margin-left: 10px;
}
.orderAnswerContentPicture{
    width:790px;
    height:auto;
    min-height: 40px;
    background: #CCC;
    margin-left: 10px;
    border: solid 1px #000;
}
.showAnswerPicture{
    width:200px;
    height:200px;
    border: solid 0px #000;
    overflow:hidden;
    background-repeat: no-repeat;
    background-position: center;
    float:left;
}
.showOrderAnswerPicture{
    width:788px;
    min-width:200px;
    height:200px;
    overflow:hidden;
    background-repeat: no-repeat;
    background-position: center;
}
.showAssociationAnswerPicture{
    width:100%;
    min-width:200px;
    height:200px;
    overflow:hidden;
    background-repeat: no-repeat;
    background-position: center;
}
.wysiwygImage{
    width:100%;
    height:100%;
    max-width:300px;
    max-height:300px;
}
.movable{
    cursor:move;
}
.assocOptionSolImage{
    height:225px;
}
#hotspotsPopupForm, #hotspotsHelp{
    max-width:1052px;
    width: 100%;
    height:auto;
    float:left;
    margin-left:4px;
}
#gamePreviewContainer{
    width:770px;
    height:520px;
    float:left;
    margin-left:4px;
}
.imageHotspotsC{
    width:100%;
    float:inherit;
}
.imageHotspotsC input[type=text]{
    margin-top: 0px;
    border: none;
    background: #CFF;
    height: 30px;
    padding:5px 0 5px 10px;
}
.hotspotsDemo{
    width:60% !important;
}
#imageHotspotsPreview, .hotspotsDemo, #hotspotsPreviewPicture{
    width: 562px;
    height:403px;
    float:left;
    cursor:pointer;
}
#hotspotsHelp .activityTitle,
#hotspotsHelp .hotspotsSave {
    text-align: center;
    width: 40%;
}
#hotspotsPreviewPicture {
    width: 50%;
    height: auto;
}
#hotspotsPopupForm #hotspotsPreviewPicture .h5p-image-hotspots {
    width: 100%;
    height: auto;
}
#hotspotsPopupForm .hotspotsAccordionC {
    width: 49%;
}
.hotspotTitle{
    width:100% !important;
    font-size: 13px;
}
.hotspotPosition{
    width:60px;
    font-size: 13px;
}
.hotspotsSave{
    margin-top: 20px;
    width: 480px;
    display: inline-block;
}
.hotspotsInstructions{
    width:750px;
    font-size: 1.1em;
    color: #006db8;
    text-align: center;
    margin: 5px 5px 5px 0;
}
#contentAct ol li, #evalQuestionLabel ol li{
    list-style-type:decimal !important;
}
#contentAct ul li, #evalQuestionLabel ul li{
    list-style-type:disc !important;
}
.evaluationTip{
    font-size: 12px;color:#ccc;float: left;
}
.delete{
    display:block;
    float:right;
    width:27px;
    height:27px;
    background:url(../images/bin-extra-small.png) no-repeat center center;
    cursor: pointer;
}
.addAnswerImage{
    background: url(../images/addPicture_small.png);
    border: none;
    cursor:pointer;
    width: 27px;
    height: 27px;
    float:left;
}
.hiddenForm{
    display: none;
}
.addAnswerImageCol{
    width: 50px;
}
.assocAnswerCont{
    width:350px;
    background: #CFF;
    border: dashed 1px #666 !important;
    float:left;
}
.answerText{
    margin-top: 13px !important;
    margin-left: 10px !important;
}
.answerContentPicture{
    width:220px;
    height:204px;
    margin-left: 10px;
}
.orderAnswerContentPicture{
    width:100%;
    max-width: 790px;
    height:auto;
    min-height: 40px;
    background: #CCC;
    margin-left: auto;
    border: solid 1px #000;
}
.showOrderAnswerPicture{
    width:100%;
    min-width:200px;
    height:200px;
    overflow:hidden;
    background-repeat: no-repeat;
    background-position: center;
}
.showAssociationAnswerPicture{
    width:100%;
    min-width:200px;
    height:200px;
    overflow:hidden;
    background-repeat: no-repeat;
    background-position: center;
}
.wysiwygImage{
    width:100%;
    height:100%;
    max-width:300px;
    max-height:300px;
}
.movable{
    cursor:move;
}
.assocOptionSolImage{
    height:225px;
}
.btn-group.btn-group-justified{
    width: 70%;
}
.btn-group.btn-group-justified .btn-group{
    margin: 5px;
}
.navbar-form.open .dropdown .dropdown-menu{
    display: block;
}
.clearfix-low{
    height: 10px;
}
.uploadVideo,#slideVideo{
    width: 600px;
}
.hotspotsAccordionC{
    width:480px;
    float:right;
}
#accordionHeading{
    width: 100%;
}
.floatLeft{
    float:left;
}
.h5p-image-hotspot-popup-text ol li{
    list-style-type:decimal !important;
    margin-left: 40px;
}
.h5p-image-hotspot-popup-text ul li{
    list-style-type:disc !important;
    margin-left: 40px;
}
.options-text{
    color: #006DB8;
    font-size: 13px;
    font-weight: bold;
}
.certificateEditWrap{
    position:relative;
}
#certificatePopup,#setupImagePopup{
    width:100%;
}
.certificateEditWrap label,.certificateEditWrap .qr{
    position: absolute;
    font-size: 20px;
    font-weight: normal;
    left: 290px;
}
.certificateEditWrap .qr{
    /* top: 78% !important; */
    /* left: 80% !important; */
}
.certificateEditWrap .to{top: 190px;}
.certificateEditWrap .id{
    left: 500px;
}
.certificateEditWrap .course{top: 230px;}
.certificateEditWrap #contentText{top: 240px;}
.certificateEditWrap .instructor{
    top: 291px;
}
.certificateEditWrap .period{top: 343px;}
.certificateEditWrap .effort{top: 400px;}
.certificateEditWrap .qr{left: 500px;/* position: relative; */}
.certificateLoading,.imageOrgLoading{
    width: 100%;
    height: 100%;
    position: absolute;
    background: white;
    opacity: 0.8;
    top: 0;
    left: 0;
    display: none;
}
.certificateLoading span,.imageOrgLoading span{
    position: absolute;
    top: 50%;
    left: 45%;
    font-size: 24px;
}
.goBackDash{
    right: 0;
    top: -50px;
    position: absolute;
}
.hotspots-icon{
    width: 90px;
    height: 89px;
    border-radius: 10.7em;
    z-index: 1;
    left: 12px;
    font-size: 60px;
}
#slideFastNav li .thumb img{
    margin-top: -17px;
}
.pres-overlay{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.65);
    z-index: 1001;
    display:none;
}
body.noscroll{
    position:fixed;
    overflow:hidden;
}
.tuto-text{
    opacity: 1;
    position: absolute;
    width: 100%;
    top: 125px;
}
.tuto-text h2,.tuto-text h3{
    color: white;
    font-style: italic;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 5px;
}
.tuto-text input{
    margin:5px;
}
.tuto-text h3.x150{
    top: 150px;
    margin-top: 150px;
}
.tuto-text h3.x300{
    top: 300px;
    margin-top: 300px;
}
.tuto-text h3.x400{
    top: 400px;
    margin-top: 400px;
}
.tuto-text h3.x500{
    top: 500px;
    margin-top: 500px;
}
.tuto-text h3.x600{
    top: 600px;
    margin-top: 600px;
}
.gameContainer{
    display: inline-block;
    clear: both;
    width: 100%;
    border: solid 1px #CCC;
    margin-top: 0;
    position: relative;
    background: #FFF;
    margin-bottom: 0;
    padding: 10px;
}
#contentAct ul li.h5p-memory-card{
    list-style:none !important;
}
#showMemoryGame dd{
    text-align: left;
}
.completedColor.game{
    background:url(../images/dashboardLearnImages/game_green.png) -2px -1px #2fa84b;
}
.typeOfAcitvity.game,.tableCourseActivitySelected.game{
    background:url(../images/dashboardLearnImages/game_blue.png) -2px -1px;
}
.game{
    background:url(../images/dashboardLearnImages/game_grey.png) -2px -1px #f8f9f8;
}
.borderActive.game{
    background:url(../images/dashboardLearnImages/game_blue.png) #006db8 -1px -1px!important
}
#hotspotsAccordion .accordion-toggle span{
    font-weight: 700;
    font-size: 12px;
    color: #000;
}
.dialogCardCont{
    display: inline-block;
    float: left;
    width: 100%;
    margin-left: -5px;
}
.dialogCardC{
    display: inline-block;
    padding-bottom: .5em;
    padding-top: .5em;
    margin-left:5px;
    width: 100%;
}
.dialogCardC .addAnswerImage{
    margin-top:3px;
}
.dialogCardInput{
    border: dashed 1px #666 !important;
    width: 42%;
    height: 40px !important;
    float: left;
    background: #CFF;
    display: inline-block;
    padding: 5px 0 5px 10px;
}
#previewGameButton{
    float: right;
    margin-right: 5px;
}
#showDialogGame{
    height: auto;
    width:100%;
}
.tableFileName{
    max-width: 160px;
    word-wrap: break-word;
}
@media (max-width : 450px) {
    .tableFileName {
        max-width: 110px;
    }
}
.faq-accordion {
    max-width: 90%;
}
.faq-accordion .panel {
    border-radius: 0;
}
.faq-accordion .panel-heading {
    cursor: pointer;
    background: #ececec;
}
.faq-accordion .panel:nth-child(even) .panel-heading {
    background: #f8f8f8;
}
.faq-accordion.panel-group .panel + .panel {
    margin-top: 3px;
}
.faq-accordion .panel-title {
    text-align: center;
}
.faq-accordion .panel-title a {
    font-style: normal;
    font-weight: unset;
    color: #5c6771;
}
.faq-accordion .panel-title a:hover {
    color: #2a6496;
}
.faq-list {
    font-size: 11pt;
    margin-left: 30px;
    max-width: 670px;
}
.faq-list li {
    display: list-item;
    list-style: upper-alpha;
    margin: 10px 0;
    text-align: justify;
}
.faq-list.sublist li {
    list-style-type: disc;
}
.navbar .nav-icon-btn.nav-icon-btn-success .label {
    background: #F87D23;
}
.navbar .nav-icon-btn>a .label {
    font-size: 12px;
    padding: 4px;
    line-height: 10px;
    display: block;
    border-radius: 10px;
    right: 10px;
    position: absolute;
    top: 11px;
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.navbar .nav-icon-btn>a .nav-icon {
    display: inline-block;
    font-size: 12px;
    margin: 0!important;
}
.fa-envelope:before {
    content: "\f0e0";
}
.navbar .nav-icon-btn>a .small-screen-text {
    display: none;
}
.widget-messages-alt .messages-list {
    overflow: auto;
    position: relative;
}
.widget-messages-alt .message-avatar {
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    border-radius: 999999px;
    top: 50%;
    margin-top: -16px;
    left: 12px;
}
.theme-default #main-navbar .widget-messages-alt .message, .theme-default #main-navbar .widget-messages-alt .messages-link {
    border-color: #f1f1f1;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.widget-messages-alt .message {
    position: relative;
    padding: 10px 12px;
    margin: 3px;
}
.widget-messages-alt .message.new{
    background: rgb(255, 255, 157);
}
.theme-default #main-navbar .widget-messages-alt .message-subject {
    color: #555!important;
}
.theme-default #main-navbar .widget-messages-alt .message-description {
    color: #aaa;
}
.widget-messages-alt .message-description {
    display: block;
    padding-left: 42px;
    font-size: 11px;
    color: #aaa;
    height: auto!important;
}
.message-description a{
    font-size: 8pt;
}
.theme-default #main-navbar .widget-messages-alt .message-subject {
    color: #555!important;
}
.widget-messages-alt .message-subject {
    display: block;
    padding-left: 42px;
    margin-bottom: 2px;
    width: 100%;
    overflow: hidden;
    font-size: 12px;
}
.message{
    text-align:left;
}
.widget-messages-alt .messages-link:hover {
    background: #f4f4f4;
    color: #555;
}
.widget-messages-alt .messages-link {
    text-align: center;
    padding: 8px 0!important;
    border-top: 1px solid #e4e4e4;
    display: block;
    text-decoration: none!important;
    font-size: 10px;
    font-weight: 800;
    color: #999;
    line-height: 18px!important;
    height: auto!important;
}
.nav-icon-btn-success .dropdown-toggle{
}
.navbar-default .navbar-nav > li > a.notification-box{
    padding: 13px;
    padding-bottom: 7px;
    padding-top: 12px;
    background-color: transparent !important;
}
.messages-list .message{
    width: auto !important;
}
.dropdown.open .dropdown-toggle .notification-icon{
    background: url("../images/notification-icon-open.png") no-repeat -1px 0px;
}
.messages-list span.notification-loading{
    left: 0;
    position: absolute;
    width: 100%;
    top: 20px;
}
.notification-box .notification-icon {
    font-size: 13pt;
    float: none;
    border-radius: 0;
    width: 32px;
    padding: 3px 0;
    margin-bottom: 0;
}
.alert.growl-animated{
    width:300px;
    background: #CDFFFF;
    font-size: 10pt;
}
div.notification-loading{
    position: absolute;
    bottom: -4px;
    left: 0;
    background: white;
    width: 100%;
    border-top: 1px solid #ccc;
    padding: 3px;
    font-weight: bold;
    font-size: 10pt;
    display: none;
}
.metricsTable td{
    text-align: center;
    font-size: 9pt;
    padding: 5px;
}
.metricsHeader{
    text-align: right;
    margin-bottom: 10px;
    width: 100%;
    float: right !important;
}
.metricsWrapper{
    /* float:left; */
    margin-bottom: 10px;
    width: 100%;
}
.form-control1{
    padding: 6px;
    margin-right: 10px;
}
.form-control-label1{
    float: left;
    padding: 7px;
    margin-right: 0px;
}
.ui-datepicker-trigger{
    display: none;
}
#enableRequest{
    float: left;
    margin-left: 5%;
    margin-bottom: 5%;
}
#manualMenu{
    float:left;
    width:100%;
    padding-top: 20px;
}
#manualMenu .orgMenu{
    width: 100%;
}
#manualMenu .orgMenu .orgTab{
    width: 100%;
}
#manualMenu .orgMenu li{
    width:50%;
}
.userManual{
    width:70%;
}
.userManual table{
    width:100%;
}
.userManual .activity-count{
    float: left;
    padding: 4px 6px;
    margin-right: 5px;
    background: #57cd41;
    color: white;
    font-weight: bold;
    height: 25px;
    width: 24px;
}
.userManual td{
    text-align: justify;
    padding-top: 10px;
    padding-bottom: 10px;
}
.userManual td ol{
    margin-left: 5%;
}
.userManual td img{
    max-width:577px;
}
.userManual td img.manualIcon{
    width:50px;
}
.search-category-free{
    margin-top: 10px;
}
.title-course-tracking{
    position: relative;
    float: left;
    left: 10px;
}
.title-course-tracking a{
    font-size: 1.3em;
}
.title-course-organization{
    position: relative;
    float: left;
    font-size: 1.2em;
    font-weight: 700;
}
.image_div_organization_planning {
    width: 30px;
    height: 30px;
    padding: 0;
    margin-top: 5%;
    margin-left: 43%;
}
.image_organization_planning {
    width: 100%;
    height: 100%;
}
.employee_organization_planning {
    text-overflow: ellipsis;
    margin: 0 auto;
    text-align: center;
    max-width: 70%;
}
.wizardIcon{
    background: url(../images/showWizard.png) 0 2px;
    display: inline-block;
    float:left;
    margin-right: 5px;
}
#finishActivity,.finishActivity {
    width: auto;
    font-size: 9pt;
    height: 32px;
    padding: 6px 0px;
    text-align: center;
}
@media (max-width: 380px) {
    #finishActivity, .finishActivity {
        white-space: normal;
        max-width: 96px;
        height: auto;
    }
}
@media (min-width: 768px) and (max-width: 899px) {
    #finishActivity, .finishActivity {
        white-space: normal;
        max-width: 96px;
        height: auto;
    }
}
#prevAct, #nextAct{
    width: 90px;
    margin-top: 5px;
    float: left;
}
#prevAct{
    margin-right:3px;
}
#nextAct{
    margin-left: 5px;
}
.optionViewClass .wizardIcon{
    margin-right: 0;
    margin-left: 0;
    margin-top: 2px;
}
#redirectPopup span{
    font-weight: 600;
}
.trackingProgressDiv{
    height: 21px;
    width: 205px;
    position: relative;
    float: left;
}
.exportProgress{
    cursor: pointer;
    background: url(../images/download_icon.png) 0 0 no-repeat;
    width: 20px;
    height: 22px;
    position: relative;
    top: 0px;
    float: right;
}
.exportColaborators{
    background: url(../images/download_icon.png) 0 0 no-repeat;
    width: 20px;
    height: 22px;
    position: relative;
    top: 15px;
    float: right;
}
#reviewFilterForm .exportProgress{
    top:0;
}
.breadcumActivityTitle{
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 0px;
}
.slideDivAux{
    height: 50px;
    position: relative;
    bottom: 64px;
    cursor: pointer;
}
.deleteAssocAnswer{
    background: url(../images/trash_icon.png) 0px 3px no-repeat;
    border: none;
    width: 21px;
    height: 26px;
    position: absolute;
    right: 10px;
    cursor: pointer;
}
.carousel.slide{
    display: inline-block;
    width: 100%;
    position: relative;
    border: solid 1px #ccc;
    overflow: hidden;
    margin-top: 78px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    height:auto;
}
.container.principal-home{
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
.principal-home .carousel-control {
    height: 100%;
}
.home-slide-link{
    width: 100%;
    float: left;
    height: 548px;
    z-index: 10;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}
.intro-header-home{
    padding-bottom: 2.8%;
    color: #f8f8f8;
    text-align: center;
    margin-top: -80px;
    background: white;
}
.home-below-slider{
    padding-bottom: 20px;
}
.readMore{
    color: #fa7411;
    font-size: 16px;
    font-style: italic;
}
.learn-banner-container,
.teach-banner-container,
.university-banner-container {
    width: 100%;
    height: auto;
}
.learn-banner-container img, .teach-banner-container img,.org-banner-n img{
    width:100%;
    height:auto;
    float: left;
}
.section-heading-home{
    font-size: 16px;
    font-style: normal;
}
.site-video-top-separation{
    margin-top:3%;
}
.home-central-below-slider{
    border-right: 1px solid;
    border-left:1px solid;
}
#learnVideo img, #teachVideo img{
    min-height:252px;
    min-width:345px;
}
@media (max-width: 767px) {
    #learnVideo img, #teachVideo img {
        min-height: unset;
        min-width: unset;
    }
}
.rightSeparator{
    border-right: solid 2px #2eb800;
    padding-right: 48.4%;
}
.main-video{
    margin-left: 1.6%;
}
.intro-header-learn,
.intro-header-teach,
.intro-header-university {
    color: #f8f8f8;
    text-align: center;
    margin-top: 0px;
    background: white;
}
.publicSectionIcon{
    width:30%;
}
.publicSectionText{
    font-style: italic;
    font-size: 12pt;
}
.owl-controls{
    margin-top: -18px;
}
@media (min-width: 768px) and (max-width: 800px) {
    #featuredCoursesRow, #myCoursesRow {
        margin-left: 3%;
    }
}
@media (min-width: 801px) and (max-width: 870px) {
    #featuredCoursesRow, #myCoursesRow {
        margin-left: 6%;
    }
}
@media (min-width: 871px) and (max-width: 1023px) {
    #featuredCoursesRow, #myCoursesRow {
        margin-left: 11%;
    }
}
@media (min-width: 1024px) {
    #featuredCoursesRow, #myCoursesRow {
        margin-left: 10px;
    }
}
@media (max-width: 1130px) {
    #scormContent{
        min-height: 500px;
        max-height: 600px;
        border: solid 1px #fff !important;
    }
}
#scormContent{
    min-height: 500px;
    max-height: 600px;
    border: solid 1px #CCCCCC;
}
#tdActivityMoreOptions{
    background:url(../images/dashboardLearnImages/more_button.png) 0 0;
}
#tdCatalogMoreOptions{
    background:url(../images/dashboardLearnImages/more_button_catalog.png) 0 0;
}
#tdCatalogMoreOptions .helpPopup,#tdActivityMoreOptions .helpPopup{
    left: 200px;
    bottom: -3px;
    width: 75px;
    height: 42px;
}
#dragToRemoveActivity{
    text-align: center;
    font-weight: normal;
    margin-top: 6px;
}
#dragActivitiesCont .paperbin{
    background: #FFF;
    margin-right: 50px;
    border: dashed 1px #666;
    position: absolute;
    top: 0;
    color: #CCC;
    padding-top: 10px;
    margin-top: 35px;
    right: 0;
    width: 200px;
    height: 40px;
    padding: 5px;
}
#scormBetaText{
    max-width: 80%;
    margin-left: 10%;
}
.resendAllInvitations{
    float: right;
    margin-right: 0;
    z-index: 9999;
    position: relative;
    margin-bottom: 10px;
    margin-right: 5%;
}
#scormContent{
    min-height: 500px;
    max-height: 600px;
    border: solid 1px #CCCCCC;
}
#tdActivityMoreOptions{
    background:url(../images/dashboardLearnImages/more_button.png) 0 0;
}
#tdCatalogMoreOptions{
    background:url(../images/dashboardLearnImages/more_button_catalog.png) 0 0;
    background-position: center;
    border-color: #E2680E;
}
#tdCatalogMoreOptions #moreOptionsMenu a{
    text-align: left;
    display: block;
    width: 100%;
    margin-left: 0;
}
#tdCatalogMoreOptions #moreOptionsMenu a .dropMenuItem:hover{
    background-color: #00c8df !important;
}
#dashboardTeachMenuCatalog #tdCatalogMoreOptions{
    float: right !important;
}
#tdActivityMoreOptions .helpPopup,#tdCatalogMoreOptions .helpPopup{
    left: 200px;
    bottom: -3px;
    width: 75px;
    height: 42px;
}
#dragToRemoveActivity{
    text-align: center;
    font-weight: normal;
    margin-top: 6px;
}
#dragActivitiesCont .paperbin{
    background: #FFF;
    margin-right: 50px;
    border: dashed 1px #666;
    position: absolute;
    top: 0;
    color: #CCC;
    padding-top: 10px;
    margin-top: 35px;
    right: 0;
    width: 200px;
    height: 40px;
    padding: 5px;
}
#scormBetaText{
    max-width: 80%;
    margin-left: 10%;
}
#learnersProgress .ui-jqgrid tr.ui-row-ltr td,#salesReportedGrid  .ui-jqgrid tr.ui-row-ltr td{
    height: 40px;
}
#learnersProgress .ui-jqgrid-bdiv, #salesReportedGrid .ui-jqgrid-bdiv {
    overflow:hidden;
    width: 100% !important;
}
.ui-jqgrid .loading{
    left:0;
}
#employeesTable .ui-jqgrid tr.ui-row-ltr td {
    height: 40px;
}
#employeesTable .ui-jqgrid-bdiv {
    overflow:hidden;
    width: 100% !important;
}
.ui-jqgrid tr.ui-row-ltr td a,.ui-jqgrid tr.ui-row-ltr td a:visited,
.ui-jqgrid tr.ui-row-ltr td a:focus{
    text-align: left;
    background: #eeeee5;
    height: 40px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    padding-left: 5px;
    padding-right: 5px;
}
.ui-jqgrid tr.ui-row-ltr td a:hover{
    cursor:pointer;
}
#userProfileName #instructorName{
    margin-top: 2%;
    font-size: large;
}
#inProgressCourses, #finishedCourses,
#plannedCourses, .profileTable{
    float:left;
    width:100%;
    padding: 0 15px;
}
.profileTableTitle{
    background: #69b41b;
    height: 45px;
    padding-top: 3px;
    color: white;
    border: solid 1px #ccc;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    display: table;
    width: 100%;
}
.profileTableTitle p{
    display:table-cell;
    vertical-align:middle;
    font-style: italic;
    font-size: 13pt;
}
.profileTable div.courseNameCol{
    float: left;
    width: 100%;
    display: table;
}
.profileTable div.courseNameCol p{
    margin-top: 9%;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding-left: 2%;
    padding-right: 6%;
    font-size: 11pt;
}
.profileTableTit{
    width: 40% !important;
}
.profileTable th{
    background: #c1dfb9;
    text-align: center;
    color: #327c27;
    height: 45px;
    vertical-align: middle;
    padding-top: 10px;
}
.profileTable td{
    text-align: center;
}
.profileTable tr.course-row{
    text-align: center;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background: #eeeee5;
    height: 60px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    padding-left: 5px;
    padding-right: 5px;
    max-height: 133px;
}
#inProgressCourses img, #finishedCourses img,
#plannedCourses img, #favoriteCourses img{
    width: 170px;
    max-height: 150px;
    padding-top: 2%;
    padding-bottom: 2%;
    float: left;
}
.profileTable tr.course-row .courseNameCol img {
    margin-left: 22px;
}
.profileTable{
    margin-bottom:20px;
}
.user-profile-pin{
    padding-left: 20px;
    padding-top: 3px;
    background: url(../images/pin_icon_off_1.png) 0px 0px no-repeat;
    height: 44px;
    margin-left: 10px;
    font-size: 10pt;
    float: right;
}
.profile-actions,
.profile-basic-info,
.profile-description {
    margin-top: 25px;
    padding: 0 25px;
}
.profile-actions .user-profile-pin {
    font-weight: bold;
}
.profile-basic-info .profile-name {
    font-size: 18px;
}
.profile-user-picture {
    width: 70px;
    height: 70px;
}
.profile-description {
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .profile-actions .user-profile-pin {
        padding-top: 0;
        padding-left: 16px;
    }
    .profile-basic-info .profile-name {
        display: block;
    }
    .profile-actions,
    .profile-basic-info,
    .profile-description {
        padding: 0;
    }
    .course-row .image-cell {
        min-width: 100px;
        width: 50%;
        padding-left: 5px;
        vertical-align: top;
    }
    .course-row .course-name {
        padding: 0 5px;
    }
    .course-row .prestigeBarCont {
        width: 150px;
        float: none;
    }
    .course-row .detail-button,
    .course-row .download-exercise-file {
        margin-bottom: 10px;
    }
    .profileTable tr.course-row .courseNameCol img {
        margin-left: 0;
    }
    #certificateImage{
        height: auto !important;
    }
    .org-table{
        max-width: 100% !important;
    }
}
.agendaImageClass{
    float: right;
}
#scheduledClasses .profileTable{
    margin-bottom:2px;
}
#contButton{
    width:100%;
}
.externalClassInfo{
    text-align: left;
    margin-left: 2%;
    margin-top: 2%;
    height: 30px;
}
#passFeedback {
    height: 300px;
    background-color: #EAFFE3;
}
#failFeedback {
    height: 300px;
    background-color: #FFF2F2;
}
.questionContainer #passFeedback {
    height: 200px;
}
.questionContainer #failFeedback {
    height: 200px;
}
.correctAnswerFeedback {
    text-align: left;
    margin-left: 60px;
    margin-top: 30px;
}
.correctAnswerFeedback textarea {
    width: 100%;
    background-color: #EAFFE3;
}
.wrongAnswerFeedback {
    text-align: left;
    margin-left: 60px;
    margin-top: 30px;
}
.wrongAnswerFeedback textarea {
    width: 100%;
    background-color: #FFF2F2;
}
.passFeedbackOnResults {
    margin-top: 5px;
}
.passFeedbackOnResults textarea {
    width: 100%;
    background-color: #EAFFE3;
    min-height: 150px;
}
.failFeedbackOnResults {
    margin-top: 5px;
}
.failFeedbackOnResults textarea {
    width: 100%;
    background-color: #FFF2F2;
    min-height: 150px;
}
.feedbackIcon {
    display: table-cell;
    background-color: #bbb;
    vertical-align: middle;
    width: 70px;
    padding: 5px;
}
.feedbackContent {
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}
.feedback.panel {
    background-color: #eee;
    font-size: 13px;
    color: #000;
    padding: 0;
    margin-top: 0;
    display: table;
    vertical-align: middle;
}
.feedback img {
    width: 60px;
}
.feedback .panel-body {
    display: table-cell;
    margin-left: 100px;
    vertical-align: middle;
    float: initial;
    width: 100%;
}
#questionContainer .questionContainer {
    overflow: hidden;
}
.questionContainer .feedbackLabel {
    width: 100% !important;
}
@media (max-width:800px){
    .courseInformationRow.feedbackRow {
        float: initial;
    }
    .feedbackRow .inputContainer {
        float: initial;
    }
    #passFeedback{
        width: 92%;
        float: left;
    }
    #failFeedback{
        width: 92%;
        float: left;
    }
    #courseActivityComp .helpPopup{
        margin-left:-230px;
    }
    #courseActivityComp .popupArrow{
        left:initial;
        right:10px;
    }
}
@media (max-width:500px){
    .feedbackIcon {
        display: block;
        width: 100%;
        text-align:center;
    }
    .feedback .panel-body {
        display: block;
        margin-left: 0px;
        vertical-align: middle;
        float: initial;
        width: 100%;
    }
    .wrongAnswerFeedback {
        margin-left: 0px;
    }
}
.course-info h4.course-title{
    text-align: center;
}
.reminder {
    width: 17px;
    height: 23px;
    margin-top: 2px;
    margin-left: 2px;
}
.reminder.on {
    background: url(../images/reminder-alert-on.png) no-repeat !important;
}
.reminder.off {
    background: url(../images/reminder-alert-off.png) no-repeat !important;
}
.ui-widget-content {
    border: 0 !important;
}
.apprenticesInvitation .ui-widget-content{
    width: 100% !important;
}
#learnersProgress .ui-widget-content, #salesReportedGrid .ui-widget-content{
    width: 100% !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #69b41b;
    border-radius: 3px!important;
    border: 0!important;
    width: 100% !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    font-weight: bold!important;
    text-align: center;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 0 !important;
}
.ui-jqgrid tr.ui-row-ltr td {
    border: 1px solid #FFF!important;
    vertical-align: middle!important;
}
.ui-jqgrid .ui-jqgrid-bdiv{
    overflow-x: hidden;
}
.ui-jqgrid .ui-pg-selbox {
    padding: 0px !important;
}
.ui-jqgrid .ui-jqgrid-hbox {
    padding-bottom:4px;
    padding-top:2px;
    padding-right: 0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #69b41b;
    width: 100% !important;
}
.ui-jqgrid .ui-jqgrid-htable th div {
    text-align: center;
}
#setupImagesTable td{
    border-bottom: solid 0px #ccc !important;
    border-right: solid 0px #ccc !important;
    padding: 30px !important;
}
#setupImagesTable{
    border: 0px solid #ccc !important;
}
.deleteSlideAudio, .downloadSlideAudio{
    display: block;
    margin-top: 2%;
}
.presentationTable div[id^='audio_cont_']{
    display:inline-block;
    width: 100%;
    float:left;
    margin-left:1px;
    margin-bottom:3px;
    position: relative;
    margin-top: 7%;
}
.jw-button-container{
    background-color: #ccc;
}
.jw-icon-playback,.jw-icon-rewind, .jw-icon-volume, .jw-icon-volume .jw-off{
    color: #FFFFFF;
}
.manageImageTitle{
    width:100%;
    display: inline-block;
    clear: both;
    margin-bottom: 15px;
}
.manageImageTitle #warningMessage{
    margin-top: 10px;
    text-align: center;
    display:none;
}
#setupImagesTable img{
    width:300px;
    display:block;
}
footer{
    top: -4px;
    left: 0px;
}
.atFront
{
    z-index: 0 !important;
}
#requestsAdminFilter,#homeWorkReviewFilter{
    margin-top: 30px;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    padding: 0 5px;
}
.request-people .caroufredsel_wrapper{
    display:inline-block !important;
    margin: 0px 15px !important;
    height: 30px !important;
}
#nameTr:hover{
    text-decoration:none;
}
#homeWorkReviewContent .actTitleReview label,#homeWorkReviewContent .pendingLabel,#homeWorkReviewContent .divCaption{
    color:#696969 !important;
}
.request-people .caroufredsel_wrapper{
    display:inline-block !important;
    margin: 0px 15px !important;
    height: 30px !important;
}
#homeWorkReviewContent .actTitleReview label,#homeWorkReviewContent .pendingLabel,#homeWorkReviewContent .divCaption{
    color:#696969 !important;
}
.channels form{
    margin-top: 20px;
    margin-left: 0%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
.channels input{
    width: 49%;
    height: 41px;
}
.channels select{
    width: 49%;
}
.channels textarea {
    width: 99%;
    margin-left: 0%;
    margin: auto;
    margin-top: 5px;
}
.channels input[type="button"]{
    width:25%;
    margin-right:0%;
    margin-top: 10px;
}
.atFront
{
    z-index: 0 !important;
}
.purchasing-steps{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 80%;
    margin: auto;
    margin-bottom: 15px;
}
.purchasing-steps label{
    width: 30%;
    color: #fff;
    background: #BFBFBF;
    text-align: center;
    padding: 15px 5px;
    border-radius: 30px;
    cursor: pointer;
}
.purchasing-steps label.step-active{
    background: #4472C4 !important;
}
.purchasing-steps-container{
    width: 100%;
    margin-top:50px;
    margin-bottom: 50px;
}
.purchasingProcessCourseSingUpForm,
.purchasingProcessCoursePayment,
.purchasingProcessCourseConfirmation,
.storeProcessSingUpForm{
    display: none;
}
.purchasing-steps-container .content-section-a {
    padding-bottom:10px !important;
    padding-top: 10px !important;
}
.center-align{
    text-align: center;
}
.font-14{
    font-size: 14px !important;
}
.purchasing-steps-container .user-row-info div.user-profile-picture {
    padding-top: 0 !important;
}
#paypalCheckOut{
    cursor:pointer;
}
.purchasingProcessCourseSingUpForm  .form-control{
    color:#999;
}
.purchasingProcessCoursePayment .trans{
    border:none !important;
}
.purchasingProcessCoursePayment .top-separation{
    padding-top: 0;
}
.apprentices-table{
    padding-left: 0;
    padding-right: 0;
}
.content-purchasing-steps{
    width: 80%;
    max-width: 1024px;
    margin: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}
.purchasing-step{
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-left: 0px;
    margin: 0;
}
.purchasing-horizoltal-separator{
    width: 12%;
    border: 2px solid #DDDDDD;
    margin: 10px;
}
.purchasing-bullet{
    background: #DDDDDD;
    color: #fff;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    line-height: 35px;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
    margin-right: 10px;
    margin-left: 0px;
}
.purchasing-bullet-done{
    background:none !important;
    background-image: url(../images/checkwhite.png) !important;
    background-color:#A0DE3D !important;
    background-size:contain !important;
}
.purchasing-label{
    background: #fff;
    color: #DDDDDD;
    font-weight: bold;
    margin-left: 0px;
    cursor: pointer;
    font-size: 18px;
}
.purchasing-bullet-active{
    background: #00c8df;
}
.purchasing-label-active{
    color: #00c8df;
}
.purchasing-horizoltal-separator-active{
    border: 2px solid #00c8df;
}
.purchasing-bullet-done{
    background: #A0DE3D;
}
.purchasing-label-done{
    color: #A0DE3D;
}
.purchasing-horizoltal-separator-done{
    border: 2px solid #A0DE3D;
}
.purchasing-steps-container .content-section-a  {
    background-color: #fff;
}
.table-header{
    text-align: center  !important;
    height: 45px  !important;
    padding-top: 5px  !important;
    margin-bottom: 20px;
}
.table-header-platf{
    background: #c1dfb9 !important;
    color: #327c27  !important;
}
.table-header .user-prestige-info,.table-header .course-row-title{
    width: 100%;
}
.table-header .course-row-title{
    color: #327c27;
    text-align: center  !important;
}
.padding-empty{
    padding: 0 !important;
}
.mobile-logo{
}
.purchasingProcessCourseLoginForm .login-input {
    display: flex !important;
}
.ui-jqgrid .ui-jqgrid-view{
    width:100% !important;
}
form#orgEdit{
    margin-left:10%;
}
.ui-jqgrid .ui-jqgrid-btable{
    width:100% !important;
}
#gview_gridProgress table{
    width:100% !important;
    table-layout: fixed;
}
#gridProgress_cb{
    width: 25px !important;
}
#employeesTable #grid_cb{
    width: 30px !important;
}
#employeesTable #grid_profileLogin{
    width: 338px !important;
}
#employeesTable #grid_profile {
    width: 276px !important;
}
#formAddApprentices table{
    width:100%;
}
.apprenticesInvitation .ui-jqgrid .ui-jqgrid-bdiv{
    width:100% !important;
}
.employee_organization_planning > a{
    color: #006DB8;
}
#tdApp {
    display: block !important;
}
#tdApp .ui-menu .ui-menu-item{
    width: 100%  !important;
}
#tdApp .ui-menu .ui-menu-item a{
    width: 100% !important;
    display: block !important;
}
#tdApp .ui-autocomplete{
    height: 200px;
    overflow: auto;
}
#calendar2 .fc-button-prev,#calendar2 .fc-button-next{
    width:auto !important;
    margin-right: 10px;
}
#recommendForm #recommendCourseTo,#recommendForm #recommendCourseMessage{
    width: 90% !important;
}
.learn-info.lower.subtitle{
    margin-top:10px !important;
    margin-bottom:10px !important;
}
#labelPages{
    color:#8b9a8f;
}
.home-links .home-slide-link{
    position:relative !important;
    width:25%;
}
.learn-banner-mobile,.teach-banner-mobile,.org-banner-mobile{
    display:none;
}
.learn-banner-desk,.teach-banner-desk,.org-banner-desk{
    display: block;
}
@media (max-width: 768px) {
    .learn-banner-mobile,.teach-banner-mobile,.org-banner-mobile{
        display:block;
    }
    .learn-banner-desk,.teach-banner-desk,.org-banner-desk{
        display: none;
    }
    .org-banner-n{
        margin-top: -60px !important;
    }

    #recoverPasswordFormFinal #currentPassword,#repeatPassword{
        width: 100% !important;
        margin-left: -6px;
    }
}
.org-banner-n{
    padding:0 !important;
    margin-top: 80px;
}
.h5p-cardholder td img {
    max-width:100%;
    width:100%;
    height:auto;
    max-height:100%;
    margin-bottom: 10px;
}
table .course-row {
    background:#fff !important;
}
table tr.course-row:hover{
    background: #F5F5F5 !important;
    background: #F5F5F5 !important;
}
.detailTableReport tr:hover{
    background: #F5F5F5 !important;
}
.requestOpen tr:hover{
    background: #F5F5F5 !important;
    background: #F5F5F5 !important;
}
.requestOpen tr:hover td{
    background: none !important;
}
#employeesTable .ui-widget-content{
    width: 100% !important;
}
.detailTableReport tr td{
    border: 1px solid #eeeee5 !important;
}
.detailTableReport .rowClass td{
    border-bottom:1px solid #fff !important;
    padding-bottom:10px;
}
.metricsHeader{
    width:100%;
    float:right !important;
}
.metricsHeader .exportProgress{
    margin-top:0 !important;
    top:0;
}
#suspendEnroll{
    text-align: right;
    padding-top: 10px;
    margin-right: 0;
}
#buttonSuspendEnroll,#buttonRemoveExpiration,#buttonCancelEnroll{
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: none;
    padding: 6px 12px;
}
.exerciseInfo{
    display:inline-block;
    border-right: solid 1px white;
    width: 45%;
    min-height: 40px;
    padding-left: 10px;
    padding-top: 10px;
}
.profileSpan:hover{
    text-decoration: underline;
}
.StripeElement {
    background-color: white;
    height: 40px;
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}
.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}
.StripeElement--invalid {
    border-color: #fa755a;
}
.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}
#sidebar-controls-pin .row-pin{
    width:100% !important;
}
/* @font-face kit by Fonts2u (https://fonts2u.com) */
@font-face {
    font-family:"Open Sans Semibold Italic";
    src:url("../fonts/OpenSans-SemiboldItalic.eot?") format("eot"),
    url("../fonts/OpenSans-SemiboldItalic.woff") format("woff"),
    url("../fonts/OpenSans-SemiboldItalic.ttf") format("truetype"),
    url("../fonts/OpenSans-SemiboldItalic.svg#OpenSans-SemiboldItalic") format("svg");
    font-weight:normal;font-style:normal;
}
.top-corner{
    position: absolute;
    top: 0;
    right: 15px;
    min-height: 50px !important;
    width: 20% !important;
    left: unset !important;
    margin: unset !important;
}
.photo-org{
    margin-top: 0 !important;
    border-radius: 0 !important;
}
#uniqueAccount,#masiveAccount,#tempAccount{
    width: auto;
}
div.jOrgChart{
    overflow-x:scroll !important;
}
#custom-bar-home{
    background:#ffdc00 !important;
    height:50px !important;
    display: flex;
    flex-wrap: nowrap;
    justify-content: baseline;
    align-items: center;
}
#custom-bar-home a{
    font-family: 'Signika', 'Open Sans', sans-serif;
    color: #909191;
    font-size: 12pt;
    font-weight: 500;
}
#custom-bar-home a:hover{
    color:#006DB8;
}.fieldgroup{
     float: left;
     width: auto;
     margin-left: 3em;
 }
div.dark-banner{
    background: none !important;
    height: auto !important;
}
@media (min-width: 1024px) {
    .dark-banner {
        border: none !important;
    }
    div.intro-header{
        margin-top: 0%;
    }
}
@media (max-width: 1023px) {
    .dark-banner > div.row{
        display:none;
    }
}
.plantilla > img,.role > img, .tab-process img{
    display: inline;
    float: right;
    margin-left: 5px;
}
.label-organization-section h2{
    font-size: 24px !important;
    margin-top: 34px;
}
.select-cmb select{
    height: 48% !important;
    margin: 5px auto !important;
    background: #fff !important;
    border: 1px solid #E0E0E0 !important;
    padding: 10px 0 !important;
    padding-left: 10px !important;
    font-size: 10pt !important;
}
.icon-pass-view {
    position:absolute;
    bottom:12px;
    right:5px;
    width:20px;
    height: 12px;
    cursor:pointer;
    opacity: 0.5;
}
#action-popup,
#action-popup-cerrado{
    z-index: 9999 !important;
}
.jw-wrapper{
    background:#fff !important;
}
.learnVideo.popup{
    background:#fff !important;
    border:none !important;
}
.selectedSkin{
    border:none !important;
}
.h5p-cardholder{
    border:none !important;
    background: #fff !important;
    box-shadow: unset !important;
}
.public-certificate-head{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: left;
    background-color: #f8f8f8;
    color: #5c6771;
    font-size: 10pt;
}
.dashboard-content{
    margin-top: 16px;
    margin-bottom: 16px;
}
.values-metrics-dashboard label{
    font-size: 130%;
}
#completed-courses-24h label,
#completed-courses-7d label{
    color: #69b41b !important;
}
#forgotten-courses label{
    color:#FF0000 !important;
}
#valuation-processes > label,
#moractive-users > label,
#pending-corrections > label,
#recent-actions > label
{
    background: #69b41b;
    text-align: center;
    color: #fff;
    font-size: 120%;
    padding-top: 5px;
    padding-bottom: 5px;
}
#valuation-processes,
#moractive-users,
#pending-corrections,
#recent-actions,
#detailList
{
    background: #69b41b;
    text-align: center;
    border:solid 1px #ccc;
    padding: 0;
}
#dashboard-content .metrics-content{
    background: #eeeee5 !important;
    padding-top: 20px;
    padding-bottom: 20px;
}
.left-content{
    width: 73%;
}
#recent-actions-content,
#moractive-users-content,
#valuation-processes-content,
#pending-corrections-content{
    padding-top: 5%;
    padding-bottom: 5%;
    border:solid 1px #ccc;
    background: #eeeee5 !important;
}
#valuation-processes table,
#moractive-users table,
#pending-corrections table,
#recent-actions table
{
    width: 100% !important;
    border: none !important;
}
#orgDashboard{
    margin-top: 1px;
}
#agregarColaboradores{
    display: none;
}
#solicitarParaMi label{
    display: none;
    cursor: pointer !important;
    text-align: center !important;
}
#solicitarParaOtros label{
    display: block;
    cursor: pointer !important;
    text-align: center !important;
}
#requestForm table{
    table-layout: fixed;
    width: 100%;
}
#employeeInputTd{
    width: 100%;
    margin-left: 0;
}
.files td.name,
.materialSupportItem div,
.materialSupportItem a,
#userNameProgress{
    cursor: pointer;
    color: #2a6496 !important;
    font-weight:500;
    font-size: 12px;
}
#actExeInfo {
    margin-bottom: 20px !important;
}
#certificateImage{
    height: 400px !important;
    width: 530px;
    border: none;
}
.progress-bar-learn div {
    position: absolute;
    height: 100px;
    width: 100px;
    border-radius: 50%;
}
.progress-bar-learn div span {
    position: absolute;
    font-family: Arial;
    font-size: 25px;
    line-height: 75px;
    height: 75px;
    width: 75px;
    left: 12.5px;
    top: 12.5px;
    text-align: center;
    border-radius: 50%;
    background-color: white;
}
.progress-bar-learn .background { background-color: #b3cef6; }
.progress-bar-learn .rotate {
    clip: rect(0 50px 100px 0);
    background-color: pink;
}
.progress-bar-learn .left {
    clip: rect(0 50px 100px 0);
    opacity: 1;
    background-color: hotpink;
}
.progress-bar-learn .right {
    clip: rect(0 50px 100px 0);
    transform: rotate(180deg);
    opacity: 0;
    background-color: #4b86db;
}
@keyframes
toggle {  0% {
    opacity: 0;
}
    100% {
        opacity: 1;
    }
}
.globalLink{
    color: #006db8 !important;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
}
#actTable{
    width: 100%;
    table-layout: fixed;
}
@media (max-width: 767px){
    .progress-bar-learn {
        margin-top:0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        margin-left: auto !important;
    }
    .course-summary {
        overflow: auto;
    }
    #progressComp #resultLink
    {
        width:100%;
        text-align:center !important;
    }
    #progressComp #planLink{
        display: none;
    }
    .buttonsOptionView{
        font-size: 10px;
        padding-left: 4px;
    }
    .h5p-text{
        font-size: 70%;
    }

    #evalQuestionLabel img{
        width:100%;
    }
    .fancybox-opened {
        width: 90% !important;
        left: 10px !important;
        overflow-y: auto !important;
        /* height: 500px !important; */
    }
    .fancybox-inner{
        width: 100% !important;
        height: 300px !important;
    }
    .fancybox-close{
        top: 0px !important;
        right:0px !important;
    }

    .exerciseContent{
        border:none;
    }
}
#showGrades{
    padding-left: 15px;
}
@media (max-width: 1024px){
    #actTable {
        width: 80% !important;
    }
}
@media (max-width: 991px){
    #progressContainer {
        width: 100% !important;
    }
    #activitiesComponentContainer{
        display: flex;
        flex-direction: column-reverse;
    }
}
img.profileimg{
    width: 50px !important;
}
div.posted-photo{
    max-height: 100% !important;
    max-width: 50px !important;
    width: 100% !important;
    border:none;
}
div#orgLogo{
    width: 100px !important;
    height: auto !important;
}
.actResultTitle{
    text-align: left;
    display:flex;
}
.actResultTitle div{
    margin: 0;
}
.toggle-off{
    background:#fff !important;
    box-shadow:unset !important;
    border-color:#69b41b !important;
    font-family: 'Open Sans', sans-serif !important;
    color: #5c6771 !important;
    font-size: 10pt !important;
}
.toggle-on{
    background:#fff !important;
    box-shadow:unset !important;
    border-color:#69b41b !important;
    font-family: 'Open Sans', sans-serif !important;
    color: #69b41b !important;
    font-size: 10pt !important;
}
.custom-control .toggle{
    border-color:#69b41b !important;
}
.custom-control > label > div.toggle{
    width:50px !important;
}
.toggle-handle {
    width:20px !important;
}
.actResultTitle a{
    font-size: 9pt;
    margin-left: 10px;
}
.custom-switch div.toggle{
    float:left;
}
@media(max-width: 1024px) and (min-width: 768px){
    img.hidden-sm{
        display: none !important;
    }
    img.visible-sm{
        display:block !important;
    }
}
#learnersProgress,#salesReportedGrid{
    width: 98% !important;
    margin: 0 !important;
}
#specializationProgressTrack th,
#specializationProgressDetailTrack th,
#learnersProgressTrack th,
#evaluationResultsDetailTrack th,
#evaluationResultsTrack th{
    text-align: center;
}
.jqdatatable-ui th{
    background-color:#fff;
    text-transform: uppercase !important;
    border-color:#69b41b !important;
    border:1px solid #69b41b !important;
    border-right: none !important;
}
.jqdatatable-ui th:last-child{
    border-right: 1px solid #69b41b !important;
}
.jqdatatable-ui table{
    border-color:#69b41b !important;
}
.obj-tables > thead tr td{
    background-color:#69b41b !important;
    color:#fff;
    border-color:#fff !important;
    border-right:1px solid !important;
    padding:0px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    border: 1px solid #8ec862 !important;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button:hover{
    border: 1px solid #8ec862 !important;
    background:#fff !important;
    color:#666 !important;
    font-size:100%;
    cursor:pointer;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button,
.dataTables_wrapper .dataTables_paginate a.paginate_button.disabled{
    background:#fff !important;
    color:#333 !important;
    font-size:100%;
    cursor:pointer;
}
.dataTables_length label,.dataTables_filter label{
    color:#333 !important;
    font-size:100%;
    font-weight:normal;
}
.trBlockedEmployee{
    background:#F6CECE !important;
}
.trBlockedEmployeeByOrg{
    background:#FFD1A7 !important;
}
.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 30%;
    left: 50%;
    width: 30%;
    height: 40px;
    margin-left: -20%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background:#ccc !important;
    color:#fff !important;
}
.select-info{
    display:none;
}
#evaluationResultsDetailTrack{
    table-layout: fixed !important;
    word-wrap:break-word;
}
label.fileinput-button{
    background:#fa9300 !important;
    border:1px solid #fa9300 !important;
    border-color:#fa9300 !important;
    color: #fff !important;
}
label.fileinput-button .ui-icon{
    background-image:unset;
}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding-top:.01em !important;
}
#divMailEdit,#divNameEdit,#divLastNameEdit,#divAreaEdit,#divRoleEdit
,#divUserKeyEdit,#divPassTempEdit,#divNameUserEdit,#divLastNameEdit,#divLanguageEdit,#divCountryEdit,#divAreaEdit,#divRoleEdit
,#divPassEdit{
    display: none;
}
.bg-edit{
    background-color: rgb(205, 255, 255);
    padding-top: 15px;
    padding-bottom: 15px;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
    font-size:13px;
    font-family:'Open Sans', sans-serif;
}
.hide-checkboxes > input{
    display:none !important;
}
#informationStoreCreate table td input,
#informationStoreCreate table td select,
#informationStoreCreate table td textarea,
#informationOrgCreate table td input,
#informationOrgCreate table td select,
#informationOrgCreate table td textarea  {
    margin-bottom: 10px;
    border-radius: 0;
    width: 50% !important;
}
#informationOrgCreate table td input,
#informationOrgCreate table td select,
#informationOrgCreate table td textarea  {
    margin-bottom: 10px;
    border-radius: 0;
    width: 95% !important;
}
#storeCreateInformationTable{
    width: 100%;
}
.available{
    color:green;
    font-weight: bold;
    line-height: 35px;
}
.noAvailable{
    color:red;
}
.video-responsive2 {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    height: 0;
    overflow: hidden;
}
.video-responsive2 iframe,
.video-responsive2 object,
.video-responsive2 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.imageBox
{
    position: relative;
    height: 200px;
    border:1px solid #aaa;
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor:move;
}
.imageBox .thumbBox
{
    position: absolute;
    top: 80%;
    left: 35%;
    width: 300px;
    height: 100px;
    margin-top: -100px;
    margin-left: -100px;
    box-sizing: border-box;
    border: 1px solid rgb(102, 102, 102);
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
    background: none repeat scroll 0% 0% transparent;
}
.imageBox .spinner
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 400px;
    background: rgba(0,0,0,0.7);
}
.fade-div-wrongquestion{
    background-color: rgb(255,0,0,0.2);
    height: 60px;
    position: absolute;
    z-index: 9999;
    width: 100%;
}
td.spacing  div.wysiwyg{
    overflow:auto;
}
#salesReportTrack{
    width:auto !important;
}
.accordion-payment a img{
    width:90px;
}
.sale-details p{
    display: inline-block;
}
#storeCreateInformationTable input,
#storeCreateInformationTable textarea,
#storeCreateInformationTable select{
    width: 98%;
    margin-bottom: 10px;
    overflow: hidden;
    border-color:#ccc;
}
@media (max-width: 767px){
    .colHidden{
        display:none;
    }
}
#salesDetailPopup{
    width:90% !important;
}
#availableLabel span{
    font-weight: bold !important;
    margin-left: 10px;
}
.filterStyle{
    width: 200px !important;
    float: left !important;
}
.labelFilterStyle{
    width: 100% !important;
    text-align: left !important;
}
.learnTrackName a{
    font-size: inherit !important;
}
.dropbtn {
    padding: 16px;
    font-size: 16px;
    border: none;
}
#notifications-menu {
    position: relative;
    display: inline-block;
    text-align: riglefht;
    background: #f1f1f1;
    float: right;
}
#notifications-menu .dropdown-content {
    display: none;
    float: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 198px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1001;
    margin-left: -250px;
    width: 260px;
    margin-top: -45px;
}
#notifications-menu .dropdown-content a {
    color: black;
    padding: 15px 12px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size:12px;
    color: #009AFF;
}
#notifications-menu .dropdown-content a:hover {
    background-color: #009AFF;
    color: #fff;
}
#notifications-menu .dropdown-content a span:hover {
}
#notifications-menu:hover .dropdown-content {display: block;}
#notifications-menu:hover .dropbtn {background-color: #fff;}
.catalogBadge .catalogCourseInf{
    width: 250px;
}
#popupAddBadgeDiv select{
    padding-bottom: 0px;
}
#divNameBadgeEdit,
#divDescriptionBadgeEdit,
#divAcquisitionBadgeEdit,
#divAbilityBadgeEdit,
#divActivityEdit,
#divPermanenceEdit,
#divWeeksEdit{
    display: none;
}
.editBadge .editprocess input{
    font-weight:100;
}
.editBadge{
    width: 471px;
}
#orgBadges .catalogBadge .catalogCourseInf,
#orgBadges .catalogTrRow{
    min-height:auto;
}
.catalogBadge{
    display: flex;
    align-items: baseline;
}
#orgBadges .imageCourseProfile{
    height: 30px;
    margin-bottom: 2px;
}
#popupAddBadgeDiv div.gallery:hover,
.divAddIcons div.gallery:hover {
}
#popupAddBadgeDiv div.gallery img,
.catalogBadge div.gallery img,
.divAddIcons div.gallery img {
    width: 100%;
    height: 100%;
}
#popupAddBadgeDiv .responsive,
.catalogBadge .responsive{
    padding: 6px 6px;
    width: 20%;
    display: inline-block;
}
.divAddIcons .responsive{
    padding: 6px 16px;
    width: 70px;
    display: inline-block;
}
#divAddFields table .courseInformationLabel {
    text-align:left;
}
#myBadgesDiv .image-gallery,.myBadgesDiv .image-gallery {
    display: flex;
}
#myBadgesDiv .image-gallery,.myBadgesDiv .image-gallery {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 5px;
    margin-bottom: 0;
    margin-top: 10px;
}
#myBadgesDiv .image-gallery > li,.myBadgesDiv .image-gallery > li {
    flex-basis: 20px;
    cursor: pointer;
}
#myBadgesDiv .image-gallery li img,.myBadgesDiv .image-gallery li img {
    object-fit: cover;
    width: 100% !important;
    height: 100%;
    vertical-align: middle;
    border-radius: 5px;}
#profileBadgeToCont ul.ui-autocomplete{
    overflow-y: scroll !important;
    position: inherit !important;
}

#categoryContentTd{
    overflow-y: auto;
}

.slow .toggle-group { transition: left 0.7s; -webkit-transition: left 0.7s; }

.exerciseScoreInput{
    width:50px;
}

label.error{
    display:none !important;
}
.site-label-ppal {
    font-size: 16pt !important;
}
.site-label-p {
    font-size: 13pt !important;
}
p.site-label-ppal+p {
    margin-bottom: 10%
}
li > a.fb-icon {
    background: url(../images/fb-icon.png) no-repeat 0px 0px !important;
}
li > a.tw-icon {
    background: url(../images/tw-icon.png) no-repeat 0px 0px !important;
}

.icon-signal.icon-email {
    background: url(../images/email-icon.png) 0px 0px no-repeat;
}
.icon-signal.icon-person{
    background: url(../images/person-icon.png) 0px 0px no-repeat;
}
.icon-signal.icon-password {
    background: url(../images/password-icon.png) 0px 0px no-repeat;
}


h1 + ul > li.site-label-p {
    font-size: 16pt !important;
}

#containment-wrapper {
    width: 530px;
    height: 400px;
    padding: 0px;
    max-height: 612px;
}
#containment-wrapper #course{
    width:auto !important;
}


#needTableId td{
    border-color:#428bca;
}


.tag.label.label-info{
    color: #006db8;
    background: #fff;
    border: 1px solid #006db8;
    border-radius: 10px;
    padding: 5px 10px;
    margin:2px;
}

.bootstrap-tagsinput{
    width: 100%;
    display: flex !important;
    flex-wrap: wrap;
}

#needTableId,#needTableId td,#needTableId th,#needTableId a{
    border-color:#a1a1a1  !important;
    color:#5c6771 !important;
}

#needTableId th{
    text-transform:uppercase;
}

#needTableId td+td+td+td .courseNeedText{
    width: 90% !important;
}

#needTableId td+td+td+td div > div > div {
    width: 90% !important;
}
#needTableId td+td+td+td .courseNeedText a{
    width: 100% !important;
}
#needTableId td+td+td+td div > div > div+div {
    margin-top:0 !important;
}
.attemptsIcon{background:url(../images/icon_attempts.png) no-repeat;height: 24px;padding: 2px 0 0 33px;/* background-size: 2% 75%; *//* background-size: cover; *//* background-position: 4px; */}
.timerIcon{height:24px;padding-left: 32px;}



#allUserCourses  .profile-course-description, #allUserCourses .course-title,
#currentCourses .profile-course-description,#currentCourses .course-title,
#organizationCourses .profile-course-description,#organizationCourses .course-title,
#coursesByCategory .profile-course-description,#coursesByCategory .course-title,
#allLearningPaths .profile-course-description, #allLearningPaths .course-title{
    overflow: hidden;
    white-space: nowrap !important;
    text-overflow: ellipsis;
}
#allUserSpecializations  .profile-course-description, #allUserSpecializations .course-title,
#allUserSpecializations  .profile-course-description, #allUserSpecializations .course-title,
#allLearningPaths .profile-course-description, #allLearningPaths .course-title{
    overflow: hidden;
    white-space: nowrap !important;
    text-overflow: ellipsis;
}

#allUserCourses  .profile-course-description
, #allUserCourses .course-title
,#currentCourses .course-title
,#currentCourses  .profile-course-description
,#organizationCourses .course-title
,#coursesByCategory .course-title
,#organizationCourses .profile-course-description{
    display: -webkit-box;
    max-width: 100%;
    width: 100%;
    margin: 0 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    padding-left: 0 !important;
    padding-right: 0 !important;
    /* width: 100px; */
    white-space: normal !important;
}
#allUserSpecializations  .profile-course-description, #allUserSpecializations .course-title{
    display: -webkit-box;
    max-width: 100%;
    width: 100%;
    margin: 0 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    padding-left: 0 !important;
    padding-right: 0 !important;
    white-space: normal !important;
}
#allUserSpecializations .content-section-a,
#allLearningPaths .content-section-a{
    background:#fff;
}

#allUserCourses .content-section-a,
#currentCourses .content-section-a,
#organizationCourses .content-section-a,
#coursesByCategory .content-section-a,
#allLearningPaths .content-section-a{
    background:#fff;
}

a#allCoursesLearn,
a#allCourses,
a#startedCourses,
a#startedCoursesLearn,
a#plannedCourses,
a#plannedCoursesLearn,
a#completedCourses,
a#completedCoursesLearn,
a#certificatesLearn{
    margin-bottom: 10px;
    width: auto;
    margin-left: 0;
    padding: 5px 15px;
    border-radius: 10px;
    background: #fff !important;
    color: #898b8c !important;
    border-color: #898b8c !important;
    float:none !important;
}

a#allCourses:hover,
a#allCoursesLearn:hover,
a#startedCourses:hover,
a#startedCoursesLearn:hover,
a#plannedCourses:hover,
a#plannedCoursesLearn:hover,
a#completedCourses:hover,
a#completedCoursesLearn:hover,
a#certificatesLearn:hover,
a.active-mycourses-btn{
    color:#fff !important;
    border-color:#009aff !important;
    background-color:#004C90  !important;
    background:#009aff  !important;
}
a#allCourses.active-mycourses-btn,
a#allCoursesLearn.active-mycourses-btn,
a#startedCourses.active-mycourses-btn,
a#startedCoursesLearn.active-mycourses-btn,
a#plannedCourses.active-mycourses-btn,
a#plannedCoursesLearn.active-mycourses-btn,
a#completedCourses.active-mycourses-btn,
a#completedCoursesLearn.active-mycourses-btn,
a#certificatesLearn.active-mycourses-btn{
    color: #fff !important;
    border-color: #009aff!important;
    background-color:#004C90  !important;
    background: #009aff!important;
    font-weight: bold;
}

#allUserCourses .course-box,
#currentCourses .course-box,
#organizationCourses .course-box,
#coursesByCategory .course-box,
#allUserSpecializations .course-box,
#allLearningPaths .course-box{
    /*margin: 0 10px;*/
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 -5px 25px 0 rgba(0, 0, 0, 0.1); */
    padding:0;
}
#allUserCourses .course-box .prestigeBarCont,
#currentCourses .course-box .prestigeBarCont,
#organizationCourses .course-box .prestigeBarCont,
#coursesByCategory .course-box .prestigeBarCont,
#allUserSpecializations .course-box .prestigeBarCont,
#allLearningPaths .course-box .prestigeBarCont{
    margin-bottom:0;
    width:100%;
    position: absolute;
    bottom: 0;
}

#allUserSpecializations .caption,
#allUserCourses .caption,
#currentCourses  .caption,
#organizationCourses .caption,
#coursesByCategory .caption,
#allLearningPaths .caption{
    padding:0;
}
#allUserSpecializations .caption h4,#allUserSpecializations .caption p,
#allUserCourses .caption h4,#allUserCourses .caption p,
#currentCourses .caption h4,#currentCourses .caption p,
#organizationCourses .caption h4,#organizationCourses .caption p,
#coursesByCategory .caption h4,#coursesByCategory .caption p,
#allLearningPaths .caption h4,#allUserCourses .caption p,#allUserSpecializations .caption p{
    padding: 0px 15px;
    display: -webkit-box;
    max-width: 100%;
    width: 100%;
    margin: 0 0;
    -webkit-line-clamp: 2;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    padding-left: 0 !important;
    padding-right: 0 !important;
    /* width: 100px; */
    white-space: normal !important;
}

#allUserSpecializations .slick-track,
#allUserCourses .slick-track,
#currentCourses .slick-track,
#organizationCourses .slick-track,
#coursesByCategory .slick-track,
#allLearningPaths .slick-track{
    display: flex;
    gap: 1rem;
}


#allUserSpecializations div.arrowAct.right,
#allUserSpecializations div.arrowAct.left,
#allUserCourses div.arrowAct.right,
#currentCourses div.arrowAct.right,
#currentCourses div.arrowAct.left,
#organizationCourses div.arrowAct.right,
#organizationCourses div.arrowAct.left,

#coursesByCategory div.arrowAct.right,
#coursesByCategory div.arrowAct.left,
#allUserCourses div.arrowAct.left,
#allLearningPaths  div.arrowAct.right,
#allLearningPaths  div.arrowAct.left{
    top:35% !important;
}
#badges #acknowledgments td{
    text-align:left;
}
#allLearningPaths .course-box{
    box-shadow:none;
    width:100%;
    padding: 10px;
}

#allLearningPaths .canvas{
    position:relative;
    padding: 0 50px;
}

#allLearningPaths .object{
    background:#fff;
    height: auto;
    width: 100%;
    margin: 15px 0;
    display: block;
    color: #91acb3;
    border:1px solid #91acb3;
    border-radius: 8px;
    padding:5px 15px;
    /* max-height: 100px; */
    overflow-y: hidden;
    overflow-x: hidden;
    /* height: 10%; */!i;!;
    /* position: relative; */
    /* float: left; */
}

#allLearningPaths .centered{
    /* display:table-cell; */
    /* vertical-align:middle; */
    /* text-align:center; */
    /* height: inherit; */
}

#allLearningPaths svg.simple-flow-line{
    position: absolute;
    top: 10px;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
}

#allLearningPaths .canvas h4,#allLearningPaths .canvas p
,#allLearningPaths .canvas p > a{

    overflow: hidden;

    white-space: nowrap !important;

    text-overflow: ellipsis;

    font-weight:bold;

    color:#91acb3;

    font-weight:400 !important;

    width: 100%;
}

#allLearningPaths .canvas .object h4{
    color: #5c6771;
    font-size: 15px !important;
    font-weight:bold !important;
    position:relative;
    z-index:999;
    width: 250px !important;
    padding:0 15px;
    display: -webkit-box;
    max-width: 100%;
    width: 100%;
    margin: 0 0;
    -webkit-line-clamp: 2;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    padding-left: 0 !important;
    padding-right: 0 !important;
    /* width: 100px; */
    white-space: normal !important;
    margin-top: 10px;
    height: 35px;
}
#allLearningPaths .canvas .object p,
#allLearningPaths .canvas .object  a{

    color:#91acb3;
    font-weight:600 !important;
    position:relative;
    z-index:999;
    line-height:15px;
}
#allLearningPaths .canvas .object p+p {
    width: 150px !important;
    color:#91acb3;
    font-weight:100 !important;
    line-height:15px;
}

#allUserSpecializations .courseGridNav .course-status-label,
#allUserCourses .courseGridNav .course-status-label,
#currentCourses .courseGridNav .course-status-label,
#organizationCourses .courseGridNav .course-status-label,
#coursesByCategory .courseGridNav .course-status-label{
    text-align:left;
    margin: 10px auto;
    margin-bottom: 4px;
}

#allUserSpecializations .courseGridNav .course-status-label label,
#allUserCourses .courseGridNav .course-status-label label,
#currentCourses .courseGridNav .course-status-label label,
#organizationCourses .courseGridNav .course-status-label label,
#coursesByCategory .courseGridNav .course-status-label label{
    width: auto !important;
    background: #f2f2f2;font-weight: 600;
    font-size: 8px;width: 80px !important;
    text-align: center;border-radius: 5px;
    min-height: auto !important;
    padding: 5px 5px;
    bottom: 100;
    left: 0% !important;
}
label.course-status-label + a{
}

#allUserSpecializations .courseGridNav h4,
#allUserCourses .courseGridNav h4,
#currentCourses .courseGridNav h4,
#organizationCourses .courseGridNav h4,
#coursesByCategory  .courseGridNav h4{
    text-align:left;
    padding:0 !important;
}

#allUserSpecializations  .courseGridNav .course-box .prestigeBarCont,
#allUserCourses  .courseGridNav .course-box .prestigeBarCont,
#currentCourses  .courseGridNav .course-box .prestigeBarCont,
#organizationCourses  .courseGridNav .course-box .prestigeBarCont,
#coursesByCategory  .courseGridNav .course-box .prestigeBarCont{
    position: relative;
    margin-top: 0;
}


#allUserSpecializations  .courseGridNav .course-box .prestigeBarCont + a,
#allUserCourses  .courseGridNav .course-box .prestigeBarCont + a,
#currentCourses  .courseGridNav .course-box .prestigeBarCont + a,
#organizationCourses  .courseGridNav .course-box .prestigeBarCont + a,
#coursesByCategory  .courseGridNav .course-box .prestigeBarCont + a{
    display: inline-block;
    width: 100%;
    margin-top:6%;
}


#allUserSpecializations  .courseGridNav .course-box .prestigeBarCont + a + a,
#allUserCourses  .courseGridNav .course-box .prestigeBarCont + a + a,
#currentCourses  .courseGridNav .course-box .prestigeBarCont + a + a,
#organizationCourses .courseGridNav .course-box .prestigeBarCont + a + a,
#coursesByCategory  .courseGridNav .course-box .prestigeBarCont + a + a{
    display:block;
    /* margin-bottom: 0 !important; */
    bottom: 0px;
    position: absolute;
    width: 88% !important;
    left: 6%;
    /* right: 10%; */
    /* margin-top: 4% !important; */
}


#allUserSpecializations  .courseGridNav .course-box,
#allUserCourses  .courseGridNav .course-box,
#currentCourses  .courseGridNav .course-box,
#organizationCourses  .courseGridNav .course-box,
#coursesByCategory .courseGridNav .course-box{
    margin: 0;
    padding: 10px 16px;
    margin-top: 0;

}


#allUserSpecializations  .courseGridNav,
#allUserCourses  .courseGridNav,
#currentCourses  .courseGridNav,
#organizationCourses .courseGridNav,
#coursesByCategory .courseGridNav{
    padding:0 !important;
    justify-content: flex-start;
}


#allUserSpecializations  .courseGridNav .course-box .caption,
#allUserCourses  .courseGridNav .course-box .caption,
#currentCourses  .courseGridNav .course-box .caption,
#organizationCourses  .courseGridNav .course-box .caption,
#coursesByCategory  .courseGridNav .course-box .caption{
    height: 130px;
}


#allUserSpecializations  .courseGridNav .course-box .caption .progress-label > label,
#allUserCourses  .courseGridNav .course-box .caption .progress-label > label,
#currentCourses  .courseGridNav .course-box .caption .progress-label > label,
#organizationCourses .courseGridNav .course-box .caption .progress-label > label,
#coursesByCategory .courseGridNav .course-box .caption .progress-label > label{
    background:#fff !important;
    text-align: left;
    margin-bottom:0px;
}


#allUserSpecializations   .courseGridNav .course-box,
#allUserCourses   .courseGridNav .course-box,
#currentCourses   .courseGridNav .course-box,
#organizationCourses .courseGridNav .course-box,
#coursesByCategory .courseGridNav .course-box{
    border:1px solid;
    border-color: #d4d4d4;

}
.menuBar .course-box{
    margin-top:0 !important;
}
.menuBar .course-box a,.learn-section-title{
    margin-bottom:0 !important;
}

.learn-section-title{

}

#allUserSpecializations,
#allUserCourses,
#currentCourses,
#organizationCourses,
#coursesByCategory{
    margin-left: 15px;
}


#allUserSpecializations .courseGridNav .planned label,
#allUserCourses .courseGridNav .planned label,
#currentCourses .courseGridNav .planned label,
#organizationCourses .courseGridNav .planned label,
#coursesByCategory .courseGridNav .planned label{
    background: #FFEFCA !important;
}


#allUserSpecializations .courseGridNav .completed label,
#allUserCourses .courseGridNav .completed label,
#currentCourses  .courseGridNav .completed label,
#organizationCourses .courseGridNav .completed label,
#coursesByCategory .courseGridNav .completed label{
    background: #D1F6D4 !important;
    color:#396E4A;
}

@media (max-width: 1024px) {
    .coursesGridDivs{

    }
    .coursesGridDivs .course-box{
        width:35% !important;
    }
}

@media (max-width: 800px) {
    .coursesGridDivs{

    }
    .coursesGridDivs .course-box{
        width:30% !important;
    }
    a#allCourses,
    a#allCoursesLearn,
    a#startedCourses,
    a#startedCoursesLearn,
    a#plannedCourses,
    a#plannedCoursesLearn,
    a#completedCourses,
    a#completedCoursesLearn,
    a#certificatesLearn{
        width:40%;
        margin:1%;
    }

}
@media (max-width: 767px) {
    .coursesGridDivs{

    }
    a#allCourses,
    a#allCoursesLearn,
    a#startedCourses,
    a#startedCoursesLearn,
    a#plannedCourses,
    a#plannedCoursesLearn,
    a#completedCourses,
    a#completedCoursesLearn,
    a#certificatesLearn{
        width:40%;
        margin:1%;
    }

    .menuBar .caption{
        display:flex;
        flex-wrap:wrap;
        text-align:center !important;
        justify-content:center;
    }
}


#allUserSpecializations  .courseGridNav,
#allUserCourses  .courseGridNav,
#currentCourses  .courseGridNav,
#organizationCourses .courseGridNav,
#coursesByCategory .courseGridNav,
#completedCourses .courseGridNav,
#plannedCourses .courseGridNav,
#startedCourses .courseGridNav{
    display:grid;
    gap:1rem;
    grid-auto-flow:dense;
    grid-auto-rows: 34rem;
    grid-template-columns:repeat(auto-fill, minmax(25rem, 1fr));
    justify-items: center;
}
#learnTab,#side-menu{
    display:block;
}
#learnTab-mobile{
    display:none;
}
@media (max-width: 767px){
    #learnTab,#side-menu{
        display:none;
    }
    #learnTab-mobile{
        display:block;
    }
}
#allLearningPaths .canvas .object p,#allLearningPaths .canvas .object a {
    font-weight:300 !important;
}

.badge-row{
    display: flex;
    flex-wrap: nowrap;
    justify-items: center;
    align-items: center;
    margin-left: 0;
}

.badge-row img{
    margin-left:0 !important;
    width:100%  !important;
    padding:2px !important;
    max-height:100% !important;
}

#allLearningPaths .centered > div.row+div.row > div.row{
    margin:auto 2px;
}


#allLearningPaths .centered > div.row+div.row > div.row > div > p.profile-course-description{
    width:150px;
}
#allLearningPaths .object{
    position:relative;
    padding-top: 10px;
}

#allLearningPaths .object .prestigeBarCont{
    width: 100%;
    position: absolute !important;
    bottom: 0;
    margin: 0;
    left: 0;
}



#allUserSpecializations .course-box,
#allUserCourses .course-box,
#currentCourses .course-box,
#organizationCourses .course-box,
#coursesByCategory  .course-box{
    padding: 10px 6px;
    border:1px solid #d4d4d4;
}



#allUserSpecializations .caption,
#allUserCourses .caption,
#currentCourses .caption,
#organizationCourses .caption,
#coursesByCategory .caption{
    height:180px;
}

#allLearningPaths .profile-course-description{
    padding-right:10px;
}

.more-nomore-div{
    height: 150px !important;
    overflow: hidden;
}
.vertical-separator-div{
    height: 25px;
}
.org-path-desc{
    font-weight: 100;
    margin-top: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.org-path-name{
    margin-top: 0;
    font-weight:700;
    font-size:100%;
    text-overflow: ellipsis;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.org-path-coursename{
    text-overflow: ellipsis;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.exerciseContent{
    min-height:auto;
}


#exerciseExecutionHistoryMultipleQuestions table.genericTable td .contentFiles,
#exerciseExecutionHistory table.genericTable td .contentFiles{
    border-bottom:none !important;
}


.exceedError{
    border-color:red !important;
}

.charsCounter{
    float:right;
}


table.multipleQuestionsDelivered{
    table-layout:fixed;
    width:100%;

}

table.multipleQuestionsDelivered tr th:first-child{
    width:10%;
}
table.multipleQuestionsDelivered tr td{
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding-right:20px;
}

.questionContainer input[type=number] {
    border: none;
    background: #CFF;
    height: 16px;
}

#badgesTrack th{
    white-space:inherit !important;
}

#badgesTrack td {
    white-space:normal !important;
    width:auto;
}

#pathsDetailsMultiple{
    table-layout:fixed !important;
}

#pathsDetailsMultiple th+th{
    width:10% !important;
    padding:5px;
}

#pathsDetailsMultiple th{
    white-space:inherit !important;
}
#pathsDetailsMultiple td {
    white-space:normal !important;
    word-break:break-word;
    padding:5px;
}


.ui-spinner{
    overflow:visible !important;
}

.questionTitleSeq{
    position: absolute;
    top: 6px;
    width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#currentCourses .slick-slide,
#allUserCourses .slick-slide,
#organizationCourses .slick-slide,
#coursesByCategory .slick-slide{
    width: 300px !important;
}

/*#hiddenExerciseContTime #spinner{*/
/*    width: 30px !important;*/
/*    margin-right: 16px !important;*/
/*    text-align: right !important;*/
/*    height: 21px !important;*/
/*}*/
#hiddenExerciseContTime #spinnerLabel{
    display:flex;
}
/*#hiddenExerciseContTime  .ui-spinner-buttons{*/
/*    width: 16px  !important;*/
/*    height: 21px !important;*/
/*    left: -16px !important;*/
/*    top: 0px !important;*/
/*}*/

#allUserSpecializations .caption p,
#organizationCourses .caption p,
#coursesByCategory .caption p{
    padding:0 15px;
    display: -webkit-box;
    max-width: 100%;
    width: 100%;
    margin: 0 0;
    -webkit-line-clamp: 4;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    padding-left: 0 !important;
    padding-right: 0 !important;
    /* width: 100px; */
    white-space: normal !important;

}



#hiddenExerciseContTime #spinner{
    width: 30px !important;
    margin-right: 16px !important;
    text-align: right !important;
    height: 21px !important;
}

#hiddenExerciseContTime .ui-spinner-buttons{
    width: 16px !important;
    height: 21px !important;
    left: -15px !important;
    top: 0px;
}

#hiddenExerciseContTime .ui-spinner-buttons .ui-spinner-up,
#hiddenExerciseContTime .ui-spinner-buttons .ui-spinner-down{
    height:10.5px !important;
}


#allUserCourses .course-box,
#startedCourses .course-box,
#plannedCourses .course-box,
#completedCourses .course-box{
    width:250px;
}


#currentCourses .slick-slide > a,
#coursesByCategory .slick-slide > a,
#organizationCourses .slick-slide > a,
#allUserCourses .slick-slide > a{
    display: inline-block; /* Para que el anchor contenga correctamente la imagen */
    width: 210px; /* Tama?o deseado (cuadrado) */
    height: 200px;
    overflow: hidden;
}
#currentCourses .slick-slide > a > img,
#coursesByCategory .slick-slide > a > img,
#organizationCourses .slick-slide > a > img,
#allUserCourses .slick-slide > a > img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.learnMenuBarDahs{
    display:flex;
    flex-wrap:wrap;
    /*justify-content: space-between;*/
    /*padding-right:20px !important;*/
}
.learnContentDash .intro-header{
    margin-top:0px;
}


.learnMenuBarDahs a{
    margin: 10px 12px;
}

.slider-container {
    width: 100%;
    margin: 0 auto;
}

.slider img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

/* Personaliza los puntos de navegaci?n */
.slick-dots li button:before {
    color: #fff;
}


a#allCoursesPublished,
a#allCoursesArchived,
a#allCoursesDraft,
a#allSpecializations,
a#allExternalCourses{
    margin-bottom: 10px;
    width: auto;
    margin-left: 0;
    padding: 5px 15px;
    border-radius: 10px;
    background: #fff !important;
    color: #898b8c !important;
    border-color: #898b8c !important;
    float:none !important;
}

a#allCoursesPublished:hover,
a#allCoursesArchived:hover,
a#allCoursesDraft:hover,
a#allSpecializations:hover,
a#allExternalCourses:hover{
    color:#fff !important;
    border-color:#009aff !important;
    background-color:#004C90  !important;
    background:#009aff  !important;
}
a#allCoursesPublished.active-mycourses-btn,
a#allCoursesArchived.active-mycourses-btn,
a#allCoursesDraft.active-mycourses-btn,
a#allSpecializations.active-mycourses-btn,
a#allExternalCourses.active-mycourses-btn{
    color: #fff !important;
    border-color: #009aff!important;
    background-color:#004C90  !important;
    background: #009aff!important;
    font-weight: bold;
}

#needTableId td+td+td+td .courseNeedText a.org-path-coursename {
    text-decoration: none !important;
    color: #006DB8 !important;
}
/*#needTableId td+td+td+td .courseNeedText a.org-path-coursename{*/
/*    font-weight: normal !important;*/
/*    text-decoration: none !important;*/
/*    background: #009AFF !important;*/
/*    color: #fff !important;*/
/*    font-size: 75% !important;*/
/*    padding: 2px 5px !important;*/
/*    border-radius: 20px !important;*/
/*    width: auto !important;*/
/*}*/