/* GENERAL */
html,body { margin: 0px; padding: 0px; width: 100%; /*height: 100%;*/ font-family: "effloresce_regular",Sans-Serif;}
body.parallax-login-register{ overflow: hidden; width: 100%; height: 100%; }
body.showing-modal { overflow: hidden; }
.truncate{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

[placeholder]:empty:before {
    content: attr(placeholder);
    color: #555; 
}

[placeholder]:empty:focus:before {
    content: "";
}

[contenteditable="true"].single-line {
    white-space: nowrap;
    width:200px;
    overflow: hidden;
} 
[contenteditable="true"].single-line br {
    display:none;

}
[contenteditable="true"].single-line * {
    display:inline;
    white-space:nowrap;
}

/* footer sticky */
/*
body { display: flex; min-height: 100vh; flex-direction: column; }
main { flex: 1 0 auto; z-index: 2; }
*/
/* footer page */
.footer.page-footer{ display: none;  height: 51px;}
.footer.page-footer .footer{ height: 51px; width: 100%; background: url(img/bg_footer.png); position: relative; display: block; }
.footer.page-footer .footer .center-align{ width: 380px; margin: 0px auto; padding-top: 18px; }
.footer.page-footer .footer .left{ position: absolute; bottom: 16px; left: 16px; }
.footer.page-footer .footer .right{ position: absolute; bottom: 12px; right: 12px; }
.footer.page-footer .footer .right .logo{ display: inline-block; vertical-align: -3px; }
.footer.page-footer .footer ul{ list-style: none; padding-top: 18px; margin: 0; padding: 0; }
.footer.page-footer .footer ul li{ display: inline-block; }
.footer.page-footer .footer ul li:after{ content: '   | ';  }
.footer.page-footer .footer ul li:last-child:after{ content: '';  }
.footer.page-footer .footer ul li a{ text-decoration: none; color: #000; }

/* footer project */
.footer.project-footer{ display: none; }
.footer.project-footer .footer{ width: 100%; height: 58px; background: url(img/bg_footer_project_2.png); position: relative; }
.footer.project-footer .footer:before,
.footer.project-footer .footer:after{ content: ' '; position: absolute; top: 0px; width: 166px; height: 58px; background: url(img/bg_footer_project_1.png); display: inline-block; }
.footer.project-footer .footer:before{ left: 0; }
.footer.project-footer .footer:after{ right: 0; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";}
.footer.page-footer .footer .center-align{ width: 300px; margin: 0px auto; padding-top: 18px; text-align: center; padding-left: 50px; }
.footer.page-footer .footer .left{ position: absolute; bottom: 16px; left: 16px; }
.footer.page-footer .footer .left a{ position: absolute; top: -12px; left: 143px; }
.footer.page-footer .footer .right{ position: absolute; bottom: 12px; right: 12px; }
.footer.page-footer .footer .right .logo{ display: inline-block; vertical-align: -3px; }
.footer.page-footer .footer ul{ list-style: none; padding-top: 18px; margin: 0; padding: 0;}
.footer.page-footer .footer ul li{ display: inline-block; }
.footer.page-footer .footer ul li:after{ content: '   | ';  }
.footer.page-footer .footer ul li:last-child:after{ content: '';  }
.footer.page-footer .footer ul li a{ text-decoration: none; color: #000; }

.flip-horizontal { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }

/* shadows */
.standard-bisel-shadow-1{ -webkit-box-shadow: inset 3px 3px 3px rgba(255,255,255,.2), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.25);
                          -moz-box-shadow: inset 3px 3px 3px rgba(255,255,255,.2), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.25);
                          box-shadow: inset 3px 3px 3px rgba(255,255,255,.2), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.25); }
.standard-bisel-shadow-2{ -webkit-box-shadow: inset 3px 3px 3px rgba(255,255,255,.3), inset -2px -2px 3px rgba(0,0,0,.2), 2px 2px 10px rgba(0,0,0,.7);
                          -moz-box-shadow: inset 3px 3px 3px rgba(255,255,255,.3), inset -2px -2px 3px rgba(0,0,0,.2), 2px 2px 10px rgba(0,0,0,.7);
                          box-shadow: inset 3px 3px 3px rgba(255,255,255,.3), inset -2px -2px 3px rgba(0,0,0,.2), 2px 2px 10px rgba(0,0,0,.7); }
.standard-shadow-1{ -webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25);
                    -moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25);
                    box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25); }
.standard-shadow-2{ -webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.5);
                    -moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.5);
                    box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.5); }
.standard-shadow-3{ -webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.75);
                    -moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.75);
                    box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.75); }
.standard-shadow-4{ -webkit-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.3);
                    -moz-box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.3);
                    box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.3); }
.standard-text-shadow-1{ -webkit-text-shadow: 1px 2px 3px #666666;
                         -moz-text-shadow: 1px 2px 3px #666666;
                         text-shadow: 1px 2px 3px #666666; }
.standard-text-shadow-2{ -webkit-text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.66);
                         -moz-text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.66);
                         text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.66); }
.standard-text-shadow-3{ -webkit-text-shadow: 1px 2px 3px #000;
                         -moz-text-shadow: 1px 2px 3px #000;
                         text-shadow: 1px 2px 3px #000; }
.standard-text-shadow-4{ -webkit-text-shadow: 1px 1px 1px #513113;;
                         -moz-text-shadow: 1px 1px 1px #513113;;
                         text-shadow: 1px 1px 1px #513113; }

.standard-inner-shadow-1{
    -moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow:         inset 0 0 10px #000000;
}
.standard-inner-shadow-2{
    -moz-box-shadow:    inset 0px 0px 8px #666666;
    -webkit-box-shadow: inset 0px 0px 8px #666666;
    box-shadow:         inset 0px 0px 8px #666666;
}
.standard-inner-shadow-3{
    -moz-box-shadow:    inset 0px 0px 8px #888888;
    -webkit-box-shadow: inset 0px 0px 8px #888888;
    box-shadow:         inset 0px 0px 8px #888888;
}
.standard-inner-shadow-4{
    -webkit-box-shadow: inset 0px 4px 10px 3px rgba(0,0,0,0.42);
    -moz-box-shadow: inset 0px 4px 10px 3px rgba(0,0,0,0.42);
    box-shadow: inset 0px 4px 10px 3px rgba(0,0,0,0.42);
}
.standard-inner-shadow-5{
    -webkit-box-shadow: inset 0px 2px 10px #4c0d0d;
    -moz-box-shadow: inset 0px 2px 10px #4c0d0d;
    box-shadow: inset 0px 2px 10px #4c0d0d;
}

/*
 *  STYLE 2
 */

.standard-scrollbar-1::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.standard-scrollbar-1::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

.standard-scrollbar-1::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #D62929;
}

.standard-scrollbar-2::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.standard-scrollbar-2::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

.standard-scrollbar-2::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}


.standard-scrollbar-3::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #987c63;
    background-image: url(img/bg-pattern/arabesque.png);
}

.standard-scrollbar-3::-webkit-scrollbar
{
    width: 10px;
    background-color: #F5F5F5;
}

.standard-scrollbar-3::-webkit-scrollbar-thumb
{
    background-color: #ccb35e;
    border-radius: 3px;
    border: 2px solid #555555;
    background-image: url(img/scollt.png);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

/* standard buttons */
main .d-module .btn { cursor: pointer; }

/* Modules */
main .d-module { display: none; }


/* MODALS */
#modal-form-contact, 
#modal-info,
#modal-confirm,
#modal-container{ display: none; }

/* UNBOARDING */
.unboarding { display: none; }
.unboarding .overlay {
    position: absolute;
    left: 300px;
    top: 412px;
    width: 250px;
    height: 90px;
    border-radius: 20px;
    box-shadow: 0px 0px 4px 10px rgba(0,0,0,0.5) inset, 0px 0px 0px 3000px rgba(0,0,0,0.5);
    z-index: 11;
}
.unboarding .block_bg{ background: transparent; height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 10; }
.unboarding .message-box { position: absolute; left: 500px; top: 312px; width: 474px; background: transparent; z-index: 12; }
.unboarding .message-box:after,
.unboarding .message-box:before{ content: ' '; position: absolute; left: 0; }
.unboarding .message-box:after { bottom: -74px; width: 474px; height: 74px; background: url(img/onboarding/base_abajo.png) no-repeat; }
.unboarding .message-box:before { top: -31px; width: 474px; height: 31px; background: url(img/onboarding/base_arriba.png) no-repeat; }
.unboarding .message-box .message-box-close { cursor: pointer; position: absolute; right: 30px; top: 0px; width: 30px; height: 30px; background: url(img/onboarding/btn_cerrar.png) no-repeat; background-position: center; z-index: 12; }
.unboarding .message-box .message-box-accept { cursor: pointer; position: absolute; right: 30px; bottom: -50px; width: 137px; height: 50px; background: url(img/onboarding/btn_entendido.png) no-repeat; color: #fff1d1; text-align: center; font-size: 18px; line-height: 48px; z-index:7;}
.unboarding .message-box .message-box-body { position: relative; left: 0; width: 474px; height: auto; background: url(img/onboarding/base_medio.png); padding: 0;}
.unboarding .message-box .message-box-body .message-box-body-title{ padding: 5px 25px 5px 35px; color: #371c0b; font-family: 'akaPosse'; font-size: 24px; }
.unboarding .message-box .message-box-body .message-box-body-message{ padding: 5px 25px 5px 35px; color: #371c0b; font-size: 18px; }

/* TOASTS */
.d-toasts { position: fixed; top: 5px; right: 0; z-index: 5; padding-top: 5px; }
.d-toasts { position: fixed; top: 5px; right: 0; z-index: 99999; padding-top: 5px; }
.d-toasts .d-toast{ display: block; height: 64px; margin: 5px; cursor: pointer; }
.d-toasts .d-toast .area{ float: right; height: 64px; }
.d-toasts .d-toast .area.area-left{ width: 32px; background: url(img/bg_toast_1.png) no-repeat; }
.d-toasts .d-toast .area.area-center{ width: auto; background: url(img/bg_toast_2.png); height: 41px; padding-top: 22px; font-family: 'special_elite'; color: #ffe4a9; }
.d-toasts .d-toast .area.area-right{ width: 31px; background: url(img/bg_toast_3.png) no-repeat; }
.d-toasts .d-toast .area.area-right{ width: 31px; background: url(img/bg_toast_3.png) no-repeat; }

/* TOOLTIP */
.d-tooltip { position: absolute; left: 300px; top: 412px; width: 292px; z-index: 12; display: none; }
.d-tooltip .d-tooltip-message{ position: relative; left: 0; width: 292px; height: auto; background: url(img/tooltip/tipmed.png); padding: 0; font-weight: bold; }
.d-tooltip .d-tooltip-message span{ padding: 3px 10px 3px 10px; display: block; text-align: center; }
.d-tooltip:after, 
.d-tooltip:before { content: ' '; position: absolute; left: 0; }
.d-tooltip:before { top: -14px; width: 292px; height: 14px; background: url(img/tooltip/tipsup.png) no-repeat; }
.d-tooltip:after { bottom: -19px; width: 292px; height: 19px; background: url(img/tooltip/tipinf.png) no-repeat; }

.d-tooltip.dark { width: 100px;}
.d-tooltip.dark .d-tooltip-message{ background: none; background-color: #4c2e22; width: 100px; border-radius: 10px; padding: 5px; color: #e8bd6a; -moz-box-shadow: 0px 1px 2px #cb9f37; -webkit-box-shadow: 0px 1px 2px #cb9f37; box-shadow: 0px 1px 2px #cb9f37; }
.d-tooltip.dark:before { background: none; width: 100px; height: 0px; }
.d-tooltip.dark:after { background: none; width: 100px; height: 0px;}

/* Discover-card */
.d-card { }
/* END Discover-card */

/* FORMS */
form input{ font-family: 'special_elite'; }
form input:focus,
form textarea:focus,
form select:focus{ outline: none;  -webkit-box-shadow: none; box-shadow: none; }
form input.simple-input { display: inline-block; border: none; background: transparent; border-bottom: 1px solid #c1b78e; font-size: 18px; margin-left: 10px; }
form select.simple-select { font-family: 'special_elite'; display: inline-block; border: none; background: transparent; border-bottom: 1px solid #c1b78e; font-size: 18px; margin-left: 10px; }
form select.simple-select option { font-family: 'special_elite'; }
.simple-checkbox input[type="checkbox"]:not(:checked),
.simple-checkbox input[type="checkbox"]:checked {position: absolute;left: -9999px;}
.simple-checkbox input[type="checkbox"]:not(:checked) + label,
.simple-checkbox input[type="checkbox"]:checked + label {position: relative; padding-left: 1.95em; cursor: pointer;}
.simple-checkbox input[type="checkbox"]:not(:checked) + label:before,
.simple-checkbox input[type="checkbox"]:checked + label:before {width: 30px;height: 30px;border-radius: 50%;background: #4e1402; content: ''; position: absolute; left: 0; top: 0; font-weight: bold;-moz-box-shadow: 0px 1px 2px #cb9f37; -webkit-box-shadow: 0px 1px 2px #cb9f37; box-shadow: 0px 1px 2px #cb9f37;}
.simple-checkbox input[type="checkbox"]:not(:checked) + label:after,
.simple-checkbox input[type="checkbox"]:checked + label:after {background: url(img/check_custom.png) no-repeat; content: ""; width: 18px; height: 15px; position: absolute; top: 8px; left: 6px; color: #ba8b30; transition: all .2s;}
.simple-checkbox input[type="checkbox"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
.simple-checkbox input[type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1);}
.simple-checkbox input label[for=d-teacher-conditions]{padding-top: 5px; padding-left: 37px; color: #220502;}
.simple-checkbox input label[for=d-teacher-conditions] a{color: #cb9f37; text-decoration: none;}

.simple-checkbox.green input[type="checkbox"] + label:before { background: #3c4f4f; 
                                                               -moz-box-shadow: 0px 1px 2px #979591; -webkit-box-shadow: 0px 1px 2px #979591; box-shadow: 0px 1px 2px #979591; }
.simple-checkbox.green input[type="checkbox"]:not(:checked) + label:after,
.simple-checkbox.green input[type="checkbox"]:checked + label:after {background: url(img/check_custom-2.png) no-repeat; }

.simple-checkbox.asterisk{ padding: 8px 0 8px 0; }
.simple-checkbox.asterisk { font-family: 'effloresce_bold'; }
.simple-checkbox.asterisk label{ padding-top: 5px; }
.simple-checkbox.asterisk input[type="checkbox"]:not(:checked) + label:before, 
.simple-checkbox.asterisk input[type="checkbox"]:checked + label:before{ 
    background: url(img/bg_check.png) no-repeat; height: 28px; width: 28px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.simple-checkbox.asterisk input[type="checkbox"]:not(:checked) + label:after, 
.simple-checkbox.asterisk input[type="checkbox"]:checked + label:after{
    background: url(img/ico_corner.png) no-repeat; top: 5px; left: 3px; width: 22px; height: 26px; }

.simple-checkbox.square{ padding: 8px 0 8px 0; }
.simple-checkbox.square { font-family: 'effloresce_bold'; }
.simple-checkbox.square label{ padding-top: 5px; }
.simple-checkbox.square input[type="checkbox"]:not(:checked) + label:before, 
.simple-checkbox.square input[type="checkbox"]:checked + label:before{ 
    background: url(img/bg_check_square.png) no-repeat; height: 28px; width: 28px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;     border-radius: 0; margin-top: 2px;}
.simple-checkbox.square input[type="checkbox"]:not(:checked) + label:after, 
.simple-checkbox.square input[type="checkbox"]:checked + label:after{
    background: url(img/bg_check_square_top.png) no-repeat; top: 8px; left: 4px; width: 22px; height: 26px; }

.simple-checkbox.circle{ padding: 8px 0 8px 0; }
.simple-checkbox.circle { font-family: 'effloresce_bold'; }
.simple-checkbox.circle label{ padding-top: 5px; }
.simple-checkbox.circle input[type="checkbox"]:not(:checked) + label:before, 
.simple-checkbox.circle input[type="checkbox"]:checked + label:before{ 
    background: url(img/bg_check_circle.png) no-repeat; height: 28px; width: 28px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; margin-top: 2px; }
.simple-checkbox.circle input[type="checkbox"]:not(:checked) + label:after, 
.simple-checkbox.circle input[type="checkbox"]:checked + label:after{ background: url(img/bg_check_circle_top.png) no-repeat; top: 8px; left: 6px; width: 22px; height: 26px; }

input.d-simple-input{ font-family: 'special_elite'; height: 30px; display: inline-block; border: none; background: transparent; border-bottom: 1px solid #c1b78e; font-size: 18px; margin-left: 10px; }
textarea.d-simple-input{ font-family: 'special_elite'; display: inline-block; border: none; background: #fff; border-bottom: 1px solid #c1b78e; font-size: 18px; margin-left: 10px; }

/* BUTTONS */
.btn.d-btn-golden-big{ display: block; margin: 0 auto; width: 386px; height: 51px; background: url(img/buttons_gold.png) no-repeat; border: 0px none;font-family: "akaPosse",Sans-Serif; font-size: 21px; color: #32240b;cursor: pointer; padding-top: 9px; margin-top: 6px; text-transform: uppercase; }
a.btn.d-btn-golden-big{ text-decoration: none; }
.btn.d-btn-golden-big:hover{ opacity: .9; }
.btn.d-btn-golden-big.disabled:hover{ opacity: .5; }
.btn.d-btn-golden-big:active{ opacity: .7; }

.btn.d-back-arrow-btn{ display: block; margin: 0 auto; width: 120px; height: 56px; background: url(img/bg_btn_back.png) no-repeat; border: 0px none;font-family: "akaPosse",Sans-Serif; font-size: 21px; color: #32240b;cursor: pointer; padding-top: 14px; margin-top: 6px; text-transform: uppercase; text-align: center; padding-left: 10px;}
a.btn.d-back-arrow-btn{ text-decoration: none; }
.btn.d-back-arrow-btn:hover{ opacity: .9; }
.btn.d-back-arrow-btn:active{ opacity: .7; }

.btn.btn-bitmap:hover{ opacity: .9; }
.btn.btn-bitmap:active{ opacity: .7; }

.btn{ text-decoration: none; color: #000; cursor: pointer; }

.btn.orange{ color: #FFF; font-family: effloresce_bold; background: url(img/button_orange_center.png) repeat-x; border: none; height: 40px; line-height: 2.2rem; color: #FFF; border-radius: 0; position: relative; margin-right: 20px; margin-left: 20px;     display: inline-block;}
.btn.orange:after{ position: absolute; content: ""; width: 20px; height: 40px; background: url(img/button_orange_right.png) no-repeat; top:0; right: -20px; }
.btn.orange:before{ position: absolute; content: ""; width: 20px; height: 40px; background: url(img/button_orange_left.png) no-repeat; left: -20px; top:0; }
.btn.orange:hover{ opacity: .9; }
.btn.orange.disabled:hover{ opacity: .5; }
.btn.dark{ color: #b48760; border-radius: 17px; background: #302119; border: 1px solid #4f3526; padding: 5px 19px; font-family: effloresce_bold;}
.btn.dark:hover{ background: #4f3526; }
.btn.dark.disabled:hover{ background: #302119; }
.btn.blue{ color: #FFF; border-radius: 17px; background: #1e7fb1; border: 1px solid #20698b; padding: 5px 19px; }
.btn.blue:hover{ background: #2b8cba; }
.btn.blue.disabled:hover{ background: #1e7fb1; }
.btn.disabled,
.btn.disabled:hover,
.btn.disabled:active{ opacity: .5; }
.btn.brown{ color: #FFF; border-radius: 17px; background: #694a41;  padding: 5px 19px; font-family: effloresce_bold;}
.btn.brown:hover{ background: #4a3929; }
.btn.white{ color: #FFF; border-radius: 17px; background: transparent;  padding: 5px 19px; font-family: effloresce_bold; border: 2px solid white; }
.btn.white:hover{ color: #dedede; }
.btn.white-without-border{ color: #FFF; border-radius: 17px; background: transparent;  padding: 5px 19px; font-family: effloresce_bold;  }
.btn.white-without-border:hover{ color: #dedede; }

.btn.orange-white{ color: #d1541b; border-radius: 17px; background: transparent;  padding: 5px 19px; font-family: effloresce_bold; border: 2px solid #d1541b; }
.btn.orange-white:hover{ color: #666666; }

/* border inset */
.d-border-inset { position: relative; width: 200px; height: 100px; background: silver; border: 2px solid #FFF; }
.d-border-inset .corner { position: absolute; height: 10px; width: 10px; border: 2px solid #FFF; background-color: silver; }
.d-border-inset .top-left { top: -2px; left: -2px; border-radius: 0 0 100% 0; border-width: 0 2px 2px 0; }
.d-border-inset .top-right { top: -2px; right: -2px; border-radius: 0 0 0 100%; border-width: 0 0 2px 2px; }
.d-border-inset .bottom-left { bottom: -2px; left: -2px; border-radius: 0 100% 0 0; border-width: 2px 2px 0 0; }
.d-border-inset .bottom-right { bottom: -2px; right: -2px; border-radius: 100% 0 0 0; border-width: 2px 0 0 2px; }

/* PARALAX LOGIN-REGISTER*/
.paralax-container-login{ position: fixed; margin: 0px; padding: 0px; width: 100%; height: 100%; background: url(img/bg.png) no-repeat center center fixed;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;overflow: hidden; display: none;}
.paralax-container-login #scene_paralax{overflow: hidden; margin: 0; padding: 0;width: 100%; height: 100%;}
.paralax-container-login #scene_paralax li{margin: 0; padding: 0;z-index: 9;}
.paralax-container-login #scene_paralax .item_0 img{margin-left: -416px; margin-top: -34px;}
.paralax-container-login #scene_paralax .item_a img{width: 66%; margin-left: -14px; margin-top: -14px;}
.paralax-container-login #scene_paralax .item_b img{ margin-right: 12%; width: 70%; float: right; margin-top: -20px;}
.paralax-container-login #scene_paralax .item_c{ right: 0px;}
.paralax-container-login #scene_paralax .item_c img{ float: right; width: 34%; margin-right: -50px; margin-top: -111px;}
.paralax-container-login #scene_paralax .item_d{ bottom: 0!important; top: auto!important;}
.paralax-container-login #scene_paralax .item_d img{width: 50%; margin-left: -29px; margin-bottom: -20px;}
.paralax-container-login .per_alicia{position: absolute; bottom: 0px; left: 0px; width: 35%;z-index: 9;}
.paralax-container-login .per_ernesto{position: absolute; bottom: 0px; right: 0px; width: 65%;z-index: 9;}

/* MODULE-Login */
.d-module.m-login{}
main .m-login {width: 100%; height: 100%;  overflow: hidden; }

/* MINI-SITE */
main .m-minisite.header-retracted .header .image-top{ display: none; }
main .m-minisite.header-fixed .header { position: fixed; top: 0; left: 0; right: 0; z-index: 5; }
main .m-minisite .header .d-header .d-header-tile{ margin: 0; padding: 0; position: relative; height: 72px; width: 100%; display: block; transition: background-image 1s ease-in-out; background-image: url(img/bg_header_bar_0_t.png); background-position: 5px 6px;}
main .m-minisite .header .d-header .d-header-tile.sticky{ position: fixed; top: 0; left: 0; right: 0; z-index: 6; }
main .m-minisite .header .d-header .d-header-tile .d-header-tile-container{ width: 100%; height: 72px; display: block; transition: background-image 1s ease-in-out; background-image: url(img/bg_header_bar_2_t.png); }
main .m-minisite .header.show-bg .d-header .d-header-tile{ margin: 0; padding: 0; position: relative; height: 72px; width: 100%; display: block; background-image: url(img/bg_header_bar_0.png);  }
main .m-minisite .header.show-bg .d-header .d-header-tile .d-header-tile-container{ width: 100%; height: 72px; display: block; background-image: url(img/bg_header_bar_2.png); }
main .m-minisite .header.show-bg .d-header .d-header-tile .image-left{ position: absolute; left: 0; top: 0; width: 9px; height: 72px; transition: background-image 1s ease-in-out; background-image: url(img/bg_header_bar_1.png); }
main .m-minisite .header.show-bg .d-header .d-header-tile .image-right{ position: absolute; right: 0; top: 0; width: 9px; height: 72px; transition: background-image 1s ease-in-out; background-image: url(img/bg_header_bar_3.png); }
main .m-minisite .header .d-header .d-header-tile .image-left{ position: absolute; left: 0; top: 0; width: 9px; height: 72px; background: url(img/bg_header_bar_1_t.png);}
main .m-minisite .header .d-header .d-header-tile .image-right{ position: absolute; right: 0; top: 0; width: 9px; height: 72px; background: url(img/bg_header_bar_3_t.png); }
main .m-minisite .header .d-header .d-header-tile .logo-edelvives{ position: absolute; left: 20px; top: 20px; width: 217px; height: 30px; background: url(img/minisite/logo-edelvives.png); }
main .m-minisite .header .d-header .d-header-tile .ms-menu{ margin: 0; padding: 0; position: absolute; top: 0px; right: 14px; overflow: hidden; width: 666px; }
body.lang-eu main .m-minisite .header .d-header .d-header-tile .ms-menu{ width: 700px; }
main .m-minisite .header .d-header .d-header-tile .ms-menu li{ transition: background-color 1s ease-in-out; background-color:transparent; border-radius: 20px; float: left; margin-top: 22px; margin-right: 20px; padding: 5px; display: inline-block; font-family: effloresce_bold; font-size: 18px; color: #dfb44e; }
body.lang-eu .m-minisite .header .d-header .d-header-tile .ms-menu li{ max-width: 131px;
                                                                       text-align: center;
                                                                       line-height: .9em;
                                                                       font-size: 15px;
                                                                       word-break: break-all; }
main .m-minisite .header .d-header .d-header-tile .ms-menu li:last-child{ margin-top: 9px; margin-right: 0; }
main .m-minisite .header .d-header .d-header-tile .ms-menu li a{ text-decoration: none; color: #dfb44e;  }
main .m-minisite .header .d-header .d-header-tile .ms-menu li.active{ background-color: rgba(0,0,0,0.4);    }
main .m-minisite .header .d-header .d-header-tile .ms-menu li a:hover{ color: #fbda8c; }
main .m-minisite .header .d-header .d-header-tile .ms-menu li .btn.login{ float: left; line-height: 42px; text-align: center; width: 200px; height: 50px; background: url(img/minisite/btn-login.png) no-repeat; font-family: akaPosse; font-size: 20px; color: #000;     
                                                                          -webkit-text-shadow: 1px 2px 3px #dfb44e;
                                                                          -moz-text-shadow: 1px 2px 3px #dfb44e;
                                                                          text-shadow: 1px 2px 3px #dfb44e;}

main .m-minisite .ms-section{ background-position: center; text-align: center; }
main .m-minisite .ms-section .ms-section-title{ font-family: 'cinzel_decorative_700'; font-size: 27px; padding-top: 75px; color: #dfb44e;  }
main .m-minisite #section-top{ height: 632px; background-image: url(img/minisite/bg-0.jpg); background-color: rgba(42,22,36,1); }

main .m-minisite #section-que-es{ height: 848px; background-image: url(img/minisite/bg-1.jpg);}
main .m-minisite #section-que-ofrece{ height: 840px; background-image: url(img/minisite/bg-2.jpg);}
main .m-minisite #section-empezamos{ height: 794px; background-image: url(img/minisite/bg-3.jpg);}
main .m-minisite #section-contacto{ height: 618px; background-image: url(img/minisite/bg-4.jpg);}

main .m-minisite #section-top { padding-top: 150px; }
main .m-minisite #section-top .logo-main{ display: block; width: 519px; height: 244px; background: url(img/minisite/logo-main.png); margin: 0 auto;}
body.lang-ca main .m-minisite #section-top .logo-main{ background: url(img/minisite/ta-tum_logo_baula.png); }
body.lang-eu main .m-minisite #section-top .logo-main{ background: url(img/minisite/logo-main_eu.png); }
main .m-minisite #section-top .btn-play{ display: block; width: 79px; height: 80px; background: url(img/minisite/btb-play.png); margin: 90px auto; cursor: pointer; }
main .m-minisite #section-top .apps-container { display: block; width: 570px; height: 60px; margin: 20px auto;  }
main .m-minisite #section-top .apps-container .btn-store{ display: inline-block; width: 170px; height: 60px; background: url(img/apps_appstore.png); cursor: pointer; }
main .m-minisite #section-top .apps-container .btn-store.google{ background: url(img/apps_gplay.png); }
main .m-minisite #section-top .apps-container .btn-store.chrome{   background: url(img/app_chromews.png); width: 176px; /*background: url(img/apps_chrome-store2.png) no-repeat;
                                                                     width: 170px;
                                                                     height: 44px;
                                                                     background-size: 94%;
                                                                     background-color: #000;
                                                                     border-radius: 6px;
                                                                     border: 1px solid silver;
                                                                     background-position: center;
                                                                     vertical-align: top;
                                                                     margin-top: 3px;
                                                                     margin-left: 6px;*/}

main .m-minisite #section-que-es .ms-section-body{ font-family: 'special_elite'; padding-top: 25px; color: #dfb44e; }
main .m-minisite #section-que-es .ms-section-body .ms-text{ max-width: 700px; text-align: left; margin: 0 auto; line-height: 20px; margin-top: 40px; margin-bottom: 20px;}
main .m-minisite #section-que-es .ms-section-body .tree-images{ display: block; height: 200px; width: 700px; margin: 0 auto; }
main .m-minisite #section-que-es .ms-section-body .tree-images .ms-img { cursor: pointer; transition: opacity 1s ease-in-out; visibility: hidden; opacity: 0; display: inline-block; width: 214px; height: 232px; background-position: center; background-repeat: no-repeat; margin-right: 15px; }
main .m-minisite #section-que-es .ms-section-body .tree-images.show .ms-img { visibility: visible; opacity: 1; }
main .m-minisite #section-que-es .ms-section-body .tree-images .ms-img:first-child {  }
main .m-minisite #section-que-es .ms-section-body .tree-images .ms-img.img1 { background-image: url(img/minisite/helena.png); }
main .m-minisite #section-que-es .ms-section-body .tree-images .ms-img.img1:hover { background-image: url(img/minisite/helena_hover.png); }
main .m-minisite #section-que-es .ms-section-body .tree-images .ms-img.img2 { transition-delay: 500ms; background-image: url(img/minisite/axel.png); }
main .m-minisite #section-que-es .ms-section-body .tree-images .ms-img.img2:hover { transition-delay: 500ms; background-image: url(img/minisite/axel_hover.png); }
body.lang-ca main .m-minisite #section-que-es .ms-section-body .tree-images .ms-img.img2 { transition-delay: 500ms; background-image: url(img/minisite/axel_ca.png); }
body.lang-ca main .m-minisite #section-que-es .ms-section-body .tree-images .ms-img.img2:hover { transition-delay: 500ms; background-image: url(img/minisite/axel_ca_hover.png); }
main .m-minisite #section-que-es .ms-section-body .tree-images .ms-img.img3 { transition-delay: 1s; background-image: url(img/minisite/zinca.png); }
main .m-minisite #section-que-es .ms-section-body .tree-images .ms-img.img3:hover { transition-delay: 1s; background-image: url(img/minisite/zinca_hover.png); }
main .m-minisite #section-que-es .ms-section-body .tree-images .ms-img.img4 { background-image: url(img/minisite/ciro.png); }
main .m-minisite #section-que-es .ms-section-body .tree-images .ms-img.img4:hover { background-image: url(img/minisite/ciro_hover.png); }
body.lang-ca main .m-minisite #section-que-es .ms-section-body .tree-images .ms-img.img4 { background-image: url(img/minisite/ciro_ca.png); }
body.lang-ca main .m-minisite #section-que-es .ms-section-body .tree-images .ms-img.img4:hover { background-image: url(img/minisite/ciro_ca_hover.png); }
main .m-minisite #section-que-es .ms-section-body .tree-images .ms-img.img5 { transition-delay: 500ms; background-image: url(img/minisite/oto.png); }
main .m-minisite #section-que-es .ms-section-body .tree-images .ms-img.img5:hover { transition-delay: 500ms; background-image: url(img/minisite/oto_hover.png); }
main .m-minisite #section-que-es .ms-section-body .tree-images .ms-img.img6 { transition-delay: 1s; background-image: url(img/minisite/aristide_hover.png); }
main .m-minisite #section-que-es .ms-section-body .tree-images .ms-img.img6:hover { transition-delay: 1s; background-image: url(img/minisite/aristide.png); }

main .m-minisite #section-que-ofrece .ms-section-body{ font-family: 'special_elite'; padding-top: 25px; color: #dfb44e; }
main .m-minisite #section-que-ofrece .ms-section-body .ms-tree-cols{ width: 700px; height: 350px; margin: 0 auto; display: block; }
main .m-minisite #section-que-ofrece .ms-section-body .ms-tree-cols .ms-col{ width: 200px; display: inline-block;  vertical-align: top; position: relative; margin-left: 10px; margin-right: 10px; }
main .m-minisite #section-que-ofrece .ms-section-body .ms-tree-cols .ms-col .ms-icon{ width: 75px; height: 76px; display: block; margin: 0 auto; background: url(img/minisite/section-2-fig-1.png); }
main .m-minisite #section-que-ofrece .ms-section-body .ms-tree-cols .ms-col .ms-title{ font-family: 'effloresce_bold'; font-size: 20px; color: #f04e23; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); }
main .m-minisite #section-que-ofrece .ms-section-body .ms-tree-cols .ms-col .ms-text{ color: #fff; position: absolute; top: 150px; line-height: 20px; }
main .m-minisite #section-que-ofrece .ms-section-body .ms-second-text{ max-width: 500px; text-align: center; margin: 0 auto; font-family: 'effloresce_bold'; }
main .m-minisite #section-que-ofrece .ms-section-body .ms-mosaic{ width: 560px; height: 300px; margin: 34px auto; }
main .m-minisite #section-que-ofrece .ms-section-body .ms-mosaic .ms-tile{ width: 135px; height: 110px; display: inline-block; background: url(img/minisite/section-2-bg-1.png); position: relative; transition: opacity 1s ease-in-out; visibility: hidden; opacity: 0;}
main .m-minisite #section-que-ofrece .ms-section-body .ms-mosaic.show .ms-tile{ visibility: visible; opacity: 1; }
main .m-minisite #section-que-ofrece .ms-section-body .ms-mosaic .ms-tile .ms-icon{ width: 60px; height: 60px; position: absolute; top: 15px; left: 40px; }
main .m-minisite #section-que-ofrece .ms-section-body .ms-mosaic .ms-tile:nth-child(1) .ms-icon{ background: url(img/minisite/section-2-ico-1.png); }
main .m-minisite #section-que-ofrece .ms-section-body .ms-mosaic .ms-tile:nth-child(2) .ms-icon{ background: url(img/minisite/section-2-ico-2.png); }
main .m-minisite #section-que-ofrece .ms-section-body .ms-mosaic .ms-tile:nth-child(3) .ms-icon{ background: url(img/minisite/section-2-ico-8.png); }
main .m-minisite #section-que-ofrece .ms-section-body .ms-mosaic .ms-tile:nth-child(4) .ms-icon{ background: url(img/minisite/section-2-ico-3.png); }
main .m-minisite #section-que-ofrece .ms-section-body .ms-mosaic .ms-tile:nth-child(5) .ms-icon{ background: url(img/minisite/section-2-ico-4.png); }
main .m-minisite #section-que-ofrece .ms-section-body .ms-mosaic .ms-tile:nth-child(6) .ms-icon{ background: url(img/minisite/section-2-ico-5.png); }
main .m-minisite #section-que-ofrece .ms-section-body .ms-mosaic .ms-tile:nth-child(7) .ms-icon{ background: url(img/minisite/section-2-ico-6.png); }
main .m-minisite #section-que-ofrece .ms-section-body .ms-mosaic .ms-tile:nth-child(8) .ms-icon{ background: url(img/minisite/section-2-ico-7.png); }
main .m-minisite #section-que-ofrece .ms-section-body .ms-mosaic .ms-tile:nth-child(1) {transition-delay: 0s;}
main .m-minisite #section-que-ofrece .ms-section-body .ms-mosaic .ms-tile:nth-child(2) {transition-delay: .5s;}
main .m-minisite #section-que-ofrece .ms-section-body .ms-mosaic .ms-tile:nth-child(3) {transition-delay: 1s;}
main .m-minisite #section-que-ofrece .ms-section-body .ms-mosaic .ms-tile:nth-child(4) {transition-delay: 1.5s;}
main .m-minisite #section-que-ofrece .ms-section-body .ms-mosaic .ms-tile:nth-child(5) {transition-delay: 2s;}
main .m-minisite #section-que-ofrece .ms-section-body .ms-mosaic .ms-tile:nth-child(6) {transition-delay: 2.5s;}
main .m-minisite #section-que-ofrece .ms-section-body .ms-mosaic .ms-tile:nth-child(7) {transition-delay: 3s;}
main .m-minisite #section-que-ofrece .ms-section-body .ms-mosaic .ms-tile:nth-child(8) {transition-delay: 3.5s;}
main .m-minisite #section-que-ofrece .ms-section-body .ms-mosaic .ms-tile .ms-label{ font-family: sans-serif; position: absolute; top: 70px; left: 5px; right: 5px; text-align: center; }

main .m-minisite #section-empezamos .ms-section-body .ms-two-cols{ width: 800px; height: 340px; margin: 0 auto; display: block; }
main .m-minisite #section-empezamos .ms-section-body .ms-two-cols .ms-col { width: 370px; height: 350px; display: inline-block; vertical-align: middle;}
main .m-minisite #section-empezamos .ms-section-body .ms-two-cols .ms-col:first-child { margin-right: 15px; }
main .m-minisite #section-empezamos .ms-section-body .ms-two-cols .ms-col iframe{ border: none; margin-top: 70px; }
main .m-minisite #section-empezamos .ms-section-body .ms-two-cols .ms-col .ms-logo{ width: 375px; height: 173px; margin-top: 90px; background: url(img/minisite/section-3-fig-1.png) }
body.lang-ca main .m-minisite #section-empezamos .ms-section-body .ms-two-cols .ms-col .ms-logo{ background: url(img/minisite/section-3-fig-1_cat.png) }
body.lang-eu main .m-minisite #section-empezamos .ms-section-body .ms-two-cols .ms-col .ms-logo{ background: url(img/minisite/section-3-fig-1_eu.png); background-size: cover; }
main .m-minisite #section-empezamos .ms-section-body .ms-two-cols .ms-col .ms-text{ font-family: 'special_elite'; color: #dfb44e; line-height: 20px; }
main .m-minisite #section-empezamos .ms-section-body .ms-two-cols.second{ height: 120px; }
main .m-minisite #section-empezamos .ms-section-body .ms-two-cols.second .ms-col{ height: 120px; }
main .m-minisite #section-empezamos .ms-section-body .ms-empezamos-btn{ line-height: 42px; text-align: center; width: 200px; height: 50px; background: url(img/minisite/btn-login.png) no-repeat; font-family: akaPosse; font-size: 20px; color: #000; -webkit-text-shadow: 1px 2px 3px #dfb44e; -moz-text-shadow: 1px 2px 3px #dfb44e; text-shadow: 1px 2px 3px #dfb44e; margin: 90px auto; cursor: pointer; }

main .m-minisite #section-contacto .ms-section-title { color: #310000; position: relative; width: 320px; margin: 0 auto; }
main .m-minisite #section-contacto .ms-section-title:before,
main .m-minisite #section-contacto .ms-section-title:after { content: ''; position: absolute; top: 68px; width: 106px; height: 48px; background: url(img/minisite/section-4-fig-1.png); }
main .m-minisite #section-contacto .ms-section-title:before { left: -106px; }
main .m-minisite #section-contacto .ms-section-title:after { right: -106px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
main .m-minisite #section-contacto .ms-section-body { margin-top: 40px; }
main .m-minisite #section-contacto .ms-section-body .ms-two-cols{ width: 800px; height: 350px; margin: 0 auto; display: block; }
main .m-minisite #section-contacto .ms-section-body .ms-two-cols .ms-col { width: 370px; height: 350px; display: inline-block; vertical-align: top;}
main .m-minisite #section-contacto .ms-section-body .ms-two-cols .ms-col .ms-text { font-family: 'special_elite'; color:#000; text-align: left; line-height: 20px; }
main .m-minisite #section-contacto .ms-section-body .ms-two-cols .ms-col .ms-icons { text-align: left; margin-top: 20px; }
main .m-minisite #section-contacto .ms-section-body .ms-two-cols .ms-col .ms-icon { width: 90px; height: 90px; display: inline-block; cursor: pointer; }
main .m-minisite #section-contacto .ms-section-body .ms-two-cols .ms-col .ms-icon.facebook { display: none; background: url(img/minisite/section-4-fig-2.png); }
main .m-minisite #section-contacto .ms-section-body .ms-two-cols .ms-col .ms-icon.twitter { display: none; background: url(img/minisite/section-4-fig-3.png); }
main .m-minisite #section-contacto .ms-section-body .ms-two-cols .ms-col .ms-icon.youtube { background: url(img/minisite/section-4-fig-6.png); }
main .m-minisite #section-contacto .ms-section-body form .input-field{ margin-bottom: 10px; position: relative; width: 410px; height: 50px; background: url(img/minisite/section-4-fig-4.png) no-repeat; }
main .m-minisite #section-contacto .ms-section-body form .input-field input{ background: none; border: none; position: absolute; font-size: 18px; top: 10px; left: 45px; height: 31px; width: 345px; }
main .m-minisite #section-contacto .ms-section-body form .textarea-field{ margin-bottom: 10px; position: relative; width: 410px; height: 181px; background: url(img/minisite/section-4-fig-5.png) no-repeat; }
main .m-minisite #section-contacto .ms-section-body form .textarea-field textarea{ resize: none; background: none; border: none; position: absolute; font-size: 18px; top: 17px; left: 20px; height: 135px; width: 361px; font-family: 'special_elite'; }
main .m-minisite #section-contacto .ms-section-body form .d-btn-golden-big{ display: block; margin: 0 auto; width: 386px; height: 51px; background: url(img/buttons_gold.png) no-repeat; border: 0px none; font-family: "akaPosse",Sans-Serif; font-size: 21px; color: #32240b; cursor: pointer; padding-top: 9px; margin-top: 6px; margin-left: 12px; }

main .m-minisite #section-contacto form [type="checkbox"]:not(:checked),
main .m-minisite #section-contacto form [type="checkbox"]:checked {position: absolute;left: -9999px;}
main .m-minisite #section-contacto form [type="checkbox"]:not(:checked) + label,
main .m-minisite #section-contacto form [type="checkbox"]:checked + label {position: relative; padding-left: 1.95em; cursor: pointer;}
main .m-minisite #section-contacto form [type="checkbox"]:not(:checked) + label:before,
main .m-minisite #section-contacto form [type="checkbox"]:checked + label:before {width: 30px;height: 30px;border-radius: 50%;background: #4e1402; content: ''; position: absolute; left: 0; top: 0; font-weight: bold;-moz-box-shadow: 0px 1px 2px #cb9f37; -webkit-box-shadow: 0px 1px 2px #cb9f37; box-shadow: 0px 1px 2px #cb9f37;}
main .m-minisite #section-contacto form [type="checkbox"]:not(:checked) + label:after,
main .m-minisite #section-contacto form [type="checkbox"]:checked + label:after {background: url(img/check_custom.png) no-repeat; content: ""; width: 18px; height: 15px; position: absolute; top: 8px; left: 6px; color: #ba8b30; transition: all .2s;}
main .m-minisite #section-contacto form [type="checkbox"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
main .m-minisite #section-contacto form [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1);}
main .m-minisite #section-contacto form a{ color: #cb9f37; text-decoration: none;}
main .m-minisite #section-contacto form .d-conditions{ margin-top: 20px; margin-left: 22px; margin-bottom: 20px; }
main .m-minisite #section-contacto form .d-conditions label[for=d-contact-conditions]{ padding-left: 37px; color: #220502; font-size: 14px; padding-top: 8px;}

@media screen 
and (min-width: 1px)
and (max-width: 730px) {
    main .m-minisite { overflow-x: hidden; }
    main .m-minisite .header .d-header .d-header-tile .logo-edelvives{ width: 130px; height: 15px; background-size: cover; }
    main .m-minisite .header .d-header .d-header-tile .ms-menu{ top: 71px; width: 93%; background-image: url(img/bg_header_bar_0.png); background-size: cover; border-radius: 10px; }
    main .m-minisite .header .d-header .d-header-tile .ms-menu li .btn.login{ position: fixed; top: 15px; right: 10px; }
    main .m-minisite .header .d-header .d-header-tile .ms-menu li{ margin: 5px 5px 5px 5px; }

    main .m-minisite #section-top .logo-main{ width: 90%; background-size: 100%; background-repeat: no-repeat; margin-top: 25px; height: 280px; }

    main .m-minisite #section-que-es{     height: 990px;    background-size: cover; }
    main .m-minisite #section-que-es .ms-section-body .ms-text{ width: 85%; }
    main .m-minisite #section-que-es .ms-section-body .tree-images{ width: 100%; }
    main .m-minisite #section-que-es .ms-section-body .tree-images .ms-img{ display: none; }
    main .m-minisite #section-que-es .ms-section-body .tree-images .ms-img:first-child{ display: block; margin: 0 auto; }

    main .m-minisite #section-contacto {height: auto; background-size: cover;}
    main .m-minisite #section-contacto .ms-section-body .ms-two-cols{ width: 100%; height: auto; padding-bottom: 0px; }
    main .m-minisite #section-contacto .ms-section-body .ms-two-cols .ms-col:last-child{ margin-bottom: 80px; }

    .footer.page-footer .footer .left,
    .footer.page-footer .footer .right{ display: none; }
}   
/* END MINI-SITE */

/* LOGIN */
main .d-module.m-login{background: url(img/bg_form_login.png) no-repeat; width: 597px; height: 724px;position: absolute;left: -moz-calc(50% - 282px);left: -webkit-calc(50% - 282px);left: calc(50% - 282px);top: -moz-calc(50% - 353px);top: -webkit-calc(50% - 353px);top: calc(50% - 353px); z-index: 10;}

main .m-login { margin: 0 auto; margin-top: 20px; }
main .m-login .d-header-logo-link{ position: absolute; z-index: 3; top: 25px; left: 200px; right: 200px; height: 110px; cursor: pointer; }
main .m-login .d-header-logo-2{ display: none; position: absolute; z-index: 2; top: 134px; left: 100px; width: 383px; height: 48px; background: url(img/logo.png) no-repeat; background-size: 100%; }
body.lang-eu main .m-login .d-header-logo-2{ background: url(img/logo_eu.png) no-repeat; background-size: 100%; left: 112px; }
body.lang-ca main .m-login .d-header-logo-2{ background: url(img/logo_ca.png) no-repeat; background-size: 100%; left: 112px; }
main .m-login .d-content{ text-align: center; }
main .m-login .d-content .step-1{ display: none; padding-bottom: 5px; }
main .m-login .d-content .step-1 .title-selector h3{ font-size: 1em; text-align: center; font-weight: bold; }
main .m-login .d-content .step-1 .title-selector p{ font-size: .9em; margin-top: 20px; }
main .m-login .d-content .step-1 .item-selector { margin-bottom: 30px; }
main .m-login .d-content .step-1 .item-selector a{ background-color: #169ed6; margin-bottom: 10px; display: none; }
main .m-login .d-content .label-iniciar-sesion{ width: 100%; text-align: center; padding: 0px; margin: 170px 0px 0px 0px; font-family:'effloresce_bold',Sans-Serif; color: #e2cc9a; font-size: 18px;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.66); text-transform: uppercase;}
main .m-login .d-content form input{ width: 330px; }
main .d-module.m-login form input{text-align: left; position: relative;}
main .d-module.m-login form input{margin-top: 6px;}
main .d-module.m-login form input{ width: 325px; height: 51px; background: url(img/bg_form_field.png) no-repeat;border: 0px none; font-size: 18px; color: #464646; padding: 0px 66px 0px 50px;margin-left: 53px;}
main .d-module.m-login form .btn-remember-password{ width: 30px; height: 31px; background: url(img/remember_password/btn_help.png); position: absolute; right: 115px; top: 15px; }
main .d-module.m-login .row{position: relative; z-index: 3; }
main .d-module.m-login form span.ico-input{width: 39px; height: 48px; position: absolute; top: 6px; left: 104px; z-index: 4; }
main .d-module.m-login form span.ico-input.user{ background: url(img/left_user_input.png) no-repeat; }
main .d-module.m-login form span.ico-input.pass{ background: url(img/left_pass_input.png) no-repeat; }
main .m-login .d-content .btn{ z-index: 3; }
main .m-login .d-content .d-label-iniciar{ padding-top: 15px; }
main .m-login .d-content .d-logo-edelvives{ padding-top: 20px; }
main .m-login .d-content .divider {background: url(img/separador.png) no-repeat; height: 18px; background-position: center; }
main .m-login .d-content .oraculo-sso-container { width: 370px; margin-left: 115px; position: relative; height: 45px; }
body.lang-eu main .m-login .d-content .divider {background: url(img/separador_eu.png) no-repeat; background-position: center; }
main .m-login .d-content .sso-container { 
    display: block;
    height: 50px;
    width: 100%;
    position: relative;
    margin-top: 5px;
}
main .m-login .d-content .bt-google { 
    position: absolute;
    top: 4px;
    height: 30px;
    width: 140px;
    left: 99px;
 }


main .m-login .d-content .bt-microsoft { 
    position: absolute;
    top: 5px;
    border-radius: 4px;
    background: #FFF;
    border: 1px solid #F5F5F5;
    padding: 5px 19px;
    height: 26px;
    width: 99px;
    right: 107px;
    cursor: pointer;
 }
main .m-login .d-content .bt-microsoft .logo{     
    float: left;
    width: 16px;
    height: 16px;
    background-image: url(img/microsoft.svg);
    background-repeat: no-repeat;
    margin: 4px 1px 0px 0px;
}
main .m-login .d-content .bt-microsoft .text{     
    position: absolute;
    font-family: sans-serif;
    color: #3e3e3e;
    font-size: 15px;
    top: 18px;
    line-height: 0px;
    left: 50px;
}

main .m-login .d-content .bt-oraculo { 
    position: absolute;
    top: 5px;
    border-radius: 20px;
    background: #FFF;
    border: 1px solid #F5F5F5;
    padding: 5px 19px;
    height: 30px;
    width: 335px;
    right: 0px;
    cursor: pointer;
 }
 main .m-login .d-content .bt-oraculo .logo{     
    float: left;
    width: 32px;
    height: 32px;
    background-image: url(img/logo-polp.png);
    background-repeat: no-repeat;
    margin: -1px 15px 0px 0px;
}
main .m-login .d-content .bt-oraculo .text{     
    float: left;
    font-family: sans-serif;
    color: #3e3e3e;
    font-size: 18px;
    margin: 5px 5px;
}

main .m-login .d-content a{ text-decoration: none; }
main .m-login .d-content .d-registro { padding-top: 20px; font-size: 20px; }
main .m-login .d-content .d-registro a { color: #cb9f37; }

/* main .m-login .d-content #d-login-username:-webkit-autofill:-webkit-autofill,
main .m-login .d-content #d-login-password:-webkit-autofill:-webkit-autofill{-webkit-animation-name: autofill; -webkit-animation-fill-mode: both;}
@-webkit-keyframes autofill {to {background: transparent url(img/bg_form_field.png) no-repeat 0px 0px;}} */

/* Change the white to any color */
main .m-login .d-content input:-webkit-autofill,
main .m-login .d-content input:-webkit-autofill:hover, 
main .m-login .d-content input:-webkit-autofill:focus, 
main .m-login .d-content input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
} 


/* LOGIN - STEP 1 */
main .m-login .d-content .step-1{padding-top: 185px;}
main .m-login .d-content .step-1 .title-selector h3{color: #cb9f37;font-family: "effloresce_regular",sans-serif;font-size: 35px;font-weight: bold;margin-bottom: 30px;margin-top: 30px;}
main .m-login .d-content .step-1 .item-selector a{
    background-color: none;background: url("img/buttons_gold.png") no-repeat scroll 0 0;border: 0px none;color: #32240b;cursor: pointer;font-family: "akaPosse",sans-serif;font-size: 21px;height: 51px;margin: 10px auto 0px 103px;padding-top: 9px;text-transform: uppercase;width: 386px;float: left;}
main .m-login .d-content .step-1 .item-selector a.disabled{opacity: 0.4;cursor: default;}

/* END MODULE-Login */


/* MODULE-Register */
main .m-register .d-header-logo-link{ position: absolute; z-index: 3; top: 17px; left: 200px; right: 200px; height: 110px; cursor: pointer; }
main .m-register .d-header-logo-2{ display: none; position: absolute; z-index: 2; top: 105px; left: 100px; width: 383px; height: 48px; background: url(img/logo.png) no-repeat; background-size: 100%; }
body.lang-eu main .m-register .d-header-logo-2{ background: url(img/logo_eu.png) no-repeat; background-size: 100%; left: 112px; }
body.lang-ca main .m-register .d-header-logo-2{ background: url(img/logo_ca.png) no-repeat; background-size: 100%; left: 112px; }
main .m-register.register-step0 .d-header-logo-2{ top:134px;  }
body.lang-eu main .m-register.register-step0 .d-header-logo-2{ background: url(img/logo_eu.png) no-repeat; background-size: 100%; top:134px; left: 112px; }
body.lang-ca main .m-register.register-step0 .d-header-logo-2{ background: url(img/logo_ca.png) no-repeat; background-size: 100%; top:134px; left: 112px; }
main .m-register { z-index: 10;}
main .m-register .btn.d-back-arrow-btn{ position: relative; z-index: 3; }
main .m-register {background: url(img/bg_log_big.png) no-repeat; width: 595px; height: 809px; position: absolute; left: -moz-calc(50% - 300px); left: -webkit-calc(50% - 300px); left: calc(50% - 300px); top: -moz-calc(50% - 397px); top: -webkit-calc(50% - 397px); top: calc(50% - 397px); z-index: 10; }
main .m-register.register-step0{ background: url(img/bg_form_login.png) no-repeat; width: 597px; height: 724px; left: -moz-calc(50% - 282px); left: -webkit-calc(50% - 282px); left: calc(50% - 282px); top: -moz-calc(50% - 353px); top: -webkit-calc(50% - 353px); top: calc(50% - 353px); z-index: 10;  }
main .m-register .header { text-align: center;  }
main .m-register .d-content {     padding-top: 110px; }

main .m-register .steps{ padding-top: 20px; padding-left: 0px; text-align: center; z-index: 3; position: relative; }
main .m-register .steps .sub-title{ text-transform: uppercase; font-family: 'effloresce_bold',Sans-Serif; color: #e2cc9a; font-size: 18px; padding-top: 5px; margin-bottom: 12px; }
main .m-register .steps .btn{ }
main .m-register .steps .row{ margin-bottom: 5px; }
main .m-register .steps .preloader-wrapper.small{ width: 30px; height: 30px; }
main .m-register .steps form input{width: 325px; height: 51px; background: url(img/bg_form_field.png) no-repeat; border: 0px none; font-size: 18px; color: #464646; padding: 0px 66px 0px 50px;margin-left: 22px;}
main .m-register .steps .row.d-options{ margin-top: 40px; }
main .m-register .steps form #d-license-code{ 
    margin-left: 45px;
    background-color: transparent;
    background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 0px -162px, top left;
}
main .m-register .steps form #btnCheckLicense{ margin-left: 100px; } 

main .m-register .steps.sso {
    padding-top: 25px;
}
main .m-register .steps.sso .row.d-options {
    padding-top: 0;
    margin-top: 0;
}
main .m-register .steps.sso .row.d-options .confirm-message{
    text-transform: uppercase;
    font-family: 'effloresce_bold',Sans-Serif;
    color: #e2cc9a;
    font-size: 18px;
    padding-top: 5px;
    margin-bottom: 12px;
}
main .m-register .steps.sso .row.message{
    font-size: 18px;
    margin: 0 100px 0 90px;
} 
main .m-register .steps.sso a{
    text-decoration: none;
}
main .m-register .steps.sso .row.message a{
    color: #cb9f37;
}
main .m-register .steps.sso .tx-google-sso{ 
    width: 388px;
    height: 52px;
    background: url(img/bg-sso-google.png);
    position: relative;
    margin-left: 100px;
}
main .m-register .steps.sso .tx-google-sso span{ 
    position: absolute;
    top: 15px;
    left: 5px;
    right: 10px;
    font-family: 'special_elite';
    font-size: 18px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}
main .m-register .steps.sso .d-register-sso-back{ 
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 56px;
    background: url(img/bg_btn_back.png) no-repeat;
    border: 0px none;
    font-family: "akaPosse",Sans-Serif;
    font-size: 21px;
    color: #32240b;
    cursor: pointer;
    padding-top: 14px;
    margin-top: 6px;
    text-transform: uppercase;
    text-align: center;
    padding-left: 10px;
}

main .m-register .steps .sso-container { 
    display: block;
    height: 90px;
    width: 100%;
    position: relative;
    margin-top: 5px;
}
main .m-register .steps .bt-google { 
    position: absolute;
    top: 0px;
    border-radius: 20px;
    background: #FFF;
    border: 1px solid #F5F5F5;
    padding: 5px 19px;
    height: 30px;
    width: 140px;
    left: 80px;
    cursor: pointer;
 }
main .m-register .steps .bt-google .logo{ 
    float: left;
    width: 25px;
    height: 25px;
    background-image: url(img/google.svg);
    background-repeat: no-repeat;
    margin: 3px 15px 0px 0px;
}
main .m-register .steps .bt-google .text{ 
    float: left;
    font-family: sans-serif;
    color: #3e3e3e;
    font-size: 18px;
    margin: 5px 5px;
 }

main .m-register .steps .bt-microsoft { 
    position: absolute;
    top: 0px;
    border-radius: 20px;
    background: #FFF;
    border: 1px solid #F5F5F5;
    padding: 5px 19px;
    height: 30px;
    width: 140px;
    right: 110px;
    cursor: pointer;
 }
main .m-register .steps .bt-microsoft .logo{     
    float: left;
    width: 25px;
    height: 25px;
    background-image: url(img/microsoft.svg);
    background-repeat: no-repeat;
    margin: 3px 15px 0px 0px;
}
main .m-register .steps .bt-microsoft .text{     
    float: left;
    font-family: sans-serif;
    color: #3e3e3e;
    font-size: 18px;
    margin: 5px 5px;
}

main .m-register .steps form .username-status{ position: absolute; right: 21px; top: 8px; cursor: pointer; }
main .m-register .steps form .username-status i{ font-size: 30px; display: none; }
main .m-register .steps form .username-status i.not-ok{ color: #969696; }
main .m-register .steps form .username-status i.ok{  color: #87c117; }
main .m-register .steps form .input-field.select.without-label input { width: 400px; }
main .m-register .steps form .btn-submit{ width: 416px; margin-top: 15px; margin-left: 13px; }
main .m-register .steps form .d-conditions{ margin-top: 20px; }

main .m-register.register-teacher-form .d-content { padding-top: 110px; }
main .m-register.register-teacher-form .d-header-logo-2 { display: none; }

/* STEP TEACHER */
main .m-register .steps.step-teacher{margin-bottom: 0px; padding-top: 0;}
main .m-register .steps form.teacher{margin-top: -10px; margin-left: 24px;}
main .m-register .steps form.teacher input{outline: none;}
main .m-register .steps form.teacher .row {margin-bottom: 8px;}
main .m-register .steps form.teacher .select_sr { /*overflow: hidden;*/ width: 469px;}
main .m-register .steps form.teacher #d-teacher-treatment{font-family: 'special_elite'; cursor: pointer; width: 410px; height: 51px; border: 0px none; font-size: 18px; color: #464646; padding: 0px 66px 0px 50px;margin-left: 79px;}
main .m-register .steps form.teacher #d-teacher-treatment{background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: top left, top left;}
main .m-register .steps form.teacher #d-teacher-treatment option{width: 370px; }
main .m-register .steps form.teacher #d-teacher-name{background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -54px, top left;}
main .m-register .steps form.teacher #d-teacher-lastname{background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -54px, top left;}
main .m-register .steps form.teacher #d-teacher-username{background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -108px, top left;}
main .m-register .steps form.teacher #d-teacher-username-confirm{background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -108px, top left;}
main .m-register .steps form.teacher #d-teacher-password{background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -162px, top left;}
main .m-register .steps form.teacher #d-code-license{color: darkgoldenrod; background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -162px, top left;}
main .m-register .steps .d-tooltip-code{ cursor: pointer; background: url(img/bg_tooltip.png); width: 246px; height: 113px; position: absolute; top: 296px; right: -139px; }
main .m-register .steps form.student .d-tooltip-code{ top: 232px; }
main .m-register .steps .d-tooltip-code span{ font-family: special_elite; color: #fff4a5; margin-top: 25px; float: left; line-height: 20px; margin-left: 13px; }
main .m-register .steps form.student .d-tooltip-code span{ word-break: break-word; margin: 19px; }
main .m-register .steps form.teacher .btn-submit{ margin: 6px 0px 0px 79px; width: 386px; height: 42px; background: url(img/buttons_gold.png) no-repeat; border: 0px none;font-family: "akaPosse",Sans-Serif; font-size: 21px; color: #32240b;cursor: pointer; padding-top: 9px; text-transform: uppercase; opacity: 1;}
main .m-register .steps form.teacher .btn-submit.disabled{opacity: 0.4;}
main .m-register .steps form.teacher #d-teacher-conditions{width: 20px;}
main .m-register .steps form.teacher .btn.d-back-arrow-btn{margin-top: -10px;}
main .m-register .steps form [type="checkbox"]:not(:checked),
main .m-register .steps form [type="checkbox"]:checked {position: absolute;left: -9999px;}
main .m-register .steps form [type="checkbox"]:not(:checked) + label,
main .m-register .steps form [type="checkbox"]:checked + label {position: relative; padding-left: 1.95em; cursor: pointer;}
main .m-register .steps form [type="checkbox"]:not(:checked) + label:before,
main .m-register .steps form [type="checkbox"]:checked + label:before {width: 30px;height: 30px;border-radius: 50%;background: #4e1402; content: ''; position: absolute; left: 0; top: 0; font-weight: bold;-moz-box-shadow: 0px 1px 2px #cb9f37; -webkit-box-shadow: 0px 1px 2px #cb9f37; box-shadow: 0px 1px 2px #cb9f37;}
main .m-register .steps form [type="checkbox"]:not(:checked) + label:after,
main .m-register .steps form [type="checkbox"]:checked + label:after {background: url(img/check_custom.png) no-repeat; content: ""; width: 18px; height: 15px; position: absolute; top: 8px; left: 6px; color: #ba8b30; transition: all .2s;}
main .m-register .steps form [type="checkbox"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
main .m-register .steps form [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1);}
main .m-register .steps form .d-conditions{ margin-top: 12px; margin-left: -40px; margin-bottom: 12px !important; }
main .m-register .steps form .d-conditions label[for=d-teacher-conditions]{    padding-left: 37px;
                                                                               color: #220502;
                                                                               font-size: 14px;
                                                                               padding-top: 8px;}
main .m-register .steps form .d-conditions label[for=d-teacher-conditions] a{color: #cb9f37; text-decoration: none;}
main .m-register .steps form.teacher .username-status{width: 30px; right: 119px; top: 215px; }
main .m-register .steps form.teacher #d-teacher-username:-webkit-autofill:-webkit-autofill{-webkit-animation-name: autofill-d-teacher-username; -webkit-animation-fill-mode: both;}
main .m-register .steps form.teacher #d-teacher-password:-webkit-autofill:-webkit-autofill{-webkit-animation-name: autofill-d-teacher-password; -webkit-animation-fill-mode: both;}
@-webkit-keyframes autofill-d-teacher-username {to {background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -108px, top left;}}
@-webkit-keyframes autofill-d-teacher-password {to {background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -162px, top left;}}

main .m-register .steps form .check-status{ position: relative; display: none; }
main .m-register .steps form .check-status .d-icon{ position: absolute; width: 30px; height: 30px; right: 119px; top: -43px; background: url(img/circle_0.png); }
main .m-register .steps form .check-status .d-icon:after{ color: #32240b; content: '✔'; font-weight: bold; font-size: 20px; }
main .m-register .steps form .check-status.not-ok .d-icon:after{ color: #32240b; content: 'X'; font-weight: bold; font-size: 20px; display: block; margin-top: 3px; }
main .m-register .steps.step-teacher .sso-container{ width: 96%; margin-left: 26px; height: 48px; }
/* STEP STUDENT */
main .m-register .steps.step-student{margin-bottom: 22px;}
main .m-register .steps form.student input{outline: none;}
main .m-register .steps form.student{margin-left: 24px;}
main .m-register .steps form.student .btn-submit{ margin: 6px 0px 0px 79px; width: 386px; height: 51px; background: url(img/buttons_gold.png) no-repeat; border: 0px none;font-family: "akaPosse",Sans-Serif; font-size: 21px; color: #32240b;cursor: pointer; padding-top: 9px; text-transform: uppercase; opacity: 1;}
main .m-register .steps form.student .btn-submit.disabled{opacity: 0.4;}
main .m-register .steps form.student .select_sr{ /*overflow: hidden;*/ width: 469px; position: relative; left: 0px;}
main .m-register .steps form.student .select_sr label{position: absolute; top: 5px; left: 90px;}
main .m-register .steps form.student #d-student-age{font-family: 'special_elite'; cursor: pointer; width: 410px; height: 51px; border: 0px none; font-size: 18px; color: #464646; padding: 0px 66px 0px 50px;margin-left: 79px;}
main .m-register .steps form.student #d-student-age{background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: top left, top left;}
main .m-register .steps form.student .row{ margin-top: 35px; }
main .m-register .steps form .d-conditions label[for=d-student-conditions]{padding-top: 5px; padding-left: 37px; color: #220502;}
main .m-register .steps form .d-conditions label[for=d-student-conditions] a{color: #cb9f37; text-decoration: none;}
main .m-register .steps form.student #d-student-username{background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -54px, top left;}
main .m-register .steps form.student #d-student-password{background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -162px, top left;}
main .m-register .steps form.student #d-student-code-demo{background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -162px, top left;}
main .m-register .steps form.student .username-status{width: 30px; right: 117px; top: 90px;}
main .m-register .steps form.student #d-student-username:-webkit-autofill:-webkit-autofill{-webkit-animation-name: autofill-d-student-username; -webkit-animation-fill-mode: both;}
main .m-register .steps form.student #d-student-password:-webkit-autofill:-webkit-autofill{-webkit-animation-name: autofill-d-student-password; -webkit-animation-fill-mode: both;}
@-webkit-keyframes autofill-d-student-username {to {background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -54px, top left;}}
@-webkit-keyframes autofill-d-student-password {to {background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -162px, top left;}}

/* STEP FAMILY */
main .m-register .steps.step-parent{margin-bottom: 22px;}
main .m-register .steps form.parent input{outline: none;}
main .m-register .steps form.parent{margin-left: 24px;}
main .m-register .steps form.parent .btn-submit{ margin: 6px 0px 0px 79px; width: 386px; height: 51px; background: url(img/buttons_gold.png) no-repeat; border: 0px none;font-family: "akaPosse",Sans-Serif; font-size: 21px; color: #32240b;cursor: pointer; padding-top: 9px; text-transform: uppercase; opacity: 1;}
main .m-register .steps form.parent .btn-submit.disabled{opacity: 0.4;}
main .m-register .steps form .d-conditions label[for=d-parent-conditions]{padding-top: 5px; padding-left: 37px; color: #220502;}
main .m-register .steps form .d-conditions label[for=d-parent-conditions] a{color: #cb9f37; text-decoration: none;}
main .m-register .steps form.parent #d-parent-name{background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -54px, top left;}
main .m-register .steps form.parent #d-parent-lastname{background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -54px, top left;}
main .m-register .steps form.parent #d-parent-username{background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -108px, top left;}
main .m-register .steps form.parent #d-parent-password{background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -162px, top left;}
main .m-register .steps form.parent .username-status{width: 30px; right: 117px; top: 202px;}
main .m-register .steps form.parent #d-parent-username:-webkit-autofill:-webkit-autofill{-webkit-animation-name: autofill-d-parent-username; -webkit-animation-fill-mode: both;}
main .m-register .steps form.parent #d-parent-password:-webkit-autofill:-webkit-autofill{-webkit-animation-name: autofill-d-parent-password; -webkit-animation-fill-mode: both;}
@-webkit-keyframes autofill-d-parent-username {to {background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -108px, top left;}}
@-webkit-keyframes autofill-d-parent-password {to {background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -162px, top left;}}

/* STEP ADMINISTRADOR */
main .m-register .steps.step-admin{margin-bottom: 22px;}
main .m-register .steps form.admin{margin-top: -8px;}
main .m-register .steps form.admin input{outline: none;}
main .m-register .steps form.admin{margin-left: 24px;}
main .m-register .steps form.admin .btn-submit{ margin: 6px 0px 0px 79px; width: 386px; height: 51px; background: url(img/buttons_gold.png) no-repeat; border: 0px none;font-family: "akaPosse",Sans-Serif; font-size: 21px; color: #32240b;cursor: pointer; padding-top: 9px; text-transform: uppercase; opacity: 1;}
main .m-register .steps form.admin .btn-submit.disabled{opacity: 0.4;}
main .m-register .steps form.admin .d-conditions label[for=d-admin-conditions]{padding-top: 5px; padding-left: 37px; color: #220502;}
main .m-register .steps form.admin .d-conditions label[for=d-admin-conditions] a{color: #cb9f37; text-decoration: none;}
main .m-register .steps form.admin .select_sr{overflow: hidden; width: 469px; position: relative; left: 0px;}
main .m-register .steps form.admin .select_sr label{position: absolute; top: 5px; left: 90px;}
main .m-register .steps form.admin select{font-family: 'special_elite'; cursor: pointer; width: 410px; height: 51px; border: 0px none; font-size: 18px; color: #464646; padding: 0px 66px 0px 50px;margin-left: 79px;}
main .m-register .steps form.admin select{background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: top left, top left;}
main .m-register .steps form.admin .row{ margin-bottom: 1px; }
main .m-register .steps form.admin .d-conditions{margin-top: -7px; margin-bottom: -10px;}
main .m-register .steps form.admin #d-admin-lastname{background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -54px, top left;}
main .m-register .steps form.admin #d-admin-lastname{background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -54px, top left;}
main .m-register .steps form.admin #d-admin-name{background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -54px, top left;}
main .m-register .steps form.admin #d-admin-username{background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -108px, top left;}
main .m-register .steps form.admin #d-admin-password{background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -162px, top left;}
main .m-register .steps form.admin .username-status{width: 30px; right: 117px; top: 223px;}
main .m-register .steps form.admin #d-admin-username:-webkit-autofill:-webkit-autofill{-webkit-animation-name: autofill-d-admin-username; -webkit-animation-fill-mode: both;}
main .m-register .steps form.admin #d-admin-password:-webkit-autofill:-webkit-autofill{-webkit-animation-name: autofill-d-admin-password; -webkit-animation-fill-mode: both;}
@-webkit-keyframes autofill-d-admin-username {to {background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -108px, top left;}}
@-webkit-keyframes autofill-d-admin-password {to {background-color: transparent; background-image: url(img/sprites_inputs.png), url(img/bg_form_field.png); background-repeat: no-repeat, no-repeat;  background-position: 0px -162px, top left;}}

main .m-register .steps form .username-status i{color: transparent!important;}
main .m-register .steps form .username-status i.ok:after{color: #32240b; content: '✔';  position: absolute;  top: 0px; left: 0px; font-size: 21px; font-family: Arial!important; background: url(img/circle_0.png) no-repeat; width: 31px; height: 30px; font-weight: bold; padding-top: 0px; padding-right: 3px; font-style: normal;}
main .m-register .steps form .username-status i.not-ok:after{color: #32240b; content: 'X';  position: absolute;  top: 0px; left: 0px; font-size: 21px; background: url(img/circle_0.png) no-repeat; width: 30px; height: 30px; font-weight: bold; padding-top: 2px; font-style: normal; }


main .m-register .steps.step-0 .btn{ margin-bottom: 0px; }
main .m-register .steps.step-0 .divider { background: url(img/separador.png) no-repeat; height: 18px; background-position: center; margin-bottom: 18px; }
body.lang-eu main .m-register .steps.step-0 .divider { background: url(img/separador_eu.png) no-repeat; background-position: center; }
main .m-register .steps.step-0 .d-register-footer-login{ color: #cb9f37; text-decoration: none; font-size: 20px; }
main .m-register.register-step0 .footer{ display: none; }
main .m-register .steps.step-student-successful .username{ margin-bottom: 30px; margin-top: 30px; color: #cb9f37; font-size: 2em; font-weight: bold; font-family: "effloresce_regular",sans-serif;    margin-left: 95px; margin-right: 95px; word-break: break-all;}
main .m-register .steps.step-student-successful .message{ margin-bottom: 30px; margin-bottom: 30px; width: 360px; margin-left: 115px;}

main .m-register .steps.step-student-successful .btn-submit{ margin-bottom: 20px; margin: 0 auto; width: 386px; height: 51px; background: url(img/buttons_gold.png) no-repeat; border: 0px none;font-family: "akaPosse",Sans-Serif; font-size: 21px; color: #32240b;cursor: pointer; padding-top: 9px; margin-top: 6px; text-transform: uppercase;}
main .m-register .steps.step-student-successful .btn-submit:hover{ opacity: .9; }
main .m-register .steps.step-student-successful .btn-submit:active{ opacity: .7; }

main .m-register .steps.step-parent-successful #d-parent-code{ width: 335px; }
main .m-register .steps.step-parent-successful .link.simple{ margin-top: 20px; }
main .m-register .steps.step-parent-successful .btn-submit{ width: 150px; }
main .m-register .footer{ padding-left: 20px; padding-bottom: 20px; }
main .m-register .footer .bt-back i{ margin-right: 5px; }
/* END MODULE-Register */

/* M-HOME */
main .m-home.header-fixed { margin-top: 71px; }

/* m-home header */
main .m-home .header{ }
main .m-home.header-sticky .header{ height: 422px; }
main .m-home .header .image-top-profile{ display: none; height: 351px; width: 100%; background: url(img/profile/header-bg.png) repeat-x #323f24; display: inline-block; overflow: hidden; position: relative; }
main .m-home .header .image-top-profile.active{ display: inline-block; }
main .m-home .header .image-top-profile.hide{ display: none; }
main .m-home .header .image-top-profile .d-student-avatar{ width: 310px; height: 260px; margin: 40px auto; position: relative; background: url(img/profile/avatar-bg.png) no-repeat; }
main .m-home .header .image-top-profile .d-student-avatar .d-student-icon { left: 68px; }
main .m-home .header .image-top-profile .d-teacher-avatar{ width: 310px; height: 260px; margin: 40px auto; position: relative; background: url(img/profile/avatar-bg.png) no-repeat; }
main .m-home .header .image-top-profile .d-teacher-avatar .d-teacher-icon { left: 68px; top: 33px; }
main .m-home .header .image-top-profile .d-teacher-avatar .d-teacher-icon .d-level{ display: none;  }
main .m-home .header .image-top-profile .d-update-imagen { cursor: pointer; width: 100%; height: 25px; color: #FFF; font-family: effloresce_bold; font-size: 17px; text-align: center; position: absolute; bottom: -30px; }
main .m-home .header .image-top-profile input { position: absolute; top: -5000px; }

main .m-home .header .image-top-school{ display: none; height: 351px; width: 100%; background: url(img/header-tiles/C5.png) #323f24; display: inline-block; overflow: hidden; position: relative; }
main .m-home .header .image-top-school.active{ display: inline-block; }
main .m-home .header .image-top-school.hide{ display: none; }
main .m-home .header .image-top-school .d-school-avatar{ width: 180px; height: 164px; margin: 60px auto; position: relative; background: url(img/school/avatar-bg.png) no-repeat; position: relative; }
main .m-home .header .image-top-school .d-school-avatar .d-icon{ width: 138px; height: 138px; border-radius: 70px; background: url(img/avatar_clase.jpg) no-repeat; background-size: contain; position: absolute; top: 12px; left: 12px; }
main .m-home .header .image-top-school .d-school-name { cursor: pointer; width: 100%; height: 25px; color: #FFF; font-family: effloresce_bold; font-size: 27px; text-align: center; position: absolute; top: 260px; }


main .m-home .header .image-top-classroom-project{ display: none; height: 351px; width: 100%; background: #5d1818; display: inline-block; overflow: hidden; position: relative; }
main .m-home .header .image-top-classroom-project.mode-theme{ }
main .m-home .header .image-top-classroom-project.mode-theme.theme1 {background:url(img/header-tiles/A1.png) #454f2f; }
main .m-home .header .image-top-classroom-project.mode-theme.theme2 {background:url(img/header-tiles/A2.png) #113b50; }
main .m-home .header .image-top-classroom-project.mode-theme.theme3 {background:url(img/header-tiles/A3.png) #49213f; }
main .m-home .header .image-top-classroom-project.mode-theme.theme4 {background:url(img/header-tiles/A4.png) #4e2c12; }
main .m-home .header .image-top-classroom-project.mode-theme.theme5 {background:url(img/header-tiles/A5.png) #5d1818; }
main .m-home .header .image-top-classroom-project.mode-theme.theme6 {background:url(img/header-tiles/B1.png) #454f2f; }
main .m-home .header .image-top-classroom-project.mode-theme.theme7 {background:url(img/header-tiles/B2.png) #113b50; }
main .m-home .header .image-top-classroom-project.mode-theme.theme8 {background:url(img/header-tiles/B3.png) #49213f; }
main .m-home .header .image-top-classroom-project.mode-theme.theme9 {background:url(img/header-tiles/B4.png) #4e2c12; }
main .m-home .header .image-top-classroom-project.mode-theme.theme10{background:url(img/header-tiles/B5.png) #5d1818; }
main .m-home .header .image-top-classroom-project.mode-theme.theme11{background:url(img/header-tiles/C1.png) #454f2f; }
main .m-home .header .image-top-classroom-project.mode-theme.theme12{background:url(img/header-tiles/C2.png) #113b50; }
main .m-home .header .image-top-classroom-project.mode-theme.theme13{background:url(img/header-tiles/C3.png) #49213f; }
main .m-home .header .image-top-classroom-project.mode-theme.theme14{background:url(img/header-tiles/C4.png) #4e2c12; }
main .m-home .header .image-top-classroom-project.mode-theme.theme15{background:url(img/header-tiles/C5.png) #5d1818; }
main .m-home .header .image-top-classroom-project.mode-theme.theme16{background:url(img/header-tiles/D1.png) #454f2f; }
main .m-home .header .image-top-classroom-project.mode-theme.theme17{background:url(img/header-tiles/D2.png) #113b50; }
main .m-home .header .image-top-classroom-project.mode-theme.theme18{background:url(img/header-tiles/D3.png) #49213f; }
main .m-home .header .image-top-classroom-project.mode-theme.theme19{background:url(img/header-tiles/D4.png) #4e2c12; }
main .m-home .header .image-top-classroom-project.mode-theme.theme20{background:url(img/header-tiles/D5.png) #5d1818; }
main .m-home .header .image-top-classroom-project.mode-theme.theme21{background:url(img/header-tiles/E1.png) #454f2f; }
main .m-home .header .image-top-classroom-project.mode-theme.theme22{background:url(img/header-tiles/E2.png) #113b50; }
main .m-home .header .image-top-classroom-project.mode-theme.theme23{background:url(img/header-tiles/E3.png) #49213f; }
main .m-home .header .image-top-classroom-project.mode-theme.theme24{background:url(img/header-tiles/E4.png) #4e2c12; }
main .m-home .header .image-top-classroom-project.mode-theme.theme25{background:url(img/header-tiles/E5.png) #5d1818; }
main .m-home .header .image-top-classroom-project.mode-theme.theme26{background:url(img/header-tiles/F1.png) #454f2f; }
main .m-home .header .image-top-classroom-project.mode-theme.theme27{background:url(img/header-tiles/F2.png) #113b50; }
main .m-home .header .image-top-classroom-project.mode-theme.theme28{background:url(img/header-tiles/F3.png) #49213f; }
main .m-home .header .image-top-classroom-project.mode-theme.theme29{background:url(img/header-tiles/F4.png) #4e2c12; }
main .m-home .header .image-top-classroom-project.mode-theme.theme30{background:url(img/header-tiles/F5.png) #5d1818; }
main .m-home .header .image-top-classroom-project.mode-image{ background-position: left top; background-repeat: no-repeat; background-size: cover; }
main .m-home .header .image-top-classroom-project.active{ display: inline-block; }
main .m-home .header .image-top-classroom-project.hide{ display: none; }
main .m-home .header .image-top-classroom-project .name-classroom{ cursor: pointer; font-family: akaPosse; color: #d7ba65; font-size: 30px; text-align: center; position: absolute; left: 100px; right: 100px; z-index: 2; top: 15px; }
main .m-home .header .image-top-classroom-project .project-classroom{ font-family: cinzel_decorative_700; color: #ffe188; font-size: 24px; text-align: center; position: absolute; left: 220px; right: 100px; z-index: 2; top: 90px; }
main .m-home .header .image-top-classroom-project .d-icon-project{ width: 101px; height: 145px; margin: 0 auto; margin-bottom: 10px; background: url(img/default-project.png) no-repeat; background-size: 100%; background-position: center center; position: absolute; top: 111px; left: 80px; }
main .m-home .header .image-top-classroom-project .d-icon-project.with-book{ cursor: pointer;  }
main .m-home .header .image-top-classroom-project .d-project-status{ position: absolute; top: 170px; right: 204px; width: 128px; height: 70px; }
main .m-home .header .image-top-classroom-project .d-project-status .d-project-status-stamp{ width: 114px; height: 86px; background: url(img/classroom-project-activity/stamp-active.png); }
main .m-home .header .image-top-classroom-project .d-project-status .d-project-status-stamp.finished{ width: 128px; height: 85px; background: url(img/classroom-project-activity/stamp-finish.png); }
main .m-home .header .image-top-classroom-project .d-project-status .d-project-status-stamp.next{ width: 113px; height: 85px; background: url(img/classroom-project-activity/stamp-next.png); }
main .m-home .header .image-top-classroom-project .d-project-status .d-project-status-stamp span{ font-family: 'Top_Secret'; font-size: 17px; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); line-height: 90px; position: absolute; left: 0; right: 12px; text-align: center; color: #073405;     top: -1px;}
main .m-home .header .image-top-classroom-project .d-project-status .d-project-status-stamp.finished span{ color: #6a110f;  -webkit-transform: rotate(-16deg); -moz-transform: rotate(-16deg); -ms-transform: rotate(-16deg); -o-transform: rotate(-16deg); left: 0; right: 0px;  top: -2px; }
main .m-home .header .image-top-classroom-project .d-project-status .d-project-status-stamp.next span{ color: #003a58; -webkit-transform: rotate(-17deg); -moz-transform: rotate(-17deg); -ms-transform: rotate(-17deg); -o-transform: rotate(-17deg);top: -2px;}
main .m-home .header .image-top-classroom-project .d-project-status .d-project-status-change{ color: #ebd293; font-family: effloresce_bold; font-size: 18px; margin-top: 5px; text-align: center; margin-left: -15px; }


main .m-home .header .image-top-classroom-project .d-central-container{ width: 671px; height: 344px; margin: 0px auto; position: relative; background: url(img/classroom-project-activity/header.png) no-repeat; }
main .m-home .header .image-top-classroom-project .d-right-select{ cursor: pointer; color: #fffaed; font-size: 16px; font-family: 'effloresce_bold'; position: absolute; right: 10px; bottom: 10px;}
main .m-home .header .image-top-classroom-project .d-left-admin{ display: none; position: absolute; left: 10px; bottom: 10px; color: #fff; border-top: 2px solid #4d1313; width: 300px; height: 240px; background: url(img/bg_corcho.jpg); -webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75); box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.75); }
main .m-home .header .image-top-classroom-project .d-left-admin .d-title{ font-family: akaPosse; color: #db4739; font-size: 25px; text-align: center; position: absolute; left: 10px; right: 10px; z-index: 2; top: 2px; margin: 0; padding: 0; }
main .m-home .header .image-top-classroom-project .d-left-admin .tabs{ position: absolute; top: 40px; left: 2px; right: 2px; height: 30px; }
main .m-home .header .image-top-classroom-project .d-left-admin .tabs .tab{ display: inline-block; color: #000; width: auto; height: 35px; line-height: 31px; box-sizing: border-box; padding: 3px 10px; background: #cacaca; cursor: pointer; color: #2c1608; font-family: effloresce_bold; border-top-right-radius: 5px; margin: 0; border-top-left-radius: 5px; }
main .m-home .header .image-top-classroom-project .d-left-admin .tabs .tab.selected{ background: #f7eedd; }
main .m-home .header .image-top-classroom-project .d-left-admin .tab-content{ display: none; position: absolute; top: 74px; left: 2px; right: 2px; bottom: 2px; background: #f7eedd; color: #000; }
main .m-home .header .image-top-classroom-project .d-left-admin div select{     max-width: 277px;
                                                                                margin-left: 10px; }
main .m-home .header .image-top-classroom-project .d-left-admin div input{ margin-left: 10px;}
main .m-home .header .image-top-classroom-project .d-left-admin .d-input input{ width: 275px;}

main .m-home .header .image-top-classroom-project .d-left-admin .d-label{ margin: 20px 10px 10px 10px; }
main .m-home .header .image-top-classroom-project .d-left-admin .tab-content.new .d-label{ margin: 15px 10px 7px 10px; }
main .m-home .header .image-top-classroom-project .d-left-admin .d-active{ margin: 10px; }
main .m-home .header .image-top-classroom-project .d-left-admin .btn-submiting,
main .m-home .header .image-top-classroom-project .d-left-admin .btn-creating { margin-left: 130px; }
main .m-home .header .image-top-classroom-project .d-left-admin .btn-change-status{ margin-left: 115px; }

main .m-home .header .image-top-classroom-project .d-right-select.theme{ bottom: 40px; }
main .m-home .header .image-top-classroom-project .d-update-imagen { cursor: pointer; width: 100%; height: 25px; color: #FFF; font-family: effloresce_bold; font-size: 17px; text-align: center; position: absolute; bottom: -30px; }

main .m-home .header .image-top{ height: 351px; width: 100%; background: url(img/bg_header_2.png) repeat-x #351c20; display: inline-block; overflow: hidden; position: relative;     background: #2e181d;
                                 background-image: url(img/bg-pattern/arabesque.png);
                                 background-image: url(img/bg-pattern/arabesque.png), linear-gradient(#2e181d, #6f313f,#2e181d); 

                                 background-image: url(img/bg-pattern/arabesque.png),  -moz-linear-gradient(top, rgba(46,24,29,1) 0%, rgba(77,36,46,1) 71%, rgba(46,24,29,1) 72%, rgba(46,24,29,1) 74%, rgba(77,36,46,1) 75%, rgba(46,24,29,1) 100%);
                                 background-image: url(img/bg-pattern/arabesque.png), -webkit-gradient(left top, left bottom, color-stop(0%, rgba(46,24,29,1)), color-stop(71%, rgba(77,36,46,1)), color-stop(72%, rgba(46,24,29,1)), color-stop(74%, rgba(46,24,29,1)), color-stop(75%, rgba(77,36,46,1)), color-stop(100%, rgba(46,24,29,1)));
                                 background-image: url(img/bg-pattern/arabesque.png), -webkit-linear-gradient(top, rgba(46,24,29,1) 0%, rgba(77,36,46,1) 71%, rgba(46,24,29,1) 72%, rgba(46,24,29,1) 74%, rgba(77,36,46,1) 75%, rgba(46,24,29,1) 100%);
                                 background-image: url(img/bg-pattern/arabesque.png), -o-linear-gradient(top, rgba(46,24,29,1) 0%, rgba(77,36,46,1) 71%, rgba(46,24,29,1) 72%, rgba(46,24,29,1) 74%, rgba(77,36,46,1) 75%, rgba(46,24,29,1) 100%);
                                 background-image: url(img/bg-pattern/arabesque.png), -ms-linear-gradient(top, rgba(46,24,29,1) 0%, rgba(77,36,46,1) 71%, rgba(46,24,29,1) 72%, rgba(46,24,29,1) 74%, rgba(77,36,46,1) 75%, rgba(46,24,29,1) 100%);
}
main .m-home .header .image-top.hide{ display: none; }
main .m-home.header-retracted .header .image-top{ display: none; }
main .m-home.header-retracted .header .image-top-school { display: none; }
main .m-home.header-fixed .header { position: fixed; top: 0; left: 0; right: 0; z-index: 5; }
main .m-home .header .image-top .image-left{ float: left; height: 351px; width: 213px; background: url(img/bg_header_1.png) no-repeat; }
main .m-home .header .image-top .image-right{ float: right; height: 351px; width: 213px; background: url(img/bg_header_3.png) no-repeat; position: relative; }
main .m-home .header .image-top .image-center{ position: absolute;  margin: 0 auto; height: 349px; width: 562px; left: 50%; margin-left: -266px; background: url(img/header-title.png) no-repeat; }
main .m-home .header .image-top .main-container{ position: absolute;  margin: 0 auto; height: 349px; width: 562px; left: 50%; margin-left: -266px; z-index: 2; }
main .m-home .header .image-top .main-container .fx-light-1{ position: absolute; top:7px; left: 50px; background: url(img/fx-light-2.png); width: 100px; height: 145px; }
main .m-home .header .image-top .main-container .fx-light-2{ position: absolute; top:7px; left: 400px; background: url(img/fx-light-2.png); width: 100px; height: 145px; }
main .m-home .header .image-top .main-container .name-classroom{ cursor: pointer; position: absolute; left: 0; right: 0; top: 20px; font-size: 38px; font-family: akaPosse; color: #d7ba65; text-align: center; }
main .m-home .header .image-top .main-container .icon-classroom{ position: absolute; left: 198px; top: 71px; width: 164px; height: 164px; background: url(img/classroom/bg-classroom.png) no-repeat; }
main .m-home .header .image-top .main-container .icon-classroom .d-icon{ width: 140px; height: 140px; margin-top: 11px; margin-left: 11px; border-radius: 30px; -webkit-border-radius: 70px; -moz-border-radius: 24px; background-size: 100%; float: left; display: inline-block; background-position: center; background-repeat: no-repeat;     background: url(img/avatar_clase.jpg) no-repeat; background-size: 100% 100%; }
main .m-home .header .image-top .main-container .project-classroom{ position: absolute; left: 0; right: 0; top: 180px; font-size: 29px; font-family: cinzel_decorative_700; color: #d7ba65; text-align: center; line-height: 30px;}
main .m-home.r-classroom .header .image-top .main-container .project-classroom{ display: none; }
main .m-home .header .image-top .main-container .btn-video{ position: absolute; left: 182px; top: 238px; width: 197px; height: 55px; background: url(img/btn_video.png); }
main .m-home.r-classroom .header .image-top .main-container .btn-video{ top: 165px; }
main .m-home .header .image-top .image-personaje-1{ position: absolute; width: 591px; height: 348px; bottom: 0px; left: 0px; background: url(img/header/bg-left-draw.png); z-index: 0; }
main .m-home .header .image-top .image-personaje-2{ position: absolute; width: 425px; height: 310px; bottom: 0px; right: 0px; background: url(img/header/bg-right-draw.png); z-index: 1; }
main .m-home .header .image-top .image-center{ position: absolute; width: 220px; height: 35px; bottom: 0px; left: 50%; margin-left: -110px; background: url(img/header/bg-center.png); z-index: 3; }
main .m-home .header .image-top .image-center .btn-pdi{ position: absolute; width: 20px; height: 20px; bottom: 8px; left: 50%; margin-left: 35px; z-index: 3; }
main .m-home .header .image-top .image-center .btn-pdi:hover{ }
main .m-home .header .image-top .btn-agencia,
main .m-home .header .image-top .btn-detectives,
main .m-home .header .image-top .btn-decalogo{ position: absolute; width: 191px; height: 73px; z-index: 1; display: none; top: 235px; }
main .m-home .header .image-top .btn-agencia span,
main .m-home .header .image-top .btn-detectives span,
main .m-home .header .image-top .btn-decalogo span{ float: left; margin: 12px 5px 5px 58px; font-size: 25px; font-family: 'akaPosse'; color: #cfa150; line-height: 20px; }
main .m-home .header .image-top .btn-decalogo span{ margin-top: 22px; }
main .m-home .header .image-top .btn-agencia{ background: url(img/header/btn-1.png); left: 0; }
main .m-home .header .image-top .btn-detectives{ background: url(img/header/btn-2.png); left: 200px; }
main .m-home .header .image-top .btn-decalogo{ background: url(img/header/btn-3.png); left: 400px; }

main .m-home.episode1 .header .image-top{ background: url(img/episodes/header/b1_bg.png); }
main .m-home.episode1 .header .image-top .image-personaje-1{background: url(img/episodes/header/b1_left.png); width: 738px; height: 351px; }
main .m-home.episode1 .header .image-top .image-personaje-2{background: url(img/episodes/header/b1_right.png); width: 629px; height: 351px;  }
main .m-home.episode1 .header .image-top .image-left,
main .m-home.episode1 .header .image-top .image-left,
main .m-home.episode1 .header .image-top .main-container .fx-light-1,
main .m-home.episode1 .header .image-top .main-container .fx-light-2{ display: none; }

main .m-home.episode2 .header .image-top{ background: url(img/episodes/header/b2_bg.png); }
main .m-home.episode2 .header .image-top .image-personaje-1{background: url(img/episodes/header/b2_left.png); width: 482px; height: 351px;  }
main .m-home.episode2 .header .image-top .image-personaje-2{background: url(img/episodes/header/b2_right.png); width: 523px;    height: 351px; }
main .m-home.episode2 .header .image-top .image-left,
main .m-home.episode2 .header .image-top .image-left,
main .m-home.episode2 .header .image-top .main-container .fx-light-1,
main .m-home.episode2 .header .image-top .main-container .fx-light-2{ display: none; }

main .m-home.episode1 .header .image-top .image-center,
main .m-home.episode2 .header .image-top .image-center,
main .m-home.episode3 .header .image-top .image-center,
main .m-home.episode4 .header .image-top .image-center,
main .m-home.episode5 .header .image-top .image-center,
main .m-home.episode6 .header .image-top .image-center,
main .m-home.episode7 .header .image-top .image-center{ background: url(img/episodes/header/header_episode_bg.png); width: 644px; height: 70px; bottom: -3px; margin-left: -322px; z-index: 3; text-align: center; font-family: cinzel_decorative_700; line-height: 100px; }
main .m-home.episode5 .header .image-top .image-center{ background: url(img/episodes/header/header_episode_bg.png); width: 644px; height: 70px; bottom: -3px; margin-left: -322px; z-index: 3; text-align: center; font-family: cinzel_decorative_700; line-height: 100px; }
main .m-home .header .image-top .image-center .episode-name{font-size: 18px; color: #9a3e20; margin-right: 10px;}
main .m-home .header .image-top .image-center .episode-title{font-size: 22px; color: #270b02;}
main .m-home .header .image-top .image-center .btn-config{ position: absolute; bottom: 8px; right: 55px; width: 28px; height: 28px; background: url(img/classroom-project/btn-config.png); }

main .m-home.r-classroom .header .image-top .btn-agencia,
main .m-home.r-classroom .header .image-top .btn-detectives,
main .m-home.r-classroom .header .image-top .btn-decalogo{ display:block; }

main .m-home.r-classroom .header .image-top .btn.h-green{ width: 169px; height: 59px; background: url(img/classroom/bg-btn.png); position: absolute; top: 235px; }
main .m-home.r-classroom .header .image-top .btn.h-green .d-icon{ position: absolute; top: 15px; left: 20px; }
main .m-home.r-classroom .header .image-top .btn.h-green .d-label{ position: absolute; top: 15px; left: 55px; right: 5px; color: #d7ba65; font-size: 18px;}
body.lang-eu main .m-home.r-classroom .header .image-top .btn.h-green .d-label{ left: 52px; font-size: 17px;}
main .m-home.r-classroom .header .image-top .btn.h-green.video{ left: 110px;}
main .m-home.r-classroom .header .image-top .btn.h-green.imprimibles{ left: 280px;}
main .m-home.r-classroom .header .image-top .btn.h-green.video .d-icon{ width: 29px; height: 25px; background: url(img/classroom/ico-video.png); }
main .m-home.r-classroom .header .image-top .btn.h-green.t-quizz .d-icon{ width: 29px; height: 24px; background: url(img/classroom/ico-tquiz.png); }
main .m-home.r-classroom .header .image-top .btn.h-green.imprimibles .d-icon{ width: 24px; height: 22px; background: url(img/classroom/ico-print.png); }

main .m-home.r-classroom .header .image-top .teacher .btn.h-green.video { left: 193px; }
main .m-home.r-classroom .header .image-top .teacher .btn.h-green.imprimibles { left: 360px; }
main .m-home.r-classroom .header .image-top .teacher .btn.h-green.t-quizz { left: 25px; }

@media screen  and (min-width: 1px) and (max-width: 1060px) { 
    main .m-home .header .image-top .main-container .fx-light-1,
    main .m-home .header .image-top .main-container .fx-light-2{ display: none; }
}
/* header  */
main .m-home .header .d-header {  }
main .m-home .header .d-header .d-back-btn{  display: none; position: absolute; top: 11px; left: 15px; width: 95px; height: 52px; background: url(img/bg_btn_back.png) no-repeat; z-index: 7; background-size: 100%; font-family: 'akaPosse'; font-size: 19px; line-height: 50px; text-align: center; padding-left: 15px; color: #32240b; }
main .m-home .header .d-header .d-header-tile{ margin: 0; padding: 0; position: relative; height: 72px; width: 100%; display: block; background: url(img/bg_header_bar_0.png) 5px 6px; }
main .m-home .header .d-header .d-header-tile.sticky{ position: fixed; top: 0; left: 0; right: 0; z-index: 6; }
main .m-home .header .d-header .d-header-tile .d-header-tile-container{ width: 100%; height: 72px; display: block; background: url(img/bg_header_bar_2.png); }
main .m-home .header .d-header .d-header-tile .d-header-tile-container .d-classroom-info{ display: none; }
main .m-home.header-sticky .header .d-header .d-header-tile .d-header-tile-container .d-classroom-info{ display: none; visibility: hidden; }
main .m-home .header .d-header .d-header-tile .image-left{ position: absolute; left: 0; top: 0; width: 9px; height: 72px; background: url(img/bg_header_bar_1.png); }
main .m-home .header .d-header .d-header-tile .image-right{ position: absolute; right: 0; top: 0; width: 9px; height: 72px; background: url(img/bg_header_bar_3.png); }
main .m-home .header .d-header .d-header-tile .btn-menu{ position: absolute; left: 8px; top: 6px; width: 30px; height: 19px; background: url(img/ico-menu.png) 17px 15px no-repeat; }
main .m-home.header-sticky .header .d-header .d-header-tile .btn-menu{ position: fixed; top: 6px; left: 8px; }
main .m-home .header .d-header .d-header-tile .logo{ position: absolute; left: 85px; top: 16px; width: 174px; height: 40px; background: url(img/tatum.png) 0px 0px no-repeat; }
main .m-home .header .d-header .d-header-tile.col1{ width: 227px; float: left; }
main .m-home .header .d-header .d-header-section{ /*visibility: hidden; */ display: none; position: absolute; overflow: hidden; left: 269px; top: 4px; right: 293px; font-family: 'effloresce_regular',Sans-Serif; color: #d7be84; text-align: center;  white-space: nowrap;}
main .m-home .header .d-header .d-header-section .d-text{ display: inline-block; margin: 2px 5px 5px 5px; vertical-align: middle;}
main .m-home .header .d-header .d-header-section .d-fig-0{ display: inline-block; width: 45px; height: 25px; background: url(img/ico-figura-0.png); }
main .m-home .header .d-header .d-header-section .d-fig-1{ display: inline-block; width: 45px; height: 25px; background: url(img/ico-figura-1.png); }
main .m-home .header .d-header .d-header-profile{ position: absolute; top: 0; right: 0; width: 290px; float: right; font-family: 'special_elite'; color: #e2cc9a; }
main .m-home.header-sticky .header .d-header .d-header-profile{ position: fixed; top: 0px; right: 0; z-index: 2; }

/* project tabs */
main .m-home .header .d-header .d-header-section.project-tab{ visibility: visible; display: block; position: absolute; left: 286px; top: 7px; right: 280px; height: 55px; overflow: hidden; text-align: center; }
main.classroom-books .m-home .header .d-header .d-header-section.project-tab{  right: 250px; }
main .m-home .header .d-header .d-header-section.project-tab .d-figure{ display:inline-block; width: 24px; height: 51px; background: url(img/tabs_figure.png); vertical-align: top; margin-top: 5px;}
main .m-home .header .d-header .d-header-section.project-tab .d-tabs{ display:inline-block; position: relative; width: 290px; height: 50px;
                                                                      background: url(img/tabs_bg_2.png) repeat-x;

                                                                      /* allow for the pseudo-elements which do not have layout due to absolute positioning */
                                                                      margin: 5px 10px;}
main .m-home.d-teacher .header .d-header .d-header-section.project-tab .d-tabs{ width: 300px; }
main .m-home.d-teacher .header .d-header .d-header-section.project-tab.classroom .d-tabs{ width: 477px; }
main .m-home.d-student .header .d-header .d-header-section.project-tab.classroom .d-tabs{ width: 477px; }
main.classroom-books .m-home.d-teacher .header .d-header .d-header-section.project-tab.classroom .d-tabs{ width: 610px; }
main.classroom-books .m-home.d-student .header .d-header .d-header-section.project-tab.classroom .d-tabs{ width: 610px; }
main .m-home.d-student .header .d-header .d-header-section.project-tab.profile .d-tabs{ width: 548px; }
main .m-home.d-teacher .header .d-header .d-header-section.project-tab.profile .d-tabs{ width: 333px; }

main .m-home .header .d-header .d-header-section.project-tab .d-tabs::before,
main .m-home .header .d-header .d-header-section.project-tab .d-tabs::after { content: ' '; position: absolute; top: 0; width: 5px; height: 50px; }
main .m-home .header .d-header .d-header-section.project-tab .d-tabs::before { background: url(img/tabs_bg_1.png) no-repeat; left: -5px; }
main .m-home .header .d-header .d-header-section.project-tab .d-tabs::after { background: url(img/tabs_bg_3.png) no-repeat; width: 6px; right: -6px; }

main .m-home .header .d-header .d-header-section.project-tab .d-tabs .d-tabs-bg{ position:absolute; left: 4px; right: 4px; top: 0;  height:50px; background: url(img/tabs_bg_2.png) repeat-x; }
main .m-home .header .d-header .d-header-section.project-tab .d-tabs .d-tabs-btns{ position:absolute; z-index: 1; left: 4px; right: 4px; top: 0; height:50px; }
main .m-home .header .d-header .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt{ display: inline-block; background: url(img/tabs_tab_2.png); position: relative; height: 40px; top: 4px; margin-right: 25px; margin-left: 25px;}
main .m-home .header .d-header .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt .text{ color: #9a8341; margin-top: 12px; font-size: 18px; font-family: 'akaPosse'; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); text-transform: uppercase; }
main .m-home .header .d-header .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt::before,
main .m-home .header .d-header .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt::after{ content: ' '; position: absolute; top: 0; width: 20px; height: 40px; }
main .m-home .header .d-header .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt::before { background: url(img/tabs_tab_1.png) no-repeat; left: -20px; }
main .m-home .header .d-header .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt::after { background: url(img/tabs_tab_3.png) no-repeat; right: -20px; }

main .m-home .header .d-header .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt.active{ background: url(img/tabs_tab_active_2.png); position: relative; height: 54px; top: -4px; }
main .m-home .header .d-header .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt.active .text{ color: #ccb35e; margin-top: 16px; }
main .m-home .header .d-header .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt.active::before,
main .m-home .header .d-header .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt.active::after{ content: ' '; position: absolute; top: 0; width: 30px; height: 54px; }
main .m-home .header .d-header .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt.active::before { background: url(img/tabs_tab_active_1.png) no-repeat; left: -30px; }
main .m-home .header .d-header .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt.active::after { background: url(img/tabs_tab_active_3.png) no-repeat; right: -30px; }

/* Project header (teacher) responsive */
@media screen 
and (min-width: 1px)
and (max-width: 1205px) {
    main .m-home.d-teacher .header.classroom-project .d-header .d-classroom-info{ display: none !important; } 
    main .m-home.d-student .header.classroom-project .d-header .d-classroom-info{ display: none !important; } 
    main .m-home .header .d-header .d-header-section.project-tab{ left: 50px; }
    main.classroom-books .m-home .header .d-header .d-header-section.project-tab{ right: 110px; }
    main.classroom-books .m-home .header .d-profile .apynom.student{ display: none !important; }
    main.classroom-books .m-home .header .d-profile .apynom.teacher{ display: none !important; }
    main.classroom-books .m-home .header .suscribe { display: none !important; }
}

@media screen 
and (min-width: 1px)
and (max-width: 1200px) { 
    main .m-home .header .d-header .d-header-tile .logo{ display: none !important; } 
    main .m-home.d-teacher .header.classroom-projects .d-header .d-classroom-info{ display: none !important; } 
    main .m-home.d-student .header.classroom-projects .d-header .d-classroom-info{ display: none !important; } 
    main .m-home .header .d-header .d-header-section{ left: 138px; text-align: left; } 
}
@media screen 
and (min-width: 1px)
and (max-width: 650px) { 
    main .m-home .header .d-header .d-header-section { display: none !important; } 
}

/* home loader */
main .m-home .d-loader { margin-top: 0; padding-bottom: 7px; text-align: center; }
main .m-home .d-loader .progress { width: 300px; margin: 0 auto; border-radius: 0;  }
main .m-home .d-loader .progress .indeterminate{ border-radius: 0; }

main .m-home .header .btn-menu{ padding: 20px; }
main .m-home .header .btn-menu i{ color: #959595; }
main .m-home .header .tabs { height: 65px; }
main .m-home .header .tabs .tab{ height: 65px; line-height: 65px; }
main .m-home .header .tabs a{ color: #2f2f2f; }
main .m-home .header .tabs a.active{ font-weight: bold; }
main .m-home .header .tabs .tab.disabled a{ color: silver }
main .m-home .header .tabs .tab.disabled a:hover{ color: silver }
main .m-home .header .tabs .indicator{ background-color: #6ad7ff; height: 5px; }
main .m-home .header .d-title{ font-weight: bold; padding-top: 19px; font-size: 20px; display: inline-block; font-family: cinzel_decorative_700; }
main .m-home .header .d-title.d-projects-title{ display: none; }
main .m-home .header .d-profile .menu-global{ width: 30px; height: 30px; position: absolute; top: 7px; right: 20px; background: url(img/menu-global.png);}
main .m-home .header .d-profile .btn-help{ width: 26px; height: 26px; position: absolute; top: 7px; right: 65px; background: url(img/help/ico-help.png);}
main .m-home .header .d-profile .btn-help.student{  right: 25px; background: url(img/help/ico-help.png);}
main .m-home .header .d-profile .apynom-container{ width: 185px; position: absolute; top: 19px; left: 0; }
main .m-home .header .d-profile .apynom{ display: none; color: #d7be84; padding-right: 5px; text-align: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }
main .m-home .header .d-profile .apynom.teacher{ margin-top: 11px; display: none; }
main .m-home .header .d-profile .apynom-container .suscribe{ display: none; font-size: 14px; color: #f8e6c4; font-family: special_elite; text-align: right; padding-right: 30px; position: relative; margin-top: 12px; cursor: pointer; margin-right: 65px; }
main .m-home .header .d-profile .apynom-container .suscribe:after{ content: ' '; width: 22px; height: 24px; background: url(img/library-projects/verifier-small.png); position: absolute; top: -4px; right: 5px; }
main .m-home .header .d-profile .apynom-container.unsuscribed .suscribe{ display: block; }
main .m-home .header .d-profile .apynom-container.unsuscribed .apynom.teacher{ margin-top: 3px; }

main .m-home .header .d-profile .d-student-icon{ top: 6px; }
main .m-home .header .d-profile .d-student-icon .d-stars,
main .m-home .header .d-profile .d-student-icon .d-level{ display: none; }
main .m-home .header .d-profile .role{ color: #979797; font-style: italic; font-size: .8em; padding-right: 8px; }
main .m-home .header .d-profile .avatar{ width: 42px; height: 60px; position: absolute; margin: 0; left: 188px; top: 5px; }
main .m-home .header .d-profile .avatar .imagen{ width: 42px; height: 42px; border-radius: 21px; -webkit-border-radius: 21px;-moz-border-radius: 21px; background: url(img/profile_42x42.jpg) no-repeat; float: left; display: inline-block; margin-top: 9px; border: 2px solid #684730; background-position: center; background-size: 100%; background-repeat: no-repeat; } 
main .m-home .header .d-profile .btn-user-menu{ position: absolute; margin: 0; left: 230px; top: 5px; width: 41px; height: 60px; background: url(img/ico-arrow-down.png) 12px 21px no-repeat; }
main .m-home .header .badges { position:relative; }
main .m-home .header .badges[data-badge]:after { content:attr(data-badge); position:absolute; z-index: 2; top:3px; right:-12px; font-size:18px; font-family: effloresce_bold; background:#c41921; color: #f6e5bb; width: 23px; height: 23px; text-align:center; line-height:18px; border-radius:50%; box-shadow:0 0 1px #000; }
main .m-home .header .badges[data-badge*="0"] { display: none; }

/* header of teacher custom */
main .m-home.d-teacher .header .d-header .d-header-tile.col1 { width: 280px; }
main .m-home.d-teacher .header .d-header .d-header-tile.col2 { left: 280px; }

main .m-home.d-teacher .header .d-header .d-classroom-info{ display: none; width: 214px; }
main .m-home.d-teacher .header .d-header .d-classroom-info .icon{ width: 42px; height: 42px; margin-top: 10px; margin-right: 5px; border-radius: 21px; -webkit-border-radius: 21px;-moz-border-radius: 21px; background: url(img/image-project.png) no-repeat; background-size: 100%; float: left; display: inline-block; }
main .m-home.d-teacher .header .d-header .d-classroom-info .classroom-name{ margin-top: 10px; font-weight: bold; }
main .m-home.d-teacher .header .d-header .d-classroom-info .classroom-level{ color: silver; font-style: italic; }


/* m-home header-menu */
main .m-home .d-header-menu{ display: none; position: absolute; z-index: 4; top: 65px; left: 0; right: 0; font-family: 'cinzel_decorative_700'; }
main .m-home.header-sticky .d-header-menu{ }
main .m-home .d-header-menu .d-menu-container{ position: fixed; top: 70px; left: 0; bottom: 0; right: 0; overflow-x: hidden; }
main .m-home .d-header-menu .bg-shadow{ display: none; background: #000; opacity: .25; position: absolute; top: 358px; left: 0; right: 0; bottom: 0; }
main .m-home .d-header-menu .d-menu { display: none; position: absolute; top: 360px; }
main .m-home.header-sticky .d-header-menu .d-menu { position: absolute; top: 0px; }
main .m-home .d-header-menu .d-menu:before{ content: ' '; background: url(img/wood_menu.jpg); background-color: #9a4820; width: 295px; position: absolute; display: block; z-index: 1; top: 18px; right: 13px; bottom: 13px; left: 5px;}
main .m-home .d-header-menu .d-menu:after{ content: ' '; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #9a4820; position: absolute; z-index: 1; top: 6px; left: 31px;}

main .m-home .d-header-menu .d-menu-left { left: 0px; width: 300px; z-index: 5; }
main .m-home .d-header-menu .d-menu-right { right: 0px; width: 315px; z-index: 5; }
main .m-home .d-header-menu .d-menu.d-menu-right .d-box-top{ background: url(img/bg_header_dd_1r.png); }
main .m-home .d-header-menu .d-menu.d-menu-right:after{ left: 252px; }
main .m-home .d-header-menu .d-menu .d-box-top{ width: 315px; height: 39px; background: url(img/bg_header_dd_1.png) no-repeat; position: relative; z-index: 2; }
main .m-home .d-header-menu .d-menu ul{ width: 315px; background: url(img/bg_header_dd_2.png) repeat-y; list-style: none; margin: 0; padding: 0; position: relative; z-index: 2; }
main .m-home .d-header-menu .d-menu .d-box-bottom{ width: 315px; height: 30px; background: url(img/bg_header_dd_3.png) no-repeat; position: relative; z-index: 2; }
main .m-home .d-header-menu .d-menu ul li { z-index: 2; height: 33px; color: #f8e9c3; position: relative; text-align: left; padding-top: 12px; width: 286px; left: 10px; }
main .m-home .d-header-menu .d-menu ul li.collection-item:hover { background: #8f401e; }
main .m-home .d-header-menu .d-menu ul li.separator{ height: 10px; }
main .m-home .d-header-menu .d-menu ul li.separator:after { content: ''; width: 170px; height: 9px; background: url(img/bg_header_dd_separator.png); position: absolute; top: 0px; left: 60px; }
main .m-home .d-header-menu .d-menu ul li.container-classrooms { margin: 0; padding: 0; height: auto; display: block; cursor: pointer; }
main .m-home .d-header-menu .d-menu ul li.container-classrooms .d-classroom { display: block; width: 286px; height: 55px; }
main .m-home .d-header-menu .d-menu ul li.container-classrooms .d-classroom.active { background: rgba(0,0,0,0.1); height: auto; border-top: 1px solid rgba(0,0,0,0.2); border-bottom: 1px solid rgba(0,0,0,0.2); padding-top: 8px;}
main .m-home .d-header-menu .d-menu ul li.container-classrooms .d-classroom:hover { color: #ffe284; }
main .m-home .d-header-menu .d-menu ul li.container-classrooms .d-classroom .d-icon{ width: 42px; height: 42px; margin-top: 4px; margin-right: 5px; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; background: url(img/avatar_clase.jpg) no-repeat; background-size: 100%; display: inline-block; border: 2px solid #684730; background-position: center; background-repeat: no-repeat; vertical-align: middle; margin-left: 5px; }
main .m-home .d-header-menu .d-menu ul li.container-classrooms .d-classroom .d-label{ height: 42px; margin-top: 5px; display: inline-block; vertical-align: middle; max-width: 205px; overflow: hidden; }
main .m-home .d-header-menu .d-menu ul li.container-classrooms .d-classroom .d-label .d-name{ font-size: 18px; }
main .m-home .d-header-menu .d-menu ul li.container-classrooms .d-classroom .d-label .d-level{ font-size: 14px; font-family: 'special_elite'; color: #cfb28f; }
main .m-home .d-header-menu .d-menu ul li.container-classrooms .d-classroom .d-classroom-project{ font-family: effloresce_regular; color: #f8e9c3; margin-left: 60px;height: 30px; }
main .m-home .d-header-menu .d-menu ul li.container-classrooms .d-classroom .d-classroom-project.active{ font-family: effloresce_bold; color: #ffe188; }
main .m-home .d-header-menu .d-menu ul li.container-classrooms .d-classroom .d-classroom-project:last-child{ padding-bottom: 10px; }

main .m-home .d-header-menu .d-menu ul li:hover {  }
main .m-home .d-header-menu .d-menu ul li .label{ display: inline-block; vertical-align: middle; font-size: 16px; }
main .m-home .d-header-menu .d-menu ul li .d-icon{ width: 24px; height: 24px; background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin-left: 20px; margin-right: 20px; }
main .m-home .d-header-menu .d-menu ul li .d-icon.classrooms{ background-image: url(img/ico-clases.png); }
main .m-home .d-header-menu .d-menu ul li .d-icon.school{ background-image: url(img/ico-colegio.png); }
main .m-home .d-header-menu .d-menu ul li .d-icon.calendar{ background-image: url(img/ico-calendario.png); }
main .m-home .d-header-menu .d-menu ul li .d-icon.tasks{ background-image: url(img/ico-gradebook.png); }
main .m-home .d-header-menu .d-menu ul li .d-icon.library-projects{ background-image: url(img/ico-casos.png); }
main .m-home .d-header-menu .d-menu ul li .d-icon.gradebook{ background-image: url(img/ico-gradebook.png); }
main .m-home .d-header-menu .d-menu ul li .d-icon.books{ background-image: url(img/ico-libros.png); }
main .m-home .d-header-menu .d-menu ul li .d-icon.profile{ background-image: url(img/ico-perfil.png); }
main .m-home .d-header-menu .d-menu ul li .d-icon.help{ background-image: url(img/ico-ayuda.png); }
main .m-home .d-header-menu .d-menu ul li .d-icon.close-session{ background-image: url(img/ico-cerrar.png); }
main .m-home .d-header-menu .d-menu ul li .d-icon.insights{ background-image: url(img/ico-insights.png); }
main .m-home .d-header-menu .d-menu ul li .d-icon.licenses{ background-image: url(img/ico-perfil.png); }
main .m-home .d-header-menu .d-menu ul li.disabled .label { opacity: .5; }
main .m-home .d-header-menu .d-menu ul li.hidden { display: none; }

main .m-home .d-header-menu .d-notifications { display: none; position: absolute; right: 122px; top: 360px; width: 315px; z-index: 5; }
main .m-home.header-sticky .d-header-menu .d-notifications {position: absolute; top: 0px; }

main .m-home.header-retracted .d-header-menu .d-menu, 
main .m-home.header-retracted .d-header-menu .d-notifications { top: 7px; }
main .m-home.header-fixed .d-header-menu { position: fixed; z-index: 5; top: 66px; left: 0; bottom: 0; overflow-y: auto; }
main .m-home.header-hidden .header { display: none; }

main .m-home .d-header-menu .d-notifications:before{ }
main .m-home .d-header-menu .d-notifications:after{ }

main .m-home .d-header-menu .d-notifications .d-box-top{ width: 413px; height: 40px; background: url(img/bg-header-notify_1.png) no-repeat; position: relative; z-index: 2; }
main .m-home .d-header-menu .d-notifications .d-box-bottom{ width: 413px; height: 36px; background: url(img/bg-header-notify_3.png) no-repeat; position: relative; z-index: 2; }
main .m-home .d-header-menu .d-notifications ul { width: 413px; background: url(img/bg-header-notify_2.png) repeat-y; list-style: none; margin: 0; padding: 0; position: relative; z-index: 2; }
main .m-home .d-header-menu .d-notifications ul li { width: 94%; color: #f8e9c3; position: relative; text-align: center;  padding-left:5px;}
main .m-home .d-header-menu .d-notifications ul li.view-all { font-size: 13px; }
main .m-home .d-header-menu .d-notifications ul li:last-child:after { content: ''; width: 0; height: 0; background: none; position: relative; }
main .m-home .d-header-menu .d-notifications ul li:hover { color: #FFF; }
main .m-home .d-header-menu .d-notifications ul li .label{  color: #866c39; }
main .m-home .d-header-menu .d-notifications ul li.header { background: transparent; height: 33px; width: 369px; font-size: 20px; border-bottom: 1px solid #ad987f; margin-left: 19px;}
main .m-home .d-header-menu .d-notifications ul li.header .icon{ color: #535353; }
main .m-home .d-header-menu .d-notifications ul li.loader{ height: 56px; } 
main .m-home .d-header-menu .d-notifications ul li.loader .d-loader{ display: block !important; }
main .m-home .d-header-menu .d-notifications ul li.empty { font-size: .9em; color: #999999; }
main .m-home .d-header-menu .d-notifications ul li.view-all,
main .m-home .d-header-menu .d-notifications ul li.empty,
main .m-home .d-header-menu .d-notifications ul li.loader{ text-align: center;  margin-top: 12px; }
main .m-home .d-header-menu .d-notifications ul li.view-all a{ float: none; font-family: effloresce_bold; color: #c8461f; font-size: 18px; }
main .m-home .d-header-menu .d-notifications ul li.view-all a:hover{ text-decoration: underline; }
main .m-home .d-header-menu .d-notifications ul li.header:hover,
main .m-home .d-header-menu .d-notifications ul li.empty:hover,
main .m-home .d-header-menu .d-notifications ul li.loader:hover,
main .m-home .d-header-menu .d-notifications ul li.view-all:hover{ }

main .m-home .d-header-menu .d-notifications ul .notify { cursor: pointer; height: auto; min-height: 60px; font-family: effloresce_bold; position: relative; display: block; border-bottom: 1px solid #ad987f; width: 369px; text-align: left;  margin-left: 19px;}
main .m-home .d-header-menu .d-notifications ul .notify:hover { background: rgba(166,142,113,.3); }
main .m-home .d-header-menu .d-notifications ul .notify .d-icon{ width: 40px; height: 40px; border-radius: 30px; border: 4px solid #5f3d27; float: left; background-image: url(img/avatar_clase.jpg); background-size: 100% 100%; margin: 5px 0px 0px 4px; }
main .m-home .d-header-menu .d-notifications ul .notify .d-icon.d-student{ position: relative; border: none; border-radius: 0; margin-top: 15px; margin-left: 9px; }
main .m-home .d-header-menu .d-notifications ul .notify .d-icon.d-student:after{ content: " "; width: 47px; height: 65px; background: url(img/student-mask-1.png) no-repeat; position: absolute; z-index: 2; top: -5px; left: -4px; background-size: 100%; }
main .m-home .d-header-menu .d-notifications ul .notify .d-icon.d-teacher{ position: relative; border: none; border-radius: 0; margin-top: 15px; margin-left: 9px; }
main .m-home .d-header-menu .d-notifications ul .notify .d-icon.d-teacher:after{ content: " "; width: 47px; height: 65px; background: url(img/student-mask-3.png) no-repeat; position: absolute; z-index: 2; top: -5px; left: -4px; background-size: 100%; }
main .m-home .d-header-menu .d-notifications ul .notify .d-message{ display: block; color: #23201f; font-size: 18px; text-align: left; padding: 8px 10px 0px 62px; }
main .m-home .d-header-menu .d-notifications ul .notify .d-message .d-text-red{ color: #e74415; }
main .m-home .d-header-menu .d-notifications ul .notify .d-message .d-text-dark-red{ color: #a5400c; }
main .m-home .d-header-menu .d-notifications ul .notify .d-message .d-time{ color: #79614f; font-size: 16px; margin-bottom: 5px; }
main .m-home .d-header-menu .d-notifications ul li.disabled { background: #eeeeee; color: silver; }
main .m-home .d-header-menu .d-notifications ul li.disabled .icon{ color: silver; }
main .m-home .d-header-menu .d-notifications ul li a{ text-decoration: none; color: #fff; }

/* menu-global */
main .m-home .d-header-menu .d-menu-global { display: none; position: absolute; right: 186px; top: 7px; width: 315px; z-index: 5; font-family: 'Titillium Web', sans-serif; }
main .m-home .d-header-menu .d-menu-global.active { display: block; }
main .m-home .d-header-menu .d-menu-global:before{ }
main .m-home .d-header-menu .d-menu-global:after{ }

main .m-home .d-header-menu .d-menu-global .d-box-top{ width: 413px; height: 40px; background: url(img/bg-header-notify_1.png) no-repeat; position: relative; z-index: 2; }
main .m-home .d-header-menu .d-menu-global .d-box-bottom{ width: 413px; height: 36px; background: url(img/bg-header-notify_3.png) no-repeat; position: relative; z-index: 2; }
main .m-home .d-header-menu .d-menu-global ul { width: 413px; background: url(img/bg-header-notify_2.png) repeat-y; list-style: none; margin: 0; padding: 0; position: relative; z-index: 2; }
main .m-home .d-header-menu .d-menu-global ul li { width: 72%; color: #f8e9c3; position: relative; text-align: left;  margin-left: 55px; cursor: pointer; }
main .m-home .d-header-menu .d-menu-global ul li:last-child:after { content: ''; width: 0; height: 0; background: none; position: relative; }
main .m-home .d-header-menu .d-menu-global ul li:hover { color: #FFF; }
main .m-home .d-header-menu .d-menu-global ul li .label{  color:#706B65; display: inline-block; vertical-align: top; padding-top: 5px; }
main .m-home .d-header-menu .d-menu-global ul li.header { background: transparent; height: 33px; width: 369px; font-size: 18px; margin-left: 40px; text-transform: uppercase; }
main .m-home .d-header-menu .d-menu-global ul li.header .label{ color: #866C39; font-weight: bold;}
main .m-home .d-header-menu .d-menu-global ul li .icon{background-position: center; background-repeat: no-repeat; width: 32px; height: 32px; display: inline-block; vertical-align: middle; margin-right: 10px; margin-bottom: 3px; margin-top: 3px; }
main .m-home .d-header-menu .d-menu-global ul li .icon.ed{ background-image: url(img/logo-ed.png); }
main .m-home .d-header-menu .d-menu-global ul li .icon.edp{ background-image: url(img/logo-edp.png); }
main .m-home .d-header-menu .d-menu-global ul li .icon.byme{ background-image: url(img/logo-byme.png); }
main .m-home .d-header-menu .d-menu-global ul li .icon.gosteam{ background-image: url(img/logo-gosteam.png); }
main .m-home .d-header-menu .d-menu-global ul li .icon.drive{ background-image: url(img/logo-gdrive.png); }
main .m-home .d-header-menu .d-menu-global ul li .icon.calendar{ background-image: url(img/logo-calendar.png); }
main .m-home .d-header-menu .d-menu-global ul li .icon.classroom{ background-image: url(img/logo-classroom.png); }
main .m-home .d-header-menu .d-menu-global ul li .icon.onedrive{ background-image: url(img/logo-drive.png); }
main .m-home .d-header-menu .d-menu-global ul li .icon.teams{ background-image: url(img/logo-teams.png); background-size: 85%; }
main .m-home .d-header-menu .d-menu-global ul li .icon.recursos{ background-image: url(img/logo-recursos.png); }
main .m-home .d-header-menu .d-menu-global ul li .icon.polp{ background-image: url(img/logo-polp.png); background-size: 85%; }
main .m-home .d-header-menu .d-menu-global ul li.btn:hover { background: rgba(166,142,113,.3); border-radius: 5px; }
main .m-home .d-header-menu .d-menu-global ul li.loader{ height: 56px; } 
main .m-home .d-header-menu .d-menu-global ul li.loader .d-loader{ display: block !important; }
main .m-home .d-header-menu .d-menu-global ul li.empty { font-size: .9em; color: #999999; }

main .m-home .d-header-menu .d-menu-global ul li.disabled { opacity: 0.5;}
main .m-home .d-header-menu .d-menu-global ul li a{ text-decoration: none; color: #fff; }

/* menu-help */
main .m-home .d-header-menu .d-menu-help { display: none; position: absolute; right: 230px; top: 7px; width: 315px; z-index: 5; font-family: 'Titillium Web', sans-serif; }
main .m-home .d-header-menu .d-menu-help.active { display: block; }

main .m-home .d-header-menu .d-menu-help .d-box-top{ width: 413px; height: 40px; background: url(img/bg-header-notify_1.png) no-repeat; position: relative; z-index: 2; }
main .m-home .d-header-menu .d-menu-help .d-box-bottom{ width: 413px; height: 35px; background: url(img/bg-header-notify_3.png) no-repeat; position: relative; z-index: 2; }
main .m-home .d-header-menu .d-menu-help ul { width: 413px; background: url(img/bg-header-notify_2.png) repeat-y; list-style: none; margin: 0; padding: 0; position: relative; z-index: 2; }
main .m-home .d-header-menu .d-menu-help ul li { width: 72%; color: #f8e9c3; position: relative; text-align: left;  margin-left: 55px; cursor: pointer; }
main .m-home .d-header-menu .d-menu-help ul li:last-child:after { content: ''; width: 0; height: 0; background: none; position: relative; }
main .m-home .d-header-menu .d-menu-help ul li:hover { color: #FFF; }
main .m-home .d-header-menu .d-menu-help ul li .label{  color:#706B65; display: inline-block; vertical-align: top; padding: 5px; padding-left: 20px; }
main .m-home .d-header-menu .d-menu-help ul li.header { background: transparent; height: 32px; width: 369px; font-size: 18px; margin-left: 40px; text-transform: uppercase; margin-bottom: 10px; }
main .m-home .d-header-menu .d-menu-help ul li.header .label{ color: #866C39; font-weight: bold;}
main .m-home .d-header-menu .d-menu-help ul li .icon{background-position: center; background-repeat: no-repeat; width: 32px; height: 32px; display: inline-block; vertical-align: middle; margin-right: 10px; margin-bottom: 3px; margin-top: 3px; }
main .m-home .d-header-menu .d-menu-help ul li .icon.ed{ background-image: url(img/logo-ed.png); }
main .m-home .d-header-menu .d-menu-help ul li .icon.edp{ background-image: url(img/logo-edp.png); }
main .m-home .d-header-menu .d-menu-help ul li .icon.byme{ background-image: url(img/logo-byme.png); }
main .m-home .d-header-menu .d-menu-help ul li .icon.gosteam{ background-image: url(img/logo-gosteam.png); }
main .m-home .d-header-menu .d-menu-help ul li .icon.drive{ background-image: url(img/logo-gdrive.png); }
main .m-home .d-header-menu .d-menu-help ul li .icon.calendar{ background-image: url(img/logo-calendar.png); }
main .m-home .d-header-menu .d-menu-help ul li .icon.classroom{ background-image: url(img/logo-classroom.png); }
main .m-home .d-header-menu .d-menu-help ul li .icon.onedrive{ background-image: url(img/logo-drive.png); }
main .m-home .d-header-menu .d-menu-help ul li .icon.teams{ background-image: url(img/logo-teams.png); background-size: 85%; }
main .m-home .d-header-menu .d-menu-help ul li .icon.recursos{ background-image: url(img/logo-recursos.png); }
main .m-home .d-header-menu .d-menu-help ul li .icon.polp{ background-image: url(img/logo-polp.png); background-size: 85%; }
main .m-home .d-header-menu .d-menu-help ul li.btn:hover { background: rgba(166,142,113,.3); border-radius: 5px; }
main .m-home .d-header-menu .d-menu-help ul li.loader{ height: 56px; } 
main .m-home .d-header-menu .d-menu-help ul li.loader .d-loader{ display: block !important; }
main .m-home .d-header-menu .d-menu-help ul li.empty { font-size: .9em; color: #999999; }

main .m-home .d-header-menu .d-menu-help ul li.disabled { opacity: 0.5;}
main .m-home .d-header-menu .d-menu-help ul li a{ text-decoration: none; color: #fff; }

/* m-home content*/
main .m-home .d-home-content{ background: url(img/bg_home.png); display: block; position: relative; min-height: 585px; }
main .m-home .d-home-content.book-students{ background-image: url(img/header-tiles/C1.png);}
main .m-home .d-home-content.library-project{ background-image: url(img/library-projects/tile.png); }
main .m-home .d-home-content.project-content{ background: url(img/bg_project.png); }
main .m-home.r-work .d-home-content{ background: url(img/work/tilework.png); }
main .m-home .d-home-content.project-content.students{ 
    background: #2d3625;
    background-image: url(img/bg-pattern/arabesque.png); /* fallback */
}
main .m-home .d-home-content.project-content.activity{ background-image: url(img/bg_corcho.jpg); }
main .m-home .d-home-content.project-content .d-figure.d-bottom-figures,
main .m-home .d-home-content.library-project .d-figure.d-bottom-figures{ display: none;  }
main .m-home .d-home-content.project-content.students .d-figure.d-bottom-figures{ display: block; }
main .m-home .d-home-content.project-content.activity .d-figure.d-bottom-figures{ display: block; }
main .m-home .d-home-content.project-content.activity .d-figure.d-bottom-figures .left{ display: none; }
main .m-home .d-home-content.project-content.activity .d-figure.d-bottom-figures .right{ display: none; }
main .m-home .d-home-content .d-top-figures{  }
main .m-home .d-home-content .d-top-figures .left{ position:absolute; left: 0; top: 0; background: url(img/bg_corner_figure.png); width: 65px; height: 56px; }
main .m-home .d-home-content .d-top-figures .right{ position:absolute; right: 0; top: 0; background: url(img/bg_corner_figure.png); width: 65px; height: 56px; }
main .m-home .d-home-content .d-top-menu-link{ display: block !important; position: absolute; top: 18px; right: 60px; color: #fff; font-family: effloresce_bold; border-bottom: 1px solid #fff; font-size: 19px; z-index: 4;}
main .m-home .d-home-content .d-top-menu-link .btn-classrooms-archived{ cursor: pointer; }
main .m-home .d-home-content .card-container{ z-index: 3; position: relative; text-align: center; padding-top: 60px; }
main .m-home .d-home-content .card-container .d-classrooms-cards{ width: 100%; height: 100%; display: inline; }
main .m-home .d-home-content .d-card.card{ width: 240px; height: 385px; display: inline-block; box-sizing: border-box; }
main .m-home .d-home-content .d-card.card .progress-areas{ position: absolute; top: 406px; left: 72px; }
main .m-home .d-home-content .d-card.card .progress-container{ display: inline-block; margin: 5px; width: 70px; height: 70px; font-size: 18px; margin-right: 23.5px;}
main .m-home .d-home-content .d-card.card .progress-container.readed-bg{ position: absolute; left: 39px; top: -11px; width: 98px; height: 90px; background: url(img/classroom/bg-circle.png);}
main .m-home .d-home-content .d-card.card .progress-container.readed{     position: absolute;
    top: -1px;
    z-index: 1;
    left: 51px;}
main .m-home .d-home-content .d-card.card .progress-container .progressbar-text{ color: #000 !important; font-size: 14px !important; }
main .m-home .d-home-content .d-bottom-figures{  }
main .m-home .d-home-content .d-bottom-figures .left{ z-index: 1; position:absolute; left: 0; bottom: 0; background: url(img/bg_home_1.png); width: 517px; height: 351px; }
main .m-home .d-home-content .d-bottom-figures .center{ z-index: 2; position:absolute; left: 0; bottom: 0; right: 0; background: url(img/bg_home_2.png); height: 351px;  }
main .m-home .d-home-content .d-bottom-figures .right{ z-index: 1; position:absolute; right: 0; bottom: 0; background: url(img/bg_home_3.png); width: 533px; height: 351px; }

#modal-container .d-modal-classroom-archived{ width: 670px; height: 460px; }
#modal-container .d-modal-classroom-archived .d-modal-header{ position: absolute; top: 20px; left: 20px; right: 20px; text-align: center; color: #3e2e20; line-height: 35px; }
#modal-container .d-modal-classroom-archived .d-modal-header .d-modal-header-title{ font-family: "cinzel_decorative_700"; font-size: 25px;  }
#modal-container .d-modal-classroom-archived .d-modal-header .d-modal-header-sub-title{ font-size: 19px;  }
#modal-container .d-modal-classroom-archived .d-modal-list{ width: 621px; height: 300px; border: 2px solid #c1b78e; position: absolute; top: 105px; left: 28px; padding: 5px; overflow-y: auto; }
#modal-container .d-modal-classroom-archived .d-modal-list .d-classroom { cursor: pointer; position: relative; display: block; width: 100%; height: 72px; min-width: 400px; border-bottom: 1px solid #dedede; }
#modal-container .d-modal-classroom-archived .d-modal-list .d-classroom:hover { background: rgba(233, 217, 202, 0.5); }
#modal-container .d-modal-classroom-archived .d-modal-list .d-classroom .icon{ position: absolute; z-index: 3; top: 8px; left: 13px; width: 57px; height: 57px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url(img/ico-add-image.png); }
#modal-container .d-modal-classroom-archived .d-modal-list .d-classroom .icon-bg{ width: 84px; height: 74px; position: absolute; z-index: 2; background: url(img/bg_classroom_image_list.png); top: 0px; left: 0px;  }
#modal-container .d-modal-classroom-archived .d-modal-list .d-classroom .info{ position: absolute; min-width: 300px; left: 105px; top: 7px; }
#modal-container .d-modal-classroom-archived .d-modal-list .d-classroom .info .name{ display: block; color: #000; font-size: 1.2em; }
#modal-container .d-modal-classroom-archived .d-modal-list .d-classroom .info .level{ display: block; font-size: .8em; color: #999999; }
#modal-container .d-modal-classroom-archived .d-modal-list .d-classroom .info .students{ display: block; font-size: .8em; color: #999999; }
#modal-container .d-modal-classroom-archived .d-modal-list .d-classroom .simple-checkbox{ float: right; margin-top: 15px; margin-right: 15px; }
#modal-container .d-modal-classroom-archived .d-modal-footer{ position: absolute; bottom: 8px; left: 8px; right: 8px; height: 45px; background: #d9c8aa; text-align: right;     line-height: 47px;}
#modal-container .d-modal-classroom-archived .d-modal-footer a{ margin-right: 20px; }
#modal-container .d-modal-classroom-archived .d-modal-footer div.orange{ float: right; margin: 5px; margin-right: 33px; }
#modal-container .d-modal-classroom-archived .d-modal-footer .btn.btn-close{ float: left; margin-left: 20px; font-weight: bold; }

#modal-container .d-modal-classroom-archived-school-admin{ width: 670px; height: 460px; }
#modal-container .d-modal-classroom-archived-school-admin .d-modal-header{ position: absolute; top: 20px; left: 20px; right: 20px; text-align: center; color: #3e2e20; line-height: 35px; }
#modal-container .d-modal-classroom-archived-school-admin .d-modal-header .d-modal-header-title{ font-family: "cinzel_decorative_700"; font-size: 25px;  }
#modal-container .d-modal-classroom-archived-school-admin .d-modal-header .d-modal-header-sub-title{ font-size: 19px;  }
#modal-container .d-modal-classroom-archived-school-admin .d-modal-list{ width: 621px; height: 300px; border: 2px solid #c1b78e; position: absolute; top: 105px; left: 28px; padding: 5px; overflow-y: auto; }
#modal-container .d-modal-classroom-archived-school-admin .d-modal-list .d-classroom { cursor: pointer; position: relative; display: block; width: 100%; height: 72px; min-width: 400px; border-bottom: 1px solid #dedede; }
#modal-container .d-modal-classroom-archived-school-admin .d-modal-list .d-classroom:hover { background: rgba(233, 217, 202, 0.5); }
#modal-container .d-modal-classroom-archived-school-admin .d-modal-list .d-classroom .icon{ position: absolute; z-index: 3; top: 8px; left: 13px; width: 57px; height: 57px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url(img/ico-add-image.png); }
#modal-container .d-modal-classroom-archived-school-admin .d-modal-list .d-classroom .icon-bg{ width: 84px; height: 74px; position: absolute; z-index: 2; background: url(img/bg_classroom_image_list.png); top: 0px; left: 0px;  }
#modal-container .d-modal-classroom-archived-school-admin .d-modal-list .d-classroom .info{ position: absolute; min-width: 300px; left: 105px; top: 7px; }
#modal-container .d-modal-classroom-archived-school-admin .d-modal-list .d-classroom .info .name{ display: block; color: #000; font-size: 1.2em; }
#modal-container .d-modal-classroom-archived-school-admin .d-modal-list .d-classroom .info .level{ display: block; font-size: .8em; color: #999999; }
#modal-container .d-modal-classroom-archived-school-admin .d-modal-list .d-classroom .info .students{ display: block; font-size: .8em; color: #999999; }
#modal-container .d-modal-classroom-archived-school-admin .d-modal-list .d-classroom .simple-checkbox{ float: right; margin-top: 15px; margin-right: 15px; }
#modal-container .d-modal-classroom-archived-school-admin .d-modal-footer{ position: absolute; bottom: 8px; left: 8px; right: 8px; height: 45px; background: #d9c8aa; text-align: right;     line-height: 47px;}
#modal-container .d-modal-classroom-archived-school-admin .d-modal-footer a{ margin-right: 20px; }
#modal-container .d-modal-classroom-archived-school-admin .d-modal-footer div.orange{ float: right; margin: 5px; margin-right: 33px; }
#modal-container .d-modal-classroom-archived-school-admin .d-modal-footer .btn.btn-close{ float: left; margin-left: 20px; font-weight: bold; }

#modal-container .d-modal-suscribe{ width: 920px; height: 575px; }
#modal-container .d-modal-suscribe .d-close{ width: 40px; height: 40px; background: url(img/btn_cerrar.png) no-repeat; background-position: center; position: absolute; top: 11px; right: 11px; }
#modal-container .d-modal-suscribe .d-modal-content{ width: 879px; height: 538px; background: url(img/library-projects/suscribe-popup.png); }
#modal-container .d-modal-suscribe a{ position: absolute; width: 150px; height: 80px; bottom: 10px; right: 20px; text-decoration: none;}

#modal-container .d-modal-subscribe{ width: 560px; height: 235px;
    border-radius: 8px;
    border: 4px solid rgba(144, 53, 0, 1);
    background-image: none !important; 
    background-color: rgba(249, 249, 249, 1) !important;
    content: none;
    padding: 0px !important;
}
#modal-container .d-modal-subscribe::before ,
#modal-container .d-modal-subscribe::after { content:none !important; background: none !important; }

#modal-container .d-modal-subscribe .d-close{ width: 40px; height: 40px; background: url(img/btn-cerrar-popup.png) no-repeat; background-position: center; position: absolute; top: 11px; right: 11px; }
#modal-container .d-modal-subscribe .d-modal-content{ width: 560px; height: 235px;  background: none !important; }
#modal-container .d-modal-subscribe .wrap-dialog-popup::before,
#modal-container .d-modal-subscribe .wrap-dialog-popup::after{ content:none !important; background: none !important; }
#modal-container .d-modal-subscribe .wrap-dialog-popup{ background: none !important; }
#modal-container .d-modal-subscribe .d-modal-content .d-license-active { position: relative; width: 740px; }
#modal-container .d-modal-subscribe .d-modal-content .d-license-active .d-icon-add{ position: absolute; top: 10px; left: 65px; width: 48px; height: 48px; background:url(img/profile/btn_add.png); }
#modal-container .d-modal-subscribe .d-modal-content .d-license-active .d-title{ position: absolute;
    top: 0px;
    left: 10px;
    text-align: left;
    font-family: Akhand Soft;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(144, 53, 0, 1);
     }
#modal-container .d-modal-subscribe .d-modal-content .d-license-active .d-title-code{    position: absolute;
    top: 55px;
    left: 10px;
    text-align: center;
    right: 240px; 
    font-family: Akhand Soft;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    color: rgba(105, 74, 65, 1);
    text-transform: uppercase;
}
#modal-container .d-modal-subscribe .d-modal-content .d-license-active .bg-input-code{ 
    position: absolute;
    top: 94px;
    left: 116px;
    width: 277px;
    height: 44px;
    line-height: 42px;
    border-radius: 30px;
    border: 1px solid rgba(209, 84, 27, 1);
}
#modal-container .d-modal-subscribe .d-modal-content .d-license-active .d-input-code{ 
    position: absolute;
    top: 96px;
    left: 120px;
    width: 277px;
    height: 39px;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 39px;
    letter-spacing: 0em;
    z-index: 1;
    outline: 0px solid transparent;
}
#modal-container .d-modal-subscribe .d-modal-content .d-license-active .d-submit{ 
    position: absolute;
    top: 150px;
    left: 395px;
    text-align: center;
    background: rgba(209, 84, 27, 1);
    color: #FFF;
    width: 80px;
    height: 36px;
    border-radius: 30px;
    font-family: Roboto;
    font-size: 17px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0px;
} 


/* Modal Classroom Code */
#modal-container .d-modal-classroom-code{ width: 560px; height: 335px;
    border-radius: 8px;
    border: 4px solid rgba(144, 53, 0, 1);
    background-image: none !important; 
    background-color: rgba(249, 249, 249, 1) !important;
    content: none;
    padding: 0px !important;
}
#modal-container .d-modal-classroom-code::before ,
#modal-container .d-modal-classroom-code::after { content:none !important; background: none !important; }

#modal-container .d-modal-classroom-code .d-close{ width: 40px; height: 40px; background: url(img/btn-cerrar-popup.png) no-repeat; background-position: center; position: absolute; top: 11px; right: 11px; }
#modal-container .d-modal-classroom-code .d-modal-content{ width: 560px; height: 235px;  background: none !important; }
#modal-container .d-modal-classroom-code .wrap-dialog-popup::before,
#modal-container .d-modal-classroom-code .wrap-dialog-popup::after{ content:none !important; background: none !important; }
#modal-container .d-modal-classroom-code .wrap-dialog-popup{ background: none !important; }
#modal-container .d-modal-classroom-code .d-modal-content .d-license-active { position: relative; width: 520px; }
#modal-container .d-modal-classroom-code .d-modal-content .d-license-active .d-icon-add{ position: absolute; top: 10px; left: 65px; width: 48px; height: 48px; background:url(img/profile/btn_add.png); }
#modal-container .d-modal-classroom-code .d-modal-content .d-license-active .d-title{ position: absolute;
    top: 0px;
    left: 10px;
    text-align: left;
    font-family: Akhand Soft;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(144, 53, 0, 1);
     }
#modal-container .d-modal-classroom-code .d-modal-content .d-license-active .d-title-code{    position: absolute;
    top: 55px;
    left: 10px;
    text-align: center;
    right: 10px; 
    font-family: Akhand Soft;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    color: rgba(105, 74, 65, 1);
    text-transform: uppercase;
}

#modal-container .d-modal-classroom-code .d-modal-content .d-license-active .ico-copy{
    width: 20px;
    height: 22px;
    background: url(img/ico-copy.png) no-repeat;
    position: absolute;
    right: 100px;
    top: 130px;
} 
#modal-container .d-modal-classroom-code .d-modal-content .d-license-active .d-input-code{ 
    position: absolute;
    top: 96px;
    left: 100px;
    width: 307px;
    height: 98px;
    text-align: center;
    z-index: 1;
    outline: 0px solid transparent;
    border-bottom: 2px solid rgb(233 131 73);
    color: rgba(49, 16, 1, 1);

    font-family: Akhand Soft;
    font-size: 80px;
    font-weight: 600;
    line-height: 96px;
    letter-spacing: 0em;
}
#modal-container .d-modal-classroom-code .d-modal-content .d-license-active .classroom-name{ 
    font-family: Roboto;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: center;
    color: rgba(35, 32, 31, 1);
    position: absolute;
    left: 0;
    right: 0;
    top: 230px;
}
#modal-container .d-modal-classroom-code .d-modal-content .d-license-active .education-level{ 
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: center;
    color: rgba(105, 74, 65, 1);

    position: absolute;
    left: 0;
    right: 0;
    top: 260px;
}
/* END M-HOME */

/* M-HOME STUDENT */
main .m-home .header .d-profile .apynom.student{ margin-top: 11px; }
main .m-home .header .d-profile .avatar .imagen.student{ background-image: url(img/profile_42x42.jpg); } 
main .m-home .d-home-content .d-card{ position: relative; }
main .m-home .d-home-content .d-card.new-class-student{ width: 323px; height: 570px; display: inline-block; background: url(img/classroom/bg-card-3.png) no-repeat; }
main .m-home .d-home-content .d-card.new-class-student .card-content{ padding-top: 8px;  height: 565px; }
main .m-home .d-home-content .d-card.new-class-student .input-field{ padding-top: 20px; width: 230px; padding-bottom: 10px; margin-left: 46px; }
main .m-home .d-home-content .d-card.new-class-student input{ width: 100%; font-size: 22px; background: transparent; border: none; text-align: left; border-bottom: 3px solid #ac8419; height: 30px; } 
main .m-home .d-home-content .d-card.new-class-student .card-title{ display: block; color: #32240b; line-height: 28px; font-size: 19px; padding-top: 36px; width: 250px; text-align: left; padding-left: 50px; } 
main .m-home .d-home-content .d-card.new-class-student .info{ margin-top: 20px; margin-bottom: 10px; font-size: 20px; padding-left: 10px; padding-right: 10px; }
main .m-home .d-home-content .d-card.new-class-student .btn-submit{ margin-top: 242px; margin-left: 37px; width: 249px; height: 31px; background: url(img/bg_btn.png); font-family: 'akaPosse'; font-size: 18px; padding-top: 9px; }

main .m-home .d-home-content .d-card.class-project { width: 323px; height: 570px; display: inline-block; background: url(img/classroom/bg-card-1.png) no-repeat; }
main .m-home .d-home-content .d-card.class-project.without-active-project { background: url(img/classroom/bg-card-2.png) no-repeat; }
main .m-home .d-home-content .d-card.class-project .header-project{ margin-bottom: 10px; position: relative; }
main .m-home .d-home-content .d-card.class-project .header-project .project-options{ display: none; position: absolute; right: 20px; background: url(img/ico_config3.png) no-repeat; width: 26px; height: 29px; top: 10px; }
main .m-home .d-home-content .d-card.class-project .card-content{ padding-top: 10px; }
main .m-home .d-home-content .d-card.class-project .card-content .project-class{ cursor: pointer; text-decoration: underline; -moz-text-decoration-color: #aeaeae; text-decoration-color: #aeaeae; position: absolute; top: 260px; left: 14px; right: 14px; font-size: 25px; font-family: 'effloresce_bold'; }
main .m-home .d-home-content .d-card.class-project .card-content .project-class:hover{ -moz-text-decoration-color: #959593; text-decoration-color: #959593; }
main .m-home .d-home-content .d-card.class-project .card-content .project-students{ position: absolute; top: 300px; left: 0; right: 0; font-size: 19px; color: #424838; display: none; }
main .m-home .d-home-content .d-card.class-project .card-content .project-students .btn-add-more{ color: #d09329; text-decoration: none; font-size: 16px; }
main .m-home .d-home-content .d-card.class-project .card-content .project-students .btn-add-more:hover{ text-decoration: underline; }
main .m-home .d-home-content .d-card.class-project .btn-submit{ position: absolute; top: 446px; width: 215px; height: 55px; background: url(img/bg_btn2.png); font-family: 'akaPosse'; font-size: 18px; left: 50px; line-height: 44px; }
main .m-home .d-home-content .d-card.class-project .d-classroom-code{ 
    position: absolute;
    top: 296px;
    left: 100px;
    background: rgba(223, 162, 73, 1);
    width: 120px;
    height: 25px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) inset;
    border-radius: 4px;
    cursor: pointer;
}
main .m-home .d-home-content .d-card.class-project .d-classroom-code .d-value{
    font-family: Akhand Soft;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    margin-left: 4px;
    width: 90px;
    float: left;
} 
main .m-home .d-home-content .d-card.class-project .d-classroom-code .ico-code{
    background: url(img/ico-code.png) no-repeat;
    position: absolute;
    top: 5px;
    right: 7px;
    width: 14px;
    height: 14px;
}
main .m-home.d-student .d-home-content .d-card.class-project .header-project .project-level{ text-align: left; color: #999999; }
main .m-home.d-student .d-home-content .d-card.class-project .header-project .project-students{ text-align: left; color: #999999; }
main .m-home.d-student .d-home-content .d-card.class-project .header-project .project-class{ margin-top: 10px; color: #5b9dd3; font-weight: bold; }


main .m-home .d-home-content .d-card.class-project .icon{ cursor: pointer; width: 140px; height: 140px; margin: 0 auto; margin-top: 13px;
                                                          border-radius: 70px; -webkit-border-radius: 75px;-moz-border-radius: 70px; background: url(img/avatar_clase.jpg) no-repeat; 
                                                          -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
                                                          -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
                                                          box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
                                                          background-size: 100%; background-position: center; } 
main .m-home .d-home-content .d-card.class-project .info-project{ cursor: pointer; position: absolute; top: 341px; left: 15px; right: 15px; font-size: 19px; color: #000; font-family: cinzel_decorative_700; }
main .m-home .d-home-content .d-card.class-project .info-project:hover{ text-decoration: underline; }
main .m-home .d-home-content .d-card.class-project .info-p-leido{ position: absolute; top: 401px; left: 13px; right: 203px; font-size: 17px; color: #000; }
main .m-home .d-home-content .d-card.class-project .info-p-investigado{ position: absolute; top: 491px; left: 58px; right: 163px; font-size: 17px; color: #000; font-weight: bold; }
main .m-home .d-home-content .d-card.class-project .info-p-resuelto{ position: absolute; top: 491px; left: 164px; right: 60px; font-size: 17px; color: #000; font-weight: bold; }
main .m-home .d-home-content .d-card.class-project .info-p-readed{ position: absolute; top: 491px; left: 60px; right: 60px; font-size: 17px; color: #000; font-weight: bold; }
main .m-home .d-home-content .d-card.class-project .info-without-projects{ display: none; position: absolute; top: 401px; left: 5px; right: 5px; font-size: 19px; font-family: cinzel_decorative_700; color: #8d8d8d;}
main .m-home .d-home-content .d-card.class-project .info-without-projects-add{ font-size: 16px; cursor: pointer; display: none; position: absolute; top: 425px; left: 5px; right: 5px; color: #d09329; text-decoration: none; }
main .m-home .d-home-content .d-card.class-project .info-without-projects-add:hover{ text-decoration: underline; }
main .m-home .d-home-content .d-card.class-project .d-navigator{ position: absolute; top: 365px; left: 5px; right: 5px; font-size: 17px; color: #000;}
main .m-home .d-home-content .d-card.class-project .d-navigator .info{ position: absolute; top: 16px; left: 50px; right: 50px; text-align: center;   }
main .m-home .d-home-content .d-card.class-project .d-navigator .info.two-lines{ top: 6px; height: 35px; overflow: hidden; }
main .m-home .d-home-content .d-card.class-project .d-navigator .info .d-circle{ cursor: pointer; width: 18px; height: 18px; background: url(img/classroom/nav-point.png); display: inline-block; }
main .m-home .d-home-content .d-card.class-project .d-navigator .info .d-circle.active{ background: url(img/classroom/nav-point-active.png); }
main .m-home .d-home-content .d-card.class-project .d-navigator .btn{ position: absolute; top: 10px; width: 30px; height: 30px; background: url(img/classroom/nav-arrow.png); }
main .m-home .d-home-content .d-card.class-project .d-navigator .btn.left{ left: 20px;  }
main .m-home .d-home-content .d-card.class-project .d-navigator .btn.right{ right: 20px;  
                                                                            -ms-transform: rotate(180deg); /* IE 9 */
                                                                            -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
                                                                            transform: rotate(180deg); }
main .m-home .d-home-content .d-card.class-project .d-classroom-points,
main .m-home .d-home-content .d-card.class-project .d-classroom-trophies { line-height: 25px; color: #cfa150; font-family: akaPosse; font-size: 17px; text-align: center; position: absolute; width: 100px; height: 51px; }
main .m-home .d-home-content .d-card.class-project .d-classroom-points .d-value,
main .m-home .d-home-content .d-card.class-project .d-classroom-trophies .d-value{ color: #FFF; font-size: 27px; }
main .m-home .d-home-content .d-card.class-project .d-classroom-points{ top: 188px; left: 41px; }
main .m-home .d-home-content .d-card.class-project .d-classroom-trophies{top: 188px; left: 179px;}

main .m-home .d-home-content .d-card { margin-right: 2%; vertical-align: top; }

/* END M-HOME STUDENT */


/* M-HOME PARENT */
main .m-home .header .d-profile .avatar .imagen.parent{ background: url(img/profile_42x42.jpg) no-repeat; } 
main .m-home.d-parent .d-loader { display: none; }
main .d-module.m-home.d-parent .d-home-content{overflow: auto; padding-bottom: 25px;}
main .m-home.d-parent .d-home-content .card-container .big-card{ width: 660px; margin: 0 auto; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-main-title{ color: #606060; font-weight: bold; text-align: left; margin: 10px; padding: 10px; padding-bottom: 5px; border-bottom: 1px solid #d2d2d2; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-link-new-student { margin: 0px; padding: 10px; padding-top: 5px; border-bottom: 1px solid #eeeeee; text-align: left; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-link-new-student .icon{ float: left; width: 51px; height: 51px; background: url(img/parent-card-add.png); }
main .m-home.d-parent .d-home-content .card-container .big-card .d-link-new-student .title{ float: left; color: #00a5db; margin-top: 13px; margin-left: 15px; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student { margin: 10px; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .student { border-bottom: 1px solid #eeeeee; padding-bottom: 10px; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .student .avatar{ margin-left: 10px; width: 42px; height: 42px; border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; float: left; display: inline-block;  background: url(img/profile_42x42.jpg) no-repeat; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .student .name{ margin-left: 10px; margin-top: 10px; font-weight: bold; float: left; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .student .status{ float: right; margin-right: 20px; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .student .status .exits{ color: #66BB6A; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .student .status .not-exists i{ color: #e1806c; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .student .status .not-exists.icon{ float: right; margin-top: 8px; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .student .status .not-exists.student-username{ float: left; margin-right: 40px; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom { text-align: left; margin-left: 60px; margin-top: 10px; border-bottom: 1px solid #eeeeee; padding-bottom: 10px;  }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom .avatar{ width: 42px; height: 42px; border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; background: url(img/image-project.png) no-repeat; background-size: 100%; float: left; display: inline-block;  }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom .info-classroom{ float:left; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom .name{ font-weight: bold; color: #00a5db; padding-left: 20px; display: block; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom .education_level_and_subject{ color: #9b9b9b; padding-left: 20px; display: block; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom .school{ color: #9b9b9b; padding-left: 20px; display: block; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom .actions{ float: right; color: #606060; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom .teachers { margin-left: 60px; margin-top: 10px; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom .teacher { float: left; border-radius: 3px; border: 1px solid #dedede; width: 250px; height: 64px; padding: 10px; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom .teacher .avatar{ width: 42px; height: 42px; border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; background: url(img/profile_42x42.jpg) no-repeat; background-size: 100%; float: left; display: inline-block;  }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom .teacher .info-teacher{ float:left; margin-left: 10px; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom .teacher .techer_name{ max-width: 175px; }
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom .teacher .techer_role{ color: #9b9b9b; font-style: italic; }

main .m-home .header .d-header .d-header-section.header-parent{display: block;}
main .m-home .header .d-header .d-header-section.header-parent .d-section-title > div{display: inline-block;float: none;}
main .m-home.d-parent .d-home-content .card-container .big-card .d-main-title{border: 0px none;}
main .m-home.d-parent .d-home-content .card-container .big-card .d-link-new-student{background: rgba(0, 0, 0, 0) url("img/buttons_gold.png") no-repeat scroll 0 0;border: 0 none;color: #32240b;cursor: pointer;display: block;font-family: "akaPosse",sans-serif;font-size: 21px;height: 51px;margin: 6px auto 0;padding-top: 9px;text-transform: uppercase;width: 386px;text-align: center;}

main .m-home .d-home-content .card-container .d-students{background: rgba(0, 0, 0, 0) url("img/bg_admin_class.png") repeat;border: 5px solid #614431;border-radius: 5px;margin: 0 auto;width: 680px;box-shadow: 3px 3px 3px rgba(255, 255, 255, 0.3) inset, -2px -2px 3px rgba(0, 0, 0, 0.2) inset, 2px 2px 10px rgba(0, 0, 0, 0.7);float: left;}
main .m-home .d-home-content .card-container .d-students .status .icon.not-exists{display: none;}
main .m-home .d-home-content .card-container .d-students .d-card-student{float: left;width: 97%;}
main .m-home .d-home-content .card-container .d-students .d-card-student .student{float: left;width: 100%;}
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .student .status,
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .student .status .not-exists.student-username,
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .student .status .student-username{margin: 6px 0px 0px 0px;}
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .student .status .student-username a{background: #302119 none repeat scroll 0 0;border: 1px solid #4f3526;border-radius: 17px;color: #b48760;padding: 5px 19px;}
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .student .status .not-exists.student-username a:hover{background: #4f3526;}
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classrooms{float: right;width: 100%;position: relative;}
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classrooms .classroom{margin: 0px;border: 0px none;}
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom .actions{float: left;}
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classrooms .dropdown-content{margin: 0;padding: 0;display: none;position: absolute;left: -15px;width: 130px;z-index: 9;top: 66px;}
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classrooms .dropdown-content li {cursor: pointer;padding: 0px;list-style-type: none;margin: 10px 0 5px 10px;width: 110px;}
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classrooms .dropdown-content li a {color: #000;font-family: "effloresce_bold";text-decoration: none;font-size: 15px;}
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classrooms .dropdown-content li:hover:not(.divider) {background: #4e1d00 none repeat scroll 0 0;}
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classrooms .dropdown-content li:hover a {color: #fff;}
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classrooms .dropdown-content li.divider {background: rgba(0, 0, 0, 0) url("img/bg_header_dd_separator.png") no-repeat scroll 0 8px / 100% auto;height: 15px;margin: 10px 0 5px 10px;}
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom .info-classroom .name{font-family: "effloresce_bold";font-weight: bold;color: #000000;}
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom .info-classroom .education_level_and_subject,
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom .info-classroom .school{font-family: "effloresce_bold";color: #606060;font-size: 0.9em;}
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom .teachers{float: right;
                                                                                                     margin: 0px;}
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom .teacher{border: 0px none;width: auto;}
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom .avatar{margin: 8px  0px 0px 13px;}
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom a.actions{	background: rgba(0, 0, 0, 0) url("img/ico_config2.png") repeat scroll 0 0;height: 29px;width: 29px;margin: 15px 0px 0px 13px;cursor: pointer;}
main .m-home.d-parent .d-home-content .card-container .big-card .d-card-student .classroom a.actions > i{display: none;}
main .m-home .d-home-content .card-container .d-students .d-form{position: relative;}

/* parent MODAL link to class*/
#modal-container .d-classroom-parent-link-code-form {}  
#modal-container .d-classroom-parent-link-code-form .d-header { text-align: center; border-bottom: 1px solid #eeeeee; padding-bottom: 10px; margin-bottom: 10px;  }
#modal-container .d-classroom-parent-link-code-form .d-header .material-icons{ color: #00a5db; font-size: 1.3em; vertical-align: sub; }
#modal-container .d-classroom-parent-link-code-form .d-header span{ font-weight: bold; font-size: 1.3em; padding-left: 10px; }
#modal-container .d-classroom-parent-link-code-form .d-loader .progress{ display: none; }
#modal-container .d-classroom-parent-link-code-form .d-form input{ height: 38px; /*width: 515px; */}
#modal-container .d-classroom-parent-link-code-form .d-form .row .col label{ font-size: 1em; }
#modal-container .d-classroom-parent-link-code-form .d-form .row .col.input-field.select label{ 
    font-size: 1em; top: 9px; }
#modal-container .d-classroom-parent-link-code-form .d-form .row .col.input-field.select input{ 
    padding-left: 80px; width: calc( 100% - 70px );}
#modal-container .d-classroom-parent-link-code-form .btn-cancelar{ margin-right: 5px; }

main .m-home.d-parent .d-home-content .card-container .big-card .d-link-new-student:hover{opacity: 0.9;}
#modal-container .d-classroom-parent-link-code-form #d-parent-link-code{background-color: transparent;background-image: url("img/sprites_inputs.png"), url("img/bg_form_field.png");background-position: 0 -162px, left top;background-repeat: no-repeat, no-repeat;border: 0 none;color: #464646;font-size: 18px;height: 51px;margin: 25px 0px;padding: 0 66px 0 50px;width: 325px;}
#modal-container .d-classroom-parent-link-code-form #d-parent-link-code:focus{border: 0px none;} 
#modal-container .d-classroom-parent-link-code-form .input-field.select{overflow: hidden;width: 390px;}
#modal-container .d-classroom-parent-link-code-form #d-parent-filiation{background-color: transparent;background-image: url("img/sprites_inputs.png"), url("img/bg_form_field.png");background-position: left top, left top;background-repeat: no-repeat, no-repeat;border: 0 none;color: #464646;cursor: pointer;font-family: "special_elite";font-size: 18px;height: 51px;margin-left: 79px;padding: 0 66px 0 50px;width: 410px;margin: 10px 0px 30px 0px;} 

/* END M-HOME PARENT */

/* GENERIC BTN ADD */
main .m-home .fixed-btn-add { cursor: pointer; position: fixed; z-index: 3; bottom: 30px; right: 10px; width: 229px; height: 56px; background: url(img/btn-add.png); font-family: 'akaPosse'; color: #321d0b; font-size: 18px; line-height: 50px; }
main .m-home .fixed-btn-add .icon{ width: 35px; height: 35px; background: url(img/btn-add-icon.png); position: absolute; top: 7px; left: 10px; }
main .m-home .fixed-btn-add .label{ text-align: center;position: absolute;top: 0px;left: 45px;right: 20px;font-size: 20px; line-height: 48px; text-transform: uppercase;}

main .m-home .generic-btn-add { cursor: pointer; position: relative; width: 229px; height: 56px; background: url(img/btn-add.png); font-family: 'akaPosse'; color: #321d0b; font-size: 18px; line-height: 50px; }
main .m-home .generic-btn-add .icon{ width: 35px; height: 35px; background: url(img/btn-add-icon.png); position: absolute; top: 7px; left: 10px; }
main .m-home .generic-btn-add .label{ text-align: center;position: absolute;top: 0px;left: 45px;right: 20px;font-size: 20px; line-height: 48px; text-transform: uppercase;}

/* M-HOME TEACHER */
main .m-home.d-teacher .header .d-profile .avatar .imagen{ background-image: url(img/profile_42x42.jpg); } 

/* teacher home cards (classrooms) */

main .m-home.d-teacher .d-home-content .d-card.class-project .header-project .project-options { display: block; }
main .m-home .d-home-content .d-card.new-class-teacher {  width: 323px; height: 570px; display: inline-block; background: url(img/classroom/emptyclass.png) no-repeat; }
main .m-home .d-home-content .d-card.new-class-teacher .disabled-label{ color: #c7bbb0; font-family: 'akaPosse';  font-size: 17px; text-align: center; }
main .m-home .d-home-content .d-card.new-class-teacher .d-classroom-points,
main .m-home .d-home-content .d-card.new-class-teacher .d-classroom-trophies { line-height: 25px; position: absolute; width: 100px; height: 51px; }
main .m-home .d-home-content .d-card.new-class-teacher .d-classroom-points { left: 40px; top: 188px; }
main .m-home .d-home-content .d-card.new-class-teacher .d-classroom-trophies { right: 40px; top: 188px; }
main .m-home .d-home-content .d-card.new-class-teacher .help-text { color: #32240b;font-size: 18px;width: 230px;text-align: left;position: absolute;top: 310px;left: 50px; }
main .m-home .d-home-content .d-card.new-class-teacher .btn-create { position: absolute; top: 425px; width: 229px; height: 56px; background: url(img/btn-add.png); font-family: 'akaPosse'; color: #321d0b; font-size: 18px; left: 50px; line-height: 50px; }

/* dropdown */
main .m-home .d-home-content .d-card .dropdown{ position: absolute; top: 77px; left: 194px; display: none; }
main .m-home .d-home-content .d-card .dropdown ul{ list-style:  none; margin: 0; padding: 0;  }
main .m-home .d-home-content .d-card .dropdown ul li { margin: 0px 10px 0px 10px; padding: 10px; cursor: pointer; text-align: center; }
main .m-home .d-home-content .d-card .dropdown ul li a { color: #000; text-decoration: none; font-family: 'effloresce_bold'; }
main .m-home .d-home-content .d-card .dropdown ul li:hover:not(.divider){ background: #4e1d00; }
main .m-home .d-home-content .d-card .dropdown ul li:hover a{ color: #FFF; }
main .m-home .d-home-content .d-card .dropdown ul li.divider{ background: url(img/bg_header_dd_separator.png) 0px 8px no-repeat; background-size: 100%; }

main .m-home .d-home-content .d-card .dropdown-content { position: relative; width: 130px; background: url(img/bg_more_middle.png) repeat-y; }
main .m-home .d-home-content .d-card .dropdown.big .dropdown-content { width: 181px; background: url(img/classroom-project/dd_med.png) repeat-y; }
main .m-home .d-home-content .d-card .dropdown-content::before,
main .m-home .d-home-content .d-card .dropdown-content::after{ content: ' '; position: absolute; width: 130px; left: 0; }
main .m-home .d-home-content .d-card .dropdown-content::before{ background: url(img/bg_more_top.png) no-repeat; height: 25px; top: -25px; }
main .m-home .d-home-content .d-card .dropdown-content::after{ background: url(img/bg_more_bottom.png) no-repeat; height: 23px; bottom: -23px; }
main .m-home .d-home-content .d-card .dropdown.big .dropdown-content::before,
main .m-home .d-home-content .d-card .dropdown.big .dropdown-content::after{ content: ' '; position: absolute; width: 181px; left: 0; }
main .m-home .d-home-content .d-card .dropdown.big .dropdown-content::before{ background: url(img/classroom-project/dd_sup.png) no-repeat; height: 25px; top: -25px; }
main .m-home .d-home-content .d-card .dropdown.big .dropdown-content::after{ background: url(img/classroom-project/dd_inf.png) no-repeat; height: 23px; bottom: -23px; }

/* END M-HOME PARENT */

/* generic dropdown */
.generic-dropdown{ position: absolute; top: 77px; left: 194px; display: none; }
.generic-dropdown ul{ list-style:  none; margin: 0; padding: 0;  }
.generic-dropdown ul li { margin: 0px 10px 0px 10px; padding: 10px; cursor: pointer; text-align: center; }
.generic-dropdown ul li a { color: #000; text-decoration: none; font-family: 'effloresce_bold'; }
.generic-dropdown ul li:hover:not(.divider){ background: #4e1d00; }
.generic-dropdown ul li:hover a{ color: #FFF; }
.generic-dropdown ul li.divider{ background: url(img/bg_header_dd_separator.png) 0px 8px no-repeat; background-size: 100%; }

.generic-dropdown .dropdown-content { position: relative; width: 130px; background: url(img/bg_more_middle.png) repeat-y; }
.generic-dropdown .dropdown.big .dropdown-content { width: 181px; background: url(img/classroom-project/dd_med.png) repeat-y; }
.generic-dropdown .dropdown-content::before,
.generic-dropdown .dropdown-content::after{ content: ' '; position: absolute; width: 130px; left: 0; }
.generic-dropdown .dropdown-content::before{ background: url(img/bg_more_top.png) no-repeat; height: 25px; top: -25px; }
.generic-dropdown .dropdown-content::after{ background: url(img/bg_more_bottom.png) no-repeat; height: 23px; bottom: -23px; }
.generic-dropdown .dropdown.big .dropdown-content::before,
.generic-dropdown .dropdown.big .dropdown-content::after{ content: ' '; position: absolute; width: 181px; left: 0; }
.generic-dropdown .dropdown.big .dropdown-content::before{ background: url(img/classroom-project/dd_sup.png) no-repeat; height: 25px; top: -25px; }
.generic-dropdown .dropdown.big .dropdown-content::after{ background: url(img/classroom-project/dd_inf.png) no-repeat; height: 23px; bottom: -23px; }

/* END generic dropdown */

/* MODAL add class wizzard */
.modal.d-modal-add-class-wizzard{ width: 730px; height: 485px;
    border-radius: 8px;
    border: 4px solid rgba(144, 53, 0, 1);
    background-image: none !important; 
    background-color: rgba(249, 249, 249, 1) !important;
    content: none;
    padding: 0px !important; 
}
.modal.d-modal-add-class-wizzard::before ,
.modal.d-modal-add-class-wizzard::after { content:none !important; background: none !important; }
.modal.d-modal-add-class-wizzard .wrap-dialog-popup::before,
.modal.d-modal-add-class-wizzard .wrap-dialog-popup::after{ content:none !important; background: none !important; }
.modal.d-modal-add-class-wizzard .wrap-dialog-popup{ background: none !important; }
.modal.d-modal-add-class-wizzard .d-wizzard-header{ position: absolute; top: 8px; left: 8px; right: 8px; height: 109px; background: url(img/add-class-wizzard/header_bg.png) repeat-x; display: none; }
.modal.d-modal-add-class-wizzard .d-wizzard-body{ position: absolute; top: 10px; left: 8px; right: 8px; bottom: 63px; }
.modal.d-modal-add-class-wizzard .d-wizzard-footer{ position: absolute; height: 55px; left: 8px; right: 8px; bottom: 8px; }

.modal.d-modal-add-class-wizzard .d-wizzard-header .d-steps{ width: 660px; margin: 10px auto; }
.modal.d-modal-add-class-wizzard .d-wizzard-header .d-steps .d-step{ width: 50px; height: 50px; border-radius: 25px; border: 2px solid #522C1C; background-color: #522c1c; position: relative; display: inline-block; margin-right: 143px; }
.modal.d-modal-add-class-wizzard .d-wizzard-header .d-steps .d-step.active{ background: url(img/add-class-wizzard/header_step_active.png) #522c1c; border: 2px solid #522C1C; background-position: -2px 0px; }
.modal.d-modal-add-class-wizzard .d-wizzard-header .d-steps .d-step:before{ content: ' '; position: absolute; width: 150px; height: 10px; top: 20px; left: -151px;
                                                                            background: rgba(106,58,36,1);
                                                                            background: -moz-linear-gradient(top, rgba(106,58,36,1) 0%, rgba(74,40,25,1) 91%, rgba(172,100,66,1) 100%);
                                                                            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(106,58,36,1)), color-stop(91%, rgba(74,40,25,1)), color-stop(100%, rgba(172,100,66,1)));
                                                                            background: -webkit-linear-gradient(top, rgba(106,58,36,1) 0%, rgba(74,40,25,1) 91%, rgba(172,100,66,1) 100%);
                                                                            background: -o-linear-gradient(top, rgba(106,58,36,1) 0%, rgba(74,40,25,1) 91%, rgba(172,100,66,1) 100%);
                                                                            background: -ms-linear-gradient(top, rgba(106,58,36,1) 0%, rgba(74,40,25,1) 91%, rgba(172,100,66,1) 100%);
                                                                            background: linear-gradient(to bottom, rgba(106,58,36,1) 0%, rgba(74,40,25,1) 91%, rgba(172,100,66,1) 100%);
                                                                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a3a24', endColorstr='#ac6442', GradientType=0 );
}
.modal.d-modal-add-class-wizzard .d-wizzard-header .d-steps .d-step.active:before{
    width: 155px; height: 10px; top: 20px; left: -153px;
    background: rgba(106,58,36,1);
    background: -moz-linear-gradient(top, rgba(106,58,36,1) 0%, rgba(214,185,104,1) 14%, rgba(147,111,50,1) 86%, rgba(64,35,22,1) 91%, rgba(172,100,66,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(106,58,36,1)), color-stop(14%, rgba(214,185,104,1)), color-stop(86%, rgba(147,111,50,1)), color-stop(91%, rgba(64,35,22,1)), color-stop(100%, rgba(172,100,66,1)));
    background: -webkit-linear-gradient(top, rgba(106,58,36,1) 0%, rgba(214,185,104,1) 14%, rgba(147,111,50,1) 86%, rgba(64,35,22,1) 91%, rgba(172,100,66,1) 100%);
    background: -o-linear-gradient(top, rgba(106,58,36,1) 0%, rgba(214,185,104,1) 14%, rgba(147,111,50,1) 86%, rgba(64,35,22,1) 91%, rgba(172,100,66,1) 100%);
    background: -ms-linear-gradient(top, rgba(106,58,36,1) 0%, rgba(214,185,104,1) 14%, rgba(147,111,50,1) 86%, rgba(64,35,22,1) 91%, rgba(172,100,66,1) 100%);
    background: linear-gradient(to bottom, rgba(106,58,36,1) 0%, rgba(214,185,104,1) 14%, rgba(147,111,50,1) 86%, rgba(64,35,22,1) 91%, rgba(172,100,66,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a3a24', endColorstr='#ac6442', GradientType=0 );
}
.modal.d-modal-add-class-wizzard .d-wizzard-header .d-steps .d-step:first-child:before{ display: none; }
.modal.d-modal-add-class-wizzard .d-wizzard-header .d-steps .d-step:last-child{ margin-right: 0px; }
.modal.d-modal-add-class-wizzard .d-wizzard-header .d-steps .d-step .d-step-label{ font-size: 35px; text-align: center; color: #73422b; }
.modal.d-modal-add-class-wizzard .d-wizzard-header .d-steps .d-step .d-step-title{ display: none; }
.modal.d-modal-add-class-wizzard .d-wizzard-header .d-steps .d-step.active .d-step-title{ display: block; position: absolute; top: 61px; left: 25px; margin-left: -100px; text-align: center; color: #402216; font-family: 'cinzel_decorative_700'; width: 200px; }
.modal.d-modal-add-class-wizzard .d-wizzard-header .d-steps .d-step.active.current .d-step-title{ color: #fff; }
.modal.d-modal-add-class-wizzard .d-wizzard-footer .d-left{ float: left; margin-top: 18px; margin-left: 20px; }
.modal.d-modal-add-class-wizzard .d-wizzard-footer .d-right{ float: right; margin-top: 0px; margin-right: 20px; line-height: 34px;}
.modal.d-modal-add-class-wizzard .d-wizzard-footer .btn-next{ margin-right: 15px;

    text-align: center;
    background: rgba(209, 84, 27, 1);
    color: #FFF;
    width: 80px;
    height: 36px;
    border-radius: 30px;
    font-family: Roboto;
    font-size: 17px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0px;
}
.modal.d-modal-add-class-wizzard .d-wizzard-footer .btn-cancel{
    margin-right: 20px;
    text-align: center;
    color: rgba(105, 74, 65, 1);
    border-radius: 30px;
    font-family: Roboto;
    font-size: 17px;
    font-weight: 500;
    line-height: 39px;
    letter-spacing: 0px;
} 
.modal.d-modal-add-class-wizzard .d-wizzard-footer .btn-submit{ 
    float: right;
    margin-right: 20px;
    text-align: center;
    background: rgba(209, 84, 27, 1);
    color: #FFF;
    width: 110px;
    height: 40px;
    border-radius: 30px;
    font-family: Roboto;
    font-size: 17px;
    font-weight: 500;
    line-height: 39px;
    letter-spacing: 0px;
 }

.modal.d-modal-add-class-wizzard .d-wizzard-body input{ display: inline-block; border: none; background: transparent; border-bottom: 1px solid #c1b78e; font-size: 18px; margin-left: 10px;}
.modal.d-modal-add-class-wizzard .d-wizzard-body select{ font-family: 'special_elite'; display: inline-block; border: none; background: transparent; border-bottom: 1px solid #c1b78e; font-size: 18px; margin-left: 10px; width: 400px;}
.modal.d-modal-add-class-wizzard .d-wizzard-body select option{ padding: 4px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .row{ display: block; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .col{ display: inline-block; }

/* step-1 school */
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-1 .d-title{ font-weight: bold; color: #3e2e20; text-align: left; padding-left: 40px; text-transform: uppercase; padding-top: 20px; font-size: 18px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-1 .d-search { margin: 20px 0px 20px 40px; padding: 0; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-1 .d-search input.search { width: 710px; vertical-align: top; margin-top: 3px;}
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-1 .d-list { padding-left: 75px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-1 .d-list ul.collection{ width: 710px; height: 281px; overflow-y: auto; margin-left: 34px; margin: 0; padding: 0; position: relative; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-1 .d-list ul.collection .collection-item{ cursor: pointer; text-align: left; position: relative; border-bottom: 1px solid #e0e0e0; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-1 .d-list ul.collection .collection-item img.circle{ position: absolute; width: 42px; height: 42px; overflow: hidden; left: 15px; display: inline-block; vertical-align: middle; border-radius: 50%; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-1 .d-list ul.collection .collection-item:last-child{ border-bottom: none; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-1 .d-list ul.collection .collection-item:hover{ background: #f0f0f0; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-1 .d-list ul.collection .collection-item{ min-height: 50px; padding-top: 10px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-1 .d-list ul.collection .collection-item.active{ background: #edc79a; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-1 .d-list ul.collection .collection-item .title{ font-weight: bold; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-1 .d-list ul.collection .collection-item .d-school-info {position: absolute; top: 12px; left: 70px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-1 .d-list ul.collection .collection-item p {color: #606060; font-size: .9em; padding: 0; margin:0; }
/* end step-1 school */

/* step-2 classroom */
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 .d-title{ 
    top: 20px;
    left: 30px;
    position: absolute;
    font-family: Akhand Soft;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(144, 53, 0, 1);
 }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 .classroom-name-label { 
    position: absolute;
    top: 95px;
    left: 127px;
    text-align: left;
    font-family: Akhand Soft;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    color: rgba(105, 74, 65, 1);
    text-transform: uppercase;
 }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 .classroom-education-level-label { 
    position: absolute;
    top: 225px;
    left: 127px;
    text-align: left;
    font-family: Akhand Soft;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    color: rgba(105, 74, 65, 1);
    text-transform: uppercase;
 }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 .input-field { width: 450px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 input {     width: 400px;
    position: absolute;
    top: 146px;
    left: 140px;
    z-index: 1;
     border: none; 
     font-family: Roboto;
}
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 .input-field-bg {     
    width: 450px;
    height: 45px;
    position: absolute;
    top: 138px;
    left: 127px;
    border: 1px solid rgba(192, 192, 192, 1);
    border-radius: 40px;
}
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 .input-field-bg.e2 {     
    top: 267px;
}
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 #d-w-class-education-level {    
    position: absolute;
    left: 147px;
    top: 277px;
    font-family: 'Roboto'; 
    border: none;
}
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 .label { padding-top: 25px; text-align: right; width: 200px; color: #614431; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 .d-classroom-form { margin-top: 50px; margin-left: 100px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 .d-classroom-form form.d-form{ width: 670px; height: 160px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 .d-classroom-form .row.hide,
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 .d-classroom-form .row.hide-subject{ display: none; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 .d-image-container { cursor: pointer; width: 190px; position: absolute; top: 70px; left: 0px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 .d-image-templates {     position: absolute;
    top: 65px;
    left: 180px;
    right: 0px;
    bottom: 2px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 .d-image-templates .d-image-template{ width: 95px; height: 95px; border-radius: 48px; display: inline-block; margin: 4px 7px 8px 0px; position: relative; cursor: pointer; border: 2px solid #FFF;
}
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 .d-image-templates .d-image-template.selected{ border: 2px solid #301809; -webkit-box-shadow: 2px 3px 11px 0px rgba(59,59,59,1); -moz-box-shadow: 2px 3px 11px 0px rgba(59,59,59,1); box-shadow: 2px 3px 11px 0px rgba(59,59,59,1); }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 .d-image-templates .d-image-template .d-image{ width: 95px; height: 95px; border-radius: 48px;  background-position: center; background-size: 100%; background-repeat: no-repeat; position: absolute; z-index: 1; background-color: #ded1be; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 .d-image-templates .d-image-template .d-border{ width: 95px; height: 95px; border-radius: 48px;  -webkit-box-shadow: inset 2px 3px 11px 0px rgba(150,150,150,1); -moz-box-shadow: inset 2px 3px 11px 0px rgba(150,150,150,1); box-shadow: inset 2px 3px 11px 0px rgba(150,150,150,1); position:absolute; z-index: 2; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 .d-image-container .d-image-upload { width: 129px; height: 127px; background: url(img/ico-add-image-2.png); margin: 0 auto;     background-size: 100%;background-position: center; background-repeat: no-repeat;    border-radius: 50%;     -webkit-box-shadow: inset 2px 3px 11px 0px rgba(150,150,150,1); -moz-box-shadow: inset 2px 3px 11px 0px rgba(150,150,150,1); box-shadow: inset 2px 3px 11px 0px rgba(150,150,150,1)}
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 .d-image-container span{ display: block; padding-top: 10px; color: #8b8b8b; text-align: center;}
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-2 input[type="file"]{ position: absolute; top: -800px; left: -800px;}
/* end step-2 classroom */

/* STEP-3 EPISODES */
.modal.d-modal-add-class-wizzard .d-container.episode { position: relative; }
.modal.d-modal-add-class-wizzard .d-container.episode .episode-title{ font-weight: bold; color: #3e2e20; text-align: left; padding-left: 40px;text-transform: uppercase; padding-top: 20px; font-size: 18px; margin: 20px 0px 15px 21px; }
.modal.d-modal-add-class-wizzard .d-container.episode .episode-number{ font-family: akaposse; color: #c7baac; text-align: left; margin: 0px; position: absolute; top: 10px; left: 30px; font-size: 20px; }
.modal.d-modal-add-class-wizzard .d-container.episode .episode-name{ color: #dec069; font-family: akaposse; text-align: left; margin: 0px; position: absolute; top: 31px; left: 30px; font-size: 24px; }
.modal.d-modal-add-class-wizzard .d-container.episode .episode-description{ color: #fff; text-align: left; position: absolute; top: 65px; left: 30px; right: 20px; }
.modal.d-modal-add-class-wizzard .d-container.episode .episode-selection-message{ position: absolute; top: 120px; left: 30px; color: #dac9ab; }
.modal.d-modal-add-class-wizzard .d-container.episode .btn-bitmap{ width: 36px; height: 36px; background: url(img/episodes/bt-next.png); position: absolute; top: 105px; right: -77px; cursor: pointer; }
.modal.d-modal-add-class-wizzard .d-container.episode .btn-bitmap.prev{ width: 36px; height: 36px; background: url(img/episodes/bt-prev.png); right: auto; left: -73px; }
.modal.d-modal-add-class-wizzard .d-container.episode .episode-nav { position: absolute; top: 0; right: 20px; }
.modal.d-modal-add-class-wizzard .d-container.episode .episode-nav .d-nav{ display: inline-block; width: 13px; height: 12px; background: url(img/episodes/ico-nav.png); margin-left: 5px; }
.modal.d-modal-add-class-wizzard .d-container.episode .episode-nav .d-nav.active{ background: url(img/episodes/ico-nav-active.png); }
.modal.d-modal-add-class-wizzard .d-container.episode .d-episode-card{ background: url(img/episodes/bg.png); background-size: cover; height: 260px; width: 595px; margin-left: 120px; position: relative; }
.modal.d-modal-add-class-wizzard .d-container.episode .d-episode-card .episode-video{ position: absolute; color: #FFF; width: 135px; height: 90px; top: 145px; left: 30px; }
.modal.d-modal-add-class-wizzard .d-container.episode .d-episode-card .episode-video.end{ left: 190px; }
.modal.d-modal-add-class-wizzard .d-container.episode .d-episode-card .episode-video .episode-video-image{ width: 125px; height: 65px; background: url(img/episodes/video-start.png); background-size: cover; cursor: pointer; }
.modal.d-modal-add-class-wizzard .d-container.episode .d-episode-card .episode-video .episode-video-image:before{ content: ''; position: absolute; width: 46px; height: 46px; background: url(img/episodes/ico-play.png); top: 8px; left: 40px; }
.modal.d-modal-add-class-wizzard .d-container.episode .d-episode-card .episode-video.end .episode-video-image{ background: url(img/episodes/video-end.png); background-size: cover; }
.modal.d-modal-add-class-wizzard .d-container.episode .d-episode-card .episode-video .simple-checkbox{ position: absolute; bottom: -5px; }
.modal.d-modal-add-class-wizzard .d-container.episode .d-episode-card .episode-video .simple-checkbox label{  padding-top: 5px; padding-left: 35px; }
/* END STEP-3 EPISODES */

/* step-3 students */
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 {     height: 468px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-header { margin-top: 15px; margin-bottom: 0; text-align: left; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-header .title{ font-weight: bold; color: #3e2e20; text-align: left; padding-left: 40px; text-transform: uppercase; padding-top: 20px; font-size: 18px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-header .btn-import{ float: right; margin-right: 21px; margin-top: 24px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-add-student { padding-bottom: 10px; margin-top: 20px; text-align: left; padding-left: 30px;}
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-add-student .input-field{ display: inline-block; width: 610px; margin-right: 20px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-add-student .input-field input{ width: 600px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-add-student a{ display: inline-block; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-list { position: relative; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-list .amount-students{ color: #000; padding-top: 11px; position: absolute; top: 340px; height: 34px; padding-left: 35px; background: #e2d1b4; right: 0px; left: 0px; text-align: left;}
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-list .linked{ padding-top: 5px; position: absolute; height: 35px; padding-right: 35px; width: 435px; top: 348px; left: 220px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-list .linked span{ float:left; color: #000; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-list .linked .connect-progress{ margin-top: 3px; float:right; height: 25px; width: 200px; height: 13px; border: 3px solid #7e4524; border-radius: 3px; }

.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-list ul.collection{ width: 773px; height: 270px; overflow-y: auto; margin-left: 34px; list-style: none; margin: 0px 0px 0px 38px; padding: 0; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-list ul.collection .collection-item{ text-align: left; width: 100%; height: 65px; padding: 0; position: relative; border-bottom: 1px solid #dedede; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-list ul.collection .collection-item .student { display: block;  }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-list ul.collection .collection-item .student .icon{ width: 55px; height: 58px; background: url(img/ico-detective.png); position: absolute; top: 5px; left: 5px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-list ul.collection .collection-item .student .icon.circle{ width: 50px; height: 50px;  border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; display: inline-block; border: 2px solid #684730; background-position: center; background-size: 100%; background-repeat: no-repeat; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-list ul.collection .collection-item .student span{ position: absolute; top: 20px; left: 80px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-list ul.collection .collection-item .actions { position: absolute; top: 10px; right: 10px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-list ul.collection .collection-item .actions .icon-action{ display: inline-block; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-list ul.collection .collection-item .actions .icon-action.code{ width: 35px; height: 35px; background: url(img/ico_key.png); }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-list ul.collection .collection-item .actions .icon-action.config{ width: 29px; height: 29px; background: url(img/ico_config2.png); }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-list ul.collection .collection-item .actions .icon-action.remove{ width: 29px; height: 34px; background: url(img/ico_remove.png); }

.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-list ul.collection .collection-item.s-linked .student .tooltipped { display: block;  color: silver; font-size: .8em; line-height: .8em; position: absolute; top: 41px; left: 79px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-list ul.collection .collection-item:last-child{ border-bottom: 1px solid #e0e0e0 }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4 .d-list ul.collection .collection-item:hover{ background: #f0f0f0; }
/* end step-3 students */

/* step-3 students */
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4b { height: 468px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4b .d-header { margin-top: 15px; margin-bottom: 0; text-align: left; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4b .d-header .title{ font-weight: bold; color: #3e2e20; text-align: left; padding-left: 40px; text-transform: uppercase; padding-top: 20px; font-size: 18px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4b .d-image{ text-align: center; margin-top: 29px; margin-bottom: 29px;}
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4b .d-message{ font-size: 18px; margin-left: 130px; margin-right: 130px; line-height: 26px; margin-bottom: 25px; }
.modal.d-modal-add-class-wizzard .d-wizzard-body .d-step-4b .btn-get-invites{ margin-left: 343px; }


/* END MODAL add class wizzard */

/* M-HOME SCHOOL ADMIN */
main .m-home.d-school-admin .header .d-profile .avatar .imagen{ background: url(img/profile_42x42.jpg) no-repeat; } 
/* END M-HOME PARENT */

/* ADD CLASS */
main .d-add-class-container{ width: 100%; text-align: center; position: relative; z-index: 2; padding-top: 10px; padding-bottom: 10px; font-family: 'effloresce_bold'; }
main .d-add-class{ width: 680px; margin: 0 auto; border-radius: 5px; background: url(img/bg_admin_class.png); border: 5px solid #614431; }
main .d-add-class .progress { background-color: #d1d1d1; margin: 0; margin-top: 5px; display: none; }
main .d-add-class .progress .indeterminate{ background-color: #959595; }
main .d-add-class .d-header-tabs { border-bottom: 1px solid #eeeeee;     position: relative;}
main .d-add-class .d-header-tabs .tabs{ background: url(img/bg_admin_class_tab.png); height: 50px; list-style: none; margin: 0; padding: 0; width: 100%; }
main .d-add-class .d-header-tabs .tabs li { display: inline-block; height: 50px; margin: 0px 10px 0px 10px; }
main .d-add-class .d-header-tabs .tabs li.active{ background: url(img/bg_admin_class_tab_sel2.png); position: relative; }
main .d-add-class .d-header-tabs .tabs li.active::before,
main .d-add-class .d-header-tabs .tabs li.active::after{ content: ' '; position: absolute; top: 0px; width: 11px; height: 50px; }
main .d-add-class .d-header-tabs .tabs li.active::before{ background: url(img/bg_admin_class_tab_sel1.png) no-repeat; left: -11px; }
main .d-add-class .d-header-tabs .tabs li.active::after{ background: url(img/bg_admin_class_tab_sel3.png) no-repeat; right: -11px; }
main .d-add-class .d-header-tabs .tabs li a { text-decoration: none; color: #FFF; padding-top: 12px; display: inline-block; padding-bottom: 10px; font-family: 'effloresce_bold'}
main .d-add-class .d-header-tabs .tabs li.active a { color: #2f1809; }
main .d-add-class .d-header-tabs .tabs li.disabled { opacity: .5; }
main .d-add-class .d-header-tabs .tabs li.hidden { visibility: hidden; width: 50px; }
main .d-add-class a.btn-close { background: url(img/bt-cerrar-2.png) no-repeat; color: #000; width: 40px; height: 40px; padding-top: 8px; padding-bottom: 0px; margin-top: 0; margin-bottom: 0; position: absolute; top: 4px; right: 5px }

main .d-add-class .d-tab-contents { }
main .d-add-class .d-tab-contents .row{ display: block; }
main .d-add-class .d-tab-contents .col{ display: inline-block; }
main .d-add-class .d-tab-contents input { display: inline-block; border: none; background: transparent; border-bottom: 1px solid #c1b78e; font-size: 18px; margin-left: 10px; }
main .d-add-class .d-tab-contents select { font-family: 'special_elite'; display: inline-block; border: none; background: transparent; border-bottom: 1px solid #c1b78e; font-size: 18px; margin-left: 10px; }
main .d-add-class .d-tab-contents select option { font-family: 'special_elite'; }
main .d-add-class .d-tab-contents a.btn{ text-decoration: none;  }
main .d-add-class .d-tab-contents a.btn.dark{ color: #b48760; border-radius: 17px; background: #302119; border: 1px solid #4f3526; padding: 5px 19px; }
main .d-add-class .d-tab-contents a.btn.dark:hover{ background: #4f3526; }
main .d-add-class .d-tab-contents a.btn.dark.disabled:hover{ background: #302119; }
main .d-add-class .d-tab-contents a.btn.disabled{ opacity: .5;  }
main .d-add-class .d-tab-contents .d-tab-content { display: none; }
/* school */
main .d-add-class .d-tab-contents .d-tab-content.d-school .d-header { margin-top: 15px; margin-bottom: 0; text-align: left; }
main .d-add-class .d-tab-contents .d-tab-content.d-school .d-header .title{ font-weight: bold; color: #606060; text-align: left; padding-left: 40px; text-transform: uppercase; }
main .d-add-class .d-tab-contents .d-tab-content.d-school .d-search { margin: 20px 0px; padding: 0; }
main .d-add-class .d-tab-contents .d-tab-content.d-school .d-search .row{ margin: 0; padding: 0; }
main .d-add-class .d-tab-contents .d-tab-content.d-school .d-search .row .col{ margin: 0; padding: 0; }
main .d-add-class .d-tab-contents .d-tab-content.d-school .d-search input.search{ width: 450px; }
main .d-add-class .d-tab-contents .d-tab-content.d-school .d-list { padding-left: 25px; }
main .d-add-class .d-tab-contents .d-tab-content.d-school .d-list ul.collection{ width: 625px; height: 320px; overflow-y: auto; margin-left: 34px; margin: 0; padding: 0; position: relative; }
main .d-add-class .d-tab-contents .d-tab-content.d-school .d-list ul.collection .collection-item{ cursor: pointer; text-align: left; position: relative; border-bottom: 1px solid #e0e0e0; }
main .d-add-class .d-tab-contents .d-tab-content.d-school .d-list ul.collection .collection-item img.circle{ position: absolute; width: 42px; height: 42px; overflow: hidden; left: 15px; display: inline-block; vertical-align: middle; border-radius: 50%; }
main .d-add-class .d-tab-contents .d-tab-content.d-school .d-list ul.collection .collection-item:last-child{ border-bottom: none; }
main .d-add-class .d-tab-contents .d-tab-content.d-school .d-list ul.collection .collection-item:hover{ background: #f0f0f0; }
main .d-add-class .d-tab-contents .d-tab-content.d-school .d-list ul.collection .collection-item{ min-height: 50px; padding-top: 10px; }
main .d-add-class .d-tab-contents .d-tab-content.d-school .d-list ul.collection .collection-item.active{ background: #e2d1b4; }
main .d-add-class .d-tab-contents .d-tab-content.d-school .d-list ul.collection .collection-item .title{ font-weight: bold; }
main .d-add-class .d-tab-contents .d-tab-content.d-school .d-list ul.collection .collection-item .d-school-info {position: absolute; top: 12px; left: 70px;  }
main .d-add-class .d-tab-contents .d-tab-content.d-school .d-list ul.collection .collection-item p {color: #606060; font-size: .9em; padding: 0; margin:0; }
main .d-add-class .d-tab-contents .d-tab-content.d-school .d-list ul.collection .collection-item.active p {}
main .d-add-class .d-tab-contents .d-tab-content.d-school .row.d-footer{ margin-top: 20px; background: #e2d1b4; padding-top: 15px; padding-bottom: 15px; text-align: right; padding-right: 46px;}
main .d-add-class .d-tab-contents .d-tab-content.d-school .row.d-footer .btn-without-school{ margin-right: 10px; }
/* new school MODAL */
#modal-container .add-school-new-form {}
#modal-container .add-school-new-form .d-header { text-align: center; border-bottom: 1px solid #eeeeee; padding-bottom: 10px; margin-bottom: 10px;  }
#modal-container .add-school-new-form .d-header .separador{ width: 170px; height: 9px; background: url(img/bg_header_dd_separator.png); margin: 10px auto; }
#modal-container .add-school-new-form .d-header .material-icons{ color: #00a5db; font-size: 1.3em; }
#modal-container .add-school-new-form .d-header span{ font-weight: bold; font-size: 1.3em; padding-left: 20px; }
#modal-container .add-school-new-form .d-loader .progress{ display: none; }
#modal-container .modal .modal-content { padding-bottom: 40px; }
#modal-container .add-school-new-form .d-form .input-field{ height: 40px; }
#modal-container .add-school-new-form .d-form input{ height: 20px; width: 300px; }
#modal-container .add-school-new-form .d-form select{ height: 38px; width: 300px; }
#modal-container .add-school-new-form .d-form .row{ margin:0; padding: 0; padding-bottom: 10px; display: block; }
#modal-container .add-school-new-form .d-form .row .col{ margin:0; padding: 0; display: inline-block; }
#modal-container .add-school-new-form .d-form .row .col.label{ width: 190px; text-align: right; }
#modal-container .add-school-new-form .d-form .row .col label{ font-size: 1em; }
#modal-container .add-school-new-form .modal-footer{ position: absolute; bottom: 8px; background: #e2d1b4; left: 8px; right: 8px; text-align: right; height: 45px; padding-top: 11px; }
#modal-container .add-school-new-form .btn-cancelar{ float: left; margin: 9px 0px 0px 20px; font-weight: bold; }
#modal-container .add-school-new-form .select-wrapper input.select-dropdown { padding-left: 10px; }
/* new class */
main .d-add-class .d-tab-contents .d-tab-content.d-class .d-header .main-title{ color: #606060; text-align: left; padding-top: 20px; padding-left: 40px; text-transform: uppercase; }
main .d-add-class .d-tab-contents .d-tab-content.d-class .input-field{ text-align: left; }
main .d-add-class .d-tab-contents .d-tab-content.d-class input,
main .d-add-class .d-tab-contents .d-tab-content.d-class select{ width: 370px; height: 30px; }
main .d-add-class .d-tab-contents .d-tab-content.d-class .label{ padding-top: 25px; text-align: right; width: 200px; color: #614431;}
main .d-add-class .d-tab-contents .d-tab-content.d-class .d-image-container { 
    cursor: pointer;
    width: 200px;
    float: left;
}
main .d-add-class .d-tab-contents .d-tab-content.d-class .d-image-container .d-image-upload { width: 150px; height: 150px; background: url(img/ico-add-image.png); margin: 0 auto;     background-size: 100%;background-position: center; background-repeat: no-repeat;    border-radius: 50%; background-color: sienna; margin-top: 50px;}
main .d-add-class .d-tab-contents .d-tab-content.d-class .d-image-container span{ display: block; padding-left: 13px; padding-top: 10px; color: #8b8b8b; }
main .d-add-class .d-tab-contents .d-tab-content.d-class .d-image-templates { 
    width: 470px;
    float: left;
}
main .d-add-class .d-tab-contents .d-tab-content.d-class .d-image-templates .d-image-template{ 
    width: 75px;
    height: 75px;
    border-radius: 48px;
    display: inline-block;
    margin: 4px 12px 8px 0px;
    position: relative;
    cursor: pointer;
    border: 2px solid #FFF;
}
main .d-add-class .d-tab-contents .d-tab-content.d-class .d-image-templates .d-image-template.selected .d-image{ border: 1px solid #301809; -webkit-box-shadow: 2px 3px 11px 0px rgba(59,59,59,1); -moz-box-shadow: 2px 3px 11px 0px rgba(59,59,59,1); box-shadow: 2px 3px 11px 0px rgba(59,59,59,1); }
main .d-add-class .d-tab-contents .d-tab-content.d-class .d-image-templates .d-image-template .d-border{ 
    width: 85px;
    height: 85px;
    border-radius: 48px;
    -webkit-box-shadow: inset 2px 3px 11px 0px rgba(150,150,150,1);
    -moz-box-shadow: inset 2px 3px 11px 0px rgba(150,150,150,1);
    box-shadow: inset 2px 3px 11px 0px rgba(150,150,150,1);
    position: absolute;
    z-index: 2;
}
main .d-add-class .d-tab-contents .d-tab-content.d-class .d-image-templates .d-image-template .d-image{ 
    width: 85px;
    height: 85px;
    border-radius: 48px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    background-color: #ded1be;
}
main .d-add-class .d-tab-contents .d-tab-content.d-class .row{ margin-bottom: 0px; display: block;}
main .d-add-class .d-tab-contents .d-tab-content.d-class .col{ display: inline-block;  }
main .d-add-class .d-tab-contents .d-tab-content.d-class .input-field { width: 380px; }
main .d-add-class .d-tab-contents .d-tab-content.d-class .select-wrapper input.select-dropdown { padding-left: 10px; }
main .d-add-class .d-tab-contents .d-tab-content.d-class .row.d-footer{ margin-top: 20px; background: #e2d1b4; padding-top: 15px; padding-bottom: 15px;     text-align: right; padding-right: 46px;}
main .d-add-class .d-tab-contents .d-tab-content.d-class .row.d-footer .btn-cancel{ margin-right: 10px; }
main .d-add-class .d-tab-contents .d-tab-content.d-class .row.d-footer .btn-submit{  }
main .d-add-class .d-tab-contents .d-tab-content.d-class input[type="file"]{ display: none; }

/* students of class */
main .d-add-class .d-tab-contents .d-tab-content.d-students { height: 468px; }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-header { margin-top: 15px; margin-bottom: 0; text-align: left; }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-header .title{ color: #606060; text-align: left; padding-left: 40px; text-transform: uppercase; }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-header .btn-import{ float: right; margin-right: 19px; }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-header.add-students{ margin-top: 60px; }     
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-header.code{ position: relative; }     
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-header .classroom-code{     
    position: absolute;
    top: 30px;
    left: 40px;
    background: rgba(223, 162, 73, 1);
    width: 120px;
    height: 25px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) inset;
    border-radius: 4px;
    cursor: pointer; 
}
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-header .d-value{     
    font-family: Akhand Soft;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    margin-left: 4px;
    width: 90px;
    float: left;
}
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-header .ico-code{     
    background: url(img/ico-code.png) no-repeat;
    position: absolute;
    top: 5px;
    right: 7px;
    width: 14px;
    height: 14px;
}
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-add-student { border-bottom: 1px solid #eeeeee; padding-bottom: 10px; margin-top: 20px; text-align: left; padding-left: 30px;}
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-add-student .input-field{ display: inline-block; width: 453px; margin-right: 20px; }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-add-student .input-field input{ width: 450px; }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-add-student a{ display: inline-block; }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-list { position: relative; }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-list .amount-students{ color: #000; padding-top: 11px; position: absolute; top: 263px; height: 34px; padding-left: 35px; background: #e2d1b4; right: 0px; left: 0px; text-align: left;}
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-list .linked{ padding-top: 5px; position: absolute; height: 35px; padding-right: 35px; width: 435px; top: 270px; left: 220px; }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-list .linked span{ float:left; color: #000; }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-list .linked .connect-progress{ margin-top: 3px; float:right; height: 25px; width: 200px; height: 13px; border: 3px solid #7e4524; border-radius: 3px; }

main .d-add-class .d-tab-contents .d-tab-content.d-students .d-list ul.collection{ width: 613px; height: 260px; overflow-y: auto; margin-left: 34px; list-style: none; margin: 0px 0px 0px 38px; padding: 0; }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item{ text-align: left; width: 100%; height: 65px; padding: 0; position: relative; border-bottom: 1px solid #dedede; }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item .student { display: block;  }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item .student .icon{ width: 55px; height: 58px; background: url(img/ico-detective.png); position: absolute; top: 5px; left: 5px; }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item .student .icon.circle{ width: 50px; height: 50px;  border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; display: inline-block; border: 2px solid #684730; background-position: center; background-size: 100%; background-repeat: no-repeat; }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item .student span{ position: absolute; top: 20px; left: 80px; }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item .actions { position: absolute; top: 10px; right: 10px; }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item .actions .icon-action{ display: inline-block; }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item .actions .icon-action.code{ width: 35px; height: 35px; background: url(img/ico_key.png); }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item .actions .icon-action.config{ width: 29px; height: 29px; background: url(img/ico_config2.png); }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item .actions .icon-action.remove{ width: 29px; height: 34px; background: url(img/ico_remove.png); }

main .d-add-class .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item.s-linked .student .tooltipped { display: block;  color: silver; font-size: .8em; line-height: .8em; position: absolute; top: 41px; left: 79px; }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item:last-child{ border-bottom: 1px solid #e0e0e0 }
main .d-add-class .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item:hover{ background: #f0f0f0; }

/* EPISODES */
main .d-add-class .d-tab-contents .d-container.episode { position: relative; }
main .d-add-class .d-tab-contents .d-container.episode .episode-title{ color: #606060; text-align: left; text-transform: uppercase; margin: 20px 0px 15px 21px; }
main .d-add-class .d-tab-contents .d-container.episode .episode-number{ font-family: akaposse; color: #c7baac; text-align: left; margin: 0px; position: absolute; top: 10px; left: 30px; font-size: 20px; }
main .d-add-class .d-tab-contents .d-container.episode .episode-name{ color: #dec069; font-family: akaposse; text-align: left; margin: 0px; position: absolute; top: 31px; left: 30px; font-size: 24px; }
main .d-add-class .d-tab-contents .d-container.episode .episode-description{ color: #fff; text-align: left; position: absolute; top: 65px; left: 30px; right: 20px; }
main .d-add-class .d-tab-contents .d-container.episode .episode-selection-message{ position: absolute; top: 120px; left: 30px; color: #dac9ab; }
main .d-add-class .d-tab-contents .d-container.episode .btn-bitmap{ width: 36px; height: 36px; background: url(img/episodes/bt-next.png); position: absolute; top: 105px; right: -37px; cursor: pointer; }
main .d-add-class .d-tab-contents .d-container.episode .btn-bitmap.prev{ width: 36px; height: 36px; background: url(img/episodes/bt-prev.png); right: auto; left: -36px; }
main .d-add-class .d-tab-contents .d-container.episode .episode-nav { position: absolute; top: 0; right: 20px; }
main .d-add-class .d-tab-contents .d-container.episode .episode-nav .d-nav{ display: inline-block; width: 13px; height: 12px; background: url(img/episodes/ico-nav.png); margin-left: 5px; }
main .d-add-class .d-tab-contents .d-container.episode .episode-nav .d-nav.active{ background: url(img/episodes/ico-nav-active.png); }
main .d-add-class .d-tab-contents .d-container.episode .d-episode-card{ background: url(img/episodes/bg.png); background-size: cover; height: 260px; width: 595px; margin-left: 40px; position: relative; }
main .d-add-class .d-tab-contents .d-container.episode .d-episode-card .episode-video{ position: absolute; color: #FFF; width: 135px; height: 90px; top: 145px; left: 30px; }
main .d-add-class .d-tab-contents .d-container.episode .d-episode-card .episode-video.end{ left: 190px; }
main .d-add-class .d-tab-contents .d-container.episode .d-episode-card .episode-video .episode-video-image{ width: 125px; height: 65px; background: url(img/episodes/video-start.png); background-size: cover; cursor: pointer; }
main .d-add-class .d-tab-contents .d-container.episode .d-episode-card .episode-video .episode-video-image:before{ content: ''; position: absolute; width: 46px; height: 46px; background: url(img/episodes/ico-play.png); top: 8px; left: 40px; }
main .d-add-class .d-tab-contents .d-container.episode .d-episode-card .episode-video.end .episode-video-image{ background: url(img/episodes/video-end.png); background-size: cover; }

main .d-add-class .d-tab-contents .d-container.episode .d-episode-card .episode-videos.episode-videos-type-2 .episode-video.start .episode-video-image{ background: url(img/episodes/ep2-video-start.png)!important; background-size: cover; }
main .d-add-class .d-tab-contents .d-container.episode .d-episode-card .episode-videos.episode-videos-type-2 .episode-video.end .episode-video-image{ background: url(img/episodes/ep2-video-end.png)!important; background-size: cover; }

main .d-add-class .d-tab-contents .d-container.episode .d-episode-card .episode-videos.episode-videos-type-3 .episode-video.start .episode-video-image{ background: url(img/episodes/ep3-video-start.png)!important; background-size: cover; }
main .d-add-class .d-tab-contents .d-container.episode .d-episode-card .episode-videos.episode-videos-type-3 .episode-video.end .episode-video-image{ background: url(img/episodes/ep3-video-end.png)!important; background-size: cover; }

main .d-add-class .d-tab-contents .d-container.episode .d-episode-card .episode-videos.episode-videos-type-4 .episode-video.start .episode-video-image{ background: url(img/episodes/ep4-video-start.png)!important; background-size: cover; }
main .d-add-class .d-tab-contents .d-container.episode .d-episode-card .episode-videos.episode-videos-type-4 .episode-video.end .episode-video-image{ background: url(img/episodes/ep4-video-end.png)!important; background-size: cover; }

main .d-add-class .d-tab-contents .d-container.episode .d-episode-card .episode-video .simple-checkbox{ position: absolute; bottom: -5px; }
main .d-add-class .d-tab-contents .d-container.episode .d-episode-card .episode-video .simple-checkbox label{  padding-top: 5px; padding-left: 35px; }
/* END EPISODES */

/* classroom student MODAL */
#modal-container .d-classroom-student-form {}
#modal-container .d-classroom-student-form .d-header { text-align: center; border-bottom: 1px solid #eeeeee; padding-bottom: 10px; margin-bottom: 10px;  }
#modal-container .d-classroom-student-form .d-header span{ font-weight: bold; font-size: 1.3em; }
#modal-container .d-classroom-student-form .d-header .separador{ width: 170px; height: 9px; background: url(img/bg_header_dd_separator.png); margin: 10px auto; }
#modal-container .d-classroom-student-form .d-loader .progress{ display: none; }
#modal-container .d-classroom-student-form .d-form input{ height: 38px; width: 300px; }
#modal-container .d-classroom-student-form .d-form .row{ margin:0; padding: 0; padding-bottom: 10px; display: block; }
#modal-container .d-classroom-student-form .d-form .row .col{ margin:0; padding: 0; display: inline-block; }
#modal-container .d-classroom-student-form .d-form .row .col.label{ width: 100px; text-align: right; }
#modal-container .d-classroom-student-form .d-form .row .col label{ font-size: 1em; }
#modal-container .d-classroom-student-form .d-form .actions{ float:right; }
#modal-container .d-classroom-student-form .modal-footer{ text-align: right; padding-right: 20px; padding-top: 13px; }
#modal-container .d-classroom-student-form .btn-cancelar{ margin-right: 5px; }
/* parents of class */
main .d-add-class .d-tab-contents .d-tab-content.d-parents { position: relative; height: 500px; }
main .d-add-class .d-tab-contents .d-tab-content.d-parents .d-title{ margin: 15px 0 10px 20px; text-align: left; }
main .d-add-class .d-tab-contents .d-tab-content.d-parents .d-information{ margin: 10px 10px 10px 21px; text-align: left; }
main .d-add-class .d-tab-contents .d-tab-content.d-parents .d-status-parents{ position: absolute; left: 0px; top: 446px; right: 0px; background: #e2d1b4; height: 49px;}
main .d-add-class .d-tab-contents .d-tab-content.d-parents .connect-progress{ width: 350px; height: 13px; margin: 0 auto; border: 3px solid #7e4524;  border-radius: 3px; position: absolute; left: 270px; top: 18px; }
main .d-add-class .d-tab-contents .d-tab-content.d-parents .connect-status{  position: absolute; left: 23px; top: 14px;}
main .d-add-class .d-tab-contents .d-tab-content.d-parents .d-list .parents-of{ color: #969696; padding-top: 5px; text-align: left; padding-left: 35px; }
main .d-add-class .d-tab-contents .d-tab-content.d-parents .d-list ul.collection{ width: 613px; height: 319px; overflow-y: auto; left: 37px; position: absolute; margin: 0; list-style: none; padding: 0;}
main .d-add-class .d-tab-contents .d-tab-content.d-parents .d-list ul.collection .collection-item{ text-align: left; height: auto; min-height: 58px; width: 100%; position: relative; border-bottom: 1px solid #dedede; }
main .d-add-class .d-tab-contents .d-tab-content.d-parents .d-list ul.collection .collection-item .parent { width: 100%;  }
main .d-add-class .d-tab-contents .d-tab-content.d-parents .d-list ul.collection .collection-item .actions { position: absolute; top: 10px; right: 180px;  }

main .d-add-class .d-tab-contents .d-tab-content.d-parents .d-list ul.collection .collection-item .parent .icon{ width: 55px; height: 58px; background: url(img/ico-detective.png); position: absolute; top: 5px; left: 5px; }
main .d-add-class .d-tab-contents .d-tab-content.d-parents .d-list ul.collection .collection-item .parent .icon.circle{ width: 50px; height: 50px;  border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; display: inline-block; border: 2px solid #684730; background-position: center; background-size: 100%; background-repeat: no-repeat; }
main .d-add-class .d-tab-contents .d-tab-content.d-parents .d-list ul.collection .collection-item .parent span{ position: absolute; top: 20px; left: 80px;}
main .d-add-class .d-tab-contents .d-tab-content.d-parents .d-list ul.collection .collection-item .parents{ display: block; padding-top: 63px; left: 80px; height: auto; padding-bottom: 10px; padding-left: 58px; font-size: .95em;}

main .d-add-class .d-tab-contents .d-tab-content.d-parents .d-list ul.collection .collection-item .actions .icon-action{ display: inline-block; }
main .d-add-class .d-tab-contents .d-tab-content.d-parents .d-list ul.collection .collection-item .actions .icon-action.code{ width: 35px; height: 35px; background: url(img/ico_key.png); }

/*main .d-add-class .d-tab-contents .d-tab-content.d-parents .d-list ul.collection .collection-item.s-linked .parent span{ float: none; line-height: 35px; }
*/
main .d-add-class .d-tab-contents .d-tab-content.d-parents .d-list ul.collection .collection-item.s-linked .parent i{ color: #39b3ec; }
main .d-add-class .d-tab-contents .d-tab-content.d-parents .d-list ul.collection .collection-item.s-linked .parent .tooltipped { display: block;  color: silver; font-size: .8em; line-height: .8em; }

main .d-add-class .d-tab-contents .d-tab-content.d-parents .d-list ul.collection .collection-item a.btn-send-invite{ float: right; margin-top: 10px; margin-right: 10px; }
main .d-add-class .d-tab-contents .d-tab-content.d-parents .d-list ul.collection .collection-item:last-child{ border-bottom: 1px solid #e0e0e0 }
main .d-add-class .d-tab-contents .d-tab-content.d-parents .d-list ul.collection .collection-item:hover{ background: #f0f0f0; }
/* classroom parent MODAL */
#modal-container .d-classroom-parent-form {}
#modal-container .d-classroom-parent-form .d-header { text-align: center; border-bottom: 1px solid #eeeeee; padding-bottom: 10px; margin-bottom: 10px;  }
#modal-container .d-classroom-parent-form .d-header .material-icons{ color: #00a5db; font-size: 1.3em;vertical-align: middle; }
#modal-container .d-classroom-parent-form .d-header span{ font-weight: bold; font-size: 1.3em; padding-left: 20px; }
#modal-container .d-classroom-parent-form .d-loader .progress{ display: none; }
#modal-container .d-classroom-parent-form .d-form input{ height: 38px; /*width: 515px; */}
#modal-container .d-classroom-parent-form .d-form .row{ margin:0; padding: 0; padding-bottom: 10px; }
#modal-container .d-classroom-parent-form .d-form .row .col{ margin:0; padding: 0; }
#modal-container .d-classroom-parent-form .d-form .row .col label{ font-size: 1em; }
#modal-container .d-classroom-parent-form .btn-cancelar{ margin-right: 5px; }
/* collaborators of class */
main .d-add-class .d-tab-contents .d-tab-content.d-collaborators .d-header { margin-top: 15px; margin-bottom: 10px; text-align: left; text-transform: uppercase; }
main .d-add-class .d-tab-contents .d-tab-content.d-collaborators .d-header .title{ color: #606060; text-align: left; padding-left: 40px; }
main .d-add-class .d-tab-contents .d-tab-content.d-collaborators .d-add-collaborator { border-bottom: 1px solid #eeeeee; padding-bottom: 10px; text-align: left; }
main .d-add-class .d-tab-contents .d-tab-content.d-collaborators .d-add-collaborator .input-field{ display: inline-block; width: 473px; margin-right: 20px; margin-left: 30px; margin-top: 15px; }
main .d-add-class .d-tab-contents .d-tab-content.d-collaborators .d-add-collaborator .input-field input{ width: 420px; }
main .d-add-class .d-tab-contents .d-tab-content.d-collaborators .d-add-collaborator a{ display: inline-block; }
main .d-add-class .d-tab-contents .d-tab-content.d-collaborators .d-list { margin-left: 25px; }
main .d-add-class .d-tab-contents .d-tab-content.d-collaborators .d-list .amount-collaborators{ color: #969696; padding-top: 5px; }
main .d-add-class .d-tab-contents .d-tab-content.d-collaborators .d-list ul.collection{ width: 613px; height: 370px; overflow-y: auto; margin-left: 34px; margin: 0; padding: 0; list-style: none; }
main .d-add-class .d-tab-contents .d-tab-content.d-collaborators .d-list ul.collection .collection-item{ text-align: left; height: 65px; padding: 0; position: relative; }
main .d-add-class .d-tab-contents .d-tab-content.d-collaborators .d-list ul.collection .collection-item .collaborator {   }
main .d-add-class .d-tab-contents .d-tab-content.d-collaborators .d-list ul.collection .collection-item .icon{ width: 55px; height: 58px; background: url(img/ico-detective.png); position: absolute; top: 5px; left: 5px; }
main .d-add-class .d-tab-contents .d-tab-content.d-collaborators .d-list ul.collection .collection-item .actions { position: absolute; top: 10px; right: 10px; }
main .d-add-class .d-tab-contents .d-tab-content.d-collaborators .d-list ul.collection .collection-item .actions .icon-action{ display: inline-block; }
main .d-add-class .d-tab-contents .d-tab-content.d-collaborators .d-list ul.collection .collection-item .actions .icon-action.code{ width: 35px; height: 35px; background: url(img/ico_key.png); }
main .d-add-class .d-tab-contents .d-tab-content.d-collaborators .d-list ul.collection .collection-item .actions .icon-action.config{ width: 29px; height: 29px; background: url(img/ico_config2.png); }
main .d-add-class .d-tab-contents .d-tab-content.d-collaborators .d-list ul.collection .collection-item .actions .icon-action.remove{ width: 29px; height: 34px; background: url(img/ico_remove.png); }
main .d-add-class .d-tab-contents .d-tab-content.d-collaborators .d-list ul.collection .collection-item .collaborator span{ position: absolute; color: #393939; top: 20px; left: 70px;}
main .d-add-class .d-tab-contents .d-tab-content.d-collaborators .d-list ul.collection .collection-item:last-child{ border-bottom: 1px solid #e0e0e0 }
main .d-add-class .d-tab-contents .d-tab-content.d-collaborators .d-list ul.collection .collection-item:hover{ background: #f0f0f0; }
/* END ADD CLASS */



/* Teacher classrooms */
main .d-teacher-classrooms {  }
main .d-teacher-classrooms { position: relative; z-index: 3; }
main .d-teacher-classrooms .d-tab-content{ display: none; }

main .d-teacher-classrooms .d-header .d-tabs{ position: absolute; top: 100px; left: 105px; right: 19px; text-align: center; }
main .d-teacher-classrooms .d-header .d-tabs ul{ margin: 0; padding: 0}
main .d-teacher-classrooms .d-header .d-tabs li{ display: block; height: 57px; position: relative; }
main .d-teacher-classrooms .d-header .d-tabs li.active{ background: url(img/bg_projects_menu_selected.png) 14px 0px no-repeat; }
main .d-teacher-classrooms .d-header .d-tabs li a{ text-decoration: none; font-family: 'effloresce_bold'; font-size: 20px; color: #000; width: 100%; float: left; height: 36px; width: 190px; padding-top: 13px; margin-left: 5px;
                                                   -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg);
                                                   -ms-transform: rotate(-7deg); -o-transform: rotate(-7deg); }
main .d-teacher-classrooms .d-header .d-tabs ul:after{ content: ''; width: 170px; height: 9px; background: url(img/bg_header_dd_separator.png); position: absolute; top: 180px; left: 12px; }
main .d-teacher-classrooms .d-header .d-tabs ul:before { content: ''; width: 170px; height: 9px; background: url(img/bg_header_dd_separator.png); position: absolute; top: -10px; left: 12px; }
main .d-teacher-classrooms .d-header .d-tabs li .active{ color: #FFF; }


main .d-teacher-classrooms .d-header-link-left{  position: absolute; top: 18px; left: 60px; color: #fff; font-family: effloresce_bold; font-size: 19px; z-index: 4; }
main .d-teacher-classrooms .d-header-link-left span{ color: #FFF; position: absolute; top: 5px; left: 44px; width: 150px; }
main .d-teacher-classrooms .d-header-link-left label:before{ -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
                                                             -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
                                                             box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); }
main .d-teacher-classrooms .d-header-link{ display: block; position: absolute; top: 18px; right: 60px; color: #fff; font-family: effloresce_bold; border-bottom: 1px solid #fff; font-size: 19px; z-index: 4; }
main .d-teacher-classrooms .d-header-link .btn{ color: #fff; }
/*main .d-teacher-classrooms .d-header-link .btn.btn-export{ display: none; }*/
main .d-teacher-classrooms .d-card-projects{ display: block; padding-top: 75px; position: relative; text-align: center; }
main .d-teacher-classrooms .d-card-projects-bg-glass{ display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.6; z-index: 4; cursor: pointer; }
main .d-teacher-classrooms .d-card-projects .d-card { cursor: pointer; width: 345px; height: 590px; margin-right: 2%; display: inline-block; position: relative; margin-bottom: 15px; background: url(img/card-project.png) no-repeat; }
main .d-teacher-classrooms .d-card-projects .d-card .dropdown{ position: absolute; top: 73px; left: 176px; display: none; z-index: 4; }
main .d-teacher-classrooms .d-card-projects .d-card.current{  background: url(img/classroom-project/bg-project-1.png); }
main .d-teacher-classrooms .d-card-projects .d-card.finished{  margin-right: 3%; background: url(img/classroom-project/bg-project-3.png); }
main .d-teacher-classrooms .d-card-projects .d-card.next{ margin-right: 3%; background: url(img/classroom-project/bg-project-2.png); }
main .d-teacher-classrooms .d-card-projects .d-card .d-header { height: auto; }
main .d-teacher-classrooms .d-card-projects .d-card .d-header .actions { position: absolute; right: 17px; top: 17px; }
main .d-teacher-classrooms .d-card-projects .d-card .d-header .actions .btn-config{ width: 28px; height: 28px; background: url(img/classroom-project/btn-config.png); }
main .d-teacher-classrooms .d-card-projects .d-card .d-header .project-title { position: absolute; left: 15px; top: 50px; right: 15px; font-size: 20px; text-align: center; font-family: cinzel_decorative_700; height: 46px; line-height: 22px; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
main .d-teacher-classrooms .d-card-projects .d-card .d-header .project-title:hover { text-decoration: underline; }

main .d-teacher-classrooms .d-card-projects .d-card .d-body { padding-left: 15px; padding-right: 15px; }
main .d-teacher-classrooms .d-card-projects .d-card .d-body .actions-btn{ text-align: center;}
main .d-teacher-classrooms .d-card-projects .d-card .d-body .actions-btn a{ color: #2196F3; }
main .d-teacher-classrooms .d-card-projects .d-card .d-body .actions-btn span{ color: silver; }
main .d-teacher-classrooms .d-card-projects .d-card.new{ background: url(img/classroom-project/card-add-project.png); background-position-y: -3px;height: 596px;background-repeat: no-repeat;}
main .d-teacher-classrooms .d-card-projects .d-card.new .btn-add-project{ position: absolute; top: 45px; width: 229px; height: 56px; background: url(img/btn-add.png); font-family: 'akaPosse'; font-size: 21px; left: 70px; line-height: 50px; color: #32240b; text-transform: uppercase; } 
main .d-teacher-classrooms .d-card-projects .d-card.new .disabled-label-dark { color: #7b736d; } 
main .d-teacher-classrooms .d-card-projects .d-card.new .disabled-label { color: #c7bbb0; } 
main .d-teacher-classrooms .d-card-projects .d-card.new .d-info { color: #32240b; font-size: 18px; position: absolute; top: 150px; left: 167px; line-height: 27px; width: 150px; text-align: left;} 
main .d-teacher-classrooms .d-card-projects .d-card.empty{ cursor: pointer; background: url(img/classroom-project/bg-project-0.png);}


main .d-teacher-classrooms .d-card-projects .d-card .icon{ cursor:pointer; width: 95px; height: 137px; margin: 0 auto; margin-bottom: 10px; background: url(img/image-project.png) no-repeat; background-size: 100%; background-position: center center; position: absolute; top: 128px; left: 38px; }
main .d-teacher-classrooms .d-card-projects .d-card .icon:hover{ border: 1px solid #902b2b; color: #902b2b }
main .d-teacher-classrooms .d-card-projects .d-card.finished .icon{ top: 130px; left: 39px; }
main .d-teacher-classrooms .d-card-projects .d-card .d-footer{ font-size: 20px; font-family: effloresce_bold; }
main .d-teacher-classrooms .d-card-projects .d-card .actions-btn{ display: none; }
main .d-teacher-classrooms .d-card-projects .d-card.current .actions-btn{ display: block; position: absolute; top: 381px; left: 55px; right: 50px; text-align: center; }
main .d-teacher-classrooms .d-card-projects .d-card.current .actions-btn .btn{ display: block; width: 165px; height: 30px; background: url(img/bg_btn_wood.png); color: #000; font-family: 'akaPosse'; display: inline-block; padding-top: 5px; }
main .d-teacher-classrooms .d-card-projects .d-card.current .actions-btn .btn.btn-finish{ display: inline-block; }
main .d-teacher-classrooms .d-card-projects .d-card.current .actions-btn .btn.btn-archive{ display: inline-block; }
main .d-teacher-classrooms .d-card-projects .d-card a.btn-activate{ visibility: hidden; }

main .d-teacher-classrooms .d-card-projects .d-card .d-header .label { z-index: 2; position: absolute; top: 126px; left: 161px; width: 155px; height: 90px; color: #b60909; font-family: 'Top_Secret'; font-size: 23px; -webkit-transform: rotate(-16deg); -moz-transform: rotate(-16deg); -ms-transform: rotate(-16deg); -o-transform: rotate(-16deg); line-height: 80px; }
main .d-teacher-classrooms .d-card-projects .d-card .d-header .label:hover { color: #630202; }
main .d-teacher-classrooms .d-card-projects .d-card .d-header .label.active { top: 111px; left: 158px; color: #188022; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); height: 100px; line-height: 102px; font-size: 20px;}
main .d-teacher-classrooms .d-card-projects .d-card .d-header .label.active:hover { color: #004206; }
main .d-teacher-classrooms .d-card-projects .d-card .d-header .label.next { color: #54a1c0; }
main .d-teacher-classrooms .d-card-projects .d-card .d-header .label.next:hover { color: #034965; }
main .d-teacher-classrooms .d-card-projects .d-card.next a.btn-activate{ visibility: visible; }
main .d-teacher-classrooms .d-card-projects .d-points{ position: absolute; top: 326px; left: 45px; font-family: akaPosse; font-size: 28px; color: #6b4027; 
                                                       -webkit-transform: rotate(-12deg); -moz-transform: rotate(-12deg); -ms-transform: rotate(-12deg); -o-transform: rotate(-12deg);}
main .d-teacher-classrooms .d-card-projects .d-points-label{ position: absolute; top: 384px; left: 50px; font-size: 16px; font-family: effloresce_bold; }
main .d-teacher-classrooms .d-card-projects .d-label-research{ position: absolute; top: 384px; left: 143px; font-size: 16px; font-family: effloresce_bold; }
main .d-teacher-classrooms .d-card-projects .d-label-resolved{ position: absolute; top: 384px; left: 245px; font-size: 16px; font-family: effloresce_bold; }
main .d-teacher-classrooms .d-card-projects .d-points-next{ position: absolute; top: 335px; left: 229px; font-family: akaPosse; font-size: 38px; color: #6b4027; -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); -ms-transform: rotate(12deg); -o-transform: rotate(12deg); }
main .d-teacher-classrooms .d-card-projects .d-points-next-label{ position: absolute; top: 325px; left: 135px; font-family: akaPosse; font-size: 20px; color: #6b4027; -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); -ms-transform: rotate(12deg); -o-transform: rotate(12deg); width: 95px; text-align: left; line-height: 18px; }
main .d-teacher-classrooms .d-card-projects .d-diploma-btn{ position: absolute; top: 342px; left: 96px; font-family: akaPosse; font-size: 25px; color: #cfa150; }
main .d-teacher-classrooms .d-card-projects .d-print-btn{ position: absolute; top: 350px; left: 242px; color: #fff; font-size: 18px; }
main .d-teacher-classrooms .d-card-projects .d-print-area-btn{ position: absolute; top: 320px; left: 20px; right: 20px; height: 76px; }
main .d-teacher-classrooms .d-card-projects .d-activity-tasks{ color: #c69d6d; position: absolute; top: 505px; left: 34px; width: 90px; text-align: center; }
main .d-teacher-classrooms .d-card-projects .d-activity-tasks-label{ color:#ede4d0; position: absolute; top: 530px; left: 34px; width: 90px; text-align: center;  }
main .d-teacher-classrooms .d-card-projects .d-activity-tests{ color: #c69d6d; position: absolute; top: 505px; left: 129px; width: 90px; text-align: center; }
main .d-teacher-classrooms .d-card-projects .d-activity-tests-label{ color:#ede4d0; position: absolute; top: 530px; left: 128px; width: 90px; text-align: center;  }
main .d-teacher-classrooms .d-card-projects .d-activity-trophies{ color: #c69d6d; position: absolute; top: 505px; left: 223px; width: 90px; text-align: center; }
main .d-teacher-classrooms .d-card-projects .d-activity-trophies-label{ color:#ede4d0; position: absolute; top: 530px; left: 223px; width: 90px; text-align: center;  }
main .d-teacher-classrooms .d-card-projects .d-activity-clicable-area{ position: absolute; top: 430px; left: 20px; right: 20px; height: 75px; }
main .d-teacher-classrooms .d-card-projects .progress-bar-container-1{ position: absolute; top: 305px; left: 144px; width: 71px; height: 71px; }
main .d-teacher-classrooms .d-card-projects .progress-bar-container-2{ position: absolute; top: 305px; left: 239px; width: 71px; height: 71px; }
main .d-teacher-classrooms .d-card-projects .progress-bars .progress-bar{ width: 71px; height: 71px; }
main .d-teacher-classrooms .d-card-projects .progress-bar-container-1 .progressbar-text,
main .d-teacher-classrooms .d-card-projects .progress-bar-container-2 .progressbar-text{ color: #000 !important;     font-size: 14px !important; font-family: effloresce_bold; }

main .d-teacher-classrooms .d-card-projects .d-change-status{ position: absolute; top: 91px; left: 18px; display: none; width: 309px; height: 460px; background: url(img/classroom-project/bg-project-change-state.png) no-repeat; background-color: #e6d9bf; border-radius: 5px; background-position: 0 20px; z-index: 5; background-position: 0px; }
main .d-teacher-classrooms .d-card-projects .d-change-status .d-changestatus-title{ position: absolute; top: 50px; color: #e4d6bd; font-family: Top_Secret_Stamp; left: 10px; right: 10px; text-align: center; font-size: 17px;}
main .d-teacher-classrooms .d-card-projects .d-change-status .d-changestatus-status-1-msg,
main .d-teacher-classrooms .d-card-projects .d-change-status .d-changestatus-status-2-msg{ position: absolute; font-family: 'effloresce_bold'; color: #371c0b; line-height: 20px; height: 70px; overflow: hidden; text-align: left; left: 15px; right: 15px; }
main .d-teacher-classrooms .d-card-projects .d-change-status .d-changestatus-status-1-msg{ top: 95px; }
main .d-teacher-classrooms .d-card-projects .d-change-status .d-changestatus-status-2-msg{ top: 265px; }
main .d-teacher-classrooms .d-card-projects .d-change-status .d-btn{ cursor: pointer; position: absolute; left: 75px; width: 162px; height: 52px; background: url(img/classroom-project/btn-blue.png); font-family: akaPosse; color: #e1d3ba; font-size: 23px; line-height: 45px; }
main .d-teacher-classrooms .d-card-projects .d-change-status .d-btn.red{ background: url(img/classroom-project/btn-red.png); }
main .d-teacher-classrooms .d-card-projects .d-change-status .d-btn.green{ background: url(img/classroom-project/btn-green.png); }
main .d-teacher-classrooms .d-card-projects .d-change-status .d-changestatus-status-1-btn{ top: 182px; }
main .d-teacher-classrooms .d-card-projects .d-change-status .d-changestatus-status-2-btn{ top: 352px; }
main .d-teacher-classrooms .d-card-projects .d-change-status .d-changestatus-btn-cancel{ position: absolute; top: 420px; left: 80px; right: 80px; }

/* teacher classroom projects --> MODA ARCHIVED */
#modal-container .d-modal-classroom-project-archived{ width: 670px; height: 460px; }
#modal-container .d-modal-classroom-project-archived .d-modal-header{ position: absolute; top: 20px; left: 20px; right: 20px; text-align: center; color: #3e2e20; line-height: 35px; }
#modal-container .d-modal-classroom-project-archived .d-modal-header .d-modal-header-title{ font-family: "cinzel_decorative_700"; font-size: 25px;  }
#modal-container .d-modal-classroom-project-archived .d-modal-header .d-modal-header-sub-title{ font-size: 19px;  }
#modal-container .d-modal-classroom-project-archived .d-modal-list{ width: 621px; height: 300px; border: 2px solid #c1b78e; position: absolute; top: 105px; left: 28px; padding: 5px; overflow-y: auto; }
#modal-container .d-modal-classroom-project-archived .d-modal-list .d-classroom { position: relative; display: block; width: 100%; height: 174px; min-width: 400px; border-bottom: 1px solid #dedede; }
#modal-container .d-modal-classroom-project-archived .d-modal-list .d-classroom .icon{ position: absolute; z-index: 3; top: 17px; left: 17px; width: 95px; height: 138px; background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url(img/ico-add-image.png); }
#modal-container .d-modal-classroom-project-archived .d-modal-list .d-classroom .icon-bg{ width: 129px; height: 174px; position: absolute; z-index: 2; background: url(img/classroom-project/bg-book.png); top: 0px; left: 0px; }
#modal-container .d-modal-classroom-project-archived .d-modal-list .d-classroom .info{ position: absolute; min-width: 300px; left: 145px; top: 20px; line-height: 30px; }
#modal-container .d-modal-classroom-project-archived .d-modal-list .d-classroom .info .name{ font-family: 'cinzel_decorative_700'; font-size: 21px; padding-right: 20px; }
#modal-container .d-modal-classroom-project-archived .d-modal-list .d-classroom .info .added-at .label{ font-family: 'akaPosse'; }
#modal-container .d-modal-classroom-project-archived .d-modal-list .d-classroom .info .last-state{ font-family: 'Top_Secret'; font-size: 20px; }
#modal-container .d-modal-classroom-project-archived .d-modal-list .d-classroom .info .last-state .active{ color: #188022; }
#modal-container .d-modal-classroom-project-archived .d-modal-list .d-classroom .info .last-state .next{ color: #2196F3; }
#modal-container .d-modal-classroom-project-archived .d-modal-list .d-classroom .info .last-state .finished{ color: #ba2c0c; }
#modal-container .d-modal-classroom-project-archived .d-modal-list .d-classroom .info .archived-at .label{ font-family: 'akaPosse'; }
#modal-container .d-modal-classroom-project-archived .d-modal-list .d-classroom .simple-checkbox{ float: right; margin-top: 15px; margin-right: 15px; }
#modal-container .d-modal-classroom-project-archived .d-modal-footer{ position: absolute; bottom: 8px; left: 8px; right: 8px; height: 45px; background: #d9c8aa; text-align: right;     line-height: 47px;}
#modal-container .d-modal-classroom-project-archived .d-modal-footer a{ margin-right: 20px; }


/* classroom projects --> MODAL IMPRIMIBLES */
#modal-container .d-modal-classroom-imprimibles{ width: 593px; height: 468px; }
#modal-container .d-modal-classroom-imprimibles .d-modal-header{ position: absolute; top: 20px; left: 20px; right: 20px; text-align: center; color: #3e2e20; line-height: 35px; }
#modal-container .d-modal-classroom-imprimibles .d-modal-header .d-modal-header-title{ font-family: "cinzel_decorative_700"; font-size: 25px;  }
#modal-container .d-modal-classroom-imprimibles .d-modal-header .d-modal-header-sub-title{ font-size: 18px; text-align: left; line-height: 25px; margin-top: 10px; margin-left: 20px; margin-right: 20px; }

#modal-container .d-modal-classroom-imprimibles .d-modal-list{ margin-top: 120px; margin-left: 8px; }
#modal-container .d-modal-classroom-imprimibles.student .d-modal-list{ margin-top: 120px; margin-left: 150px; }
#modal-container .d-modal-classroom-imprimibles .d-modal-list.column-2{ position: absolute; top: 27px; left: 305px; }
#modal-container .d-modal-classroom-imprimibles .btn-agencia,
#modal-container .d-modal-classroom-imprimibles .btn-detectives,
#modal-container .d-modal-classroom-imprimibles .btn-carnet-detectives,
#modal-container .d-modal-classroom-imprimibles .btn-fichas-de-privilegio,
#modal-container .d-modal-classroom-imprimibles .btn-fichas-de-lectura,
#modal-container .d-modal-classroom-imprimibles .btn-decalogo{ width: 259px; height: 79px; z-index: 1; }
#modal-container .d-modal-classroom-imprimibles .btn-agencia span,
#modal-container .d-modal-classroom-imprimibles .btn-detectives span,
#modal-container .d-modal-classroom-imprimibles .btn-fichas-de-privilegio span,
#modal-container .d-modal-classroom-imprimibles .btn-fichas-de-lectura span,
#modal-container .d-modal-classroom-imprimibles .btn-carnet-detectives span,
#modal-container .d-modal-classroom-imprimibles .btn-decalogo span{ float: left; margin: 25px 5px 5px 66px; font-size: 16px; font-family: 'effloresce_bold'; color: #cfa150; line-height: 20px; }
#modal-container .d-modal-classroom-imprimibles .btn-agencia                { background: url(img/classroom/bt-print-1.png); }
#modal-container .d-modal-classroom-imprimibles .btn-detectives             { background: url(img/classroom/bt-print-2.png); }
#modal-container .d-modal-classroom-imprimibles .btn-carnet-detectives      { background: url(img/classroom/bt-print-5.png); }
#modal-container .d-modal-classroom-imprimibles .btn-decalogo               { background: url(img/classroom/bt-print-4.png); }
#modal-container .d-modal-classroom-imprimibles .btn-fichas-de-lectura      { background: url(img/classroom/bt-print-3.png); }
#modal-container .d-modal-classroom-imprimibles .btn-fichas-de-privilegio   { background: url(img/classroom/bt-print-6.png); }
#modal-container .d-modal-classroom-imprimibles .d-modal-footer{ position: absolute; bottom: 8px; left: 8px; right: 8px; height: 50px; background: #d9c8aa; text-align: right;     line-height: 47px;}
#modal-container .d-modal-classroom-imprimibles .d-modal-footer a{ margin-right: 30px; margin-top: 7px; }

/* classroom projects --> MODAL project status */


/* MODAL EPISODES */
#modal-container .d-modal-classroom-episodes{ width: 680px; height: 400px; }
#modal-container .d-modal-classroom-episodes .d-container.episode { position: relative; }
#modal-container .d-modal-classroom-episodes .d-container.episode .episode-title{ font-weight: bold; color: #3e2e20; text-align: left; text-transform: uppercase; font-size: 18px;     margin: 0px 0px 10px 10px; }
#modal-container .d-modal-classroom-episodes .d-container.episode .episode-number{ font-family: akaposse; color: #c7baac; text-align: left; margin: 0px; position: absolute; top: 10px; left: 30px; font-size: 20px; }
#modal-container .d-modal-classroom-episodes .d-container.episode .episode-name{ color: #dec069; font-family: akaposse; text-align: left; margin: 0px; position: absolute; top: 31px; left: 30px; font-size: 24px; }
#modal-container .d-modal-classroom-episodes .d-container.episode .episode-description{ color: #fff; text-align: left; position: absolute; top: 65px; left: 30px; right: 20px; }
#modal-container .d-modal-classroom-episodes .d-container.episode .episode-selection-message{ position: absolute; top: 120px; left: 30px; color: #dac9ab; }
#modal-container .d-modal-classroom-episodes .d-container.episode .btn-bitmap{ width: 36px; height: 36px; background: url(img/episodes/bt-next.png); position: absolute; top: 105px; right: -38px; cursor: pointer; }
#modal-container .d-modal-classroom-episodes .d-container.episode .btn-bitmap.prev{ width: 36px; height: 36px; background: url(img/episodes/bt-prev.png); right: auto; left: -35px; }
#modal-container .d-modal-classroom-episodes .d-container.episode .episode-nav { position: absolute; top: 0; right: 20px; }
#modal-container .d-modal-classroom-episodes .d-container.episode .episode-nav .d-nav{ display: inline-block; width: 13px; height: 12px; background: url(img/episodes/ico-nav.png); margin-left: 5px; }
#modal-container .d-modal-classroom-episodes .d-container.episode .episode-nav .d-nav.active{ background: url(img/episodes/ico-nav-active.png); }
#modal-container .d-modal-classroom-episodes .d-container.episode .d-episode-card{ background: url(img/episodes/bg.png); background-size: cover; height: 260px; width: 595px; margin-left: 20px; position: relative; }
#modal-container .d-modal-classroom-episodes .d-container.episode .d-episode-card .episode-video{ position: absolute; color: #FFF; width: 135px; height: 90px; top: 145px; left: 30px; }
#modal-container .d-modal-classroom-episodes .d-container.episode .d-episode-card .episode-video.end{ left: 190px; }
#modal-container .d-modal-classroom-episodes .d-container.episode .d-episode-card .episode-video .episode-video-image{ width: 125px; height: 65px; background: url(img/episodes/video-start.png); background-size: cover; cursor: pointer; }
#modal-container .d-modal-classroom-episodes .d-container.episode .d-episode-card .episode-video .episode-video-image:before{ content: ''; position: absolute; width: 46px; height: 46px; background: url(img/episodes/ico-play.png); top: 8px; left: 40px; }
#modal-container .d-modal-classroom-episodes .d-container.episode .d-episode-card .episode-video.end .episode-video-image{ background: url(img/episodes/video-end.png); background-size: cover; }

#modal-container .d-modal-classroom-episodes .d-container.episode .d-episode-card .episode-videos.episode-videos-type-2 .episode-video.start .episode-video-image{ background: url(img/episodes/ep2-video-start.png); }
#modal-container .d-modal-classroom-episodes .d-container.episode .d-episode-card .episode-videos.episode-videos-type-2 .episode-video.end .episode-video-image{ background: url(img/episodes/ep2-video-end.png); }

#modal-container .d-modal-classroom-episodes .d-container.episode .d-episode-card .episode-videos.episode-videos-type-3 .episode-video.start .episode-video-image{ background: url(img/episodes/ep3-video-start.png); }
#modal-container .d-modal-classroom-episodes .d-container.episode .d-episode-card .episode-videos.episode-videos-type-3 .episode-video.end .episode-video-image{ background: url(img/episodes/ep3-video-end.png); }

#modal-container .d-modal-classroom-episodes .d-container.episode .d-episode-card .episode-videos.episode-videos-type-4 .episode-video.start .episode-video-image{ background: url(img/episodes/ep4-video-start.png); }
#modal-container .d-modal-classroom-episodes .d-container.episode .d-episode-card .episode-videos.episode-videos-type-4 .episode-video.end .episode-video-image{ background: url(img/episodes/ep4-video-end.png); }

.egreyscall{
	-webkit-filter: grayscale(100%)!important;
	filter: grayscale(100%)!important;
}
.egreyscall:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 121%;
	top: -2px;
	left: -3px;
	z-index: 9;
	cursor: default;
}

#modal-container .d-modal-classroom-episodes .d-container.episode .d-episode-card .episode-video .simple-checkbox{ position: absolute; bottom: -5px; }
#modal-container .d-modal-classroom-episodes .d-container.episode .d-episode-card .episode-video .simple-checkbox label{  padding-top: 5px; padding-left: 35px; }
#modal-container .d-modal-classroom-episodes .d-modal-footer { position: absolute; bottom: 20px; left: 30px; right: 30px; }
#modal-container .d-modal-classroom-episodes .d-modal-footer .btn-submit{ float: right; }
#modal-container .d-modal-classroom-episodes .d-modal-footer .btn-discard{ float: left; margin-top: 10px; }
/* END MODAL EPISODES */


#modal-container .d-modal-project-status{ width: 455px; height: 400px; }
#modal-container .d-modal-project-status .d-modal-header{ position: absolute; top: 20px; left: 20px; right: 20px; text-align: center; color: #3e2e20; line-height: 35px; }
#modal-container .d-modal-project-status .d-modal-header .d-modal-header-title{ font-family: "cinzel_decorative_700"; font-size: 25px;  }
#modal-container .d-modal-project-status .d-modal-header .d-modal-header-sub-title{ font-size: 18px; text-align: left; line-height: 25px; margin-top: 20px; margin-left: 20px; margin-right: 20px; }

#modal-container .d-modal-project-status .d-modal-list{ margin-top: 60px; margin-left: 35px; margin-right: 35px; }
#modal-container .d-modal-project-status .d-modal-list .d-btn{ cursor: pointer; left: 75px; width: 162px; height: 52px; background: url(img/classroom-project/btn-blue.png); font-family: akaPosse; color: #e1d3ba; font-size: 23px; line-height: 45px; text-align: center; margin-bottom: 30px; margin-left: 80px; margin-top: 10px; }
#modal-container .d-modal-project-status .d-modal-list .d-btn.red{ background: url(img/classroom-project/btn-red.png); }
#modal-container .d-modal-project-status .d-modal-list .d-btn.green{ background: url(img/classroom-project/btn-green.png); }
#modal-container .d-modal-project-status .d-modal-list .d-changestatus-status-1-btn{ top: 182px; }
#modal-container .d-modal-project-status .d-modal-list .d-changestatus-status-2-btn{ top: 352px; }

#modal-container .d-modal-project-status .d-modal-footer{ position: absolute; bottom: 8px; left: 8px; right: 8px; height: 50px; background: #d9c8aa; text-align: right; line-height: 47px;}
#modal-container .d-modal-project-status .d-modal-footer a{ margin-right: 30px; margin-top: 7px; }

/* teacher classroom projects --> MODAL EDIT PROJECT */
#modal-container .modal.d-classroom-project-form { width: 660px; height: 460px; }
#modal-container .modal.d-classroom-project-form .d-header{ }
#modal-container .modal.d-classroom-project-form .d-header .d-close{ cursor: pointer; position: absolute; width: 25px; height: 25px; right: 20px; top: 20px; background: url(img/classroom-project-activity/btn_cerrar.png); }
#modal-container .modal.d-classroom-project-form .modal-content{ overflow: hidden; }
#modal-container .modal.d-classroom-project-form .d-header{ display: block; text-align: center; background: url(img/bg_admin_class_tab.png); height: 50px; position: absolute; top: 8px; left: 8px; right: 8px; }
#modal-container .modal.d-classroom-project-form .d-header .d-title{ font-family: cinzel_decorative_700; font-size: 19px; color: #FFF; line-height: 51px; }
#modal-container .modal.d-classroom-project-form .d-content{ margin-top: 50px; }
#modal-container .modal.d-classroom-project-form .d-content{ position: absolute; left: 40px; right: 0; bottom: 20px; top: 20px; overflow: hidden; }
#modal-container .modal.d-classroom-project-form .d-content .d-content-form{ position: absolute; top: 32px; left: 148px; }
#modal-container .modal.d-classroom-project-form .d-content .d-image-container{ margin-top: 10px; }

#modal-container .modal.d-classroom-project-form .d-row { display: block; margin-bottom: 15px; }
#modal-container .modal.d-classroom-project-form .d-row .input-field{ display: inline-block; }
#modal-container .modal.d-classroom-project-form input[type="file"]{ visibility: hidden; }
#modal-container .modal.d-classroom-project-form .d-row .input-field input,
#modal-container .modal.d-classroom-project-form .d-row .input-field textarea{ width: 310px; max-width: 310px; }
#modal-container .modal.d-classroom-project-form .d-row .input-field textarea{ height: 240px; max-height: 240px; }
#modal-container .modal.d-classroom-project-form .d-row .label{ text-align: right; width: 110px; color: #8d401a; vertical-align: top; font-family: 'effloresce_bold'; display: inline-block; line-height: 30px; }
#modal-container .modal.d-classroom-project-form .d-row .btn-choose-image{ cursor: pointer; position: relative; }
#modal-container .modal.d-classroom-project-form .d-row .btn-choose-image:before{ content: ''; position: absolute; width: 127px; height: 172px; background: url(img/marco-libro.png); top: 0; left: 0; }
#modal-container .modal.d-classroom-project-form .d-row .btn-choose-image.disabled{ display:none; }
#modal-container .modal.d-classroom-project-form .d-row .d-icon{background-size: 100% 100%; position: absolute; width: 95px; color: #614431; height: 136px; font-family: 'effloresce_bold'; display: inline-block; line-height: 30px; right: 0; text-align: center; top: 17px; left: 16px;}
#modal-container .modal.d-classroom-project-form .d-row .d-icon-label{ position: absolute; width: 136px; color: #8d401a; top: 176px; font-family: 'effloresce_bold'; display: inline-block; line-height: 30px; left: 0; right: 0; text-align: center; }
#modal-container .modal.d-classroom-project-form .d-row .d-upload-progress-info{ display: none; }
#modal-container .modal.d-classroom-project-form .d-row .d-upload-progress-info.active{ display: inline-block; margin-left: 10px; margin-top: 8px; color: darkred; font-family: special_elite; font-size: 19px; }
#modal-container .modal.d-classroom-project-form .modal-footer { position: absolute; bottom: 8px; left: 8px; right: 8px; height: 50px; background: #e2d1b4; text-align: right;}
#modal-container .modal.d-classroom-project-form .modal-footer a.btn{ display: inline-block; margin: 9px; margin-right: 20px;}
#modal-container .modal.d-classroom-project-form .modal-footer a.btn.btn-cancelar{ float: left; font-weight: bold; margin: 15px 0px 0px 20px; }

/* Modal Profile */
#modal-container .modal.d-profile-form { width: 660px; height: 420px; }
#modal-container .modal.d-profile-form .modal-content{ overflow: hidden; }
#modal-container .modal.d-profile-form .d-header{ width: 100%; display: block; text-align: center; }
#modal-container .modal.d-profile-form .d-header .d-title{ font-family: akaPosse; font-size: 27px; }
#modal-container .modal.d-profile-form .d-content{ margin-top: 30px; }

#modal-container .modal.d-profile-form .d-row { display: block; margin-bottom: 15px; }
#modal-container .modal.d-profile-form .d-row.d-student { display: none; }
#modal-container .modal.d-profile-form .d-row .input-field{ display: inline-block; }
#modal-container .modal.d-profile-form input[type="file"]{ visibility: hidden; }
#modal-container .modal.d-profile-form .d-row .input-field input,
#modal-container .modal.d-profile-form .d-row .input-field textarea{ width: 420px; }
#modal-container .modal.d-profile-form .d-row .label{ text-align: right; width: 160px; color: #614431; vertical-align: top; font-family: 'effloresce_bold'; display: inline-block; line-height: 30px; }
#modal-container .modal.d-profile-form .d-row .btn-choose-image{ cursor: pointer;  }
#modal-container .modal.d-profile-form .d-row .btn-choose-image.disabled{ display:none; }
#modal-container .modal.d-profile-form .d-row .d-icon{ width: 100px; height: 100px; background-size: 100%; background-repeat: no-repeat; background-position: center; background-image: url(img/ico-add-image.png); border-radius: 50%; background-color: #606d75; border: 2px solid #666666; margin-left: 11px; }
#modal-container .modal.d-profile-form .d-row .d-icon-label{width: 160px; color: #614431; vertical-align: top; font-family: 'effloresce_bold'; display: inline-block; line-height: 30px; }
#modal-container .modal.d-profile-form .d-row .d-upload-progress-info{ display: none; }
#modal-container .modal.d-profile-form .d-row .d-upload-progress-info.active{ display: inline-block; margin-left: 10px; margin-top: 8px; color: darkred; font-family: special_elite; font-size: 19px; }
#modal-container .modal.d-profile-form .modal-footer { position: absolute; bottom: 8px; left: 8px; right: 8px; height: 50px; background: #e2d1b4; text-align: right;}
#modal-container .modal.d-profile-form .modal-footer a.btn{ display: inline-block; margin: 9px; }
#modal-container .modal.d-profile-form .modal-footer a.btn.btn-submit{ margin-right: 30px;}
#modal-container .modal.d-profile-form .modal-footer a.btn.default{ padding: 5px 19px; border-radius: 25px; }
#modal-container .modal.d-profile-form .modal-footer a.btn.default:hover{ padding: 5px 19px; background: #c8b89c; }

/* teacher classroom project STUDENTS */
main .d-teacher-classrooms .d-card-students{ display: block; padding-top: 75px; position: relative; text-align: center; }
main .d-teacher-classrooms .d-card-students .d-card { width: 326px; height: 477px; margin-right: 2%; display: inline-block; position: relative; margin-bottom: 15px; background: url(img/classroom-project-students/bg-card.png) no-repeat; }
main .d-teacher-classrooms .d-card-students .d-card .d-header .actions { position: absolute; right: 17px; top: 17px; }
main .d-teacher-classrooms .d-card-students .d-card .d-header .actions .btn-config{ width: 28px; height: 28px; background: url(img/classroom-project-students/ico-config.png); }
main .d-teacher-classrooms .d-card-students .d-card .d-linked{ position: absolute; top: 14px; left: 17px;  }
main .d-teacher-classrooms .d-card-students .d-card .d-linked .d-icon{ display: inline-block; width: 34px; height: 34px; background: url(img/classroom-project-students/ico-link.png); }
main .d-teacher-classrooms .d-card-students .d-card .d-linked .d-status{ color: #99c54d; display: inline-block; vertical-align: top; margin-top: 8px; }
main .d-teacher-classrooms .d-card-students .d-card .d-linked.not-linked{  }
main .d-teacher-classrooms .d-card-students .d-card .d-linked.not-linked .d-status{ color: #f1d183; }
main .d-teacher-classrooms .d-card-students .d-card .d-linked.not-linked .d-icon{ background: url(img/classroom-project-students/ico-no-link.png); }
main .d-teacher-classrooms .d-card-students .d-card .d-student-name{ position: absolute; top: 385px; left: 24px; right: 24px; text-align: center; font-size: 25px; }
main .d-teacher-classrooms .d-card-students .d-card.without-alias .d-student-name{ top: 397px;  }
main .d-teacher-classrooms .d-card-students .d-card .without-alias{ position: absolute; top: 417px; left: 24px; right: 24px; font-size: 19px; color: silver; }
main .d-teacher-classrooms .d-card-students .d-card .without-alias{ display: none; }
main .d-teacher-classrooms .d-card-students .d-card .with-alias{ position: absolute; top: 417px; left: 24px; right: 24px; font-size: 19px; color: silver; }
main .d-teacher-classrooms .d-card-students .d-card .d-label-points{ line-height: 25px; color: #cfa150; font-family: akaPosse; text-align: center; position: absolute; width: 100px; height: 51px; top: 337px; left: 41px; font-size: 20px; }
main .d-teacher-classrooms .d-card-students .d-card .d-label-cromos{ line-height: 25px; color: #cfa150; font-family: akaPosse; text-align: center; position: absolute; width: 100px; height: 51px; top: 337px; left: 181px; font-size: 20px;}
main .d-teacher-classrooms .d-card-students .d-card .d-points{ line-height: 25px; font-family: akaPosse; font-size: 27px; text-align: center; position: absolute; top: 312px; left: 42px; width: 100px; height: 51px; color: #FFF; }
main .d-teacher-classrooms .d-card-students .d-card .d-cromos{ line-height: 25px; font-family: akaPosse; font-size: 27px; text-align: center; position: absolute; top: 312px; left: 181px; width: 100px; height: 51px; color: #FFF; }
main .d-teacher-classrooms .d-card-students .d-card .d-student-icon { top: 72px; left: 76px; }
main .d-teacher-classrooms .d-card-students .d-card .dropdown{ left: 197px; z-index: 1; }
main .d-teacher-classrooms .d-card-students .d-card.new { background: url(img/classroom-project-students/empty-detective.png) no-repeat; cursor: pointer; }
main .d-teacher-classrooms .d-card-students .d-card.new .btn-new-student{ position: absolute; top: 385px; width: 229px; height: 56px; background: url(img/btn-add.png); font-family: 'akaPosse'; font-size: 21px; left: 50px; line-height: 48px; color: #32240b; }

/* modal new students */
#modal-container .modal.d-modal-classroom-project-students{ width: 750px; height: 480px; }
#modal-container .modal.d-modal-classroom-project-students .d-header{ background: url(img/bg_admin_class_tab.png) repeat-x; height: 50px; position: absolute; text-align: center; top: 8px; left: 8px; right: 8px; font-size: 19px; font-family: cinzel_decorative_700; color: #fff; line-height: 48px; }
#modal-container .modal.d-modal-classroom-project-students .d-sub-header { margin-top: 55px; margin-bottom: 0; text-align: left; }
#modal-container .modal.d-modal-classroom-project-students .d-sub-header .title{ color: #3e2e20; text-align: left; padding-left: 5px; font-family: cinzel_decorative_700; display: inline-block; }
#modal-container .modal.d-modal-classroom-project-students .d-sub-header .btn-import{ float: right; margin-right: 19px; color: #7e4222; }
#modal-container .modal.d-modal-classroom-project-students .d-add-student { padding-bottom: 10px; margin-top: 20px; text-align: left; padding-left: 5px;}
#modal-container .modal.d-modal-classroom-project-students .d-add-student .d-apynom{ font-size: 18px; color: #7e4222; display: inline-block; }
#modal-container .modal.d-modal-classroom-project-students .d-add-student .d-form{ display: inline-block; }
#modal-container .modal.d-modal-classroom-project-students .d-add-student .input-field{ display: inline-block; width: 383px; margin-right: 20px; border-bottom: 1px solid #eeeeee;  }
#modal-container .modal.d-modal-classroom-project-students .d-add-student .input-field input{ width: 380px; display: inline-block; border: none; background: transparent; border-bottom: 1px solid #c1b78e; font-size: 18px; margin-left: 10px;}
#modal-container .modal.d-modal-classroom-project-students .d-add-student a{ display: inline-block; }
#modal-container .modal.d-modal-classroom-project-students .d-list { position: relative; }
#modal-container .modal.d-modal-classroom-project-students .d-list .amount-students{ color: #292221; padding-top: 11px; position: absolute; top: 279px; height: 34px; padding-left: 35px; left: 0px; text-align: left; z-index: 1; }
#modal-container .modal.d-modal-classroom-project-students .d-list .linked{ padding-top: 5px; position: absolute; height: 35px; padding-right: 35px; width: 422px; top: 281px; left: 120px; z-index: 1; }
#modal-container .modal.d-modal-classroom-project-students .d-list .linked span{ float: right; color: #000; margin-top: 4px; }
#modal-container .modal.d-modal-classroom-project-students .d-list .linked .connect-progress { float: left; width: 230px; height: 31px; background: url(img/classroom-project-students/bg-linked-progress.png); }
#modal-container .modal.d-modal-classroom-project-students .d-list .linked .connect-progress .bar-progress{ position: absolute; top: 16px; left: 14px; border-radius: 15px; width: 200px; }

#modal-container .modal.d-modal-classroom-project-students .d-list ul.collection{ width: 699px; height: 274px; overflow-y: auto; list-style: none; margin: 0px 0px 0px 10px; padding: 0; }
#modal-container .modal.d-modal-classroom-project-students .d-list ul.collection .collection-item{ text-align: left; width: 100%; height: 65px; padding: 0; position: relative; border-bottom: 1px solid #dedede; }
#modal-container .modal.d-modal-classroom-project-students .d-list ul.collection .collection-item .student { display: block;  }
#modal-container .modal.d-modal-classroom-project-students .d-list ul.collection .collection-item .student .icon{ width: 55px; height: 58px; background: url(img/ico-detective.png); position: absolute; top: 5px; left: 5px; }
#modal-container .modal.d-modal-classroom-project-students .d-list ul.collection .collection-item .student .icon.circle{ width: 50px; height: 50px;  border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; display: inline-block; border: 2px solid #684730; background-position: center; background-size: 100%; background-repeat: no-repeat; }
#modal-container .modal.d-modal-classroom-project-students .d-list ul.collection .collection-item .student span{ position: absolute; top: 23px; left: 80px; font-family: effloresce_bold; }
#modal-container .modal.d-modal-classroom-project-students .d-list ul.collection .collection-item .actions { position: absolute; top: 10px; right: 10px; }
#modal-container .modal.d-modal-classroom-project-students .d-list ul.collection .collection-item .actions .icon-action{ display: inline-block; }
#modal-container .modal.d-modal-classroom-project-students .d-list ul.collection .collection-item .actions .icon-action.code{ width: 35px; height: 35px; background: url(img/ico_key.png); }
#modal-container .modal.d-modal-classroom-project-students .d-list ul.collection .collection-item .actions .icon-action.config{ width: 29px; height: 29px; background: url(img/ico_config2.png); }
#modal-container .modal.d-modal-classroom-project-students .d-list ul.collection .collection-item .actions .icon-action.remove{ width: 29px; height: 34px; background: url(img/ico_remove.png); }

#modal-container .modal.d-modal-classroom-project-students .d-list ul.collection .collection-item.s-linked .student .tooltipped { display: block;  color: silver; font-size: .8em; line-height: .8em; position: absolute; top: 41px; left: 79px; }
#modal-container .modal.d-modal-classroom-project-students .d-list ul.collection .collection-item:last-child{ border-bottom: 1px solid #e0e0e0 }
#modal-container .modal.d-modal-classroom-project-students .d-list ul.collection .collection-item:hover{ background: #f0f0f0; }
#modal-container .modal.d-modal-classroom-project-students .d-footer{ position: absolute; bottom: 8px; left: 8px; right: 8px; height: 45px; background: #e2d1b4; }
#modal-container .modal.d-modal-classroom-project-students .d-footer .btn-finish{ float: right; margin: 5px; margin-right: 40px; }

/* modal student form */
#modal-container .d-classroom-project-student-form { width: 690px; height: 450px; }
#modal-container .d-classroom-project-student-form .d-header { background: url(img/bg_admin_class_tab.png) repeat-x; height: 50px; position: absolute; text-align: center; top: 8px; left: 8px; right: 8px; font-size: 19px; font-family: cinzel_decorative_700; color: #fff; line-height: 48px; }
#modal-container .d-classroom-project-student-form .d-form input{ width: 300px; }
#modal-container .d-classroom-project-student-form .d-form .row{ margin:0; padding: 0; padding-bottom: 10px; height: 40px; display: block; }
#modal-container .d-classroom-project-student-form .d-form .row .col{ margin:0; padding: 0; display: inline-block; max-width: 310px; }
#modal-container .d-classroom-project-student-form .d-form .row .col.label{ width: 100px; text-align: right; color: #7c4222; font-family: 'effloresce_bold'; }
#modal-container .d-classroom-project-student-form .d-form .row .col label{ font-size: 1em; }
#modal-container .d-classroom-project-student-form .student-avatar{ position:absolute; top: 60px; left: 28px;  }
#modal-container .d-classroom-project-student-form .student-card-info{ position: absolute; top: 340px; left: 29px; width: 210px; font-size: 17px; color: #414d32; }
#modal-container .d-classroom-project-student-form .student-card-big{ position:absolute; top: 318px; left: 256px; width: 419px; height: 85px; background: url(img/classroom-project-students/btn-carnet.png);  }
#modal-container .d-classroom-project-student-form .student-card-big .student-card-label{ cursor: pointer; position: absolute; top: 17px; left: 100px;width: 200px; height: 45px; font-family: akaPosse; font-size: 24px; color: #cfa150; line-height: 21px; }
#modal-container .d-classroom-project-student-form .student-card-big .student-card-label-print{ cursor: pointer; position: absolute; top: 30px; left: 335px; width: 200px; height: 45px; font-size: 18px; color: #fff; }
#modal-container .d-classroom-project-student-form .student-form{ position:absolute; top: 100px; left: 210px;  }
#modal-container .d-classroom-project-student-form .student-alias{ color: #666666; font-family: 'special_elite'; font-size: 18px; margin-left: 10px !important; height: 30px; vertical-align: bottom; line-height: 28px !important; }
#modal-container .d-classroom-project-student-form .btn-alias-help{ display: inline-block; width: 30px; height: 31px; background: url(img/btn_help.png); vertical-align: middle; cursor: pointer;}
#modal-container .d-classroom-project-student-form .student-code-here{
    background:
        radial-gradient(circle at 0 100%, rgba(204,0,0,0) 8px, #c1b78e 7px),
        radial-gradient(circle at 100% 100%, rgba(204,0,0,0) 8px, #c1b78e 7px),
        radial-gradient(circle at 100% 0, rgba(204,0,0,0) 8px, #c1b78e 7px),
        radial-gradient(circle at 0 0, rgba(204,0,0,0) 8px, #c1b78e 7px);

    background-position: bottom left, bottom right, top right, top left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    color: #455d09; font-family: 'special_elite'; font-size: 22px; margin-left: 10px !important; width: 200px; height: 40px; line-height: 48px; text-align: center; }
#modal-container .d-classroom-project-student-form .d-form .actions{ float:right; }
#modal-container .d-classroom-project-student-form .modal-footer{ position: absolute; bottom: 8px; left: 8px; right: 8px; height: 45px; background: #e2d1b4;  }
#modal-container .d-classroom-project-student-form .modal-footer a.btn{ float: right; margin: 14px; }
#modal-container .d-classroom-project-student-form .modal-footer a.btn-remove{ float: left; margin-left: 22px; }
#modal-container .d-classroom-project-student-form .modal-footer a.btn-submit{ margin: 5px; margin-left: 20px; margin-right: 40px; }
#modal-container .d-classroom-project-student-form .btn-cancelar{ margin-right: 5px; }

/* modal students linked */
#modal-container .d-classroom-project-student-linked { width: 500px; height: 550px; }
#modal-container .d-classroom-project-student-linked .d-header { background: url(img/bg_admin_class_tab.png) repeat-x; height: 50px; position: absolute; text-align: center; top: 8px; left: 8px; right: 8px; font-size: 17px; font-family: cinzel_decorative_700; color: #fff; line-height: 48px; }
#modal-container .d-classroom-project-student-linked .linked-progress{ position:absolute; top: 65px; left: 20px;  width: 227px; height: 230px; background: url(img/classroom-project-students/bg-linked.png); }
#modal-container .d-classroom-project-student-linked .linked-progress .students-total{ position: absolute; top: 170px; left: 14px; width: 200px; text-align: center; font-family: effloresce_bold; }
#modal-container .d-classroom-project-student-linked .linked-progress .students-linked{ position: absolute; top: 194px; left: 14px; width: 200px; text-align: center; font-family: effloresce_bold;}
#modal-container .d-classroom-project-student-linked .linked-progress .bar-progress{ width: 136px; height: 136px; position: absolute; top: 16px; left: 45px; }
#modal-container .d-classroom-project-student-linked .linked-progress .bar-progress .progressbar-text{ font-size: 27px !important; color: #000 ! important;     font-family: effloresce_bold !important; }
#modal-container .d-classroom-project-student-linked .d-sub-title{ position: absolute; top: 77px; left: 260px; font-family: effloresce_bold; font-size: 19px; }
#modal-container .d-classroom-project-student-linked .d-sub-info{ position: absolute; top: 112px; left: 262px; right: 30px; line-height: 23px; }
#modal-container .d-classroom-project-student-linked .btn-get-invites{ position: absolute; top: 250px; left: 274px;}
#modal-container .d-classroom-project-student-linked .d-label-waiting{ position: absolute; top: 298px; left: 116px; width: 300px; height: 30px; background: #c1b78e; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px; line-height: 30px; }
#modal-container .d-classroom-project-student-linked .d-students-list{ position: absolute; top: 326px; left: 20px; right: 20px; height: 175px; border: 2px solid #c1b78e; overflow-y: auto; }

#modal-container .d-classroom-project-student-linked .d-student-item{ width: 100%; height: 60px; display: block; position: relative; border-bottom: 1px solid #dcdbd8; }
#modal-container .d-classroom-project-student-linked .d-student-item .icon{ width: 55px; height: 58px; background: url(img/ico-detective.png); position: absolute; top: 2px; left: 5px; }
#modal-container .d-classroom-project-student-linked .d-student-item .icon.circle{ width: 50px; height: 50px;  border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; display: inline-block; border: 2px solid #684730; background-position: center; background-size: 100%; background-repeat: no-repeat; }
#modal-container .d-classroom-project-student-linked .d-student-item span{ position: absolute; top: 23px; left: 80px; font-family: effloresce_bold; }
#modal-container .d-classroom-project-student-linked .d-student-item .actions .d-code{     background: radial-gradient(circle at 0 100%, rgba(204,0,0,0) 8px, #c1b78e 7px),
                                                                                               radial-gradient(circle at 100% 100%, rgba(204,0,0,0) 8px, #c1b78e 7px),
                                                                                               radial-gradient(circle at 100% 0, rgba(204,0,0,0) 8px, #c1b78e 7px),
                                                                                               radial-gradient(circle at 0 0, rgba(204,0,0,0) 8px, #c1b78e 7px);
                                                                                           background-position: bottom left, bottom right, top right, top left;
                                                                                           background-size: 50% 50%; background-repeat: no-repeat; color: #455d09; font-family: 'special_elite'; font-size: 18px; margin-left: 10px !important; width: 160px; height: 34px; line-height: 39px; text-align: center; position: absolute; top: 13px; left: 250px; }
#modal-container .d-classroom-project-student-linked .d-student-item .actions .btn-download{ position: absolute; top: 15px; right: 2px; width: 28px; height: 28px; background: url(img/classroom-project-students/ico-download.png); }
#modal-container .d-classroom-project-student-linked .modal-footer{ position: absolute; bottom: 8px; left: 8px; right: 8px; height: 45px; background: #e2d1b4;  }
#modal-container .d-classroom-project-student-linked .modal-footer a.btn{ float: right; margin: 7px; margin-right: 20px; }
#modal-container .d-classroom-project-student-linked .modal-footer a.btn-submit{ margin: 7px; }
#modal-container .d-classroom-project-student-linked .btn-cancelar{ margin-right: 5px; }
/* END teacher classroom project STUDENTS */

/* Teacher Admin Users */
main .d-teacher-admin-users { position: relative;     z-index: 2; }
main .d-teacher-admin-users .d-header { width: 100%; height: 50px; position: relative; font-family: 'effloresce_bold'; z-index:2; }
main .d-teacher-admin-users .d-header .d-title { position: absolute; top: 48px; left: 340px; color: #ccba99; font-size: 20px; }
main .d-teacher-admin-users .d-current-filters { position: fixed; top: 80px; left: 410px; right: 10px; height: 45px;  z-index: 3; line-height: 40px; /*white-space: nowrap;*/ }
main .d-teacher-admin-users .d-current-filters .d-filter{ margin-bottom: 10px; display: inline-block; height: 34px; border: 2px solid #585441; background: #f1e7d4; position: relative; border-radius: 20px; font-size: 18px; padding: 0px 35px 0px 12px; line-height: 35px; margin-right: 5px; }
main .d-teacher-admin-users .d-current-filters .d-filter .d-close{ cursor: pointer; content: ""; width: 30px; height: 30px; background: url(img/library-projects/bt-close.png) no-repeat; background-position: center; position: absolute; top: 2px; right: 2px; }
main .d-teacher-admin-users .d-current-filters .d-filter.all{ color: #efe5d1; background: #555240; border: 2px solid #2d291f; cursor: pointer; padding-right: 12px;}
main .d-teacher-admin-users .d-current-filters .d-filter.all .d-close{ display: none; }

main .d-teacher-admin-users .d-label-search { padding: 20px 40px; padding-bottom: 10px; }
main .d-teacher-admin-users .d-search { margin-left: 20px; margin-top: 10px; }
main .d-teacher-admin-users .d-search input { width: 250px; border-top: 2px solid #ccba99; border-left: 2px solid #ccba99; border-right: 2px solid #ad9e82; border-bottom: 2px solid #ad9e82;  height: 27px; background-color: transparent; color: #000; padding-left: 10px; padding-right: 10px; font-family: special_elite; font-size: 16px;}

main .d-teacher-admin-users .d-content{ display: block; position: relative; padding-top: 10px; }

main .d-teacher-admin-users .d-content .d-card-projects-filtersX{ position: absolute; width: 275px; top: 0px; left: 40px; z-index: 3; background: #f9f0e6; border: 2px solid #ccba99; border-radius: 2px; }
main .d-teacher-admin-users .d-content .d-card-projects-filters{ width: 359px; margin: 60px 20px 40px 17px; position: relative; }
main .d-teacher-admin-users .d-content .d-card-projects-filters:before{ content: ""; position: absolute; left: 0; top: -44px; width: 359px; height: 44px; background: url(img/library-projects/b_sup.png) no-repeat; }
main .d-teacher-admin-users .d-content .d-card-projects-filters:after{ content: ""; position: absolute; left: 0; bottom: -57px; width: 359px; height: 57px; background: url(img/library-projects/b_inf.png) no-repeat; }
main .d-teacher-admin-users .d-content .d-card-projects-filters .d-filter-content{ width: 359px; background: url(img/library-projects/b_med.png) repeat-y; min-height: 230px; }

main .d-teacher-admin-users .d-content .d-card-projects-filters .d-top-header{ position: relative; }
main .d-teacher-admin-users .d-content .d-card-projects-filters .d-top-header:before,
main .d-teacher-admin-users .d-content .d-card-projects-filters .d-top-header:after{ content: ' '; position: absolute; top:0; width: 22px; height: 26px; background: url(img/ico_corner.png); }
main .d-teacher-admin-users .d-content .d-card-projects-filters .d-top-header:before{ left: 0; }
main .d-teacher-admin-users .d-content .d-card-projects-filters .d-top-header:after{ right: 0; }
main .d-teacher-admin-users .d-content .d-card-projects-filters .btn-search{ display: block; width: 235px; height: 45px; background: url(img/library-projects/bg-add.png); font-family: 'akaPosse'; text-align: center; color: #32240b; font-size: 23px; line-height: 40px; margin: 15px auto; }

main .d-teacher-admin-users .d-content .d-info{ color: #fff; margin: 5px 0px 10px 0px; font-size: 16px; display: inline-block; vertical-align: text-bottom; line-height: 23px; }

main .d-teacher-admin-users .d-content .d-page { display: inline-block; width: 33px; height: 34px; background: url(img/case/btn-arrow.png); margin: auto; background-size: 100%; cursor: pointer; }
main .d-teacher-admin-users .d-content .d-page.d-prev-page { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";}
main .d-teacher-admin-users .d-content .d-page.disabled { opacity: .5 }
main .d-teacher-admin-users .d-content .d-users .d-empty-block{ display: block; width: 332px; height: 145px; background: url(img/library-projects/empty.png); position: relative; margin: auto; }
main .d-teacher-admin-users .d-content .d-users .d-empty-block .d-message{  position: absolute; top: 90px; left: 10px; right: 10px; text-align: center; }
main .d-teacher-admin-users .d-content .d-users { display: block; height: auto; position: relative; border: 4px solid; border-radius: 5px; background: #eee9dd; margin-right: 50px; margin-top: 5px; }
main .d-teacher-admin-users .d-content .d-users .d-user{ position: relative; min-width: 750px; height: 90px; border-bottom: 2px solid #bd9955; }
main .d-teacher-admin-users .d-content .d-users .d-user .d-icon{ width: 65px; height: 65px; display: inline-block; border: 3px solid #44240d; border-radius: 35px; background: url(img/avatar_clase.jpg) no-repeat silver; background-size: contain; position: absolute; top: 9px; left: 10px; margin-top: 5px; }
main .d-teacher-admin-users .d-content .d-users .d-user .d-name{ position: absolute; top: 10px; left: 100px; font-size: 20px; color: #44240d; font-family: effloresce_bold; }
main .d-teacher-admin-users .d-content .d-users .d-user table{ position: absolute; top: 40px; left: 97px; font-size: 16px; color: #674a39; }
main .d-teacher-admin-users .d-content .d-users .d-user span{ color: #b32b0b; }
main .d-teacher-admin-users .d-content .d-users .d-user .d-admin{ position: absolute; top: 66px; left: 100px; font-size: 16px; color: #af7f63; }
main .d-teacher-admin-users .d-content .d-users .d-user .d-role{ position: absolute; top: 35px; right: 180px; width: 130px; height: 75px; font-family: cinzel_decorative_700; font-size: 16px; text-align: center; }
main .d-teacher-admin-users .d-content .d-users .d-user .d-config{ width: 28px; height: 28px; background: url(img/admin/btn-config.png); position: absolute; top: 16px; right: 5px; }

main .d-teacher-admin-users .d-content .d-users .d-user .dropdown{ position: absolute; top: 70px; right: -25px; display: none; left: auto; z-index: 2; }
main .d-teacher-admin-users .d-content .d-users .d-user .dropdown ul{ list-style:  none; margin: 0; padding: 0;  }
main .d-teacher-admin-users .d-content .d-users .d-user .dropdown ul li { margin: 0px 10px 0px 10px; padding: 10px; cursor: pointer; text-align: center; }
main .d-teacher-admin-users .d-content .d-users .d-user .dropdown ul li a { color: #000; text-decoration: none; font-family: 'effloresce_bold'; }
main .d-teacher-admin-users .d-content .d-users .d-user .dropdown ul li:hover:not(.divider){ background: #4e1d00; }
main .d-teacher-admin-users .d-content .d-users .d-user .dropdown ul li:hover a{ color: #FFF; }
main .d-teacher-admin-users .d-content .d-users .d-user .dropdown ul li.divider{ background: url(img/bg_header_dd_separator.png) 0px 8px no-repeat; background-size: 100%; }

/* END Teacher Admin Users */

/* Teacher Admin Codes */
main .d-teacher-admin-codes { position: relative;     z-index: 2; }
main .d-teacher-admin-codes .d-header { width: 100%; height: 50px; position: relative; font-family: 'effloresce_bold'; z-index:2; }
main .d-teacher-admin-codes .d-header .d-title { position: absolute; top: 48px; left: 340px; color: #ccba99; font-size: 20px; }
main .d-teacher-admin-codes .d-current-filters { position: fixed; top: 80px; left: 410px; right: 10px; height: 45px;  z-index: 3; line-height: 40px; /*white-space: nowrap;*/ }
main .d-teacher-admin-codes .d-current-filters .d-filter{ margin-bottom: 10px; display: inline-block; height: 34px; border: 2px solid #585441; background: #f1e7d4; position: relative; border-radius: 20px; font-size: 18px; padding: 0px 35px 0px 12px; line-height: 35px; margin-right: 5px; }
main .d-teacher-admin-codes .d-current-filters .d-filter .d-close{ cursor: pointer; content: ""; width: 30px; height: 30px; background: url(img/library-projects/bt-close.png) no-repeat; background-position: center; position: absolute; top: 2px; right: 2px; }
main .d-teacher-admin-codes .d-current-filters .d-filter.all{ color: #efe5d1; background: #555240; border: 2px solid #2d291f; cursor: pointer; padding-right: 12px;}
main .d-teacher-admin-codes .d-current-filters .d-filter.all .d-close{ display: none; }

main .d-teacher-admin-codes .d-label-search { padding: 20px 40px; padding-bottom: 10px; }
main .d-teacher-admin-codes .d-search { margin-left: 20px; margin-top: 10px; }
main .d-teacher-admin-codes .d-search input { width: 250px; border-top: 2px solid #ccba99; border-left: 2px solid #ccba99; border-right: 2px solid #ad9e82; border-bottom: 2px solid #ad9e82;  height: 27px; background-color: transparent; color: #000; padding-left: 10px; padding-right: 10px; font-family: special_elite; font-size: 16px;}

main .d-teacher-admin-codes .d-content{ display: block; position: relative; padding-top: 10px; }

main .d-teacher-admin-codes .d-content .d-card-projects-filtersX{ position: absolute; width: 275px; top: 0px; left: 40px; z-index: 3; background: #f9f0e6; border: 2px solid #ccba99; border-radius: 2px; }
main .d-teacher-admin-codes .d-content .d-card-projects-filters{ width: 359px; margin: 60px 20px 40px 17px; position: relative; }
main .d-teacher-admin-codes .d-content .d-card-projects-filters:before{ content: ""; position: absolute; left: 0; top: -44px; width: 359px; height: 44px; background: url(img/library-projects/b_sup.png) no-repeat; }
main .d-teacher-admin-codes .d-content .d-card-projects-filters:after{ content: ""; position: absolute; left: 0; bottom: -57px; width: 359px; height: 57px; background: url(img/library-projects/b_inf.png) no-repeat; }
main .d-teacher-admin-codes .d-content .d-card-projects-filters .d-filter-content{ width: 359px; background: url(img/library-projects/b_med.png) repeat-y; min-height: 180px; }

main .d-teacher-admin-codes .d-content .d-card-projects-filters .d-top-header{ position: relative; }
main .d-teacher-admin-codes .d-content .d-card-projects-filters .d-top-header:before,
main .d-teacher-admin-codes .d-content .d-card-projects-filters .d-top-header:after{ content: ' '; position: absolute; top:0; width: 22px; height: 26px; background: url(img/ico_corner.png); }
main .d-teacher-admin-codes .d-content .d-card-projects-filters .d-top-header:before{ left: 0; }
main .d-teacher-admin-codes .d-content .d-card-projects-filters .d-top-header:after{ right: 0; }
main .d-teacher-admin-codes .d-content .d-card-projects-filters .btn-search{ display: block; width: 235px; height: 45px; background: url(img/library-projects/bg-add.png); font-family: 'akaPosse'; text-align: center; color: #32240b; font-size: 23px; line-height: 40px; margin: 15px auto; }

main .d-teacher-admin-codes .d-content .d-info{ color: #fff; margin: 5px 0px 10px 0px; font-size: 16px; }
main .d-teacher-admin-codes .d-content .d-codes .d-empty-block{ display: block; width: 332px; height: 145px; background: url(img/library-projects/empty.png); position: relative; margin: auto; }
main .d-teacher-admin-codes .d-content .d-codes .d-empty-block .d-message{  position: absolute; top: 90px; left: 10px; right: 10px; text-align: center; }
main .d-teacher-admin-codes .d-content .d-codes{ display: block; height: auto; position: relative; border: 4px solid; border-radius: 5px; background: #eee9dd; margin-right: 50px; }
main .d-teacher-admin-codes .d-content .d-codes .d-user{ position: relative; min-width: 750px; height: 120px; border-bottom: 2px solid #bd9955; }
main .d-teacher-admin-codes .d-content .d-codes .d-user .d-icon{ width: 65px; height: 65px; display: inline-block; border: 3px solid #44240d; border-radius: 35px; background: url(img/avatar_clase.jpg) no-repeat silver; background-size: contain; position: absolute; top: 9px; left: 10px;}
main .d-teacher-admin-codes .d-content .d-codes .d-user .d-name{ position: absolute; top: 10px; left: 100px; font-size: 20px; color: #44240d; font-family: effloresce_bold; }
main .d-teacher-admin-codes .d-content .d-codes .d-user .d-name span { color: #e25640;}
main .d-teacher-admin-codes .d-content .d-codes .d-user .d-status-course{ position: absolute; top: 40px; left: 100px; font-size: 16px; color: #674a39; }
main .d-teacher-admin-codes .d-content .d-codes .d-user .d-status-teacher{ position: absolute; top: 60px; left: 100px; font-size: 16px; color: #674a39; }
main .d-teacher-admin-codes .d-content .d-codes .d-user .d-status-created_at{ position: absolute; top: 80px; left: 100px; font-size: 16px; color: #674a39; }
main .d-teacher-admin-codes .d-content .d-codes .d-user .d-admin{ position: absolute; top: 66px; left: 100px; font-size: 16px; color: #af7f63; }
main .d-teacher-admin-codes .d-content .d-codes .d-user .d-linked-student{ position: absolute; top: 15px; right: 126px; width: 240px; height: 75px; font-family: cinzel_decorative_700; font-size: 12px; text-align: center; color: #e25640; }
main .d-teacher-admin-codes .d-content .d-codes .d-user .d-linked-at{ position: absolute; top: 70px; right: 150px; width: 200px; height: 75px; font-family: cinzel_decorative_700; font-size: 12px; text-align: center; color: #e25640; }
main .d-teacher-admin-codes .d-content .d-codes .d-user .d-role{ position: absolute; top: 50px; right: 180px; width: 130px; height: 75px; font-family: cinzel_decorative_700; font-size: 16px; text-align: center; }
main .d-teacher-admin-codes .d-content .d-codes .d-user .d-config{ width: 28px; height: 28px; background: url(img/admin/btn-config.png); position: absolute; top: 16px; right: 5px; }

main .d-teacher-admin-codes .d-content .d-codes .d-user .dropdown{ position: absolute; top: 70px; right: -25px; display: none; left: auto; z-index: 2; }
main .d-teacher-admin-codes .d-content .d-codes .d-user .dropdown ul{ list-style:  none; margin: 0; padding: 0;  }
main .d-teacher-admin-codes .d-content .d-codes .d-user .dropdown ul li { margin: 0px 10px 0px 10px; padding: 10px; cursor: pointer; text-align: center; }
main .d-teacher-admin-codes .d-content .d-codes .d-user .dropdown ul li a { color: #000; text-decoration: none; font-family: 'effloresce_bold'; }
main .d-teacher-admin-codes .d-content .d-codes .d-user .dropdown ul li:hover:not(.divider){ background: #4e1d00; }
main .d-teacher-admin-codes .d-content .d-codes .d-user .dropdown ul li:hover a{ color: #FFF; }
main .d-teacher-admin-codes .d-content .d-codes .d-user .dropdown ul li.divider{ background: url(img/bg_header_dd_separator.png) 0px 8px no-repeat; background-size: 100%; }

/* END Teacher Admin Codes */

/* Teacher Admin Schools */
main .d-teacher-admin-schools { position: relative;     z-index: 2; }
main .d-teacher-admin-schools .d-header { width: 100%; height: 50px; position: relative; font-family: 'effloresce_bold'; z-index:2; }
main .d-teacher-admin-schools .d-header .d-title { position: absolute; top: 48px; left: 340px; color: #ccba99; font-size: 20px; }
main .d-teacher-admin-schools .d-current-filters { position: fixed; top: 80px; left: 410px; right: 10px; height: 45px;  z-index: 3; line-height: 40px; /*white-space: nowrap;*/ }
main .d-teacher-admin-schools .d-current-filters .d-filter{ margin-bottom: 10px; display: inline-block; height: 34px; border: 2px solid #585441; background: #f1e7d4; position: relative; border-radius: 20px; font-size: 18px; padding: 0px 35px 0px 12px; line-height: 35px; margin-right: 5px; }
main .d-teacher-admin-schools .d-current-filters .d-filter .d-close{ cursor: pointer; content: ""; width: 30px; height: 30px; background: url(img/library-projects/bt-close.png) no-repeat; background-position: center; position: absolute; top: 2px; right: 2px; }
main .d-teacher-admin-schools .d-current-filters .d-filter.all{ color: #efe5d1; background: #555240; border: 2px solid #2d291f; cursor: pointer; padding-right: 12px;}
main .d-teacher-admin-schools .d-current-filters .d-filter.all .d-close{ display: none; }

main .d-teacher-admin-schools .d-search { position: absolute; top: 33px; right: 21px;  }
main .d-teacher-admin-schools .d-search input { width: 250px; border-top: 2px solid #ccba99; border-left: 2px solid #ccba99; border-right: 2px solid #ad9e82; border-bottom: 2px solid #ad9e82;  height: 27px; background-color: transparent; color: #000; padding-left: 10px; padding-right: 10px; font-family: special_elite; font-size: 16px;}

main .d-teacher-admin-schools .d-content{ display: block; position: relative; padding-top: 10px; }

main .d-teacher-admin-schools .d-content .d-card-projects-filtersX{ position: absolute; width: 275px; top: 0px; left: 40px; z-index: 3; background: #f9f0e6; border: 2px solid #ccba99; border-radius: 2px; }
main .d-teacher-admin-schools .d-content .d-card-projects-filters{ width: 359px; margin: 60px 20px 60px 47px; position: relative; }
main .d-teacher-admin-schools .d-content .d-card-projects-filters:before{ content: ""; position: absolute; left: 0; top: -44px; width: 359px; height: 44px; background: url(img/library-projects/b_sup.png) no-repeat; }
main .d-teacher-admin-schools .d-content .d-card-projects-filters:after{ content: ""; position: absolute; left: 0; bottom: -57px; width: 359px; height: 57px; background: url(img/library-projects/b_inf.png) no-repeat; }
main .d-teacher-admin-schools .d-content .d-card-projects-filters .d-filter-content{ width: 359px; background: url(img/library-projects/b_med.png) repeat-y; min-height: 350px; }
main .d-teacher-admin-schools .d-content .d-card-projects-filters .d-filter-content:before{ content: ""; position: absolute; width: 66px; height: 342px; top: 1px; left: -51px; background: url(img/library-projects/b_izq.png) no-repeat; }

main .d-teacher-admin-schools .d-content .d-card-projects-filters .d-top-header{ position: relative; }
main .d-teacher-admin-schools .d-content .d-card-projects-filters .d-top-header:before,
main .d-teacher-admin-schools .d-content .d-card-projects-filters .d-top-header:after{ content: ' '; position: absolute; top:0; width: 22px; height: 26px; background: url(img/ico_corner.png); }
main .d-teacher-admin-schools .d-content .d-card-projects-filters .d-top-header:before{ left: 0; }
main .d-teacher-admin-schools .d-content .d-card-projects-filters .d-top-header:after{ right: 0; }
main .d-teacher-admin-schools .d-content .d-card-projects-filters .btn-add-school{ display: block; width: 258px; height: 52px; background: url(img/library-projects/bt-add.png); font-family: 'akaPosse'; text-align: center; color: #32240b; font-size: 23px; line-height: 48px; margin: 15px auto; }
main .d-teacher-admin-schools .d-content .d-card-projects-filters .laber-filter{ display: block; position: relative; width: 130px; height: 50px; font-family: 'akaPosse'; text-align: center; color: #662f1b; font-size: 23px; margin: 0 auto;     position: absolute;
                                                                                 top: 114px;
                                                                                 left: 114px;}
main .d-teacher-admin-schools .d-content .d-card-projects-filters .laber-filter:before,
main .d-teacher-admin-schools .d-content .d-card-projects-filters .laber-filter:after{ content: ' '; position: absolute; top: 0; width: 45px; height: 25px; }
main .d-teacher-admin-schools .d-content .d-card-projects-filters .laber-filter:before{ background: url(img/ico-figura-0.png); left: -45px;}
main .d-teacher-admin-schools .d-content .d-card-projects-filters .laber-filter:after{ background: url(img/ico-figura-1.png); right: -45px;}

main .d-teacher-admin-schools .d-content .d-card-projects-filters .filter-accordion {     margin: 110px 30px 20px 30px;}
main .d-teacher-admin-schools .d-content .d-card-projects-filters .filter-accordion h3{ position: relative; font-family: 'akaPosse'; font-size: 18px; color: #662f1b; border-top: 2px solid #ccba99; border-bottom: 2px solid #ccba99; cursor: pointer; padding: 5px; margin: 0; }
main .d-teacher-admin-schools .d-content .d-card-projects-filters .filter-accordion h3 .toggle{ width: 20px; height: 20px; position:absolute; font-family: 'akaPosse'; font-size: 26px; color: #662f1b; cursor: pointer; margin: 0; top: -3px; right: 15px; text-align: center; }
main .d-teacher-admin-schools .d-content .d-card-projects-filters .filter-accordion h3 .toggle:before{ content: '+'; }
main .d-teacher-admin-schools .d-content .d-card-projects-filters .filter-accordion h3.active .toggle:before{ content: '-'; }
main .d-teacher-admin-schools .d-content .d-card-projects-filters .filter-accordion > div{     padding: 5px;
                                                                                               /* background: #f2deba; */
                                                                                               display: none;
                                                                                               /* padding-right: 10px; */
                                                                                               width: 267px; }
main .d-teacher-admin-schools .d-content .d-card-projects-filters .filter-accordion label{ line-height: 24px; padding: 0 35px; padding-top: 3px;  -webkit-box-decoration-break: clone; webkit-box-decoration-break: clone }


main .d-teacher-admin-schools .d-content .d-card-projects-filters ul{ border-radius: 4px; }
main .d-teacher-admin-schools .d-content .d-card-projects-filters .collapsible-header{ font-weight: bold; }
main .d-teacher-admin-schools .d-content .d-card-projects-filters .collapsible-body{ background-color: #FFF; }
main .d-teacher-admin-schools .d-content .d-card-projects-filters .collapsible-body .check-cell{ margin-left: 15px; padding-top: 5px; padding-bottom: 5px;  }

main .d-teacher-admin-schools .d-content .d-info{ color: #fff; margin: 5px 0px 10px 0px; font-size: 16px; }
main .d-teacher-admin-schools .d-content .d-schools .d-empty-block{ display: block; width: 332px; height: 145px; background: url(img/library-projects/empty.png); position: relative; margin: auto; }
main .d-teacher-admin-schools .d-content .d-schools .d-empty-block .d-message{  position: absolute; top: 90px; left: 10px; right: 10px; text-align: center; }
main .d-teacher-admin-schools .d-content .d-schools{ display: block; height: auto; position: relative; border: 4px solid; border-radius: 5px; background: #eee9dd; }
main .d-teacher-admin-schools .d-content .d-schools .d-school{ position: relative; min-width: 750px; height: 90px; border-bottom: 2px solid #bd9955; }
main .d-teacher-admin-schools .d-content .d-schools .d-school .d-icon{ width: 65px; height: 65px; display: inline-block; border: 3px solid #44240d; border-radius: 35px; background: url(img/avatar_clase.jpg) no-repeat silver; background-size: contain; position: absolute; top: 9px; left: 10px;}
main .d-teacher-admin-schools .d-content .d-schools .d-school .d-status{ width: 30px; height: 30px; position: absolute; top: 5px; left: 55px; z-index: 2; }
main .d-teacher-admin-schools .d-content .d-schools .d-school .d-status.active{ background:url(img/admin/ico-green.png); }
main .d-teacher-admin-schools .d-content .d-schools .d-school .d-status.suspended{ background:url(img/admin/ico-yellow.png); }
main .d-teacher-admin-schools .d-content .d-schools .d-school .d-status.revoked{ background:url(img/admin/ico-red.png); }
main .d-teacher-admin-schools .d-content .d-schools .d-school .d-name{ position: absolute; top: 20px; left: 100px; font-size: 20px; color: #44240d; font-family: effloresce_bold; }
main .d-teacher-admin-schools .d-content .d-schools .d-school .d-name span{ font-size: 14px; color: #e25640;}
main .d-teacher-admin-schools .d-content .d-schools .d-school .d-status-label{ position: absolute; top: 45px; left: 100px; font-size: 16px; color: #674a39; }
main .d-teacher-admin-schools .d-content .d-schools .d-school .d-admin{ position: absolute; top: 66px; left: 100px; font-size: 16px; color: #af7f63; }
main .d-teacher-admin-schools .d-content .d-schools .d-school .d-teachers{ position: absolute; top: 15px; right: 180px; width: 130px; height: 75px; font-family: cinzel_decorative_700; font-size: 16px; text-align: center; }
main .d-teacher-admin-schools .d-content .d-schools .d-school .d-teachers .amount{ color: #7c4617; font-size: 22px; }
main .d-teacher-admin-schools .d-content .d-schools .d-school .d-teachers .total{     border-top: 1px dotted silver; }
main .d-teacher-admin-schools .d-content .d-schools .d-school .d-students{ position: absolute; top: 15px; right: 40px; width: 130px; height: 75px; font-family: cinzel_decorative_700; font-size: 16px; text-align: center; }
main .d-teacher-admin-schools .d-content .d-schools .d-school .d-students .amount{ color: #7c4617; font-size: 22px; }
main .d-teacher-admin-schools .d-content .d-schools .d-school .d-students .total{ border-top: 1px dotted silver; }
main .d-teacher-admin-schools .d-content .d-schools .d-school .d-config{ width: 28px; height: 28px; background: url(img/admin/btn-config.png); position: absolute; top: 16px; right: 5px; }

main .d-teacher-admin-schools .d-content .d-schools .d-school .dropdown{ position: absolute; top: 70px; right: -25px; display: none; left: auto; z-index: 2; }
main .d-teacher-admin-schools .d-content .d-schools .d-school .dropdown ul{ list-style:  none; margin: 0; padding: 0;  }
main .d-teacher-admin-schools .d-content .d-schools .d-school .dropdown ul li { margin: 0px 10px 0px 10px; padding: 10px; cursor: pointer; text-align: center; }
main .d-teacher-admin-schools .d-content .d-schools .d-school .dropdown ul li a { color: #000; text-decoration: none; font-family: 'effloresce_bold'; }
main .d-teacher-admin-schools .d-content .d-schools .d-school .dropdown ul li:hover:not(.divider){ background: #4e1d00; }
main .d-teacher-admin-schools .d-content .d-schools .d-school .dropdown ul li:hover a{ color: #FFF; }
main .d-teacher-admin-schools .d-content .d-schools .d-school .dropdown ul li.divider{ background: url(img/bg_header_dd_separator.png) 0px 8px no-repeat; background-size: 100%; }

/* END Teacher Admin Schools */

/* MODAL Admin User */
#modal-container .modal.d-modal-admin-user{ width: 600px; height: 450px;}
#modal-container .modal.d-modal-admin-user .d-header{ position: absolute; top: 10px; left: 10px; right: 10px; height: 35px; font-family: cinzel_decorative_700; text-align: center; line-height: 35px; font-size: 20px; border-bottom: 1px solid #c1b78e; }
#modal-container .modal.d-modal-admin-user .d-header .d-modal-close{ position: absolute; top: -14px; right: -10px; width: 40px; height: 40px; background: url(img/btn_cerrar.png) no-repeat; margin: 10px; cursor: pointer; background-position: center; }
#modal-container .modal.d-modal-admin-user .d-content{ position: absolute; top: 50px; left: 10px; right: 10px; bottom: 55px; overflow-y: auto; overflow-x: hidden; margin-left: 10px; }
#modal-container .modal.d-modal-admin-user .d-content .d-title{ font-family: 'cinzel_decorative_700'; font-size: 18px; }
#modal-container .modal.d-modal-admin-user .d-content .d-label{ font-size: 16px; text-align: right; padding-bottom: 5px; padding-top: 5px; }
#modal-container .modal.d-modal-admin-user .d-content .col{ display: inline-block; text-align: center; }
#modal-container .modal.d-modal-admin-user .d-content table input{ width: 420px; font-size: 16px; }
#modal-container .modal.d-modal-admin-user .d-content .col input { width: 100px; text-align: center; color: #c15a1d; font-size: 18px; }
#modal-container .modal.d-modal-admin-user .d-content select { width: 157px; text-align: left; color: #c15a1d; font-size: 16px; }
#modal-container .modal.d-modal-admin-user .d-content .password-input { width: 150px; text-align: left; color: #c15a1d; font-size: 16px; }
#modal-container .modal.d-modal-admin-user .d-content table { margin: 10px 0 22px 0; }
#modal-container .modal.d-modal-admin-user .d-content .add-admin{ float: right; }
#modal-container .modal.d-modal-admin-user .d-content .unlink{ background: url(img/ico_remove.png);
    width: 20px;
    height: 22px;
    display: inline-block;
    background-size: contain;
    vertical-align: middle; }


#modal-container .modal.d-modal-admin-user .d-footer{ position: absolute; bottom: 10px; left: 10px; right: 10px; height: 45px; background: #e2d1b4; }
#modal-container .modal.d-modal-admin-user .d-footer .btn-cancel{ float: left; margin: 15px 0px 0px 20px; }
#modal-container .modal.d-modal-admin-user .d-footer .btn-save{ float: right; margin: 5px 30px 0px 10px; }
#modal-container .modal.d-modal-admin-user .d-footer .btn-save-as-new-version{ float: right; margin: 7px 30px 0px 10px; }
/* END MODAL Admin User */

/* MODAL Admin School */
#modal-container .modal.d-modal-admin-school{ width: 600px; height: 450px;}
#modal-container .modal.d-modal-admin-school .d-header{ position: absolute; top: 10px; left: 10px; right: 10px; height: 35px; font-family: cinzel_decorative_700; text-align: center; line-height: 35px; font-size: 20px; border-bottom: 1px solid #c1b78e; }
#modal-container .modal.d-modal-admin-school .d-header .d-modal-close{ position: absolute; top: -14px; right: -10px; width: 40px; height: 40px; background: url(img/btn_cerrar.png) no-repeat; margin: 10px; cursor: pointer; background-position: center; }
#modal-container .modal.d-modal-admin-school .d-content{ position: absolute; top: 50px; left: 10px; right: 10px; bottom: 55px; overflow-y: auto; overflow-x: hidden; margin-left: 10px; }
#modal-container .modal.d-modal-admin-school .d-content .d-title{ font-family: 'cinzel_decorative_700'; font-size: 18px; }
#modal-container .modal.d-modal-admin-school .d-content .d-label{ font-size: 16px; text-align: right; padding-bottom: 5px; padding-top: 5px; }
#modal-container .modal.d-modal-admin-school .d-content #school-version{ text-align: center; color: #c15a1d; font-size: 18px; font-family: special_elite; margin-left: 10px; line-height: 28px; }
#modal-container .modal.d-modal-admin-school .d-content .col{ display: inline-block; text-align: center; }
#modal-container .modal.d-modal-admin-school .d-content table input{ width: 420px; font-size: 16px; }
#modal-container .modal.d-modal-admin-school .d-content .col input { width: 100px; text-align: center; color: #c15a1d; font-size: 18px; }
#modal-container .modal.d-modal-admin-school .d-content table { margin: 10px 0 22px 0; }
#modal-container .modal.d-modal-admin-school .d-content .add-admin{ float: right; }
#modal-container .modal.d-modal-admin-school .d-content .d-admin-list{ margin: 10px 0 20px 0; }
#modal-container .modal.d-modal-admin-school .d-content .d-admin-list .d-admin{ width: 550px; border-bottom: 1px solid #d9d8d5; height: 75px; position: relative; }
#modal-container .modal.d-modal-admin-school .d-content .d-admin-list .d-admin .d-icon{ width: 55px; height: 58px; position: absolute; top: 2px; left: 5px; background: url(img/ico-detective.png); }
#modal-container .modal.d-modal-admin-school .d-content .d-admin-list .d-admin .d-name{ position: absolute; top: 5px; left: 65px; font-size: 18px; color: #202020; }
#modal-container .modal.d-modal-admin-school .d-content .d-admin-list .d-admin .d-username{ position: absolute; top: 25px; left: 65px; font-size: 16px; color: #a37a57; }
#modal-container .modal.d-modal-admin-school .d-content .d-admin-list .d-admin .d-password{ position: absolute; top: 45px; left: 65px; font-size: 16px; color: #a37a57; }

#modal-container .modal.d-modal-admin-school .d-footer{ position: absolute; bottom: 10px; left: 10px; right: 10px; height: 45px; background: #e2d1b4; }
#modal-container .modal.d-modal-admin-school .d-footer .btn-cancel{ float: left; margin: 15px 0px 0px 20px; }
#modal-container .modal.d-modal-admin-school .d-footer .btn-save{ float: right; margin: 5px 30px 0px 10px; }
#modal-container .modal.d-modal-admin-school .d-footer .btn-save-as-new-version{ float: right; margin: 7px 30px 0px 10px; }
/* END MODAL Admin School */

/* MODAL Admin School Administrators */
#modal-container .modal.d-modal-admin-school-admins{ width: 600px; height: 450px;}
#modal-container .modal.d-modal-admin-school-admins .d-header{ position: absolute; top: 10px; left: 10px; right: 10px; height: 55px; font-family: cinzel_decorative_700; text-align: center; line-height: 35px; font-size: 20px; border-bottom: 1px solid #c1b78e; line-height: 20px; }
#modal-container .modal.d-modal-admin-school-admins .d-header .d-modal-close{ position: absolute; top: -14px; right: -10px; width: 40px; height: 40px; background: url(img/btn_cerrar.png) no-repeat; margin: 10px; cursor: pointer; background-position: center; }
#modal-container .modal.d-modal-admin-school-admins .d-header .d-title{ margin-top: 8px;}
#modal-container .modal.d-modal-admin-school-admins .d-header .d-colegio{ font-family: effloresce_bold; color: #9a4820; }
#modal-container .modal.d-modal-admin-school-admins .d-content{ position: absolute; top: 75px; left: 10px; right: 10px; bottom: 10px; margin-left: 10px; }
#modal-container .modal.d-modal-admin-school-admins .d-content .d-top { border-bottom: 1px solid #dedede; height: 65px; margin-bottom: 10px; }
#modal-container .modal.d-modal-admin-school-admins .d-content .d-top input{ width: 340px; margin-top: 10px; font-size: 16px; }
#modal-container .modal.d-modal-admin-school-admins .d-content .title{ font-family: 'cinzel_decorative_700'; font-size: 18px; }
#modal-container .modal.d-modal-admin-school-admins .d-content .d-top .btn-add{ float: right;     margin-right: 10px; }
#modal-container .modal.d-modal-admin-school-admins .d-content .d-top .btn-create{ float: right;     margin-right: 10px;}

#modal-container .modal.d-modal-admin-school-admins .d-content .d-admin-list{  position: absolute; top: 106px; left: 0; right: 0; bottom: 0px; overflow: auto }
#modal-container .modal.d-modal-admin-school-admins .d-content .d-admin-list .d-admin{ width: 550px; border-bottom: 1px solid #d9d8d5; height: 75px; position: relative; }
#modal-container .modal.d-modal-admin-school-admins .d-content .d-admin-list .d-admin .d-icon{ width: 55px; height: 58px; position: absolute; top: 9px; left: 2px; background: url(img/ico-detective.png); }
#modal-container .modal.d-modal-admin-school-admins .d-content .d-admin-list .d-admin .d-name{ position: absolute; top: 5px; left: 65px; font-size: 18px; color: #202020; }
#modal-container .modal.d-modal-admin-school-admins .d-content .d-admin-list .d-admin .d-username{ position: absolute; top: 25px; left: 65px; font-size: 16px; color: #a37a57; }
#modal-container .modal.d-modal-admin-school-admins .d-content .d-admin-list .d-admin .d-username span{ color: #777777; }
#modal-container .modal.d-modal-admin-school-admins .d-content .d-admin-list .d-admin .d-password{ position: absolute; top: 45px; left: 65px; font-size: 16px; color: #a37a57; }
#modal-container .modal.d-modal-admin-school-admins .d-content .d-admin-list .d-admin .d-password span{ color: #777777; }
#modal-container .modal.d-modal-admin-school-admins .d-content .d-admin-list .d-admin .d-actions{ position: absolute; top: 25px; right: 0px; width: 100px; height: 30px; }
#modal-container .modal.d-modal-admin-school-admins .d-content .d-admin-list .d-admin .d-actions .btn{ display: inline-block; margin-left: 5px; }
#modal-container .modal.d-modal-admin-school-admins .d-content .d-admin-list .d-admin .d-actions .btn.d-remove{ width: 24px; height: 24px; background: url(img/admin/post_saved_remove.png); vertical-align: middle; background-size: contain; }
#modal-container .modal.d-modal-admin-school-admins .d-content .d-admin-list .d-admin .d-actions .btn.d-access{ width: 24px; height: 24px; background: url(img/admin/ico-cerrar.png); vertical-align: middle;}
#modal-container .modal.d-modal-admin-school-admins .d-content .d-admin-list .d-admin .d-actions .btn.d-edit{ width: 22px; height: 25px; background: url(img/admin/ico_config.png); vertical-align: middle; background-size: contain; }

#modal-container .modal.d-modal-admin-school-admins .d-new-admin-form { display: none; position: absolute; background: #FFF; top: 70px; left: 10px; right: 10px; bottom: 10px; z-index: 2; }
#modal-container .modal.d-modal-admin-school-admins .d-new-admin-form .btn{margin-top: 10px;}
#modal-container .modal.d-modal-admin-school-admins .d-new-admin-form table{    margin: 25px 0 0 50px;}
#modal-container .modal.d-modal-admin-school-admins .d-new-admin-form table select,
#modal-container .modal.d-modal-admin-school-admins .d-new-admin-form table input{ font-size: 16px; margin: 10px; width: 260px; }
/* END MODAL Admin School Administrators */

/* MODAL Admin School Teachers */
#modal-container .modal.d-modal-admin-school-teachers{ width: 600px; height: 450px;}
#modal-container .modal.d-modal-admin-school-teachers .d-header{ position: absolute; top: 10px; left: 10px; right: 10px; height: 55px; font-family: cinzel_decorative_700; text-align: center; line-height: 35px; font-size: 20px; border-bottom: 1px solid #c1b78e; line-height: 20px; }
#modal-container .modal.d-modal-admin-school-teachers .d-header .d-modal-close{ position: absolute; top: -14px; right: -10px; width: 40px; height: 40px; background: url(img/btn_cerrar.png) no-repeat; margin: 10px; cursor: pointer; background-position: center; }
#modal-container .modal.d-modal-admin-school-teachers .d-header .d-title{ margin-top: 8px;}
#modal-container .modal.d-modal-admin-school-teachers .d-header .d-colegio{ font-family: effloresce_bold; color: #9a4820; }
#modal-container .modal.d-modal-admin-school-teachers .d-content{ position: absolute; top: 75px; left: 10px; right: 10px; bottom: 10px; margin-left: 10px; }
#modal-container .modal.d-modal-admin-school-teachers .d-content .d-top { border-bottom: 1px solid #dedede; height: 65px; margin-bottom: 10px; }
#modal-container .modal.d-modal-admin-school-teachers .d-content .d-top input{ width: 340px; margin-top: 10px; font-size: 16px; }
#modal-container .modal.d-modal-admin-school-teachers .d-content .title{ font-family: 'cinzel_decorative_700'; font-size: 18px; }
#modal-container .modal.d-modal-admin-school-teachers .d-content .title span{ font-family: effloresce_bold; font-size: 16px; color: #af3d33; }
#modal-container .modal.d-modal-admin-school-teachers .d-content .d-top .btn-add{ float: right;     margin-right: 10px; }
#modal-container .modal.d-modal-admin-school-teachers .d-content .d-top .btn-create{ float: right;     margin-right: 10px;}

#modal-container .modal.d-modal-admin-school-teachers .d-content .d-admin-list{  position: absolute; top: 106px; left: 0; right: 0; bottom: 0px; overflow: auto }
#modal-container .modal.d-modal-admin-school-teachers .d-content .d-admin-list .d-admin{ width: 550px; border-bottom: 1px solid #d9d8d5; height: 75px; position: relative; }
#modal-container .modal.d-modal-admin-school-teachers .d-content .d-admin-list .d-admin .d-icon{ width: 55px; height: 58px; position: absolute; top: 9px; left: 2px; background: url(img/ico-detective.png); }
#modal-container .modal.d-modal-admin-school-teachers .d-content .d-admin-list .d-admin .d-name{ position: absolute; top: 5px; left: 65px; font-size: 18px; color: #202020; }
#modal-container .modal.d-modal-admin-school-teachers .d-content .d-admin-list .d-admin .d-username{ position: absolute; top: 25px; left: 65px; font-size: 16px; color: #a37a57; }
#modal-container .modal.d-modal-admin-school-teachers .d-content .d-admin-list .d-admin .d-username span{ color: #777777; }
#modal-container .modal.d-modal-admin-school-teachers .d-content .d-admin-list .d-admin .d-password{ position: absolute; top: 45px; left: 65px; font-size: 16px; color: #a37a57; }
#modal-container .modal.d-modal-admin-school-teachers .d-content .d-admin-list .d-admin .d-password span{ color: #777777; }
#modal-container .modal.d-modal-admin-school-teachers .d-content .d-admin-list .d-admin .d-actions{ position: absolute; top: 25px; right: 0px; width: 70px; height: 30px; }
#modal-container .modal.d-modal-admin-school-teachers .d-content .d-admin-list .d-admin .d-actions .btn{ display: inline-block; margin-left: 5px; }
#modal-container .modal.d-modal-admin-school-teachers .d-content .d-admin-list .d-admin .d-actions .btn.d-remove{ width: 24px; height: 24px; background: url(img/admin/post_saved_remove.png); vertical-align: middle; background-size: contain; }
#modal-container .modal.d-modal-admin-school-teachers .d-content .d-admin-list .d-admin .d-actions .btn.d-access{ width: 24px; height: 24px; background: url(img/admin/ico-cerrar.png); vertical-align: middle;}
#modal-container .modal.d-modal-admin-school-teachers .d-content .d-admin-list .d-admin .d-actions .btn.d-edit{ width: 22px; height: 25px; background: url(img/admin/ico_config.png); vertical-align: middle; background-size: contain; }
/* END MODAL Admin School Teachers */

/* MODAL Admin School Students */
#modal-container .modal.d-modal-admin-school-students{ width: 600px; height: 450px;}
#modal-container .modal.d-modal-admin-school-students .d-header{ position: absolute; top: 10px; left: 10px; right: 10px; height: 55px; font-family: cinzel_decorative_700; text-align: center; line-height: 35px; font-size: 20px; border-bottom: 1px solid #c1b78e; line-height: 20px; }
#modal-container .modal.d-modal-admin-school-students .d-header .d-modal-close{ position: absolute; top: -14px; right: -10px; width: 40px; height: 40px; background: url(img/btn_cerrar.png) no-repeat; margin: 10px; cursor: pointer; background-position: center; }
#modal-container .modal.d-modal-admin-school-students .d-header .d-title{ margin-top: 8px;}
#modal-container .modal.d-modal-admin-school-students .d-header .d-colegio{ font-family: effloresce_bold; color: #9a4820; }
#modal-container .modal.d-modal-admin-school-students .d-content{ position: absolute; top: 75px; left: 10px; right: 10px; bottom: 10px; margin-left: 10px; }
#modal-container .modal.d-modal-admin-school-students .d-content .d-top { border-bottom: 1px solid #dedede; height: 65px; margin-bottom: 10px; }
#modal-container .modal.d-modal-admin-school-students .d-content .d-top input{ width: 340px; margin-top: 10px; font-size: 16px; }
#modal-container .modal.d-modal-admin-school-students .d-content .title{ font-family: 'cinzel_decorative_700'; font-size: 18px; }
#modal-container .modal.d-modal-admin-school-students .d-content .title span{ font-family: effloresce_bold; font-size: 16px; color: #af3d33; }
#modal-container .modal.d-modal-admin-school-students .d-content .d-top .btn-add{ float: right;     margin-right: 10px; }
#modal-container .modal.d-modal-admin-school-students .d-content .d-top .btn-create{ float: right;     margin-right: 10px;}

#modal-container .modal.d-modal-admin-school-students .d-content .d-admin-list{  position: absolute; top: 106px; left: 0; right: 0; bottom: 0px; overflow: auto }
#modal-container .modal.d-modal-admin-school-students .d-content .d-admin-list .d-admin{ width: 550px; border-bottom: 1px solid #d9d8d5; height: 75px; position: relative; }
#modal-container .modal.d-modal-admin-school-students .d-content .d-admin-list .d-admin .d-icon{ width: 55px; height: 58px; position: absolute; top: 9px; left: 2px; background: url(img/ico-detective.png); }
#modal-container .modal.d-modal-admin-school-students .d-content .d-admin-list .d-admin .d-name{ position: absolute; top: 5px; left: 65px; font-size: 18px; color: #202020; }
#modal-container .modal.d-modal-admin-school-students .d-content .d-admin-list .d-admin .d-username{ position: absolute; top: 25px; left: 65px; font-size: 16px; color: #a37a57; }
#modal-container .modal.d-modal-admin-school-students .d-content .d-admin-list .d-admin .d-username span{ color: #777777; }
#modal-container .modal.d-modal-admin-school-students .d-content .d-admin-list .d-admin .d-password{ position: absolute; top: 45px; left: 65px; font-size: 16px; color: #a37a57; }
#modal-container .modal.d-modal-admin-school-students .d-content .d-admin-list .d-admin .d-password span{ color: #777777; }
#modal-container .modal.d-modal-admin-school-students .d-content .d-admin-list .d-admin .d-actions{ position: absolute; top: 25px; right: 0px; width: 70px; height: 30px; }
#modal-container .modal.d-modal-admin-school-students .d-content .d-admin-list .d-admin .d-actions .btn{ display: inline-block; margin-left: 5px; }
#modal-container .modal.d-modal-admin-school-students .d-content .d-admin-list .d-admin .d-actions .btn.d-remove{ width: 24px; height: 24px; background: url(img/admin/post_saved_remove.png); vertical-align: middle; background-size: contain; }
#modal-container .modal.d-modal-admin-school-students .d-content .d-admin-list .d-admin .d-actions .btn.d-access{ width: 24px; height: 24px; background: url(img/admin/ico-cerrar.png); vertical-align: middle;}
#modal-container .modal.d-modal-admin-school-students .d-content .d-admin-list .d-admin .d-actions .btn.d-edit{ width: 22px; height: 25px; background: url(img/admin/ico_config.png); vertical-align: middle; background-size: contain; }
/* END MODAL Admin School Students */



/* Editor Admin Projects */
main .d-editor-admin-projects { position: relative;     z-index: 2; }
main .d-editor-admin-projects .d-header { width: 100%; height: 50px; position: relative; font-family: 'effloresce_bold'; z-index:2; }
main .d-editor-admin-projects .d-header .d-title { position: absolute; top: 48px; left: 340px; color: #ccba99; font-size: 20px; }
main .d-editor-admin-projects .d-current-filters { position: fixed; top: 80px; left: 410px; right: 10px; height: 45px;  z-index: 3; line-height: 40px; /*white-space: nowrap;*/ }
main .d-editor-admin-projects .d-current-filters .d-filter{ margin-bottom: 10px; display: inline-block; height: 34px; border: 2px solid #585441; background: #f1e7d4; position: relative; border-radius: 20px; font-size: 18px; padding: 0px 35px 0px 12px; line-height: 35px; margin-right: 5px; }
main .d-editor-admin-projects .d-current-filters .d-filter .d-close{ cursor: pointer; content: ""; width: 30px; height: 30px; background: url(img/library-projects/bt-close.png) no-repeat; background-position: center; position: absolute; top: 2px; right: 2px; }
main .d-editor-admin-projects .d-current-filters .d-filter.all{ color: #efe5d1; background: #555240; border: 2px solid #2d291f; cursor: pointer; padding-right: 12px;}
main .d-editor-admin-projects .d-current-filters .d-filter.all .d-close{ display: none; }

main .d-editor-admin-projects .d-search { position: absolute; top: 33px; right: 21px;  }
main .d-editor-admin-projects .d-search input { width: 250px; border-top: 2px solid #ccba99; border-left: 2px solid #ccba99; border-right: 2px solid #ad9e82; border-bottom: 2px solid #ad9e82;  height: 27px; background-color: transparent; color: #000; padding-left: 10px; padding-right: 10px; font-family: special_elite; font-size: 16px;}

main .d-editor-admin-projects .d-content{ display: block; position: relative; padding-top: 10px; }

main .d-editor-admin-projects .d-content .d-card-projects-filtersX{ position: absolute; width: 275px; top: 0px; left: 40px; z-index: 3; background: #f9f0e6; border: 2px solid #ccba99; border-radius: 2px; }
main .d-editor-admin-projects .d-content .d-card-projects-filters{ width: 359px; margin: 60px 20px 60px 47px; position: relative; }
main .d-editor-admin-projects .d-content .d-card-projects-filters:before{ content: ""; position: absolute; left: 0; top: -44px; width: 359px; height: 44px; background: url(img/library-projects/b_sup.png) no-repeat; }
main .d-editor-admin-projects .d-content .d-card-projects-filters:after{ content: ""; position: absolute; left: 0; bottom: -57px; width: 359px; height: 57px; background: url(img/library-projects/b_inf.png) no-repeat; }
main .d-editor-admin-projects .d-content .d-card-projects-filters .d-filter-content{ width: 359px; background: url(img/library-projects/b_med.png) repeat-y; min-height: 350px; }
main .d-editor-admin-projects .d-content .d-card-projects-filters .d-filter-content:before{ content: ""; position: absolute; width: 66px; height: 342px; top: 1px; left: -51px; background: url(img/library-projects/b_izq.png) no-repeat; }

main .d-editor-admin-projects .d-content .d-card-projects-filters .d-top-header{ position: relative; }
main .d-editor-admin-projects .d-content .d-card-projects-filters .d-top-header:before,
main .d-editor-admin-projects .d-content .d-card-projects-filters .d-top-header:after{ content: ' '; position: absolute; top:0; width: 22px; height: 26px; background: url(img/ico_corner.png); }
main .d-editor-admin-projects .d-content .d-card-projects-filters .d-top-header:before{ left: 0; }
main .d-editor-admin-projects .d-content .d-card-projects-filters .d-top-header:after{ right: 0; }
main .d-editor-admin-projects .d-content .d-card-projects-filters .btn-add-projects{ display: block; width: 258px; height: 52px; background: url(img/library-projects/bt-add.png); font-family: 'akaPosse'; text-align: center; color: #32240b; font-size: 23px; line-height: 48px; margin: 15px auto; }
main .d-editor-admin-projects .d-content .d-card-projects-filters .laber-filter{ display: block; position: relative; width: 130px; height: 50px; font-family: 'akaPosse'; text-align: center; color: #662f1b; font-size: 23px; margin: 0 auto;     position: absolute;
                                                                                 top: 114px;
                                                                                 left: 114px;}
main .d-editor-admin-projects .d-content .d-card-projects-filters .laber-filter:before,
main .d-editor-admin-projects .d-content .d-card-projects-filters .laber-filter:after{ content: ' '; position: absolute; top: 0; width: 45px; height: 25px; }
main .d-editor-admin-projects .d-content .d-card-projects-filters .laber-filter:before{ background: url(img/ico-figura-0.png); left: -45px;}
main .d-editor-admin-projects .d-content .d-card-projects-filters .laber-filter:after{ background: url(img/ico-figura-1.png); right: -45px;}

main .d-editor-admin-projects .d-content .d-card-projects-filters .filter-accordion {     margin: 110px 30px 20px 30px;}
main .d-editor-admin-projects .d-content .d-card-projects-filters .filter-accordion h3{ position: relative; font-family: 'akaPosse'; font-size: 18px; color: #662f1b; border-top: 2px solid #ccba99; border-bottom: 2px solid #ccba99; cursor: pointer; padding: 5px; margin: 0; }
main .d-editor-admin-projects .d-content .d-card-projects-filters .filter-accordion h3 .toggle{ width: 20px; height: 20px; position:absolute; font-family: 'akaPosse'; font-size: 26px; color: #662f1b; cursor: pointer; margin: 0; top: -3px; right: 15px; text-align: center; }
main .d-editor-admin-projects .d-content .d-card-projects-filters .filter-accordion h3 .toggle:before{ content: '+'; }
main .d-editor-admin-projects .d-content .d-card-projects-filters .filter-accordion h3.active .toggle:before{ content: '-'; }
main .d-editor-admin-projects .d-content .d-card-projects-filters .filter-accordion > div{     padding: 5px;
                                                                                               /* background: #f2deba; */
                                                                                               display: none;
                                                                                               /* padding-right: 10px; */
                                                                                               width: 267px; }
main .d-editor-admin-projects .d-content .d-card-projects-filters .filter-accordion label{ line-height: 24px; padding: 0 35px; padding-top: 3px;  -webkit-box-decoration-break: clone; webkit-box-decoration-break: clone }


main .d-editor-admin-projects .d-content .d-card-projects-filters ul{ border-radius: 4px; }
main .d-editor-admin-projects .d-content .d-card-projects-filters .collapsible-header{ font-weight: bold; }
main .d-editor-admin-projects .d-content .d-card-projects-filters .collapsible-body{ background-color: #FFF; }
main .d-editor-admin-projects .d-content .d-card-projects-filters .collapsible-body .check-cell{ margin-left: 15px; padding-top: 5px; padding-bottom: 5px;  }

main .d-editor-admin-projects .d-content .d-info{ color: #fff; margin: 5px 0px 10px 0px; font-size: 16px; }
main .d-editor-admin-projects .d-content .d-projects .d-empty-block{ display: block; width: 332px; height: 145px; background: url(img/library-projects/empty.png); position: relative; margin: auto; }
main .d-editor-admin-projects .d-content .d-projects .d-empty-block .d-message{  position: absolute; top: 90px; left: 10px; right: 10px; text-align: center; }
main .d-editor-admin-projects .d-content .d-projects{ display: block; height: auto; position: relative; border: 4px solid; border-radius: 5px; background: #eee9dd; }
main .d-editor-admin-projects .d-content .d-projects .d-project{ position: relative; min-width: 750px; height: 90px; border-bottom: 2px solid #bd9955; }
main .d-editor-admin-projects .d-content .d-projects .d-project .d-icon{ width: 65px; height: 65px; display: inline-block; border: 3px solid #44240d; border-radius: 35px; background: url(img/avatar_clase.jpg) no-repeat silver; background-size: contain; position: absolute; top: 9px; left: 10px;}
main .d-editor-admin-projects .d-content .d-projects .d-project .d-status{ width: 30px; height: 30px; position: absolute; top: 5px; left: 55px; z-index: 2; }
main .d-editor-admin-projects .d-content .d-projects .d-project .d-status.active{ background:url(img/admin/ico-green.png); }
main .d-editor-admin-projects .d-content .d-projects .d-project .d-status.suspended{ background:url(img/admin/ico-yellow.png); }
main .d-editor-admin-projects .d-content .d-projects .d-project .d-status.revoked{ background:url(img/admin/ico-red.png); }
main .d-editor-admin-projects .d-content .d-projects .d-project .d-name{ position: absolute; top: 20px; left: 100px; font-size: 20px; color: #44240d; font-family: effloresce_bold; }
main .d-editor-admin-projects .d-content .d-projects .d-project .d-name span{ font-size: 14px; color: #e25640;}
main .d-editor-admin-projects .d-content .d-projects .d-project .d-status-label{ position: absolute; top: 45px; left: 100px; font-size: 16px; color: #674a39; }
main .d-editor-admin-projects .d-content .d-projects .d-project .d-admin{ position: absolute; top: 66px; left: 100px; font-size: 16px; color: #af7f63; }
main .d-editor-admin-projects .d-content .d-projects .d-project .d-teachers{ position: absolute; top: 15px; right: 180px; width: 130px; height: 75px; font-family: cinzel_decorative_700; font-size: 16px; text-align: center; }
main .d-editor-admin-projects .d-content .d-projects .d-project .d-teachers .amount{ color: #7c4617; font-size: 22px; }
main .d-editor-admin-projects .d-content .d-projects .d-project .d-teachers .total{     border-top: 1px dotted silver; }
main .d-editor-admin-projects .d-content .d-projects .d-project .d-students{ position: absolute; top: 15px; right: 40px; width: 130px; height: 75px; font-family: cinzel_decorative_700; font-size: 16px; text-align: center; }
main .d-editor-admin-projects .d-content .d-projects .d-project .d-students .amount{ color: #7c4617; font-size: 22px; }
main .d-editor-admin-projects .d-content .d-projects .d-project .d-students .total{ border-top: 1px dotted silver; }
main .d-editor-admin-projects .d-content .d-projects .d-project .d-config{ width: 28px; height: 28px; background: url(img/admin/btn-config.png); position: absolute; top: 16px; right: 5px; }

main .d-editor-admin-projects .d-content .d-projects .d-project .dropdown{ position: absolute; top: 70px; right: -25px; display: none; left: auto; z-index: 2; }
main .d-editor-admin-projects .d-content .d-projects .d-project .dropdown ul{ list-style:  none; margin: 0; padding: 0;  }
main .d-editor-admin-projects .d-content .d-projects .d-project .dropdown ul li { margin: 0px 10px 0px 10px; padding: 10px; cursor: pointer; text-align: center; }
main .d-editor-admin-projects .d-content .d-projects .d-project .dropdown ul li a { color: #000; text-decoration: none; font-family: 'effloresce_bold'; }
main .d-editor-admin-projects .d-content .d-projects .d-project .dropdown ul li:hover:not(.divider){ background: #4e1d00; }
main .d-editor-admin-projects .d-content .d-projects .d-project .dropdown ul li:hover a{ color: #FFF; }
main .d-editor-admin-projects .d-content .d-projects .d-project .dropdown ul li.divider{ background: url(img/bg_header_dd_separator.png) 0px 8px no-repeat; background-size: 100%; }

/* END Editor Admin Projects */

/* Teacher Library Projects */
main .d-teacher-library-projects { position: relative; }
main .d-teacher-library-projects .d-header { width: 100%; height: 50px; position: relative; font-family: 'effloresce_bold'; z-index:2; }
main .d-teacher-library-projects .d-header .d-title { position: absolute; top: 48px; left: 340px; color: #ccba99; font-size: 20px; }
main .d-teacher-library-projects .d-current-filters { position: fixed; top: 80px; left: 410px; right: 10px; height: 45px;  z-index: 3; line-height: 40px; /*white-space: nowrap;*/ }
main .d-teacher-library-projects .d-current-filters .d-filter{ margin-bottom: 10px; display: inline-block; height: 34px; border: 2px solid #585441; background: #f1e7d4; position: relative; border-radius: 20px; font-size: 18px; padding: 0px 35px 0px 12px; line-height: 35px; margin-right: 5px; }
main .d-teacher-library-projects .d-current-filters .d-filter .d-close{ cursor: pointer; content: ""; width: 30px; height: 30px; background: url(img/library-projects/bt-close.png) no-repeat; background-position: center; position: absolute; top: 2px; right: 2px; }
main .d-teacher-library-projects .d-current-filters .d-filter.all{ color: #efe5d1; background: #555240; border: 2px solid #2d291f; cursor: pointer; padding-right: 12px;}
main .d-teacher-library-projects .d-current-filters .d-filter.all .d-close{ display: none; }

main .d-teacher-library-projects .d-search { position: absolute; top: 33px; right: 21px;  }
main .d-teacher-library-projects .d-search input { width: 250px; border-top: 2px solid #ccba99; border-left: 2px solid #ccba99; border-right: 2px solid #ad9e82; border-bottom: 2px solid #ad9e82;  height: 27px; background-color: transparent; color: #000; padding-left: 10px; padding-right: 10px; font-family: special_elite; font-size: 16px;}

main .d-teacher-library-projects .d-content{ display: block; position: relative; padding-top: 10px; }

main .d-teacher-library-projects .d-content .d-card-projects-filtersX{ position: absolute; width: 275px; top: 0px; left: 40px; z-index: 3; background: #f9f0e6; border: 2px solid #ccba99; border-radius: 2px; }
main .d-teacher-library-projects .d-content .d-card-projects-filters{ width: 359px; margin: 60px 20px 60px 47px; position: relative; }
main .d-teacher-library-projects .d-content .d-card-projects-filters:before{ content: ""; position: absolute; left: 0; top: -44px; width: 359px; height: 44px; background: url(img/library-projects/b_sup.png) no-repeat; }
main .d-teacher-library-projects .d-content .d-card-projects-filters:after{ content: ""; position: absolute; left: 0; bottom: -57px; width: 359px; height: 57px; background: url(img/library-projects/b_inf.png) no-repeat; }
main .d-teacher-library-projects .d-content .d-card-projects-filters .d-filter-content{ width: 359px; background: url(img/library-projects/b_med.png) repeat-y; min-height: 350px; }
main .d-teacher-library-projects .d-content .d-card-projects-filters .d-filter-content:before{ content: ""; position: absolute; width: 66px; height: 342px; top: 1px; left: -51px; background: url(img/library-projects/b_izq.png) no-repeat; }

main .d-teacher-library-projects .d-content .d-card-projects-filters .d-top-header{ position: relative; }
main .d-teacher-library-projects .d-content .d-card-projects-filters .d-top-header:before,
main .d-teacher-library-projects .d-content .d-card-projects-filters .d-top-header:after{ content: ' '; position: absolute; top:0; width: 22px; height: 26px; background: url(img/ico_corner.png); }
main .d-teacher-library-projects .d-content .d-card-projects-filters .d-top-header:before{ left: 0; }
main .d-teacher-library-projects .d-content .d-card-projects-filters .d-top-header:after{ right: 0; }
main .d-teacher-library-projects .d-content .d-card-projects-filters .generic-btn-add{ margin-left: 63px; }
main .d-teacher-library-projects .d-content .d-card-projects-filters .laber-filter{ display: block; position: relative; width: 212px; height: 50px; font-family: 'akaPosse'; text-align: center; color: #662f1b; font-size: 23px; margin: 0 auto; position: absolute; top: 114px; left: 74px; line-height: .8em; }
main .d-teacher-library-projects .d-content .d-card-projects-filters .laber-filter:before,
main .d-teacher-library-projects .d-content .d-card-projects-filters .laber-filter:after{ content: ' '; position: absolute; top: 0; width: 45px; height: 25px; }
main .d-teacher-library-projects .d-content .d-card-projects-filters .laber-filter:before{ background: url(img/ico-figura-0.png); left: -45px;}
main .d-teacher-library-projects .d-content .d-card-projects-filters .laber-filter:after{ background: url(img/ico-figura-1.png); right: -45px;}

main .d-teacher-library-projects .d-content .d-card-projects-filters .library-project-accordion {     margin: 110px 30px 20px 30px;}
main .d-teacher-library-projects .d-content .d-card-projects-filters .library-project-accordion h3{ position: relative; font-family: 'akaPosse'; font-size: 18px; color: #662f1b; border-top: 2px solid #ccba99; border-bottom: 2px solid #ccba99; cursor: pointer; padding: 5px; margin: 0; }
main .d-teacher-library-projects .d-content .d-card-projects-filters .library-project-accordion h3 .toggle{ width: 20px; height: 20px; position:absolute; font-family: 'akaPosse'; font-size: 26px; color: #662f1b; cursor: pointer; margin: 0; top: -3px; right: 15px; text-align: center; }
main .d-teacher-library-projects .d-content .d-card-projects-filters .library-project-accordion h3 .toggle:before{ content: '+'; }
main .d-teacher-library-projects .d-content .d-card-projects-filters .library-project-accordion h3.active .toggle:before{ content: '-'; }
main .d-teacher-library-projects .d-content .d-card-projects-filters .library-project-accordion > div{     padding: 5px;
                                                                                                           display: none;
                                                                                                           width: 267px; }
main .d-teacher-library-projects .d-content .d-card-projects-filters .library-project-accordion label{ line-height: 24px; padding-top: 3px;  -webkit-box-decoration-break: clone; webkit-box-decoration-break: clone }


main .d-teacher-library-projects .d-content .d-card-projects-filters ul{ border-radius: 4px; }
main .d-teacher-library-projects .d-content .d-card-projects-filters .collapsible-header{ font-weight: bold; }
main .d-teacher-library-projects .d-content .d-card-projects-filters .collapsible-body{ background-color: #FFF; }
main .d-teacher-library-projects .d-content .d-card-projects-filters .collapsible-body .check-cell{ margin-left: 15px; padding-top: 5px; padding-bottom: 5px;  }

main .d-teacher-library-projects .d-content .d-card-projects .d-empty-block{ display: block; width: 332px; height: 145px; background: url(img/library-projects/empty.png); position: relative; margin: auto; }
main .d-teacher-library-projects .d-content .d-card-projects .d-empty-block .d-message{  position: absolute; top: 90px; left: 10px; right: 10px; text-align: center; }
main .d-teacher-library-projects .d-content .d-card-projects{ display: block; height: auto; position: relative; padding-top: 40px; text-align: center; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card{ position: relative; width: 409px; height: 588px; margin-right: 2%; display: inline-block; box-sizing: border-box; margin-bottom: 15px; background: url(img/library-projects/card.png) no-repeat;}
main .d-teacher-library-projects .d-content .d-card-projects .d-card.no-active{ opacity: .7; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card.no-active .simple-checkbox{ display: none; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .d-header { width: auto; height: auto; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .d-header .d-favorite { position:absolute; cursor:pointer;top: 11px; right: 18px; margin-top: 8px; width: 34px; height: 30px; background: url(img/library-projects/ico-fav.png) no-repeat; background-position: center;}
main .d-teacher-library-projects .d-content .d-card-projects .d-card .d-header .d-favorite.active { background: url(img/library-projects/ico-fav-active.png) no-repeat; background-position: center; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .d-header .simple-checkbox { float: right; margin: 20px 20px 0 0; opacity: 0; }
main .d-teacher-library-projects .d-content .d-card-projects.selection .d-card .d-header .d-check { opacity: 1; }
main .d-teacher-library-projects .d-content .d-card-projects.selection .d-card { opacity: .8; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card:hover .d-header .simple-checkbox { opacity: 1; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card.selected .d-header .simple-checkbox { opacity: 1; }
main .d-teacher-library-projects .d-content .d-card-projects.selection .d-card.selected { opacity: 1; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .d-header .d-lang { position: absolute; top: 21px; width: 24px; height: 24px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url(img/flag_es.png) no-repeat; background-size: 100% 100%; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); left: 30px; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .d-header .d-lang.es { background-image: url(img/flag_wo.png); }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .d-header .d-lang.en-US { background-image: url(img/flag_en.png); }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .d-header .d-lang.FR { background-image: url(img/flag_fr.png); }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .d-header .d-lang.gl-ES { background-image: url(img/flag_gl.png); }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .d-header .d-lang.vsv { background-image: url(img/flag_va.png); }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .d-header .d-lang.ca-ES { background-image: url(img/flag_ca.png); }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .d-header .d-lang.eu-ES { background-image: url(img/flag_eu.png); }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .d-header .d-lang.es-AR { background-image: url(img/flag_ar.png); }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .d-header .d-lang.es-MX { background-image: url(img/flag_mx.png); }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .icon { position: absolute; top: 72px; left: 35px; width: 95px; height: 137px; background: url(img/image-project.png) no-repeat; background-repeat: no-repeat; background-size: 100%; background-position: center; background-color: #eee; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-name { position: absolute; top: 63px; left: 160px; font-size: 1.1em; right: 10px; text-align: left;}
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-name .project-title { font-weight: bold; font-family: cinzel_decorative_700; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-name .project-by { font-style: italic; font-size: 15px; font-style: italic; text-align: left; margin-top: 5px;}
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-name .project-by a { font-style: normal; font-family: effloresce_bold; text-decoration: none; color: #64553c; font-size: 18px; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-name .d-added{ color: #447a0b; font-family: effloresce_bold; margin-top: 5px; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-name .d-added:before{ content: " "; display: inline-block; width: 13px; height: 18px; background: url(img/library-projects/ico-added.png); margin-right: 8px; vertical-align: middle; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-name .actions { float: right; color: #959595; margin-right: 5px; visibility: hidden; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .summary { padding: 10px; height: 67px; position: absolute; overflow: hidden; top: 306px; left: 25px; right: 15px; text-align: left; font-size: 16px; line-height: 1.5em; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .d-sumary-overcard { display: none; position: absolute; z-index: 2; top: 55px; left: 17px; right: 17px; bottom: 30px; background: #eae1ce; border-radius: 3px; text-align: left; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .d-sumary-overcard .d-close{ width: 40px; height: 40px; background: url(img/btn_cerrar.png) no-repeat; background-position: center; position: absolute; top: 1px; right: 1px;}
main .d-teacher-library-projects .d-content .d-card-projects .d-card .d-sumary-overcard .d-title{ font-weight: bold; font-family: cinzel_decorative_700; margin: 10px; margin-top: 30px; font-size: 20px;}
main .d-teacher-library-projects .d-content .d-card-projects .d-card .d-sumary-overcard .d-separator{ width: 380px; height: 11px; background: url(img/library-projects/separator.png); margin: 20px 0px 20px -3px; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .d-sumary-overcard .d-summary-content{ margin: 10px;margin: 10px; font-size: 18px; line-height: 27px; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .btn-summary { position: absolute; top: 398px; left: 30px; right: 30px; height: 35px; line-height: 25px; font-size: 18px; font-family: 'effloresce_bold'; text-transform: uppercase; color: #954012; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-info { margin-top: 10px; position: absolute; top: 263px; font-size: 30px; font-family: 'effloresce_bold'; left: 20px; right: 20px; color: #ede4d0; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-info.not-verified { margin-top: 10px; position: absolute; top: 433px; font-size: 18px; font-family: 'effloresce_bold'; left: 20px; right: 20px; color: #ede4d0; text-align: left; display: none; }
main .d-teacher-library-projects .d-content .d-card-projects.not-verified .d-card .project-info.not-verified { display: block; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-info.not-verified .d-icon-verified{ width: 32px; height: 35px; background: url(img/library-projects/verifier.png); position: absolute; top: 10px; left: 10px; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-info.not-verified .d-text{ position: absolute; top: 10px; left: 55px;  }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-info.not-verified .d-text .d-link{ color: #dc7816; cursor: pointer; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-info.block-up .label{ font-size: 19px; color: #000; 
                                                                                                    -webkit-transform: rotate(-5deg);
                                                                                                    -moz-transform: rotate(-5deg);
                                                                                                    -ms-transform: rotate(-5deg);
                                                                                                    -o-transform: rotate(-5deg); 
                                                                                                    padding-top: 5px;}
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-info.block-down { top: 440px; right: 16px; left: 20px; color: #c69d6d; font-size: 21px; }
main .d-teacher-library-projects .d-content .d-card-projects.not-verified .d-card .project-info.block-down { display: none; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-info.block-down:before { content: " "; width: 343px; height: 55px; position: absolute; top: 0px; left: 14px; background: url(img/library-projects/icons.png); }
body.lang-eu main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-info.block-down:before { background: url(img/library-projects/icons_eu.png); }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-info.block-down .label{ color: #FFF; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-info .d-block{ position: absolute; left: 114px; text-align: center; top: 55px; width: 68px; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-info .d-block.cromos{ left: 216px; width: 58px;}
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-info .d-block.quizzes{ left: 304px; width: 58px;}
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-info .d-block.points{ left: 19px; width: 58px;}
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-info.block-down .d-block{  }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-info .d-block span{ display: block; font-weight: bold; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-info .d-block i{ display: block; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-info .d-block.days i{ color: #39b3ec; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-info .d-block.tasks i{ color: #545cf2; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .project-info .d-block.quizzes i{ color: #8d6ad4; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .actions-btn{ position: absolute; top: 234px; left: 0; right: 0; text-align: center; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .actions-btn .btn{ width: 234px; height: 46px; background: url(img/library-projects/bg-add.png); font-family: 'akaPosse'; font-size: 22px; display: inline-block; background-size: 100%; line-height: 39px; position: relative; color: #32240b;}
body.lang-eu main .d-teacher-library-projects .d-content .d-card-projects .d-card .actions-btn .btn{ font-size: 20px; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .actions-btn .btn.btn-view{ width: 128px; height: 46px; background: url(img/library-projects/bg-view.png); font-family: cinzel_decorative_700; font-size: 16px; display: inline-block; background-size: 100%; line-height: 45px; position: relative; color: #f1cf75; }
body.lang-eu main .d-teacher-library-projects .d-content .d-card-projects .d-card .actions-btn .btn.btn-view{ font-size: 15px; }
main .d-teacher-library-projects .d-content .d-card-projects.not-verified .d-card .actions-btn .btn.btn-add{ display: none; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .actions-btn .btn.btn-add.added:after{ content: ' '; position: absolute; top: -9px; left: 135px; width: 33px; height: 64px; background: url(img/ico_mark.png); }
main .d-teacher-library-projects .d-content .d-card-projects .d-card.no-active .actions-btn .btn.btn-view,
main .d-teacher-library-projects .d-content .d-card-projects .d-card.no-active .actions-btn .btn.btn-add{ display: none; }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .btn-view{  }
main .d-teacher-library-projects .d-content .d-card-projects .d-card .btn-add{  }

/* SELECTION BAR */
main .project-selection-bar{ position: fixed; top: 0; left: 10%; right: 10%; z-index: 3; height: 63px; background: #FFF; display: none;
                             -webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25); box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25); 
                             border-left: 4px solid #7d512b; border-right: 4px solid #7d512b; border-bottom: 4px solid #7d512b; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;  }
main .project-selection-bar .selection-number{ float: left; margin: 15px; margin-top: 20px; }
main .project-selection-bar .actions{ float: left; margin-top: 21px; }

main .project-selection-bar .btn-cancel{ float: right; margin-top: 14px; margin-right: 15px; }

/* MODAL select classrooms */
#modal-container .modal.select-classroom { width: 600px; height: 450px;  }
#modal-container .modal.select-classroom h4 { font-size: 1.7em; text-align: center; padding: 0; margin: 0; }
#modal-container .modal.select-classroom h5 { font-size: 1.2em; text-align: center; color: #535353; padding: 0; margin: 0; }
#modal-container .modal.select-classroom .d-content { padding: 15px; height: 270px; overflow: auto; border: 2px solid #c1b78e; margin-top: 10px; margin-bottom: 16px; padding-bottom: 0; }
#modal-container .modal.select-classroom .d-content .d-classroom { position: relative; display: block; width: 100%; height: 72px; min-width: 400px; border-bottom: 1px solid #dedede; }
#modal-container .modal.select-classroom .d-content .d-classroom.message { border-bottom: none; }
#modal-container .modal.select-classroom .d-content .d-classroom .d-message{ text-align: center; margin-top: 20px; line-height: 23px; font-family: effloresce_bold; width: 350px; margin: 101px auto; }
#modal-container .modal.select-classroom .d-content .d-classroom .d-message a{ color: #cb9f37; }
#modal-container .modal.select-classroom .d-content .d-classroom .icon{ position: absolute; z-index: 3; top: 8px; left: 13px; width: 57px; height: 57px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url(img/ico-add-image.png); }
#modal-container .modal.select-classroom .d-content .d-classroom .icon-bg{ width: 84px; height: 74px; position: absolute; z-index: 2; background: url(img/bg_classroom_image_list.png); top: 0px; left: 0px;  }
#modal-container .modal.select-classroom .d-content .d-classroom .info{ position: absolute; min-width: 300px; left: 105px; top: 7px; }
#modal-container .modal.select-classroom .d-content .d-classroom .info .name{ display: block; color: #000; font-size: 1.2em; }
#modal-container .modal.select-classroom .d-content .d-classroom .info .level{ display: block; font-size: .8em; color: #999999; }
#modal-container .modal.select-classroom .d-content .d-classroom .info .students{ display: block; font-size: .8em; color: #999999; }
#modal-container .modal.select-classroom .d-content .d-classroom .simple-checkbox{ float: right; margin-top: 15px; margin-right: 15px; }
#modal-container .modal.select-classroom .modal-footer { background: #dbc9ab; width: 600px; height: 50px; position: absolute; top: 407px; left: 8px;}
#modal-container .modal.select-classroom .modal-footer .btn-submit{ position: absolute; top: 8px; right: 21px; }
#modal-container .modal.select-classroom .modal-footer .btn-cancelar{ position: absolute; top: 10px; right: 137px; }

/* MODAL select teacher-classroom */
#modal-container .modal.select-teacher-classroom { width: 600px; height: 450px;  }
#modal-container .modal.select-teacher-classroom h4 { font-size: 26px; text-align: center; padding: 0; margin: 0; }
#modal-container .modal.select-teacher-classroom h5 { font-size: 18px; text-align: center; color: #535353; padding: 0; margin: 0; }
#modal-container .modal.select-teacher-classroom .d-content { padding: 15px; height: 270px; overflow: auto; border: 2px solid #c1b78e; margin-top: 10px; margin-bottom: 16px; padding-bottom: 0; }
#modal-container .modal.select-teacher-classroom .d-content .d-teacher { position: relative; display: block; width: 100%; min-height: 35px; min-width: 400px; border-bottom: 1px solid silver;     background: #dbc9ab; border-radius: 5px; }
#modal-container .modal.select-teacher-classroom .d-content .d-teacher.active { padding-bottom: 10px;}
#modal-container .modal.select-teacher-classroom .d-content .d-teacher.message { border-bottom: none; }
#modal-container .modal.select-teacher-classroom .d-content .d-teacher .d-message{ text-align: center; margin-top: 20px; line-height: 23px; font-family: effloresce_bold; width: 350px; margin: 101px auto; }
#modal-container .modal.select-teacher-classroom .d-content .d-teacher .d-message a{ color: #cb9f37; }

#modal-container .modal.select-teacher-classroom .d-content .d-teacher .teacher-toogle {
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: 15px;
    width: 30px;
    height: 25px;
    background: url(img/classroom-project-activity/btn-arrow-2.png) no-repeat;
    background-position: center;
}

#modal-container .modal.select-teacher-classroom .d-content .d-teacher .teacher-toogle.active {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

#modal-container .modal.select-teacher-classroom .d-content .d-teacher .info{ position: relative; }
#modal-container .modal.select-teacher-classroom .d-content .d-teacher .info .name{ display: block; color: #000; font-size: 1em; margin-top: 10px; font-weight: 600; padding: 10px;}
#modal-container .modal.select-teacher-classroom .d-content .d-teacher .info .classroom-name{ display: block; color: #000; font-size: 1em; margin-top: 10px; font-weight: 600; padding-top: 8px; }
#modal-container .modal.select-teacher-classroom .d-content .d-teacher .info .level{ display: block; font-size: .8em; color: #999999;     margin-left: 58px; }
#modal-container .modal.select-teacher-classroom .d-content .d-teacher .info .students{ display: block; font-size: .8em; color: #999999; }

#modal-container .modal.select-teacher-classroom .d-content .d-teacher .classrooms{ display: none;     
    height: auto;
}
#modal-container .modal.select-teacher-classroom .d-content .d-teacher .classrooms .d-classroom{ display: block; 
    height: 50px; width: 96%; position: relative; margin-left: 10px; 
    -webkit-box-shadow: 1px 1px 7px -2px rgba(0,0,0,0.65);
    -moz-box-shadow: 1px 1px 7px -2px rgba(0,0,0,0.65);
    box-shadow: 1px 1px 7px -2px rgba(0,0,0,0.65);
    background: #f7eedd;
    border-radius: 5px;
}

#modal-container .modal.select-teacher-classroom .d-content .d-teacher .simple-checkbox{ float: left; 
    margin-right: 15px;
    margin-left: 10px;
    margin-top: 9px;
 }
#modal-container .modal.select-teacher-classroom .modal-footer { background: #dbc9ab; width: 600px; height: 50px; position: absolute; top: 407px; left: 8px;}
#modal-container .modal.select-teacher-classroom .modal-footer .btn-submit{ position: absolute; top: 8px; right: 21px; }
#modal-container .modal.select-teacher-classroom .modal-footer .btn-cancelar{ position: absolute; top: 10px; right: 137px; }

/* MODAL select classrooms-2 */
#modal-container .modal.select-classroom-2 { width: 600px; height: 450px;  }
#modal-container .modal.select-classroom-2 h4 { font-size: 1.7em; text-align: center; padding: 0; margin: 0; }
#modal-container .modal.select-classroom-2 h5 { font-size: 1.2em; text-align: center; color: #535353; padding: 0; margin: 0; }
#modal-container .modal.select-classroom-2 .d-content { padding: 15px; height: 270px; overflow: auto; border: 2px solid #c1b78e; margin-top: 10px; margin-bottom: 16px; padding-bottom: 0; }
#modal-container .modal.select-classroom-2 .d-content .d-classroom { position: relative; display: block; width: 100%; height: 72px; min-width: 400px; border-bottom: 1px solid #dedede; }
#modal-container .modal.select-classroom-2 .d-content .d-classroom.message { border-bottom: none; }
#modal-container .modal.select-classroom-2 .d-content .d-classroom .d-message{ text-align: center; margin-top: 20px; line-height: 23px; font-family: effloresce_bold; width: 350px; margin: 101px auto; }
#modal-container .modal.select-classroom-2 .d-content .d-classroom .d-message a{ color: #cb9f37; }
#modal-container .modal.select-classroom-2 .d-content .d-classroom .icon{ position: absolute; z-index: 3; top: 8px; left: 13px; width: 57px; height: 57px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url(img/ico-add-image.png); }
#modal-container .modal.select-classroom-2 .d-content .d-classroom .icon-bg{ width: 84px; height: 74px; position: absolute; z-index: 2; background: url(img/bg_classroom_image_list.png); top: 0px; left: 0px;  }
#modal-container .modal.select-classroom-2 .d-content .d-classroom .info{ position: absolute; min-width: 300px; left: 105px; top: 7px; }
#modal-container .modal.select-classroom-2 .d-content .d-classroom .info .name{ display: block; color: #000; font-size: 1.2em; }
#modal-container .modal.select-classroom-2 .d-content .d-classroom .info .level{ display: block; font-size: .8em; color: #999999; }
#modal-container .modal.select-classroom-2 .d-content .d-classroom .info .students{ display: block; font-size: .8em; color: #999999; }
#modal-container .modal.select-classroom-2 .d-content .d-classroom .simple-checkbox{ float: right; margin-top: 15px; margin-right: 15px; }
#modal-container .modal.select-classroom-2 .modal-footer { background: #dbc9ab; width: 600px; height: 50px; position: absolute; top: 407px; left: 8px;}
#modal-container .modal.select-classroom-2 .modal-footer .btn-submit{ position: absolute; top: 8px; right: 21px; }
#modal-container .modal.select-classroom-2 .modal-footer .btn-cancelar{ position: absolute; top: 10px; right: 137px; }

/* MODAL select classrooms */
#modal-container .modal.select-classroom-configurable { width: 600px; height: 558px;  }
#modal-container .modal.select-classroom-configurable h4 { font-size: 1.7em; text-align: center; padding: 0; margin: 0; }
#modal-container .modal.select-classroom-configurable h5 { font-size: 1.2em; text-align: center; color: #535353; padding: 0; margin: 0; }
#modal-container .modal.select-classroom-configurable .d-content { padding: 15px; height: 270px; overflow: auto; border: 2px solid #c1b78e; margin-top: 10px; margin-bottom: 16px; padding-bottom: 0; }
#modal-container .modal.select-classroom-configurable .d-content .d-classroom { position: relative; display: block; width: 100%; height: 72px; min-width: 400px; border-bottom: 1px solid #dedede; }
#modal-container .modal.select-classroom-configurable .d-content .d-classroom.message { border-bottom: none; }
#modal-container .modal.select-classroom-configurable .d-content .d-classroom .d-message{ text-align: center; margin-top: 20px; line-height: 23px; font-family: effloresce_bold; width: 350px; margin: 101px auto; }
#modal-container .modal.select-classroom-configurable .d-content .d-classroom .d-message a{ color: #cb9f37; }
#modal-container .modal.select-classroom-configurable .d-content .d-classroom .icon{ position: absolute; z-index: 3; top: 8px; left: 13px; width: 57px; height: 57px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url(img/ico-add-image.png); }
#modal-container .modal.select-classroom-configurable .d-content .d-classroom .icon-bg{ width: 84px; height: 74px; position: absolute; z-index: 2; background: url(img/bg_classroom_image_list.png); top: 0px; left: 0px;  }
#modal-container .modal.select-classroom-configurable .d-content .d-classroom .info{ position: absolute; min-width: 300px; left: 105px; top: 7px; }
#modal-container .modal.select-classroom-configurable .d-content .d-classroom .info .name{ display: block; color: #000; font-size: 1.2em; }
#modal-container .modal.select-classroom-configurable .d-content .d-classroom .info .level{ display: block; font-size: .8em; color: #999999; }
#modal-container .modal.select-classroom-configurable .d-content .d-classroom .info .students{ display: block; font-size: .8em; color: #999999; }
#modal-container .modal.select-classroom-configurable .d-content .d-classroom .simple-checkbox{ float: right; margin-top: 15px; margin-right: 15px; }
#modal-container .modal.select-classroom-configurable .modal-footer { background: #dbc9ab; width: 600px; height: 50px; position: absolute; top: 516px; left: 8px;}
#modal-container .modal.select-classroom-configurable .modal-footer .btn-submit{ position: absolute; top: 8px; right: 21px; }
#modal-container .modal.select-classroom-configurable .modal-footer .btn-cancelar{ position: absolute; top: 10px; right: 137px; }

#modal-container .modal.select-classroom-configurable .steps { 
    position: absolute;
    top: 139px;
    left: 20px;
    right: 20px;
    bottom: 50px;
 }
#modal-container .modal.select-classroom-configurable .steps .step { display: none; }
#modal-container .modal.select-classroom-configurable .steps .step.active { display: block; }

#modal-container .modal.select-classroom-configurable .d-wizzard-header{ position: absolute; top: 8px; left: 8px; right: 8px; height: 109px; background: url(img/add-class-wizzard/header_bg.png) repeat-x; }

#modal-container .modal.select-classroom-configurable .d-wizzard-header .d-steps{ width: 260px; margin: 10px auto; }
#modal-container .modal.select-classroom-configurable .d-wizzard-header .d-steps .d-step{ width: 50px; height: 50px; border-radius: 25px; border: 2px solid #522C1C; background-color: #522c1c; position: relative; display: inline-block; margin-right: 143px; }
#modal-container .modal.select-classroom-configurable .d-wizzard-header .d-steps .d-step.active{ background: url(img/add-class-wizzard/header_step_active.png) #522c1c; border: 2px solid #522C1C; background-position: -2px 0px; }
#modal-container .modal.select-classroom-configurable .d-wizzard-header .d-steps .d-step:before{ content: ' '; position: absolute; width: 150px; height: 10px; top: 20px; left: -151px;
                                                                            background: rgba(106,58,36,1);
                                                                            background: -moz-linear-gradient(top, rgba(106,58,36,1) 0%, rgba(74,40,25,1) 91%, rgba(172,100,66,1) 100%);
                                                                            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(106,58,36,1)), color-stop(91%, rgba(74,40,25,1)), color-stop(100%, rgba(172,100,66,1)));
                                                                            background: -webkit-linear-gradient(top, rgba(106,58,36,1) 0%, rgba(74,40,25,1) 91%, rgba(172,100,66,1) 100%);
                                                                            background: -o-linear-gradient(top, rgba(106,58,36,1) 0%, rgba(74,40,25,1) 91%, rgba(172,100,66,1) 100%);
                                                                            background: -ms-linear-gradient(top, rgba(106,58,36,1) 0%, rgba(74,40,25,1) 91%, rgba(172,100,66,1) 100%);
                                                                            background: linear-gradient(to bottom, rgba(106,58,36,1) 0%, rgba(74,40,25,1) 91%, rgba(172,100,66,1) 100%);
                                                                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a3a24', endColorstr='#ac6442', GradientType=0 );
}
#modal-container .modal.select-classroom-configurable .d-wizzard-header .d-steps .d-step:first-child:before{ display: none; }
#modal-container .modal.select-classroom-configurable .d-wizzard-header .d-steps .d-step:last-child{ margin-right: 0px; }
#modal-container .modal.select-classroom-configurable .d-wizzard-header .d-steps .d-step .d-step-label{ font-size: 35px; text-align: center; color: #73422b; }
#modal-container .modal.select-classroom-configurable .d-wizzard-header .d-steps .d-step .d-step-title{ display: none; }
#modal-container .modal.select-classroom-configurable .d-wizzard-header .d-steps .d-step.active .d-step-title{ display: block; position: absolute; top: 61px; left: 25px; margin-left: -100px; text-align: center; color: #402216; font-family: 'cinzel_decorative_700'; width: 200px; }
#modal-container .modal.select-classroom-configurable .d-wizzard-header .d-steps .d-step.active.current .d-step-title{ color: #fff; }

#modal-container .modal.select-classroom-configurable .d-classroom-config{ position: relative; display: block; width: 100%; height: 112px; min-width: 400px; border-bottom: 1px solid #dedede; margin-top: 20px; padding-left: 20px; }
#modal-container .modal.select-classroom-configurable .d-classroom-config:first-child{ border-top: 1px solid #dedede; padding-top: 20px; }
#modal-container .modal.select-classroom-configurable .d-classroom-config .d-label{ display: block; font-size: 1.4em; color: #0c0c0c; }
#modal-container .modal.select-classroom-configurable .d-classroom-config .d-description{ display: block; font-size: 1.1em; color: #9e9e9e; width: 90%; margin-top: 10px; line-height: 1.4em; }
#modal-container .modal.select-classroom-configurable .d-classroom-config .simple-checkbox{ float: right; margin-right: 30px; }




/* modal pdi project selector */
#modal-container .pdi-select-projects { width: 600px; height: 450px;  }
#modal-container .pdi-select-projects .d-header { border-bottom: 1px solid #c1b78e; }
#modal-container .pdi-select-projects .icon-pdi-quizz { display: block; width: 54px; height: 56px; background: url(img/pdi/ico-quizz.png); margin: 4px; }
#modal-container .pdi-select-projects h4 {  font-family: akaPosse; font-size: 22px; text-align: left; padding: 0; margin: 0; position: absolute; top: 40px; left: 100px; color: #3e2e20; }
#modal-container .pdi-select-projects .d-content { padding: 15px; height: 299px; overflow: auto; margin-top: 0px; margin-bottom: 16px; padding-bottom: 0; }
#modal-container .pdi-select-projects .d-content .d-project { position: relative; display: block; width: 100%; height: 72px; min-width: 400px;  }
#modal-container .pdi-select-projects .d-content .d-project.message { border-bottom: none; }
#modal-container .pdi-select-projects .d-content .d-project .d-message{ text-align: center; margin-top: 20px; line-height: 23px; font-family: effloresce_bold; width: 350px; margin: 101px auto; }
#modal-container .pdi-select-projects .d-content .d-project .d-message a{ color: #cb9f37; }
#modal-container .pdi-select-projects .d-content .d-project.empty .icon{ display:none; }
#modal-container .pdi-select-projects .d-content .d-project .icon{ position: absolute;z-index: 3;top: 7px;left: 53px;width: 38px;height: 54px;-moz-border-radius: 25px;-webkit-box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 50%);-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 50%);background-size: 100%;background-position: center;background-repeat: no-repeat;}
#modal-container .pdi-select-projects .d-content .d-project .icon-bg{ width: 51px;height: 68px;position: absolute;z-index: 2;background: url(img/pdi/mask-project.png);top: 0px;left: 46px;}
#modal-container .pdi-select-projects .d-content .d-project.empty .icon-bg{ width: 54px;height: 55px;position: absolute;z-index: 2;background: url(img/pdi/quizz.png);top: 2px;left: 46px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
#modal-container .pdi-select-projects .d-content .d-project .info{ position: absolute; min-width: 300px; left: 115px; top: 10px; }
#modal-container .pdi-select-projects .d-content .d-project.empty .info{ top: 18px; }
#modal-container .pdi-select-projects .d-content .d-project .info .name{ display: block; color: #000; font-size: 1.2em; }
#modal-container .pdi-select-projects .d-content .d-project .info .status{     display: block;font-size: 17px;color: #999999;font-family: 'akaPosse';margin-top: -2px; color: #54990a; }
#modal-container .pdi-select-projects .d-content .d-project .info .status.finished{ color: #bb0000;}
#modal-container .pdi-select-projects .d-content .d-project .info .status.next{ color: #54a1c0;}
#modal-container .pdi-select-projects .d-content .d-project .simple-checkbox{ float: left; margin-top: 15px; margin-right: 15px; }
#modal-container .pdi-select-projects .modal-footer { background: #dbc9ab; width: 600px; height: 50px; position: absolute; top: 407px; left: 8px;}
#modal-container .pdi-select-projects .modal-footer .btn-submit{ position: absolute; top: 8px; right: 21px; }
#modal-container .pdi-select-projects .modal-footer .btn-cancelar{ position: absolute; top: 10px; right: 137px; }

/* modal POST project selector */
#modal-container .post-select-projects { width: 600px; height: 450px;  }
#modal-container .post-select-projects .d-header { border-bottom: 1px solid #c1b78e; }
#modal-container .post-select-projects .icon-pdi-quizz { display: block; width: 54px; height: 56px; background: url(img/pdi/ico-quizz.png); margin: 4px; }
#modal-container .post-select-projects h4 {  font-family: akaPosse; font-size: 22px; text-align: left; padding: 0; margin: 0; position: absolute; top: 40px; left: 100px; color: #3e2e20; }
#modal-container .post-select-projects .d-content { padding: 15px; height: 299px; overflow: auto; margin-top: 0px; margin-bottom: 16px; padding-bottom: 0; }
#modal-container .post-select-projects .d-content .d-project { position: relative; display: block; width: 100%; height: 72px; min-width: 400px;  }
#modal-container .post-select-projects .d-content .d-project.message { border-bottom: none; }
#modal-container .post-select-projects .d-content .d-project .d-message{ text-align: center; margin-top: 20px; line-height: 23px; font-family: effloresce_bold; width: 350px; margin: 101px auto; }
#modal-container .post-select-projects .d-content .d-project .d-message a{ color: #cb9f37; }
#modal-container .post-select-projects .d-content .d-project.empty .icon{ display:none; }
#modal-container .post-select-projects .d-content .d-project .icon{ position: absolute;z-index: 3;top: 7px;left: 53px;width: 38px;height: 54px;-moz-border-radius: 25px;-webkit-box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 50%);-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 50%);background-size: 100%;background-position: center;background-repeat: no-repeat;}
#modal-container .post-select-projects .d-content .d-project .icon-bg{ width: 51px;height: 68px;position: absolute;z-index: 2;background: url(img/pdi/mask-project.png);top: 0px;left: 46px;}
#modal-container .post-select-projects .d-content .d-project.empty .icon-bg{ width: 54px;height: 55px;position: absolute;z-index: 2;background: url(img/pdi/quizz.png);top: 2px;left: 46px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
#modal-container .post-select-projects .d-content .d-project .info{ position: absolute; min-width: 300px; left: 115px; top: 10px; }
#modal-container .post-select-projects .d-content .d-project.empty .info{ top: 18px; left: 51px; }
#modal-container .post-select-projects .d-content .d-project .info .name{ display: block; color: #000; font-size: 1.2em; }
#modal-container .post-select-projects .d-content .d-project .info .status{     display: block;font-size: 17px;color: #999999;font-family: 'akaPosse';margin-top: -2px; color: #54990a; }
#modal-container .post-select-projects .d-content .d-project .info .status.finished{ color: #bb0000;}
#modal-container .post-select-projects .d-content .d-project .info .status.next{ color: #54a1c0;}
#modal-container .post-select-projects .d-content .d-project .simple-checkbox{ float: left; margin-top: 15px; margin-right: 15px; }
#modal-container .post-select-projects .modal-footer { background: #dbc9ab; width: 600px; height: 50px; position: absolute; top: 407px; left: 8px;}
#modal-container .post-select-projects .modal-footer .btn-submit{ position: absolute; top: 8px; right: 21px; }
#modal-container .post-select-projects .modal-footer .btn-cancelar{ position: absolute; top: 10px; right: 137px; }

/* MODAL project preview */
#modal-container-2 .project-preview { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(img/bg_project.png); display: none; z-index: 7; overflow-y: auto; }
#modal-container-2 .project-preview .d-project  > .d-loader{ position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; }
#modal-container-2 .project-preview .btn-salir { cursor: pointer; position: absolute; font-family: akaPosse; text-align: center; width: 108px; height: 56px; background: url(img/library-projects/bg-back.png); padding-left: 15px; top: 10px; left: 15px; z-index: 3; color: #32240b; font-size: 21px; line-height: 53px; }
#modal-container-2 .project-preview .d-header { }
#modal-container-2 .project-preview .d-header .image-lights{ position: absolute; top: 0; left: 50%; width: 450px; margin-left: -225px; }
#modal-container-2 .project-preview .d-header .image-light{ display: inline-block; width: 100px; height: 104px; background: url(img/fx-light.png); margin: 4px;}
#modal-container-2 .project-preview .d-header .image-top{ height: 351px; width: 100%; background: url(img/bg_header_2.png) repeat-x #351c20; display: inline-block; overflow: hidden; position: relative;  }
#modal-container-2 .project-preview .d-header .image-top .image-left{ float: left; height: 351px; width: 213px; background: url(img/bg_header_1.png) no-repeat; }
#modal-container-2 .project-preview .d-header .image-top .image-right{ float: right; height: 351px; width: 200px; background: url(img/bg_header_3.png) no-repeat; z-index: 2; position: relative; }
#modal-container-2 .project-preview .d-header .image-top .image-center{ position: absolute;  margin: 0 auto; height: 349px; width: 562px; left: 50%; margin-left: -266px; background: url(img/header-title.png) no-repeat; }
#modal-container-2 .project-preview .d-header .image-top .image-personaje-1{ position: absolute; position: absolute; bottom: -55px; left: 70px; width: 22%; max-width: 300px; }
#modal-container-2 .project-preview .d-header .image-top .image-personaje-2{ position: absolute; bottom: -50px; right: 0px; width: 59%; max-width: 700px; z-index: 1; }

#modal-container-2 .project-preview .d-header .image-top-classroom-project{ height: 351px; width: 100%; background: #5d1818; display: inline-block; overflow: hidden; position: relative; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme{ }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme1 {background:url(img/header-tiles/A1.png) #454f2f; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme2 {background:url(img/header-tiles/A2.png) #113b50; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme3 {background:url(img/header-tiles/A3.png) #49213f; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme4 {background:url(img/header-tiles/A4.png) #4e2c12; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme5 {background:url(img/header-tiles/A5.png) #5d1818; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme6 {background:url(img/header-tiles/B1.png) #454f2f; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme7 {background:url(img/header-tiles/B2.png) #113b50; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme8 {background:url(img/header-tiles/B3.png) #49213f; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme9 {background:url(img/header-tiles/B4.png) #4e2c12; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme10{background:url(img/header-tiles/B5.png) #5d1818; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme11{background:url(img/header-tiles/C1.png) #454f2f; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme12{background:url(img/header-tiles/C2.png) #113b50; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme13{background:url(img/header-tiles/C3.png) #49213f; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme14{background:url(img/header-tiles/C4.png) #4e2c12; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme15{background:url(img/header-tiles/C5.png) #5d1818; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme16{background:url(img/header-tiles/D1.png) #454f2f; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme17{background:url(img/header-tiles/D2.png) #113b50; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme18{background:url(img/header-tiles/D3.png) #49213f; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme19{background:url(img/header-tiles/D4.png) #4e2c12; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme20{background:url(img/header-tiles/D5.png) #5d1818; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme21{background:url(img/header-tiles/E1.png) #454f2f; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme22{background:url(img/header-tiles/E2.png) #113b50; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme23{background:url(img/header-tiles/E3.png) #49213f; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme24{background:url(img/header-tiles/E4.png) #4e2c12; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme25{background:url(img/header-tiles/E5.png) #5d1818; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme26{background:url(img/header-tiles/F1.png) #454f2f; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme27{background:url(img/header-tiles/F2.png) #113b50; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme28{background:url(img/header-tiles/F3.png) #49213f; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme29{background:url(img/header-tiles/F4.png) #4e2c12; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-theme.theme30{background:url(img/header-tiles/F5.png) #5d1818; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.mode-image{ background-position: left top; background-repeat: no-repeat; background-size: cover; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.active{ display: inline-block; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project.hide{ display: none; }
#modal-container-2 .project-preview .d-header .image-top-classroom-project .d-central-container{ width: 671px; height: 344px; margin: 0px auto; position: relative; background: url(img/classroom-project-activity/header.png) no-repeat; }

#modal-container-2 .project-preview .d-header .project-icon { display: block; width: 100px; height: 144px; margin: 0 auto; margin-bottom: 10px; background: url(img/image-project.png) no-repeat; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); background-repeat: no-repeat; background-size: 100%; background-position: center; background-color: #313131; position: absolute; top: 111px; left: 50%; margin-left: -256px; border-radius: 2px;}
#modal-container-2 .project-preview .d-header .project-icon.clicable { cursor: pointer; }
#modal-container-2 .project-preview .d-header .project-name { display: block; font-family: cinzel_decorative_700; color: #ffe188; font-size: 24px; text-align: center; position: absolute; top: 105px; left: 50%; z-index: 2; margin-left: -136px; width: 390px; }
#modal-container-2 .project-preview .d-header .project-summary { display: none; color: #f5daa0; position: absolute; top: 115px; left: 50%; z-index: 2; margin-left: -70px; right: 10%; height: 76px; overflow: hidden; }
#modal-container-2 .project-preview .d-header .btn-project-summary { display: none;  position: absolute; top: 197px; left: 50%; z-index: 2; margin-left: -70px; width: 165px; height: 35px; background: url(img/bg_btn_wood.png); text-align: center; line-height: 28px; font-family: effloresce_bold;}
#modal-container-2 .project-preview .d-header .project-add { position: absolute; top: 211px; left: 50%; z-index: 2; color: #fff6db; margin-left: -69px; }
#modal-container-2 .project-preview .d-header .project-add .info{ font-family: 'special_elite'; font-size: 15px; }
#modal-container-2 .project-preview .d-header .project-add .container-btn{ display: inline-block; }
#modal-container-2 .project-preview .d-header .project-add .container-btn .btn-add{ width: 234px; height: 46px; line-height: 38px; font-family: 'akaPosse'; background: url(img/library-projects/bg-add.png); display: block; font-size: 21px; text-align: center; margin-top: 10px; color: #32240b; }

#modal-container-2 .project-preview .d-header-tile{ margin: 0; padding: 0; position: relative; height: 72px; width: 100%; display: block; background: url(img/bg_header_bar_0.png) 5px 6px; }
#modal-container-2 .project-preview .d-header-tile .d-header-tile-container{width: 100%; height: 72px; display: block; background: url(img/bg_header_bar_2.png); }
#modal-container-2 .project-preview .d-header-tile .image-left{ position: absolute; left: 0; top: 0; width: 9px; height: 72px; background: url(img/bg_header_bar_1.png); }
#modal-container-2 .project-preview .d-header-tile .image-right{ position: absolute; right: 0; top: 0; width: 9px; height: 72px; background: url(img/bg_header_bar_3.png); }
#modal-container-2 .project-preview .d-header-tile.col1{ width: 227px; float: left; }
#modal-container-2 .project-preview .d-header-section{ position: absolute; overflow: hidden; left: 465px; top: 3px; right: 293px; font-family: 'effloresce_regular',Sans-Serif; color: #d7be84; text-align: center; }
#modal-container-2 .project-preview .d-header-section .d-text{ float: left; margin: 2px 5px 5px 5px; }
#modal-container-2 .project-preview .d-header-section .d-fig-0{ float: left; width: 45px; height: 25px; background: url(img/ico-figura-0.png); }
#modal-container-2 .project-preview .d-header-section .d-fig-1{ float: left; width: 45px; height: 25px; background: url(img/ico-figura-1.png); }
#modal-container-2 .project-preview  .project-unsuscribed{  display: none; position: absolute; top: 190px; left: 50%; width: 300px; margin-left: -60px; font-family: effloresce_bold; font-size: 18px; }
#modal-container-2 .project-preview  .project-unsuscribed:before{ content: " "; position: absolute; top: 1px; left: -50px; width: 32px; height: 35px; background: url(img/library-projects/verifier.png); }
#modal-container-2 .project-preview  .project-unsuscribed .d-text{ color:#ede4d0; }
#modal-container-2 .project-preview  .project-unsuscribed .d-text-link{ color:#f5c32b; cursor: pointer; }
#modal-container-2 .d-project-preview.unsuscribed .project-unsuscribed{  display: block; }
#modal-container-2 .d-project-preview.unsuscribed .project-add{  display: none !important; }

/* project tabs */
#modal-container-2 .project-preview .d-header-section.project-tab{ position: absolute; left: 286px; top: 7px; right: 280px; height: 55px; overflow: hidden; text-align: center; }
#modal-container-2 .project-preview .d-header-section.project-tab .d-figure{ display:inline-block; width: 24px; height: 51px; background: url(img/tabs_figure.png); vertical-align: top; margin-top: 5px;}
#modal-container-2 .project-preview .d-header-section.project-tab .d-tabs{ display:inline-block; position: relative; width: 290px; height: 50px;
                                                                           background: url(img/tabs_bg_2.png) repeat-x;

                                                                           /* allow for the pseudo-elements which do not have layout due to absolute positioning */
                                                                           margin: 5px 15px;}
#modal-container-2 .project-preview .d-header-section.project-tab .d-tabs{     width: 320px; }



#modal-container-2 .project-preview .d-header-section.project-tab .d-tabs::before,
#modal-container-2 .project-preview .d-header-section.project-tab .d-tabs::after { content: ' '; position: absolute; top: 0; width: 5px; height: 50px; }
#modal-container-2 .project-preview .d-header-section.project-tab .d-tabs::before { background: url(img/tabs_bg_1.png) no-repeat; left: -5px; }
#modal-container-2 .project-preview .d-header-section.project-tab .d-tabs::after { background: url(img/tabs_bg_3.png) no-repeat; width: 6px; right: -6px; }

#modal-container-2 .project-preview .d-header-section.project-tab .d-tabs .d-tabs-bg{ position:absolute; left: 4px; right: 4px; top: 0;  height:50px; background: url(img/tabs_bg_2.png) repeat-x; }
#modal-container-2 .project-preview .d-header-section.project-tab .d-tabs .d-tabs-btns{ position:absolute; z-index: 1; left: 4px; right: 4px; top: 0; height:50px; }
#modal-container-2 .project-preview .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt{ cursor: pointer; display: inline-block; background: url(img/tabs_tab_2.png); position: relative; height: 40px; top: 4px; margin-right: 25px; margin-left: 25px;}
#modal-container-2 .project-preview .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt .text{ color: #9a8341; margin-top: 12px; font-size: 18px; font-family: 'akaPosse'; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg);
                                                                                                        -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); }
#modal-container-2 .project-preview .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt.active .text{ color: #ccb35e; margin-top: 16px; }
#modal-container-2 .project-preview .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt::before,
#modal-container-2 .project-preview .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt::after{ content: ' '; position: absolute; top: 0; width: 20px; height: 40px; }
#modal-container-2 .project-preview .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt::before { background: url(img/tabs_tab_1.png) no-repeat; left: -20px; }
#modal-container-2 .project-preview .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt::after { background: url(img/tabs_tab_3.png) no-repeat; right: -20px; }

#modal-container-2 .project-preview .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt.active{ background: url(img/tabs_tab_active_2.png); position: relative; height: 54px; top: -4px; }
#modal-container-2 .project-preview .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt.active .text{ margin-top: 16px; }
#modal-container-2 .project-preview .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt.active::before,
#modal-container-2 .project-preview .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt.active::after{ content: ' '; position: absolute; top: 0; width: 30px; height: 54px; }
#modal-container-2 .project-preview .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt.active::before { background: url(img/tabs_tab_active_1.png) no-repeat; left: -30px; }
#modal-container-2 .project-preview .d-header-section.project-tab .d-tabs .d-tabs-btns .d-tab-bt.active::after { background: url(img/tabs_tab_active_3.png) no-repeat; right: -30px; }


#modal-container-2 .project-preview .container-project-html { display:block; width: 100%; }
#modal-container-2 .project-preview .project-html-anchors { text-align: center; padding-top: 20px; padding-bottom: 20px; }
#modal-container-2 .project-preview .project-html-anchors ul{ }
#modal-container-2 .project-preview .project-html-anchors ul li{ display: inline-block; }
#modal-container-2 .project-preview .project-html-anchors ul li a { padding: 10px; color: #FFF; border-radius: 5px; margin-right: 5px; }
#modal-container-2 .project-preview .project-html-anchors ul li a.active { color: #60a1d5; background: #FFF; }
#modal-container-2 .project-preview .container-project-html .project-html-content { padding-top: 25px; }
#modal-container-2 .project-preview .container-project-html .project-html-content .d-post-it{ width: 840px; height: 110px; line-height: 24px; background: url(img/bg_recordatorio.png); font-family: 'special_elite'; font-size: 16px; text-align: left; margin: 0 auto; margin-bottom: 20px;  -webkit-box-shadow: 4px 3px 3px 1px rgba(0,0,0,0.25); -moz-box-shadow: 4px 3px 3px 1px rgba(0,0,0,0.25); box-shadow: 4px 3px 3px 1px rgba(0,0,0,0.25); }
#modal-container-2 .project-preview .container-project-html .project-html-content .d-post-it.unsuscribed{ height: 220px; position: relative;}
#modal-container-2 .project-preview .container-project-html .project-html-content .d-post-it .d-post-it-container{ padding: 20px 20px 20px 40px; }

#modal-container-2 .project-preview .container-project-tasks { display:block; width: 100%; text-align: center; padding-top: 40px; }
#modal-container-2 .project-preview .container-project-tasks .d-card.d-task { display:block; width: 550px; background: #FFF; margin: 0 auto; border-radius: 5px; padding: 15px; margin-bottom: 20px; }
#modal-container-2 .project-preview .container-project-tasks .d-card.d-task .d-header-task { display:block; width: 100%; height: 50px; }
#modal-container-2 .project-preview .container-project-tasks .d-card.d-task .d-header-task .d-icon { float: left; background: #545cf2; border-radius: 50%; padding: 4px; color: #FFF; }
#modal-container-2 .project-preview .container-project-tasks .d-card.d-task .d-header-task .d-title { float: left; color:#545cf2; font-weight: bold; margin-left: 10px; }
#modal-container-2 .project-preview .container-project-tasks .d-card.d-task .d-header-task .d-actions { float: right; }
#modal-container-2 .project-preview .container-project-tasks .d-card.d-task .d-header-task .d-actions a i { color: #959595;  }
#modal-container-2 .project-preview .container-project-tasks .d-card.d-task .d-content { padding: 15px;  }
#modal-container-2 .project-preview .container-project-tasks .d-card.d-task .d-chips { padding-top: 15px;  }
#modal-container-2 .project-preview .container-project-tasks .d-card.d-task .d-resources { display: block; width: 100%; }
#modal-container-2 .project-preview .container-project-tasks .d-card.d-task .d-resources .d-resource { display: block; width: 100%; height: 70px; border: 1px solid silver; background: #eee; margin-top: 10px; }
#modal-container-2 .project-preview .container-project-tasks .d-card.d-task .d-resources .d-resource .d-icon { float: left; width: 70px; height: 68px; background: #fff; }
#modal-container-2 .project-preview .container-project-tasks .d-card.d-task .d-resources .d-resource .d-icon i { font-size: 4em; color: silver; padding: 6px; }
#modal-container-2 .project-preview .container-project-tasks .d-card.d-task .d-resources .d-resource .d-info { float: left; width: 300px; height: 70px; padding: 10px; }
#modal-container-2 .project-preview .container-project-tasks .d-card.d-task .d-resources .d-resource .d-info .d-name { font-weight: bold; }
#modal-container-2 .project-preview .container-project-tasks .d-card.d-task .d-resources .d-resource .d-actions { float: right; width: 75px; height: 70px; padding-top:20px; }
#modal-container-2 .project-preview .container-project-tasks .d-card.d-task .d-resources .d-resource .d-actions i:first-child{ margin-right: 10px; }

#modal-container-2 .project-preview .project-html-content{  }
#modal-container-2 .project-preview .project-html-content .d-post-it{ width: 840px; height: 233px; background: url(img/bg_recordatorio.png); font-family: 'special_elite'; font-size: 16px; text-align: left; margin: 0 auto; margin-bottom: 20px;  -webkit-box-shadow: 4px 3px 3px 1px rgba(0,0,0,0.25); -moz-box-shadow: 4px 3px 3px 1px rgba(0,0,0,0.25); box-shadow: 4px 3px 3px 1px rgba(0,0,0,0.25); }
#modal-container-2 .project-preview .project-html-content .d-post-it .d-post-it-container{ padding: 20px 20px 20px 40px; }
#modal-container-2 .project-preview .project-html-content .d-post-it .d-post-it-container .d-post-it-cols { display: block; width: 100%; height: 120px; margin: 15px 0px 10px 50px; }
#modal-container-2 .project-preview .project-html-content .d-post-it .d-post-it-container .d-post-it-cols .d-post-it-col{ float:left; width: 30%; height: 120px; text-align: center; }
#modal-container-2 .project-preview .project-html-content .d-post-it .d-post-it-container .d-post-it-cols .d-post-it-col .d-icon{ display:block; margin: 0 auto; width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; margin-bottom: 5px; }
#modal-container-2 .project-preview .project-html-content .d-post-it .d-post-it-container .d-post-it-cols .d-post-it-col.c1 .d-icon{ background-image: url(img/ico_note.png); }
#modal-container-2 .project-preview .project-html-content .d-post-it .d-post-it-container .d-post-it-cols .d-post-it-col.c2 .d-icon{ background-image: url(img/ico_task.png); }
#modal-container-2 .project-preview .project-html-content .d-post-it .d-post-it-container .d-post-it-cols .d-post-it-col.c3 .d-icon{ background-image: url(img/ico_quizz.png); }
#modal-container-2 .project-preview .project-html-content .d-post-it .d-unsuscribed-posit .d-icons{text-align: center;}
#modal-container-2 .project-preview .project-html-content .d-post-it .d-unsuscribed-posit .d-text{margin-top: 10px;}
#modal-container-2 .project-preview .project-html-content .d-post-it .d-unsuscribed-posit .d-text-link{margin-top: 20px; color: #c64609; cursor: pointer; }

#modal-container-2 .project-preview .project-html-content .d-post-it .d-unsuscribed-html-posit .d-image{ background: url(img/library-projects/suscribe.png); width: 99px; height: 108px; position: absolute; top: 50px; left: 70px;}
#modal-container-2 .project-preview .project-html-content .d-post-it .d-unsuscribed-html-posit .d-content{position: absolute; left: 220px; top: 20px; right: 10px; bottom: 5px; }
#modal-container-2 .project-preview .project-html-content .d-post-it .d-unsuscribed-html-posit .d-text{margin-top: 10px;}
#modal-container-2 .project-preview .project-html-content .d-post-it .d-unsuscribed-html-posit .d-text-link{margin-top: 20px; color: #c64609; cursor: pointer; }

#modal-container-2 .project-preview .project-html-content .d-card.d-post { display:block; position: relative; min-width: 550px; max-width: 800px; background: #f7eedd; margin: 0 auto; padding: 0px; margin-bottom: 15px; 
                                                                           -webkit-box-shadow: 2px 6px 19px -2px rgba(0,0,0,0.65);
                                                                           -moz-box-shadow: 2px 6px 19px -2px rgba(0,0,0,0.65);
                                                                           box-shadow: 2px 6px 19px -2px rgba(0,0,0,0.65);
                                                                           border-top: 4px solid #5d2906;}
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-header-task { display:block; width: 100%; height: 120px; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post.message .d-header-task { display:block; width: 100%; height: 60px; border-bottom: 1px solid #ceb899; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-header-task .d-icon { position: absolute; top: 5px; left: 30px; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-header-task .d-icon.task { width: 43px; height: 59px; background: url(img/ico_task.png); }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-header-task .d-icon.message { width: 49px; height: 49px; background: url(img/ico_note.png); }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-header-task .d-icon.quizz { width: 50px; height: 53px; background: url(img/ico_quizz.png); }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-header-task .d-icon-username { position: absolute; left: 12px; top: 7px; width: 42px; height: 42px; background: url(img/profile_42x42.jpg);  border: 2px solid #684730; background-position: center; background-size: 100%; background-repeat: no-repeat; border-radius: 60px; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-header-task .d-icon-username.teacher{ top: 7px; width: 42px; height: 42px; border: 2px solid #684730; background-position: center; background-size: 100%; background-repeat: no-repeat; border-radius: 60px; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-header-task .d-icon-username.alias { width: 50px; height: 50px; border: none; top: 6px; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-header-task .d-icon-username.alias.alias1{ background: url(img/classroom-project-activity/alias_1.png) !important; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-header-task .d-icon-username.alias.alias2{ background: url(img/classroom-project-activity/alias_2.png) !important; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-header-task .d-icon-username.alias.alias3{ background: url(img/classroom-project-activity/alias_3.png) !important; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-header-task .d-icon-username.alias.alias4{ background: url(img/classroom-project-activity/alias_4.png) !important; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-header-task .d-icon-username.alias.alias5{ background: url(img/classroom-project-activity/alias_5.png) !important; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-header-task .d-icon-username.alias.alias6{ background: url(img/classroom-project-activity/alias_6.png) !important; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-header-task .d-username { position: absolute; left: 70px; top: 18px; color:#4d3c20; font-weight: bold; font-size: 21px; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-header-task .d-actions { position: absolute; right: 5px; bottom: 5px; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-content { padding: 15px; text-align: left; font-family: 'special_elite'; padding-top: 5px; font-size: 18px; line-height: 1.6em; color: #23201f; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-content p { line-height: 1.6em; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-content br { line-height: 200%; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-exercise { text-align: center; position: relative; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-exercise iframe { border: none; margin: 10px; height: 100%; position: absolute; top: -5000px; left: -5000px; width: 100%; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-exercise iframe.loaded { top: 0px; left: 0px; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-content .d-title{ font-size: 18px; font-weight: bold; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-wood-bar{ position: relative; width: 100%; height: 65px; background: url(img/classroom-project-activity/bg_wood.png) repeat-x; position: absolute; top: 60px; padding-left: 14px; margin-left: -9px; border: 1px solid #c4b394;}
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-wood-bar:before { content: ""; position: absolute; top: 65px; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 0; border-color: transparent #4a3f37 transparent transparent; -webkit-box-shadow: 5px -4px 7px rgba(0,0,0,0.3); -moz-box-shadow: 5px -4px 7px rgba(0,0,0,0.3); box-shadow: 5px -4px 7px rgba(0,0,0,0.3); }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-wood-bar .d-icon{ z-index: 2; width: 43px; height: 59px; position: absolute; top: 2px; left: 22px; background: url(img/ico_task.png); }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-wood-bar .d-quizz-icon{ z-index: 2; width: 50px; height: 53px; position: absolute; top: 5px; left: 22px; background: url(img/ico_quizz.png); }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-wood-bar .d-points-label{ position: absolute; top: -2px; left: 44px; width: 174px; height: 83px; background: url(img/classroom-project-activity/bg_points.png); }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-wood-bar .d-points-label .d-amount{ position: absolute; top: 14px; left: 104px; font-family: akaPosse; font-size: 30px; color: #6b4027; -webkit-transform: rotate(13deg); -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -o-transform: rotate(13deg); text-align: center; width: 45px;}
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-wood-bar .d-points-label .d-label{ position: absolute; top: 44px; left: 97px; font-family: akaPosse; font-size: 16px; color: #6b4027; -webkit-transform: rotate(13deg); -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -o-transform: rotate(13deg); text-align: center; width: 45px;}
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-wood-bar .d-post-with-cromo{ position: absolute; top: -5px; left: 243px; width: 44px; height: 77px; background: url(img/case/cromo-caso.png); background-size: 100% 100%; }
#modal-container-2 .project-preview .project-html-content .d-card.d-post .d-wood-bar .d-end-at{ position: absolute; top: 26px; right: 26px; color: #fff; font-family: special_elite; }


/* teacher classroom project */
main .d-teacher-classroom-project {  }
main .d-teacher-classroom-project .d-header{ display: block; width: 100%; height: 48px; }
main .d-teacher-classroom-project .d-header .d-back { float: left; width: 160px; color: #eee; margin-top: 11px; }
main .d-teacher-classroom-project .d-header .d-back i { vertical-align:middle;  }
main .d-teacher-classroom-project .d-header .d-back span{ vertical-align:middle; font-size: 17px; }
main .d-teacher-classroom-project .d-header .d-tabs{ position: absolute; left: 165px; right: 0px; text-align: center; min-width: 360px; }
main .d-teacher-classroom-project .d-header .d-tabs ul{ }
main .d-teacher-classroom-project .d-header .d-tabs ul li { display: inline-block; }
main .d-teacher-classroom-project .d-header .d-tabs ul li .active{ color: #666666; }
main .d-teacher-classroom-project .d-header .d-tabs ul li a.disabled{ background-color: #2196F3 !important; color: #eee !important; }


main .d-teacher-classroom-project .d-project-tab-container { display: block; padding-top: 10px; }
main .d-teacher-classroom-project .d-project-tab { display: none; }

/* teacher classroom project content */
main .d-teacher-classroom-project .d-classroom-project-content{}
main .d-teacher-classroom-project .d-classroom-project-content .project-tabs { display:block; width: 100%; margin-top: 15px; }
main .d-teacher-classroom-project .d-classroom-project-content .project-tabs ul{ -webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25); box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25); }
main .d-teacher-classroom-project .d-classroom-project-content .container-project-html { display:block; width: 100%; }
main .d-teacher-classroom-project .d-classroom-project-content .mode-edition { display: none; }
main .d-teacher-classroom-project .d-classroom-project-content .project-html-anchors { text-align: center; padding-top: 20px; padding-bottom: 20px; }
main .d-teacher-classroom-project .d-classroom-project-content .dropdown{ position: absolute; top: 67px; left: 187px; display: none; }
main .d-teacher-classroom-project .d-classroom-project-content .dropdown ul{ list-style:  none; margin: 0; padding: 0;  }
main .d-teacher-classroom-project .d-classroom-project-content .dropdown ul li { margin: 0px 10px 0px 10px; padding: 10px; cursor: pointer; text-align: center; }
main .d-teacher-classroom-project .d-classroom-project-content .dropdown ul li a { color: #000; text-decoration: none; font-family: 'effloresce_bold'; }
main .d-teacher-classroom-project .d-classroom-project-content .dropdown ul li:hover:not(.divider){ background: #4e1d00; }
main .d-teacher-classroom-project .d-classroom-project-content .dropdown ul li:hover a{ color: #FFF; }
main .d-teacher-classroom-project .d-classroom-project-content .dropdown ul li.divider{ background: url(img/bg_header_dd_separator.png) 0px 8px no-repeat; background-size: 100%; }

main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .d-post-it{ width: 840px; line-height: 24px; background: url(img/bg_recordatorio.png); font-family: 'special_elite'; font-size: 16px; text-align: left; margin: 0 auto; margin-bottom: 20px;  -webkit-box-shadow: 4px 3px 3px 1px rgba(0,0,0,0.25); -moz-box-shadow: 4px 3px 3px 1px rgba(0,0,0,0.25); box-shadow: 4px 3px 3px 1px rgba(0,0,0,0.25); }
main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .d-post-it .d-post-it-container{ padding: 20px 20px 20px 40px; }

main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .project-data-content .actions { position: absolute; top: 30px; right: 50px; } 
main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .project-data-content .actions a.btn-config { display: block; width: 29px; height: 29px; background: url(img/ico_config2.png) no-repeat; } 
main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .project-data-content .actions .btn-edition { display: block; width: 48px; height: 48px; background: url(img/bt_edit.png) no-repeat; color: #2b1810; font-size: 18px; line-height: 40px; font-family: 'effloresce_bold'; text-align: center; padding-left: 10px; display: inline-block; } 
main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .project-data-content .actions .btn-print { display: block; width: 48px; height: 48px; background: url(img/bt_print.png) no-repeat; color: #2b1810; font-size: 18px; line-height: 40px; font-family: 'effloresce_bold'; text-align: center; padding-left: 10px; display: inline-block; } 
main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .project-data-content .actions .dropdown { position: absolute; top: 59px; left: -85px; } 
main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .project-data-content .actions .dropdown-content { position: relative; width: 130px; background: url(img/bg_more_middle.png) repeat-y; list-style: none; margin: 0; padding: 0; }
main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .project-data-content .actions .dropdown-content::before,
main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .project-data-content .actions .dropdown-content::after{ content: ' '; position: absolute; width: 130px; left: 0; }
main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .project-data-content .actions .dropdown-content::before{ background: url(img/bg_more_top.png) no-repeat; height: 25px; top: -25px; }
main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .project-data-content .actions .dropdown-content::after{ background: url(img/bg_more_bottom.png) no-repeat; height: 23px; bottom: -23px; }

main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .d-card-project{ padding: 20px; text-align: center; width: 800px; margin: 0 auto; }
main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .project-data-content{ }

main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .d-card-project .d-field label.d-label{ float:left; }
main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .d-card-project .project-icon{ overflow: hidden; }
main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .d-card-project .project-icon img{ max-width: 100%;  }
main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .d-card-project .d-field input#project-edition-title{ font-size: 2.2em; }
main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .d-card-project input[type='file'] { visibility: hidden; position:absolute; top:-100px; left: -100px;}
main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .d-card-project .btn-upd-img-project { width: 265px; margin: 0 auto; }
main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .d-card-project .project-html-content{ text-align: left; }
main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .d-card-project .upload-progress-container{ display: none; position: relative; width: 75px; height: 75px; margin: 0 auto; }
main .d-teacher-classroom-project #project-edition-html-image-file{ display: none; }

/* teacher classroom project FOOTER Edition */
main .d-teacher-classroom-project .d-classroom-project-content .footer-project-edition{ display: none; position: fixed; bottom: 0; width: 360px; right: 20px; background: #FFF; padding: 10px; z-index: 4; 
                                                                                        -webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25); box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25); 
                                                                                        border-top: 4px solid #562e11;
                                                                                        border-left: 4px solid #562e11;
                                                                                        border-right: 4px solid #562e11;
                                                                                        border-radius: 10px 10px 0 0;
                                                                                        height: 40px;
}
main .d-teacher-classroom-project .d-classroom-project-content .footer-project-edition .top-message-content{ margin: 10px; display: none; position: absolute; left: 150px; }
main .d-teacher-classroom-project .d-classroom-project-content .footer-project-edition .left{ float: left; }
main .d-teacher-classroom-project .d-classroom-project-content .footer-project-edition .right{ position: absolute; top: 13px; right: 20px; }
main .d-teacher-classroom-project .d-classroom-project-content .footer-project-edition .button-bar{ margin: 10px; }

/* teacher/student classroom project - ACTIVITY */
main .d-classroom-project-activity { display:block; width: 100%; }

main .d-classroom-project-activity { position: relative; z-index: 3; }
main .d-classroom-project-activity > .d-menu-header{ z-index: 4; position: absolute; width: 329px; height: 546px; background: url(img/classroom-project-activity/bg-panel.png); top: 30px; left: 0px; }
main .d-classroom-project-activity > .d-menu-header .d-add-label { position: absolute; top: 50px; left: 102px; font-family: 'akaPosse'; }
main .d-classroom-project-activity > .d-menu-header .d-add-label span{ font-size: 25px; color: #9b8058; width: 190px; text-align: center; float: right; margin-top: 11px; line-height: 22px; margin-left: 8px; }

/* student custom */
main .m-home.d-student  .d-menu-student{ z-index: 4; position: absolute; top: 80px; left: 40px; }
main .m-home.d-student .d-teacher-classroom-project-post.student .d-menu-student{ display: block; position: relative; top: 0; left: 0; margin: 80px 0px 70px 40px; }
main .m-home.d-student  .d-menu-student .d-menu-autogrow{ position: relative; width: 330px; }
main .m-home.d-student  .d-menu-student .d-menu-autogrow:before{ content: ""; position: absolute; left: 0; top: -51px; width: 282px; height: 51px; background: url(img/classroom-project-activity/student-bar-top.png) no-repeat; }
main .m-home.d-student  .d-menu-student .d-menu-autogrow:after{ content: ""; position: absolute; left: 0; bottom: -62px; width: 282px; height: 62px; background: url(img/classroom-project-activity/student-bar-bottom.png) no-repeat; }
main .m-home.d-student  .d-menu-student .d-menu-autogrow .d-menu-autogrow-content{ width: 282px; background:url(img/classroom-project-activity/student-bar-middle.png) repeat-y; min-height: 330px; }
main .m-home.d-student  .d-menu-student .d-menu-autogrow .d-menu-autogrow-content:before{ content: ""; position: absolute; width: 85px; height: 359px; top: -14px; left: -76px; background: url(img/classroom-project-activity/student-bar-left.png) no-repeat; }
main .m-home.d-student  .d-menu-student .d-my-points{ width: 205px;
                                                      height: 117px;
                                                      background: url(img/classroom-project-activity/progress-points.png);
                                                      margin: 0px 0px 5px 39px;
                                                      position: relative; 
                                                      font-family: akaPosse;
}
main .m-home.d-student  .d-menu-student .d-my-points .d-label{ position: absolute; top: 5px; left: 6px; right: 4px; width: 190px; color: #432a22; font-size: 22px; text-align: center; }
main .m-home.d-student  .d-menu-student .d-my-points .d-points{ position: absolute; top: 49px; left: 10px; width: 183px; color: #5d390d; font-size: 40px; text-align: center; }

main .m-home.d-student  .d-menu-student .d-tabs .d-btn{ left: 97px; }
main .m-home.d-student  .d-menu-student .d-separator{ width: 166px; height: 24px; background: url(img/classroom-project-activity/separator.png); margin: 0 auto; }
main .m-home.d-student  .d-menu-student .d-progress .d-title{ font-family: akaPosse; color: #9b8058; font-size: 24px; text-align: center; width: 230px; margin: 5px 0 0 25px; }
main .m-home.d-student  .d-menu-student .d-progress .d-investigated-status{ font-size: 18px; margin: 5px 25px 5px 25px; text-align: center; }
main .m-home.d-student  .d-menu-student .d-progress .d-investigated-component{ position: relative; width: 100px; height: 100px; margin: 0 auto; }
main .m-home.d-student  .d-menu-student .d-progress .d-investigated-component .d-over-icons{ z-index: 3; position: absolute; top: 17px; left: 14px; width: 77px; height: 65px; background: url(img/classroom-project-activity/progress-task.png); }
main .m-home.d-student  .d-menu-student .d-progress .d-investigated-component .d-investigated{ z-index: 2; position: absolute; top: 5px; left: 5px; width: 92px; height: 92px; }
main .m-home.d-student  .d-menu-student .d-progress .d-investigated-component .d-investigated .d-bar{ width: 92px; height: 92px; }
main .m-home.d-student  .d-menu-student .d-progress .d-investigated-component .d-background{ z-index: 1; position: absolute; top: 0; left: 0; width: 100px; height: 101px; background: url(img/classroom-project-activity/progress-circle.png); }

main .m-home.d-student  .d-menu-student .d-cromos .d-title{ font-family: akaPosse; color: #9b8058; font-size: 24px; text-align: center; width: 230px; margin: 5px 0 0 25px; }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container{ margin: 5px 25px 5px 60px; }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo{ width: 70px; height: 110px; margin: 5px; display: inline-block; }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo .d-image{ width: 70px; height: 110px; background-size: 100% 100%; }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo.no-assigned {  }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo.no-assigned .d-image{ -webkit-filter: grayscale(1); filter: gray; filter: grayscale(1); opacity: .3;}
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo .d-image.c1{ background-image: url(img/case/cromo-1.png); }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo .d-image.c2{ background-image: url(img/case/cromo-2.png); }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo .d-image.c3{ background-image: url(img/case/cromo-3.png); }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo .d-image.c4{ background-image: url(img/case/cromo-4.png); }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo .d-image.c5{ background-image: url(img/case/cromo-5.png); }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo .d-image.c6{ background-image: url(img/case/cromo-6.png); }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo .d-image.c7{ background-image: url(img/case/cromo-7.png); }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo .d-image.c8{ background-image: url(img/case/cromo-8.png); }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo .d-image.c9{ background-image: url(img/case/cromo-9.png); }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo .d-image.c10{ background-image: url(img/case/cromo-10.png); }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo .d-image.c11{ background-image: url(img/case/cromo-11.png); }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo .d-image.c12{ background-image: url(img/case/cromo-12.png); }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo .d-image.c13{ background-image: url(img/case/cromo-13.png); }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo .d-image.c14{ background-image: url(img/case/cromo-14.png); }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo .d-image.c15{ background-image: url(img/case/cromo-15.png); }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo .d-image.c16{ background-image: url(img/case/cromo-16.png); }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo .d-image.c17{ background-image: url(img/case/cromo-17.png); }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo .d-image.c18{ background-image: url(img/case/cromo-18.png); }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo .d-image.c19{ background-image: url(img/case/cromo-19.png); }
main .m-home.d-student  .d-menu-student .d-cromos .d-cromo-container .d-cromo .d-image.c20{ background-image: url(img/case/cromo-20.png); }

main .d-classroom-project-activity .d-menu-header .d-tabs .d-onboarding-element{ position: absolute; top: 110px; left: 115px; width: 185px; height: 185px;  }
main .d-classroom-project-activity .d-menu-header .d-tabs .d-btn{ position: absolute; top: 110px; left: 115px; width: 185px; height: 57px; background: url(img/classroom-project-activity/bg-btn.png); }
main .d-classroom-project-activity .d-menu-header .d-tabs .d-btn:before{ content: ' '; display: inline-block; width: 45px; height: 45px; background: url(img/ico_note.png) no-repeat; background-size: 100%; margin: 6px 5px 2px 10px; }
main .d-classroom-project-activity .d-menu-header .d-tabs .d-btn.task{ top: 175px; }
main .d-classroom-project-activity .d-menu-header .d-tabs .d-btn.task:before{ background: url(img/ico_task.png) no-repeat; background-size: auto 100%; margin: 3px 5px 0px 18px; }
main .d-classroom-project-activity .d-menu-header .d-tabs .d-btn.test{ top: 240px; }
main .d-classroom-project-activity .d-menu-header .d-tabs .d-btn.test:before{ background: url(img/ico_quizz.png) no-repeat; background-size: auto 100%; margin: 3px 5px 0px 12px; }
main .d-classroom-project-activity .d-menu-header .d-tabs .d-btn span{ font-family: 'akaPosse'; color: #32240b; font-size: 21px; position: absolute; top: 10px; left: 60px; line-height: 29px; }

main .d-classroom-project-activity .d-menu-header .d-separator{  position: absolute; top: 310px; left: 122px; width: 166px; height: 24px; background: url(img/classroom-project-activity/separator.png); }
main .d-classroom-project-activity .d-menu-header .d-progress .d-title{ position: absolute; top: 340px; left: 104px; width: 200px; height: 30px; font-family: 'akaPosse'; font-size: 25px; color: #9b8058; text-align: center; line-height: 20px;}
main .d-classroom-project-activity .d-menu-header .d-progress .d-investigated,
main .d-classroom-project-activity .d-menu-header .d-progress .d-resolved { position: absolute; top: 380px; left: 114px; width: 86px; height: 88px; background: url(img/classroom-project-activity/bg-progress.png); }

main .d-classroom-project-activity .d-menu-header .d-progress .d-resolved{ left: 211px; }
main .d-classroom-project-activity .d-menu-header .d-progress .d-investigated-label,
main .d-classroom-project-activity .d-menu-header .d-progress .d-resolved-label { font-family: 'effloresce_bold'; position: absolute; width: 100px; top: 470px; text-align: center; left: 108px; }
main .d-classroom-project-activity .d-menu-header .d-progress .d-resolved-label{ left: 203px; }
main .d-classroom-project-activity .d-menu-header .d-progress .d-bar{ width: 71px; margin-top: 9px; margin-left: 7px;}
main .d-classroom-project-activity .d-menu-header .d-progress .d-bar .progressbar-text{ color: #000 !important; font-size: 14px !important; }
main .d-classroom-project-activity .d-menu-header .d-progress .d-investigated .d-bar,
main .d-classroom-project-activity .d-menu-header .d-progress .d-resolved .d-bar{ width: 71px; height: 71px; }

main .d-classroom-project-activity .d-right-panel{ z-index: 4; position: absolute; width: 200px; height: auto; background: #f7eedd; top: 30px; right: 30px; 
                                                   -webkit-box-shadow: 2px 6px 19px -2px rgba(0,0,0,0.65);
                                                   -moz-box-shadow: 2px 6px 19px -2px rgba(0,0,0,0.65);
                                                   box-shadow: 2px 6px 19px -2px rgba(0,0,0,0.65);}
main .d-classroom-project-activity .d-right-panel .d-right-panel-content{ position: relative; padding: 20px; }
main .d-classroom-project-activity .d-right-panel .d-right-panel-content:before,
main .d-classroom-project-activity .d-right-panel .d-right-panel-content:after{ content: ' '; position: absolute; top: 3px; width: 22px; height: 26px; background: url(img/ico_corner.png); }
main .d-classroom-project-activity .d-right-panel .d-right-panel-content:before{ left: 5px; }
main .d-classroom-project-activity .d-right-panel .d-right-panel-content:after{ right: 5px; }

main .d-classroom-project-activity .post-new-message { padding-bottom: 5px; padding-top: 32px; margin-left: 330px; margin-right: 10px; }
main .d-classroom-project-activity .post-new-message .d-card-message{ position: relative; height: auto; border: 4px solid #2c1608; border-radius: 5px; min-width: 550px; max-width: 800px; margin: 0 auto; background: #f2ebde; }
main .d-classroom-project-activity .post-new-message .d-header { display: block; width: 100%; height: 56px; }
main .d-classroom-project-activity .post-new-message .d-header .d-icon-message{ position: absolute; top: 10px; left: 10px; width: 49px; height: 49px; background: url(img/ico_note.png); }
main .d-classroom-project-activity .post-new-message .d-header .d-label-message{ position: absolute; top: 20px; left: 70px; font-family: 'akaPosse'; font-size: 20px; display: inline-block; }
main .d-classroom-project-activity .post-new-message .d-content{ display: block; width: 100%; height: auto; position: relative; min-height: 110px; }
main .d-classroom-project-activity .post-new-message .d-content .d-icon-student{ position: absolute; top: 20px; left: 20px; }
main .d-classroom-project-activity .post-new-message .d-content .d-ck-message{ margin: 1px 10px 1px 100px; min-width: 100px; min-height: 90px; }
main .d-classroom-project-activity .post-new-message .d-content .d-files{ display: block; margin-left: 100px; margin-right: 8px; }
main .d-classroom-project-activity .post-new-message .d-content .d-file{ display: block; border: 1px solid #b49d8c; margin: 0 auto; position: relative;  height: 80px; margin-bottom: 5px; margin-top: 5px; }
main .d-classroom-project-activity .post-new-message .d-content .d-file .d-icon-container{ position: absolute; top: 0; left: 0; width: 80px; height: 80px; background: #e7decd; }
main .d-classroom-project-activity .post-new-message .d-content .d-file .d-icon-container .d-icon{ width: 45px; height: 45px; border-radius: 30px; background-color: #fff; background-repeat: no-repeat; background-position: center; position: absolute; top: 17px; left: 17px; }
main .d-classroom-project-activity .post-new-message .d-content .d-file .d-info{ position: absolute; left: 90px; top: 5px; line-height: 1.4em; right: 15px; }
main .d-classroom-project-activity .post-new-message .d-content .d-file.without-size .d-info{ top: 18px; }
main .d-classroom-project-activity .post-new-message .d-content .d-file .d-info .d-info-title{ color: #694a41; font-weight: bold; font-size: 18px; cursor: pointer; }
main .d-classroom-project-activity .post-new-message .d-content .d-file .d-info .d-info-title:hover{ text-decoration: underline; }
main .d-classroom-project-activity .post-new-message .d-content .d-file .d-info .d-info-type{ color: #918679; font-size: 16px; }
main .d-classroom-project-activity .post-new-message .d-content .d-file .d-info .d-info-size{ color: #918679; font-size: 16px; }
main .d-classroom-project-activity .post-new-message .d-content .btn-remove{ font-family: sans-serif; font-weight: bold; position: absolute; top: 31px; right: 15px; color: #86440b; cursor: pointer; }
main .d-classroom-project-activity .post-new-message .d-content .d-add-file{ display: none; position: relative; color: #903500; padding-left: 35px; line-height: 26px; margin: 10px 10px 5px 100px; cursor: pointer; }
main .d-classroom-project-activity .post-new-message .d-content .d-add-file:before{ content: ' '; position: absolute; top: 0px; left: 0px; width: 28px; height: 27px; background: url(img/classroom-project-activity/btn_add.png) no-repeat; background-position: center; }
main .d-classroom-project-activity .post-new-message.active .d-content .d-add-file{ display: block; }
main .d-classroom-project-activity .post-new-message .d-footer { display: none; width: 100%; height: 50px; background: #e6d9c1; border-top: 1px solid #b49d8c; position: relative; }
main .d-classroom-project-activity .post-new-message.active .d-footer { display: block; }
main .d-classroom-project-activity .post-new-message .d-footer .btn-publish{ position: absolute; right: 20px; top: 6px; }
main .d-classroom-project-activity .post-new-message .d-footer .btn-cancel{ position: absolute; top: 15px; left: 20px; }


main .d-classroom-project-activity .project-activity-content { padding-bottom: 20px; padding-top: 32px; margin-left: 330px; margin-right: 10px;}

main .d-classroom-project-activity .project-activity-content .d-post-it{ min-width: 550px; max-width: 800px; height: 250px; background: url(img/bg_recordatorio.png); font-family: 'special_elite'; font-size: 16px; text-align: left; margin: 0 auto; margin-bottom: 20px;  -webkit-box-shadow: 4px 3px 3px 1px rgba(0,0,0,0.25); -moz-box-shadow: 4px 3px 3px 1px rgba(0,0,0,0.25); box-shadow: 4px 3px 3px 1px rgba(0,0,0,0.25); }
main .d-classroom-project-activity .project-activity-content .d-post-it .d-post-it-container{ padding: 20px 20px 20px 40px; }
main .d-classroom-project-activity .project-activity-content .d-post-it .d-post-it-container .d-post-it-cols { display: block; width: 100%; height: 120px; margin: 15px 0px 10px 50px; }
main .d-classroom-project-activity .project-activity-content .d-post-it .d-post-it-container .d-post-it-cols .d-post-it-col{ float:left; width: 30%; height: 120px; text-align: center; }
main .d-classroom-project-activity .project-activity-content .d-post-it .d-post-it-container .d-post-it-cols .d-post-it-col .d-icon{ display:block; margin: 0 auto; width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; margin-bottom: 5px; }
main .d-classroom-project-activity .project-activity-content .d-post-it .d-post-it-container .d-post-it-cols .d-post-it-col.c1 .d-icon{ background-image: url(img/ico_note.png); }
main .d-classroom-project-activity .project-activity-content .d-post-it .d-post-it-container .d-post-it-cols .d-post-it-col.c2 .d-icon{ background-image: url(img/ico_task.png); }
main .d-classroom-project-activity .project-activity-content .d-post-it .d-post-it-container .d-post-it-cols .d-post-it-col.c3 .d-icon{ background-image: url(img/ico_quizz.png); }


main .d-classroom-project-activity .project-activity-content .posts-saved{ position: relative; min-height: 60px; min-width: 550px; max-width: 800px; background: url(img/post_saved_bg.png); background-color: #392215; margin: 0 auto; padding: 0px; margin-bottom: 35px; -webkit-box-shadow: 2px 6px 19px -2px rgba(0,0,0,0.65); -moz-box-shadow: 2px 6px 19px -2px rgba(0,0,0,0.65); box-shadow: 2px 6px 19px -2px rgba(0,0,0,0.65); }
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-title{ font-family: 'cinzel_decorative_700'; color: #d3b356; font-size: 18px; position: absolute; top: 14px; left: 50px; line-height: 27px; }
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-toggle{ font-family: 'akaPosse'; color: #d3b356; font-size: 35px; position: absolute; top: 10px; right: 30px; width: 40px; height: 40px; cursor: pointer; line-height: 30px; text-align: center; }
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-toggle:after{ content:'+';}
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-toggle.active:after{ content:'-';}
main .d-classroom-project-activity .project-activity-content .posts-saved .corners-top:before,
main .d-classroom-project-activity .project-activity-content .posts-saved .corners-top:after,
main .d-classroom-project-activity .project-activity-content .posts-saved .corners-bottom:before,
main .d-classroom-project-activity .project-activity-content .posts-saved .corners-bottom:after{ content: ' '; position: absolute; width: 38px; height: 38px; background: url(img/post_saved_bg_corner.png); }
main .d-classroom-project-activity .project-activity-content .posts-saved .corners-top:before{ top: -5px; left: -6px; }
main .d-classroom-project-activity .project-activity-content .posts-saved .corners-top:after{ top: -5px; right: -6px; -moz-transform: scaleX(-1);
                                                                                              -o-transform: scaleX(-1);
                                                                                              -webkit-transform: scaleX(-1);
                                                                                              transform: scaleX(-1);
                                                                                              filter: FlipH;
                                                                                              -ms-filter: "FlipH"; }
main .d-classroom-project-activity .project-activity-content .posts-saved .corners-bottom:before{ bottom: -5px; left: -6px; -moz-transform: scale(1, -1);
                                                                                                  -o-transform: scale(1, -1);
                                                                                                  -webkit-transform: scale(1, -1);
                                                                                                  transform: scale(1, -1); 
                                                                                                  filter: FlipV;
                                                                                                  -ms-filter: "FlipV";}
main .d-classroom-project-activity .project-activity-content .posts-saved .corners-bottom:after{ bottom: -5px; right: -6px; -moz-transform: scale(-1, -1);
                                                                                                 -o-transform: scale(-1, -1);
                                                                                                 -webkit-transform: scale(-1, -1);
                                                                                                 transform: scale(-1, -1); filter: FlipH FlipV;
                                                                                                 -ms-filter: "FlipH FlipV";}
main .d-classroom-project-activity .project-activity-content .posts-saved .d-tooltip-help{ width: 34px; height: 34px; background: url(img/classroom-project-activity/ico_help.png); vertical-align: middle; display: inline-block; margin-left: 5px; }
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-content{ display: none; padding: 60px 10px 20px 10px; margin-bottom: 60px; }
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-content .posts-sub-title{ color: #d3b356; font-size: 18px; margin-left: 20px; margin-top: 10px; margin-bottom: 5px; }
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-content .posts-sub-title .programmed-date{ position: absolute; right: 61px; left: 346px; top: 80px; text-align: center; min-width: 180px; }
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-content .saved-task{ cursor: pointer; display: block; position: relative; width: 100%; min-height: 80px; background: #f7eedd; margin-bottom: 10px }
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-content .saved-task .saved-task-icon{ position: absolute; top: 11px; left: 12px; width: 50px; height: 53px; background: url(img/ico_quizz.png); background-size: 100%; }
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-content .saved-task.active .saved-task-icon{ display: none; }
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-content .saved-task .saved-task-icon.task{ position: absolute; top: 10px; left: 16px; width: 43px; height: 59px; background: url(img/ico_task.png); background-size: 100%; }
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-content .saved-task .saved-task-icon.message{ background: url(img/ico_note.png) no-repeat; background-position: center; }
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-content .saved-task .saved-task-info{ font-family: 'special_elite'; display: block; width: 100%; height: 65px; }
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-content .saved-task.task.active .saved-task-info,
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-content .saved-task.quizz.active .saved-task-info{ height: 135px; }
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-content .saved-task .saved-task-info .saved-task-title{ position: absolute; top: 20px; left: 80px; font-size: 18px; width: 260px; overflow: hidden; height: 18px;}
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-content .saved-task .saved-task-info .saved-task-description{ position: absolute; top: 49px; left: 80px; font-size: 16px; width: 260px; overflow: hidden; height: 27px; color: #665a53; }
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-content .saved-task.active .saved-task-info .saved-task-description{ display: none; }
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-content .saved-task .saved-task-info .saved-text-message{ position: absolute; top: 32px; left: 80px; width: 260px; overflow: hidden; height: 42px; }
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-content .saved-task .saved-task-info .saved-task-date{ position: absolute; top: 34px; right: 52px; font-size: 16px; left: 336px; text-align: center; color: #665a53;}
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-content .saved-task.active .saved-task-info .saved-task-date{ top: 25px; }

main .d-classroom-project-activity .project-activity-content .posts-saved .posts-content .saved-task .saved-task-info .fix-title{ font-family: special_elite; font-size: 18px; font-weight: bold; color: #23201f; line-height: 1.2em; }
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-content .saved-task .saved-task-info .fix-sub-title{ font-family: special_elite;font-size: 16px; color:  #665a53; }
main .d-classroom-project-activity .project-activity-content .posts-saved .posts-content .saved-task .saved-task-icon-remove{ position: absolute; top: 22px; right: 10px; cursor: pointer; width: 33px; height: 36px; background: url(img/post_saved_remove.png);}

main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .d-header-post{ display: none; position: absolute; top: 0; left: 0; right: 0; height: 60px; border-bottom: 1px solid #e4d3ba; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task.active .d-header-post{ display: block; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .d-creator-name { position: absolute; left: 70px; top: 18px; color: #4d3c20; font-weight: bold; font-size: 21px;}
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .d-icon-username { position: absolute; left: 12px; top: 7px; width: 42px; height: 42px; background: url(img/profile_42x42.jpg);  border: 2px solid #684730; background-position: center; background-size: 100%; background-repeat: no-repeat; border-radius: 60px; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .d-icon-username.alias { width: 50px; height: 50px; border: none; top: 6px; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .d-icon-username.alias.alias1{ background: url(img/classroom-project-activity/alias_1.png) !important; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .d-icon-username.alias.alias2{ background: url(img/classroom-project-activity/alias_2.png) !important; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .d-icon-username.alias.alias3{ background: url(img/classroom-project-activity/alias_3.png) !important; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .d-icon-username.alias.alias4{ background: url(img/classroom-project-activity/alias_4.png) !important; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .d-icon-username.alias.alias5{ background: url(img/classroom-project-activity/alias_5.png) !important; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .d-icon-username.alias.alias6{ background: url(img/classroom-project-activity/alias_6.png) !important; }

main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .d-wood-bar{ display: none; position: relative; width: 100%; height: 65px; background: url(img/classroom-project-activity/bg_wood.png) repeat-x; position: absolute; top: 60px; padding-left: 14px; margin-left: -9px; border: 1px solid #c4b394;}
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task.active .d-wood-bar{ display: block; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .d-wood-bar:before { content: ""; position: absolute; top: 65px; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 0; border-color: transparent #4a3f37 transparent transparent; -webkit-box-shadow: 5px -4px 7px rgba(0,0,0,0.3); -moz-box-shadow: 5px -4px 7px rgba(0,0,0,0.3); box-shadow: 5px -4px 7px rgba(0,0,0,0.3); }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .d-wood-bar .d-icon{ z-index: 2; width: 43px; height: 59px; position: absolute; top: 2px; left: 22px; background: url(img/ico_task.png); }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .d-wood-bar .d-quizz-icon{ z-index: 2; width: 50px; height: 53px; position: absolute; top: 5px; left: 22px; background: url(img/ico_quizz.png); }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task.task .d-wood-bar .d-quizz-icon{ 
    z-index: 2; 
    position: absolute; top: 1px; left: 22px; 
    width: 43px;
    height: 59px;
    background: url(img/ico_task.png);
    background-size: 100%;}
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .d-wood-bar .d-points-label{ position: absolute; top: -2px; left: 44px; width: 174px; height: 83px; background: url(img/classroom-project-activity/bg_points.png); }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .d-wood-bar .d-points-label .d-amount{ position: absolute; top: 14px; left: 104px; font-family: akaPosse; font-size: 30px; color: #6b4027; -webkit-transform: rotate(13deg); -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -o-transform: rotate(13deg); text-align: center; width: 45px;}
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .d-wood-bar .d-points-label .d-label{ position: absolute; top: 44px; left: 97px; font-family: akaPosse; font-size: 16px; color: #6b4027; -webkit-transform: rotate(13deg); -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -o-transform: rotate(13deg); text-align: center; width: 45px;}
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .d-wood-bar .d-post-with-cromo{ position: absolute; top: -5px; left: 243px; width: 44px; height: 77px; background: url(img/case/cromo-caso.png); background-size: 100% 100%; }

main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .saved-task-toggle{ position: absolute; top: 19px; right: 15px; width: 30px; height: 25px;     background: url(img/classroom-project-activity/btn-arrow-2.png) no-repeat; background-position: center; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .saved-task-toggle.active{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .saved-task-check{ position: absolute; top: 15px; right: 61px; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .saved-task-content { display: none; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .saved-task-content.active { display: block; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .saved-task-content .d-post-task-title{ margin: 15px; font-family: special_elite; font-size: 18px; text-align: left; font-weight: bold; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .saved-task-content .d-post-task-description{ margin: 15px; font-family: special_elite; font-size: 18px; text-align: left; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .saved-task-content .d-post-task-message{ margin: 15px; font-family: special_elite; text-align: left; font-size:   18px; line-height: 1.6em; color:  #23201f; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task br { line-height: 200%; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task p { line-height: 1.6em;; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .saved-task-content-container { text-align: center; margin-bottom: 20px; position: relative; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .saved-task-content-container .d-loader{ display: inline-block; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .saved-task-content iframe{  width: 97%; border: none; margin: 10px; height: 100%; position: absolute; top: -5000px; left: -5000px; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .saved-task-content iframe.loaded{ top: 0px; left: 0px; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .saved-task-footer { display: block; margin-top: 5px; width: 100%; height: 50px; border-top: 1px solid #c7b799; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .saved-task-footer .btn{ display: inline-block; margin: 15px; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .saved-task-footer .btn.btn-remove{ color: #5a3925; font-weight: bold; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .saved-task-footer .btn.btn-edit,
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .saved-task-footer .btn.btn-publish{ float: right; margin: 10px; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .saved-task-footer .btn.btn-publish{ margin-right: 29px; margin-top: 6px; margin-left: 20px; }
main .d-classroom-project-activity .project-activity-content .posts-saved .saved-task .saved-task-footer .btn.btn-edit{ padding: 8px 19px; margin: 6px 12px 0px 0px; }

main .d-classroom-project-activity .project-activity-content .posts-saved.first-access .programmed-header,
main .d-classroom-project-activity .project-activity-content .posts-saved.first-access .draft-header{ display: none; }

/* post selection bar */
.d-custom-bar .post-selection-bar{
    display: none;
    position: fixed;
    top: 0;
    left: 1px;
    right: 1px;
    z-index: 6;
    height: 67px;
    background: #135f5a;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25);
    border-left: 4px solid #e3ad57;
    border-right: 4px solid #e3ad57;
    border-bottom: 4px solid #e3ad57;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.d-custom-bar .post-selection-bar .d-selection-number{
    position: absolute;
    top: 8px;
    left: 20px;
    color: #FFF;
    width: 365px;
    height: 45px;
}
.d-custom-bar .post-selection-bar .d-selection-number.d-border-inset,
.d-custom-bar .post-selection-bar .d-selection-number.d-border-inset .corner{ background: #135f5a; border-color: #edc57b; }
.d-custom-bar .post-selection-bar .d-selection-number .d-label{     line-height: 43px;
                                                                    width: 100%;
                                                                    text-align: center; }

.d-custom-bar .post-selection-bar .d-actions{ position: absolute;
                                              top: 22px;
                                              left: 420px;}
.d-custom-bar .post-selection-bar .d-btn-remove{ margin-left: 10px; }
.d-custom-bar .post-selection-bar .btn-cancel{     position: absolute;
                                                   right: 20px;
                                                   top: 16px;}

main .d-classroom-project-activity .d-card.d-post { display:block; position: relative; min-width: 550px; max-width: 800px; background: #f7eedd; margin: 0 auto; padding: 0px; margin-bottom: 15px; 
                                                    -webkit-box-shadow: 2px 6px 19px -2px rgba(0,0,0,0.65);
                                                    -moz-box-shadow: 2px 6px 19px -2px rgba(0,0,0,0.65);
                                                    box-shadow: 2px 6px 19px -2px rgba(0,0,0,0.65);}
main .d-classroom-project-activity .d-card.d-post:last-child { margin-bottom: 110px; } 
main .d-classroom-project-activity .d-card.d-post .d-header-task { display:block; width: 100%; height: 80px; border-bottom: 1px solid #c7b799; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon { position: absolute; top: 5px; left: 30px; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon.task { width: 43px; height: 59px; background: url(img/ico_task.png); }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon.message { width: 49px; height: 49px; background: url(img/ico_note.png); }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon.quizz { width: 50px; height: 53px; background: url(img/ico_quizz.png); }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon-avatar { position: absolute; left: 15px; top: 10px; margin-top: 5px; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon-avatar .alias { width: 50px; height: 50px; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon-avatar .alias.alias1{ background: url(img/classroom-project-activity/alias_1.png) !important; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon-avatar .alias.alias2{ background: url(img/classroom-project-activity/alias_2.png) !important; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon-avatar .alias.alias3{ background: url(img/classroom-project-activity/alias_3.png) !important; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon-avatar .alias.alias4{ background: url(img/classroom-project-activity/alias_4.png) !important; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon-avatar .alias.alias5{ background: url(img/classroom-project-activity/alias_5.png) !important; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon-avatar .alias.alias6{ background: url(img/classroom-project-activity/alias_6.png) !important; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon-avatar .d-student-icon .d-level{ display: none; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon-username { position: absolute; left: 92px; top: 7px; width: 42px; height: 42px; background: url(img/profile_42x42.jpg);  border: 2px solid #684730; background-position: center; background-size: 100%; background-repeat: no-repeat; border-radius: 60px; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon-username.teacher{ top: 7px; width: 42px; height: 42px; border: 2px solid #684730; background-position: center; background-size: 100%; background-repeat: no-repeat; border-radius: 60px; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon-username.teacher.alias{ border: none; width: 50px; height: 50px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon-username.teacher.alias1{ background: url(img/classroom-project-activity/alias_1.png) !important; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon-username.teacher.alias2{ background: url(img/classroom-project-activity/alias_2.png) !important; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon-username.teacher.alias3{ background: url(img/classroom-project-activity/alias_3.png) !important; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon-username.teacher.alias4{ background: url(img/classroom-project-activity/alias_4.png) !important; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon-username.teacher.alias5{ background: url(img/classroom-project-activity/alias_5.png) !important; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-username { position: absolute; left: 76px; top: 9px; color: #2c1608; font-family: effloresce_bold; font-size: 20px; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-post-to { position: absolute; top: 35px; left: 77px; color: #4d3c20; font-size: 15px; font-family: effloresce_bold; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-time { position: absolute; left: 77px; top: 55px; color: #918679; font-family: effloresce_bold; font-size: 14px; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-tracing { position: absolute; right: 40px; top: 7px; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-tracing .d-tracing-done,
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-tracing .d-tracing-corrected,
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-tracing .d-tracing-missing{ width: 120px; height: 90px; position: relative; display: inline-block; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-tracing .d-counter{ width: 73px; height: 51px; background: url(img/classroom-project-activity/bg_counter.png) no-repeat; background-size: 100%; background-position: center; top: 0; position: absolute; left: 24px; font-family: 'special_elite'; font-size: 35px; text-align: center; line-height: 66px; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-tracing .d-counter span{ position: absolute; width: 73px; text-align: center; letter-spacing: 8px; top: 0px; left: 4px; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-tracing .d-counter.d-tracing-done-counter{ color: #566a3b; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-tracing .d-counter.d-tracing-corrected{ color: #3da3bc; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-tracing .d-counter.d-tracing-missing{ color: #bc523d; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-tracing .d-label { font-family: 'akaPosse'; text-align: center; position: absolute; left: 0; right: 0; top: 50px; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-tracing .d-label.d-tracing-done-label{ color: #566a3b; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-tracing .d-label.d-tracing-missing-label{ color: #bc523d; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-tracing .d-label.d-tracing-corrected-label{ color: #3da3bc; }


main .d-classroom-project-activity .d-card.d-post .d-corrected-points{ position: absolute; top: 7px; right: 18px; font-family: akaPosse; font-size: 20px; color: #73493e; text-align: right;}
main .d-classroom-project-activity .d-card.d-post .d-corrected-points .d-corrected-score{ font-size: 32px; }
main .d-classroom-project-activity .d-card.d-post .d-corrected-points .d-corrected-score .d-oftotal{ color: #dcb7ad; }

main .d-classroom-project-activity .d-card.d-post .d-corrected-cromo{ position: absolute; top: -15px; right: 145px; width: 100px; height: 100px; background: url(img/glow.png); z-index: 2; background-size: 100% 100%; }
main .d-classroom-project-activity .d-card.d-post .d-corrected-cromo .d-win-cromo{ background-size: 100%; background-position: center; width: 62px; height: 95px; position: absolute; top: 12px; left: 20px; z-index: 2; }

main .d-classroom-project-activity .d-card.d-post .d-header-task .d-actions { position: absolute; right: 5px; bottom: 5px; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-action-config { position: absolute; right: 65px; top: 4px; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-action-config .d-icon{ display: inline-block; width: 28px; height: 28px; background: url(img/classroom-project-activity/btn-config.png); }
main .d-classroom-project-activity .d-card.d-post .d-header-task .dropdown { position: absolute; top: 65px; right: -11px; left: auto; display: none; z-index: 2; }
main .d-classroom-project-activity .d-card.d-post.t_quizzes .d-header-task{ height: 140px; }
main .d-classroom-project-activity .d-card.d-post.t_quizzes .d-wood-bar{ position: relative; width: 100%; height: 65px; background: url(img/classroom-project-activity/bg_wood.png) repeat-x; position: absolute; top: 80px; padding-left: 14px; margin-left: -9px; border: 1px solid #c4b394;}
main .d-classroom-project-activity .d-card.d-post.t_quizzes .d-wood-bar:before { content: ""; position: absolute; top: 65px; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 0; border-color: transparent #4a3f37 transparent transparent; -webkit-box-shadow: 5px -4px 7px rgba(0,0,0,0.3); -moz-box-shadow: 5px -4px 7px rgba(0,0,0,0.3); box-shadow: 5px -4px 7px rgba(0,0,0,0.3); }
main .d-classroom-project-activity .d-card.d-post.t_quizzes .d-wood-bar .d-quizz-icon{ z-index: 2; width: 50px; height: 53px; position: absolute; top: 5px; left: 22px; background: url(img/ico_quizz.png); }
main .d-classroom-project-activity .d-card.d-post.t_quizzes .d-wood-bar .d-points-label{ position: absolute; top: -2px; left: 44px; width: 174px; height: 83px; background: url(img/classroom-project-activity/bg_points.png); }
main .d-classroom-project-activity .d-card.d-post.t_quizzes .d-wood-bar .d-points-label .d-amount{ position: absolute; top: 14px; left: 104px; font-family: akaPosse; font-size: 30px; color: #6b4027; -webkit-transform: rotate(13deg); -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -o-transform: rotate(13deg); text-align: center; width: 45px;}
main .d-classroom-project-activity .d-card.d-post.t_quizzes .d-wood-bar .d-points-label .d-label{ position: absolute; top: 44px; left: 97px; font-family: akaPosse; font-size: 16px; color: #6b4027; -webkit-transform: rotate(13deg); -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -o-transform: rotate(13deg); text-align: center; width: 45px;}
main .d-classroom-project-activity .d-card.d-post.t_quizzes .d-wood-bar .d-post-with-cromo{ position: absolute; top: -5px; left: 243px; width: 44px; height: 77px; background: url(img/case/cromo-caso.png); background-size: 100% 100%; }
main .d-classroom-project-activity .d-card.d-post.t_quizzes .d-wood-bar .d-end-at{ position: absolute; top: 26px; right: 26px; color: #fff; font-family: special_elite; }

main .d-classroom-project-activity .d-card.d-post .d-wood-bar .d-response-status{ position: absolute; height: 30px; top: 65px; right: 30px; padding: 10px 20px 5px 20px; border-radius: 0 0 10px 10px; font-family: akaPosse; font-size: 20px; color: #f7eedd; background: #bc523d; }
main .d-classroom-project-activity .d-card.d-post .d-wood-bar .d-response-status.delivered{ background: #566a3b; }
main .d-classroom-project-activity .d-card.d-post .d-wood-bar .d-response-status.corrected{ background: #3da3bc; }

main .d-classroom-project-activity .d-card.d-post.t_task .d-header-task{ height: 140px; }
main .d-classroom-project-activity .d-card.d-post.t_task .d-wood-bar{ position: relative; width: 100%; height: 65px; background: url(img/classroom-project-activity/bg_wood.png) repeat-x; position: absolute; top: 80px; padding-left: 14px; margin-left: -9px; border: 1px solid #c4b394;}
main .d-classroom-project-activity .d-card.d-post.t_task .d-wood-bar:before { content: ""; position: absolute; top: 65px; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 0; border-color: transparent #4a3f37 transparent transparent; -webkit-box-shadow: 5px -4px 7px rgba(0,0,0,0.3); -moz-box-shadow: 5px -4px 7px rgba(0,0,0,0.3); box-shadow: 5px -4px 7px rgba(0,0,0,0.3); }
main .d-classroom-project-activity .d-card.d-post.t_task .d-wood-bar .d-icon{ z-index: 2; width: 43px; height: 59px; position: absolute; top: 2px; left: 22px; background: url(img/ico_task.png); }
main .d-classroom-project-activity .d-card.d-post.t_task .d-wood-bar .d-points-label{ position: absolute; top: -2px; left: 44px; width: 174px; height: 83px; background: url(img/classroom-project-activity/bg_points.png); }
main .d-classroom-project-activity .d-card.d-post.t_task .d-wood-bar .d-points-label .d-amount{ position: absolute; top: 14px; left: 104px; font-family: akaPosse; font-size: 30px; color: #6b4027; -webkit-transform: rotate(13deg); -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -o-transform: rotate(13deg); text-align: center; width: 45px;}
main .d-classroom-project-activity .d-card.d-post.t_task .d-wood-bar .d-points-label .d-label{ position: absolute; top: 44px; left: 97px; font-family: akaPosse; font-size: 16px; color: #6b4027; -webkit-transform: rotate(13deg); -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -o-transform: rotate(13deg); text-align: center; width: 45px;}
main .d-classroom-project-activity .d-card.d-post.t_task .d-wood-bar .d-post-with-cromo{ position: absolute; top: -5px; left: 243px; width: 44px; height: 77px; background: url(img/case/cromo-caso.png); background-size: 100% 100%; }
main .d-classroom-project-activity .d-card.d-post.t_task .d-wood-bar .d-end-at{ position: absolute; top: 26px; right: 26px; color: #fff; font-family: special_elite; }

main .d-classroom-project-activity .d-card.d-post .d-content { padding: 15px; }
main .d-classroom-project-activity .d-card.d-post.empty .d-content { padding-top: 35px; text-align: center; }

main .d-classroom-project-activity .d-card.d-post .d-content .d-files{ display: block; padding: 10px; }
main .d-classroom-project-activity .d-card.d-post .d-content .d-file{ display: block; border: 1px solid #b49d8c; margin: 0 auto; position: relative;  height: 80px; margin-bottom: 5px; }
main .d-classroom-project-activity .d-card.d-post .d-content .d-file .d-icon-container{ position: absolute; top: 0; left: 0; width: 80px; height: 80px; background: #e7decd; }
main .d-classroom-project-activity .d-card.d-post .d-content .d-file .d-icon-container .d-icon{ width: 45px; height: 45px; border-radius: 30px; background-color: #fff; background-repeat: no-repeat; background-position: center; position: absolute; top: 17px; left: 17px; }
main .d-classroom-project-activity .d-card.d-post .d-content .d-file .d-info{ position: absolute; left: 90px; top: 5px; line-height: 1.4em; right: 15px; }
main .d-classroom-project-activity .d-card.d-post .d-content .d-file.without-size .d-info{ top: 18px; }
main .d-classroom-project-activity .d-card.d-post .d-content .d-file .d-info .d-info-title{ color: #694a41; font-weight: bold; font-size: 18px; cursor: pointer; }
main .d-classroom-project-activity .d-card.d-post .d-content .d-file .d-info .d-info-title:hover{ text-decoration: underline; }
main .d-classroom-project-activity .d-card.d-post .d-content .d-file .d-info .d-info-type{ color: #918679; font-size: 16px; }
main .d-classroom-project-activity .d-card.d-post .d-content .d-file .d-info .d-info-size{ color: #918679; font-size: 16px; }

main .d-classroom-project-activity .d-card.d-post .d-content .d-message{ font-family: 'special_elite'; font-size: 18px; line-height: 1.6em; }
main .d-classroom-project-activity .d-card.d-post .d-content .d-message .d-title{ font-size: 18px; position: relative; margin: 20px 0px; cursor: pointer; font-weight: bold; }
main .d-classroom-project-activity .d-card.d-post .d-content .d-message .d-title:hover{ text-decoration: underline; cursor: pointer; }
main .d-classroom-project-activity .d-card.d-post .d-exercise { font-size: 18px; font-weight: bold; position: relative; margin: 20px 0px; cursor: pointer; margin-top: 32px;}
main .d-classroom-project-activity .d-card.d-post .d-exercise:hover { text-decoration: underline; }
/* main .d-classroom-project-activity .d-card.d-post .d-exercise iframe{ border: 0; width: 100%; height: 100%; position: absolute; top: -5000px; left: -5000px;}
main .d-classroom-project-activity .d-card.d-post .d-exercise iframe.loaded{ position: absolute; top: 0px; left: 0px;} */
main .d-classroom-project-activity .d-card.d-post .d-content-footer { display: none; width: 100%; height: 21px; border-top: 1px solid #d0c599; position: relative; color: #606d75; margin-top: 10px; }
main .d-classroom-project-activity .d-card.d-post .d-content-footer .d-action-like { position: absolute; left: 0; top: 2px; }
main .d-classroom-project-activity .d-card.d-post .d-content-footer .d-action-like .d-icon{ display: inline-block; width: 29px; height: 29px; background: url(img/ico_like.png); }
main .d-classroom-project-activity .d-card.d-post .d-content-footer .d-label{ display: inline-block; vertical-align: top; margin-top: 7px; margin-left: 7px; color: #979797; font-weight: bold; }
main .d-classroom-project-activity .d-card.d-post .d-content-footer .d-action-like.like .d-label{ color: #d49e8d; }
main .d-classroom-project-activity .d-card.d-post .d-content-footer .d-action-comment { position: absolute; left: 130px; top: 2px; }
main .d-classroom-project-activity .d-card.d-post .d-content-footer .d-action-comment .d-icon{ display: inline-block; width: 29px; height: 29px; background: url(img/ico_comment.png); }
main .d-classroom-project-activity .d-card.d-post .d-content-footer .dropdown{ display: none; position: absolute; top: 58px; right: -19px; z-index: 2; left: auto;}
main .d-classroom-project-activity .d-card.d-post .d-comments{ background: #e8e0c2; display: none; }
main .d-classroom-project-activity .d-card.d-post .d-comments.active{ display: block; }
main .d-classroom-project-activity .d-card.d-post .d-comments .d-header-comments{ padding: 10px; border-bottom: 1px solid #d0c599; }
main .d-classroom-project-activity .d-card.d-post .d-comments .d-header-comments .d-header-comment-icon{ display: inline-block; width: 29px; height: 29px; background: url(img/ico_like2.png); }
main .d-classroom-project-activity .d-card.d-post .d-comments .d-header-comments .d-header-comment-label{ display: inline-block; vertical-align: top; margin-left: 7px; margin-top: 7px; }
main .d-classroom-project-activity .d-card.d-post .d-comments .d-list-comments{  }

main .d-classroom-project-activity .d-card.d-post .d-resources { display: block; width: 100%; }
main .d-classroom-project-activity .d-card.d-post .d-resources .d-resource { display: block; width: 100%; height: 70px; border: 1px solid silver; background: #eee; margin-top: 10px; }
main .d-classroom-project-activity .d-card.d-post .d-resources .d-resource .d-icon { float: left; width: 70px; height: 68px; background: #fff; }
main .d-classroom-project-activity .d-card.d-post .d-resources .d-resource .d-icon i { font-size: 4em; color: silver; padding: 6px; }
main .d-classroom-project-activity .d-card.d-post .d-resources .d-resource .d-info { float: left; width: 300px; height: 70px; padding: 10px; }
main .d-classroom-project-activity .d-card.d-post .d-resources .d-resource .d-info .d-name { font-weight: bold; }
main .d-classroom-project-activity .d-card.d-post .d-resources .d-resource .d-actions { float: right; width: 75px; height: 70px; padding-top:20px; }
main .d-classroom-project-activity .d-card.d-post .d-resources .d-resource .d-actions i:first-child{ margin-right: 10px; }

/* -------> modal add post */
#modal-container .modal.d-classroom-post-form { width: 660px; height: 500px; }
#modal-container .modal.d-classroom-post-form.student { width: 660px; height: 450px; }
#modal-container .modal.d-classroom-post-form .d-header{ display: block; }
#modal-container .modal.d-classroom-post-form .d-header .btn-close{ position: absolute; width: 25px; height: 25px; right: 15px; top: 15px; background: url(img/classroom-project-activity/btn_cerrar.png); }
#modal-container .modal.d-classroom-post-form .d-header .post-type{ width: 235px; height: 50px; text-align: left; display: none; position: absolute; top: 15px; left: 20px; }
#modal-container .modal.d-classroom-post-form .d-header .post-type.active{ display: inline-block; }
#modal-container .modal.d-classroom-post-form .d-header .post-type .d-icon{ width: 50px; height: 50px; display: inline-block; }
#modal-container .modal.d-classroom-post-form .d-header .post-type.task .d-icon{ width: 43px; height: 59px; background: url(img/ico_task.png); }
#modal-container .modal.d-classroom-post-form .d-header .post-type.message .d-icon{ width: 49px; height: 49px; background: url(img/ico_note.png); }
#modal-container .modal.d-classroom-post-form .d-header .post-type.quizz .d-icon{ width: 50px; height: 53px; background: url(img/ico_quizz.png); }
#modal-container .modal.d-classroom-post-form .d-header .post-type .label{ font-family: 'akaPosse'; font-size: 20px; display: inline-block; line-height: 50px; vertical-align: top; margin-left: 10px; }
#modal-container .modal.d-classroom-post-form .d-header .d-suggested{ position: absolute; top: 33px; left: 225px; width: 300px; font-family: effloresce_bold; color: #412a19;}
#modal-container .modal.d-classroom-post-form .d-header .d-suggested a{ color: #d1541b; }
#modal-container .modal.d-classroom-post-form .d-content { position: absolute; top: 70px; left: 10px; right: 10px; bottom: 60px; overflow-y: auto; overflow-x: hidden; }
#modal-container .modal.d-classroom-post-form .d-content .d-content-program{ position: relative; width: 625px; height: 50px; border: 1px solid #be9e8c; background: #ecdac1; display: none; margin-left: 10px; }
#modal-container .modal.d-classroom-post-form .d-content .d-content-program .d-calendar{ position: absolute; left: 5px; top: 5px; width: 40px; height: 40px; background: url(img/classroom-project-activity/ico_calendar.png); }
#modal-container .modal.d-classroom-post-form .d-content .d-content-program .d-date{ position: absolute; left: 55px; top: 16px; width: 470px; height: 40px; color: #695348; }
#modal-container .modal.d-classroom-post-form .d-content .d-content-program .d-date span{ font-family: 'special_elite'; color: #000; cursor: pointer; margin-left: 10px; }
#modal-container .modal.d-classroom-post-form .d-content .d-content-program .d-choose-arrow { position: absolute; top: 11px; left: 500px; width: 25px; height: 25px; background: url(img/classroom-project-activity/bg_arrow.png) no-repeat; background-position: center; }
#modal-container .modal.d-classroom-post-form .d-content .d-content-program .d-close{ position: absolute; top: 13px; left: 592px; width: 25px; height: 25px; background: url(img/classroom-project-activity/ico_close.png) no-repeat; background-position: center; }
#modal-container .modal.d-classroom-post-form .d-content .d-content-from-and-to { position: relative; width: 630px; height: 50px; display: block; margin-left: 10px; margin-top: 5px; }
#modal-container .modal.d-classroom-post-form .d-content .d-content-from-and-to .d-from { position: absolute; top: 5px; left: 15px; line-height: 36px; color: #903500; }
#modal-container .modal.d-classroom-post-form .d-content .d-content-from-and-to .d-to { position: absolute; top: 5px; left: 320px; line-height: 36px; color: #903500;  }
#modal-container .modal.d-classroom-post-form .d-content .d-content-from-and-to .d-from .d-from-box,
#modal-container .modal.d-classroom-post-form .d-content .d-content-from-and-to .d-to .d-to-box{ border-radius: 3px; width: 210px; height: 35px; display: inline-block; padding-left: 10px; color: #000; font-family: 'effloresce_bold'; margin-left: 5px; cursor: pointer;  }
#modal-container .modal.d-classroom-post-form .d-content .d-content-from-and-to .d-from .d-from-box{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 20px; vertical-align: middle; }
#modal-container .modal.d-classroom-post-form .d-content .d-content-from-and-to .d-from .d-from-box:after,
#modal-container .modal.d-classroom-post-form .d-content .d-content-from-and-to .d-to .d-to-box:after{ content: ' '; position: absolute; top: 8px; right: 7px; width: 20px; height: 20px; background: url(img/classroom-project-activity/bg_arrow.png) no-repeat; background-position: center; }
#modal-container .modal.d-classroom-post-form .d-content .d-add-file{ position: relative; color: #903500; padding-left: 35px; line-height: 26px; margin-left: 20px; cursor: pointer; margin-top: 10px; }
#modal-container .modal.d-classroom-post-form .d-content .d-add-file:before{ content: ' '; position: absolute; top: 0px; left: 0px; width: 28px; height: 27px; background: url(img/classroom-project-activity/btn_add.png) no-repeat; background-position: center; }
#modal-container .modal.d-classroom-post-form .d-content .d-add-file-embed{ position: relative; color: #903500; padding-left: 35px; line-height: 26px; margin-left: 20px; cursor: pointer; margin-top: 10px; }
#modal-container .modal.d-classroom-post-form .d-content .d-add-file-embed:before{ content: ' '; position: absolute; top: 0px; left: 0px; width: 28px; height: 27px; background: url(img/classroom-project-activity/btn_add.png) no-repeat; background-position: center; }
#modal-container .modal.d-classroom-post-form .d-content .d-content-from-and-to .d-to .d-to-box:after{ content: ' '; position: absolute; top: 8px; right: 7px; width: 20px; height: 20px; background: url(img/classroom-project-activity/bg_arrow.png) no-repeat; background-position: center; }
#modal-container .modal.d-classroom-post-form .d-content .d-add-file-local{ position: relative; color: #903500; padding-left: 35px; line-height: 26px; margin-left: 20px; cursor: pointer; margin-top: 10px; }
#modal-container .modal.d-classroom-post-form .d-content .d-add-file-local:before{ content: ' '; position: absolute; top: 0px; left: 0px; width: 28px; height: 27px; background: url(img/classroom-project-activity/btn_add.png) no-repeat; background-position: center; }
#modal-container .modal.d-classroom-post-form .d-content .d-dd-box{ display: none; position: absolute; z-index: 3; top: 41px; border-radius: 3px; border: 2px solid #903500; background: #fffbf3; width: 300px; }
#modal-container .modal.d-classroom-post-form .d-content .d-dd-box .d-dd-options{ max-height: 220px; overflow-y: auto;}
#modal-container .modal.d-classroom-post-form .d-content .d-dd-box.d-from-dd{ left: 44px;  }
#modal-container .modal.d-classroom-post-form .d-content .d-dd-box.d-to-dd{ left: 307px;  }
#modal-container .modal.d-classroom-post-form .d-content .d-dd-box .d-title{ display: block; width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #e1ba88; }
#modal-container .modal.d-classroom-post-form .d-content .d-dd-box .d-title .d-text{ margin-left: 5px; }
#modal-container .modal.d-classroom-post-form .d-content .d-dd-box .d-title .d-close{ float: right; width: 20px; height: 20px; background: url(img/classroom-project-activity/ico_close.png) no-repeat; background-position: center; margin: 6px; cursor: pointer;  }
#modal-container .modal.d-classroom-post-form .d-content .d-dd-box .d-dd-option{ height: 45px; display: block; width: 100%; position: relative; }
#modal-container .modal.d-classroom-post-form .d-content .d-dd-box .d-dd-option .simple-checkbox{ position: absolute; left: 10px; top: 8px; }
#modal-container .modal.d-classroom-post-form .d-content .d-dd-box .d-dd-option .d-icon{ position: absolute; top: 3px; left: 50px; width: 34px; height: 34px; border: 2px solid #684730; background-position: center; background-size: 100%; background-repeat: no-repeat; border-radius: 60px; }
#modal-container .modal.d-classroom-post-form .d-content .d-dd-box .d-dd-option.alias .d-icon{ border: none; width: 45px; height: 45px; top: 0px; left: 46px; }
#modal-container .modal.d-classroom-post-form .d-content .d-dd-box .d-dd-option.group .d-icon{ border: none; width: 42px; height: 42px; top: 0px; left: 49px; }
#modal-container .modal.d-classroom-post-form .d-content .d-dd-box .d-dd-option .d-text{ position: absolute; left: 100px; top: 13px; }
#modal-container .modal.d-classroom-post-form .d-content .d-dd-box.d-to-dd .d-dd-option .simple-checkbox{ top: 12px; }
#modal-container .modal.d-classroom-post-form .d-content .d-dd-box.d-to-dd .d-dd-option .d-icon{ top: 8px; }
#modal-container .modal.d-classroom-post-form .d-content .d-dd-box.d-to-dd .d-dd-option .d-text{ top: 16px; }

#modal-container .modal.d-classroom-post-form .d-content .d-score-points-cromo { display: none; position: relative; width: 630px; height: 50px; display: block; margin-left: 10px; margin-top: 5px; }
#modal-container .modal.d-classroom-post-form .d-content .d-score-points-cromo .d-score{ display: inline-block; }
#modal-container .modal.d-classroom-post-form .d-content .d-score-points-cromo .d-score .d-score-label{ display: inline-block; font-family: akaPosse; font-size: 19px; margin-left: 20px; }
#modal-container .modal.d-classroom-post-form .d-content .d-score-points-cromo .d-score .d-score-input{ display: inline-block;}
#modal-container .modal.d-classroom-post-form .d-content .d-score-points-cromo .d-score .d-score-input input{ width: 50px; text-align: center; }
#modal-container .modal.d-classroom-post-form .d-content .d-score-points-cromo .d-score .d-score-help{ width: 34px; height: 34px; background: url(img/classroom-project-activity/ico_help.png); vertical-align: middle; display: inline-block;}
#modal-container .modal.d-classroom-post-form .d-content .d-score-points-cromo .d-points { display: inline-block; }
#modal-container .modal.d-classroom-post-form .d-content .d-score-points-cromo .d-points .d-points-label{ display: inline-block; font-family: akaPosse; font-size: 19px; margin-left: 20px; }
#modal-container .modal.d-classroom-post-form .d-content .d-score-points-cromo .d-points .d-points-input{ display: inline-block;}
#modal-container .modal.d-classroom-post-form .d-content .d-score-points-cromo .d-points .d-points-input input{  width: 70px; text-align: center; }
#modal-container .modal.d-classroom-post-form .d-content .d-score-points-cromo .d-points .d-points-input.disabled input{  width: 70px; text-align: center; border-bottom: none; }
#modal-container .modal.d-classroom-post-form .d-content .d-score-points-cromo .d-points .d-points-help{ width: 34px; height: 34px; background: url(img/classroom-project-activity/ico_help.png); vertical-align: middle; display: inline-block;}
#modal-container .modal.d-classroom-post-form .d-content .d-score-points-cromo .d-cromo { display: inline-block; margin-left: 10px; }
#modal-container .modal.d-classroom-post-form .d-content .d-score-points-cromo .d-cromo .d-cromo-label{ display: inline-block; font-family: 'effloresce_bold'; font-size: 18px; }
#modal-container .modal.d-classroom-post-form .d-content .d-score-points-cromo .d-cromo .d-cromo-card{ cursor: pointer; vertical-align: middle; display: inline-block; width: 32px; height: 59px; background: url(img/case/cromo-0.png) no-repeat; background-size: 100%; }
#modal-container .modal.d-classroom-post-form .d-content .d-score-points-cromo .d-cromo .d-cromo-card.cromo{  }
#modal-container .modal.d-classroom-post-form .d-content .d-score-points-cromo .d-cromo .d-cromo-card-close{ width: 25px; height: 25px; background: url(img/classroom-project-activity/ico_close.png) no-repeat; background-position: center;vertical-align: middle; display: inline-block; }
#modal-container .modal.d-classroom-post-form .d-content .d-score-points-cromo .d-cromo .d-cromo-help{ width: 34px; height: 34px; background: url(img/classroom-project-activity/ico_help.png); vertical-align: middle; display: inline-block; }

#modal-container .modal.d-classroom-post-form .d-content .d-dd-box.d-to-dd .d-dd-option{ height: 55px; }
#modal-container .modal.d-classroom-post-form .d-content .d-dd-box.d-to-dd .d-dd-option.last-type{ border-bottom: 1px solid #b49d8c; }

#modal-container .modal.d-classroom-post-form .d-content-body { display: none; }
#modal-container .modal.d-classroom-post-form .d-content-body.message { display: block; }
#modal-container .modal.d-classroom-post-form .ck-container { width: 587px; display: block; margin-left: 20px; }
#modal-container .modal.d-classroom-post-form .ck-container-title { margin-left: 20px; }
#modal-container .modal.d-classroom-post-form .ck-container-description { margin-left: 20px; margin-top: 5px; }
#modal-container .modal.d-classroom-post-form .ck-container #classroom-project-message{ width: 100%; height: 100%; float: left; background: #f4ebdc; border: 2px solid #c1b78e; font-family: 'special_elite'; padding: 10px; overflow-y: auto; }
#modal-container .modal.d-classroom-post-form .d-content-body.message .d-row .label-message{ text-align: left; position: absolute; right: 33px; top: 125px; }
/* quizz */
#modal-container .modal.d-classroom-post-form .d-content-body.quizz { margin-top: 5px; }
#modal-container .modal.d-classroom-post-form .d-content-body .d-row .d-label{ width:150px; text-align: right; font-family: 'effloresce_bold'; display: inline-block; margin-top: 5px; color: #7c4222;}
#modal-container .modal.d-classroom-post-form .d-content-body .d-row .input-field{ width:410px; text-align: left; font-family: 'effloresce_bold'; display: inline-block; margin-bottom: 10px; }
#modal-container .modal.d-classroom-post-form .d-content-body .d-row .input-field.date-end{ width:370px; }
#modal-container .modal.d-classroom-post-form .d-content-body .d-row .input-field .d-simple-input{ width:400px; }
#modal-container .modal.d-classroom-post-form .d-content-body .d-row .input-field textarea{ max-height: 50px; min-height: 50px; }
#modal-container .modal.d-classroom-post-form .d-content-body .d-row textarea{ background: transparent; }
#modal-container .modal.d-classroom-post-form .d-content-body .d-row .btn-wood { cursor: pointer; font-family: 'effloresce_bold'; text-align: center; width: 165px; height: 35px; background: url(img/bg_btn_wood.png); line-height: 31px; }
#modal-container .modal.d-classroom-post-form .d-content-body .d-row .selected-exercise-guid{ font-size: 12px; font-family: sans-serif; padding-left: 10px; }
#modal-container .modal.d-classroom-post-form .d-content #d-date-end-at{ width: 350px; font-size: 16px; text-align: center; }
#modal-container .modal.d-classroom-post-form .d-content .d-row-date-end{ display: block; width: 600px; margin-left: 20px; height: 40px; margin-top: 10px; }
#modal-container .modal.d-classroom-post-form .d-content .d-row-date-end .btn-date-selector{ width: 38px; height: 38px; background: url(img/ico-calendar.png); display: inline-block; vertical-align: middle; }
#modal-container .modal.d-classroom-post-form .d-content .d-row-date-end .d-label{ display: inline-block; }
#modal-container .modal.d-classroom-post-form .d-content .d-row-date-end .input-field{ display: inline-block; }
#modal-container .modal.d-classroom-post-form .d-content .d-row-date-end .d-choose-arrow{ float: right; margin-top: 3px; margin-right: 20px; width: 25px; height: 25px; background: url(img/classroom-project-activity/bg_arrow.png) no-repeat; background-position: center; }
#modal-container .modal.d-classroom-post-form .d-content .d-row-date-end .d-close{ float: right; margin-top: 3px; width: 25px; height: 25px; background: url(img/classroom-project-activity/ico_close.png) no-repeat; background-position: center; }

#modal-container .modal.d-classroom-post-form .d-files{ display: block; text-align: left; padding-top: 10px; padding-left: 13px; width: 627px; }
#modal-container .modal.d-classroom-post-form .d-file{ display: block; width: 610px; border: 1px solid #b49d8c; margin: 0 auto; position: relative;  height: 80px; margin-bottom: 5px; }
#modal-container .modal.d-classroom-post-form .d-file .d-icon-container{ position: absolute; top: 0; left: 0; width: 80px; height: 80px; background: #e7decd; }
#modal-container .modal.d-classroom-post-form .d-file .d-icon-container .d-icon{ width: 45px; height: 45px; border-radius: 30px; background-color: #fff; background-repeat: no-repeat; background-position: center; position: absolute; top: 17px; left: 17px; }
#modal-container .modal.d-classroom-post-form .d-file .d-info{ position: absolute; left: 90px; top: 5px; line-height: 1.4em; right: 15px; }
#modal-container .modal.d-classroom-post-form .d-file.without-size .d-info{ top: 18px; }
#modal-container .modal.d-classroom-post-form .d-file .d-info .d-info-title{ color: #694a41; font-weight: bold; font-size: 14px; cursor: pointer; font-family: 'special_elite'; }
#modal-container .modal.d-classroom-post-form .d-file .d-info .d-info-title:hover{ text-decoration: underline; }
#modal-container .modal.d-classroom-post-form .d-file .d-info .d-info-type{ color: #918679; font-size: 16px; }
#modal-container .modal.d-classroom-post-form .d-file .d-info .d-info-size{ color: #918679; font-size: 16px; }
#modal-container .modal.d-classroom-post-form .d-file .btn-remove{ font-family: sans-serif; font-weight: bold; position: absolute; top: 31px; right: 15px; color: #86440b; cursor: pointer; }

#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises{ display: block; width: 631px; margin-left: 5px; border: 1px solid #b49d8c; }

#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise-selector{ display: block; width: 550px; }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise-selector .d-exercise-create{ display: block; width: 600px; height: 80px; border: 1px dashed #b49d8c; color: #3e2e20; margin: 14px; cursor: pointer; text-align: center; font-size: 18px; background: #f7eedd; }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise-selector .d-exercise-create span {font-family: akaPosse; font-size: 35px; display: block; }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise-selector .d-exercise-separator{ display: block; width: 625px; height: 16px; background: url(img/classroom-project-activity/ico-separator.png); margin-left: 3px; }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise-selector .d-exercise-library{ display: block; width: 600px; height: 50px; border: 1px dashed #b49d8c; margin: 14px; text-align: center; font-size: 18px; line-height: 50px; cursor: pointer;  background: #f7eedd; color: #3e2e20; }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise-selector .d-exercise-create:hover,
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise-selector .d-exercise-library:hover{ background: #e4d4b5; }


#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise-viewer{ position: relative; width: 627px; height: 180px; border: 2px solid #e2d1b4; margin-bottom: 5px; position: relative; background: #f8ebd5; display: none; }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise-viewer .d-iframe-container{ width: 100%; height: 180px; }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise-viewer .d-iframe-container iframe{ width: 100%; border: none; height: 100%; }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise-viewer .d-btn-config{ position: absolute; top: 5px; right: 12px;  width: 28px; height: 28px; background: url(img/classroom-project-activity/btn-config.png); }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise-viewer .d-iframe-container{ width: 100%; height: 100%; }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise-viewer .generic-dropdown{ position: absolute; top: 58px; right: -6px; left: auto; }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise-viewer .d-mode-selector{ display: none; position: absolute; top: 150px; left: 334px; height: 33px; width: 275px; border-radius: 3px; border: 1px solid #e2d1b4; background: #f8ebd5; }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise-viewer .d-mode-selector .d-label{  position: absolute; top: 2px; left: 34px; font-family: akaPosse; font-size: 20px; }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise-viewer .d-mode-selector .simple-checkbox { position: absolute; }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise-viewer .d-mode-selector .simple-checkbox label{ font-family: effloresce_bold; padding-top: 5px; }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise-viewer .d-mode-selector .simple-checkbox.chk1{ top: 7px; left: 89px; }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise-viewer .d-mode-selector .simple-checkbox.chk2{ top: 7px; left: 182px }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise-viewer .d-mode-selector .d-evaluation-help{ width: 34px; height: 34px; background: url(img/classroom-project-activity/ico_help.png); vertical-align: middle; display: inline-block; top: 1px; left: 0px; }

#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise{ display: block; width: 550px; height: 60px;  border: 2px solid #e2d1b4; margin-bottom: 5px; position: relative; background: #f8ebd5; cursor: pointer; }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise .d-icon{ position: absolute; width: 60px; height: 60px; top: 0; left: 0; background-color: bisque; background-repeat: no-repeat; background-size: 100%; background-position: center; }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise .d-info{ position: absolute; left: 70px; top: 14px; font-family: special_elite; }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise .d-info .d-info-title{ font-size: 19px; width: 420px;}
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise .d-info .d-info-description{ font-size: 15px; color: #785737; width: 420px;}

#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise .btn-remove{ font-family: sans-serif; width: 20px; height: 20px; position: absolute; top: 20px; right: 10px; font-weight: bold; cursor: pointer; font-size: 19px;}
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-exercise .btn-remove:hover{ color: #785737; }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-add{ display: block; border: 2px dotted #bba888; height: 50px; width: 550px; cursor: pointer; background: url(img/ico-more.png) no-repeat; background-position: 268px 10px }
#modal-container .modal.d-classroom-post-form .d-content-body.quizz .d-row-exercises .d-add:hover{ background-color: #f7eddd; }

#modal-container .modal.d-classroom-post-form .modal-footer { position: absolute; bottom: 8px; left: 8px; right: 8px; height: 50px; background: #e6d9c1; text-align: right; border-top: 1px solid #b49d8c;}
#modal-container .modal.d-classroom-post-form .modal-footer a.btn{ display: inline-block; margin: 5px; margin-top: 7px; font-family: 'effloresce_bold'; }
#modal-container .modal.d-classroom-post-form .modal-footer a.btn.default{ border-radius: 17px; padding: 5px 19px; background: transparent; border: 3px solid #694a41;  }
#modal-container .modal.d-classroom-post-form .modal-footer a.btn.default.primary{ background: #c8b89c; }
#modal-container .modal.d-classroom-post-form .modal-footer a.btn.default.btn-program{ background: #694a41; color: #FFF; }
#modal-container .modal.d-classroom-post-form .modal-footer a.btn.default.btn-cancelar{ background: transparent; border: none;  float: left; margin: 11px; }
#modal-container .modal.d-classroom-post-form .modal-footer a.btn.default.btn-draft{ background: transparent;  }
#modal-container .modal.d-classroom-post-form .modal-footer a.btn.btn-submit{ margin-right: 20px; margin-left: 20px; }
#modal-container .modal.d-classroom-post-form .modal-footer a.btn.default:hover{ }

#modal-container .modal.d-classroom-post-form .modal-footer-programmed { position: absolute; bottom: 48px; left: 8px; right: 8px; height: 40px; background: #f8e5c5; text-align: right;}
#modal-container .modal.d-classroom-post-form .modal-footer-programmed .footer-programmed-container{ position: relative; display: block; }
#modal-container .modal.d-classroom-post-form .modal-footer-programmed .footer-programmed-container .start_at-label{ position: absolute; top: 10px; left: 15px; }
#modal-container .modal.d-classroom-post-form .modal-footer-programmed .footer-programmed-container input{ position: absolute; top: 11px; left: 225px; width: 280px; background: none; border: none; border-bottom: 1px solid; height: 20px; font-size: 16px;}
#modal-container .modal.d-classroom-post-form .modal-footer-programmed .footer-programmed-container .btn-change{ position: absolute; top: 1px; right: 105px; width: 38px; height: 38px; background:url(img/ico-calendar.png); }
#modal-container .modal.d-classroom-post-form .modal-footer-programmed .footer-programmed-container .btn-clean{ position: absolute; top: 1px; right: 10px; width: 38px; height: 38px; background:url(img/ico_remove.png) no-repeat; background-position: center; }

/* teacher classroom project - students */
main .d-teacher-classroom-project .d-classroom-project-students { position: relative; z-index: 3; }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container { display: block; position: relative; padding-top: 30px; text-align: center;  }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container{ }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-message{ color: #FFF; font-size: 20px; margin-top: 50px; }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-message a{ color: #cb9f37; text-decoration: none; }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card{ display: inline-block; margin-right: 2%; margin-bottom: 20px; }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-empty{ width: 413px; height: 47px; display: block; position: relative; background: #f7eedd; margin: 0 auto; padding-top: 30px; -webkit-box-shadow: 2px 6px 19px -2px rgba(0,0,0,0.65); -moz-box-shadow: 2px 6px 19px -2px rgba(0,0,0,0.65); box-shadow: 2px 6px 19px -2px rgba(0,0,0,0.65);}
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-empty:before,
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-empty:after{ content: ' '; position: absolute; top: 3px; width: 22px; height: 26px; background: url(img/ico_corner.png); }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-empty:before{ left: 5px; }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-empty:after{ right: 5px; }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-group{ width: 417px; height: 482px; background: url(img/classroom-project-group/bg-card.png); }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-group.new{ background: url(img/classroom-project-group/bg-card-new.png); cursor: pointer; }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-group.new .btn-new-group{ position: absolute; top: 355px; width: 215px; height: 55px; background: url(img/bg_btn2.png); font-family: 'akaPosse'; font-size: 21px; left: 100px; line-height: 44px; color: #32240b; }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-group .d-config{ position: absolute; right: 18px; background: url(img/classroom-project-group/ico-config.png) no-repeat; width: 28px; height: 28px; top: 22px; }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-group .dropdown{ top: 80px; left: 287px; z-index: 3; }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-group .d-title{ position: absolute; top: 407px; left: 10px; right: 10px; text-align: center; font-size: 20px; font-family: cinzel_decorative_700; color: #32434a;}
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-group .d-info{ position: absolute; top: 24px; left: 30px; font-size: 18px; color: #f1d183; font-weight: bold; }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-group .d-container-students{ position: absolute; top: 50px; left: 13px; right: 13px; text-align: center; bottom: 171px; overflow: auto; }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-group .d-container-students .d-student-group{ display: inline-block; width: 106px; height: 120px; margin: 3px; padding: 0; position: relative; }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-group .d-container-students .d-student-group .d-level{ display: none; }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-group .d-container-students .d-student-group .d-name{ position: absolute; color:#fff; top: 103px; left: 0; right: 0; overflow: hidden; text-align: center; height: 20px; }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-group .d-container-students .d-student-group .d-student-icon{ top: -10px; left: 10px; }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-group .d-group-points,
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-group .d-group-trophies
{ line-height: 25px; color: #cfa150; font-family: akaPosse; font-size: 17px; text-align: center; position: absolute; width: 100px; height: 51px; }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-group .d-group-points .d-value,
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-group .d-group-trophies .d-value
{ color: #FFF; font-size: 27px; } 
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-group .d-group-points{ top: 320px; left: 61px; }
main .d-teacher-classroom-project .d-classroom-project-students .d-card-container .d-group-container .d-card.d-group .d-group-trophies{ top: 320px; left: 251px; }

/* classroom project post */
main .d-teacher-classroom-project-post { z-index: 3; position: relative;}
main .d-teacher-classroom-project-post .d-bar-left{ width: 479px; margin: 60px 20px 60px 47px; position: relative; }
main .d-teacher-classroom-project-post .d-bar-left:before{ content: ""; position: absolute; left: 0; top: -44px; width: 476px; height: 44px; background: url(img/classroom-project-activity/b_sup.png) no-repeat; }
main .d-teacher-classroom-project-post .d-bar-left:after{ content: ""; position: absolute; left: 0; bottom: -57px; width: 476px; height: 57px; background: url(img/classroom-project-activity/b_inf.png) no-repeat; }
main .d-teacher-classroom-project-post .d-bar-left .d-bar-left-content:before{ content: ""; position: absolute; width: 66px; height: 342px; top: 1px; left: -51px; background: url(img/classroom-project-activity/b_izq.png) no-repeat; }
main .d-teacher-classroom-project-post .d-bar-left .d-bar-left-content{ width: 476px; background: url(img/classroom-project-activity/b_med.png) repeat-y; min-height: 350px; }
main .d-teacher-classroom-project-post .d-bar-left .d-bar-left-content .d-bar-left-content-header{ width: 100%; height: 50px; text-align: center; }
main .d-teacher-classroom-project-post .d-bar-left .d-bar-left-content .d-btn-return{ position: absolute; top: -11px; left: 147px; width: 185px; height: 57px; background: url(img/classroom-project-activity/bg-btn.png); font-family: akaPosse; color: #32240b; font-size: 22px; line-height: 49px;}
main .d-teacher-classroom-project-post .d-bar-left .d-bar-left-content .d-btn-help{ position: absolute; top: -5px; right: 36px; width: 34px; height: 34px; background: url(img/classroom-project-activity/ico_help.png); vertical-align: middle; display: inline-block; margin-left: 5px; }
main .d-teacher-classroom-project-post .d-bar-left .d-bar-left-separator{ width: 100%; height: 24px; background: url(img/classroom-project-activity/separator-2.png) no-repeat; background-position: center; }
main .d-teacher-classroom-project-post .d-bar-left .simple-checkbox.asterisk{ padding: 0; }
main .d-teacher-classroom-project-post .d-bar-left .d-bar-left-classroom{ height: 55px; background-color: rgba(0, 0, 0, 0.1); position: relative; width: 430px; margin-left: 23px; }
main .d-teacher-classroom-project-post .d-bar-left .d-bar-left-classroom .d-avatar{ width: 42px; height: 42px; position: absolute; -webkit-border-radius: 24px; -moz-border-radius: 24px; background: url(img/avatar_clase.jpg) no-repeat; background-size: 100%; display: inline-block; border: 2px solid #684730; background-position: center; background-repeat: no-repeat; top: 4px; left: 20px;}
main .d-teacher-classroom-project-post .d-bar-left .d-bar-left-classroom .d-name{ color: #562e1e; font-family: 'akaPosse'; font-size: 20px; position: absolute; top: 13px; left: 77px; right: 50px; overflow: hidden; }
main .d-teacher-classroom-project-post .d-bar-left .d-bar-left-classroom .d-checkbox{ position: absolute; top: 17px; right: 10px; }
main .d-teacher-classroom-project-post .d-bar-left .d-bar-left-order-by { height: 50px; background-color: rgba(126, 122, 92, .4); position: relative; width: 430px; margin-left: 23px; border-top: 1px solid #807a5c; border-bottom: 1px solid #807a5c;}
main .d-teacher-classroom-project-post .d-bar-left .d-bar-left-order-by .d-order-by-bg{ height: 32px; float: left; background: #34301c; border-radius: 20px; margin-top: 6px; padding: 3px; margin-left: 20px; }
main .d-teacher-classroom-project-post .d-bar-left .d-bar-left-order-by .d-order-by-btn{ display: inline-block; font-family: 'cinzel_decorative_700'; color: #b8b998; border-radius: 20px; background: #2d2c0b; padding: 5px 10px 5px 10px; }
main .d-teacher-classroom-project-post .d-bar-left .d-bar-left-order-by .d-order-by-btn.active{ color: #2d2c0b; background: #b5b174; }
main .d-teacher-classroom-project-post .d-bar-left .d-bar-left-list{ width: 430px; margin-left: 23px; }
main .d-teacher-classroom-project-post .d-bar-left .d-bar-left-list h3{ width: 429px; height: 35px; position: relative; margin: 10px 0 0 0; }
main .d-teacher-classroom-project-post .d-bar-left .d-bar-left-list h3 .d-arrow{ display: inline-block; width: 18px; height: 13px; background: url(img/classroom-project-activity/bg_arrow.png); margin-top: 10px; margin-left: 10px; }
main .d-teacher-classroom-project-post .d-bar-left .d-bar-left-list h3.active .d-arrow{ -ms-transform: rotate(180deg);  -webkit-transform: rotate(180deg);  transform: rotate(180deg);}
main .d-teacher-classroom-project-post .d-bar-left .d-bar-left-list h3 .d-label{  }
main .d-teacher-classroom-project-post .d-bar-left .d-bar-left-list h3 .d-checkbox{ float: right; margin-top: 3px; margin-right: 4px; }
main .d-teacher-classroom-project-post .d-bar-left .d-container-students{ display: none; width: 428px; }


main .d-teacher-classroom-project-post .d-bar-left .d-student{ position: relative; width: 415px; height: 145px; border-radius: 5px; border: 1px solid #967130; background-color: rgba(255, 255, 255, 0.4); margin-left: 7px; margin-top: 8px; cursor: pointer; }
main .d-teacher-classroom-project-post .d-bar-left .d-student.empty .d-icon{ width: 69px; height: 79px; background: url(img/profile/no_detective.png); position: absolute; top: 32px; left: 20px; }
main .d-teacher-classroom-project-post .d-bar-left .d-student.empty .d-message{font-size: 18px; color: #55321d; position: absolute; top: 40px; left: 110px; right: 20px; line-height: 1.5em; }
main .d-teacher-classroom-project-post .d-bar-left .d-student.empty .d-message a{  color: #c15a1d; }
main .d-teacher-classroom-project-post .d-bar-left .d-student.active{ border: 7px solid #c27442; margin-left: 1px; }
main .d-teacher-classroom-project-post .d-bar-left .d-student .d-avatar{ position: absolute; top: 20px; left: 15px; }
main .d-teacher-classroom-project-post .d-bar-left .d-student .d-name{ position: absolute; top: 20px; left: 85px; font-family: effloresce_bold; font-size: 20px; width: 280px; }
main .d-teacher-classroom-project-post .d-bar-left .d-student .d-checkbox{ position: absolute; top: 10px; right: 3px; }
main .d-teacher-classroom-project-post .d-bar-left .d-student .d-score-label{ color: #73493e; position: absolute; top: 71px; left: 120px; font-family: 'effloresce_bold'; font-size: 17px;}
main .d-teacher-classroom-project-post .d-bar-left .d-student .d-score-rubric{ position: absolute; top: 64px; left: 220px; width: 26px; height: 28px; background: url(img/classroom-project-activity/ico-rubric.png); }
main .d-teacher-classroom-project-post .d-bar-left .d-student .d-score-input{ position: absolute; top: 5px; left: 86px; font-family: special_elite; color: #73493e; font-size: 20px;}
main .d-teacher-classroom-project-post .d-bar-left .d-student .d-score-input input{ display: inline-block; border: none; background: transparent; border-bottom: 1px solid #c1b78e; font-size: 21px; margin-left: 10px; font-family: special_elite; width: 75px; text-align: center; height: 25px;}
main .d-teacher-classroom-project-post .d-bar-left .d-student .d-cromo{ position: absolute; top: 80px; left: 70px; width: 190px; height: 60px; }
main .d-teacher-classroom-project-post .d-bar-left .d-student .d-cromo .d-cromo-label{ font-family: akaPosse; font-size: 24px; position: absolute; left: 15px; top: 10px; color: #73493e; }
main .d-teacher-classroom-project-post .d-bar-left .d-student .d-cromo .d-cromo-icon{ position: absolute; left: 119px; top: 1px; width: 37px; height: 59px; background: url(img/case/cromo-0.png); background-size: 100% 100%; -webkit-filter: grayscale(1); filter: gray; filter: grayscale(1); opacity: .3; }
main .d-teacher-classroom-project-post .d-bar-left .d-student .d-cromo .d-cromo-icon.active{ -webkit-filter: none; filter: none; opacity: 1;}
main .d-teacher-classroom-project-post .d-bar-left .d-student .d-points{ position: absolute; top: 80px; left: 239px; width: 190px; height: 60px; border-radius: 5px;}
main .d-teacher-classroom-project-post .d-bar-left .d-student .d-points .d-points-label{ font-family: akaPosse; font-size: 23px; position: absolute; left: 10px; top: 13px; color: #73493e; }
main .d-teacher-classroom-project-post .d-bar-left .d-student .d-points .d-points-number{ font-family: akaPosse; font-size: 27px; position: absolute; top: 33px; left: 80px; width: 100px; text-align: center; color: #73493e; }
main .d-teacher-classroom-project-post .d-bar-left .d-student .d-calification { display: none; position: absolute; top: 45px; right: 10px; }
main .d-teacher-classroom-project-post .d-bar-left .d-student .d-calification.active { display: block; }
main .d-teacher-classroom-project-post .d-bar-left .d-student .d-calification .d-nota{  font-family: Top_Secret_Stamp;  font-size: 18px;
                                                                                        text-transform: uppercase;
                                                                                        border: 2px solid;
                                                                                        padding: 0 4px 0 4px;
                                                                                        border-radius: 5px;}


main .d-teacher-classroom-project-post .d-post-container{ padding-bottom: 20px; padding-top: 110px;margin-right: 10px;}
main .d-teacher-classroom-project-post .d-post-container.student{ display: none; }
main .d-module.d-student .d-teacher-classroom-project-post .d-post-container.student{ display: block; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post { display:block; position: relative; min-width: 550px; max-width: 800px; background: #f7eedd; margin: 0 auto; padding: 0px; margin-bottom: 15px; 
                                                                          -webkit-box-shadow: 2px 6px 19px -2px rgba(0,0,0,0.65);
                                                                          -moz-box-shadow: 2px 6px 19px -2px rgba(0,0,0,0.65);
                                                                          box-shadow: 2px 6px 19px -2px rgba(0,0,0,0.65);}
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post:last-child { margin-bottom: 110px; } 
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task { display:block; width: 100%; height: 80px; border-bottom: 1px solid #c7b799; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-icon { position: absolute; top: 5px; left: 30px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-icon.task { width: 43px; height: 59px; background: url(img/ico_task.png); }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-icon.message { width: 49px; height: 49px; background: url(img/ico_note.png); }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-icon.quizz { width: 50px; height: 53px; background: url(img/ico_quizz.png); }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-icon-avatar { position: absolute; left: 15px; top: 10px; margin-top: 5px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-icon-avatar .alias { width: 50px; height: 50px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-icon-avatar .alias.alias1{ background: url(img/classroom-project-activity/alias_1.png) !important; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-icon-avatar .alias.alias2{ background: url(img/classroom-project-activity/alias_2.png) !important; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-icon-avatar .alias.alias3{ background: url(img/classroom-project-activity/alias_3.png) !important; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-icon-avatar .alias.alias4{ background: url(img/classroom-project-activity/alias_4.png) !important; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-icon-avatar .alias.alias5{ background: url(img/classroom-project-activity/alias_5.png) !important; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-icon-avatar .alias.alias6{ background: url(img/classroom-project-activity/alias_6.png) !important; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-icon-username { position: absolute; left: 92px; top: 7px; width: 42px; height: 42px; background: url(img/profile_42x42.jpg);  border: 2px solid #684730; background-position: center; background-size: 100%; background-repeat: no-repeat; border-radius: 60px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-icon-username.teacher{ top: 7px; width: 42px; height: 42px; border: 2px solid #684730; background-position: center; background-size: 100%; background-repeat: no-repeat; border-radius: 60px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-icon-username.teacher.alias{ border: none; width: 50px; height: 50px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-icon-username.teacher.alias1{ background: url(img/classroom-project-activity/alias_1.png) !important; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-icon-username.teacher.alias2{ background: url(img/classroom-project-activity/alias_2.png) !important; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-icon-username.teacher.alias3{ background: url(img/classroom-project-activity/alias_3.png) !important; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-icon-username.teacher.alias4{ background: url(img/classroom-project-activity/alias_4.png) !important; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-icon-username.teacher.alias5{ background: url(img/classroom-project-activity/alias_5.png) !important; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-username { position: absolute; left: 76px; top: 9px; color: #2c1608; font-family: effloresce_bold; font-size: 20px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-post-to { position: absolute; top: 35px; left: 77px; color: #4d3c20; font-size: 15px; font-family: effloresce_bold; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-time { position: absolute; left: 77px; top: 55px; color: #918679; font-family: effloresce_bold; font-size: 14px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-tracing { position: absolute; right: 40px; top: 7px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-tracing .d-tracing-done,
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-tracing .d-tracing-corrected,
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-tracing .d-tracing-missing{ width: 120px; height: 90px; position: relative; display: inline-block; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-tracing .d-counter{ width: 73px; height: 51px; background: url(img/classroom-project-activity/bg_counter.png) no-repeat; background-size: 100%; background-position: center; top: 0; position: absolute; left: 24px; font-family: 'special_elite'; font-size: 35px; text-align: center; line-height: 66px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-tracing .d-counter span{ position: absolute; width: 73px; text-align: center; letter-spacing: 8px; top: 0px; left: 4px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-tracing .d-counter.d-tracing-done-counter{ color: #566a3b; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-tracing .d-counter.d-tracing-missing{ color: #bc523d; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-tracing .d-counter.d-tracing-corrected{ color: #3da3bc; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-tracing .d-label { font-family: 'akaPosse'; text-align: center; position: absolute; left: 0; right: 0; top: 50px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-tracing .d-label.d-tracing-done-label{ color: #566a3b; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-tracing .d-label.d-tracing-missing-label{ color: #bc523d; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-tracing .d-label.d-tracing-corrected-label{ color: #3da3bc; }

main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-actions { position: absolute; right: 5px; bottom: 5px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-action-config { display: none; position: absolute; right: 65px; top: 4px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .d-action-config .d-icon{ display: inline-block; width: 28px; height: 28px; background: url(img/classroom-project-activity/btn-config.png); }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-header-task .dropdown { position: absolute; top: 65px; right: -11px; left: auto; display: none; z-index: 2; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post.t_quizzes .d-header-task{ height: 140px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post.t_quizzes .d-wood-bar{ position: relative; width: 100%; height: 65px; background: url(img/classroom-project-activity/bg_wood.png) repeat-x; position: absolute; top: 80px; padding-left: 14px; margin-left: -9px; border: 1px solid #c4b394;}
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post.t_quizzes .d-wood-bar:before { content: ""; position: absolute; top: 65px; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 0; border-color: transparent #4a3f37 transparent transparent; -webkit-box-shadow: 5px -4px 7px rgba(0,0,0,0.3); -moz-box-shadow: 5px -4px 7px rgba(0,0,0,0.3); box-shadow: 5px -4px 7px rgba(0,0,0,0.3); }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post.t_quizzes .d-wood-bar .d-quizz-icon{ z-index: 2; width: 50px; height: 53px; position: absolute; top: 5px; left: 22px; background: url(img/ico_quizz.png); }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post.t_quizzes .d-wood-bar .d-points-label{ position: absolute; top: -2px; left: 44px; width: 174px; height: 83px; background: url(img/classroom-project-activity/bg_points.png); }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post.t_quizzes .d-wood-bar .d-points-label .d-amount{ position: absolute; top: 14px; left: 104px; font-family: akaPosse; font-size: 30px; color: #6b4027; -webkit-transform: rotate(13deg); -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -o-transform: rotate(13deg); text-align: center; width: 45px;}
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post.t_quizzes .d-wood-bar .d-points-label .d-label{ position: absolute; top: 44px; left: 97px; font-family: akaPosse; font-size: 16px; color: #6b4027; -webkit-transform: rotate(13deg); -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -o-transform: rotate(13deg); text-align: center; width: 45px;}
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post.t_quizzes .d-wood-bar .d-post-with-cromo{ position: absolute; top: -5px; left: 243px; width: 44px; height: 77px; background: url(img/case/cromo-caso.png); background-size: 100% 100%; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post.t_quizzes .d-wood-bar .d-end-at{ position: absolute; top: 26px; right: 26px; color: #fff; font-family: special_elite; }

main .d-teacher-classroom-project-post .d-post-container .d-wood-bar .d-response-status{ position: absolute; height: 30px; top: 65px; right: 30px; padding: 5px 20px 5px 20px; border-radius: 0 0 10px 10px; font-family: akaPosse; font-size: 20px; color: #f7eedd; background: #bc523d; }
main .d-teacher-classroom-project-post .d-post-container .d-wood-bar .d-response-status.delivered{ background: #566a3b; }
main .d-teacher-classroom-project-post .d-post-container .d-wood-bar .d-response-status.corrected{ background: #3da3bc; }

main .d-teacher-classroom-project-post .d-post-container .d-corrected-points{ position: absolute; top: 7px; right: 18px; font-family: akaPosse; font-size: 20px; color: #73493e; text-align: right;}
main .d-teacher-classroom-project-post .d-post-container .d-corrected-points .d-corrected-score{ font-size: 32px; }
main .d-teacher-classroom-project-post .d-post-container .d-corrected-points .d-corrected-score .d-oftotal{ color: #dcb7ad; }

main .d-teacher-classroom-project-post .d-post-container .d-corrected-cromo{ position: absolute; top: -15px; right: 145px; width: 100px; height: 100px; background: url(img/glow.png); z-index: 2; background-size: 100% 100%; }
main .d-teacher-classroom-project-post .d-post-container .d-corrected-cromo .d-win-cromo{ background-size: 100%; background-position: center; width: 62px; height: 95px; position: absolute; top: 12px; left: 20px; z-index: 2; }

main .d-teacher-classroom-project-post .d-post-container .d-card.d-post.t_task .d-header-task{ height: 140px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post.t_task .d-wood-bar{ position: relative; width: 100%; height: 65px; background: url(img/classroom-project-activity/bg_wood.png) repeat-x; position: absolute; top: 80px; padding-left: 14px; margin-left: -9px; border: 1px solid #c4b394;}
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post.t_task .d-wood-bar:before { content: ""; position: absolute; top: 65px; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 0; border-color: transparent #4a3f37 transparent transparent; -webkit-box-shadow: 5px -4px 7px rgba(0,0,0,0.3); -moz-box-shadow: 5px -4px 7px rgba(0,0,0,0.3); box-shadow: 5px -4px 7px rgba(0,0,0,0.3); }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post.t_task .d-wood-bar .d-icon{ z-index: 2; width: 43px; height: 59px; position: absolute; top: 2px; left: 22px; background: url(img/ico_task.png); }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post.t_task .d-wood-bar .d-points-label{ position: absolute; top: -2px; left: 44px; width: 174px; height: 83px; background: url(img/classroom-project-activity/bg_points.png); }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post.t_task .d-wood-bar .d-points-label .d-amount{ position: absolute; top: 14px; left: 104px; font-family: akaPosse; font-size: 30px; color: #6b4027; -webkit-transform: rotate(13deg); -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -o-transform: rotate(13deg); text-align: center; width: 45px;}
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post.t_task .d-wood-bar .d-points-label .d-label{ position: absolute; top: 44px; left: 97px; font-family: akaPosse; font-size: 16px; color: #6b4027; -webkit-transform: rotate(13deg); -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -o-transform: rotate(13deg); text-align: center; width: 45px;}
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post.t_task .d-wood-bar .d-post-with-cromo{ position: absolute; top: -5px; left: 243px; width: 44px; height: 77px; background: url(img/case/cromo-caso.png); background-size: 100% 100%; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post.t_task .d-wood-bar .d-end-at{ position: absolute; top: 26px; right: 26px; color: #fff; font-family: special_elite; }

main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-files{ display: block; padding: 10px 15px 5px 15px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-file{ display: block; border: 1px solid #b49d8c; margin: 0 auto; position: relative;  height: 80px; margin-bottom: 5px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-file .d-icon-container{ position: absolute; top: 0; left: 0; width: 80px; height: 80px; background: #e7decd; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-file .d-icon-container .d-icon{ width: 45px; height: 45px; border-radius: 30px; background-color: #fff; background-repeat: no-repeat; background-position: center; position: absolute; top: 17px; left: 17px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-file .d-info{ position: absolute; left: 90px; top: 5px; line-height: 1.4em; right: 15px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-file.without-size .d-info{ top: 18px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-file .d-info .d-info-title{ color: #694a41; font-weight: bold; font-size: 18px; cursor: pointer; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-file .d-info .d-info-title:hover{ text-decoration: underline; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-file .d-info .d-info-type{ color: #918679; font-size: 16px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-file .d-info .d-info-size{ color: #918679; font-size: 16px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post.d-response .d-file .btn-remove{ font-family: sans-serif; font-weight: bold; position: absolute; top: 31px; right: 15px; color: #86440b; cursor: pointer; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post.d-response .d-files.read-only .d-file .btn-remove{ display: none; }

main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-content { padding: 15px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-content .d-message{ font-family: 'special_elite'; text-align: left; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-content .d-message .d-title{ text-align: left; font-size: 18px; text-align: left; font-weight: bold; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-content .d-message .d-description{ text-align: left; font-size: 18px; text-align: left; line-height: 1.6em; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-comments{ display: none; position: relative; background-color: rgba(193, 162, 123, 0.2); width: 100%; border-top: 1px solid #a98e75; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-comments .d-user-comment,
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-comments .d-comment-add{ min-height: 95px; position: relative; border-bottom: 1px solid #c7b799; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-comments .d-comment-add{ background: rgba(193, 162, 123, 0.3); }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-comments .d-avatar{ position: absolute; top: 10px; left: 10px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-comments .d-avatar .d-student-icon.x-small{ top: 6px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-comments .d-avatar .d-student-icon .d-level{ display: none; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-comments .d-comment{ font-family: special_elite; padding: 4px; overflow-y: auto; min-height: 20px; margin: 0px 125px 10px 71px; line-height: 1.4em; font-size: 16px; padding-top: 14px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-comments .btn.bt-comment{  
    position: absolute;
    top: 10px;
    right: 10px;
    width: 60px;
    text-align: center;
    display: none;
}
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-comments .btn.bt-cancel{
    position: absolute;
    top: 60px;
    right: 10px;
    width: 92px;
    text-align: center;
    display: none;
}
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-comments .d-remove{ position: absolute; top: 26px; right: 10px; width: 25px; height: 25px; background: url(img/classroom-project-activity/btn_cerrar.png); }

main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-exercise { text-align: center; position: relative; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-exercise iframe{ position: absolute; border: 0; width: 100%; height: 100%; top: -5000px; left: -5000px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-exercise iframe.loaded{ top: 0px; left: 0px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-content-footer { width: 100%; height: 21px; border-top: 1px solid #d0c599; position: relative; color: #606d75; margin-top: 10px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-content-footer .d-action-like { position: absolute; left: 0; top: 2px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-content-footer .d-action-like .d-icon{ display: inline-block; width: 29px; height: 29px; background: url(img/ico_like.png); }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-content-footer .d-label{ display: inline-block; vertical-align: top; margin-top: 7px; margin-left: 7px; color: #979797; font-weight: bold; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-content-footer .d-action-like.like .d-label{ color: #d49e8d; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-content-footer .d-action-comment { position: absolute; left: 130px; top: 2px; }
main .d-teacher-classroom-project-post .d-post-container .d-card.d-post .d-content-footer .d-action-comment .d-icon{ display: inline-block; width: 29px; height: 29px; background: url(img/ico_comment.png); }

main .d-teacher-classroom-project-post .d-post-container.student .d-card.d-post{ border: 7px solid #c27442; border-radius: 5px; }
main .d-teacher-classroom-project-post .d-post-container.student .d-card.d-post .d-header-task{ height: 90px; }
main .d-teacher-classroom-project-post .d-post-container.student .d-card.d-post .d-header-task .d-close{ position: absolute; top: 10px; right: 10px; width: 25px; height: 25px; background: url(img/classroom-project-activity/btn_cerrar.png); }

main .d-teacher-classroom-project-post .d-post-container.student .d-card.d-post .d-header-task .d-reset-test{ background: #af3d33; height: 32px; color: #FFF; border-radius: 20px; position: absolute; top: 75px; right: 10px; width: 135px; line-height: 31px; text-align: center; display: none; z-index: 2; padding-left: 15px; }
main .d-teacher-classroom-project-post .d-post-container.student .d-card.d-post .d-header-task .d-reset-test:before{ content: ' '; position: absolute; width: 21px; height: 21px; background: url(img/ico-revert.png); top: 6px; left: 9px; }
main .d-teacher-classroom-project-post .d-post-container.student .d-card.d-post .d-header-task .d-points{ position: absolute; font-family: akaPosse; top: 30px; right: 160px; font-size: 19px;  width: 100px; height: 50px; }
main .d-teacher-classroom-project-post .d-post-container.student .d-card.d-post .d-header-task .d-points span{ color: #73493e; font-size: 25px; position: absolute; top: 0; left: 0; width: 100px; text-align: center; }
main .d-teacher-classroom-project-post .d-post-container.student .d-card.d-post .d-header-task .d-points div{ color: #cfa150; font-size: 22px; position: absolute; top: 20px; left: 0; width: 100px; text-align: center; }
main .d-teacher-classroom-project-post .d-post-container.student .d-card.d-post .d-header-task .d-attemp-time{ position: absolute; top: 40px; right: 20px; font-size: 19px; width: 130px; height: 40px; }
main .d-teacher-classroom-project-post .d-post-container.student .d-card.d-post .d-header-task .d-attemp-time .d-icon{ width: 38px; height: 40px; background: url(img/relojito.png);    position: absolute; top: 0; left: 0;}
main .d-teacher-classroom-project-post .d-post-container.student .d-card.d-post .d-header-task .d-attemp-time span{ position: absolute; top: 13px; right: 0; font-family: special_elite; color: #73493e; }
main .d-teacher-classroom-project-post .d-post-container.student .d-card.d-post .d-header-task .last-response-at{ position: absolute; top: 40px; left: 80px; vertical-align: middle; }
main .d-teacher-classroom-project-post .d-post-container.student .d-card.d-post .d-header-task .last-response-at img{ display: inline-block; vertical-align: middle; margin-left: 10px; cursor: pointer}
main .d-teacher-classroom-project-post .d-post-container.student .d-card.d-post .d-content { text-align: center; position: relative;}
main .d-teacher-classroom-project-post .d-post-container.student .d-card.d-post .d-content #post-response-student-message{ text-align: left; border: 1px solid #c7b799; padding: 0px 20px; font-family: special_elite; font-size: 18px; line-height: 1.5em; }
/* main .d-teacher-classroom-project-post .d-post-container.student .d-card.d-post .d-content  iframe{ position: absolute; border: none; width: 100%; height: 100%; top: -5000px; left: -5000px; }
main .d-teacher-classroom-project-post .d-post-container.student .d-card.d-post .d-content iframe.loaded{ position: relative; top: 0; left: 0; } */
main .d-teacher-classroom-project-post .d-post-container.student .d-card.d-post .d-comments{ display: block; }
main .d-teacher-classroom-project-post .d-post-container.student .d-card.d-post .d-content .d-student-message{ text-align: left; font-family: 'special_elite'; font-size: 18px; line-height: 1.6em; }

/* student post custom */
main .d-teacher-classroom-project-post.student .d-post-container{ padding-top: 50px; }
main .d-teacher-classroom-project-post.student .d-post-container.student .d-card.d-post .d-header-task{ height: 140px;}
main .d-teacher-classroom-project-post.student .d-post-container.student .d-card.d-post .d-message{ margin-top: 20px; }
main .d-teacher-classroom-project-post.student .d-post-container.student .d-card.d-post{ border: none; }
main .d-teacher-classroom-project-post.student .d-post-container.student .d-card.d-post .d-header-task.response{ position: relative; height: 95px; border: none; }
main .d-teacher-classroom-project-post.student .d-post-container.student .d-card.d-post .d-header-response-title{ font-family: 'cinzel_decorative_700'; color: #6b4027; position: absolute; top: 15px; left: 20px; font-size: 20px; }
main .d-teacher-classroom-project-post.student .d-post-container.student .d-card.d-post .d-header-response-message{ font-family: 'effloresce_bold'; color: #8c7868; position: absolute; top: 45px; left: 20px; }
main .d-teacher-classroom-project-post.student .d-post-container.student .d-card.d-post .response-student-message iframe{ display:block; position: relative; top: 0; left: 0; }
main .d-teacher-classroom-project-post.student .d-post-container.student .d-card.d-post .d-footer{ height: 65px;}
main .d-teacher-classroom-project-post.student .d-post-container.student .d-card.d-post .d-footer .d-add-file{ position: relative; color: #903500; padding-left: 35px; line-height: 26px; margin-left: 20px; cursor: pointer; margin-top: 5px; width: 230px; }
main .d-teacher-classroom-project-post.student .d-post-container.student .d-card.d-post .d-footer .d-add-file:before{content: ' '; position: absolute; top: 0px; left: 0px; width: 28px; height: 27px; background: url(img/classroom-project-activity/btn_add.png) no-repeat; background-position: center; }
main .d-teacher-classroom-project-post.student .d-post-container.student .d-card.d-post .d-footer .d-add-file-local{ position: relative; color: #903500; padding-left: 35px; line-height: 26px; margin-left: 20px; cursor: pointer; margin-top: 5px; width: 230px; }
main .d-teacher-classroom-project-post.student .d-post-container.student .d-card.d-post .d-footer .d-add-file-local:before{content: ' '; position: absolute; top: 0px; left: 0px; width: 28px; height: 27px; background: url(img/classroom-project-activity/btn_add.png) no-repeat; background-position: center; }
main .d-teacher-classroom-project-post.student .d-post-container.student .d-card.d-post .d-footer .btn-submit{ float: right; margin-right: 30px; margin-top: 0px; }

/* modal post return (devolver) */
#modal-container .modal.d-classroom-post-return-form { width: 550px; height: 490px; }
#modal-container .modal.d-classroom-post-return-form .d-header{ display: block; border-bottom: 1px solid #a98e75; padding-bottom: 10px; }
#modal-container .modal.d-classroom-post-return-form .d-header .d-title{ font-family: akaPosse; color: #3e2e20; font-size: 22px; margin-bottom: 10px; width: 200px; }
#modal-container .modal.d-classroom-post-return-form .d-header .d-message{ color: #a98e76; }
#modal-container .modal.d-classroom-post-return-form .d-header .btn-close{ float: right; width: 25px; height: 25px; background: url(img/classroom-project-activity/btn_cerrar.png); }
#modal-container .modal.d-classroom-post-return-form .modal-content .d-content-user-list{ display: block; width: 100%; height: 230px; overflow-y: auto; }
#modal-container .modal.d-classroom-post-return-form .modal-content .d-content-user-list .d-student{ display: block; width: 470px; position: relative; height: 78px; border-bottom: 1px solid #c7a978; margin: 10px; }
#modal-container .modal.d-classroom-post-return-form .modal-content .d-content-user-list .d-student .d-student-icon{ top: 5px; }
#modal-container .modal.d-classroom-post-return-form .modal-content .d-content-user-list .d-student .d-name{ position: absolute; top: 23px; left: 70px; }
#modal-container .modal.d-classroom-post-return-form .modal-content .d-content-user-list .d-student .d-cromo{ position: absolute; top: 6px; left: 310px; width: 55px; height: 55px; background: url(img/classroom-project-activity/ico_cromo_post.png); background-size: 100%; }
#modal-container .modal.d-classroom-post-return-form .modal-content .d-content-user-list .d-student .d-points{ position: absolute; top: 4px; font-family: akaPosse; right: 00px; font-size: 33px; color: #6b4027; width: 75px; text-align: center; }
#modal-container .modal.d-classroom-post-return-form .modal-content .d-content-user-list .d-student .d-points-label{ position: absolute; top: 43px; font-family: akaPosse; right: 0px; font-size: 15px; color: #6b4027; width: 75px; text-align: center; }
#modal-container .modal.d-classroom-post-return-form .modal-content .d-content-comment{ display: block; position: relative; background-color: rgba(193, 162, 123, 0.4); width: 100%; height: 75px; border-top: 1px solid #a98e75; }
#modal-container .modal.d-classroom-post-return-form .modal-content .d-content-comment .d-teacher-icon{ top: 10px; left: 10px; }
#modal-container .modal.d-classroom-post-return-form .modal-content .d-content-comment .d-teacher-comment{ position: absolute; top: 19px; left: 70px; font-family: special_elite; right: 10px; bottom: 5px; padding: 4px; overflow-y: auto; }
#modal-container .modal.d-classroom-post-return-form .modal-footer{ position: absolute; bottom: 8px; left: 8px; right: 8px; height: 50px; background: #e6d9c1; text-align: right; border-top: 1px solid #b49d8c; }
#modal-container .modal.d-classroom-post-return-form .modal-footer .btn-cancel{ background: transparent; border: none; float: left; margin: 16px; }
#modal-container .modal.d-classroom-post-return-form .modal-footer .btn-submit{ margin: 10px; float: right; }
/* END modal post return (devolver) */

/* TEACHER WORK */
main .d-module-work { z-index: 3; position: relative;}
main .d-module-work .d-bar-left{ width: 479px; margin: 60px 20px 60px 47px; position: relative; }
main .d-module-work .d-bar-left .d-left-title{ font-family: akaPosse; color: #9b8058; font-size: 24px; }
main .d-module-work .d-bar-left:before{ content: ""; position: absolute; left: 0; top: -44px; width: 476px; height: 44px; background: url(img/classroom-project-activity/b_sup.png) no-repeat; }
main .d-module-work .d-bar-left:after{ content: ""; position: absolute; left: 0; bottom: -57px; width: 476px; height: 57px; background: url(img/classroom-project-activity/b_inf.png) no-repeat; }
main .d-module-work .d-bar-left .d-bar-left-content:before{ content: ""; position: absolute; width: 66px; height: 342px; top: 1px; left: -51px; background: url(img/classroom-project-activity/b_izq.png) no-repeat; }
main .d-module-work .d-bar-left .d-bar-left-content{ width: 476px; background: url(img/classroom-project-activity/b_med.png) repeat-y; min-height: 350px; }
main .d-module-work .d-bar-left .d-bar-left-content .d-bar-left-content-header{ width: 100%; height: 50px; text-align: center; }
main .d-module-work .d-bar-left .d-bar-left-content .d-btn-return{ position: absolute; top: -11px; left: 147px; width: 185px; height: 57px; background: url(img/classroom-project-activity/bg-btn.png); font-family: akaPosse; color: #32240b; font-size: 22px; line-height: 49px;}
main .d-module-work .d-bar-left .d-bar-left-content .d-btn-help{ position: absolute; top: -5px; right: 36px; width: 34px; height: 34px; background: url(img/classroom-project-activity/ico_help.png); vertical-align: middle; display: inline-block; margin-left: 5px; }
main .d-module-work .d-bar-left .d-bar-left-separator{ width: 100%; height: 24px; background: url(img/classroom-project-activity/separator-2.png) no-repeat; background-position: center; }
main .d-module-work .d-bar-left .simple-checkbox.asterisk{ padding: 0; }
main .d-module-work .d-bar-left .d-block{ position: relative; width: 430px; margin-left: 23px; }
main .d-module-work .d-bar-left .d-block .d-filter-title { position: relative; height: 40px; width: 100%; }
main .d-module-work .d-bar-left .d-block .d-filter-title .d-label,
main .d-module-work .d-bar-left .d-block .d-filter-title .d-toggle{ font-family: akaPosse; font-size: 24px; color: #483820; margin-left: 15px; }
main .d-module-work .d-bar-left .d-block .d-filter-title .d-toggle{ position: absolute; top: -5px; right: 20px; font-size: 30px; }
main .d-module-work .d-bar-left .d-block .d-filter-content .d-checkbox{ padding-left: 20px; }
main .d-module-work .d-bar-left .d-block .d-filter-content label{ font-family: cinzel_decorative_700; line-height: 21px; }
main .d-module-work .d-bar-left .d-block .d-filter-content .classroom-project{ padding-left: 40px; background: rgba(0, 0, 0, 0.1); }
main .d-module-work .d-bar-left .d-block .d-filter-content .classroom-project.first{ border-top: 1px solid #b1a986 }
main .d-module-work .d-bar-left .d-block .d-filter-content .classroom-project.last{ border-bottom: 1px solid #b1a986 }
main .d-module-work .d-bar-left .d-block .d-filter-content .classroom-project label{ font-family: effloresce_bold; line-height: 21px; }


main .d-module-work .d-bar-left .d-student{ position: relative; width: 415px; height: 133px; border-radius: 5px; border: 1px solid #967130; background-color: rgba(255, 255, 255, 0.4); margin-left: 7px; margin-top: 8px; cursor: pointer; }
main .d-module-work .d-bar-left .d-student.active{ border: 7px solid #c27442; margin-left: 1px; }
main .d-module-work .d-bar-left .d-student .d-avatar{ position: absolute; top: 20px; left: 15px; }
main .d-module-work .d-bar-left .d-student .d-name{ position: absolute; top: 20px; left: 85px; font-family: effloresce_bold; font-size: 20px; width: 280px; }
main .d-module-work .d-bar-left .d-student .d-checkbox{ position: absolute; top: 10px; right: 3px; }
main .d-module-work .d-bar-left .d-student .d-score-label{ color: #73493e; position: absolute; top: 71px; left: 120px; font-family: 'effloresce_bold'; font-size: 17px;}
main .d-module-work .d-bar-left .d-student .d-score-rubric{ position: absolute; top: 64px; left: 220px; width: 26px; height: 28px; background: url(img/classroom-project-activity/ico-rubric.png); }
main .d-module-work .d-bar-left .d-student .d-score-input{ position: absolute; top: 5px; left: 86px; font-family: special_elite; color: #73493e; font-size: 20px;}
main .d-module-work .d-bar-left .d-student .d-score-input input{ display: inline-block; border: none; background: transparent; border-bottom: 1px solid #c1b78e; font-size: 21px; margin-left: 10px; font-family: special_elite; width: 75px; text-align: center; height: 25px;}
main .d-module-work .d-bar-left .d-student .d-cromo{ position: absolute; top: 60px; left: 70px; width: 190px; height: 60px; }
main .d-module-work .d-bar-left .d-student .d-cromo .d-cromo-label{ font-family: akaPosse; font-size: 24px; position: absolute; left: 15px; top: 10px; color: #73493e; }
main .d-module-work .d-bar-left .d-student .d-cromo .d-cromo-icon{ position: absolute; left: 87px; top: 1px; width: 49px; height: 59px; background: url(img/classroom-project-activity/ico_cromo.png); }
main .d-module-work .d-bar-left .d-student .d-cromo .d-cromo-icon.active{ background: url(img/classroom-project-activity/ico_cromo_post.png) no-repeat; background-position: center; background-size: 100%; width: 65px; }
main .d-module-work .d-bar-left .d-student .d-points{ position: absolute; top: 60px; left: 239px; width: 190px; height: 60px; border-radius: 5px;}
main .d-module-work .d-bar-left .d-student .d-points .d-points-label{ font-family: akaPosse; font-size: 23px; position: absolute; left: 10px; top: 13px; color: #73493e; }
main .d-module-work .d-bar-left .d-student .d-points .d-points-number{ font-family: akaPosse; font-size: 27px; position: absolute; top: 33px; left: 80px; width: 100px; text-align: center; color: #73493e; }


main .d-module-work .d-post-container{ padding-bottom: 20px; margin-right: 10px; background: url(img/bg_corcho.jpg); margin-top: 110px; border: 4px solid #8e5a3c; border-radius: 5px; min-height: 200px; max-width: 820px;}
main .d-module-work .d-title{ position: absolute; top: 60px; left: 555px; font-family: cinzel_decorative_700; color: #dcc379; font-size: 18px; }
main .d-module-work .d-search { position: absolute; top: 30px; right: 50px;}
main .d-module-work .d-search input{ width: 250px; border-top: 2px solid #ccba99; border-left: 2px solid #ccba99; border-right: 2px solid #ad9e82; border-bottom: 2px solid #ad9e82; height: 27px; background-color: #2e181d; color: white; padding-left: 10px; padding-right: 10px; font-family: special_elite; font-size: 16px; }

main .d-module-work .d-post-container .d-empty { display: block; width: 286px; height: 83px; background: url(img/work/empty_es.png); margin: 60px auto;} 
body.lang-ca main .d-module-work .d-post-container .d-empty { background: url(img/work/empty_ca.png); } 
body.lang-eu main .d-module-work .d-post-container .d-empty { background: url(img/work/empty_eu.png); } 
body.lang-gl main .d-module-work .d-post-container .d-empty { background: url(img/work/empty_gl.png); } 
body.lang-en main .d-module-work .d-post-container .d-empty { background: url(img/work/empty_en.png); } 
main .d-module-work .d-post-container .d-card.d-post { display:block; position: relative; min-width: 550px; max-width: 800px; min-height: 143px; background: #f7eedd; margin: 10px; padding: 0px; margin-bottom: 15px; 
                                                       -webkit-box-shadow: 2px 6px 19px -2px rgba(0,0,0,0.65);
                                                       -moz-box-shadow: 2px 6px 19px -2px rgba(0,0,0,0.65);
                                                       box-shadow: 2px 6px 19px -2px rgba(0,0,0,0.65); 
                                                       border-top: 4px solid #532d11;}
main .d-module-work .d-post-container .d-card.d-post .d-header-task { display:block; width: 100%; height: 100px; border-bottom: 1px solid #c7b799; }
main .d-module-work .d-post-container .d-card.d-post .d-header-task .d-icon { position: absolute; top: 5px; left: 10px; }
main .d-module-work .d-post-container .d-card.d-post .d-header-task .d-icon.task { width: 43px; height: 59px; background: url(img/ico_task.png); }
main .d-module-work .d-post-container .d-card.d-post .d-header-task .d-icon.quizz { width: 50px; height: 53px; background: url(img/ico_quizz.png); }
main .d-module-work .d-post-container .d-card.d-post .d-header-task .d-time { position: absolute; left: 76px; top: 39px; color: #918679; font-family: effloresce_bold; font-size: 14px; }
main .d-module-work .d-post-container .d-card.d-post .d-header-task .d-tracing { position: absolute; right: 10px; top: 7px; }
main .d-module-work .d-post-container .d-card.d-post .d-header-task .d-tracing .d-tracing-done,
main .d-module-work .d-post-container .d-card.d-post .d-header-task .d-tracing .d-tracing-missing,
main .d-module-work .d-post-container .d-card.d-post .d-header-task .d-tracing .d-tracing-corrected{ width: 120px; height: 90px; position: relative; display: inline-block; }
main .d-module-work .d-post-container .d-card.d-post .d-header-task .d-tracing .d-counter{ width: 73px; height: 51px; background: url(img/classroom-project-activity/bg_counter.png) no-repeat; background-size: 100%; background-position: center; top: 0; position: absolute; left: 24px; font-family: 'special_elite'; font-size: 35px; text-align: center; line-height: 66px; }
main .d-module-work .d-post-container .d-card.d-post .d-header-task .d-tracing .d-counter span{ position: absolute; width: 73px; text-align: center; letter-spacing: 8px; top: 0px; left: 4px; }
main .d-module-work .d-post-container .d-card.d-post .d-header-task .d-tracing .d-counter.d-tracing-done-counter{ color: #566a3b; }
main .d-module-work .d-post-container .d-card.d-post .d-header-task .d-tracing .d-counter.d-tracing-missing{ color: #bc523d; }
main .d-module-work .d-post-container .d-card.d-post .d-header-task .d-tracing .d-counter.d-tracing-corrected{ color: #3da3bc; }
main .d-module-work .d-post-container .d-card.d-post .d-header-task .d-tracing .d-label { font-family: 'akaPosse'; text-align: center; position: absolute; left: 0; right: 0; top: 50px; }
main .d-module-work .d-post-container .d-card.d-post .d-header-task .d-tracing .d-label.d-tracing-done-label{ color: #566a3b; }
main .d-module-work .d-post-container .d-card.d-post .d-header-task .d-tracing .d-label.d-tracing-missing-label{ color: #bc523d; }
main .d-module-work .d-post-container .d-card.d-post .d-header-task .d-tracing .d-label.d-tracing-corrected-label{ color: #3da3bc; }

main .d-module-work .d-post-container .d-card.d-post .d-header-task .d-actions { position: absolute; right: 5px; bottom: 5px; }
main .d-module-work .d-post-container .d-card.d-post .d-header-task .d-action-config { position: absolute; right: 40px; top: 4px; }
main .d-module-work .d-post-container .d-card.d-post .d-header-task .d-action-config .d-icon{ display: inline-block; width: 28px; height: 28px; background: url(img/classroom-project-activity/btn-config.png); }
main .d-module-work .d-post-container .d-card.d-post .d-header-task .dropdown { position: absolute; top: 65px; right: -11px; left: auto; display: none; z-index: 2; }

main .d-module-work .d-post-container .d-wood-bar .d-response-status{ position: absolute; height: 30px; top: 65px; right: 30px; padding: 5px 20px 5px 20px; border-radius: 0 0 10px 10px; font-family: akaPosse; font-size: 20px; color: #f7eedd; background: #bc523d; }
main .d-module-work .d-post-container .d-wood-bar .d-response-status.delivered{ background: #566a3b; }
main .d-module-work .d-post-container .d-wood-bar .d-response-status.corrected{ background: #3da3bc; }

main .d-module-work .d-post-container .d-corrected-points{ position: absolute; top: 7px; right: 18px; font-family: akaPosse; font-size: 20px; color: #73493e; text-align: right;}
main .d-module-work .d-post-container .d-corrected-points .d-corrected-score{ font-size: 32px; }
main .d-module-work .d-post-container .d-corrected-points .d-corrected-score .d-oftotal{ color: #dcb7ad; }

main .d-module-work .d-post-container .d-card.d-post .d-task-title { cursor: pointer; position: absolute; font-family: special_elite; font-size: 18px; color: #23201f; top: 15px; left: 75px; right: 371px; line-height: 23px; height: 32px; overflow: hidden; font-weight: bold;}
main .d-module-work .d-post-container .d-card.d-post .d-task-title:hover{ text-decoration: underline; }
main .d-module-work .d-post-container .d-card.d-post .d-end-at { position: absolute; font-family: special_elite; font-size: 16px; color: #665a53; bottom: 10px; right: 10px; }
main .d-module-work .d-post-container .d-card.d-post .d-task-project { cursor: pointer; color: #665a53; font-size: 18px; position: absolute; top: 61px; left: 75px; font-weight: bold; right: 371px}
main .d-module-work .d-post-container .d-card.d-post .d-task-project:hover { text-decoration: underline; }
main .d-module-work .d-post-container .d-card.d-post .d-task-classroom { cursor: pointer; color: #4d3c20; font-size: 18px; font-family: cinzel_decorative_700; position: absolute; bottom: 7px; left: 20px; right: 50px; }
main .d-module-work .d-post-container .d-card.d-post .d-task-classroom:hover { text-decoration: underline; }


main .d-classroom-project-activity .d-card.d-post .d-header-task { display:block; width: 100%; height: 80px; border-bottom: 1px solid #c7b799; }
main .d-classroom-project-activity .d-card.d-post .d-header-task .d-icon { position: absolute; top: 5px; left: 30px; }
main .d-module-work.student .d-card.d-post .d-header-task .d-icon.task { width: 43px; height: 59px; background: url(img/ico_task.png); }
main .d-module-work.student .d-card.d-post .d-header-task .d-icon.message { width: 49px; height: 49px; background: url(img/ico_note.png); }
main .d-module-work.student .d-card.d-post .d-header-task .d-icon.quizz { width: 50px; height: 53px; background: url(img/ico_quizz.png); }
main .d-module-work.student .d-card.d-post .d-header-task .d-icon-avatar { position: absolute; left: 15px; top: 10px; margin-top: 5px; }
main .d-module-work.student .d-card.d-post .d-header-task .d-icon-avatar .alias { width: 50px; height: 50px; }
main .d-module-work.student .d-card.d-post .d-header-task .d-icon-avatar .alias.alias1{ background: url(img/classroom-project-activity/alias_1.png) !important; }
main .d-module-work.student .d-card.d-post .d-header-task .d-icon-avatar .alias.alias2{ background: url(img/classroom-project-activity/alias_2.png) !important; }
main .d-module-work.student .d-card.d-post .d-header-task .d-icon-avatar .alias.alias3{ background: url(img/classroom-project-activity/alias_3.png) !important; }
main .d-module-work.student .d-card.d-post .d-header-task .d-icon-avatar .alias.alias4{ background: url(img/classroom-project-activity/alias_4.png) !important; }
main .d-module-work.student .d-card.d-post .d-header-task .d-icon-avatar .alias.alias5{ background: url(img/classroom-project-activity/alias_5.png) !important; }
main .d-module-work.student .d-card.d-post .d-header-task .d-icon-avatar .alias.alias6{ background: url(img/classroom-project-activity/alias_6.png) !important; }
main .d-module-work.student .d-card.d-post .d-header-task .d-icon-avatar .d-student-icon .d-level{ display: none; }
main .d-module-work.student .d-card.d-post .d-header-task .d-icon-username { position: absolute; left: 92px; top: 7px; width: 42px; height: 42px; background: url(img/profile_42x42.jpg);  border: 2px solid #684730; background-position: center; background-size: 100%; background-repeat: no-repeat; border-radius: 60px; }
main .d-module-work.student .d-card.d-post .d-header-task .d-icon-username.teacher{ top: 7px; width: 42px; height: 42px; border: 2px solid #684730; background-position: center; background-size: 100%; background-repeat: no-repeat; border-radius: 60px; }
main .d-module-work.student .d-card.d-post .d-header-task .d-icon-username.teacher.alias{ border: none; width: 50px; height: 50px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
main .d-module-work.student .d-card.d-post .d-header-task .d-icon-username.teacher.alias1{ background: url(img/classroom-project-activity/alias_1.png) !important; }
main .d-module-work.student .d-card.d-post .d-header-task .d-icon-username.teacher.alias2{ background: url(img/classroom-project-activity/alias_2.png) !important; }
main .d-module-work.student .d-card.d-post .d-header-task .d-icon-username.teacher.alias3{ background: url(img/classroom-project-activity/alias_3.png) !important; }
main .d-module-work.student .d-card.d-post .d-header-task .d-icon-username.teacher.alias4{ background: url(img/classroom-project-activity/alias_4.png) !important; }
main .d-module-work.student .d-card.d-post .d-header-task .d-icon-username.teacher.alias5{ background: url(img/classroom-project-activity/alias_5.png) !important; }
main .d-module-work.student .d-card.d-post .d-header-task .d-username { position: absolute; left: 76px; top: 9px; color: #2c1608; font-family: effloresce_bold; font-size: 20px; }
main .d-module-work.student .d-card.d-post .d-header-task .d-post-to { position: absolute; top: 35px; left: 77px; color: #4d3c20; font-size: 15px; font-family: effloresce_bold; }
main .d-module-work.student .d-card.d-post .d-header-task .d-time { position: absolute; left: 77px; top: 55px; color: #918679; font-family: effloresce_bold; font-size: 14px; }

main .d-module-work.student .d-card.d-post .d-corrected-points{ position: absolute; top: 7px; right: 18px; font-family: akaPosse; font-size: 20px; color: #73493e; text-align: right;}
main .d-module-work.student .d-card.d-post .d-corrected-points .d-corrected-score{ font-size: 32px; }
main .d-module-work.student .d-card.d-post .d-corrected-points .d-corrected-score .d-oftotal{ color: #dcb7ad; }

main .d-module-work.student .d-card.d-post .d-corrected-cromo{ position: absolute; top: -15px; right: 145px; width: 100px; height: 100px; background: url(img/glow.png); z-index: 2; background-size: 100% 100%;}
main .d-module-work.student .d-card.d-post .d-corrected-cromo .d-win-cromo{ background-size: 100%; background-position: center; width: 64px; height: 98px; position: absolute; top: 11px; left: 19px; z-index: 2; }

main .d-module-work.student .d-card.d-post.t_quizzes .d-header-task{ height: 140px; }
main .d-module-work.student .d-card.d-post.t_quizzes .d-wood-bar{ position: relative; width: 100%; height: 65px; background: url(img/classroom-project-activity/bg_wood.png) repeat-x; position: absolute; top: 80px; padding-left: 14px; margin-left: -9px; border: 1px solid #c4b394;}
main .d-module-work.student .d-card.d-post.t_quizzes .d-wood-bar:before { content: ""; position: absolute; top: 65px; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 0; border-color: transparent #4a3f37 transparent transparent; -webkit-box-shadow: 5px -4px 7px rgba(0,0,0,0.3); -moz-box-shadow: 5px -4px 7px rgba(0,0,0,0.3); box-shadow: 5px -4px 7px rgba(0,0,0,0.3); }
main .d-module-work.student .d-card.d-post.t_quizzes .d-wood-bar .d-quizz-icon{ z-index: 2; width: 50px; height: 53px; position: absolute; top: 5px; left: 22px; background: url(img/ico_quizz.png); }
main .d-module-work.student .d-card.d-post.t_quizzes .d-wood-bar .d-points-label{ position: absolute; top: -2px; left: 44px; width: 174px; height: 83px; background: url(img/classroom-project-activity/bg_points.png); }
main .d-module-work.student .d-card.d-post.t_quizzes .d-wood-bar .d-points-label .d-amount{ position: absolute; top: 14px; left: 104px; font-family: akaPosse; font-size: 30px; color: #6b4027; -webkit-transform: rotate(13deg); -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -o-transform: rotate(13deg); text-align: center; width: 45px;}
main .d-module-work.student .d-card.d-post.t_quizzes .d-wood-bar .d-points-label .d-label{ position: absolute; top: 44px; left: 97px; font-family: akaPosse; font-size: 16px; color: #6b4027; -webkit-transform: rotate(13deg); -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -o-transform: rotate(13deg); text-align: center; width: 45px;}
main .d-module-work.student .d-card.d-post.t_quizzes .d-wood-bar .d-post-with-cromo{ position: absolute; top: -5px; left: 243px; width: 44px; height: 77px; background: url(img/case/cromo-caso.png); background-size: 100% 100%; }
main .d-module-work.student .d-card.d-post.t_quizzes .d-wood-bar .d-end-at{ position: absolute; top: 26px; right: 26px; color: #fff; font-family: special_elite; }

main .d-module-work.student .d-card.d-post .d-wood-bar .d-response-status{ position: absolute; height: 30px; top: 65px; right: 30px; padding: 10px 20px 5px 20px; border-radius: 0 0 10px 10px; font-family: akaPosse; font-size: 20px; color: #f7eedd; background: #bc523d; }
main .d-module-work.student .d-card.d-post .d-wood-bar .d-response-status.delivered{ background: #566a3b; }
main .d-module-work.student .d-card.d-post .d-wood-bar .d-response-status.corrected{ background: #3da3bc; }

main .d-module-work.student .d-card.d-post.t_task .d-header-task{ height: 140px; }
main .d-module-work.student .d-card.d-post.t_task .d-wood-bar{ position: relative; width: 100%; height: 65px; background: url(img/classroom-project-activity/bg_wood.png) repeat-x; position: absolute; top: 80px; padding-left: 14px; margin-left: -9px; border: 1px solid #c4b394;}
main .d-module-work.student .d-card.d-post.t_task .d-wood-bar:before { content: ""; position: absolute; top: 65px; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 0; border-color: transparent #4a3f37 transparent transparent; -webkit-box-shadow: 5px -4px 7px rgba(0,0,0,0.3); -moz-box-shadow: 5px -4px 7px rgba(0,0,0,0.3); box-shadow: 5px -4px 7px rgba(0,0,0,0.3); }
main .d-module-work.student .d-card.d-post.t_task .d-wood-bar .d-icon{ z-index: 2; width: 43px; height: 59px; position: absolute; top: 2px; left: 22px; background: url(img/ico_task.png); }
main .d-module-work.student .d-card.d-post.t_task .d-wood-bar .d-points-label{ position: absolute; top: -2px; left: 44px; width: 174px; height: 83px; background: url(img/classroom-project-activity/bg_points.png); }
main .d-module-work.student .d-card.d-post.t_task .d-wood-bar .d-points-label .d-amount{ position: absolute; top: 14px; left: 104px; font-family: akaPosse; font-size: 30px; color: #6b4027; -webkit-transform: rotate(13deg); -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -o-transform: rotate(13deg); text-align: center; width: 45px;}
main .d-module-work.student .d-card.d-post.t_task .d-wood-bar .d-points-label .d-label{ position: absolute; top: 44px; left: 97px; font-family: akaPosse; font-size: 16px; color: #6b4027; -webkit-transform: rotate(13deg); -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -o-transform: rotate(13deg); text-align: center; width: 45px;}
main .d-module-work.student .d-card.d-post.t_task .d-wood-bar .d-post-with-cromo{ position: absolute; top: -5px; left: 243px; width: 44px; height: 77px; background: url(img/case/cromo-caso.png); background-size: 100% 100%; }
main .d-module-work.student .d-card.d-post.t_task .d-wood-bar .d-end-at{ position: absolute; top: 26px; right: 26px; color: #fff; font-family: special_elite; }
main .d-module-work.student .d-card.d-post .d-content{ height: 120px; }
main .d-module-work.student .d-post-container .d-card.d-post .d-task-title{ top: 171px; left: 19px; right: 160px; }
main .d-module-work.student .d-post-container .d-card.d-post .d-task-project{ top: 200px; left: 19px; right: 50px; }


/* student icon (escudo) normal, big, small, x-small*/
.d-student-icon{ position: absolute; top: 20px; left: 10px; width: 176px; height: 232px; }
.d-student-icon .d-stars{ position: absolute; top: 0px; left: 0px; }
.d-student-icon .d-stars .d-star{ position: absolute; top: 1px; left: 1px; width: 28px; height: 28px; background: url(img/student-star-1.png) no-repeat; background-size: 100%; }
.d-student-icon .d-stars .d-star.level2{ background: url(img/student-star-2.png) no-repeat; background-size: 100%; }
.d-student-icon .d-stars .d-star.level3{ background: url(img/student-star-3.png) no-repeat; background-size: 100%; }
.d-student-icon .d-stars.s1 .d-star{ top: -7px; left: 72px; }
.d-student-icon .d-stars.s2 .d-star:nth-child(1){ top: -5px; left: 56px; }
.d-student-icon .d-stars.s2 .d-star:nth-child(2){ top: -5px; left: 88px; }

.d-student-icon .d-stars.s3 .d-star:nth-child(1){ top: -7px; left: 72px; }
.d-student-icon .d-stars.s3 .d-star:nth-child(2){ top: -3px; left: 40px; }
.d-student-icon .d-stars.s3 .d-star:nth-child(3){ top: -3px; left: 103px; }

.d-student-icon .d-stars.s4 .d-star:nth-child(1){ top: -2px; left: 27px; }
.d-student-icon .d-stars.s4 .d-star:nth-child(2){ top: -5px; left: 58px; }
.d-student-icon .d-stars.s4 .d-star:nth-child(3){ top: -5px; left: 88px; }
.d-student-icon .d-stars.s4 .d-star:nth-child(4){ top: -2px; left: 117px; }

.d-student-icon .d-stars.s5 .d-star:nth-child(1){ top: -7px; left: 72px; }
.d-student-icon .d-stars.s5 .d-star:nth-child(2){ top: -5px; left: 40px; }
.d-student-icon .d-stars.s5 .d-star:nth-child(3){ top: -5px; left: 103px; }
.d-student-icon .d-stars.s5 .d-star:nth-child(4){ top: -0px; left: 10px; }
.d-student-icon .d-stars.s5 .d-star:nth-child(5){ top: -0px; left: 133px; }
.d-student-icon .d-mask{ z-index: 1; position: absolute; top: 25px; left: 5px; width: 160px; height: 175px; background-image: url(img/student-mask-1.png); background-size: 100%; background-repeat: no-repeat;}
.d-student-icon .d-mask.level2{ background-image: url(img/student-mask-2.png); }
.d-student-icon .d-mask.level3{ background-image: url(img/student-mask-3.png); }
.d-student-icon .d-avatar-image{ width: 144px; height: 144px; position: absolute; top: 38px; left: 13px; background-image: url(img/ico-add-image.png); background-size: 100%; background-repeat: no-repeat; background-position: center;}
.d-student-icon .d-level{ z-index: 2; position: absolute; width: 135px; height: 43px; top: 190px; left: 20px; background-image: url(img/student-level-bronce.png); background-repeat: no-repeat; background-size: 100%; }
.d-student-icon .d-level span{ 
    position: absolute;
    top: 4px;
    left: 10px;
    right: 10px;
    text-align: center;
    font-family: akaPosse;
    color: #99471e;
    font-size: 19px;
}
.d-student-icon .d-level.level2{ background-image: url(img/student-level-silver.png); }
.d-student-icon .d-level.level3{ background-image: url(img/student-level-gold.png); }
.d-student-icon .d-level.level2 span{ color: #525252; }
.d-student-icon .d-level.level3 span{ color: #af7600; }
/*
body.lang-ca .d-student-icon .d-level.level1{ background-image: url(img/student-level-1-ca.png); }
body.lang-ca .d-student-icon .d-level.level2{ background-image: url(img/student-level-2-ca.png); }
body.lang-ca .d-student-icon .d-level.level3{ background-image: url(img/student-level-3-ca.png); }
body.lang-eu .d-student-icon .d-level.level1{ background-image: url(img/student-level-1-eu.png); }
body.lang-eu .d-student-icon .d-level.level2{ background-image: url(img/student-level-2-eu.png); }
body.lang-eu .d-student-icon .d-level.level3{ background-image: url(img/student-level-3-eu.png); }
*/

/* small */
.d-student-icon.small { position: absolute; top: 0px; left: 0px; width: 89px; height: 132px; }
.d-student-icon.small .d-stars { top: 14px; left: 2px; }
.d-student-icon.small .d-level span { font-size: 11px; top: 2px; }
.d-student-icon.small .d-stars .d-star{ width: 14px; height: 14px; }
.d-student-icon.small .d-stars.s1 .d-star{ top: -4px; left: 36px; }
.d-student-icon.small .d-stars.s2 .d-star:nth-child(1){ top: -3px; left: 28px; }
.d-student-icon.small .d-stars.s2 .d-star:nth-child(2){ top: -3px; left: 44px; }

.d-student-icon.small .d-stars.s3 .d-star:nth-child(1){ top: -4px; left: 36px; }
.d-student-icon.small .d-stars.s3 .d-star:nth-child(2){ top: -2px; left: 20px; }
.d-student-icon.small .d-stars.s3 .d-star:nth-child(3){ top: -2px; left: 52px; }

.d-student-icon.small .d-stars.s4 .d-star:nth-child(1){ top: -1px; left: 14px; }
.d-student-icon.small .d-stars.s4 .d-star:nth-child(2){ top: -3px; left: 29px; }
.d-student-icon.small .d-stars.s4 .d-star:nth-child(3){ top: -3px; left: 44px; }
.d-student-icon.small .d-stars.s4 .d-star:nth-child(4){ top: -1px; left: 59px; }

.d-student-icon.small .d-stars.s5 .d-star:nth-child(1){ top: -4px; left: 36px; }
.d-student-icon.small .d-stars.s5 .d-star:nth-child(2){ top: -3px; left: 20px; }
.d-student-icon.small .d-stars.s5 .d-star:nth-child(3){ top: -3px; left: 52px; }
.d-student-icon.small .d-stars.s5 .d-star:nth-child(4){ top: -0px; left: 5px; }
.d-student-icon.small .d-stars.s5 .d-star:nth-child(5){ top: -0px; left: 67px; }

.d-student-icon.small .d-mask{ width: 80px; height: 90px; }
.d-student-icon.small .d-avatar-image{ width: 67px; height: 72px; top: 32px; left: 12px; background-position: center; background-size: cover; }
.d-student-icon.small .d-level{ width: 70px; height: 20px; top: 110px; left: 11px; }

.d-student-icon.x-small { position: absolute; top: 0px; left: 0px; width: 50px; height: 55px; }
.d-student-icon.x-small .d-mask{ width: 50px; height: 55px; top: 0; left: 0; }
.d-student-icon.x-small .d-avatar-image{ width: 43px; height: 43px; top: 4px; left: 3px; background-position: center; }
.d-student-icon.x-small .d-level{ width: 70px; height: 20px; top: 51px; left: -9px; }
.d-student-icon.x-small .d-level span{ font-size: 10px; top: 2px; }

.d-student-icon.x-small .d-stars { top: -8px; }
.d-student-icon.x-small .d-stars .d-star{ width: 8px; height: 8px; }
.d-student-icon.x-small .d-stars.s1 .d-star:nth-child(1){ top: -4px; left: 21px; }

.d-student-icon.x-small .d-stars.s2 .d-star:nth-child(1){ top: -4px; left: 21px; }
.d-student-icon.x-small .d-stars.s2 .d-star:nth-child(2){ top: -3px; left: 10px; }

.d-student-icon.x-small .d-stars.s3 .d-star:nth-child(1){ top: -4px; left: 21px; }
.d-student-icon.x-small .d-stars.s3 .d-star:nth-child(2){ top: -3px; left: 10px; }
.d-student-icon.x-small .d-stars.s3 .d-star:nth-child(3){ top: -3px; left: 32px; }

.d-student-icon.x-small .d-stars.s4 .d-star:nth-child(1){ top: -4px; left: 21px; }
.d-student-icon.x-small .d-stars.s4 .d-star:nth-child(2){ top: -3px; left: 10px; }
.d-student-icon.x-small .d-stars.s4 .d-star:nth-child(3){ top: -3px; left: 32px; }
.d-student-icon.x-small .d-stars.s4 .d-star:nth-child(4){ top: -0px; left: 0px; }

.d-student-icon.x-small .d-stars.s5 .d-star:nth-child(1){ top: -4px; left: 21px; }
.d-student-icon.x-small .d-stars.s5 .d-star:nth-child(2){ top: -3px; left: 10px; }
.d-student-icon.x-small .d-stars.s5 .d-star:nth-child(3){ top: -3px; left: 32px; }
.d-student-icon.x-small .d-stars.s5 .d-star:nth-child(4){ top: -0px; left: 0px; }
.d-student-icon.x-small .d-stars.s5 .d-star:nth-child(5){ top: -0px; left: 43px; }


/* TEACHER icon (escudo) normal, big, small, x-small*/
.d-teacher-icon{ position: absolute; top: 20px; left: 10px; width: 176px; height: 232px; }
.d-teacher-icon .d-stars{ position: absolute; top: 0px; left: 0px; }
.d-teacher-icon .d-stars .d-star{ position: absolute; top: 1px; left: 1px; width: 28px; height: 28px; background: url(img/student-star-1.png) no-repeat; background-size: 100%; }
.d-teacher-icon .d-stars .d-star.level2{ background: url(img/student-star-2.png) no-repeat; background-size: 100%; }
.d-teacher-icon .d-stars .d-star.level3{ background: url(img/student-star-3.png) no-repeat; background-size: 100%; }
.d-teacher-icon .d-stars.s1 .d-star{ top: -7px; left: 72px; }
.d-teacher-icon .d-stars.s2 .d-star:nth-child(1){ top: -5px; left: 56px; }
.d-teacher-icon .d-stars.s2 .d-star:nth-child(2){ top: -5px; left: 88px; }

.d-teacher-icon .d-stars.s3 .d-star:nth-child(1){ top: -7px; left: 72px; }
.d-teacher-icon .d-stars.s3 .d-star:nth-child(2){ top: -3px; left: 40px; }
.d-teacher-icon .d-stars.s3 .d-star:nth-child(3){ top: -3px; left: 103px; }

.d-teacher-icon .d-stars.s4 .d-star:nth-child(1){ top: -2px; left: 27px; }
.d-teacher-icon .d-stars.s4 .d-star:nth-child(2){ top: -5px; left: 58px; }
.d-teacher-icon .d-stars.s4 .d-star:nth-child(3){ top: -5px; left: 88px; }
.d-teacher-icon .d-stars.s4 .d-star:nth-child(4){ top: -2px; left: 117px; }

.d-teacher-icon .d-stars.s5 .d-star:nth-child(1){ top: -7px; left: 72px; }
.d-teacher-icon .d-stars.s5 .d-star:nth-child(2){ top: -5px; left: 40px; }
.d-teacher-icon .d-stars.s5 .d-star:nth-child(3){ top: -5px; left: 103px; }
.d-teacher-icon .d-stars.s5 .d-star:nth-child(4){ top: -0px; left: 10px; }
.d-teacher-icon .d-stars.s5 .d-star:nth-child(5){ top: -0px; left: 133px; }
.d-teacher-icon .d-mask{ z-index: 1; position: absolute; top: 25px; left: 5px; width: 160px; height: 175px; background-image: url(img/student-mask-1.png); background-size: 100%; background-repeat: no-repeat;}
.d-teacher-icon .d-mask.level2{ background-image: url(img/student-mask-2.png); }
.d-teacher-icon .d-mask.level3{ background-image: url(img/student-mask-3.png); }
.d-teacher-icon .d-avatar-image{ width: 144px; height: 144px; position: absolute; top: 38px; left: 13px; background-image: url(img/profile.jpg); background-size: cover; background-repeat: no-repeat; }
.d-teacher-icon .d-level{ z-index: 2; position: absolute; width: 135px; height: 43px; top: 190px; left: 20px; background-image: url(img/student-level-1.png); background-repeat: no-repeat; background-size: 100%; }
.d-teacher-icon .d-level.level2{ background-image: url(img/student-level-2.png); }
.d-teacher-icon .d-level.level3{ background-image: url(img/student-level-3.png); }


/* teacher small */
.d-teacher-icon.small { position: absolute; top: 0px; left: 0px; width: 89px; height: 132px; }
.d-teacher-icon.small .d-stars { top: 14px; left: 2px; }
.d-teacher-icon.small .d-stars .d-star{ width: 14px; height: 14px; }
.d-teacher-icon.small .d-stars.s1 .d-star{ top: -4px; left: 36px; }
.d-teacher-icon.small .d-stars.s2 .d-star:nth-child(1){ top: -3px; left: 28px; }
.d-teacher-icon.small .d-stars.s2 .d-star:nth-child(2){ top: -3px; left: 44px; }

.d-teacher-icon.small .d-stars.s3 .d-star:nth-child(1){ top: -4px; left: 36px; }
.d-teacher-icon.small .d-stars.s3 .d-star:nth-child(2){ top: -2px; left: 20px; }
.d-teacher-icon.small .d-stars.s3 .d-star:nth-child(3){ top: -2px; left: 52px; }

.d-teacher-icon.small .d-stars.s4 .d-star:nth-child(1){ top: -1px; left: 14px; }
.d-teacher-icon.small .d-stars.s4 .d-star:nth-child(2){ top: -3px; left: 29px; }
.d-teacher-icon.small .d-stars.s4 .d-star:nth-child(3){ top: -3px; left: 44px; }
.d-teacher-icon.small .d-stars.s4 .d-star:nth-child(4){ top: -1px; left: 59px; }

.d-teacher-icon.small .d-stars.s5 .d-star:nth-child(1){ top: -4px; left: 36px; }
.d-teacher-icon.small .d-stars.s5 .d-star:nth-child(2){ top: -3px; left: 20px; }
.d-teacher-icon.small .d-stars.s5 .d-star:nth-child(3){ top: -3px; left: 52px; }
.d-teacher-icon.small .d-stars.s5 .d-star:nth-child(4){ top: -0px; left: 5px; }
.d-teacher-icon.small .d-stars.s5 .d-star:nth-child(5){ top: -0px; left: 67px; }

.d-teacher-icon.small .d-mask{ width: 80px; height: 90px; }
.d-teacher-icon.small .d-avatar-image{ width: 67px; height: 72px; top: 32px; left: 12px; background-position: center; background-size: cover; }
.d-teacher-icon.small .d-level{ width: 70px; height: 20px; top: 110px; left: 11px; }

.d-teacher-icon.x-small { position: absolute; top: 0px; left: 0px; width: 50px; height: 55px; }
.d-teacher-icon.x-small .d-mask{ width: 50px; height: 55px; top: 5px; left: 0; }
.d-teacher-icon.x-small .d-avatar-image{ width: 43px; height: 44px; top: 10px; left: 3px; }
.d-teacher-icon.x-small .d-level{ width: 70px; height: 20px; top: 110px; left: 11px; display: none; }
.d-teacher-icon.x-small .d-stars { top: 0px; left: 0px; }
.d-teacher-icon.x-small .d-stars .d-star{ width: 8px; height: 8px; }
.d-teacher-icon.x-small .d-stars.s5 .d-star:nth-child(1){ top: -4px; left: 21px; }
.d-teacher-icon.x-small .d-stars.s5 .d-star:nth-child(2){ top: -3px; left: 10px; }
.d-teacher-icon.x-small .d-stars.s5 .d-star:nth-child(3){ top: -3px; left: 32px; }
.d-teacher-icon.x-small .d-stars.s5 .d-star:nth-child(4){ top: -0px; left: 0px; }
.d-teacher-icon.x-small .d-stars.s5 .d-star:nth-child(5){ top: -0px; left: 43px; }

/* Modal Profile */
#modal-container .modal.d-group-form { width: 660px; height: 420px; }
#modal-container .modal.d-group-form .d-header{  }
#modal-container .modal.d-group-form .d-header .d-close{cursor: pointer; position: absolute; width: 25px; height: 25px; right: 20px; top: 20px; background: url(img/classroom-project-activity/btn_cerrar.png); }
#modal-container .modal.d-group-form .modal-content{ overflow: hidden; }
#modal-container .modal.d-group-form .d-content{ margin-top: 5px; }
#modal-container .modal.d-group-form .d-row { display: block; margin-bottom: 15px; }
#modal-container .modal.d-group-form .d-row.students { display: none; }
#modal-container .modal.d-group-form .d-row .input-field{ display: inline-block; }
#modal-container .modal.d-group-form .d-row .input-field input,
#modal-container .modal.d-group-form .d-row .input-field textarea{ width: 420px; }
#modal-container .modal.d-group-form .d-row .input-field input{ border-bottom: 1px solid #8cb5c1; height: 20px; padding-top: 5px; }
#modal-container .modal.d-group-form .d-row .label{ text-align: right; width: 125px; color: #614431; vertical-align: top; font-family: 'effloresce_bold'; display: inline-block; line-height: 30px; }
#modal-container .modal.d-group-form .d-container-inline-students{ width: 470px; height: auto; overflow-y: auto; /*border-bottom: 1px solid #c1b78e; */ min-height: 30px; margin-left: 10px; }
#modal-container .modal.d-group-form .d-container-inline-students .d-inline-student{ display: block; width: auto; background: #ded8ce; padding: 5px 10px; border: 1px solid #c7bfb2; border-radius: 20px; float: left; color: #545454; margin-bottom: 5px; margin-right: 5px; }
#modal-container .modal.d-group-form .d-container-inline-students .d-inline-student span{ margin-left: 8px;  font-weight: bold; color: #000; cursor: pointer; font-family: sans-serif;}
#modal-container .modal.d-group-form .d-container-students{ position: absolute; width: 615px; height: 270px; overflow-y: auto; top: 90px; left: 30px; border: 2px solid #8cb5c1; }
#modal-container .modal.d-group-form .d-container-students .d-student{ width: 270px; height: 110px; margin: 10px; position: relative; display: inline-block; }
#modal-container .modal.d-group-form .d-container-students .d-student .simple-checkbox{ position: absolute; left: 5px; top: 32px; }
#modal-container .modal.d-group-form .d-container-students .d-student .d-student-icon{ top: -18px; left: 50px; }
#modal-container .modal.d-group-form .d-container-students .d-student .d-student-name{ position: absolute; left: 145px; top: 15px; }
#modal-container .modal.d-group-form .modal-footer { position: absolute; bottom: 8px; left: 8px; right: 8px; height: 50px; background: #e2d1b4; text-align: right; line-height: 51px; }
#modal-container .modal.d-group-form .modal-footer a.btn{ display: inline-block; margin-right: 32px; }

/* header of teacher custom */
main .m-home.d-student .header .d-header .d-header-tile.col1 { width: 280px; }
main .m-home.d-student .header .d-header .d-header-tile.col2 { left: 280px; }

/* header, classroom tile */
main .m-home.d-student .header .d-header .d-classroom-info,
main .m-home.d-teacher .header .d-header .d-classroom-info{ display: none; width: 214px; position: absolute; left: 75px; top: 2px; }
main .m-home.d-student .header .d-header .d-classroom-info .icon,
main .m-home.d-teacher .header .d-header .d-classroom-info .icon{ width: 42px; height: 42px; margin-top: 10px; margin-right: 5px; border-radius: 24px; -webkit-border-radius: 24px;-moz-border-radius: 24px; background: url(img/avatar_clase.jpg) no-repeat; background-size: 100%; float: left; display: inline-block; border: 2px solid #684730; background-position: center; background-repeat: no-repeat;}
main .m-home.d-student .header .d-header .d-classroom-info .classroom-name,
main .m-home.d-teacher .header .d-header .d-classroom-info .classroom-name{ margin-top: 10px; font-family: 'effloresce_bold',Sans-Serif; color: #d7be84; text-transform: uppercase; font-size: 20px; padding-top: 10px; }
main .m-home.d-teacher .header .d-header .d-classroom-info .project-title,
main .m-home.d-student .header .d-header .d-classroom-info .project-title{ margin-top: 0px; font-family: 'special_elite',Sans-Serif; color: #d7be84; font-size: 15px; padding-top: 5px; visibility: hidden;}
main .m-home.d-student.r-classroom .header .d-header .d-classroom-info .project-title,
main .m-home.d-teacher.r-classroom .header .d-header .d-classroom-info .project-title{ display: none; }

main .m-home.d-teacher.header-sticky .header .d-header .d-header-tile.sticky .d-classroom-info { visibility: visible; }
main .m-home.d-teacher.header-sticky .header .d-header .d-header-tile.sticky .d-classroom-info .classroom-name{ margin-top: 1px; }
main .m-home.d-teacher.header-sticky.r-classroom .header .d-header-tile.sticky .d-classroom-info .classroom-name{ margin-top: 12px; }
main .m-home.d-teacher.header-sticky .header .d-header .d-header-tile.sticky .d-classroom-info .project-title{ visibility: visible; }

main .m-home.d-student.header-sticky .header .d-header .d-header-tile.sticky .d-classroom-info { visibility: visible; }
main .m-home.d-student.header-sticky .header .d-header .d-header-tile.sticky .d-classroom-info .classroom-name{ margin-top: 1px; }
main .m-home.d-student.header-sticky.r-classroom .header .d-header-tile.sticky .d-classroom-info .classroom-name{ margin-top: 12px; }
main .m-home.d-student.header-sticky .header .d-header .d-header-tile.sticky .d-classroom-info .project-title{ visibility: visible; }

/* Student classrooms */
main .d-student-classrooms {  }
main .d-student-classrooms { position: relative; z-index: 3; }
main .d-student-classrooms .d-tab-content{ display: none; }

main .d-student-classrooms .d-header .d-tabs{ position: absolute; top: 100px; left: 105px; right: 19px; text-align: center; }
main .d-student-classrooms .d-header .d-tabs ul{ margin: 0; padding: 0}
main .d-student-classrooms .d-header .d-tabs li{ display: block; height: 57px; position: relative; }
main .d-student-classrooms .d-header .d-tabs li.active{ background: url(img/bg_projects_menu_selected.png) 14px 0px no-repeat; }
main .d-student-classrooms .d-header .d-tabs li a{ text-decoration: none; font-family: 'effloresce_bold'; font-size: 20px; color: #000; width: 100%; float: left; height: 36px; width: 190px; padding-top: 13px; margin-left: 5px;
                                                   -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg);
                                                   -ms-transform: rotate(-7deg); -o-transform: rotate(-7deg); }
main .d-student-classrooms .d-header .d-tabs ul:after{ content: ''; width: 170px; height: 9px; background: url(img/bg_header_dd_separator.png); position: absolute; top: 180px; left: 12px; }
main .d-student-classrooms .d-header .d-tabs ul:before { content: ''; width: 170px; height: 9px; background: url(img/bg_header_dd_separator.png); position: absolute; top: -10px; left: 12px; }
main .d-student-classrooms .d-header .d-tabs li .active{ color: #FFF; }


main .d-student-classrooms .d-header-link{ display: block; position: absolute; top: 18px; right: 60px; color: #fff; font-family: effloresce_bold; border-bottom: 1px solid #fff; font-size: 19px; z-index: 4; }
main .d-student-classrooms .d-header-link .btn{ color: #fff; }
main .d-student-classrooms .d-card-projects{ display: block; padding-top: 75px; position: relative; text-align: center; }
main .d-student-classrooms .d-card-projects-bg-glass{ display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.6; z-index: 4; cursor: pointer; }
main .d-student-classrooms .d-card-projects .d-card { cursor: pointer; width: 345px; height: 590px; margin-right: 2%; display: inline-block; position: relative; margin-bottom: 15px; background: url(img/card-project.png) no-repeat; }
main .d-student-classrooms .d-card-projects .d-card .dropdown{ position: absolute; top: 73px; left: 176px; display: none; z-index: 4; }
main .d-student-classrooms .d-card-projects .d-card.current{  background: url(img/classroom-project/bg-project-1.png); }
main .d-student-classrooms .d-card-projects .d-card.finished{  margin-right: 3%; background: url(img/classroom-project/bg-project-3.png); }
main .d-student-classrooms .d-card-projects .d-card.next{ margin-right: 3%; background: url(img/classroom-project/bg-project-2.png); }
main .d-student-classrooms .d-card-projects .d-card .d-header { height: auto; }
main .d-student-classrooms .d-card-projects .d-card .d-header .actions { position: absolute; right: 17px; top: 17px; }
main .d-student-classrooms .d-card-projects .d-card .d-header .actions .btn-config{ display: none; width: 28px; height: 28px; background: url(img/classroom-project/btn-config.png); }
main .d-student-classrooms .d-card-projects .d-card .d-header .project-title { position: absolute; left: 15px; top: 50px; right: 15px; font-size: 20px; text-align: center; font-family: cinzel_decorative_700; height: 46px; line-height: 22px; overflow: hidden; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
main .d-student-classrooms .d-card-projects .d-card .d-header .project-title:hover { text-decoration: underline; }

main .d-student-classrooms .d-card-projects .d-card .d-body { padding-left: 15px; padding-right: 15px; }
main .d-student-classrooms .d-card-projects .d-card .d-body .actions-btn{ text-align: center;}
main .d-student-classrooms .d-card-projects .d-card .d-body .actions-btn a{ color: #2196F3; }
main .d-student-classrooms .d-card-projects .d-card .d-body .actions-btn span{ color: silver; }
main .d-student-classrooms .d-card-projects .d-card.new{ background: url(img/classroom-project/bg-project-4.png);}
main .d-student-classrooms .d-card-projects .d-card.new .btn-add-project{ position: absolute; top: 465px; width: 215px; height: 55px; background: url(img/bg_btn2.png); font-family: 'akaPosse'; font-size: 21px; left: 70px; line-height: 44px; color: #32240b; }
main .d-student-classrooms .d-card-projects .d-card.empty { width: 280px; height: 146px; margin-right: 2%; display: inline-block; position: relative; margin-bottom: 15px; background: url(img/classroom-books/empty.png) no-repeat; }
main .d-student-classrooms .d-card-projects .d-card.empty .d-body { padding: 30px; margin-top: 15px; float: left; color: #FFF; line-height: 23px; }

main .d-student-classrooms .d-card-projects .d-card .icon{ cursor:pointer; width: 95px; height: 137px; margin: 0 auto; margin-bottom: 10px; background: url(img/image-project.png) no-repeat; background-size: 100%; background-position: center center; position: absolute; top: 128px; left: 38px; }
main .d-student-classrooms .d-card-projects .d-card .icon:hover{ border: 1px solid #902b2b; color: #902b2b }
main .d-student-classrooms .d-card-projects .d-card.finished .icon{ top: 130px; left: 39px; }
main .d-student-classrooms .d-card-projects .d-card .d-footer{ font-size: 20px; font-family: effloresce_bold; }
main .d-student-classrooms .d-card-projects .d-card .actions-btn{ display: none; }
main .d-student-classrooms .d-card-projects .d-card.current .actions-btn{ display: block; position: absolute; top: 381px; left: 55px; right: 50px; text-align: center; }
main .d-student-classrooms .d-card-projects .d-card.current .actions-btn .btn{ display: block; width: 165px; height: 30px; background: url(img/bg_btn_wood.png); color: #000; font-family: 'akaPosse'; display: inline-block; padding-top: 5px; }
main .d-student-classrooms .d-card-projects .d-card.current .actions-btn .btn.btn-finish{ display: inline-block; }
main .d-student-classrooms .d-card-projects .d-card.current .actions-btn .btn.btn-archive{ display: inline-block; }
main .d-student-classrooms .d-card-projects .d-card a.btn-activate{ visibility: hidden; }

main .d-student-classrooms .d-card-projects .d-card .d-header .label { z-index: 2; position: absolute; top: 126px; left: 161px; width: 155px; height: 90px; color: #b60909; font-family: 'Top_Secret'; font-size: 23px; -webkit-transform: rotate(-16deg); -moz-transform: rotate(-16deg); -ms-transform: rotate(-16deg); -o-transform: rotate(-16deg); line-height: 80px; }
main .d-student-classrooms .d-card-projects .d-card .d-header .label.active { top: 111px; left: 158px; color: #188022; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); height: 100px; line-height: 100px;}
main .d-student-classrooms .d-card-projects .d-card .d-header .label.next { color: #54a1c0; }
main .d-student-classrooms .d-card-projects .d-card.next a.btn-activate{ visibility: visible; }
main .d-student-classrooms .d-card-projects .d-points{ position: absolute; top: 326px; left: 45px; font-family: akaPosse; font-size: 28px; color: #6b4027; 
                                                       -webkit-transform: rotate(-12deg); -moz-transform: rotate(-12deg); -ms-transform: rotate(-12deg); -o-transform: rotate(-12deg);}
main .d-student-classrooms .d-card-projects .d-points-label{ position: absolute; top: 384px; left: 50px; font-size: 16px; font-family: effloresce_bold; }
main .d-student-classrooms .d-card-projects .d-label-research{ position: absolute; top: 384px; left: 143px; font-size: 16px; font-family: effloresce_bold; }
main .d-student-classrooms .d-card-projects .d-label-resolved{ position: absolute; top: 384px; left: 245px; font-size: 16px; font-family: effloresce_bold; }
main .d-student-classrooms .d-card-projects .d-points-next{ position: absolute; top: 335px; left: 229px; font-family: akaPosse; font-size: 38px; color: #6b4027; -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); -ms-transform: rotate(12deg); -o-transform: rotate(12deg); }
main .d-student-classrooms .d-card-projects .d-points-next-label{ position: absolute; top: 325px; left: 135px; font-family: akaPosse; font-size: 20px; color: #6b4027; -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); -ms-transform: rotate(12deg); -o-transform: rotate(12deg); width: 95px; text-align: left; line-height: 18px; }
main .d-student-classrooms .d-card-projects .d-diploma-btn{ position: absolute; top: 342px; left: 96px; font-family: akaPosse; font-size: 25px; color: #cfa150; }
main .d-student-classrooms .d-card-projects .d-print-btn{ position: absolute; top: 350px; left: 242px; color: #fff; font-size: 18px; }
main .d-student-classrooms .d-card-projects .d-print-area-btn{ position: absolute; top: 320px; left: 20px; right: 20px; height: 76px; }
main .d-student-classrooms .d-card-projects .d-activity-tasks{ color: #c69d6d; position: absolute; top: 505px; left: 34px; width: 90px; text-align: center; }
main .d-student-classrooms .d-card-projects .d-activity-tasks-label{ color:#ede4d0; position: absolute; top: 530px; left: 34px; width: 90px; text-align: center;  }
main .d-student-classrooms .d-card-projects .d-activity-tests{ color: #c69d6d; position: absolute; top: 505px; left: 129px; width: 90px; text-align: center; }
main .d-student-classrooms .d-card-projects .d-activity-tests-label{ color:#ede4d0; position: absolute; top: 530px; left: 128px; width: 90px; text-align: center;  }
main .d-student-classrooms .d-card-projects .d-activity-trophies{ color: #c69d6d; position: absolute; top: 505px; left: 223px; width: 90px; text-align: center; }
main .d-student-classrooms .d-card-projects .d-activity-trophies-label{ color:#ede4d0; position: absolute; top: 530px; left: 223px; width: 90px; text-align: center;  }
main .d-student-classrooms .d-card-projects .d-activity-clicable-area{ position: absolute; top: 430px; left: 20px; right: 20px; height: 75px; }
main .d-student-classrooms .d-card-projects .progress-bar-container-1{ position: absolute; top: 305px; left: 144px; width: 71px; height: 71px; }
main .d-student-classrooms .d-card-projects .progress-bar-container-2{ position: absolute; top: 305px; left: 239px; width: 71px; height: 71px; }
main .d-student-classrooms .d-card-projects .progress-bars .progress-bar{ width: 71px; height: 71px; }
main .d-student-classrooms .d-card-projects .progress-bar-container-1 .progressbar-text,
main .d-student-classrooms .d-card-projects .progress-bar-container-2 .progressbar-text{ color: #000 !important; font-size: 14px !important; font-family: effloresce_bold; }

/* STUDENT classroom project STUDENTS */
main .d-student-classrooms .d-card-students{ display: block; padding-top: 75px; position: relative; text-align: center; }
main .d-student-classrooms .d-card-students .d-card { width: 326px; height: 477px; margin-right: 2%; display: inline-block; position: relative; margin-bottom: 15px; background: url(img/classroom-project-students/bg-card.png) no-repeat; }
main .d-student-classrooms .d-card-students .d-card .d-header .actions { position: absolute; right: 17px; top: 17px; }
main .d-student-classrooms .d-card-students .d-card .d-header .actions .btn-config{ width: 28px; height: 28px; background: url(img/classroom-project-students/ico-config.png); }
main .d-student-classrooms .d-card-students .d-card .d-linked{ position: absolute; top: 14px; left: 17px;  }
main .d-student-classrooms .d-card-students .d-card .d-linked .d-icon{ display: inline-block; width: 34px; height: 34px; background: url(img/classroom-project-students/ico-link.png); }
main .d-student-classrooms .d-card-students .d-card .d-linked .d-status{ color: #99c54d; display: inline-block; vertical-align: top; margin-top: 8px; }
main .d-student-classrooms .d-card-students .d-card .d-linked.not-linked{  }
main .d-student-classrooms .d-card-students .d-card .d-linked.not-linked .d-status{ color: #f1d183; }
main .d-student-classrooms .d-card-students .d-card .d-linked.not-linked .d-icon{ background: url(img/classroom-project-students/ico-no-link.png); }
main .d-student-classrooms .d-card-students .d-card .d-student-name{ position: absolute; top: 385px; left: 24px; right: 24px; text-align: center; font-size: 25px; }
main .d-student-classrooms .d-card-students .d-card.without-alias .d-student-name{ top: 397px;  }
main .d-student-classrooms .d-card-students .d-card .without-alias{ position: absolute; top: 417px; left: 24px; right: 24px; font-size: 19px; color: silver; }
main .d-student-classrooms .d-card-students .d-card .without-alias{ display: none; }
main .d-student-classrooms .d-card-students .d-card .with-alias{ position: absolute; top: 417px; left: 24px; right: 24px; font-size: 19px; color: silver; }
main .d-student-classrooms .d-card-students .d-card .d-label-points{ line-height: 25px; color: #cfa150; font-family: akaPosse; text-align: center; position: absolute; width: 100px; height: 51px; top: 337px; left: 41px; font-size: 20px; }
main .d-student-classrooms .d-card-students .d-card .d-label-cromos{ line-height: 25px; color: #cfa150; font-family: akaPosse; text-align: center; position: absolute; width: 100px; height: 51px; top: 337px; left: 181px; font-size: 20px;}
main .d-student-classrooms .d-card-students .d-card .d-points{ line-height: 25px; font-family: akaPosse; font-size: 27px; text-align: center; position: absolute; top: 312px; left: 42px; width: 100px; height: 51px; color: #FFF; }
main .d-student-classrooms .d-card-students .d-card .d-cromos{ line-height: 25px; font-family: akaPosse; font-size: 27px; text-align: center; position: absolute; top: 312px; left: 181px; width: 100px; height: 51px; color: #FFF; }
main .d-student-classrooms .d-card-students .d-card .d-student-icon { top: 72px; left: 76px; }
main .d-student-classrooms .d-card-students .d-card .dropdown{ left: 197px; z-index: 1; }
main .d-student-classrooms .d-card-students .d-card.new { background: url(img/classroom-project-students/bg-card-0.png) no-repeat; cursor: pointer; }
main .d-student-classrooms .d-card-students .d-card.new .btn-new-student{ position: absolute; top: 330px; width: 215px; height: 55px; background: url(img/bg_btn2.png); font-family: 'akaPosse'; font-size: 21px; left: 56px; line-height: 44px; color: #32240b; }




/* student classroom project */
main .d-student-classroom-project {  }
main .d-student-classroom-project .d-header{ display: block; width: 100%; height: 48px; }
main .d-student-classroom-project .d-header .d-back { float: left; width: 160px; color: #eee; margin-top: 11px; }
main .d-student-classroom-project .d-header .d-back i { vertical-align:middle;  }
main .d-student-classroom-project .d-header .d-back span{ vertical-align:middle; font-size: 17px; }
main .d-student-classroom-project .d-header .d-tabs{ position: absolute; left: 165px; right: 0px; text-align: center; min-width: 360px; }
main .d-student-classroom-project .d-header .d-tabs ul{ }
main .d-student-classroom-project .d-header .d-tabs ul li { display: inline-block; }
main .d-student-classroom-project .d-header .d-tabs ul li .active{ color: #666666; }
main .d-student-classroom-project .d-header .d-tabs ul li a.disabled{ background-color: #2196F3 !important; color: #eee !important; }

main .d-student-classroom-project .d-project-tab-container { display: block; padding-top: 10px; }
main .d-student-classroom-project .d-project-tab { display: none; }

/* student classroom project content */
main .d-student-classroom-project .d-classroom-project-content{}
main .d-student-classroom-project .d-classroom-project-content .project-tabs { display:block; width: 100%; margin-top: 15px; }
main .d-student-classroom-project .d-classroom-project-content .project-tabs ul{ -webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25); box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25); }
main .d-student-classroom-project .d-classroom-project-content .container-project-html { display:block; width: 100%; }
main .d-student-classroom-project .d-classroom-project-content .mode-edition { display: none; }
main .d-student-classroom-project .d-classroom-project-content .project-html-anchors { text-align: center; padding-top: 20px; padding-bottom: 20px; }
main .d-student-classroom-project .d-classroom-project-content .project-html-anchors ul { }
main .d-student-classroom-project .d-classroom-project-content .project-html-anchors ul li { display: inline-block; }
main .d-student-classroom-project .d-classroom-project-content .project-html-anchors ul li a { padding: 10px; color: #FFF; border-radius: 5px; margin-right: 5px; }
main .d-student-classroom-project .d-classroom-project-content .project-html-anchors ul li a.active { color: #60a1d5; background: #FFF; }
main .d-student-classroom-project .d-classroom-project-content .container-project-html .project-data-content .actions { float:right; visibility: hidden; } 
main .d-student-classroom-project .d-classroom-project-content .container-project-html .project-data-content .actions i { color: #999999; } 

main .d-student-classroom-project .d-classroom-project-content .container-project-html .d-card-project{ width: 100%; margin: 0 auto; }
main .d-student-classroom-project .d-classroom-project-content .container-project-html .project-data-content{ padding-bottom: 15px; border-bottom: 1px solid #eee;}

main .d-student-classroom-project .d-classroom-project-content .container-project-html .d-card-project .d-field label.d-label{ float:left; }
main .d-student-classroom-project .d-classroom-project-content .container-project-html .d-card-project .project-icon{ overflow: hidden; }
main .d-student-classroom-project .d-classroom-project-content .container-project-html .d-card-project .project-icon img{ max-width: 100%; padding-left: 30px; padding-right: 30px; }
main .d-student-classroom-project .d-classroom-project-content .container-project-html .d-card-project .d-field input#project-edition-title{ font-size: 2.2em; }
main .d-student-classroom-project .d-classroom-project-content .container-project-html .d-card-project input[type='file'] { visibility: hidden; position:absolute; top:-100px; }
main .d-student-classroom-project .d-classroom-project-content .container-project-html .d-card-project .btn-upd-img-project { width: 265px; margin: 0 auto; }
main .d-student-classroom-project .d-classroom-project-content .container-project-html .d-card-project .project-html-content{ text-align: left; }
main .d-student-classroom-project .d-classroom-project-content .container-project-html .d-card-project .upload-progress-container{ display: none; position: relative; width: 75px; height: 75px; margin: 0 auto; }


/* PROJECT RESET HTML */
.d-card-project .project-html-content h1 { font-size: 2rem; }
.d-card-project .project-html-content h2 { font-size: 1.7rem; }
.d-card-project .project-html-content h3 { font-size: 1.5rem; }
.d-card-project .project-html-content h4 { font-size: 1.3rem; }
.d-card-project .project-html-content h5 { font-size: 1.1rem; }


/* MODAL select template project */
#modal-container .modal.select-template-project h4 { font-size: 1.7em; text-align: center; }
#modal-container .modal.select-template-project h5 { font-size: 1.2em; text-align: center; color: #535353; }
#modal-container .modal.select-template-project .d-content { padding: 15px; }
#modal-container .modal.select-template-project .d-content .d-template-project { cursor: pointer; display: block; width: 100%; height: 125px; min-width: 400px; border-bottom: 1px solid #dedede; }
#modal-container .modal.select-template-project .d-content .d-template-project .icon{ width: 100px; height: 100px; float: left; margin-bottom: 10px; margin-top: 10px; overflow: hidden; }
#modal-container .modal.select-template-project .d-content .d-template-project .icon img{ width: 100px; }
#modal-container .modal.select-template-project .d-content .d-template-project .info{ float: left; min-width: 300px; margin-left: 15px; padding-top: 10px; }
#modal-container .modal.select-template-project .d-content .d-template-project .info .title{ display: block; color: #2196F3; font-size: 1.2em; }
#modal-container .modal.select-template-project .d-content .d-template-project .info .description{ display: block; font-size: .8em; color: #999999; }
#modal-container .modal.select-template-project .d-content .d-template-project.selected { height: 225px; background: #eee; }
#modal-container .modal.select-template-project .d-content .d-template-project.selected .icon{ width: 200px; height: 200px; }
#modal-container .modal.select-template-project .d-content .d-template-project.selected .icon img { width: 200px; }

/* TEACHER classroom gradebook  */
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook { position: fixed; top: 120px; left: 20px; right: 20px; bottom: 20px; overflow: auto; border: 3px solid #613921; border-radius: 2px; background: url(img/bg_project.png); }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-empty-gradebook{ position: fixed; top: 270px; left: 50%; width: 600px; margin-left: -300px; text-align: center; line-height: 1.5em; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-empty-gradebook .d-icon{ width: 69px; height: 79px; background: url(img/profile/no_detective.png); margin: 0 auto; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-empty-gradebook span { text-align: center; font-size: 18px; color: #55321d; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-empty-gradebook span a{    color: #c15a1d;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed { position: absolute; z-index: 2; top: 0px; left: 0px; width: 409px; background: url(img/bg_project.png); }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed .d-headers{ height: 90px; position: relative; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed .d-header{ display: inline-block; text-align: center; font-family: cinzel_decorative_700; color: #371c0b; font-size: 17px; position: absolute; top: 0; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-order-box { border-radius: 3px; width: 127px; height: 35px; display: inline-block; padding-left: 10px; color: #000; font-family: 'effloresce_bold'; line-height: 35px; cursor: pointer; position: relative; text-align: left; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-order-box span { content: ' '; position: absolute; top: 8px; right: 7px; width: 20px; height: 20px; background: url(img/classroom-project-activity/bg_arrow.png) no-repeat; background-position: center;  }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-order-box span.asc {  -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg);
                                                                                     -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed .d-header.h1{ width: 239px; height: 95px; border-bottom: 2px solid #c07e89; border-right: 2px solid #c07e89; background-image: url(img/gradebook/bg_students.png); background-repeat: no-repeat;  background-position: center; line-height: 98px; font-size: 20px; left: 0; cursor: pointer; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed .d-header.h2{ left: 241px;width: 161px;padding-left: 5px;height: 85px;border-bottom: 2px solid #c07e89;border-right: 2px solid #c07e89;text-align: center;line-height: 20px;padding-top: 10px;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed .d-header.h2 .d-total{  font-family: akaPosse;color: #9a3916;text-align: center;line-height: 90px;font-size: 23px;position: absolute;top: 28px;left: 98px;}

.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed span.orderby{ cursor: pointer; content: ' '; position: absolute; top: 64px; right: 88px; width: 20px; height: 20px; background: url(img/classroom-project-activity/bg_arrow.png) no-repeat; background-position: center;  }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed span.orderby.asc{ -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg);
                                                                                            -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed .h1 span.orderby{ top: 38px; right: 27px;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed .no-active span.orderby{ opacity: .5; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed .on-score-ten{ cursor:pointer; position: absolute; top: 60px; left: 20px; font-family: 'special_elite'; font-size: 24px; width: 35px; height: 35px; font-weight: bold;border-radius: 20px; text-align: center; line-height: 34px; color: #000; }

.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed .d-header.h3{ left: 392px; width: 111px; height: 91px; border-bottom: 2px solid #c07e89; border-right: 2px solid #c07e89; line-height: 41px; padding-top: 4px; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed .d-header.h3 div{ display: block; font-size: 22px; font-family: akaPosse; color: #73493e;  }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed .d-header.h3 span{ font-size: 22px; font-family: akaPosse; color: #9a3916; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed .d-header.h3 span.d-total{ color: #73493e; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-col-students{margin-top: 5px;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-col-students .d-student{ display: block; position: relative; width: 407px; height: 90px; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-col-students .d-student:last-child{ height: 110px; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-col-students .d-student .d-avatar{ position: absolute; top: 15px; left: 20px;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-col-students .d-student .d-name{ position: absolute; top: 0px; left: 86px; font-family: 'effloresce_bold'; bottom: 0; border-right: 2px solid #c07e89; width: 153px; line-height: normal; padding-top: 30px; word-break: break-word;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-col-students .d-student .d-score{ position: absolute;font-family: 'special_elite';font-size: 20px;top: 0px;left: 240px;width: 86px;bottom: 0;text-align: center;line-height: 94px;font-weight: bold;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-col-students .d-student .d-points{     position: absolute;font-family: akaPosse;color: #9a3916;top: 0px;left: 322px;border-right: 2px solid #c07e89;width: 85px;bottom: 0;text-align: center;line-height: 90px;font-size: 23px; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right { margin-left: 409px; white-space: nowrap; }                                                                        
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header{ height: 95px; position: relative; width: auto; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project-tasks { display: inline-block; position: relative; height: 95px; border-bottom: 2px solid #c07e89; vertical-align: top;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project { cursor: pointer; display: inline-block; width: 140px; border-right: 2px solid #a1b6b4; position: relative; height: 95px; border-bottom: 2px solid #c07e89; background: #ead7c0; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project.d-task-close {width: 182px;border-right: 2px solid #c07e89;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project .d-title{ position: absolute;top: 0px;left: 0px;right: 0;text-align: left;font-family: effloresce_bold;background: #ead7c0;height: 41px;width: 200px;border-right: 2px solid #c07e89;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project:hover .d-title{ text-decoration: underline; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project .d-title .d-title-text{ position: absolute;top: 12px;left: 38px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project.d-task-close .d-title .d-title-text{width: 150px;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project .d-title .d-project-status{ cursor: pointer;content: ' ';position: absolute;top: 11px;left: 10px;width: 22px;height: 22px;background: url(img/gradebook/gradebook-in-progress.png) no-repeat;background-position: center;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project .d-title .d-project-status.finished{ background: url(img/gradebook/gradebook-finished.png) no-repeat; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project .d-points{ position: absolute; top: 50px; left: 60px; right: 0; text-align: center; font-family: akaPosse; color: #9a3916; font-size: 22px; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project .d-ten-score{ position: absolute; top: 57px; left: 0; width: 60px; text-align: center; font-family: 'special_elite'; font-weight: bold; color: #000; font-size: 22px; }

.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project.new-item, 
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-task.new-item { vertical-align: top; position: relative; border-right: 2px solid #c07e89;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project.new-item .d-btn-add,
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-task.new-item .d-btn-add{ width: 48px; height: 48px; background: url(img/gradebook/btn_add.png); position: absolute; top: 23px; left: 26px; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-task.new-item.item-project .d-btn-add{  width: 38px; height: 38px; top: 7px; left: 32px; background-size: contain; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-item-form { display: none; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .active .d-item-form { display: block; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .active .d-btn-add { display: none; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-item-form [contenteditable]{ border-bottom: 1px solid #9a3916; text-align: center; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-item-form .d-item-remove{ width: 25px;height: 25px;background: url(img/classroom-project-activity/ico_close.png) no-repeat;background-position: center;vertical-align: middle;position: absolute;right: 0; top: 0; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-item-form .d-item-title{ position: absolute;top: 30px;left: 3px;right: 3px;overflow: hidden;min-height: 22px;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-item-form .d-item-points{ position: absolute;top: 60px;left: 3px;right: 3px;font-family: akaPosse;color: #888888;font-size: 22px;min-height: 22px;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-item-for.project .d-item-remove{width: 25px; height: 25px; background: url(img/classroom-project-activity/ico_close.png) no-repeat; background-position: center; vertical-align: middle; position: absolute; right: 0; top: 0; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-item-form.project .d-item-title{ position: absolute;top: 2px;left: 3px;right: 23px;overflow: hidden;min-height: 22px;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-item-form.project .d-item-points{ position: absolute;top: 25px;left: 3px;right: 23px;font-family: akaPosse;color: #888888;font-size: 18px;min-height: 22px;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project .d-item-form .d-item-title{ font-weight: bold; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project .d-item-form .d-item-points{ color: #9a3916; }

.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-task { display: inline-block;width: 100px;border-right: 2px solid #a1b6b4;position: relative;height: 52px;border-top: 2px solid #a1b6b4;top: 41px;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-task .d-title{  position: absolute;top: 7px;left: 0;right: 0;text-align: center;font-family: effloresce_bold;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-task .d-points{  position: absolute;top: 25px;left: 0;right: 0;text-align: center;font-family: akaPosse;color: #888888;font-size: 18px; }

.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student{ height: 90px; position: relative; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student:last-child{ height: 110px; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student-tasks{ height: 90px; position: relative; display: inline;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student .d-project { vertical-align: top; display: inline-block; width: 140px; border-right: 2px solid #a1b6b4; position: relative; height: 90px; font-size: 20px; font-family: akaPosse; text-align: center; line-height: 87px; color: #73493e; background: #ead7c0;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student .d-project .score{ position: absolute;top: 3px;left: 0px;width: 60px;font-family: 'special_elite';font-weight: bold;font-size: 18px;text-align: center;color: #000;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student .d-project .points{ position: absolute;top: 0px;right: 0px;left: 60px;text-align: center;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student .d-project.d-task-close{ width: 182px; border-right: 2px solid #c07e89}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student .d-project-task { vertical-align: top; cursor: pointer; display: inline-block; width: 100px; border-right: 2px solid #a1b6b4;  position: relative; height: 90px; font-size: 20px; font-family: akaPosse; text-align: center; line-height: 87px; color: #888888; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student .new-item { cursor: default; border-right: 2px solid #c07e89;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student .d-item-points { visibility: hidden; margin-top: 18px; width: 100px; height: 50px; display: block; text-align: center; border-bottom: 1px solid; line-height: 50px; vertical-align: bottom;  -moz-user-select: text; -khtml-user-select: text; -webkit-user-select: text;  -o-user-select: text; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student .active .d-item-points { visibility: visible; }
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student:last-child .d-project { height: 110px;     border-bottom: 1px solid #c07e89;}
.d-teacher-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student:last-child .d-project-task { height: 110px;     border-bottom: 1px solid #c07e89;}

/* END TEACHER classroom gradebook  */


/* STUDENT classroom gradebook  */
.d-student-classrooms .d-tab-content.gradebook .d-gradebook { position: fixed; top: 120px; left: 20px; right: 20px; bottom: 20px; overflow: auto; border: 3px solid #613921; border-radius: 2px; background: url(img/bg_project.png); }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed { position: absolute; z-index: 2; top: 0px; left: 0px; width: 408px; background: url(img/bg_project.png); }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed .d-headers{ width: 408px; height: 90px; position: relative; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed .d-header{ display: inline-block; text-align: center; font-family: cinzel_decorative_700; color: #371c0b; font-size: 17px; position: absolute; top: 0; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-order-box { border-radius: 3px; width: 127px; height: 35px; display: inline-block; padding-left: 10px; color: #000; font-family: 'effloresce_bold'; line-height: 35px; cursor: pointer; position: relative; text-align: left; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-order-box span { content: ' '; position: absolute; top: 8px; right: 7px; width: 20px; height: 20px; background: url(img/classroom-project-activity/bg_arrow.png) no-repeat; background-position: center;  }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-order-box span.asc {  -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg);
                                                                                     -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed .d-header.h1{ width: 239px; height: 95px; border-bottom: 2px solid #c07e89; border-right: 2px solid #c07e89; background-repeat: no-repeat;  background-position: center; line-height: 98px; font-size: 20px; left: 0; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed .d-header.h2{ 
    left: 241px;
    width: 161px;
    padding-left: 5px;
    height: 85px;
    border-bottom: 2px solid #c07e89;
    border-right: 2px solid #c07e89;
    text-align: center;
    line-height: 20px;
    padding-top: 10px;
}
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed .d-header.h2 .on-score-ten{ 
    cursor: pointer;
    position: absolute;
    top: 60px;
    left: 20px;
    font-family: 'special_elite';
    font-size: 24px;
    width: 35px;
    height: 35px;
    font-weight: bold;
    border-radius: 20px;
    text-align: center;
    line-height: 34px;
}
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed .d-header.h3{ left: 392px; width: 111px; height: 95px; border-bottom: 2px solid #c07e89; border-right: 2px solid #c07e89; line-height: 110px; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed .d-header.h3 div{ display: block; font-size: 22px; font-family: akaPosse; color: #73493e;  }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed .d-header.h3 span{ font-size: 22px; font-family: akaPosse; color: #9a3916; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-left-fixed .d-header.h2 span.d-total{ 
    font-family: akaPosse;
    color: #9a3916;
    text-align: center;
    line-height: 90px;
    font-size: 23px;
    position: absolute;
    top: 28px;
    left: 98px;
 }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-col-students{margin-top: 5px;}
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-col-students .d-student{ display: block; position: relative; width: 408px; height: 90px; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-col-students .d-student:last-child{ height: 110px; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-col-students .d-student .d-avatar{ position: absolute; top: 15px; left: 20px;}
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-col-students .d-student .d-name{ position: absolute; top: 0px; left: 86px; font-family: 'effloresce_bold'; bottom: 0; border-right: 2px solid #c07e89; width: 153px; line-height: normal; padding-top: 30px;}
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-col-students .d-student .d-score{ 
    position: absolute;
    font-family: 'special_elite';
    font-size: 20px;
    top: 0px;
    left: 240px;
    /* border-right: 2px solid #a1b6b4; */
    width: 86px;
    bottom: 0;
    text-align: center;
    line-height: 94px;
    font-weight: bold;
 }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-col-students .d-student .d-points{ 
    position: absolute;
    font-family: akaPosse;
    color: #9a3916;
    top: 0px;
    left: 322px;
    border-right: 2px solid #c07e89;
    width: 85px;
    bottom: 0;
    text-align: center;
    line-height: 90px;
    font-size: 23px;
 }

.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right { margin-left: 409px; white-space: nowrap; }                                                                        
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header{ height: 95px; position: relative; width: auto; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project-tasks { 
    display: inline-block;
    position: relative;
    height: 95px;
    border-bottom: 2px solid #c07e89;
    vertical-align: top;
}
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project { 
    cursor: pointer;
    display: inline-block;
    width: 100px;
    border-right: 2px solid #a1b6b4;
    position: relative;
    height: 95px;
    border-bottom: 2px solid #c07e89;
    background: #ead7c0;
}
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project.d-task-close { 
    width: 182px;
    border-right: 2px solid #c07e89;
}
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project .d-title{ 
position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    text-align: left;
    font-family: effloresce_bold;
    background: #ead7c0;
    height: 41px;
    width: 200px;
    border-right: 2px solid #c07e89;
 }
 .d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project .d-title-text{ 
    position: absolute;
    top: 12px;
    left: 38px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
 .d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project .d-title .d-project-status{ 
    cursor: pointer;
    content: ' ';
    position: absolute;
    top: 11px;
    left: 10px;
    width: 22px;
    height: 22px;
    background: url(img/gradebook/gradebook-in-progress.png) no-repeat;
    background-position: center;
 }
 .d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project .d-title .d-project-status.finished{ 
    background: url(img/gradebook/gradebook-finished.png) no-repeat;
 }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project:hover .d-title{ text-decoration: underline; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project .d-points{  position: absolute; top: 50px; left: 0; right: 0; text-align: center; font-family: akaPosse; color: #9a3916; font-size: 22px; }

.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-item-form { display: none; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .active .d-item-form { display: block; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .active .d-btn-add { display: none; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-item-form [contenteditable]{ border-bottom: 1px solid #9a3916; text-align: center; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-item-form .d-item-remove{ width: 25px; height: 25px; background: url(img/classroom-project-activity/ico_close.png) no-repeat; background-position: center; vertical-align: middle; position: absolute; right: 0; top: 0; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-item-form .d-item-title{ position: absolute; top: 4px; left: 3px; right: 3px; overflow: hidden; text-align: center; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-item-form .d-item-points{ position: absolute; top: 24px; left: 3px; right: 3px; font-family: akaPosse; color: #888888; font-size: 20px; text-align: center; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project .d-item-form .d-item-title{ font-weight: bold; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-project .d-item-form .d-item-points{ color: #9a3916; }

.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-task { 
    display: inline-block;
    width: 100px;
    border-right: 2px solid #a1b6b4;
    position: relative;
    height: 52px;
    border-top: 2px solid #a1b6b4;
    top: 41px;
 }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-task .d-title{  
    position: absolute;
    top: 6px;
    left: 0;
    right: 0;
    text-align: center;
    font-family: effloresce_bold;
 }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-right-header-task .d-points{
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    text-align: center;
    font-family: akaPosse;
    color: #888888;
    font-size: 18px;
 }


.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student{ height: 90px; position: relative; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student:last-child{ height: 110px; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student-tasks{ height: 90px; position: relative; display: inline;}
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student .d-project { display: inline-block; width: 100px; border-right: 2px solid #a1b6b4; position: relative; height: 90px; font-size: 20px; font-family: akaPosse; text-align: center; line-height: 87px; color: #73493e; background: #ead7c0; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student .d-project-task { cursor: pointer; display: inline-block; width: 100px; border-right: 2px solid #a1b6b4;  position: relative; height: 90px; font-size: 20px; font-family: akaPosse; text-align: center; line-height: 87px; color: #888888; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student .d-project-task.item { cursor: default; }
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student:last-child .d-project { height: 110px;     border-bottom: 1px solid #c07e89;}
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student:last-child .d-project.d-task-close { 
    width: 182px;
    border-right: 2px solid #c07e89;
}
.d-student-classrooms .d-tab-content.gradebook .d-gradebook .d-right .d-col-project-student:last-child .d-project-task { height: 110px;     border-bottom: 1px solid #c07e89;}

/* END STUDENT classroom gradebook  */

/* STUDENT profile */
.d-student-profile-container { position: relative; z-index: 2; }
.d-student-profile-container .d-student-m-profile { padding-top: 35px; }
.d-student-profile-container .d-student-m-profile .d-profile{ background: #f8f8f8; width: 707px; height: 439px; border-radius: 5px; border: 5px solid #2e1709; margin: 0px auto; position: relative;  }
.d-student-profile-container .d-student-m-profile .d-profile:before{ content: ''; position: absolute; top: -10px; left: 50%; width: 86px; height: 24px; background: url(img/profile/firulete.png); margin-left: -43px; }
.d-student-profile-container .d-student-m-profile .d-profile .d-card-profile-title{ font-family: cinzel_decorative_700; font-size: 19px; color: #3e2e20; position: absolute; top: 20px; left: 10px; right: 10px; text-align: center;}
.d-student-profile-container .d-student-m-profile .d-profile .d-card-profile{ width: 680px; height: 311px; position: absolute; top: 60px; left: 9px; background: url(img/profile/profile-bg.png) no-repeat; background-position: center; border: 4px solid #7d3800; }
.d-student-profile-container .d-student-m-profile .d-profile .d-card-profile .d-title-depto{ width: 300px; height: 30px; font-family: cinzel_decorative_700; color: #692a1e; position: absolute; top: 25px; left: 250px; }
.d-student-profile-container .d-student-m-profile .d-profile .d-card-profile .d-title{ width: 370px; height: 30px; font-family: akaPosse; color: #58453d; position: absolute; top: 60px; left: 250px; font-size: 29px; }
.d-student-profile-container .d-student-m-profile .d-profile .d-card-profile .label{ color: #623e1f; font-family: special_elite; position: absolute; left: 250px;}
.d-student-profile-container .d-student-m-profile .d-profile .d-card-profile .input{ color: #000; font-family: special_elite; font-size: 21px; position: absolute; left: 250px; width: 320px; border-bottom: 2px solid #ded4c8; }
.d-student-profile-container .d-student-m-profile .d-profile .d-card-profile .d-username.label{ top: 110px;  }
.d-student-profile-container .d-student-m-profile .d-profile .d-card-profile .d-username.input{ top: 130px; color: #524980; }
.d-student-profile-container .d-student-m-profile .d-profile .d-card-profile .d-name.label{ top: 170px;  }
.d-student-profile-container .d-student-m-profile .d-profile .d-card-profile .d-name.input{ top: 190px; height: 23px;  }
.d-student-profile-container .d-student-m-profile .d-profile .d-card-profile .d-lastname.label{ top: 230px;  }
.d-student-profile-container .d-student-m-profile .d-profile .d-card-profile .d-lastname.input{ top: 250px; height: 23px;  }
.d-student-profile-container .d-student-m-profile .d-profile .d-card-profile .d-avatar{ position: absolute; top: 49px; left: 10px;  }
.d-student-profile-container .d-student-m-profile .d-profile .d-footer{ position: absolute; left: 0; bottom: 49px; right: 0; }
.d-student-profile-container .d-student-m-profile .d-profile .d-footer .d-submit{ position: absolute; right: 20px; top: 0px; }
.d-student-profile-container .d-student-m-profile .d-profile .d-footer .d-print{ position: absolute; left: 20px; top: 0px; }
.d-student-profile-container .d-student-m-profile .d-separator{ display: block; height: 30px; width: 50px; }
.d-student-profile-container .d-student-m-profile .d-classrooms{ background: #f8f8f8; width: 707px; height: auto;  border-radius: 5px; border: 5px solid #2e1709; margin: 00px auto; position: relative; z-index: 2; min-height: 200px;}
.d-student-profile-container .d-student-m-profile .d-classrooms:before{ content: ''; position: absolute; top: -10px; left: 50%; width: 86px; height: 24px; background: url(img/profile/firulete.png); margin-left: -43px; }
.d-student-profile-container .d-student-m-profile .d-classrooms .d-title{ font-family: cinzel_decorative_700; font-size: 19px; color: #3e2e20; position: absolute; top: 20px; left: 10px; right: 10px; text-align: center; }
.d-student-profile-container .d-student-m-profile .d-classrooms .d-loader{ display: block; }
.d-student-profile-container .d-student-m-profile .d-classrooms .d-classroom-container{ margin-top: 60px; border-top: 1px solid silver; }
.d-student-profile-container .d-student-m-profile .d-classrooms .d-classroom-container .d-classroom{ width: 100%; height: 100px; border-bottom: 1px solid silver; position: relative; }
.d-student-profile-container .d-student-m-profile .d-classrooms .d-classroom-container .d-classroom .d-icon{ position: absolute; z-index: 3; top: 18px; left: 23px; width: 57px; height: 57px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url(img/ico-add-image.png); }
.d-student-profile-container .d-student-m-profile .d-classrooms .d-classroom-container .d-classroom .d-icon-bg{ width: 84px; height: 74px; position: absolute; z-index: 2; background: url(img/bg_classroom_image_list.png); top: 10px; left: 10px;}
.d-student-profile-container .d-student-m-profile .d-classrooms .d-classroom-container .d-classroom .d-name{ position: absolute; top: 20px; left: 110px; font-family: cinzel_decorative_700; font-size: 22px; }
.d-student-profile-container .d-student-m-profile .d-classrooms .d-classroom-container .d-classroom .d-level{ position: absolute; top: 50px; left: 110px; color: silver; }
.d-student-profile-container .d-student-m-profile .d-classrooms .d-classroom-container .d-classroom .d-students{ position: absolute; top: 70px; left: 110px;  }
.d-student-profile-container .d-student-m-profile .d-classrooms .d-classroom-container .d-classroom .d-unlink{ position: absolute; top: 31px; right: 10px; visibility: hidden; }
.d-student-profile-container .d-student-m-profile .d-classrooms .d-classroom-container .d-classroom.add { height: 130px; }
.d-student-profile-container .d-student-m-profile .d-classrooms .d-classroom-container .d-classroom.add .d-icon-add{ position: absolute; top: 10px; left: 25px; width: 48px; height: 48px; background:url(img/profile/btn_add.png); }
.d-student-profile-container .d-student-m-profile .d-classrooms .d-classroom-container .d-classroom.add .d-title{ position: absolute; top: 21px; left: 90px; text-align: left; }
.d-student-profile-container .d-student-m-profile .d-classrooms .d-classroom-container .d-classroom.add .d-title-code{ position: absolute; top: 74px; left: 250px; text-align: left; }
.d-student-profile-container .d-student-m-profile .d-classrooms .d-classroom-container .d-classroom.add .d-input-code{ position: absolute; top: 64px; left: 380px; background: url(img/profile/code-bg.png); width: 210px; height: 39px; line-height: 42px; font-family: special_elite; font-size: 20px; text-align: center; }
.d-student-profile-container .d-student-m-profile .d-classrooms .d-classroom-container .d-classroom.add .d-submit{ position: absolute; top: 70px; right: 13px; } 

.d-student-profile-container .d-student-m-profile .d-account{ background: #f8f8f8; width: 707px; min-height: 444px; border-radius: 5px; border: 5px solid #2e1709; margin: 0px auto; position: relative; }
.d-student-profile-container .d-student-m-profile .d-account:before{ content: ''; position: absolute; top: -10px; left: 50%; width: 86px; height: 24px; background: url(img/profile/firulete.png); margin-left: -43px; }
.d-student-profile-container .d-student-m-profile .d-account .d-card-profile-title{ font-family: cinzel_decorative_700; font-size: 19px; color: #3e2e20; position: absolute; top: 20px; left: 10px; right: 10px; text-align: center;}
.d-student-profile-container .d-student-m-profile .d-account .d-card-account{ margin-top: 60px; margin-bottom: 60px; } 
.d-student-profile-container .d-student-m-profile .d-account .d-datetime{ color: #d2551d; } 
.d-student-profile-container .d-student-m-profile .d-account .d-license-info{ color: #d2551d; } 
.d-student-profile-container .d-student-m-profile .d-account  b.license-code{ color: #d2551d; }
.d-student-profile-container .d-student-m-profile .d-account .d-license-info span{ color: #666666; } 
.d-student-profile-container .d-student-m-profile .d-account .d-license-info span.school{ color: #333333; font-family: 'cinzel_decorative_700'; } 
.d-student-profile-container .d-student-m-profile .d-account .d-submit-change-lang{ float: right; margin-right: 30px; } 
.d-student-profile-container .d-student-m-profile .d-account input{ color: #000; font-family: special_elite; font-size: 18px; width: 320px; border: none; border-bottom: 2px solid #ded4c8; background: transparent;} 
.d-student-profile-container .d-student-m-profile .d-account .subtitle{ font-family: cinzel_decorative_700; font-size: 19px; color: #3e2e20; margin-top: 10px; padding-top: 10px; text-align: center; } 
.d-student-profile-container .d-student-m-profile .d-account .subtitle.separador{ border-top: 1px solid #DEDEDE; } 
.d-student-profile-container .d-student-m-profile .d-account .d-footer{ position: absolute; left: 0; bottom: 49px; right: 0; }
.d-student-profile-container .d-student-m-profile .d-account .d-footer .d-submit-password{ position: absolute; right: 20px; top: 0px; }
.d-student-profile-container .d-student-m-profile .d-account .d-footer .d-print{ position: absolute; left: 20px; top: 0px; }
.d-student-profile-container .d-student-m-profile .sso-container{ display: block; height: 60px; width: 250px; position: relative;}
.d-student-profile-container .d-student-m-profile .btn-google-link{ 
    position: absolute;
    top: 0px;
    border-radius: 20px;
    background: #FFF;
    border: 1px solid #F5F5F5;
    padding: 5px 19px;
    height: 30px;
    width: 360px;
    left: -59px;
    cursor: pointer;
 }
 .d-student-profile-container .d-student-m-profile .btn-google-link .logo{ 
    float: left;
    width: 25px;
    height: 25px;
    background-image: url(img/google.svg);
    background-repeat: no-repeat;
    margin: 3px 15px 0px 0px;
 }
 .d-student-profile-container .d-student-m-profile .btn-google-link .text{ 
    float: left;
    font-family: sans-serif;
    color: #3e3e3e;
    font-size: 15px;
    margin: 6px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 310px;
    text-align: left;
}
/*  */
.d-student-profile-container .d-student-m-profile .btn-microsoft-link{ 
    position: absolute;
    top: 0px;
    border-radius: 20px;
    background: #FFF;
    border: 1px solid #F5F5F5;
    padding: 5px 19px;
    height: 30px;
    width: 360px;
    left: -59px;
    cursor: pointer;
 }
 .d-student-profile-container .d-student-m-profile .btn-microsoft-link .logo{ 
    float: left;
    width: 25px;
    height: 25px;
    background-image: url(img/microsoft.svg);
    background-repeat: no-repeat;
    margin: 3px 15px 0px 0px;
 }
 .d-student-profile-container .d-student-m-profile .btn-microsoft-link .text{ 
    float: left;
    font-family: sans-serif;
    color: #3e3e3e;
    font-size: 15px;
    margin: 6px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 310px;
    text-align: left;
}

.d-student-profile-container .d-student-m-points { padding-top: 35px; } 
.d-student-profile-container .d-student-m-points .d-classroom{ background: url(img/profile/tile_gb1.png); width: 90%; height: 230px; border-radius: 5px; border: 5px solid #2e1709; margin: 0px auto; position: relative;  } 
.d-student-profile-container .d-student-m-points .d-classroom .d-classroom-tile{ position: absolute; top: 0;left: 0; width: 297px; height: 230px; border-right: 2px solid #c07e89;  } 
.d-student-profile-container .d-student-m-points .d-classroom .d-classroom-tile .d-icon{ position: absolute; z-index: 3; top: 68px; left: 123px; width: 57px; height: 57px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url(img/ico-add-image.png); } 
.d-student-profile-container .d-student-m-points .d-classroom .d-classroom-tile .d-icon-bg{ width: 84px; height: 74px; position: absolute; z-index: 2; background: url(img/bg_classroom_image_list.png); top: 60px; left: 110px;  } 
.d-student-profile-container .d-student-m-points .d-classroom .d-classroom-tile .d-name{ position: absolute; top: 150px; left: 0px; font-family: cinzel_decorative_700; font-size: 22px; right: 0; text-align: center; overflow: hidden;} 
.d-student-profile-container .d-student-m-points .d-classroom .d-score-title{ 
    position: absolute;
    width: 173px;
    height: 85px;
    top: 0px;
    left: 300px;
    color: #371c0b;
    font-family: cinzel_decorative_700;
    font-size: 18px;
    text-align: center;
    overflow: hidden;
    border-bottom: 2px solid #c07e89;
    border-left: 2px solid #c07e89;
    border-right: 2px solid #a1b6b4;
    line-height: 20px;
    padding-top: 10px;
} 
.d-student-profile-container .d-student-m-points .d-classroom .d-score-total{ 
    position: absolute;
    width: 173px;
    height: 130px;
    top: 7px;
    left: 255px;
    font-family: special_elite;
    font-size: 20px;
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    line-height: 140px;
} 
.d-student-profile-container .d-student-m-points .d-classroom .d-score-amount{ 
    position: absolute;
    width: 73px;
    height: 130px;
    top: 98px;
    left: 300px;
    font-family: special_elite;
    font-size: 20px;
    text-align: center;
    overflow: hidden;
    border-left: 2px solid #c07e89;
    border-top: 2px solid #c07e89;
    line-height: 140px;
} 
.d-student-profile-container .d-student-m-points .d-classroom .d-point-title{ 
    position: absolute;
    width: 105px;
    height: 95px;
    top: 0px;
    left: 370px;
    color: #371c0b;
    font-family: cinzel_decorative_700;
    font-size: 18px;
    text-align: center;
    overflow: hidden;
    border-bottom: 2px solid #c07e89;
    border-right: 2px solid #c07e89;
    line-height: 50px;
} 
.d-student-profile-container .d-student-m-points .d-classroom .d-point-title span{
    font-family: akaPosse;
    color: #9a3916;
    font-size: 23px;
    line-height: 150px;
} 
.d-student-profile-container .d-student-m-points .d-classroom .d-point-amount{ 
    position: absolute;
    width: 105px;
    height: 130px;
    top: 98px;
    left: 370px;
    font-family: akaPosse;
    color: #9a3916;
    font-size: 23px;
    text-align: center;
    overflow: hidden;
    border-top: 2px solid #c07e89;
    border-right: 2px solid #c07e89;
    line-height: 135px;
} 
.d-student-profile-container .d-student-m-points .d-classroom .d-gradebook{ position: absolute; top: 0; left: 478px; right: 0; bottom: 0; overflow-x: auto; overflow-y: hidden; background: #ead7c0; border-left: 2px solid #c07e89;} 
.d-student-profile-container .d-student-m-points .d-classroom .d-gradebook .row{ display: block; white-space: nowrap; background: #ead7c0;     height: 97px;}
.d-student-profile-container .d-student-m-points .d-classroom .d-gradebook .d-tile{ width: 100px; display: inline-block; overflow: hidden; white-space: nowrap; border-right: 2px solid #a1b6b4; font-weight: bold; background-color: #fff0e2;} 
.d-student-profile-container .d-student-m-points .d-classroom .d-gradebook .d-header .book-title{ 
    position: absolute;
    top: -8px;
    left: 40px;
    height: 38px;
    background: #ead7c0;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.d-student-profile-container .d-student-m-points .d-classroom .d-gradebook .d-header .book-title.short{ 
    width: 70px;
}
.d-student-profile-container .d-student-m-points .d-classroom .d-gradebook .d-header .d-tile{ 
    height: 95px; border-bottom: 2px solid #c07e89; text-align: center; line-height: 45px; 
    vertical-align: bottom;
 }
.d-student-profile-container .d-student-m-points .d-classroom .d-gradebook .d-tile.first{ 
    border-left: 2px solid #a1b6b4;
}
.d-student-profile-container .d-student-m-points .d-classroom .d-gradebook .d-header .d-tile.tasks{ 
    height: 48px;
    border-top: 2px solid #a1b6b4;
    line-height: 20px;
    padding-top: 7px;
    vertical-align: bottom;
 }
.d-student-profile-container .d-student-m-points .d-classroom .d-gradebook .d-header .d-tile.tasks span{ 
    font-size: 18px; 
 }
.d-student-profile-container .d-student-m-points .d-classroom .d-gradebook .d-header .d-tile span{ font-family: akaPosse; font-size: 22px; color: #73493e; display: block; }
.d-student-profile-container .d-student-m-points .d-classroom .d-gradebook .d-header .d-tile.project,
.d-student-profile-container .d-student-m-points .d-classroom .d-gradebook .d-row .d-tile.project{
    border-right: none;
    background: #ead7c0;
    position: relative;
}
.d-student-profile-container .d-student-m-points .d-classroom .d-gradebook .d-header .d-tile.project{
overflow: visible;
}
.d-student-profile-container .d-student-m-points .d-classroom .d-gradebook .d-tile.project .project-status{
    cursor: pointer;
    content: ' ';
    position: absolute;
    top: 5px;
    left: 10px;
    width: 22px;
    height: 22px;
    background: url(img/gradebook/gradebook-in-progress.png) no-repeat;
    background-position: center;
 }

.d-student-profile-container .d-student-m-points .d-classroom .d-gradebook .d-header .d-tile.project span{ color: #9a3916; line-height: 149px;}
.d-student-profile-container .d-student-m-points .d-classroom .d-gradebook .d-row .d-tile{ height: 131px; margin-top: 1px; border-top: 2px solid #c07e89; line-height: 135px; font-family: akaPosse;  color: #73493e; font-size: 22px; text-align: center;}
.d-student-profile-container .d-student-m-points .d-separator{ display: block; height: 30px; width: 50px; }
.d-student-profile-container .d-student-m-points .d-student-empty-gradebook{     width: 485px;
                                                                                 height: 172px;
                                                                                 background: url(img/profile/empty_points.png);
                                                                                 margin: 0 auto;
                                                                                 position: relative;
                                                                                 margin-top: 35px;}
.d-student-profile-container .d-student-m-points .d-student-empty-gradebook span{ font-size: 18px;
                                                                                  color: #55321d;
                                                                                  position: absolute;
                                                                                  top: 40px;
                                                                                  left: 170px;}
.d-student-profile-container .d-student-m-points .d-student-empty-gradebook span a{ color: #c15a1d;}

.d-student-profile-container .d-student-m-album { padding-top: 50px; }
.d-student-profile-container .d-student-m-album .d-album{ width: 1037px; height: 842px; margin: 0 auto; background: url(img/album-cromos/album.png) no-repeat; position: relative; }
.d-student-profile-container .d-student-m-album .d-album .d-classroom-icon{ position: absolute; z-index: 3; top: 54px; left: 76px; width: 57px; height: 57px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url(img/ico-add-image.png); }
.d-student-profile-container .d-student-m-album .d-album .d-classroom-icon-bg{ width: 84px; height: 74px; position: absolute; z-index: 2; background: url(img/bg_classroom_image_list.png); top: 47px; left: 62px; }
.d-student-profile-container .d-student-m-album .d-album .d-classroom-name{ position: absolute; top: 68px; left: 160px; font-family: akaPosse; color: #532d11; font-size: 24px; }
.d-student-profile-container .d-student-m-album .d-album .d-project-icon{ width: 61px; height: 89px; margin: 0 auto; margin-bottom: 10px; background: url(img/default-project.png) no-repeat; background-size: 100%; background-position: center center; position: absolute; top: 33px; left: 488px; }
.d-student-profile-container .d-student-m-album .d-album .d-project-name{ position: absolute; top: 144px; left: 100px; right: 100px; text-align: center; font-size: 20px; color: #532d11; font-family: cinzel_decorative_700; }
.d-student-profile-container .d-student-m-album .d-album.empty .d-project-name{ top: 144px; }
.d-student-profile-container .d-student-m-album .d-album.empty .d-project-name span{ font-family: effloresce_bold; }
.d-student-profile-container .d-student-m-album .d-album .d-pages{ position: absolute; bottom: 30px; right: 100px; left: 100px; text-align: center; font-family: special_elite; color: #2d2118; font-size: 18px; }
.d-student-profile-container .d-student-m-album .d-album .btn{ position: absolute; top: 130px; width: 56px; height: 57px; background: url(img/album-cromos/bt-arrow.png) no-repeat; }
.d-student-profile-container .d-student-m-album .d-album .btn.next{ right: -55px; }
.d-student-profile-container .d-student-m-album .d-album .btn.prev{ left: -55px; background: url(img/album-cromos/bt-arrow-prev.png) no-repeat; }
.d-student-profile-container .d-student-m-album .d-album .btn.disabled{ display: none;  }
.d-student-profile-container .d-student-m-album .d-album .d-cromos{ position: absolute; top: 195px; left: 69px; right: 50px; bottom: 60px; overflow: hidden; }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo{ display: inline-block; width: 199px; height: 282px; background: url(img/album-cromos/cromo.png) no-repeat; position: relative; margin: 5px 25px 10px 5px; vertical-align: top;}
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo.empty{ background: url(img/album-cromos/cromo-dorso.png) no-repeat; background-position: center; }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-name{ position: absolute; top: 200px; left: 15px; right: 15px; text-align: center; font-family: cinzel_decorative_700; font-size: 18px; color: #3d3414; }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-image{ position: absolute; top: 27px; left: 45px; width: 103px; height: 155px; background-image: url(img/case/cromo-1.png); border-radius: 10px; background-size: cover; }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-image.c1{ background-image: url(img/case/cromo-1.png); }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-image.c2{ background-image: url(img/case/cromo-2.png); }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-image.c3{ background-image: url(img/case/cromo-3.png); }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-image.c4{ background-image: url(img/case/cromo-4.png); }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-image.c5{ background-image: url(img/case/cromo-5.png); }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-image.c6{ background-image: url(img/case/cromo-6.png); }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-image.c7{ background-image: url(img/case/cromo-7.png); }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-image.c8{ background-image: url(img/case/cromo-8.png); }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-image.c9{ background-image: url(img/case/cromo-9.png); }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-image.c10{ background-image: url(img/case/cromo-10.png); }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-image.c11{ background-image: url(img/case/cromo-11.png); }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-image.c12{ background-image: url(img/case/cromo-12.png); }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-image.c13{ background-image: url(img/case/cromo-13.png); }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-image.c14{ background-image: url(img/case/cromo-14.png); }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-image.c15{ background-image: url(img/case/cromo-15.png); }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-image.c16{ background-image: url(img/case/cromo-16.png); }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-image.c17{ background-image: url(img/case/cromo-17.png); }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-image.c18{ background-image: url(img/case/cromo-18.png); }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-image.c19{ background-image: url(img/case/cromo-19.png); }
.d-student-profile-container .d-student-m-album .d-album .d-cromos .d-cromo .d-image.c20{ background-image: url(img/case/cromo-20.png); }
/* END STUDENT profile */

/* STUDENT NOTIFICATIONS */
.d-student-notifications-container{ padding-top: 30px; padding-bottom: 30px; }
.d-student-notifications-container .d-tile{ width: 675px; margin: 0 auto; height: auto; position: relative; }
.d-student-notifications-container .d-tile.title{ font-family: cinzel_decorative_700; font-size: 18px; color: #866c39; margin-top: 30px; border-bottom: 1px solid #a68e71; padding: 0 10px 10px 10px; }
.d-student-notifications-container .d-tile.notify:first-child{  }
.d-student-notifications-container .d-tile.notify{ background-color: rgba(166,142,113,.2); border-bottom: 1px solid #a68e71;  min-height: 60px; padding: 10px; cursor: pointer; }
.d-student-notifications-container .d-tile.notify:hover{ background-color: rgba(166,142,113,.35); }
.d-student-notifications-container .d-tile.notify .d-icon{ width: 50px; height: 50px; border-radius: 30px; border: 4px solid #5f3d27; float: left; background-image: url(img/avatar_clase.jpg); background-size: 100%;}
.d-student-notifications-container .d-tile.notify .d-icon.d-teacher{ position: relative; border: none; border-radius: 0; }
.d-student-notifications-container .d-tile.notify .d-icon.d-teacher:after{ content: " "; width: 57px; height: 65px; background: url(img/student-mask-3.png) no-repeat; position: absolute; z-index: 2; top: -7px; left: -4px; background-size: 100%; }
.d-student-notifications-container .d-tile.notify .d-message{ font-size: 18px; font-weight: bold; color: #23201f; margin-left: 70px; margin-right: 20px; }
.d-student-notifications-container .d-tile.notify .d-message .d-text-red{ color: #e74415; }
.d-student-notifications-container .d-tile.notify .d-message .d-text-dark-red{ color: #a5400c; }
.d-student-notifications-container .d-tile.notify .d-time{ font-size: 16px; font-weight: bold; color: #79614f; }
.d-student-notifications-container .d-tile.notify .d-delete{ display: none; width: 19px; height: 19px; background: url(img/classroom-project-activity/ico_close.png); position: absolute; top: 50%; right: 10px; margin-top: -10px;}
.d-student-notifications-container .d-tile.notify:hover .d-delete{ display: block; }
/* END STUDENT NOTIFICATIONS */

/* TEACHER NOTIFICATIONS */
.d-teacher-notifications-container{ padding-top: 30px; padding-bottom: 30px; }
.d-teacher-notifications-container .d-tile{ width: 675px; margin: 0 auto; height: auto; position: relative; }
.d-teacher-notifications-container .d-tile.title{ font-family: cinzel_decorative_700; font-size: 18px; color: #866c39; margin-top: 30px; border-bottom: 1px solid #a68e71; padding: 0 10px 10px 10px; }
.d-teacher-notifications-container .d-tile.notify:first-child{  }
.d-teacher-notifications-container .d-tile.notify{ background-color: rgba(166,142,113,.2); border-bottom: 1px solid #a68e71;  min-height: 60px; padding: 10px; cursor: pointer; }
.d-teacher-notifications-container .d-tile.notify:hover{ background-color: rgba(166,142,113,.35); }
.d-teacher-notifications-container .d-tile.notify .d-icon{ width: 50px; height: 50px; border-radius: 30px; border: 4px solid #5f3d27; float: left; background-image: url(img/avatar_clase.jpg); background-size: 100%;}
.d-teacher-notifications-container .d-tile.notify .d-icon.d-student{ position: relative; border: none; border-radius: 0; }
.d-teacher-notifications-container .d-tile.notify .d-icon.d-student:after{ content: " "; width: 57px; height: 65px; background: url(img/student-mask-1.png) no-repeat; position: absolute; z-index: 2; top: -7px; left: -4px; background-size: 100%; }
.d-teacher-notifications-container .d-tile.notify .d-message{ font-size: 18px; font-weight: bold; color: #23201f; margin-left: 70px; margin-right: 20px; }
.d-teacher-notifications-container .d-tile.notify .d-message .d-text-red{ color: #e74415; }
.d-teacher-notifications-container .d-tile.notify .d-message .d-text-dark-red{ color: #a5400c; }
.d-teacher-notifications-container .d-tile.notify .d-time{ font-size: 16px; font-weight: bold; color: #79614f; }
.d-teacher-notifications-container .d-tile.notify .d-delete{ display: none; width: 19px; height: 19px; background: url(img/classroom-project-activity/ico_close.png); position: absolute; top: 50%; right: 10px; margin-top: -10px;}
.d-teacher-notifications-container .d-tile.notify:hover .d-delete{ display: block; }
/* END TEACHER NOTIFICATIONS */

/* STUDENT PDI */
.d-student-pdi-container{ position: fixed; top: 0px; left: 0; right: 0; bottom: 0; background: url(img/pdi/bg.jpg); background-size: cover; overflow: auto; }
.d-student-pdi-container .d-classroom {}
.d-student-pdi-container .d-classroom .d-icon{ position: absolute; z-index: 3;     top: 51px;
                                               left: 33px;width: 57px; height: 57px; border-radius: 25px;
                                               -webkit-border-radius: 25px;
                                               -moz-border-radius: 25px;
                                               -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
                                               -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
                                               box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url(img/ico-add-image.png); }
.d-student-pdi-container .d-classroom .d-icon-bg{ position: absolute; top: 44px;left: 20px; width: 84px; height: 74px; z-index: 2; background: url(img/bg_classroom_image_list.png); }
.d-student-pdi-container .d-classroom-name { position: absolute;     top: 60px; left: 104px;
                                             font-family: cinzel_decorative_700;
                                             font-size: 18px;
                                             color: #202020;
                                             margin-top: 10px;
                                             padding: 0 10px 10px 10px;
}

.d-student-pdi-container .btn.btn-chat{ width: 144px; height: 56px; position: absolute; top: 13px; left: 110px; background: url(img/pdi/btn-chat.png); }
.d-student-pdi-container .btn.btn-chat .d-content{ position: relative; }
.d-student-pdi-container .btn.btn-chat .d-content .d-label{ font-weight: bold; font-size: 18px; color: #202020; position: absolute; top: 19px; left: 20px; }
.d-student-pdi-container .btn.btn-chat .d-content span{ color: #f6e5bb; position: absolute; top: 7px; left: 109px; width: 30px; text-align: center; font-weight: bold; }
.d-student-pdi-container .d-tile{ width: 675px; margin: 0 auto; height: auto; position: relative; }
.d-student-pdi-container .d-tile.title{ font-family: cinzel_decorative_700; font-size: 18px; color: #202020; margin-top: 10px; padding: 0 10px 10px 10px; }
.d-student-pdi-container .btn.btn-ranking{ display: none; width: 200px; height: 40px; position: absolute; top: 58px; right: 30px; text-align: center; cursor: pointer; background: #9f52bc; border: 2px solid #6a3778; border-radius: 15px; line-height: 34px; font-family: akaPosse; font-size: 24px; color: #451a52; }
.d-student-pdi-container .btn.btn-chat.active,
.d-student-pdi-container .btn.btn-ranking.active{ display: block; }
.d-student-pdi-container .students { width: 720px; }
.d-student-pdi-container .students li{  width: 120px; height: 110px; display: inline-block; position: relative; opacity: .3;}
.d-student-pdi-container .students li.active{ font-weight: bold; color: #451a52; opacity: 1; }
.d-student-pdi-container .students li .d-student-icon{ left: 35px; }
.d-student-pdi-container .students li .d-name{ font-weight: bold; position: absolute; top: 74px; left: 0px; width: 120px; text-align: center; font-size: 15px; line-height: 12px;}
.d-student-pdi-container .students li .d-status{ display: none; position: absolute; top: -2px; right: 4px; width: 38px; height: 38px; z-index: 2; }
.d-student-pdi-container .students li .d-status.d-working{ background:url(img/pdi/ico-wait.png); }
.d-student-pdi-container .students li.working .d-status.d-working{ display: block; }
.d-student-pdi-container .students li .d-status.d-complete{ background:url(img/pdi/ico-done.png); }
.d-student-pdi-container .students li.complete .d-status.d-complete{ display: block; }
.d-student-pdi-container .d-main-container{ width: 780px; border: 4px solid #797875; background: url(img/pdi/bg-tile.png) #48424a; border-radius: 10px; margin: 85px auto; position: relative; }
.d-student-pdi-container .d-main-container:after{ content:' '; width: 341px; height: 117px; background: url(img/pdi/quizz-top.png); position: absolute; top: -65px; left: 50%; margin-left: -160px; }

.d-student-pdi-container .d-main-container .d-sub-container{ width: 760px; background: url(img/pdi/bg-tile.png) #e5e3e6; border-radius: 10px; margin-left: 10px; margin-bottom: 10px; border: 1px solid white;}
.d-student-pdi-container .d-main-container .d-sub-container:first-child{ margin-top: 40px; }
.d-student-pdi-container .d-main-container .d-sub-container.classroom{ height: 80px; }
.d-student-pdi-container .d-main-container .d-sub-container.exercise{  margin-top: 30px; }
.d-student-pdi-container .d-exercise-container{ display: none; }
.d-student-pdi-container .d-exercise-container.active{ display: block; padding: 0 20px; }
.d-student-pdi-container .d-exercise-container .d-loader{ margin-top: 30px; }
.d-student-pdi-container .d-exercise-container iframe{ position: absolute; border: none; width: 100%; height: 100%; top: -5000px; left: -5000px; }
.d-student-pdi-container .d-exercise-container iframe.loaded{  position: relative; top: 0; left: 0; }
/* END STUDENT PDI */

/* MODAL Teacher/Student PDI Chat */
#modal-container .d-modal-pdi-chat { width: 670px; height: 475px; border: 4px solid silver ! important; border-radius: 5px; padding: 0 !important; }
#modal-container .d-modal-pdi-chat:after,
#modal-container .d-modal-pdi-chat:before{ display: none !important; background: none !important; }
#modal-container .d-modal-pdi-chat .wrap-dialog-popup{ background: #FFF !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none; position: relative; }
#modal-container .d-modal-pdi-chat .wrap-dialog-popup:after,
#modal-container .d-modal-pdi-chat .wrap-dialog-popup:before{ background: none !important; display: none !important;}
#modal-container .d-modal-pdi-chat .d-chat-close{ position: absolute; top: 10px; right: 10px; width: 25px; height: 25px; background: url(img/btn_cerrar.png); }
#modal-container .d-modal-pdi-chat .d-chat-icon{ position: absolute; top: -49px; left: 50%; width: 96px; height: 88px; background: url(img/pdi/ico-chat.png); margin-left: -47px; }
#modal-container .d-modal-pdi-chat .d-classroom-icon{ position: absolute; z-index: 3; top: 8px; left: 16px; width: 51px; height: 51px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url(img/ico-add-image.png); }
#modal-container .d-modal-pdi-chat .d-classroom-icon-bg{ position: absolute; top: 2px; left: 5px; width: 74px; height: 64px; z-index: 2; background: url(img/bg_classroom_image_list.png); background-size: cover; }
#modal-container .d-modal-pdi-chat .d-classroom-name{ margin-left: 70px; margin-top: 10px; font-weight: bold; font-size: 18px; }
#modal-container .d-modal-pdi-chat .d-chat-container{ border: 1px solid #c5c5c5; position: absolute; top: 70px; left: 0px; right: 0px; bottom: 55px; overflow-y: scroll; overflow-x: hidden; background: url(img/pdi/tilechat.jpg); }
#modal-container .d-modal-pdi-chat .d-chat-input{ position: absolute; left: 14px; right: 25px; bottom: 8px; }
#modal-container .d-modal-pdi-chat .d-chat-input input{ width: 80%; padding: 8px; font-family: special_elite; font-size: 18px; border: none; }
#modal-container .d-modal-pdi-chat .d-chat-input .d-btn-send{ width: 100px; height: 40px; position: absolute; right: 0px; bottom: 0px; border-radius: 20px; background: #ba49da; color: #FFF; font-weight: bold; font-size: 18px; text-align: center; line-height: 40px; cursor: pointer;  }
#modal-container .d-modal-pdi-chat .d-chat-box .d-person { color: #9b72bb; font-weight: bold; font-size: 18px; line-height: 1.5em; }
#modal-container .d-modal-pdi-chat .d-chat-box .d-message { color: #202020; font-size: 18px; font-family: special_elite; line-height: 1.5em; }
#modal-container .d-modal-pdi-chat .d-chat-box { position: relative; margin: 10px 40px 10px 20px; padding: 10px; box-sizing: border-box; background: #fff; border: 1px solid #fafafa; border-radius: 3px; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.4); }
#modal-container .d-modal-pdi-chat .d-chat-box::after{ z-index: -10; content: ""; position: absolute; width: 0; height: 0; margin-left: 0; bottom: 0; top: calc(50% - 5px); left:0; box-sizing: border-box; border: 5px solid #fff; border-color: transparent transparent #fff #fff; transform-origin: 0 0; transform: rotate(45deg); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4); }
#modal-container .d-modal-pdi-chat .d-chat-box::before{ z-index: 10; content: ""; position: absolute; width: 0; height: 0; margin-left: 0; bottom: 0; top: calc(50% - 5px); left:0; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent #fff #fff; transform-origin: 0 0; transform: rotate(45deg); }
#modal-container .d-modal-pdi-chat .d-chat-box.me { background: #e4d3f4; border: 1px solid #e4d3f4; margin: 10px 20px 10px 40px; }
#modal-container .d-modal-pdi-chat .d-chat-box.me::after{ left: auto; right: -10px; transform: rotate(225deg); border-color: transparent transparent #e4d3f4 #e4d3f4;}
#modal-container .d-modal-pdi-chat .d-chat-box.me::before{ left: auto; right: -10px; transform: rotate(225deg); border-color: transparent transparent #e4d3f4 #e4d3f4;}
/* END MODAL PDI Chat */


/* MODAL PDI Ranking */
#modal-container .d-modal-pdi-ranking { width: 670px; height: 475px; border: 4px solid #797875 ! important; border-radius: 5px; padding: 0 !important; }
#modal-container .d-modal-pdi-ranking:after,
#modal-container .d-modal-pdi-ranking:before{ display: none !important; background: none !important; }
#modal-container .d-modal-pdi-ranking .wrap-dialog-popup{ background: #FFF !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none; position: relative; }
#modal-container .d-modal-pdi-ranking .wrap-dialog-popup:after,
#modal-container .d-modal-pdi-ranking .wrap-dialog-popup:before{ background: none !important; display: none !important;}
#modal-container .d-modal-pdi-ranking .d-header{ position: absolute; top: 0; left: 0; right: 0; height: 90px; background: url(img/pdi/bg-tile.png) #7b2d87; border-bottom: 4px solid #797875; }
#modal-container .d-modal-pdi-ranking .d-header .d-title{ font-family: akaPosse; line-height: 68px; color:#FFF; font-size: 36px; position: absolute; top: 10px; left: 50%; width: 200px; margin-left: -100px; text-align: center; }
#modal-container .d-modal-pdi-ranking .d-header .d-title::before{ content:' '; width: 100px; height: 73px; background: url(img/pdi/result.png); position: absolute; left: -100px; }
#modal-container .d-modal-pdi-ranking .d-header .d-title::after{ content:' '; width: 100px; height: 73px; background: url(img/pdi/result.png); position: absolute; right: -98px;
                                                                 -moz-transform: scaleX(-1);
                                                                 -webkit-transform: scaleX(-1);
                                                                 -o-transform: scaleX(-1);
                                                                 transform: scaleX(-1);
                                                                 -ms-filter: fliph; /*IE*/
                                                                 filter: fliph; /*IE*/
}
#modal-container .d-modal-pdi-ranking .d-students{ border: 1px solid #dedede; position: absolute; top: 94px; left: 0px; right: 0px; bottom: 0px; overflow-y: scroll; overflow-x: hidden; }
#modal-container .d-modal-pdi-ranking .d-students .d-student{ display: block; width: 590px; height: 35px; border: 3px solid #767572; border-radius: 55px; padding: 10px; margin: 30px 0px 25px 20px; background: url(img/pdi/bg-tile.png) #e2e2e2; position: relative; }
#modal-container .d-modal-pdi-ranking .d-students .d-student .d-position{ position: absolute; top: -15px; left: -7px; font-family: akaPosse; font-size: 50px; width: 80px; height: 80px; background: url(img/pdi/bg-tile.png) #e4e4e4; text-align: center; border-radius: 50px; color: #403e3e; line-height: 80px; border: 3px solid #403e3e; }
#modal-container .d-modal-pdi-ranking .d-students .d-student .d-avatar{ position: absolute; left: 66px; top: -5px; }
#modal-container .d-modal-pdi-ranking .d-students .d-student .d-name{ position: absolute; top: 17px; left: 131px; font-family: cinzel_decorative_700; font-size: 18px; width: 300px; line-height: 1em; }
#modal-container .d-modal-pdi-ranking .d-students .d-student .d-time{ position: absolute; font-family: Arial; font-weight: bold; left: 445px; top: 18px; font-size: 18px; }
#modal-container .d-modal-pdi-ranking .d-students .d-student .d-circle-bar{ position: absolute; width: 70px; height: 70px; right: -5px; top: -8px; }
#modal-container .d-modal-pdi-ranking .d-students .d-student .d-circle-bar .progressbar-text{ color: #000 !important; font-family: cinzel_decorative_700; font-weight: bold; }
/* END MODAL PDI Ranking */

/* MODAL PDI FEEDBACK */
#modal-container .d-modal-pdi-feedback { width: 485px; height: 500px; border: 4px solid #797875 ! important; border-radius: 5px; padding: 0 !important; }
#modal-container .d-modal-pdi-feedback:after,
#modal-container .d-modal-pdi-feedback:before{ display: none !important; background: none !important; }
#modal-container .d-modal-pdi-feedback .wrap-dialog-popup{ background: #FFF !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none; position: relative; }
#modal-container .d-modal-pdi-feedback .wrap-dialog-popup:after,
#modal-container .d-modal-pdi-feedback .wrap-dialog-popup:before{ background: none !important; display: none !important;}
#modal-container .d-modal-pdi-feedback .d-header{ position: absolute; top: 0; left: 0; right: 0; height: 130px; background: url(img/pdi/bg-tile.png) #525253; border-bottom: 4px solid #797875; }
#modal-container .d-modal-pdi-feedback .d-header .d-bg{ position: absolute; top: -15px; left: 31px; width: 414px; height: 145px; background: url(img/pdi/glow.png); }
#modal-container .d-modal-pdi-feedback .d-header .gears{ position: absolute; top: 8px; width: 25px; height: 119px; background: url(img/pdi/gears.png); }
#modal-container .d-modal-pdi-feedback .d-header .gears-1{ left: 0px; }
#modal-container .d-modal-pdi-feedback .d-header .gears-2{ right: 0px;
                                                           -moz-transform: scaleX(-1);
                                                           -webkit-transform: scaleX(-1);
                                                           -o-transform: scaleX(-1);
                                                           transform: scaleX(-1);
                                                           -ms-filter: fliph; /*IE*/
                                                           filter: fliph; /*IE*/
}
#modal-container .d-modal-pdi-feedback .d-header .d-star{ position: absolute; z-index:2; width: 134px; height: 141px; background: url(img/pdi/star-0.png); }
#modal-container .d-modal-pdi-feedback .d-header .d-star.active{ background: url(img/pdi/star-1.png); }
#modal-container .d-modal-pdi-feedback .d-header .d-star.d-star-1{ top: 5px; left: 52px; -ms-transform: rotate(-11deg);-webkit-transform: rotate(-11deg);transform: rotate(-11deg); }
#modal-container .d-modal-pdi-feedback .d-header .d-star.d-star-2{ top: -15px; left: 175px; }
#modal-container .d-modal-pdi-feedback .d-header .d-star.d-star-3{ top: 5px; left: 300px;  -ms-transform: rotate(11deg);-webkit-transform: rotate(11deg);transform: rotate(11deg); }

#modal-container .d-modal-pdi-feedback .modal-body{ position: absolute; top: 134px; left: 0; right: 0; bottom: 70px; background: url(img/pdi/bg-tile.png) #fff; }
#modal-container .d-modal-pdi-feedback .modal-body .d-title{ position: absolute; top: 11px; left: 50%; right: 0;  width: 200px;  margin-left: -100px; text-align: center; font-family: akaPosse; font-size: 36px; color: #a354c1;}
#modal-container .d-modal-pdi-feedback .modal-body .d-title::before,
#modal-container .d-modal-pdi-feedback .modal-body .d-title::after{ content: " "; top: 10px; position: absolute; width: 42px; height: 21px; background: url(img/pdi/firulete.png); }
#modal-container .d-modal-pdi-feedback .modal-body .d-title::before{ left: -42px;}
#modal-container .d-modal-pdi-feedback .modal-body .d-title::after{ right: -42px;
                                                                    -moz-transform: scaleX(-1);
                                                                    -webkit-transform: scaleX(-1);
                                                                    -o-transform: scaleX(-1);
                                                                    transform: scaleX(-1);
                                                                    -ms-filter: fliph; /*IE*/
                                                                    filter: fliph; /*IE*/
}
#modal-container .d-modal-pdi-feedback .modal-body .d-calificacion{ position: absolute; top: 80px; left: 50%; font-family: Top_Secret_Stamp; font-size: 24px; text-transform: uppercase; border: 4px solid; padding: 0 4px 0 4px; border-radius: 5px; -ms-transform: rotate(-11deg);-webkit-transform: rotate(-11deg);transform: rotate(-11deg); margin-left: -110px; width: 200px; text-align: center; }
#modal-container .d-modal-pdi-feedback .modal-body .d-time{ width: 150px; text-align: center; position: absolute; left: 15px; top: 160px; line-height: 40px; font-size: 24px; } 
#modal-container .d-modal-pdi-feedback .modal-body .d-time .d-label{ font-weight: bold;} 
#modal-container .d-modal-pdi-feedback .modal-body .d-time .d-value{ font-family: special_elite; } 
#modal-container .d-modal-pdi-feedback .modal-body .d-progress{ width: 120px; height: 120px; position: absolute; left: 50%; margin-left: -60px;  top: 140px; }
#modal-container .d-modal-pdi-feedback .modal-body .d-progress .progressbar-text{ color: #000 !important; font-family: cinzel_decorative_700; font-weight: bold; font-size: 24px !important; }
#modal-container .d-modal-pdi-feedback .modal-body .d-student{ width: 150px; text-align: center; position: absolute; right: -10px;     top: 130px;}
#modal-container .d-modal-pdi-feedback .modal-footer{ position: absolute; bottom: 0px; left: 0; right: 0; height: 70px; background: url(img/pdi/bg-tile.png) #dedede; border-top: 1px solid silver; }
#modal-container .d-modal-pdi-feedback .modal-footer .btn-ok{ width: 200px; height: 40px; position: absolute; bottom: 13px; right: 145px; text-align: center; cursor: pointer; background: #9f52bc; border: 2px solid #6a3778; border-radius: 15px; line-height: 34px; font-family: akaPosse; font-size: 24px; color: #451a52; }
/* END MODAL PDI FEEDBACK */

/* TEACHER PDI */
.d-teacher-pdi-container{ position: fixed; top: 0px; left: 0; right: 0; bottom: 0; background: url(img/pdi/bg.jpg); background-size: cover;  overflow: auto; }
.d-teacher-pdi-container .d-classroom {}
.d-teacher-pdi-container .d-classroom .d-icon{ position: absolute; z-index: 3; top: 18px; left: 23px; width: 57px; height: 57px; border-radius: 25px;
                                               -webkit-border-radius: 25px;
                                               -moz-border-radius: 25px;
                                               -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
                                               -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
                                               box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url(img/avatar_clase.jpg); }
.d-teacher-pdi-container .d-exit{ width: 123px; height: 56px; position: absolute; top: 13px; right: 10px; text-align: center; cursor: pointer; background: url(img/pdi/btn-exit.png); }
.d-teacher-pdi-container .d-exit span{ font-family: akaPosse; font-size: 22px; line-height: 49px; color: #32240b; text-transform: lowercase; float: left; margin-left: 10px; width: 90px; }
.d-teacher-pdi-container .d-classroom .d-icon-bg{ position: absolute; top: 10px; left: 10px; width: 84px; height: 74px; z-index: 2; background: url(img/bg_classroom_image_list.png); }
.d-teacher-pdi-container .btn.btn-ranking{ display: none; width: 150px; height: 30px; position: absolute; top: 31px; right: 260px; text-align: center; cursor: pointer; border: 2px solid #461256; border-radius: 15px; font-size: 18px; line-height: 30px; color: #461256; }
.d-teacher-pdi-container .btn.btn-chat{ width: 144px; height: 56px; position: absolute; top: 13px; left: 110px; background: url(img/pdi/btn-chat.png); }
.d-teacher-pdi-container .btn.btn-chat .d-content{ position: relative; }
.d-teacher-pdi-container .btn.btn-chat .d-content .d-label{ font-weight: bold; font-size: 18px; color: #202020; position: absolute; top: 19px; left: 20px; }
.d-teacher-pdi-container .btn.btn-chat .d-content span{ color: #f6e5bb; position: absolute; top: 7px; left: 109px; width: 30px; text-align: center; font-weight: bold; }
.d-teacher-pdi-container .btn.btn-ranking.active,
.d-teacher-pdi-container .btn.btn-start.active,
.d-teacher-pdi-container .btn.btn-end.active{ display: block; }
.d-teacher-pdi-container .d-tile{ width: 675px; margin: 0 auto; height: auto; position: relative; }
.d-teacher-pdi-container .d-tile.title{ font-family: cinzel_decorative_700; font-size: 18px; color: #202020; margin-top: 10px; padding: 0 10px 10px 10px; }
.d-teacher-pdi-container .without-student {     margin: 45px; color: #666; font-size: 18px; }
.d-teacher-pdi-container .students { width: 720px; }
.d-teacher-pdi-container .students li{  width: 120px; height: 110px; display: inline-block; position: relative; opacity: .3;}
.d-teacher-pdi-container .students li.active{ font-weight: bold; color: #451a52; opacity: 1; }
.d-teacher-pdi-container .students li .d-student-icon{ left: 35px; }
.d-teacher-pdi-container .students li .d-name{ font-weight: bold; position: absolute; top: 74px; left: 0px; width: 120px; text-align: center; font-size: 15px; line-height: 12px;}
.d-teacher-pdi-container .students li .d-status{ display: none; position: absolute; top: -2px; right: 4px; width: 38px; height: 38px; z-index: 2; }
.d-teacher-pdi-container .students li .d-status.d-working{ background:url(img/pdi/ico-wait.png); }
.d-teacher-pdi-container .students li.working .d-status.d-working{ display: block; }
.d-teacher-pdi-container .students li .d-status.d-complete{ background:url(img/pdi/ico-done.png); }
.d-teacher-pdi-container .students li.complete .d-status.d-complete{ display: block; }
.d-teacher-pdi-container .d-main-container{ width: 780px; border: 4px solid #797875; background: url(img/pdi/bg-tile.png) #48424a; border-radius: 10px; margin: 85px auto; position: relative; margin-bottom: 0px;}
.d-teacher-pdi-container .d-main-container:after{ content:' '; width: 341px; height: 117px; background: url(img/pdi/quizz-top.png); position: absolute; top: -65px; left: 50%; margin-left: -160px; }

.d-teacher-pdi-container .d-main-container .d-sub-container{ width: 760px;     min-height: 231px; background: url(img/pdi/bg-tile.png) #e5e3e6; border-radius: 10px; margin-left: 10px; margin-bottom: 10px; border: 1px solid white;}
.d-teacher-pdi-container .d-main-container .d-sub-container:first-child{ margin-top: 40px; }
.d-teacher-pdi-container .d-main-container .d-sub-container .d-tile-activity{ width: 699px; background: #f3f3f3; border: 2px solid #d0d0d0; border-radius: 15px; margin-left: 30px; height: 70px; position: relative; margin-bottom: 10px; }
.d-teacher-pdi-container .d-main-container .d-sub-container .d-tile-activity .d-activity-icon{ width: 54px; height: 55px; background: url(img/pdi/quizz.png); position: absolute; top: 8px; left: 10px; }
.d-teacher-pdi-container .d-main-container .d-sub-container .d-tile-activity .current-activity{ font-family: special_elite; font-size: 18px; position: absolute; top: 23px; left: 75px; width: 430px; }
.d-teacher-pdi-container .d-main-container .d-sub-container .d-tile-activity .amount-questions{ font-family: special_elite; font-size: 16px; position: absolute; top: 45px; left: 75px; width: 430px; color: #9f44a4;  }
.d-teacher-pdi-container .d-main-container .d-sub-container .d-tile-activity .btn-activity-change{ position: absolute; top: 22px; right: 10px; width: 150px; border: 1px solid #dedede; text-align: center; border-radius: 10px; padding: 3px; }
.d-teacher-pdi-container .d-main-container .d-sub-container .d-tile-activity .btn-activity-create{ position: absolute; top: 6px; right: 10px; width: 150px; border: 1px solid #dedede; text-align: center; border-radius: 10px; padding: 3px; }
.d-teacher-pdi-container .d-main-container .d-sub-container .d-tile-activity .btn-activity-selector{ position: absolute; top: 38px; right: 10px; width: 150px; border: 1px solid #dedede; text-align: center; border-radius: 10px; padding: 3px; }
.d-teacher-pdi-container .btn.btn-start,
.d-teacher-pdi-container .btn.btn-end{ display: none; width: 170px; height: 40px; position: absolute; top: 25px; right: 0px; text-align: center; cursor: pointer; background: #9f52bc; border: 2px solid #6a3778; border-radius: 15px; line-height: 34px; font-family: akaPosse; font-size: 24px; color: #451a52; }

.d-teacher-pdi-container .d-main-container .d-sub-container.activity-selector { margin-top: 40px; position: relative; }
.d-teacher-pdi-container .d-main-container .d-sub-container.activity-selector .d-activity-selector-title{ font-size: 18px; color: #606060; margin-top: 40px; width: 100%; text-align: center;}
.d-teacher-pdi-container .d-main-container .d-sub-container.activity-selector .btn{ 
    position: absolute;
    top: 115px;
    left: 150px;
    width: 200px;
    border: 1px solid #dedede;
    text-align: center;
    border-radius: 10px;
    padding: 3px;
    background: white;
    height: 35px;
    vertical-align: middle;
    padding-top: 20px;
}
.d-teacher-pdi-container .d-main-container .d-sub-container.activity-selector .btn.btn-activity-selector{ 
    left: 400px;
}

.d-teacher-pdi-container .d-main-container .d-sub-container.activity .d-footer{ width: 731px; height: 90px; position: relative; margin-bottom: 10px; }
.d-teacher-pdi-container .d-main-container .d-sub-container.activity .d-footer .d-clock{ width: 200px; height: 54px; position: relative; float: left; margin-left: 25px; margin-top: 20px; }
.d-teacher-pdi-container .d-main-container .d-sub-container.activity .d-footer .d-clock .d-time{ font-family: Arial; font-weight: bold; font-size: 36px; position: absolute; top: 5px; left: 51px; }
.d-teacher-pdi-container .d-main-container .d-sub-container.activity .d-footer .d-clock .d-bg{ width: 198px; height: 54px; background: url(img/pdi/clock-0.png); }
.d-teacher-pdi-container .d-main-container .d-sub-container.activity .d-footer .d-clock .d-buttons{ display: block; }
.d-teacher-pdi-container .d-main-container .d-sub-container.activity .d-footer .d-clock .d-buttons .d-button{ width: 15px; height: 12px; position: absolute; background: url(img/pdi/btn-arrow.png); }
.d-teacher-pdi-container .d-main-container .d-sub-container.activity .d-footer .d-clock .d-buttons .d-button.up{ top: -18px; }
.d-teacher-pdi-container .d-main-container .d-sub-container.activity .d-footer .d-clock .d-buttons .d-button.down{ top: 59px;
                                                                                                                   -ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);transform: rotate(-180deg);
}
.d-teacher-pdi-container .d-main-container .d-sub-container.activity .d-footer .d-clock .d-buttons .d-button.min{ left: 63px; }
.d-teacher-pdi-container .d-main-container .d-sub-container.activity .d-footer .d-clock .d-buttons .d-button.sec{ left: 116px; }

/* END TEACHER PDI */

/* MODAL PDI Activity Selector */
#modal-container .d-modal-pdi-activity-selector { width: 670px; height: 475px; }
#modal-container .d-modal-pdi-activity-selector .d-title{ font-size: 18px; font-family: 'special_elite'; font-weight: bold; padding-bottom: 10px; }
/* END MODAL PDI Activity Selector */


/* TEACHER profile */
.d-teacher-profile-container { position: relative; z-index: 2; }
.d-teacher-profile-container .d-teacher-m-profile { padding-top: 35px; }
.d-teacher-profile-container .d-teacher-m-profile .d-profile{ background: #f8f8f8; width: 707px; height: 444px; border-radius: 5px; border: 5px solid #2e1709; margin: 0px auto; position: relative;  }
.d-teacher-profile-container .d-teacher-m-profile .d-profile:before{ content: ''; position: absolute; top: -10px; left: 50%; width: 86px; height: 24px; background: url(img/profile/firulete.png); margin-left: -43px; }
.d-teacher-profile-container .d-teacher-m-profile .d-profile .d-card-profile-title{ font-family: cinzel_decorative_700; font-size: 19px; color: #3e2e20; position: absolute; top: 20px; left: 10px; right: 10px; text-align: center;}
.d-teacher-profile-container .d-teacher-m-profile .d-profile .d-card-profile{ width: 680px; height: 311px; position: absolute; top: 60px; left: 9px; background: url(img/profile/profile-bg.png) no-repeat; background-position: center; border: 4px solid #7d3800; }
.d-teacher-profile-container .d-teacher-m-profile .d-profile .d-card-profile .d-title-depto{ width: 300px; height: 30px; font-family: cinzel_decorative_700; color: #692a1e; position: absolute; top: 25px; left: 250px; }
.d-teacher-profile-container .d-teacher-m-profile .d-profile .d-card-profile .d-title{ width: 280px; height: 30px; font-family: akaPosse; color: #58453d; position: absolute; top: 60px; left: 250px; font-size: 29px; }
.d-teacher-profile-container .d-teacher-m-profile .d-profile .d-card-profile .label{ color: #623e1f; font-family: special_elite; position: absolute; left: 250px;}
.d-teacher-profile-container .d-teacher-m-profile .d-profile .d-card-profile .input{ color: #000; font-family: special_elite; font-size: 21px; position: absolute; left: 250px; width: 320px; border-bottom: 2px solid #ded4c8; }
.d-teacher-profile-container .d-teacher-m-profile .d-profile .d-card-profile .d-username.label{ top: 110px  }
.d-teacher-profile-container .d-teacher-m-profile .d-profile .d-card-profile .d-username.input{ top: 130px  }
.d-teacher-profile-container .d-teacher-m-profile .d-profile .d-card-profile .d-name.label{ top: 170px  }
.d-teacher-profile-container .d-teacher-m-profile .d-profile .d-card-profile .d-name.input{ top: 190px  }
.d-teacher-profile-container .d-teacher-m-profile .d-profile .d-card-profile .d-lastname.label{ top: 230px  }
.d-teacher-profile-container .d-teacher-m-profile .d-profile .d-card-profile .d-lastname.input{ top: 250px  }
.d-teacher-profile-container .d-teacher-m-profile .d-profile .d-card-profile .d-avatar{ position: absolute; top: 49px; left: 10px;  }
.d-teacher-profile-container .d-teacher-m-profile .d-profile .d-card-profile .d-avatar .d-level{ display: none; }
.d-teacher-profile-container .d-teacher-m-profile .d-profile .d-card-profile select{ background-color: transparent; font-family: 'special_elite'; cursor: pointer; width: 323px; height: 26px; border: 0px none; font-size: 18px; color: #464646; margin-left: 79px; position: absolute; top: 128px; left: 170px; font-size: 21px; border-bottom: 2px solid #ded4c8; }
.d-teacher-profile-container .d-teacher-m-profile .d-profile .d-footer{ position: absolute; left: 0; bottom: 49px; right: 0; }
.d-teacher-profile-container .d-teacher-m-profile .d-profile .d-footer .d-submit{ position: absolute; right: 20px; top: 0px; }
.d-teacher-profile-container .d-teacher-m-profile .d-profile .d-footer .d-print{ position: absolute; left: 20px; top: 0px; }
.d-teacher-profile-container .d-teacher-m-profile .d-separator{ display: block; height: 30px; width: 50px; }
.d-teacher-profile-container .d-teacher-m-profile .d-classrooms{ background: #f8f8f8; width: 707px; height: auto;  border-radius: 5px; border: 5px solid #2e1709; margin: 00px auto; position: relative; z-index: 2; min-height: 200px;}
.d-teacher-profile-container .d-teacher-m-profile .d-classrooms:before{ content: ''; position: absolute; top: -10px; left: 50%; width: 86px; height: 24px; background: url(img/profile/firulete.png); margin-left: -43px; }
.d-teacher-profile-container .d-teacher-m-profile .d-classrooms .d-title{ font-family: cinzel_decorative_700; font-size: 19px; color: #3e2e20; position: absolute; top: 20px; left: 10px; right: 10px; text-align: center; }
.d-teacher-profile-container .d-teacher-m-profile .d-classrooms .d-loader{ display: block; }
.d-teacher-profile-container .d-teacher-m-profile .d-classrooms .d-classroom-container{ margin-top: 60px; border-top: 1px solid silver; }
.d-teacher-profile-container .d-teacher-m-profile .d-classrooms .d-classroom-container .d-classroom{ width: 100%; height: 100px; border-bottom: 1px solid silver; position: relative; }
.d-teacher-profile-container .d-teacher-m-profile .d-classrooms .d-classroom-container .d-classroom .d-icon{ position: absolute; z-index: 3; top: 18px; left: 23px; width: 57px; height: 57px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url(img/ico-add-image.png); }
.d-teacher-profile-container .d-teacher-m-profile .d-classrooms .d-classroom-container .d-classroom .d-icon-bg{ width: 84px; height: 74px; position: absolute; z-index: 2; background: url(img/bg_classroom_image_list.png); top: 10px; left: 10px;}
.d-teacher-profile-container .d-teacher-m-profile .d-classrooms .d-classroom-container .d-classroom .d-name{ position: absolute; top: 20px; left: 110px; font-family: cinzel_decorative_700; font-size: 22px; }
.d-teacher-profile-container .d-teacher-m-profile .d-classrooms .d-classroom-container .d-classroom .d-level{ position: absolute; top: 50px; left: 110px; color: silver; }
.d-teacher-profile-container .d-teacher-m-profile .d-classrooms .d-classroom-container .d-classroom .d-students{ position: absolute; top: 70px; left: 110px;  }
.d-teacher-profile-container .d-teacher-m-profile .d-classrooms .d-classroom-container .d-classroom .d-unlink{ position: absolute; top: 31px; right: 10px;  }
.d-teacher-profile-container .d-teacher-m-profile .d-classrooms .d-classroom-container .d-classroom.add { height: 69px; }
.d-teacher-profile-container .d-teacher-m-profile .d-classrooms .d-classroom-container .d-classroom.add .d-icon-add{ position: absolute; top: 10px; left: 25px; width: 48px; height: 48px; background:url(img/profile/btn_add.png); }
.d-teacher-profile-container .d-teacher-m-profile .d-classrooms .d-classroom-container .d-classroom.add .d-title{ position: absolute; top: 21px; left: 90px; text-align: left; }
.d-teacher-profile-container .d-teacher-m-profile .d-classrooms .d-classroom-container .d-classroom.add .d-title-code{ position: absolute; top: 74px; left: 250px; text-align: left; }
.d-teacher-profile-container .d-teacher-m-profile .d-classrooms .d-classroom-container .d-classroom.add .d-input-code{ position: absolute; top: 64px; left: 380px; background: url(img/profile/code-bg.png); width: 210px; height: 39px; line-height: 42px; font-family: special_elite; font-size: 20px; text-align: center; }
.d-teacher-profile-container .d-teacher-m-profile .d-classrooms .d-classroom-container .d-classroom.add .d-submit{ position: absolute; top: 70px; right: 13px; } 

.d-teacher-profile-container .d-teacher-m-account { padding-top: 35px; } 
.d-teacher-profile-container .d-teacher-m-account .d-account{ background: #f8f8f8; width: 707px; min-height: 444px; border-radius: 5px; border: 5px solid #2e1709; margin: 0px auto; position: relative;  }
.d-teacher-profile-container .d-teacher-m-account .d-account:before{ content: ''; position: absolute; top: -10px; left: 50%; width: 86px; height: 24px; background: url(img/profile/firulete.png); margin-left: -43px; }
.d-teacher-profile-container .d-teacher-m-account .d-account .d-card-profile-title{ font-family: cinzel_decorative_700; font-size: 19px; color: #3e2e20; position: absolute; top: 20px; left: 10px; right: 10px; text-align: center;}
.d-teacher-profile-container .d-teacher-m-account .d-account .d-card-account{ margin-top: 60px; margin-bottom: 60px; } 
.d-teacher-profile-container .d-teacher-m-account .d-account .d-datetime{ color: #d2551d; } 
.d-teacher-profile-container .d-teacher-m-account .d-account .d-license-info{ color: #d2551d; } 
.d-teacher-profile-container .d-teacher-m-account .d-account .d-license-info span{ color: #666666; } 
.d-teacher-profile-container .d-teacher-m-account .d-account .d-license-info span.school{ color: #333333; font-family: 'cinzel_decorative_700'; } 
.d-teacher-profile-container .d-teacher-m-account .d-account .d-submit-change-lang{ float: right; margin-right: 30px; } 
.d-teacher-profile-container .d-teacher-m-account .d-account input{ color: #000; font-family: special_elite; font-size: 18px; width: 320px; border: none; border-bottom: 2px solid #ded4c8; background: transparent;} 
.d-teacher-profile-container .d-teacher-m-account .d-account .subtitle{ font-family: cinzel_decorative_700; font-size: 19px; color: #3e2e20; margin-top: 20px; padding-top: 30px; text-align: center; } 
.d-teacher-profile-container .d-teacher-m-account .d-account .subtitle.separador{ border-top: 1px solid #dedede; } 
.d-teacher-profile-container .d-teacher-m-account .d-account b.license-code{ color: #d2551d; } 
.d-teacher-profile-container .d-teacher-m-account .d-account .d-footer{ position: absolute; left: 0; bottom: 49px; right: 0; }
.d-teacher-profile-container .d-teacher-m-account .d-account .d-footer .d-submit{ position: absolute; right: 20px; top: 0px; }
.d-teacher-profile-container .d-teacher-m-account .d-account .d-footer .d-print{ position: absolute; left: 20px; top: 0px; }
.d-teacher-profile-container .d-teacher-m-account .d-separator{ display: block; height: 30px; width: 50px; }
.d-teacher-profile-container .d-teacher-m-account .sso-container{ display: block; height: 45px; margin-top: 20px; width: 250px; position: relative;}
.d-teacher-profile-container .d-teacher-m-account .btn-google-link{ 
    position: absolute;
    top: 0px;
    border-radius: 20px;
    background: #FFF;
    border: 1px solid #F5F5F5;
    padding: 5px 19px;
    height: 30px;
    width: 360px;
    left: -59px;
    cursor: pointer;
 }
.d-teacher-profile-container .d-teacher-m-account .btn-google-link .logo{ 
    float: left;
    width: 25px;
    height: 25px;
    background-image: url(img/google.svg);
    background-repeat: no-repeat;
    margin: 3px 15px 0px 0px;
 }
.d-teacher-profile-container .d-teacher-m-account .btn-google-link .text{ 
    float: left;
    font-family: sans-serif;
    color: #3e3e3e;
    font-size: 15px;
    margin: 6px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 310px;
    text-align: left;
}
/*  */
.d-teacher-profile-container .d-teacher-m-account .btn-microsoft-link{ 
    position: absolute;
    top: 0px;
    border-radius: 20px;
    background: #FFF;
    border: 1px solid #F5F5F5;
    padding: 5px 19px;
    height: 30px;
    width: 360px;
    left: -59px;
    cursor: pointer;
 }
.d-teacher-profile-container .d-teacher-m-account .btn-microsoft-link .logo{ 
    float: left;
    width: 25px;
    height: 25px;
    background-image: url(img/microsoft.svg);
    background-repeat: no-repeat;
    margin: 3px 15px 0px 0px;
 }
.d-teacher-profile-container .d-teacher-m-account .btn-microsoft-link .text{ 
    float: left;
    font-family: sans-serif;
    color: #3e3e3e;
    font-size: 15px;
    margin: 6px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 310px;
    text-align: left;
}

/* END TEACHER profile */

/* ADMIN TEACHER SCHOOL */
.d-teacher-school-manager .d-tabs{ position: absolute; width: 800px; left: 50%; margin-left: -400px; text-align: center; z-index: 3; }
.d-teacher-school-manager .d-tabs .d-tab-bt{ background: url(img/header-tiles/C2.png); border-radius: 5px; border: 3px solid #835942; font-family: cinzel_decorative_700; font-size: 20px; color: #bf9536; display: inline-block; padding: 5px 10px; margin: 5px; }
.d-teacher-school-manager .d-tabs .d-tab-bt.active{ background: url(img/header-tiles/C5.png); color: #ffdb8a;}

.d-teacher-school-manager .d-teacher-admin-school-container{ padding-top: 70px; padding-bottom: 70px; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container{ background: #f8f8f8; width: 707px; min-height: 444px; border-radius: 5px; border: 5px solid #2e1709; margin: 0px auto !important; position: relative; z-index: 2; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .d-config{ position: absolute; width: 28px; height: 28px; top: 15px; right: 5px; background: url(img/btn-config.png); }
.d-teacher-school-manager .d-teacher-admin-school-container .d-card .dropdown{ left: auto !important; right: -13px !important; top: 70px !important; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-card .d-footer-edition{ padding: 10px; text-align: right; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-card .d-footer-edition .bt-discard{ float: left; margin: 0px 5px 5px 10px; border: 2px solid; padding: 7px 20px; border-radius: 20px; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-card .d-footer-edition .bt-save{ margin-right: 25px; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .d-school-data { min-height: 200px; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .d-edition { display: none; padding: 47px; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .d-edition .d-field-label{ display: inline-block; margin: 5px; width: 140px; text-align: right; font-size: 18px;}
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .d-edition .d-field-input{ display: inline-block; width: 360px; margin: 10px;}
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .d-edition .d-field-input input{ width: 350px; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .d-edition .d-row.html{ margin-top: 20px; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .d-name{ font-size: 24px; color: #44240d; font-family: cinzel_decorative_700; margin: 15px; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .d-address{ font-size: 16px; color: #606060; margin: 15px; font-size: 18px;}
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .d-email{ font-size: 16px; color: #bb5b15; margin: 15px; font-size: 18px;}
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .d-web{font-size: 16px; color: #bb5b15; margin: 15px; font-size: 18px; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .d-html{ line-height: 1.5em; margin: 10px 15px 10px 15px; font-family: special_elite; font-size: 18px; line-height: 1.5em; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .block2cols{ display: inline-block; width: 330px; margin-left: 13px; margin-top: 20px; height: 140px; position: relative; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .block2cols .d-progress{ width: 86px; height: 88px; background: url(img/school/bg-progress.png); position: absolute; top: 20px; left: 20px; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .block2cols .d-progress .d-bar{ position: relative; width: 70px; height: 70px; margin-top: 9px; margin-left: 9px; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .block2cols .d-progress .d-bar .progressbar-text{ color: #000 !important; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .block2cols .d-label{ font-family: effloresce_bold; font-size: 18px; position: absolute; top: 15px; left: 115px; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .block2cols .d-amount{ font-family: effloresce_bold; font-size: 24px; color: #292221;  position: absolute; top: 35px; left: 115px; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .block2cols .d-amount span{ color: #a18976; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .block2cols .btn.green{ font-family: effloresce_bold; color: #FFF; background: #28a37c; border-radius: 15px; position: absolute; top: 70px; left: 115px; font-size: 18px; padding: 5px 10px; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .d-footer{ display: block; width: 100%; height: 45px; background: url(img/bg_project.png); border-top: 2px solid #bd9955; margin-top: 25px;}
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .d-footer .d-status{ float: left; width: 30px; height: 30px; background: url(img/school/ico-green.png); margin: 8px; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .d-footer .d-status.suspended {background: url(img/school/ico-yellow.png);  }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .d-footer .d-status.revoked{ background: url(img/school/ico-red.png); }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .d-footer .d-info{ float: left; color: #674a39; margin: 12px 0 0 0; font-size: 18px; }
.d-teacher-school-manager .d-teacher-admin-school-container .d-container .d-footer .d-more{ float: right; color: #2a1407; text-decoration: underline; cursor: pointer; margin: 10px; font-size: 18px; }
/* END ADMIN TEACHER SCHOOL */

/* ADMIN SCHOOL LEFT BAR */
main .d-teacher-school-manager .d-content .d-card-filters{ width: 359px; margin: 120px 20px 60px 47px; position: relative; z-index: 2; }
main .d-teacher-school-manager .d-content .d-card-filters:before{ content: ""; position: absolute; left: 0; top: -44px; width: 359px; height: 44px; background: url(img/library-projects/b_sup.png) no-repeat; }
main .d-teacher-school-manager .d-content .d-card-filters:after{ content: ""; position: absolute; left: 0; bottom: -57px; width: 359px; height: 57px; background: url(img/library-projects/b_inf.png) no-repeat; }
main .d-teacher-school-manager .d-content .d-card-filters .d-filter-content{ width: 359px; background: url(img/library-projects/b_med.png) repeat-y; min-height: 350px; }
main .d-teacher-school-manager .d-content .d-card-filters .d-filter-content:before{ content: ""; position: absolute; width: 66px; height: 342px; top: 1px; left: -51px; background: url(img/library-projects/b_izq.png) no-repeat; }

main .d-teacher-school-manager .d-content .d-card-filters .d-search { display: block; height: 35px; width: 270px; margin: 0 auto; margin-top: 10px; }
main .d-teacher-school-manager .d-content .d-card-filters .d-search input { width: 250px; border-top: 2px solid #ccba99; border-left: 2px solid #ccba99; border-right: 2px solid #ad9e82; border-bottom: 2px solid #ad9e82;  height: 27px; background-color: transparent; color: #000; padding-left: 10px; padding-right: 10px; font-family: special_elite; font-size: 16px;}
main .d-teacher-school-manager .d-content .d-card-filters .d-separator { width: 250px; margin: 0 auto; height: 24px; background: url(img/classroom-project-activity/separator-2.png) no-repeat; background-position: center; }
main .d-teacher-school-manager .d-content .d-card-filters .d-top-header{ position: relative; }
main .d-teacher-school-manager .d-content .d-card-filters .d-top-header:before,
main .d-teacher-school-manager .d-content .d-card-filters .d-top-header:after{ content: ' '; position: absolute; top:0; width: 22px; height: 26px; background: url(img/ico_corner.png); }
main .d-teacher-school-manager .d-content .d-card-filters .d-top-header:before{ left: 0; }
main .d-teacher-school-manager .d-content .d-card-filters .d-top-header:after{ right: 0; }
main .d-teacher-school-manager .d-content .d-card-filters .btn-add-school{ display: block; width: 239px; height: 52px; background: url(img/library-projects/bt-add.png); font-family: 'akaPosse'; text-align: center; color: #32240b; font-size: 23px; line-height: 48px; margin: 15px auto; padding-left: 20px; }
main .d-teacher-school-manager .d-content .d-card-filters .laber-filter{ display: block; position: relative; width: 130px; height: 30px; font-family: 'akaPosse'; text-align: center; color: #662f1b; font-size: 23px; margin: 10px auto; }
main .d-teacher-school-manager .d-content .d-card-filters .laber-filter:before,
main .d-teacher-school-manager .d-content .d-card-filters .laber-filter:after{ content: ' '; position: absolute; top: 0; width: 45px; height: 25px; }
main .d-teacher-school-manager .d-content .d-card-filters .laber-filter:before{ background: url(img/ico-figura-0.png); left: -45px;}
main .d-teacher-school-manager .d-content .d-card-filters .laber-filter:after{ background: url(img/ico-figura-1.png); right: -45px;}

main .d-teacher-school-manager .d-content .d-card-filters .filter-accordion { margin: 0px 30px 20px 30px}
main .d-teacher-school-manager .d-content .d-card-filters .filter-accordion h3{ position: relative; font-family: 'akaPosse'; font-size: 18px; color: #662f1b; border-top: 2px solid #ccba99; border-bottom: 2px solid #ccba99; cursor: pointer; padding: 5px; margin: 0; }
main .d-teacher-school-manager .d-content .d-card-filters .filter-accordion h3 .toggle{ width: 20px; height: 20px; position:absolute; font-family: 'akaPosse'; font-size: 26px; color: #662f1b; cursor: pointer; margin: 0; top: -3px; right: 15px; text-align: center; }
main .d-teacher-school-manager .d-content .d-card-filters .filter-accordion h3 .toggle:before{ content: '+'; }
main .d-teacher-school-manager .d-content .d-card-filters .filter-accordion h3.active .toggle:before{ content: '-'; }
main .d-teacher-school-manager .d-content .d-card-filters .filter-accordion > div{     padding: 5px;
                                                                                       /* background: #f2deba; */
                                                                                       display: none;
                                                                                       /* padding-right: 10px; */
                                                                                       width: 267px; }
main .d-teacher-school-manager .d-content .d-card-filters .filter-accordion label{ line-height: 24px; padding: 0 35px; padding-top: 3px;  -webkit-box-decoration-break: clone; webkit-box-decoration-break: clone }


main .d-teacher-school-manager .d-content .d-card-filters ul{ border-radius: 4px; }
main .d-teacher-school-manager .d-content .d-card-filters .collapsible-header{ font-weight: bold; }
main .d-teacher-school-manager .d-content .d-card-filters .collapsible-body{ background-color: #FFF; }
main .d-teacher-school-manager .d-content .d-card-filters .collapsible-body .check-cell{ margin-left: 15px; padding-top: 5px; padding-bottom: 5px;  }
main .d-teacher-school-manager .d-content .d-card-filters .license-status{ display: inline-block; width: 330px; margin-left: 13px; height: 120px; position: relative; }
main .d-teacher-school-manager .d-content .d-card-filters .license-status .d-progress { width: 86px; height: 88px; background: url(img/school/bg-progress.png); position: absolute; top: 20px; left: 20px; }
main .d-teacher-school-manager .d-content .d-card-filters .license-status .d-progress .d-bar{ position: relative; width: 70px; height: 70px; margin-top: 9px; margin-left: 9px; }
main .d-teacher-school-manager .d-content .d-card-filters .license-status .d-progress .d-bar .progressbar-text{ color: #000 !important; }
main .d-teacher-school-manager .d-content .d-card-filters .license-status .d-label { font-family: effloresce_bold; font-size: 18px; position: absolute; top: 15px; left: 115px; }
main .d-teacher-school-manager .d-content .d-card-filters .license-status .d-amount { font-family: effloresce_bold; font-size: 24px; color: #292221; position: absolute; top: 35px; left: 115px; }
main .d-teacher-school-manager .d-content .d-card-filters .license-status .d-amount span { color: #a18976; }
main .d-teacher-school-manager .d-content .d-card-filters .license-status .btn.green { font-family: effloresce_bold; color: #FFF; background: #28a37c; border-radius: 15px; position: absolute; top: 70px; left: 115px; font-size: 18px; padding: 5px 10px; }
/* END ADMIN SCHOOL LEFT BAR */

main .bt-school-admin-export{ 
    position: absolute;
    top: 62px;
    right: 50px;
    width: 150px;
}
main .bt-school-admin-export .ico-export{ 
    background: url(img/ico-archive.png) no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}
main .bt-school-admin-export .label{ 
    color: #FFF;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

/* ADMIN SCHOOL TEACHERS */
main .d-teacher-admin-teachers-container .d-content { position: relative; z-index: 2; }
main .d-teacher-admin-teachers-container .d-content .d-info{ color: #FFF; margin-top: 60px; font-size: 18px; font-family: effloresce_bold; }
main .d-teacher-admin-teachers-container .d-content .d-toggle-view{color:#FFF; float: right; margin: 60px 30px 0 0; cursor: pointer; }
main .d-teacher-admin-teachers-container .d-content .d-toggle-view.list:before{content: ""; display: inline-block; width: 32px; height: 28px; background: url(img/school/ico-grid.png) no-repeat; }
main .d-teacher-admin-teachers-container .d-content .d-toggle-view.grid:before{content: ""; display: inline-block; width: 32px; height: 28px; background: url(img/school/ico-list.png) no-repeat; }
main .d-teacher-admin-teachers-container .d-content .d-teachers { margin-top: 20px; text-align: center; }
main .d-teacher-admin-teachers-container .d-content .d-teachers .d-card{ }
main .d-teacher-admin-teachers-container .d-content .d-teachers .d-card .d-avatar .d-stars{ display: none; }
main .d-teacher-admin-teachers-container .d-content .d-teachers .d-card .d-avatar .d-level{ display: none; }
main .d-teacher-admin-teachers-container .d-content .d-teachers .d-card .d-status-icon{ position: absolute; top: 1px; left: 1px; width: 30px; height: 30px; background: url(img/school/ico-yellow.png); z-index: 2; }
main .d-teacher-admin-teachers-container .d-content .d-teachers .d-card .d-status-icon.active{background: url(img/school/ico-green.png); }
main .d-teacher-admin-teachers-container .d-content .d-teachers .d-card .d-status-label{ position: absolute; top: 1px; left: 1px; font-size: 18px; }
main .d-teacher-admin-teachers-container .d-content .d-teachers .d-card .d-name{ font-family: cinzel_decorative_700; font-size: 18px; position: absolute; cursor: pointer; }
main .d-teacher-admin-teachers-container .d-content .d-teachers .d-card .d-name:hover{ text-decoration: underline; }
main .d-teacher-admin-teachers-container .d-content .d-teachers .d-card .d-username{ position: absolute; color: #9b4d1e; top: 65px; left: 130px; }
main .d-teacher-admin-teachers-container .d-content .d-teachers .d-card .d-config{ position: absolute; width: 28px; height: 28px; top: 15px; right: 5px; background: url(img/btn-config.png); }
main .d-teacher-admin-teachers-container .d-content .d-teachers .d-card .d-classrooms,
main .d-teacher-admin-teachers-container .d-content .d-teachers .d-card .d-students{ font-family: cinzel_decorative_700; font-size: 18px; position: absolute; width: 120px; height: 60px; text-align: center; }
main .d-teacher-admin-teachers-container .d-content .d-teachers .d-card .d-classrooms .d-amount,
main .d-teacher-admin-teachers-container .d-content .d-teachers .d-card .d-students .d-amount{ color: #954012; }
main .d-teacher-admin-teachers-container .d-content .d-teachers .d-card .d-isadmin{ color: #28a37c; font-family: effloresce_bold; font-size: 18px; position: absolute; right: 10px; bottom: 5px; }
main .d-teacher-admin-teachers-container .d-content .d-teachers .d-card .simple-checkbox{ position: absolute; top: 5px; left: 9px; z-index: 2; }
main .d-teacher-admin-teachers-container .d-content .d-teachers .d-card .dropdown{ top: 224px; left: 174px; z-index: 3; }

main .d-teacher-admin-teachers-container .d-content .d-teachers.list .d-card { width: 95%; border: 4px solid #bd9955; background: #f6f5f2; margin-bottom: 10px; min-width: 550px; height: 100px; min-width: 780px; }
main .d-teacher-admin-teachers-container .d-content .d-teachers.list .d-card .d-avatar { position: absolute; top: -18px; left: 28px; }
main .d-teacher-admin-teachers-container .d-content .d-teachers.list .d-card .d-status-icon { position: absolute; left: 125px; top: 7px; }
main .d-teacher-admin-teachers-container .d-content .d-teachers.list .d-card .d-status-label {  top: 10px; left: 160px; }
main .d-teacher-admin-teachers-container .d-content .d-teachers.list .d-card .d-name { top: 40px; left: 130px; }
main .d-teacher-admin-teachers-container .d-content .d-teachers.list .d-card .d-classrooms { top: 21px; right: 170px; }
main .d-teacher-admin-teachers-container .d-content .d-teachers.list .d-card .d-students { top: 21px; right: 40px; }
main .d-teacher-admin-teachers-container .d-content .d-teachers.list .d-card .d-isadmin { display: none; }
main .d-teacher-admin-teachers-container .d-content .d-teachers.list .d-card .dropdown { top: 70px; left: auto; right: -25px; z-index: 3; }

main .d-teacher-admin-teachers-container .d-content .d-teachers.grid .d-card{ display: inline-block; width: 330px; height: 290px; border: 5px solid #301809; margin: 5px; border-radius: 10px; background: #f9f8f5; position: relative; }
main .d-teacher-admin-teachers-container .d-content .d-teachers.grid .d-card:before{ content: ""; position: absolute; width: 86px; height: 24px; background: url(img/school/firulete.png); top: -6px; left: 50%; margin-left: -43px; }
main .d-teacher-admin-teachers-container .d-content .d-teachers.grid .d-card:after{ content: ""; position: absolute; height: 98px; background: url(img/header-tiles/F5.png); top: 54px; left: 0; right: 0; border-top: 2px solid; border-bottom: 2px solid; }
main .d-teacher-admin-teachers-container .d-content .d-teachers.grid .d-card .d-status-icon{ position: absolute; top: 10px; left: 10px; }
main .d-teacher-admin-teachers-container .d-content .d-teachers.grid .d-card .d-status-label{ top: 14px; left: 50px; }
main .d-teacher-admin-teachers-container .d-content .d-teachers.grid .d-card .d-avatar{ position: absolute; top: 37px; left: 121px; z-index: 2; }
main .d-teacher-admin-teachers-container .d-content .d-teachers.grid .d-card .d-name{ top: 170px; left: 10px; right: 25px; }
main .d-teacher-admin-teachers-container .d-content .d-teachers.grid .d-card .d-username{ top: 230px; left: 10px; }
main .d-teacher-admin-teachers-container .d-content .d-teachers.grid .d-card .d-classrooms,
main .d-teacher-admin-teachers-container .d-content .d-teachers.grid .d-card .d-students{ font-family: akaPosse; color: #e6d27c; font-size: 22px; }
main .d-teacher-admin-teachers-container .d-content .d-teachers.grid .d-card .d-classrooms .d-amount,
main .d-teacher-admin-teachers-container .d-content .d-teachers.grid .d-card .d-students .d-amount{ color: #FFF; }
main .d-teacher-admin-teachers-container .d-content .d-teachers.grid .d-card .d-classrooms{ top: 80px; left: 5px; z-index: 2; }
main .d-teacher-admin-teachers-container .d-content .d-teachers.grid .d-card .d-students{ top: 80px; right: 5px; z-index: 2; }
main .d-teacher-admin-teachers-container .d-content .d-teachers.grid .d-card .d-config{ top: 170px; }
main .d-teacher-admin-teachers-container .d-content .d-teachers.grid .d-card .simple-checkbox{ top: 5px; left: auto; right: 5px; }

/* MODAL Add Teachers */
#modal-container .modal.d-modal-admin-school-add-teachers{ width: 650px; height: 520px;}
#modal-container .modal.d-modal-admin-school-add-teachers .d-header{ position: absolute; top: 8px; left: 8px; right: 8px; height: 52px; font-family: cinzel_decorative_700; text-align: center; line-height: 35px; font-size: 20px; border-bottom: 1px solid #c1b78e; background: url(img/school/bg_admin_class_tab.png); }
#modal-container .modal.d-modal-admin-school-add-teachers .d-header .d-title{ color: #fff; margin: 6px; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-header .d-modal-close{ position: absolute; top: -8px; right: -5px; width: 40px; height: 40px; background: url(img/btn_cerrar.png) no-repeat; margin: 10px; cursor: pointer; background-position: center; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content{ position: absolute; top: 62px; left: 10px; right: 10px; bottom: 8px; overflow-y: auto; overflow-x: hidden; margin-left: 10px; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content .d-avatar{ width: 100px; height: 110px; background: url(img/student-mask-3.png) no-repeat; background-size: cover; position: absolute; top: 10px; left: 15px; z-index: 2; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content .d-avatar-bg{ width: 90px; height: 90px; background: url(img/profile.jpg) no-repeat; background-size: cover; position: absolute; top: 20px; left: 20px; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content table.f-teacher{ margin-left: 100px; margin-right: 20px; width: 550px; margin-top: 10px; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content table.f-teacher td{ height: 21px; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content .d-title{ font-family: 'cinzel_decorative_700'; font-size: 18px; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content .d-label{ font-size: 16px; text-align: right; padding-bottom: 5px; padding-top: 5px; color: #7c4222; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content .d-label.left{ text-align: left; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content .col{ display: inline-block; text-align: center; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content table input{ width: 310px; font-size: 16px; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content table select{ margin-left: 10px; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content table textarea{ width: 604px; height: 80px; margin: 0px; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content table .btn.btn-preview{ float: right; margin-right: 40px; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content table .password-unique{ float: left; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content .col input { width: 100px; text-align: center; color: #c15a1d; font-size: 18px; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content table {  }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content .add-admin{ float: right; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content .d-admin-list{ margin: 10px 0 20px 0; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content .d-admin-list .d-admin{ width: 550px; border-bottom: 1px solid #d9d8d5; height: 75px; position: relative; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content .d-admin-list .d-admin .d-icon{ width: 55px; height: 58px; position: absolute; top: 2px; left: 5px; background: url(img/ico-detective.png); }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content .d-admin-list .d-admin .d-name{ position: absolute; top: 5px; left: 65px; font-size: 18px; color: #202020; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content .d-admin-list .d-admin .d-username{ position: absolute; top: 25px; left: 65px; font-size: 16px; color: #a37a57; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-content .d-admin-list .d-admin .d-password{ position: absolute; top: 45px; left: 65px; font-size: 16px; color: #a37a57; }

#modal-container .modal.d-modal-admin-school-add-teachers .d-footer{ position: absolute; bottom: 10px; left: 10px; right: 10px; height: 45px; background: #e2d1b4; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-footer .btn-cancel{ float: left; margin: 15px 0px 0px 20px; }
#modal-container .modal.d-modal-admin-school-add-teachers .d-footer .btn-save{ float: right; margin: 5px 30px 0px 0px; }

#modal-container .modal.d-modal-admin-school-add-teachers .preview-container { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow-y: auto; overflow-x: auto; margin-left: 0px; background: #e4d3ba; display: none; z-index: 3; border-radius: 5px; padding: 15px;}
#modal-container .modal.d-modal-admin-school-add-teachers .preview-container .title{ color: #c64609; font-family: akaPosse; font-size: 20px; }
#modal-container .modal.d-modal-admin-school-add-teachers .preview-container .sub-title{ color: #525253; font-size: 16px; font-family: effloresce_bold; margin-top: 5px; }
#modal-container .modal.d-modal-admin-school-add-teachers .preview-container table{ border-top: 1px solid #c64609; border-bottom: 1px solid #c64609; margin: 10px 0 5px 0; }
#modal-container .modal.d-modal-admin-school-add-teachers .preview-container .d-class{ color: #c64609; font-family: akaPosse; font-size: 20px; }
#modal-container .modal.d-modal-admin-school-add-teachers .preview-container .footer{ width: 640px; height: 40px; }
#modal-container .modal.d-modal-admin-school-add-teachers .preview-container .footer .btn.close{ float: left; margin: 10px; }
#modal-container .modal.d-modal-admin-school-add-teachers .preview-container .footer .btn.orange{ float: right; margin: 5px; margin-right: 20px; }

/* END MODAL Add Teachers */
/* MODAL Edit Teachers */
#modal-container .modal.d-modal-admin-school-edit-teachers{ width: 650px; height: 520px;}
#modal-container .modal.d-modal-admin-school-edit-teachers .d-header{ position: absolute; top: 8px; left: 8px; right: 8px; height: 52px; font-family: cinzel_decorative_700; text-align: center; line-height: 35px; font-size: 20px; border-bottom: 1px solid #c1b78e; background: url(img/school/bg_admin_class_tab.png); }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-header .d-title{ color: #fff; margin: 6px; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-header .d-modal-close{ position: absolute; top: -8px; right: -5px; width: 40px; height: 40px; background: url(img/btn_cerrar.png) no-repeat; margin: 10px; cursor: pointer; background-position: center; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content{ position: absolute; top: 62px; left: 10px; right: 10px; bottom: 55px; overflow-y: auto; overflow-x: hidden; margin-left: 10px; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .d-avatar{ width: 100px; height: 110px; background: url(img/student-mask-3.png) no-repeat; background-size: cover; position: absolute; top: 10px; left: 15px; z-index: 2; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .d-avatar-bg{ width: 90px; height: 90px; background: url(img/profile.jpg) no-repeat; background-size: cover; position: absolute; top: 20px; left: 20px; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content table.f-teacher{ margin-left: 100px; margin-right: 20px; width: 550px; margin-top: 10px; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content table.f-teacher td{ height: 25px; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content table.f-teacher td.relative input.t-password{ width: 220px; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content table.f-teacher td.relative{ position: relative; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content table.f-teacher td.relative .password-mask{ position: absolute; top: 0; left: 0; background: url(img/popup/generic_bg.png) repeat; font-size: 23px; padding: 8px; width: 220px; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content table.f-teacher td.relative .bt-edit-password{ position: absolute; top:0; right:70px;  }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .d-title{ font-family: 'cinzel_decorative_700'; font-size: 18px; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .d-label{ font-size: 16px; text-align: right; padding-bottom: 5px; padding-top: 5px; color: #7c4222; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .d-label.left{ text-align: left; border-bottom: 1px solid; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .col{ display: inline-block; text-align: center; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content table input{ width: 310px; font-size: 16px; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content table select{ margin-left: 10px; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content table textarea{ width: 604px; height: 80px; margin: 0px; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .col input { width: 100px; text-align: center; color: #c15a1d; font-size: 18px; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content table {  }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .linked-label{ font-family: cinzel_decorative_700; float: left; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .btn.link-class{ float: right; color: #7c4222; margin: 0px 20px 0px 0px; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .btn.link-class .d-icon{ width: 28px; height: 27px; background: url(img/school/btn_add.png); display: inline-block; vertical-align: middle;}
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .linked-list{  }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .linked-list .empty{ text-align: center; color: #7f7f7f; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .linked-list .d-school{ font-family: cinzel_decorative_700; font-size: 18px;  height: 90px; border-bottom: 1px solid #DEDEDE; position: relative; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .linked-list .d-school .d-ico-unlink{ position: absolute; width: 28px; height: 28px; top: 20px; right: 25px; background: url(img/school/bt-close.png) no-repeat; background-position: center; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .linked-list .d-school .d-avatar-school{ position: absolute; z-index: 3; top: 9px; left: 14px; width: 50px; height: 50px; border-radius: 25px; -webkit-border-radius: 25px; background-size: 100%; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .linked-list .d-school .d-avatar-bg{ width: 65px; height: 59px; background: url(img/school/avatar-bg.png); background-size: 100%; position: absolute; top: 5px; left: 10px; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .linked-list .d-school .d-name{ position: absolute; top: 2px; left: 90px; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .linked-list .d-school .d-education-level{ position: absolute; top: 26px; left: 110px; font-size: 14px; color: #7c4222;}
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .linked-list .d-school .d-amount-students{ position: absolute; top: 44px; left: 110px; font-size: 16px; font-family: effloresce_bold; color: #c19a4d; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .linked-list .d-school .d-school-info{ position: absolute; top: 64px; left: 110px; font-size: 16px; font-family: effloresce_bold; color: #000000; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .linked-list .d-school .d-school-info span{ color: #7c4222; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .add-admin{ float: right; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .d-admin-list{ margin: 10px 0 20px 0; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .d-admin-list .d-admin{ width: 550px; border-bottom: 1px solid #d9d8d5; height: 75px; position: relative; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .d-admin-list .d-admin .d-icon{ width: 55px; height: 58px; position: absolute; top: 2px; left: 5px; background: url(img/ico-detective.png); }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .d-admin-list .d-admin .d-name{ position: absolute; top: 5px; left: 65px; font-size: 18px; color: #202020; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .d-admin-list .d-admin .d-username{ position: absolute; top: 25px; left: 65px; font-size: 16px; color: #a37a57; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-content .d-admin-list .d-admin .d-password{ position: absolute; top: 45px; left: 65px; font-size: 16px; color: #a37a57; }

#modal-container .modal.d-modal-admin-school-edit-teachers .d-footer{ position: absolute; bottom: 10px; left: 10px; right: 10px; height: 45px; background: #e2d1b4; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-footer .btn-cancel{ float: left; margin: 15px 0px 0px 20px; }
#modal-container .modal.d-modal-admin-school-edit-teachers .d-footer .btn-save{ float: right; margin: 5px 30px 0px 0px; }
/* END MODAL Edit Teachers */
/* END ADMIN SCHOOL TEACHERS */

/* ADMIN SCHOOL STUDENTS */
main .d-teacher-admin-students-container .d-content { position: relative; }
main .d-teacher-admin-students-container .d-content .d-info{ color: #FFF; margin-top: 60px; font-size: 18px; font-family: effloresce_bold; }
main .d-teacher-admin-students-container .d-content .d-toggle-view{color:#FFF; float: right; margin: 60px 30px 0 0; cursor: pointer; }
main .d-teacher-admin-students-container .d-content .d-toggle-view.list:before{content: ""; display: inline-block; width: 32px; height: 28px; background: url(img/school/ico-grid.png) no-repeat; }
main .d-teacher-admin-students-container .d-content .d-toggle-view.grid:before{content: ""; display: inline-block; width: 32px; height: 28px; background: url(img/school/ico-list.png) no-repeat; }
main .d-teacher-admin-students-container .d-content .d-students { margin-top: 20px; text-align: center; position: relative; z-index: 2; }
main .d-teacher-admin-students-container .d-content .d-students .d-card{ }
main .d-teacher-admin-students-container .d-content .d-students .d-card .d-avatar .d-stars{ display: none; }
main .d-teacher-admin-students-container .d-content .d-students .d-card .d-avatar .d-level{ display: none; }
main .d-teacher-admin-students-container .d-content .d-students .d-card .d-status-icon{ position: absolute; top: 1px; left: 1px; width: 30px; height: 30px; background: url(img/school/ico-yellow.png); z-index: 2; }
main .d-teacher-admin-students-container .d-content .d-students .d-card .d-status-icon.active{background: url(img/school/ico-green.png); }
main .d-teacher-admin-students-container .d-content .d-students .d-card .d-status-label{ position: absolute; top: 1px; left: 1px; font-size: 18px; }
main .d-teacher-admin-students-container .d-content .d-students .d-card .d-name{ font-family: cinzel_decorative_700; font-size: 18px; position: absolute; cursor: pointer; }
main .d-teacher-admin-students-container .d-content .d-students .d-card .d-name:hover{ text-decoration: underline; }
main .d-teacher-admin-students-container .d-content .d-students .d-card .d-username{ position: absolute; color: #9b4d1e; top: 65px; left: 130px; }
main .d-teacher-admin-students-container .d-content .d-students .d-card .d-config{ position: absolute; width: 28px; height: 28px; top: 15px; right: 5px; background: url(img/btn-config.png); }
main .d-teacher-admin-students-container .d-content .d-students .d-card .d-classrooms,
main .d-teacher-admin-students-container .d-content .d-students .d-card .d-students{ font-family: cinzel_decorative_700; font-size: 18px; position: absolute; width: 120px; height: 60px; text-align: center; }
main .d-teacher-admin-students-container .d-content .d-students .d-card .d-classrooms .d-amount,
main .d-teacher-admin-students-container .d-content .d-students .d-card .d-students .d-amount{ color: #954012; }
main .d-teacher-admin-students-container .d-content .d-students .d-card .d-isadmin{ color: #28a37c; font-family: effloresce_bold; font-size: 18px; position: absolute; right: 10px; bottom: 5px; }
main .d-teacher-admin-students-container .d-content .d-students .d-card .simple-checkbox{ position: absolute; top: 5px; left: 9px; z-index: 2; }
main .d-teacher-admin-students-container .d-content .d-students .d-card .d-education-level{ font-family: cinzel_decorative_700; position: absolute; bottom: 5px; right: 30px; }
main .d-teacher-admin-students-container .d-content .d-students .d-card .dropdown{ top: 224px; left: 174px; z-index: 3; }

main .d-teacher-admin-students-container .d-content .d-students.list .d-card{ width: 95%; border: 4px solid #bd9955; background: #f6f5f2; margin-bottom: 10px; min-width: 550px; height: 100px; }
main .d-teacher-admin-students-container .d-content .d-students.list .d-card .d-avatar{ position: absolute; top: -18px; left: 28px; }
main .d-teacher-admin-students-container .d-content .d-students.list .d-card .d-status-icon{ position: absolute; left: 125px; top: 7px; }
main .d-teacher-admin-students-container .d-content .d-students.list .d-card .d-status-label{  top: 10px; left: 160px; }
main .d-teacher-admin-students-container .d-content .d-students.list .d-card .d-name{ top: 40px; left: 130px; }
main .d-teacher-admin-students-container .d-content .d-students.list .d-card .d-classrooms{ top: 11px; right: 40px; }
main .d-teacher-admin-students-container .d-content .d-students.list .d-card .d-students{ top: 21px; right: 40px; }
main .d-teacher-admin-students-container .d-content .d-students.list .d-card .d-isadmin{ display: none; }
main .d-teacher-admin-students-container .d-content .d-students.list .d-card .dropdown{ top: 70px; left: auto; right: -25px; z-index: 3; }

main .d-teacher-admin-students-container .d-content .d-students.grid .d-card{ display: inline-block; width: 330px; height: 290px; border: 5px solid #301809; margin: 5px; border-radius: 10px; background: #f9f8f5; position: relative; }
main .d-teacher-admin-students-container .d-content .d-students.grid .d-card:before{ content: ""; position: absolute; width: 86px; height: 24px; background: url(img/school/firulete.png); top: -6px; left: 50%; margin-left: -43px; }
main .d-teacher-admin-students-container .d-content .d-students.grid .d-card:after{ content: ""; position: absolute; height: 98px; background: url(img/header-tiles/F1.png); top: 54px; left: 0; right: 0; border-top: 2px solid; border-bottom: 2px solid; }
main .d-teacher-admin-students-container .d-content .d-students.grid .d-card .d-status-icon{ position: absolute; top: 10px; left: 10px; }
main .d-teacher-admin-students-container .d-content .d-students.grid .d-card .d-status-label{ top: 14px; left: 50px; }
main .d-teacher-admin-students-container .d-content .d-students.grid .d-card .d-avatar{ position: absolute; top: 37px; left: 121px; z-index: 2; }
main .d-teacher-admin-students-container .d-content .d-students.grid .d-card .d-name{ top: 170px; left: 10px; right: 25px; }
main .d-teacher-admin-students-container .d-content .d-students.grid .d-card .d-username{ top: 230px; left: 10px; }
main .d-teacher-admin-students-container .d-content .d-students.grid .d-card .d-classrooms,
main .d-teacher-admin-students-container .d-content .d-students.grid .d-card .d-students{ font-family: akaPosse; color: #e6d27c; font-size: 22px; }
main .d-teacher-admin-students-container .d-content .d-students.grid .d-card .d-classrooms .d-amount,
main .d-teacher-admin-students-container .d-content .d-students.grid .d-card .d-students .d-amount{ color: #FFF; }
main .d-teacher-admin-students-container .d-content .d-students.grid .d-card .d-classrooms{ top: 80px; left: 5px; z-index: 2; }
main .d-teacher-admin-students-container .d-content .d-students.grid .d-card .d-students{ top: 80px; right: 5px; z-index: 2; }
main .d-teacher-admin-students-container .d-content .d-students.grid .d-card .d-config{ top: 170px; }
main .d-teacher-admin-students-container .d-content .d-students.grid .d-card .simple-checkbox{ top: 5px; left: auto; right: 5px; }
/* MODAL Add Students */
#modal-container .modal.d-modal-admin-school-add-students{ width: 650px; height: 500px;}
#modal-container .modal.d-modal-admin-school-add-students .d-header{ position: absolute; top: 8px; left: 8px; right: 8px; height: 52px; font-family: cinzel_decorative_700; text-align: center; line-height: 35px; font-size: 20px; border-bottom: 1px solid #c1b78e; background: url(img/school/bg_admin_class_tab.png); }
#modal-container .modal.d-modal-admin-school-add-students .d-header .d-title{ color: #fff; margin: 6px; }
#modal-container .modal.d-modal-admin-school-add-students .d-header .d-modal-close{ position: absolute; top: -8px; right: -5px; width: 40px; height: 40px; background: url(img/btn_cerrar.png) no-repeat; margin: 10px; cursor: pointer; background-position: center; }
#modal-container .modal.d-modal-admin-school-add-students .d-content{ position: absolute; top: 62px; left: 10px; right: 10px; bottom: 8px; overflow-y: auto; overflow-x: hidden; margin-left: 10px; }
#modal-container .modal.d-modal-admin-school-add-students .d-content .d-avatar{ width: 100px; height: 110px; background: url(img/student-mask-3.png) no-repeat; background-size: cover; position: absolute; top: 10px; left: 15px; z-index: 2; }
#modal-container .modal.d-modal-admin-school-add-students .d-content .d-avatar-bg{ width: 90px; height: 90px; background: url(img/profile.jpg) no-repeat; background-size: cover; position: absolute; top: 20px; left: 20px; }
#modal-container .modal.d-modal-admin-school-add-students .d-content table.f-teacher{ margin-left: 100px; margin-right: 20px; width: 550px; margin-top: 5px; }
#modal-container .modal.d-modal-admin-school-add-students .d-content table.f-teacher td{ height: 25px; }
#modal-container .modal.d-modal-admin-school-add-students .d-content .d-title{ font-family: 'cinzel_decorative_700'; font-size: 18px; }
#modal-container .modal.d-modal-admin-school-add-students .d-content .d-label{ font-size: 16px; text-align: right; padding-bottom: 5px; padding-top: 5px; color: #7c4222; }
#modal-container .modal.d-modal-admin-school-add-students .d-content .d-label.left{ text-align: left; }
#modal-container .modal.d-modal-admin-school-add-students .d-content .col{ display: inline-block; text-align: center; }
#modal-container .modal.d-modal-admin-school-add-students .d-content table input{ width: 310px; font-size: 16px; }
#modal-container .modal.d-modal-admin-school-add-students .d-content table select{ margin-left: 10px; }
#modal-container .modal.d-modal-admin-school-add-students .d-content table textarea{ width: 590px; height: 80px; margin: 0px; resize: none; }
#modal-container .modal.d-modal-admin-school-add-students .d-content table .password-unique{ float: left; }
#modal-container .modal.d-modal-admin-school-add-students .d-content table .btn-preview{ float: right; margin-right: 50px; margin-top: 3px; }
#modal-container .modal.d-modal-admin-school-add-students .d-content table .btn-save{  }
#modal-container .modal.d-modal-admin-school-add-students .d-content .col input { width: 100px; text-align: center; color: #c15a1d; font-size: 18px; }
#modal-container .modal.d-modal-admin-school-add-students .d-content table {  }
#modal-container .modal.d-modal-admin-school-add-students .d-content .add-admin{ float: right; }
#modal-container .modal.d-modal-admin-school-add-students .d-content .d-admin-list{ margin: 10px 0 20px 0; }
#modal-container .modal.d-modal-admin-school-add-students .d-content .d-admin-list .d-admin{ width: 550px; border-bottom: 1px solid #d9d8d5; height: 75px; position: relative; }
#modal-container .modal.d-modal-admin-school-add-students .d-content .d-admin-list .d-admin .d-icon{ width: 55px; height: 58px; position: absolute; top: 2px; left: 5px; background: url(img/ico-detective.png); }
#modal-container .modal.d-modal-admin-school-add-students .d-content .d-admin-list .d-admin .d-name{ position: absolute; top: 5px; left: 65px; font-size: 18px; color: #202020; }
#modal-container .modal.d-modal-admin-school-add-students .d-content .d-admin-list .d-admin .d-username{ position: absolute; top: 25px; left: 65px; font-size: 16px; color: #a37a57; }
#modal-container .modal.d-modal-admin-school-add-students .d-content .d-admin-list .d-admin .d-password{ position: absolute; top: 45px; left: 65px; font-size: 16px; color: #a37a57; }
#modal-container .modal.d-modal-admin-school-add-students .preview-container { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow-y: auto; overflow-x: auto; margin-left: 0px; background: #e4d3ba; display: none; z-index: 3; border-radius: 5px; padding: 15px;}
#modal-container .modal.d-modal-admin-school-add-students .preview-container .title{ color: #c64609; font-family: akaPosse; font-size: 20px; }
#modal-container .modal.d-modal-admin-school-add-students .preview-container .sub-title{ color: #525253; font-size: 16px; font-family: effloresce_bold; margin-top: 5px; }
#modal-container .modal.d-modal-admin-school-add-students .preview-container table{ border-top: 1px solid #c64609; border-bottom: 1px solid #c64609; margin: 10px 0 5px 0; }
#modal-container .modal.d-modal-admin-school-add-students .preview-container .d-class{ color: #c64609; font-family: akaPosse; font-size: 20px; }
#modal-container .modal.d-modal-admin-school-add-students .preview-container .footer{ width: 640px; height: 40px; }
#modal-container .modal.d-modal-admin-school-add-students .preview-container .footer .btn.close{ float: left; margin: 10px; }
#modal-container .modal.d-modal-admin-school-add-students .preview-container .footer .btn.orange{ float: right; margin: 5px; margin-right: 20px; }

#modal-container .modal.d-modal-admin-school-add-students .d-footer{ position: absolute; bottom: 10px; left: 10px; right: 10px; height: 45px; background: #e2d1b4; }
#modal-container .modal.d-modal-admin-school-add-students .d-footer .btn-cancel{ float: left; margin: 15px 0px 0px 20px; }
#modal-container .modal.d-modal-admin-school-add-students .d-footer .btn-save{ float: right; margin: 5px 30px 0px 0px; }
/* END MODAL Add Students */
/* MODAL Edit Students */
#modal-container .modal.d-modal-admin-school-edit-students{ width: 650px; height: 500px;}
#modal-container .modal.d-modal-admin-school-edit-students .d-header{ position: absolute; top: 8px; left: 8px; right: 8px; height: 52px; font-family: cinzel_decorative_700; text-align: center; line-height: 35px; font-size: 20px; border-bottom: 1px solid #c1b78e; background: url(img/school/bg_admin_class_tab.png); }
#modal-container .modal.d-modal-admin-school-edit-students .d-header .d-title{ color: #fff; margin: 6px; }
#modal-container .modal.d-modal-admin-school-edit-students .d-header .d-modal-close{ position: absolute; top: -8px; right: -5px; width: 40px; height: 40px; background: url(img/btn_cerrar.png) no-repeat; margin: 10px; cursor: pointer; background-position: center; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content{ position: absolute; top: 62px; left: 10px; right: 10px; bottom: 55px; overflow-y: auto; overflow-x: hidden; margin-left: 10px; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .d-avatar{ width: 100px; height: 110px; background: url(img/student-mask-3.png) no-repeat; background-size: cover; position: absolute; top: 10px; left: 15px; z-index: 2; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .d-avatar-bg{ width: 90px; height: 90px; background: url(img/profile.jpg) no-repeat; background-size: cover; position: absolute; top: 20px; left: 20px; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content table.f-teacher{ margin-left: 100px; margin-right: 20px; width: 550px; margin-top: 10px; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content table.f-teacher td{ height: 25px; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content table.f-teacher td.relative input.t-password{ width: 220px; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content table.f-teacher td.relative{ position: relative; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content table.f-teacher td.relative .password-mask{ position: absolute; top: 0; left: 0; background: url(img/popup/generic_bg.png) repeat; font-size: 23px; padding: 8px; width: 220px; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content table.f-teacher td.relative .bt-edit-password{ position: absolute; top:0; right:70px;  }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .d-title{ font-family: 'cinzel_decorative_700'; font-size: 18px; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .d-label{ font-size: 16px; text-align: right; padding-bottom: 5px; padding-top: 5px; color: #7c4222; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .d-label.left{ text-align: left; border-bottom: 1px solid; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .col{ display: inline-block; text-align: center; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content table input{ width: 310px; font-size: 16px; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content table select{ margin-left: 10px; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content table textarea{ width: 604px; height: 110px; margin: 0px; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .col input { width: 100px; text-align: center; color: #c15a1d; font-size: 18px; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content table {  }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .linked-label{ font-family: cinzel_decorative_700; float: left; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .btn.link-class{ float: right; color: #7c4222; margin: 0px 20px 0px 0px; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .btn.link-class .d-icon{ width: 28px; height: 27px; background: url(img/school/btn_add.png); display: inline-block; vertical-align: middle;}
#modal-container .modal.d-modal-admin-school-edit-students .d-content .linked-list{  }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .linked-list .empty{ text-align: center; color: #7f7f7f; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .linked-list .d-school{ font-family: cinzel_decorative_700; font-size: 18px;  height: 70px; border-bottom: 1px solid #DEDEDE; position: relative; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .linked-list .d-school .d-ico-unlink{ position: absolute; width: 28px; height: 28px; top: 20px; right: 25px; background: url(img/school/bt-close.png) no-repeat; background-position: center; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .linked-list .d-school .d-avatar-school{ position: absolute; z-index: 3; top: 9px; left: 14px; width: 50px; height: 50px; border-radius: 25px; -webkit-border-radius: 25px; background-size: 100%; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .linked-list .d-school .d-avatar-bg{ width: 65px; height: 59px; background: url(img/school/avatar-bg.png); background-size: 100%; position: absolute; top: 5px; left: 10px; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .linked-list .d-school .d-name{ position: absolute; top: 5px; left: 90px; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .linked-list .d-school .d-education-level{ position: absolute; top: 26px; left: 90px; font-size: 16px; color: #7c4222;}
#modal-container .modal.d-modal-admin-school-edit-students .d-content .linked-list .d-school .d-amount-students{ position: absolute; top: 44px; left: 90px; font-size: 16px; font-family: effloresce_bold; color: #c19a4d; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .add-admin{ float: right; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .d-admin-list{ margin: 10px 0 20px 0; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .d-admin-list .d-admin{ width: 550px; border-bottom: 1px solid #d9d8d5; height: 75px; position: relative; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .d-admin-list .d-admin .d-icon{ width: 55px; height: 58px; position: absolute; top: 2px; left: 5px; background: url(img/ico-detective.png); }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .d-admin-list .d-admin .d-name{ position: absolute; top: 5px; left: 65px; font-size: 18px; color: #202020; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .d-admin-list .d-admin .d-username{ position: absolute; top: 25px; left: 65px; font-size: 16px; color: #a37a57; }
#modal-container .modal.d-modal-admin-school-edit-students .d-content .d-admin-list .d-admin .d-password{ position: absolute; top: 45px; left: 65px; font-size: 16px; color: #a37a57; }

#modal-container .modal.d-modal-admin-school-edit-students .d-footer{ position: absolute; bottom: 10px; left: 10px; right: 10px; height: 45px; background: #e2d1b4; }
#modal-container .modal.d-modal-admin-school-edit-students .d-footer .btn-cancel{ float: left; margin: 15px 0px 0px 20px; }
#modal-container .modal.d-modal-admin-school-edit-students .d-footer .btn-save{ float: right; margin: 5px 30px 0px 0px; }
/* END MODAL Edit Students */
/* END ADMIN SCHOOL STUDENTS */

/* ADMIN SCHOOL CLASSROOM SELECTOR */
#modal-container .modal.school-admin-select-classroom { width: 600px; height: 450px;  }
#modal-container .modal.school-admin-select-classroom h4 { font-size: 1.7em; text-align: center; padding: 0; margin: 0; }
#modal-container .modal.school-admin-select-classroom h5 { font-size: 1.2em; text-align: center; color: #535353; padding: 0; margin: 0; }
#modal-container .modal.school-admin-select-classroom .d-content { padding: 15px; height: 270px; overflow: auto; border: 2px solid #c1b78e; margin-top: 10px; margin-bottom: 16px; padding-bottom: 0; }
#modal-container .modal.school-admin-select-classroom .d-content .d-classroom { position: relative; display: block; width: 100%; height: 72px; min-width: 400px; border-bottom: 1px solid #dedede; }
#modal-container .modal.school-admin-select-classroom .d-content .d-classroom.message { border-bottom: none; }
#modal-container .modal.school-admin-select-classroom .d-content .d-classroom .d-message{ text-align: center; margin-top: 20px; line-height: 23px; font-family: effloresce_bold; width: 350px; margin: 101px auto; }
#modal-container .modal.school-admin-select-classroom .d-content .d-classroom .d-message a{ color: #cb9f37; }
#modal-container .modal.school-admin-select-classroom .d-content .d-classroom .icon{ position: absolute; z-index: 3; top: 8px; left: 13px; width: 57px; height: 57px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url(img/ico-add-image.png); }
#modal-container .modal.school-admin-select-classroom .d-content .d-classroom .icon-bg{ width: 84px; height: 74px; position: absolute; z-index: 2; background: url(img/bg_classroom_image_list.png); top: 0px; left: 0px;  }
#modal-container .modal.school-admin-select-classroom .d-content .d-classroom .info{ position: absolute; min-width: 300px; left: 105px; top: 7px; }
#modal-container .modal.school-admin-select-classroom .d-content .d-classroom .info .name{ display: block; color: #000; font-size: 1.2em; }
#modal-container .modal.school-admin-select-classroom .d-content .d-classroom .info .level{ display: block; font-size: .8em; color: #999999; }
#modal-container .modal.school-admin-select-classroom .d-content .d-classroom .info .students{ display: block; font-size: .8em; color: #999999; }
#modal-container .modal.school-admin-select-classroom .d-content .d-classroom .simple-checkbox{ float: right; margin-top: 15px; margin-right: 15px; }
#modal-container .modal.school-admin-select-classroom .modal-footer { background: #dbc9ab; width: 600px; height: 50px; position: absolute; top: 407px; left: 8px;}
#modal-container .modal.school-admin-select-classroom .modal-footer .btn-submit{ position: absolute; top: 8px; right: 21px; }
#modal-container .modal.school-admin-select-classroom .modal-footer .btn-cancelar{ position: absolute; top: 10px; right: 137px; }
/* END ADMIN SCHOOL CLASSROOM SELECTOR */

/* ADMIN SCHOOL CLASSROOMS */
main .d-teacher-admin-classrooms-container .d-content { position: relative; }
main .d-teacher-admin-classrooms-container .d-content .d-info{ color: #FFF; margin-top: 60px; font-size: 18px; font-family: effloresce_bold; }
main .d-teacher-admin-classrooms-container .d-content .d-info a{ color: #FFF; }
main .d-teacher-admin-classrooms-container .d-content .d-info a:hover{ color: #FFF; }
main .d-teacher-admin-classrooms-container .d-content .d-toggle-view{color:#FFF; float: right; margin: 60px 30px 0 0; cursor: pointer; }
main .d-teacher-admin-classrooms-container .d-content .d-toggle-view.list:before{content: ""; display: inline-block; width: 32px; height: 28px; background: url(img/school/ico-grid.png) no-repeat; }
main .d-teacher-admin-classrooms-container .d-content .d-toggle-view.grid:before{content: ""; display: inline-block; width: 32px; height: 28px; background: url(img/school/ico-list.png) no-repeat; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms { margin-top: 20px; text-align: center; position: relative; z-index: 2; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms .d-card{ }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms .d-card .d-avatar { width: 92px; height: 84px; background: url(img/school/avatar-bg.png); background-size: contain;}
main .d-teacher-admin-classrooms-container .d-content .d-classrooms .d-card .d-name{ font-family: cinzel_decorative_700; font-size: 18px; position: absolute; cursor: pointer; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms .d-card .d-name:hover{ text-decoration: underline;  }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms .d-card .d-education-level{ position: absolute; color: #454f2f; top: 65px; left: 130px; font-family: cinzel_decorative_700; font-size: 16px;}
main .d-teacher-admin-classrooms-container .d-content .d-classrooms .d-card .d-education-subject{ position: absolute; color: #9b4d1e; top: 65px; left: 130px; font-family: effloresce_bold; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms .d-card .d-config{ position: absolute; width: 28px; height: 28px; top: 15px; right: 5px; background: url(img/btn-config.png); }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms .d-card .d-teachers,
main .d-teacher-admin-classrooms-container .d-content .d-classrooms .d-card .d-students{ font-family: cinzel_decorative_700; font-size: 18px; position: absolute; width: 120px; height: 60px; text-align: center; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms .d-card .d-teachers .d-amount,
main .d-teacher-admin-classrooms-container .d-content .d-classrooms .d-card .d-students .d-amount{ color: #954012; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms .d-card .simple-checkbox{ position: absolute; top: 5px; left: 9px; z-index: 2; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms .d-card .dropdown{ top: 224px; left: 174px; z-index: 3; }

main .d-teacher-admin-classrooms-container .d-content .d-classrooms.list .d-card{ width: 95%; border: 4px solid #bd9955; background: #f6f5f2; margin-bottom: 10px; min-width: 550px; height: 100px; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.list .d-card .d-avatar{ position: absolute; top: 9px; left: 33px; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.list .d-card .d-avatar-image{ position: absolute; top: 14px; left: 39px; z-index: 3; width: 72px; height: 71px; border-radius: 40px; background-size: cover; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.list .d-card .d-name{ top: 15px; left: 130px; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.list .d-card .d-education-level{ top: 45px; left: 130px; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.list .d-card .d-education-subject{ top: 65px; left: 130px; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.list .d-card .d-teachers{ top: 21px; right: 170px; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.list .d-card .d-students{ top: 21px; right: 40px; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.list .d-card .dropdown{ top: 70px; left: auto; right: -25px; z-index: 3; }

main .d-teacher-admin-classrooms-container .d-content .d-classrooms.grid .d-card{ display: inline-block; width: 330px; height: 290px; border: 5px solid #301809; margin: 5px; border-radius: 10px; background: #f9f8f5; position: relative; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.grid .d-card:before{ content: ""; position: absolute; width: 86px; height: 24px; background: url(img/school/firulete.png); top: -6px; left: 50%; margin-left: -43px; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.grid .d-card:after{ content: ""; position: absolute; height: 98px; background: url(img/header-tiles/F4.png); top: 54px; left: 0; right: 0; border-top: 2px solid; border-bottom: 2px solid; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.grid .d-card .d-avatar{ position: absolute; top: 65px; left: 121px; z-index: 2; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.grid .d-card .d-avatar-image{ position: absolute; top: 70px; left: 127px; z-index: 3; width: 72px; height: 71px; border-radius: 40px; background-size: cover; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.grid .d-card .d-name{ top: 170px; left: 10px; right: 25px; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.grid .d-card .d-education-level{ top: 230px; left: 10px; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.grid .d-card .d-education-subject{ top: 250px; left: 10px; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.grid .d-card .d-teachers,
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.grid .d-card .d-students{ font-family: akaPosse; color: #e6d27c; font-size: 22px; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.grid .d-card .d-teachers .d-amount,
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.grid .d-card .d-students .d-amount{ color: #FFF; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.grid .d-card .d-teachers{ top: 80px; left: 5px; z-index: 2; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.grid .d-card .d-students{ top: 80px; right: 5px; z-index: 2; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.grid .d-card .d-config{ top: 170px; }
main .d-teacher-admin-classrooms-container .d-content .d-classrooms.grid .d-card .simple-checkbox{ top: 5px; left: auto; right: 5px; }
/* END ADMIN SCHOOL CLASSROOMS */

/* MODAL ADMIN CLASSROOM */
#modal-container .d-admin-classroom-container{ width: 680px; height: 490px; text-align: center; position: relative; font-family: 'effloresce_bold'; }
#modal-container .d-admin-classroom{ width: 690px; margin: 0 auto; }
#modal-container .d-admin-classroom .d-header-tabs { position: absolute; top: 8px; left: 8px; right: 8px; }
#modal-container .d-admin-classroom .d-header-tabs .tabs{ background: url(img/bg_admin_class_tab.png); height: 50px; list-style: none; margin: 0; padding: 0; width: 100%; }
#modal-container .d-admin-classroom .d-header-tabs .tabs li { display: inline-block; height: 50px; margin: 0px 10px 0px 10px; padding-left: 10px; padding-right: 10px; }
#modal-container .d-admin-classroom .d-header-tabs .tabs li.active{ background: url(img/bg_admin_class_tab_sel2.png); position: relative; }
#modal-container .d-admin-classroom .d-header-tabs .tabs li.active::before,
#modal-container .d-admin-classroom .d-header-tabs .tabs li.active::after{ content: ' '; position: absolute; top: 0px; width: 11px; height: 50px; }
#modal-container .d-admin-classroom .d-header-tabs .tabs li.active::before{ background: url(img/bg_admin_class_tab_sel1.png) no-repeat; left: -11px; }
#modal-container .d-admin-classroom .d-header-tabs .tabs li.active::after{ background: url(img/bg_admin_class_tab_sel3.png) no-repeat; right: -11px; }
#modal-container .d-admin-classroom .d-header-tabs .tabs li a { text-transform: uppercase; text-decoration: none; color: #FFF; padding-top: 12px; display: inline-block; padding-bottom: 10px; font-family: 'effloresce_bold'}
#modal-container .d-admin-classroom .d-header-tabs .tabs li.active a { color: #2f1809; }
#modal-container .d-admin-classroom .d-header-tabs .tabs li.disabled { opacity: .5; }
#modal-container .d-admin-classroom .d-header-tabs .tabs li.hidden { visibility: hidden; }
#modal-container .d-admin-classroom .d-header-tabs .d-icon-close { position: absolute; top: -8px; right: -5px; width: 40px; height: 40px; background: url(img/btn_cerrar.png) no-repeat; margin: 10px; cursor: pointer; background-position: center; }
#modal-container .d-admin-classroom .d-tab-content { position: absolute; top: 70px; left: 8px; right: 8px; bottom: 8px; }

#modal-container .d-admin-classroom .d-tab-content { position: absolute; top: 70px; left: 8px; right: 8px; bottom: 8px; }

#modal-container .d-admin-classroom .d-class .main-title { color: #606060; text-align: left; padding-top: 20px; padding-left: 40px; text-transform: uppercase; }

#modal-container .d-admin-classroom .d-tab-contents { }
#modal-container .d-admin-classroom .d-tab-contents .row{ display: block; }
#modal-container .d-admin-classroom .d-tab-contents .col{ display: inline-block; }
#modal-container .d-admin-classroom .d-tab-contents input { display: inline-block; border: none; background: transparent; border-bottom: 1px solid #c1b78e; font-size: 18px; margin-left: 10px; }
#modal-container .d-admin-classroom .d-tab-contents select { font-family: 'special_elite'; display: inline-block; border: none; background: transparent; border-bottom: 1px solid #c1b78e; font-size: 18px; margin-left: 10px; }
#modal-container .d-admin-classroom .d-tab-contents select option { font-family: 'special_elite'; }
#modal-container .d-admin-classroom .d-tab-contents a.btn{ text-decoration: none;  }
#modal-container .d-admin-classroom .d-tab-contents a.btn.dark{ color: #b48760; border-radius: 17px; background: #302119; border: 1px solid #4f3526; padding: 5px 19px; }
#modal-container .d-admin-classroom .d-tab-contents a.btn.dark:hover{ background: #4f3526; }
#modal-container .d-admin-classroom .d-tab-contents a.btn.dark.disabled:hover{ background: #302119; }
#modal-container .d-admin-classroom .d-tab-contents a.btn.disabled{ opacity: .5;  }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content { display: none; }

/* admin classroom */
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-class .d-header .main-title{ color: #606060; text-align: left; padding-top: 20px; padding-left: 40px; text-transform: uppercase; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-class .input-field{ text-align: left; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-class input,
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-class select{ width: 370px; height: 30px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-class .label{ padding-top: 25px; text-align: right; width: 200px; color: #614431;}
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-class .d-image-container { cursor: pointer; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-class .d-image-container .d-image-upload { width: 110px; height: 110px; background: url(img/ico-add-image.png); margin: 0 auto;     background-size: 100%;background-position: center; background-repeat: no-repeat;    border-radius: 50%; border: 2px solid brown; background-color: sienna;}
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-class .d-image-container span{ display: block; padding-left: 13px; padding-top: 10px; color: #8b8b8b; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-class .row{ margin-bottom: 0px; display: block;}
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-class .col{ display: inline-block;  }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-class .input-field { width: 380px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-class .select-wrapper input.select-dropdown { padding-left: 10px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-class .row.d-footer{ margin-top: 20px; padding-top: 15px; padding-bottom: 15px;     text-align: right; padding-right: 46px;}
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-class .row.d-footer .btn-submit{  }

/* admin teachers */
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers {}
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-header { margin-top: 15px; margin-bottom: 0; text-align: left; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-header .title{ color: #606060; text-align: left; padding-left: 40px; text-transform: uppercase; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-header .btn-import{ float: right; margin-right: 19px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-add-student { padding-bottom: 5px; margin-top: 20px; text-align: left; padding-left: 30px;}
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-add-student .input-field{ display: inline-block; width: 453px; margin-right: 20px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-add-student .input-field input{ width: 450px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-add-student a{ display: inline-block; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-list { position: relative; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-list .amount-teachers{ color: #000; padding-top: 14px; height: 34px; padding-left: 25px; background: #e2d1b4; text-align: left; margin: 20px; margin-top: 10px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-list .linked{ padding-top: 5px; position: absolute; height: 35px; padding-right: 35px; width: 435px; top: 348px; left: 220px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-list .linked span{ float:left; color: #000; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-list .linked .connect-progress{ margin-top: 3px; float:right; height: 25px; width: 200px; height: 13px; border: 3px solid #7e4524; border-radius: 3px; }

#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-list ul.collection{ width: 613px; height: 275px; overflow-y: auto; margin-left: 34px; list-style: none; margin: 0px 0px 0px 38px; padding: 0; border-top: 1px solid #dedede; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-list ul.collection .collection-item{ text-align: left; width: 100%; height: 65px; padding: 0; position: relative; border-bottom: 1px solid #dedede; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-list ul.collection .collection-item .student { display: block;  }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-list ul.collection .collection-item .student .icon{ width: 55px; height: 58px; background: url(img/ico-detective.png); position: absolute; top: 5px; left: 5px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-list ul.collection .collection-item .student .icon.circle{ width: 50px; height: 50px;  border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; display: inline-block; border: 2px solid #684730; background-position: center; background-size: 100%; background-repeat: no-repeat; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-list ul.collection .collection-item .student span{ position: absolute; top: 20px; left: 80px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-list ul.collection .collection-item .actions { position: absolute; top: 10px; right: 10px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-list ul.collection .collection-item .actions .icon-action{ display: inline-block; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-list ul.collection .collection-item .actions .icon-action.remove{ width: 29px; height: 34px; background: url(img/ico_remove.png); }

#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-list ul.collection .collection-item.s-linked .student .tooltipped { display: block;  color: silver; font-size: .8em; line-height: .8em; position: absolute; top: 41px; left: 79px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-list ul.collection .collection-item:last-child{ border-bottom: 1px solid #e0e0e0 }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-list ul.collection .collection-item:hover{ background: #f0f0f0; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-selector { position: absolute; z-index: 3; top: 45px; border-radius: 3px; border: 2px solid #903500; background: #fffbf3; width: 450px; left: 38px; height: 360px;  }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-selector .d-list{ position: relative; overflow-y: auto; margin: 3px; height: 355px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-selector .d-close{ width: 24px; height: 24px; background: url(img/school/bt-close.png) no-repeat; background-position: center; position: absolute; top: -30px; right: 0px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-selector .collection-item { display: block; position: relative; height: 60px; border-bottom: 1px solid #dedede;}
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-selector .collection-item .student { text-align: left; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-selector .collection-item .student .icon{ width: 55px; height: 58px; background: url(img/ico-detective.png); position: absolute; top: 5px; left: 5px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-selector .collection-item .student .icon.circle{ width: 50px; height: 50px;  border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; display: inline-block; border: 2px solid #684730; background-position: center; background-size: 100%; background-repeat: no-repeat; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-selector .collection-item .student span{ position: absolute; top: 10px; left: 80px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-selector .collection-item .student span.teacher-username{ top: 33px; font-size: 12px; color: darkred;  }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-selector .collection-item .actions { position: absolute; top: 10px; right: 10px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-selector .collection-item .actions .icon-action{ display: inline-block; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-teachers .d-selector .collection-item .actions .icon-action.add{ width: 24px; height: 24px; background: url(img/school/ico-add.png); }

/* admin students */
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students {}
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-header { margin-top: 15px; margin-bottom: 0; text-align: left; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-header .title{ color: #606060; text-align: left; padding-left: 40px; text-transform: uppercase; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-header .btn-import{ float: right; margin-right: 19px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-add-student { border-bottom: 1px solid #eeeeee; padding-bottom: 10px; margin-top: 20px; text-align: left; padding-left: 30px;}
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-add-student .input-field{ display: inline-block; width: 453px; margin-right: 20px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-add-student .input-field input{ width: 450px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-add-student a{ display: inline-block; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-list { position: relative; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-list .amount-students{ color: #000; padding-top: 14px; height: 34px; padding-left: 25px; background: #e2d1b4; text-align: left; margin: 20px; margin-top: 10px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-list .linked{ padding-top: 5px; position: absolute; height: 35px; padding-right: 35px; width: 435px; top: 348px; left: 220px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-list .linked span{ float:left; color: #000; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-list .linked .connect-progress{ margin-top: 3px; float:right; height: 25px; width: 200px; height: 13px; border: 3px solid #7e4524; border-radius: 3px; }

#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-list ul.collection{ width: 613px; height: 282px; overflow-y: auto; margin-left: 34px; list-style: none; margin: 0px 0px 0px 38px; padding: 0; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item{ text-align: left; width: 100%; height: 65px; padding: 0; position: relative; border-bottom: 1px solid #dedede; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item .student { display: block;  }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item .student .icon{ width: 55px; height: 58px; background: url(img/ico-detective.png); position: absolute; top: 5px; left: 5px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item .student .icon.circle{ width: 50px; height: 50px;  border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; display: inline-block; border: 2px solid #684730; background-position: center; background-size: 100%; background-repeat: no-repeat; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item .student span{ position: absolute; top: 15px; left: 80px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item .student span.username{ top: 39px; color: #ca3b2f;    font-family: special_elite; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item .actions { position: absolute; top: 10px; right: 10px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item .actions .icon-action{ display: inline-block; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item .actions .icon-action.code{ width: 35px; height: 35px; background: url(img/ico_key.png); }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item .actions .icon-action.config{ width: 29px; height: 29px; background: url(img/ico_config2.png); }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item .actions .icon-action.remove{ width: 29px; height: 34px; background: url(img/ico_remove.png); }

#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item.s-linked .student .tooltipped { display: block;  color: silver; font-size: .8em; line-height: .8em; position: absolute; top: 41px; left: 79px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item:last-child{ border-bottom: 1px solid #e0e0e0 }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-list ul.collection .collection-item:hover{ background: #f0f0f0; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-selector { position: absolute; z-index: 3; top: 45px; border-radius: 3px; border: 2px solid #903500; background: #fffbf3; width: 450px; left: 38px; height: 360px;  }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-selector .d-list{ position: relative; overflow-y: auto; margin: 3px; height: 355px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-selector .d-close{ width: 24px; height: 24px; background: url(img/school/bt-close.png) no-repeat; background-position: center; position: absolute; top: -30px; right: 0px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-selector .collection-item { display: block; position: relative; height: 60px; border-bottom: 1px solid #dedede;}
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-selector .collection-item .student { text-align: left; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-selector .collection-item .student .icon{ width: 55px; height: 58px; background: url(img/ico-detective.png); position: absolute; top: 5px; left: 5px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-selector .collection-item .student .icon.circle{ width: 50px; height: 50px;  border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; display: inline-block; border: 2px solid #684730; background-position: center; background-size: 100%; background-repeat: no-repeat; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-selector .collection-item .student span{ position: absolute; top: 10px; left: 80px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-selector .collection-item .student span.username{ top: 35px; color: #ca3b2f; font-family: special_elite; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-selector .collection-item .actions { position: absolute; top: 10px; right: 10px; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-selector .collection-item .actions .icon-action{ display: inline-block; }
#modal-container .d-admin-classroom .d-tab-contents .d-tab-content.d-students .d-selector .collection-item .actions .icon-action.add{ width: 24px; height: 24px; background: url(img/school/ico-add.png); }
/* END MODAL ADMIN CLASSROOM */

/* ADMIN SCHOOL REQUEST */
main .d-teacher-admin-requests-container { padding-top: 70px; } 
main .d-teacher-admin-requests-container .d-container { width: 750px; min-height: 400px; border: 5px solid #301809; margin: 0 auto; position: relative; z-index: 2; border-radius: 10px; background: #f9f8f5; }
main .d-teacher-admin-requests-container .d-container:before { content: ""; position: absolute; width: 86px; height: 24px; background: url(img/school/firulete.png); top: -6px; left: 50%; margin-left: -43px; }
main .d-teacher-admin-requests-container .d-container .d-title{ font-family: cinzel_decorative_700; font-size: 20px; margin: 20px 5px 5px 5px; text-align: center; }
main .d-teacher-admin-requests-container .d-container .d-text { font-size: 18px; text-align: center; }
main .d-teacher-admin-requests-container .d-container .d-list { position: relative; margin: 20px 0px 0px 0px;   }
main .d-teacher-admin-requests-container .d-container .d-list .empty-requests{ color: #86440b; text-align: center;  }
main .d-teacher-admin-requests-container .d-container .d-teacher { width: 720px; height: 80px; border-bottom: 1px solid #dedede; position: relative; margin-left: 13px; }
main .d-teacher-admin-requests-container .d-container .d-teacher .d-avatar{ position: absolute; top: 10px; left: 20px; }
main .d-teacher-admin-requests-container .d-container .d-teacher .d-name{ font-family: cinzel_decorative_700; font-size: 20px; position: absolute; top: 15px; left: 100px; color: #202020; }
main .d-teacher-admin-requests-container .d-container .d-teacher .d-username{ position: absolute; top: 45px; left: 100px; color: #9b4d1e; }
main .d-teacher-admin-requests-container .d-container .d-teacher .bt-confirm{ font-family: effloresce_bold; color: #FFF; background: #28a37c; border-radius: 15px; position: absolute; top: 20px; right: 25px; font-size: 18px; padding: 5px 20px; }
main .d-teacher-admin-requests-container .d-container .d-teacher .bt-reject{ font-family: effloresce_bold; color: #d45645; border: 2px solid #d45645; border-radius: 20px; position: absolute; top: 20px; right: 146px; font-size: 18px; padding: 4px 20px; }
/* ADMIN SCHOOL REQUEST */

/* ADMIN SCHOOL TOOLBAR SELECTION */
main .d-toolbar-selection { position: fixed; top: 0; left: 0; right: 0; z-index: 5; height: 63px; background: #345855; display: none;
                            -webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25);
                            -moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25); box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.25); border: 4px solid #c79a4c; border-radius: 3px; }
main .d-toolbar-selection .d-container{ float: left; width: 100%; height: 63px; }
main .d-toolbar-selection .d-container .d-info{ float: left; width: auto; height: 63px; line-height: 63px; margin-top: 0; margin-left: 10px; margin-right: 10px; color: #fff; font-size: 18px; }
main .d-toolbar-selection .d-container .d-action{ font-family: effloresce_bold; color: #FFF; background: #28a37c; border-radius: 15px; float: left; font-size: 18px; padding: 5px 10px; margin: 15px 5px 0px 5px; }
main .d-toolbar-selection .d-container .d-cancel { font-family: effloresce_bold; color: #FFF; border: 2px solid #FFF; background: transparent; border-radius: 20px; float: right; font-size: 18px; padding: 5px 10px; margin: 15px 10px 0px 5px; }
/* END ADMIN SCHOOL TOOLBAR SELECTION */

/* EXERCISE EDITOR */
#exercise-editor-container{ position: fixed; top: 0; left:0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); display: none; z-index: 11; }
#exercise-editor-container iframe{ display: block; width: 90%; height: 95%; z-index: 2; margin: 0 auto; margin-top: 1%; border: 0px; }
#exercise-editor-container .d-close-btn{ display: none; position: absolute; right: 10px; top: 10px; cursor: pointer; font-family: 'effloresce_bold'; text-align: center; width: 165px; height: 35px; background: url(img/bg_btn_wood.png); line-height: 31px; z-index: 3; }


/* COMETA LOADING */
#cometa_loading{position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;background: rgba(0,0,0,0.64);z-index: 999999; display: none;}
#cometa_loading img{top: -moz-calc(50% - 48px);top: -webkit-calc(50% - 40px);top: calc(50% - 48px);left: -moz-calc(50% - 54px);left: -webkit-calc(50% - 54px);left: calc(50% - 54px);position: absolute;}
#cometa_loading .d-progress{ position: fixed; top: 50%; left: 50%; color: #FFF; width: 200px; margin-left: -100px; text-align: center; margin-top: 60px; font-family: akaPosse; color: #d4c160; }

/* MODAL */
#modal-container{
    display: none;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 10;
}

#modal-container .block_bg{
    background: rgba(0,0,0,0.6);
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;	
    z-index: 4;
}

/* POPUP STYLES */
#modal-container .modal,
#modal-container .dialog-clasic,
#modal-container .dialog-generic{
    background-color: transparent;
    background-image: url(img/popup/top_left.png), url(img/popup/top_right.png), url(img/popup/bottom_left.png), url(img/popup/bottom_right.png);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: top left, top right, bottom left, bottom right;
    padding: 8px;
    z-index: 4;
    position: absolute;
    display: none;
}
#modal-container .dialog-generic.fixed{ position: fixed; top: 15px; bottom: 15px; left: 15px; right: 15px; }
#modal-container .dialog-generic.fixed .modal-content.wrap-dialog-popup { padding: 20px 20px 19px 20px !important; overflow-y: auto;}
#modal-container .dialog-generic.fixed #tyc{
    position: fixed; top: 30px; bottom: 80px; left: 40px; right: 30px; overflow-y: auto;
}
#modal-container .modal:before,
#modal-container .dialog-clasic:before,
#modal-container .dialog-generic:before{
    content: '';
    position: absolute;
    top: 0px;
    left: 11px;
    height: 8px;
    width: -moz-calc(100% - 22px);
    width: -webkit-calc(100% - 22px);
    width: calc(100% - 22px);
    background: url(img/popup/reply_x.png);
}
#modal-container .modal:after,
#modal-container .dialog-clasic:after,
#modal-container .dialog-generic:after{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 11px;
    height: 8px;
    width: -moz-calc(100% - 22px);
    width: -webkit-calc(100% - 22px);
    width: calc(100% - 22px);
    background: url(img/popup/reply_x.png);
}
#modal-container .modal .wrap-dialog-popup:before,
#modal-container .dialog-clasic .wrap-dialog-popup:before,
#modal-container .dialog-generic .wrap-dialog-popup:before{
    content: '';
    position: absolute;
    top: 11px;
    left: 0px;
    width: 8px;
    height: -moz-calc(100% - 22px);
    height: -webkit-calc(100% - 22px);
    height: calc(100% - 22px);
    background: url(img/popup/reply_y.png);
}

#modal-container .modal .wrap-dialog-popup:after,
#modal-container .dialog-clasic .wrap-dialog-popup:after,
#modal-container .dialog-generic .wrap-dialog-popup:after{
    content: '';
    position: absolute;
    top: 11px;
    right: 0px;
    width: 8px;
    height: -moz-calc(100% - 22px);
    height: -webkit-calc(100% - 22px);
    height: calc(100% - 22px);
    background: url(img/popup/reply_y.png);	
}

#modal-container .modal .wrap-dialog-popup,
#modal-container .dialog-clasic .wrap-dialog-popup,
#modal-container .dialog-generic .wrap-dialog-popup{
    background: url(img/popup/generic_bg.png) repeat;
    width: 100%;
    height: 100%;
    padding: 20px;
    border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    height: -moz-calc(100% - 40px);
    height: -webkit-calc(100% - 40px);
    height: calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    -moz-box-shadow: inset 0px 0px 16px #444444;
    -webkit-box-shadow: inset 0px 0px 16px #444444;
    box-shadow: inset 0px 0px 16px #444444;
}

#modal-container .dialog-generic .wrap-dialog-popup{
    padding: 20px 20px 35px 20px;
}

#modal-container .dialog-clasic .wrap-dialog-popup .title-dialog-popup{
    color: #3e2e20;
    font-size: 22px;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

#modal-container .dialog-generic .wrap-dialog-popup .title-dialog-popup{
    color: #301205;
    font-size: 18px;
    width: 100%;
    text-align: center;
    padding: 0px 0px 20px 0px;
    margin: 0px;	
    font-family:'cinzel_decorative_700',Sans-Serif;
}

#modal-container .dialog-clasic .wrap-dialog-popup .title-dialog-popup:before{
    content: '';
    position: absolute;
    top: -10px;
    width: 82px;
    height: 20px;
    left: -moz-calc(50% - 41px);
    left: -webkit-calc(50% - 41px);
    left: calc(50% - 41px);
    background: url(img/popup/space_sup.png) no-repeat;
}

#modal-container .dialog-clasic .wrap-dialog-popup > p,
#modal-container .dialog-generic .wrap-dialog-popup > p{
    margin: 0px;
    padding: 0px;
    overflow: auto;
    height: -moz-calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
    height: calc(100% - 50px);
}

#modal-container .height-auto{ height: auto ! important; }
#modal-container .height-auto .modal-content{ height: auto ! important; }
#modal-container .height-auto .modal-content p{ height: auto ! important; }

#modal-container .dialog-clasic .wrap-dialog-popup nav,
#modal-container .dialog-generic .wrap-dialog-popup nav{
    background: url(img/popup/nav_bg.png) repeat-x;
    height: 54px;
    position: absolute;
    bottom: -1px;
    left: 8px;
    width: -moz-calc(100% - 29px);
    width: -webkit-calc(100% - 29px);
    width: calc(100% - 29px);
    padding: 9px 13px 0px 0px;
}

#modal-container .dialog-clasic .wrap-dialog-popup nav .button-classic-orange,
#modal-container .dialog-generic .wrap-dialog-popup nav .button-classic-orange{
    position: relative;
    float: right;
    font-family: "effloresce_bold",sans-serif;
    font-size: 18px;
    color: #ffffff;
    height: 39px;
    border: 0px none;
    cursor: pointer;
    background: url(img/popup/button_orange_center.png) repeat-x;
    margin: 0px 20px;
    padding: 0px 20px;
}

#modal-container .dialog-clasic .wrap-dialog-popup nav .button-classic-orange:before,
#modal-container .dialog-generic .wrap-dialog-popup nav .button-classic-orange:before{
    content: "";
    width: 37px;
    height: 40px;
    background: url(img/popup/button_orange_left.png) no-repeat;
    position: absolute;
    left: -20px;
    top: 0px;
    cursor: pointer;
}

#modal-container .dialog-clasic .wrap-dialog-popup nav .button-classic-orange:after,
#modal-container .dialog-generic .wrap-dialog-popup nav .button-classic-orange:after{
    content: "";
    width: 37px;
    height: 40px;
    background: url(img/popup/button_orange_right.png) no-repeat;
    position: absolute;
    right: -37px;
    top: 0px;
    cursor: pointer;
}

#modal-container .dialog-clasic .wrap-dialog-popup nav .button-classic-onlytext,
#modal-container .dialog-generic .wrap-dialog-popup nav .button-classic-onlytext{
    position: relative;
    float: right;
    font-family: "effloresce_bold",sans-serif;
    font-size: 18px;
    color: #282013;
    height: 39px;
    border: 0px none;
    cursor: pointer;
    margin: 0px 20px;
    padding: 0px;
    background: transparent;
}

/* POPUP CUSTOMS */
#modal-container #popup-aviso-legal{
    width: 685px;
    height: 570px;
}

#modal-container #modal-confirm{
    width: 400px;
    height: auto;
    padding-bottom: 60px;
}
#modal-container #modal-cookie-confirm{
    width: 400px;
    height: auto;
    padding-bottom: 60px;
}
#modal-container #modal-cookie-confirm a{
    text-decoration: none;
    color:#6a110f !important;
}
#modal-container #modal-info{
    width: 700px;
    height: 90%;
    padding-bottom: 60px;
}

#modal-container .dialog-clasic .wrap-dialog-popup nav a.button-classic-orange,
#modal-container .dialog-generic .wrap-dialog-popup nav a.button-classic-orange{
    height: 33px;
    padding-top: 7px;
    border-radius: 0px;
    -ms-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
}

#modal-container .dialog-clasic .wrap-dialog-popup nav a.button-classic-onlytext,
#modal-container .dialog-generic .wrap-dialog-popup nav a.button-classic-onlytext{height: 33px;padding-top: 7px;}
main .d-teacher-classroom-project .d-classroom-project-content .container-project-html .d-card-project{text-align: inherit;box-sizing: border-box;width: 100%;}

/* MODAL PERSONAJE */
#modal-container .d-modal-personaje { background: url(img/minisite/popup_datos.png); width: 680px; height: 585px; }
#modal-container .d-modal-personaje:after,
#modal-container .d-modal-personaje:before{ background: none; }
#modal-container .d-modal-personaje .wrap-dialog-popup{ background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: relative; }
#modal-container .d-modal-personaje .wrap-dialog-popup:after,
#modal-container .d-modal-personaje .wrap-dialog-popup:before{ background: none; }
#modal-container .d-modal-personaje .modal-body .d-cromo-close{ cursor: pointer; position: absolute; top: 64px; right: 14px; width: 37px; height: 37px; background: url(img/case/btn-close.png); }
#modal-container .d-modal-personaje .modal-body .d-cromo-close:hover{ background: url(img/case/btn-close-hover.png); }
#modal-container .d-modal-personaje .modal-body .d-personaje-name{ font-family: 'akaPosse'; position: absolute; top: 93px; left: 294px; font-size: 35px; text-align: center; width: 207px; color: #3c3807; text-shadow: rgb(223, 201, 152) 2px 3px 4px;}
#modal-container .d-modal-personaje .modal-body .d-personaje-description{ font-family: 'special_elite'; font-size: 16px; line-height: 21px; overflow-y: auto; position: absolute; top: 240px; left: 70px; right: 45px; bottom: 60px; }
#modal-container .d-modal-personaje .modal-body .d-personaje-image{ width: 189px; height: 187px; position: absolute; top: 5px; left: 31px; background: url(img/minisite/popup_Aristide.png); }
#modal-container .d-modal-personaje .modal-body .d-personaje-image.p0{ background: url(img/minisite/popup_Helena.png); }
#modal-container .d-modal-personaje .modal-body .d-personaje-image.p1{ background: url(img/minisite/popup_Axel.png); }
#modal-container .d-modal-personaje .modal-body .d-personaje-image.p2{ background: url(img/minisite/popup_Zinca.png); }
#modal-container .d-modal-personaje .modal-body .d-personaje-image.p3{ background: url(img/minisite/popup_Ciro.png); }
#modal-container .d-modal-personaje .modal-body .d-personaje-image.p4{ background: url(img/minisite/popup_Oto.png); }
#modal-container .d-modal-personaje .modal-body .d-personaje-image.p5{ background: url(img/minisite/popup_Aristide.png); }
/* END MODAL PERSONAJE */

/* CASE */
.wrap-content-case{width: 1000px;margin: 25px auto;font-family: Times New Roman;}
.wrap-content-case section{clear: both;width: 100%;}
.wrap-content-case section.d-block.d-block-disabled{ opacity: .5; }
.wrap-content-case section .section-controller{ font-size: 20px; margin-bottom: 10px; font-family: 'effloresce_bold'; position: relative; }
.wrap-content-case section .section-controller label{ padding: 4px 5px 5px 37px; }
.wrap-content-case section .section-controller .btn-config{ 
    width: 28px;
    height: 28px;
    background: url(img/classroom-project/btn-config.png);
    float: right;
    position: relative;
 }
.wrap-content-case section .section-controller .dropdown{ position: absolute; display: none; right: -31px; left: auto ; z-index: 2; }
.wrap-content-case section .section-controller .dropdown ul{ list-style:  none; margin: 0; padding: 0;  }
.wrap-content-case section .section-controller .dropdown ul li { margin: 0px 10px 0px 10px; padding: 10px; cursor: pointer; text-align: center; font-size: 16px; }
.wrap-content-case section .section-controller .dropdown ul li::before { content: ' '; }
.wrap-content-case section .section-controller .dropdown ul li a { color: #000; text-decoration: none; font-family: 'effloresce_bold'; }
.wrap-content-case section .section-controller .dropdown ul li:hover:not(.divider){ background: #4e1d00; }
.wrap-content-case section .section-controller .dropdown ul li:hover a{ color: #FFF; }
.wrap-content-case section .section-controller .dropdown ul li.divider{ background: url(img/bg_header_dd_separator.png) 0px 8px no-repeat; background-size: 100%; }
.wrap-content-case section .section-controller .wrap-content-case section .section-controller .dropdown-content { position: relative; width: 130px; background: url(img/bg_more_middle.png) repeat-y; }
.wrap-content-case section .section-controller .dropdown.big .dropdown-content { width: 181px; background: url(img/classroom-project/dd_med.png) repeat-y; }
.wrap-content-case section .section-controller .dropdown-content::before,
.wrap-content-case section .section-controller .dropdown-content::after{ content: ' '; position: absolute; width: 130px; left: 0; }
.wrap-content-case section .section-controller .dropdown-content::before{ background: url(img/bg_more_top.png) no-repeat; height: 25px; top: -25px; }
.wrap-content-case section .section-controller .dropdown-content::after{ background: url(img/bg_more_bottom.png) no-repeat; height: 23px; bottom: -23px; }
.wrap-content-case section .section-controller .dropdown.big .dropdown-content::before,
.wrap-content-case section .section-controller .dropdown.big .dropdown-content::after{ content: ' '; position: absolute; width: 181px; left: 0; }
.wrap-content-case section .section-controller .dropdown.big .dropdown-content::before{ background: url(img/classroom-project/dd_sup.png) no-repeat; height: 25px; top: -25px; }
.wrap-content-case section .section-controller .dropdown.big .dropdown-content::after{ background: url(img/classroom-project/dd_inf.png) no-repeat; height: 23px; bottom: -23px; }
.wrap-content-case section.title-principal{font-family: 'OldLondon',Sans-Serif;font-size: 72px;color: #2f1b14;text-align: center; margin: 0; padding: 0;}
.wrap-content-case section.title-principal p{margin: 0; padding: 0;}
.wrap-content-case section.subtitle-center{font-family: Times New Roman;font-size: 18px;color: #34201a;text-align: center;}
.wrap-content-case section.separator-bar0{width: 100%;height: 1px;background: #331e19;margin: 10px 0px;border-bottom: 1px solid #c1ae9e;border-top: 1px solid #655148;}
.wrap-content-case section.separator-article{width: 100%; height: 10px;margin: 15px 0px; border-width: 0px 0px 2px 0px; border-style: solid; border-color: #331e19; text-align: center; position: relative;}
.wrap-content-case section.separator-article:hover { cursor: pointer; }
.wrap-content-case section.separator-article .add-block{ visibility: hidden; width: 31px; height: 31px; background: url(img/ico-more.png) no-repeat; display: inline-block; background-color: #FFF; margin-top: -3px; }
.wrap-content-case section.separator-article:hover .add-block{ visibility: visible; }
.wrap-content-case section.separator-article .d-card .dropdown{ visibility: visible; z-index: 2; top: 50px; left: 50%; margin-left: -98px; }
.wrap-content-case .title-borrador{ display: none; font-family: 'Top_Secret',Sans-Serif;font-size: 34px;color: #b11717; float: left;-ms-transform: rotate(-11deg);-webkit-transform: rotate(-11deg);transform: rotate(-11deg);width: auto;    margin-top: 20px; position: absolute; top: 0px; margin-left: -40px;}

/* SECTION ARTICLE PRINCIPAL */
.wrap-content-case section.article-principal{padding: 20px 15px 15px 15px;}
.wrap-content-case section.article-principal p{padding: 0px; margin: 0; }
.wrap-content-case section.article-principal .title-article{font-family: 'impact',Sans-Serif;font-size: 65px;color: #37231f;line-height: 65px;text-align: left;}
.wrap-content-case section.article-principal .sub-title-article{ font-style: italic; font-family: Times New Roman;font-size: 20px;color: #2b1205;padding: 30px 0px 60px 0px;display: block;text-align: left!important;}
.wrap-content-case section.article-principal .wrap-image-article{float: right; padding: 0px 0px 30px 30px; position: relative; max-width: 700px; max-height: 450px; overflow: hidden; }
.wrap-content-case section.article-principal .wrap-image-article img{ float:right; max-height: 440px; max-width: 710px;}
.wrap-content-case section.article-principal .wrap-image-article:after{ content: 'Actualizar imagen'; position: absolute; top: 30px; right: 20px; display: none; font-size: 18px; font-family: 'special_elite'; color: #FFF; text-shadow: 1px 1px 4px #000; }
.wrap-content-case.editing section.article-principal .wrap-image-article:hover:after{ display: block; }
.wrap-content-case.editing section.article-principal .wrap-image-article:hover { cursor: pointer; }
.wrap-content-case.editing section.article-principal .wrap-image-article:hover img{ opacity: .7; }
.wrap-content-case section.article-principal .wrap-image-article .text-image-article{float: right;font-size: 18px;font-style: italic;	color: #2b1205;font-family: Times New Roman;}
.wrap-content-case section.article-principal .text-article{color: #2b1205;font-family: "Times New Roman";font-size: 20px;text-align: justify !important;-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;display: inline-block;}
.wrap-content-case section.article-principal .text-article.ck-html{ display: inline; width: 100%; }

/* SECTION ARTICLE VIDEO */
.wrap-content-case section.article-video{color: #2b1205;font-family: Times New Roman;padding: 5px 15px 15px 15px;box-sizing: border-box;}
.wrap-content-case section.article-video .wrap-video-article{float: left;padding: 0px 35px 35px 0px;}
.wrap-content-case section.article-video .wrap-video-article iframe{ border: 1px solid #c1b78e; border-radius: 5px; background:url(img/ico-play.png) no-repeat;  background-position: 295px 160px; }
.wrap-content-case section.article-video .wrap-video-article .video-url-container{ margin: 20px 0 0 0; }
.wrap-content-case section.article-video .wrap-video-article .video-url-container input{ width: 620px; }
.wrap-content-case section.article-video .title-video-article{font-family: 'impact',Sans-Serif;font-size: 36px;color: #311d18;line-height: 35px;text-align: left;padding-bottom: 15px;display: block;}
.wrap-content-case section.article-video .text-video-article{color: #2b1205;font-family: Times New Roman;font-size: 20px;text-align: left;display: block;}

/* SECTION ARTICLE BOOK CASE */
.wrap-content-case section.article-book-case{color: #311d18;font-family: Times New Roman;padding: 5px 15px 15px 15px;box-sizing: border-box;font-size: 20px;}
.wrap-content-case section.article-book-case .title-book-case{font-family: 'impact',Sans-Serif;font-size: 45px;color: #311d18;line-height: 40px;text-align: center;width: 100%;padding-bottom: 30px;display: block;}
.wrap-content-case section.article-book-case .title-book-case p{margin:0; padding:0;}
.wrap-content-case section.article-book-case .download-book-case{background: url("img/case/rectangle_book_download.png") no-repeat top right;width: 473px;height: 226px;float: right;padding: 0px 0px 35px 35px;}
.wrap-content-case section.article-book-case .download-book-case img{float: left;padding: 25px 20px 10px 30px; max-width: 77px; min-height: 119px; }
.wrap-content-case section.article-book-case .download-book-case h4{float: left;margin: 0px;padding: 28px 20px 15px 0px;font-family: 'cinzel_decorative_bold',Sans-Serif;color: #291910;font-size: 30px;width: 170px;line-height: 35px;}
.wrap-content-case section.article-book-case .download-book-case a{background: url(img/case/link_center.png) repeat-x;clear: both;color: #2c1712;float: left;font-family: Times New Roman;font-size: 18px;line-height: 48px;margin: 0px 0px 0px 43px;text-align: center;text-decoration: none;width: 387px;position: relative;padding-bottom: 4px;outline: none;     z-index: 2;}
.wrap-content-case section.article-book-case .download-book-case a:before{content: '';background: url(img/case/link_left.png) no-repeat;width: 16px;height: 53px;position: absolute;top: 0px;left: -16px;}
.wrap-content-case section.article-book-case .download-book-case a:after{content: '';background: url(img/case/link_right.png) no-repeat;width: 16px;height: 53px;position: absolute;top: 0px;right: -16px;}
.wrap-content-case section.article-book-case p{margin: 0px;padding: 0px;}.wrap-content-case section.article-book-case ul{margin: 0px;padding: 20px 0px;width: 480px;}
.wrap-content-case section.article-book-case ul li{list-style-type: none;position: relative;padding-left: 20px;line-height: 27px;}
.wrap-content-case section.article-book-case ul li:before{ content:'\00b7';font-size: 100px; color: #311d18;position: absolute;top: 0px;left: -11px;}

/* SECTION ARTICLE WANTED */
.wrap-content-case section.article-wanted{color: #311d18;font-family: Times New Roman;padding: 5px 0px; box-sizing: border-box;font-size: 20px; position: relative; }
.wrap-content-case section.article-wanted .title-wanted{font-family: 'impact',Sans-Serif;font-size: 45px;color: #311d18;line-height: 40px;text-align: center;width: 100%;padding-bottom: 30px;display: block;}
.wrap-content-case section.article-wanted .title-wanted p{margin:0; padding: 0;}
.wrap-content-case section.article-wanted .sub-title-wanted{font-size: 20px;color: #2b1205;line-height: 25px;text-align: center;width: 90%;padding-bottom: 30px;display: block;font-family: Times New Roman;}
.wrap-content-case section.article-wanted .sub-title-wanted p{margin:0; padding:0;}
.wrap-content-case section.article-wanted ul{margin: 0px;padding: 0px;text-align: left;}
.wrap-content-case section.article-wanted ul li:not(.dd){padding: 3px;list-style-type: none;display: inline-block;margin: 35px 11px 0px;width: 210px;height: 295px;background: url(img/case/center_bg.png) repeat;outline: 2px solid #2c1813;-moz-box-shadow: 3px 3px 4px #111111;-webkit-box-shadow: 3px 3px 4px #111111;box-shadow: 3px 3px 4px #111111;}
.wrap-content-case section.article-wanted ul li > div{border: 2px dotted #2c1813;box-sizing: border-box;float: left;width: 100%;height: 100%;position: relative;}
.wrap-content-case section.article-wanted ul li > div > div.title{font-family: "akaPosse",Sans-Serif;font-size: 30px; color: #311d18;width: 165px;display: block;margin: 0 auto;position: relative;text-align: center;}
.wrap-content-case section.article-wanted ul li > div > div.title:after{content: '';position: absolute;top: 9px;left: 0px;width: 20px;height: 19px;background: url(img/case/star.png) no-repeat;}
.wrap-content-case section.article-wanted ul li > div > div.title:before{content: '';position: absolute;top: 9px;right: 0px;width: 20px;height: 19px;background: url(img/case/star.png) no-repeat;}
.wrap-content-case section.article-wanted ul li > div > div.image{text-align: center;}
.wrap-content-case section.article-wanted ul li > div > div.name{text-align: center;font-family:'effloresce_bold',Sans-Serif;color: #311d18; font-size: 18px;width: 165px;margin: 0px auto;padding-top: 15px;}
.wrap-content-case section.article-wanted ul li > div > div.points{bottom: 0;display: block;left: 40px;margin: 0 auto;position: absolute;text-align: center;width: 120px;}
.wrap-content-case section.article-wanted ul li > div > div.points span:first-child{font-family: "akaPosse",Sans-Serif;font-size: 36px; color: #37231f;line-height: 36px;}
.wrap-content-case section.article-wanted ul li > div > div.points span:last-child{font-family: "akaPosse",Sans-Serif;font-size: 20px; color: #37231f;border-top: 3px solid #2b150f;}
.wrap-content-case section.article-wanted ul li > div > div.points:after{content: '';position: absolute;top: 22px;left: 0px;width: 20px;height: 19px;background: url(img/case/star.png) no-repeat;}
.wrap-content-case section.article-wanted ul li > div > div.points:before{content: '';position: absolute;top: 22px;right: 0px;width: 20px;height: 19px;background: url(img/case/star.png) no-repeat;}

.wrap-content-case { width: 1000px; margin: 25px auto; }
.wrap-content-case .d-cromos-container { text-align: left; }
.wrap-content-case .btn-print-cromos{ 
    display: block;
    width: 48px;
    height: 48px;
    background: url(img/bt_print.png) no-repeat;
    color: #2b1810;
    font-size: 18px;
    line-height: 40px;
    font-family: 'effloresce_bold';
    text-align: center;
    padding-left: 10px;
    display: inline-block;
    position: absolute;
    top: 80px;
    right: 0px;
 }
.wrap-content-case .d-cromos-container .d-cromo { cursor: pointer; position: relative; display: inline-block; width: 326px; height: 522px; background: url(img/case/bg-cromo.png) no-repeat; margin-right: 3px; margin-left: 3px; }
.m-home.d-student .wrap-content-case .d-cromos-container .d-cromo { cursor: default;  }
.wrap-content-case .d-cromos-container .d-cromo .d-cromo-pic{ position: absolute; z-index:2; top: 36px; left: 93px; border-radius: 10px; width: 140px; height: 240px; background-repeat: no-repeat; background-position: center; background-size: 100%; }
.wrap-content-case .d-cromos-container .d-cromo .d-cromo-points{ position: absolute; z-index:3; top: 257px; left: 115px; border-radius: 10px; width: 98px; height: 96px; background: url(img/case/bg-cromo-points.png) no-repeat; font-family: 'akaPosse'; text-align: center; line-height: 24px; padding-top: 26px; }
.wrap-content-case .d-cromos-container .d-cromo .d-cromo-points .d-cromo-points-text{ font-size: 38px; color: #beae74; }
.wrap-content-case .d-cromos-container .d-cromo .d-cromo-points .d-cromo-points-title{ font-size: 18px; color: #ede4c3; }
.wrap-content-case .d-cromos-container .d-cromo .d-cromo-title{ position: absolute; top: 360px; left: 25px; right: 25px; font-family: 'cinzel_decorative_700'; color: #3d3414; font-size: 24px; text-align: center; line-height: 35px; }
.wrap-content-case .d-cromos-container .d-cromo .d-cromo-edit-btn{ display: none; cursor: pointer; position: absolute; top: 445px; left: 100px; color: #2b1810; font-size: 18px; text-align: center; line-height: 24px; width: 124px; height: 42px; background: url(img/case/btn-cromo.png); line-height: 40px; font-weight: bold; }
.wrap-content-case.editing .d-cromos-container .d-cromo .d-cromo-edit-btn{ display: block; }
.wrap-content-case .d-cromos-container .d-cromo .d-cromo-description{ display: none; }
.wrap-content-case .d-cromos-container .d-cromo.add { opacity: .3; cursor: pointer; }
.wrap-content-case .d-cromos-container .d-cromo.add:hover { opacity: .5; }
.wrap-content-case .d-cromos-container .d-cromo.add .d-cromo-points .d-cromo-points-text{ font-size: 68px; }
.wrap-content-case .d-cromos-container .d-cromo.add .d-cromo-add-btn{ cursor: pointer; position: absolute; top: 445px; left: 100px; color: #2b1810; font-size: 18px; text-align: center; line-height: 24px; width: 124px; height: 42px; background: url(img/case/btn-cromo.png); line-height: 40px; font-weight: bold; }

#modal-container .d-modal-cromo { background: url(img/case/cromo-edit-bg.png); width: 770px; height: 500px; }
#modal-container .d-modal-cromo:after,
#modal-container .d-modal-cromo:before{ background: none; }
#modal-container .d-modal-cromo .wrap-dialog-popup{ background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: relative; }
#modal-container .d-modal-cromo .wrap-dialog-popup:after,
#modal-container .d-modal-cromo .wrap-dialog-popup:before{ background: none; }
#modal-container .d-modal-cromo .modal-body .d-cromo-close{ cursor: pointer; position: absolute; top: 4px; right: 9px; width: 37px; height: 37px; background: url(img/case/btn-close.png); }
#modal-container .d-modal-cromo .modal-body .d-cromo-close:hover{ background: url(img/case/btn-close-hover.png); }
#modal-container .d-modal-cromo .modal-body .d-cromo-image{ position: absolute; z-index: 2; top: 45px; left: 71px; width: 247px; height: 400px; background-repeat: no-repeat; background-position: center; background-size: cover; }
#modal-container .d-modal-cromo .modal-body .d-cromo-title{ position: absolute; top: 50px; left: 490px; right: 45px; font-family: 'cinzel_decorative_700'; color: #3d3414; font-size: 24px; text-align: left; line-height: 29px; height: 70px; overflow: hidden; }
#modal-container .d-modal-cromo .modal-body .d-cromo-description{ position: absolute; top: 181px; left: 422px; right: 50px; bottom: 95px; font-family: 'special_elite'; color: #3d3414; font-size: 18px; text-align: left; line-height: 24px; overflow-y: auto; overflow-x: hidden; }
#modal-container .d-modal-cromo .modal-body .d-cromo-points-number{ position: absolute; top: 54px; left: 392px; width: 90px; font-family: 'akaPosse'; text-align: center; font-size: 38px; color: #beae74; }
#modal-container .d-modal-cromo .modal-body .d-cromo-points-label{ position: absolute; top: 89px; left: 392px; width: 86px; font-family: 'akaPosse'; text-align: center; font-size: 18px; color: #ede4c3; }
#modal-container .d-modal-cromo .modal-body .btn-circle{ width: 42px; height: 42px; background: url(img/case/btn-arrow.png); cursor: pointer; }
#modal-container .d-modal-cromo .modal-body .d-cromo-image-next{ position: absolute; z-index:3; bottom: 51px; left: 213px; }
#modal-container .d-modal-cromo .modal-body .d-cromo-image-prev{ position: absolute; z-index:3; bottom: 51px; left: 142px; -moz-transform: scaleX(-1);
                                                                 -o-transform: scaleX(-1);
                                                                 -webkit-transform: scaleX(-1);
                                                                 transform: scaleX(-1);
                                                                 filter: FlipH;
                                                                 -ms-filter: "FlipH";}
#modal-container .d-modal-cromo .modal-body .d-cromo-points-up{ position: absolute; z-index:3; top: 18px; right: 311px; 
                                                                -ms-transform: rotate(270deg); /* IE 9 */
                                                                -webkit-transform: rotate(2780deg); /* Chrome, Safari, Opera */
                                                                transform: rotate(270deg);}
#modal-container .d-modal-cromo .modal-body .d-cromo-points-down{ position: absolute; z-index:3; top: 110px; right: 311px; 
                                                                  -ms-transform: rotate(90deg); /* IE 9 */
                                                                  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
                                                                  transform: rotate(90deg);}
#modal-container .d-modal-cromo .modal-footer{ position: absolute; bottom: 17px; left: 40px; right: 40px; text-align: right; } 
#modal-container .d-modal-cromo .modal-footer .btn-eliminar{ float: left; margin-top: 6px; } 
#modal-container .d-modal-cromo .modal-footer .btn-cancelar{ border: 1px solid #44240d; color: #44240d; border-radius: 20px; padding: 5px 15px; } 
#modal-container .d-modal-cromo .modal-footer .btn-cancelar:hover{ border: 1px solid #663c1d; color: #663c1d; } 
#modal-container .d-modal-cromo .modal-footer.message{ position: absolute; bottom: 27px; left: 40px; right: 40px; text-align: right; } 
#modal-container .d-modal-cromo .modal-footer .d-title{ float: left; font-family: akaPosse; font-size: 22px; color: #3e301e; } 
#modal-container .d-modal-cromo .modal-footer .d-message{ float: right; font-size: 16px; line-height: 31px; color: #4b1f04; font-weight: bold; }

/* MODAL FEEDBACK STUDENT */
#modal-container .d-modal-task-feedback { background: url(img/classroom-project-activity/feedback-bg.png); width: 670px; height: 475px; }
#modal-container .d-modal-task-feedback:after,
#modal-container .d-modal-task-feedback:before{ background: none; }
#modal-container .d-modal-task-feedback .wrap-dialog-popup{ background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: relative; }
#modal-container .d-modal-task-feedback .wrap-dialog-popup:after,
#modal-container .d-modal-task-feedback .wrap-dialog-popup:before{ background: none; }
#modal-container .d-modal-task-feedback .modal-body { text-align: center; }
#modal-container .d-modal-task-feedback .modal-body .d-cromo{ width: 240px; height: 310px; position: relative; display: none; vertical-align: top; }
#modal-container .d-modal-task-feedback .modal-body.with-cromo .d-cromo{ display: inline-block;}
#modal-container .d-modal-task-feedback .modal-body .d-cromo .d-title{ font-family: akaPosse; font-size: 30px; color: #6b4027; margin-top: 40px; }
#modal-container .d-modal-task-feedback .modal-body .d-cromo .d-message{ font-family: special_elite; color: #6b4027; font-size: 18px; margin: 20px; }
#modal-container .d-modal-task-feedback .modal-body .d-cromo .d-image-cromo{ width: 100px; height: 150px; background-size: 100% 100%; display: inline-block; } 
#modal-container .d-modal-task-feedback .modal-body .d-cromo .d-image-cromo.no-cromo{ width: 80px; } 
#modal-container .d-modal-task-feedback .modal-body .d-calification{ display: inline-block; width: 626px; height: 310px; position: relative; vertical-align: top; }
#modal-container .d-modal-task-feedback .modal-body.with-cromo .d-calification{ width: 240px; }
#modal-container .d-modal-task-feedback .modal-body .d-calification .d-nota{ font-family: Top_Secret_Stamp; font-size: 18px; text-transform: uppercase; border: 3px solid; padding: 4px; border-radius: 5px; display: inline-block; margin-top: 50px; }
#modal-container .d-modal-task-feedback .modal-body .d-calification .d-message{ font-family: special_elite; color: #6b4027; font-size: 18px; margin: 20px; }
#modal-container .d-modal-task-feedback .modal-body .d-calification .d-points{ display: inline-block; width: 196px; height: 117px; position: relative; background: url(img/classroom-project-activity/feedback-points.png); }
#modal-container .d-modal-task-feedback .modal-body .d-calification .d-points .d-number{ position: absolute; top: 23px; left: 70px; font-family: akaPosse; font-size: 41px; color: #6b4027; -webkit-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); -o-transform: rotate(18deg); }
#modal-container .d-modal-task-feedback .modal-body .d-calification .d-points .d-of-points{ font-family: akaPosse; font-size: 24px; color: #96754d; position: absolute; top: 110px; left: 0px; right: 0px; text-align: center; }

#modal-container .d-modal-task-feedback .modal-body .d-cromo-image{ position: absolute; z-index: 2; top: 45px; left: 71px; width: 247px; height: 400px; background-repeat: no-repeat; background-position: center; background-size: cover; }
#modal-container .d-modal-task-feedback .modal-body .d-cromo-title{ position: absolute; top: 50px; left: 490px; right: 45px; font-family: 'cinzel_decorative_700'; color: #3d3414; font-size: 24px; text-align: left; line-height: 29px; height: 70px; overflow: hidden; }
#modal-container .d-modal-task-feedback .modal-body .d-cromo-description{ position: absolute; top: 181px; left: 422px; right: 50px; bottom: 95px; font-family: 'special_elite'; color: #3d3414; font-size: 18px; text-align: left; line-height: 24px; overflow-y: auto; overflow-x: hidden; }
#modal-container .d-modal-task-feedback .modal-body .d-cromo-points-number{ position: absolute; top: 54px; left: 392px; width: 90px; font-family: 'akaPosse'; text-align: center; font-size: 38px; color: #beae74; }
#modal-container .d-modal-task-feedback .modal-footer{ position: absolute; bottom: 84px; left: 40px; right: 40px; text-align: center; } 
#modal-container .d-modal-task-feedback .modal-footer .btn-continue{ background: #28a37c; width: 160px; text-align: center; height: 40px; border-radius: 20px; color: #fff8e8; font-family: 'cinzel_decorative_700'; line-height: 40px; display: inline-block; border: 1px solid #28a37c; } 
#modal-container .d-modal-task-feedback .modal-footer .btn-continue:hover{ border: 1px solid #fff8e8;  } 
/* END MODAL FEEDBACK STUDENT */

/* date-time-selector */
.date-time-selector{ display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 11; }
.date-time-selector .d-datetimeselector .d-card{ width: 400px; height: 300px; position: absolute; top: 50%; left: 50%; margin-left: -200px; margin-top: -150px; z-index: 11; border-radius: 5px; border: 2px solid #903500; background: #fffbf3; }
.date-time-selector .d-datetimeselector .d-card .d-title{ width: 100%; height: 60px; border-bottom: 1px solid #e1ba88; }
.date-time-selector .d-datetimeselector .d-card .d-title .d-text{ font-family: 'akaPosse'; font-size: 24px; color: #70453c; float: left; margin: 10px; }
.date-time-selector .d-datetimeselector .d-card .d-title .d-help{ position: absolute; width: 34px; height: 34px; background: url(img/classroom-project-activity/ico_help.png); margin: 10px; cursor: pointer; top: 2px; right: 45px; }
.date-time-selector .d-datetimeselector .d-card .d-title .d-close{cursor: pointer; position: absolute; width: 25px; height: 25px; right: 15px; top: 15px; background: url(img/classroom-project-activity/btn_cerrar.png); }
.date-time-selector .d-datetimeselector .d-card .d-date{ height: 80px; position: relative;  }
.date-time-selector .d-datetimeselector .d-card .d-date .d-icon{ position: absolute; top: 34px; left: 30px; width: 40px; height: 40px; background: url(img/classroom-project-activity/ico_calendar.png); }
.date-time-selector .d-datetimeselector .d-card .d-date .d-input{ position: absolute; left: 80px; top: 50px; }
.date-time-selector .d-datetimeselector .d-card .d-input input{ width: 285px; }
.date-time-selector .d-datetimeselector .d-card .d-time{ height: 80px; position: relative;  }
.date-time-selector .d-datetimeselector .d-card .d-time .d-icon{ position: absolute; top: 24px; left: 30px; width: 41px; height: 41px; background: url(img/classroom-project-activity/ico_clock.png); }
.date-time-selector .d-datetimeselector .d-card .d-time .d-input{ position: absolute; left: 80px; top: 40px; }
.date-time-selector .d-datetimeselector .d-card .d-time .d-input input{ width: 35px; font-size: 21px; }
.date-time-selector .d-datetimeselector .d-card .d-time .d-input.min { left: 170px; }
.date-time-selector .d-datetimeselector .d-card .d-time .d-input .d-label{ display: inline-block; font-size: 17px; margin-left: 10px; font-family: special_elite; }
.date-time-selector .d-datetimeselector .d-card .d-time .d-am-pm {position: absolute; top: 31px; left: 276px; width: 100px; height: 40px; border-radius: 3px; background: #512b12; color: #b27750; }
.date-time-selector .d-datetimeselector .d-card .d-time .d-am-pm .d-am-pm-btn { width: 39px; height: 32px; display: inline-block; margin: 4px; border-radius: 2px; text-align: center; line-height: 36px; font-family: special_elite; font-size: 21px; cursor: pointer; }
.date-time-selector .d-datetimeselector .d-card .d-time .d-am-pm .d-am-pm-btn.selected{ color: #222222; background: #ececec; }
.date-time-selector .d-datetimeselector .d-card .d-footer{ position: absolute; left: 127px; top: 250px; }
.date-time-selector .d-datetimeselector .d-card .d-footer .btn{ border-radius: 17px; padding: 5px 19px; background: #694a41; border: 3px solid #694a41; color: #FFF;}
.date-time-selector .d-datetimeselector .d-card .d-footer .btn.btn-cancelar{ background: transparent; color: #000; }
.date-time-selector .d-datetimeselector .d-bg{ position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .5; }
/* END date-time-selector */

/* Avatar-selector */
.avatar-selector{ display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 11; }
.avatar-selector .d-avatarselector .d-card{ width: 550px; height: 470px; position: absolute; top: 50%; left: 50%; margin-left: -275px; margin-top: -235px; z-index: 11; border-radius: 5px; border: 6px solid #371c0b; background: #fffbf3; }
.avatar-selector .d-avatarselector .d-card .d-title{ width: 100%; height: 80px; border-bottom: 1px solid #e1ba88; position: relative; }
.avatar-selector .d-avatarselector .d-card .d-title .d-text{ font-family: 'cinzel_decorative_700'; font-size: 22px; color: #3e2e20; position: absolute; top: 10px; left: 10px; }
.avatar-selector .d-avatarselector .d-card .d-title .d-help{ font-size: 18px; color: #3e2e20; position: absolute; top: 50px; left: 10px; }
.avatar-selector .d-avatarselector .d-card .d-title .d-close{ position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; background: url(img/btn_cerrar.png) no-repeat; margin: 10px; cursor: pointer; background-position: center; }
.avatar-selector .d-avatarselector .d-card .d-content{ height: 315px; position: relative; background: #000; }

.avatar-selector .d-avatarselector .crop-wrapper { background-color: rgba(255,255,255,1); position: relative; width: 100%; height: 330px; overflow: hidden; background: #000; }
.avatar-selector .d-avatarselector .resize-container { position: relative; display: inline-block; cursor: move; margin: 0 auto; }
.avatar-selector .d-avatarselector .resize-container-ontop { position:absolute; cursor:move; background-color:rgba(5,255,5,0); z-index:1000; width:100%; height:100%; }
.avatar-selector .d-avatarselector .crop-wrapper.disabled .resize-container-ontop { cursor: default; }
.avatar-selector .d-avatarselector .resize-container img { display: block; }
.avatar-selector .d-avatarselector .resize-container:hover img,
.avatar-selector .d-avatarselector .resize-container:active img { outline: 2px dashed rgba(0,0,0,.9); }
.avatar-selector .d-avatarselector .resize-handle-ne,
.avatar-selector .d-avatarselector .resize-handle-se,
.avatar-selector .d-avatarselector .resize-handle-nw,
.avatar-selector .d-avatarselector .resize-handle-sw { position: absolute; display: block; width: 10px; height: 10px; background: rgba(0,0,0,.9); z-index: 999; }
.avatar-selector .d-avatarselector .resize-handle-nw { top: -5px; left: -5px; cursor: nw-resize; }
.avatar-selector .d-avatarselector .resize-handle-sw { bottom: -5px; left: -5px; cursor: sw-resize; }
.avatar-selector .d-avatarselector .resize-handle-ne { top: -5px; right: -5px; cursor: ne-resize; }
.avatar-selector .d-avatarselector .resize-handle-se { bottom: -5px; right: -5px; cursor: se-resize; }
.avatar-selector .d-avatarselector .top-overlay { z-index: 990; background-color: rgba(0,0,0,.7); width: 100%; height: 48px; margin-top: -13px; position: absolute; }
.avatar-selector .d-avatarselector .bottom-overlay { z-index: 990; background-color: rgba(0,0,0,.7); width: 100%; height: 47px; margin-bottom: -6px; position: absolute; bottom: 0; }
.avatar-selector .d-avatarselector .right-overlay { z-index: 990; background-color: rgba(0,0,0,.7); width: 50%; height: 254px; top: 50%; margin-top: -130px; margin-left: -125px; position: absolute;}
.avatar-selector .d-avatarselector .left-overlay { z-index: 990; background-color: rgba(0,0,0,.7); width: 50%; height: 254px; top: 50%; right: 0px; margin-top: -130px; margin-right: -128px; position: absolute; }
.avatar-selector .d-avatarselector .overlay {position: absolute; left: 50%; top: 50%; margin-left: -125px; margin-top: -130px; z-index: 999; width: 250px; height: 250px; border: solid 2px rgba(222,222,222,.9); box-sizing: content-box; pointer-events: none; }
.avatar-selector .d-avatarselector .overlay:before { top: 0; margin-left: -2px; margin-top: -40px; }
.avatar-selector .d-avatarselector .overlay:after { bottom: 0; margin-left: -2px; margin-bottom: -40px; }
.avatar-selector .d-avatarselector .overlay-inner:before { left: 0; margin-left: -40px; margin-top: -2px; }
.avatar-selector .d-avatarselector .overlay-inner:after{ right: 0; margin-right: -40px; margin-top: -2px; }
.avatar-selector .d-avatarselector .btn-crop img { vertical-align: middle; margin-left: 8px; }

.avatar-selector .d-avatarselector .d-card .d-content input{ position: absolute; top: -5000px;}
.avatar-selector .d-avatarselector .d-card .d-content .zoom{ width: 40px; height: 40px; position: absolute; top: 290px; background-position: center; z-index: 9999; }
.avatar-selector .d-avatarselector .d-card .d-content .crop-wrapper.disabled .zoom{ visibility: hidden; }
.avatar-selector .d-avatarselector .d-card .d-content .zoom-in{ background: url(img/ico-zoom-in.png) no-repeat; left: 230px; background-position: center;  }
.avatar-selector .d-avatarselector .d-card .d-content .zoom-out{ background: url(img/ico-zoom-out.png) no-repeat; left: 280px; background-position: center; }
.avatar-selector .d-avatarselector .d-card .d-footer{ position: absolute; left: 10px; bottom: 10px; right: 10px; height: 40px; }
.avatar-selector .d-avatarselector .d-card .d-footer .btn.btn-change{ border-radius: 17px; padding: 5px 19px; background: #694a41; border: 3px solid #694a41; color: #FFF; background: transparent; color: #000; margin-top: 4px; float: left;}
.avatar-selector .d-avatarselector .d-card .d-footer .btn.btn-submit{ position: absolute; right: 10px; top: 0px; }
.avatar-selector .d-avatarselector .d-bg{ position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .5; }
/* END Avatar-selector */

/* Avatar-project-selector */
.avatar-project-selector{ display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 11; }
.avatar-project-selector .d-avatarprojectselector .d-card{ width: 550px; height: 470px; position: absolute; top: 50%; left: 50%; margin-left: -275px; margin-top: -235px; z-index: 11; border-radius: 5px; border: 6px solid #371c0b; background: #fffbf3; }
.avatar-project-selector .d-avatarprojectselector .d-card .d-title{ width: 100%; height: 80px; border-bottom: 1px solid #e1ba88; position: relative; }
.avatar-project-selector .d-avatarprojectselector .d-card .d-title .d-text{ font-family: 'cinzel_decorative_700'; font-size: 22px; color: #3e2e20; position: absolute; top: 10px; left: 10px; }
.avatar-project-selector .d-avatarprojectselector .d-card .d-title .d-help{ font-size: 18px; color: #3e2e20; position: absolute; top: 50px; left: 10px; }
.avatar-project-selector .d-avatarprojectselector .d-card .d-title .d-close{ position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; background: url(img/btn_cerrar.png) no-repeat; margin: 10px; cursor: pointer; background-position: center; }
.avatar-project-selector .d-avatarprojectselector .d-card .d-content{ height: 315px; position: relative; background: #000; }

.avatar-project-selector .d-avatarprojectselector .crop-wrapper { background-color: rgba(255,255,255,1); position: relative; width: 100%; height: 330px; overflow: hidden; background: #000; }
.avatar-project-selector .d-avatarprojectselector .resize-container { position: relative; display: inline-block; cursor: move; margin: 0 auto; }
.avatar-project-selector .d-avatarprojectselector .resize-container-ontop { position:absolute; cursor:move; background-color:rgba(5,255,5,0); z-index:1000; width:100%; height:100%; }
.avatar-project-selector .d-avatarprojectselector .crop-wrapper.disabled .resize-container-ontop { cursor: default; }
.avatar-project-selector .d-avatarprojectselector .resize-container img { display: block; }
.avatar-project-selector .d-avatarprojectselector .resize-container:hover img,
.avatar-project-selector .d-avatarprojectselector .resize-container:active img { outline: 2px dashed rgba(0,0,0,.9); }
.avatar-project-selector .d-avatarprojectselector .resize-handle-ne,
.avatar-project-selector .d-avatarprojectselector .resize-handle-se,
.avatar-project-selector .d-avatarprojectselector .resize-handle-nw,
.avatar-project-selector .d-avatarprojectselector .resize-handle-sw { position: absolute; display: block; width: 10px; height: 10px; background: rgba(0,0,0,.9); z-index: 999; }
.avatar-project-selector .d-avatarprojectselector .resize-handle-nw { top: -5px; left: -5px; cursor: nw-resize; }
.avatar-project-selector .d-avatarprojectselector .resize-handle-sw { bottom: -5px; left: -5px; cursor: sw-resize; }
.avatar-project-selector .d-avatarprojectselector .resize-handle-ne { top: -5px; right: -5px; cursor: ne-resize; }
.avatar-project-selector .d-avatarprojectselector .resize-handle-se { bottom: -5px; right: -5px; cursor: se-resize; }
.avatar-project-selector .d-avatarprojectselector .top-overlay { z-index: 990; background-color: rgba(0,0,0,.7); width: 100%; height: 27px; margin-top: -13px; position: absolute; }
.avatar-project-selector .d-avatarprojectselector .bottom-overlay { z-index: 990; background-color: rgba(0,0,0,.7); width: 100%; height: 20px; margin-bottom: -6px; position: absolute; bottom: 0; }
.avatar-project-selector .d-avatarprojectselector .right-overlay { z-index: 990; background-color: rgba(0,0,0,.7); width: 50%; height: 302px; top: 50%; margin-top: -151px; margin-left: -102px; position: absolute; }
.avatar-project-selector .d-avatarprojectselector .left-overlay { z-index: 990; background-color: rgba(0,0,0,.7); width: 50%; height: 302px; top: 50%; right: 0px; margin-top: -151px; margin-right: -96px; position: absolute; }
.avatar-project-selector .d-avatarprojectselector .overlay { position: absolute; left: 50%; top: 50%; margin-left: -102px; margin-top: -152px; z-index: 999; width: 195px; height: 300px; border: solid 2px rgba(222,222,222,.9); box-sizing: content-box; pointer-events: none; }
.avatar-project-selector .d-avatarprojectselector .overlay:before { top: 0; margin-left: -2px; margin-top: -40px; }
.avatar-project-selector .d-avatarprojectselector .overlay:after { bottom: 0; margin-left: -2px; margin-bottom: -40px; }
.avatar-project-selector .d-avatarprojectselector .overlay-inner:before { left: 0; margin-left: -40px; margin-top: -2px; }
.avatar-project-selector .d-avatarprojectselector .overlay-inner:after{ right: 0; margin-right: -40px; margin-top: -2px; }
.avatar-project-selector .d-avatarprojectselector .btn-crop img { vertical-align: middle; margin-left: 8px; }

.avatar-project-selector .d-avatarprojectselector .d-card .d-content input{ position: absolute; top: -5000px;}
.avatar-project-selector .d-avatarprojectselector .d-card .d-content .zoom{ width: 40px; height: 40px; position: absolute; top: 290px; background-position: center; z-index: 9999; }
.avatar-project-selector .d-avatarprojectselector .d-card .d-content .crop-wrapper.disabled .zoom{ visibility: hidden; }
.avatar-project-selector .d-avatarprojectselector .d-card .d-content .zoom-in{ background: url(img/ico-zoom-in.png) no-repeat; left: 230px; background-position: center;  }
.avatar-project-selector .d-avatarprojectselector .d-card .d-content .zoom-out{ background: url(img/ico-zoom-out.png) no-repeat; left: 280px; background-position: center; }
.avatar-project-selector .d-avatarprojectselector .d-card .d-footer{ position: absolute; left: 10px; bottom: 10px; right: 10px; height: 40px; }
.avatar-project-selector .d-avatarprojectselector .d-card .d-footer .btn.btn-change{ border-radius: 17px; padding: 5px 19px; background: #694a41; border: 3px solid #694a41; color: #FFF; background: transparent; color: #000; margin-top: 4px; float: left;}
.avatar-project-selector .d-avatarprojectselector .d-card .d-footer .btn.btn-submit{ position: absolute; right: 10px; top: 0px; }
.avatar-project-selector .d-avatarprojectselector .d-bg{ position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .5; }
/* END Avatar-project-selector */

/* HeaderImageEditor */
.header-image-editor{ display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; }
.header-image-editor .d-image-editor .d-card{ width: 550px; height: 470px; position: absolute; top: 50%; left: 50%; margin-left: -275px; margin-top: -235px; z-index: 11; border-radius: 5px; border: 6px solid #371c0b; background: #fffbf3; }
.header-image-editor .d-image-editor .d-card .d-title{ width: 100%; height: 80px; border-bottom: 1px solid #e1ba88; position: relative; }
.header-image-editor .d-image-editor .d-card .d-title .d-text{ font-family: 'cinzel_decorative_700'; font-size: 22px; color: #3e2e20; position: absolute; top: 10px; left: 10px; }
.header-image-editor .d-image-editor .d-card .d-title .d-help{ font-size: 18px; color: #3e2e20; position: absolute; top: 50px; left: 10px; }
.header-image-editor .d-image-editor .d-card .d-title .d-close{ position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; background: url(img/btn_cerrar.png) no-repeat; margin: 10px; cursor: pointer; background-position: center; }
.header-image-editor .d-image-editor .d-card .d-content{ height: 315px; position: relative; background: #000; }

.header-image-editor .d-image-editor .crop-wrapper { background-color: rgba(255,255,255,1); position: relative; width: 100%; height: 330px; overflow: hidden; background: #000; }
.header-image-editor .d-image-editor .resize-container { position: relative; display: inline-block; cursor: move; margin: 0 auto; }
.header-image-editor .d-image-editor .resize-container-ontop { position:absolute; cursor:move; background-color:rgba(5,255,5,0); z-index:1000; width:100%; height:100%; }
.header-image-editor .d-image-editor .crop-wrapper.disabled .resize-container-ontop { cursor: default; }
.header-image-editor .d-image-editor .resize-container img { display: block; }
.header-image-editor .d-image-editor .resize-container:hover img,
.header-image-editor .d-image-editor .resize-container:active img { outline: 2px dashed rgba(0,0,0,.9); }
.header-image-editor .d-image-editor .resize-handle-ne,
.header-image-editor .d-image-editor .resize-handle-se,
.header-image-editor .d-image-editor .resize-handle-nw,
.header-image-editor .d-image-editor .resize-handle-sw { position: absolute; display: block; width: 10px; height: 10px; background: rgba(0,0,0,.9); z-index: 999; }
.header-image-editor .d-image-editor .resize-handle-nw { top: -5px; left: -5px; cursor: nw-resize; }
.header-image-editor .d-image-editor .resize-handle-sw { bottom: -5px; left: -5px; cursor: sw-resize; }
.header-image-editor .d-image-editor .resize-handle-ne { top: -5px; right: -5px; cursor: ne-resize; }
.header-image-editor .d-image-editor .resize-handle-se { bottom: -5px; right: -5px; cursor: se-resize; }
.header-image-editor .d-image-editor .top-overlay { z-index: 990; background-color: rgba(0,0,0,.4); width: 100%; height: 114px; margin-top: -13px; position: absolute; }
.header-image-editor .d-image-editor .bottom-overlay { z-index: 990; background-color: rgba(0,0,0,.4); width: 100%; height: 101px; margin-bottom: -6px; position: absolute; bottom: 0; }
.header-image-editor .d-image-editor .right-overlay { z-index: 990; background-color: rgba(0,0,0,.4); width: 28%; height: 134px; top: 70%; margin-top: -130px; margin-left: -125px; position: absolute; }
.header-image-editor .d-image-editor .left-overlay { z-index: 990; background-color: rgba(0,0,0,.4); width: 28%; height: 134px; top: 70%; right: 0px; margin-top: -130px; margin-right: -128px; position: absolute; }
.header-image-editor .d-image-editor .overlay { position: absolute; left: 50%; top: 50%; margin-left: -245px; margin-top: -64px; z-index: 999; width: 490px; height: 130px; border: solid 2px rgba(222,222,222,.9); box-sizing: content-box; pointer-events: none; }
.header-image-editor .d-image-editor .overlay:before { top: 0; margin-left: -2px; margin-top: -40px; }
.header-image-editor .d-image-editor .overlay:after { bottom: 0; margin-left: -2px; margin-bottom: -40px; }
.header-image-editor .d-image-editor .overlay-inner:before { left: 0; margin-left: -40px; margin-top: -2px; }
.header-image-editor .d-image-editor .overlay-inner:after{ right: 0; margin-right: -40px; margin-top: -2px; }
.header-image-editor .d-image-editor .btn-crop img { vertical-align: middle; margin-left: 8px; }

.header-image-editor .d-image-editor .d-card .d-content input{ position: absolute; top: -5000px;}
.header-image-editor .d-image-editor .d-card .d-content .zoom{ width: 40px; height: 40px; position: absolute; top: 290px; background-position: center; z-index: 9999; }
.header-image-editor .d-image-editor .d-card .d-content .crop-wrapper.disabled .zoom{ visibility: hidden; }
.header-image-editor .d-image-editor .d-card .d-content .zoom-in{ background: url(img/ico-zoom-in.png) no-repeat; left: 230px; background-position: center;  }
.header-image-editor .d-image-editor .d-card .d-content .zoom-out{ background: url(img/ico-zoom-out.png) no-repeat; left: 280px; background-position: center; }
.header-image-editor .d-image-editor .d-card .d-footer{ position: absolute; left: 10px; bottom: 10px; right: 10px; height: 40px; }
.header-image-editor .d-image-editor .d-card .d-footer .btn.btn-change{ border-radius: 17px; padding: 5px 19px; background: #694a41; border: 3px solid #694a41; color: #FFF; background: transparent; color: #000; margin-top: 4px; float: left;}
.header-image-editor .d-image-editor .d-card .d-footer .btn.btn-submit{ position: absolute; right: 10px; top: 0px; }
.header-image-editor .d-image-editor .d-bg{ position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .5; }
/* END HeaderImageEditor */


/* Header theme selector */
.header-theme-selector{ display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; }
.header-theme-selector .d-header-selector .d-card{ width: 590px; height: 470px; position: absolute; top: 50%; left: 50%; margin-left: -275px; margin-top: -235px; z-index: 11; border-radius: 5px; border: 6px solid #371c0b; background: #fffbf3; }
.header-theme-selector .d-header-selector .d-card .d-title{ width: 100%; height: 80px; border-bottom: 1px solid #e1ba88; position: relative; }
.header-theme-selector .d-header-selector .d-card .d-title .d-text{ font-family: 'cinzel_decorative_700'; font-size: 22px; color: #3e2e20; position: absolute; top: 27px; left: 17px; }
.header-theme-selector .d-header-selector .d-card .d-title .d-close{ position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; background: url(img/btn_cerrar.png) no-repeat; margin: 10px; cursor: pointer; background-position: center; }
.header-theme-selector .d-header-selector .d-card .d-content{ height: 310px; position: relative; background: url(img/bg_project.png); border-bottom: 1px solid #e1ba88; overflow-y: auto; padding-bottom: 20px; }

.header-theme-selector .d-header-selector .d-card .d-content .d-tile{ display: inline-block; width: 260px; height: 70px; margin-left: 15px; margin-top: 10px; position: relative; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile .simple-checkbox{ display: none;    top: 10px; left: 10px; position: absolute; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.selected .simple-checkbox{display: block; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme1 {background:url(img/header-tiles/A1.png) #454f2f; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme2 {background:url(img/header-tiles/A2.png) #113b50; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme3 {background:url(img/header-tiles/A3.png) #49213f; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme4 {background:url(img/header-tiles/A4.png) #4e2c12; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme5 {background:url(img/header-tiles/A5.png) #5d1818; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme6 {background:url(img/header-tiles/B1.png) #454f2f; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme7 {background:url(img/header-tiles/B2.png) #113b50; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme8 {background:url(img/header-tiles/B3.png) #49213f; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme9 {background:url(img/header-tiles/B4.png) #4e2c12; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme10{background:url(img/header-tiles/B5.png) #5d1818; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme11{background:url(img/header-tiles/C1.png) #454f2f; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme12{background:url(img/header-tiles/C2.png) #113b50; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme13{background:url(img/header-tiles/C3.png) #49213f; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme14{background:url(img/header-tiles/C4.png) #4e2c12; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme15{background:url(img/header-tiles/C5.png) #5d1818; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme16{background:url(img/header-tiles/D1.png) #454f2f; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme17{background:url(img/header-tiles/D2.png) #113b50; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme18{background:url(img/header-tiles/D3.png) #49213f; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme19{background:url(img/header-tiles/D4.png) #4e2c12; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme20{background:url(img/header-tiles/D5.png) #5d1818; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme21{background:url(img/header-tiles/E1.png) #454f2f; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme22{background:url(img/header-tiles/E2.png) #113b50; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme23{background:url(img/header-tiles/E3.png) #49213f; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme24{background:url(img/header-tiles/E4.png) #4e2c12; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme25{background:url(img/header-tiles/E5.png) #5d1818; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme26{background:url(img/header-tiles/F1.png) #454f2f; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme27{background:url(img/header-tiles/F2.png) #113b50; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme28{background:url(img/header-tiles/F3.png) #49213f; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme29{background:url(img/header-tiles/F4.png) #4e2c12; }
.header-theme-selector .d-header-selector .d-card .d-content .d-tile.theme30{background:url(img/header-tiles/F5.png) #5d1818; }

.header-theme-selector .d-header-selector .d-card .d-footer{ position: absolute; left: 10px; bottom: 10px; right: 10px; height: 40px; }
.header-theme-selector .d-header-selector .d-card .d-footer .btn.btn-submit{ position: absolute; right: 10px; top: 3px; }
.header-theme-selector .d-header-selector .d-bg{ position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .5; }
/* END Header theme selector */

/* cromo selector */
.cromo-selector{ display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 11; }
.cromo-selector .d-cromoselector .d-card{ width: 350px; height: 500px; position: absolute; top: 50%; left: 50%; margin-left: -175px; margin-top: -250px; z-index: 11; border-radius: 5px; border: 2px solid #903500; background: #fffbf3; }
.cromo-selector .d-cromoselector .d-card .d-title{ width: 100%; height: 60px; border-bottom: 1px solid #e1ba88; }
.cromo-selector .d-cromoselector .d-title .d-text{ font-family: 'akaPosse'; font-size: 24px; color: #70453c; float: left; margin: 10px; }
.cromo-selector .d-cromoselector .d-card .d-title .d-help{ position: absolute; width: 34px; height: 34px; background: url(img/classroom-project-activity/ico_help.png); margin: 10px; cursor: pointer; top: 2px; right: 50px; }
.cromo-selector .d-cromoselector .d-card .d-title .d-close{ cursor: pointer; position: absolute; width: 25px; height: 25px; right: 15px; top: 15px; background: url(img/classroom-project-activity/btn_cerrar.png); }
.cromo-selector .d-cromoselector .d-card .d-cromos { position: absolute; top: 70px; left: 10px; right: 10px; bottom: 67px; overflow-x: hidden; overflow-y: auto;}
.cromo-selector .d-cromoselector .d-card .d-cromos .d-cromo{ display: block; width: 100%; height: 95px; position: relative; }
.cromo-selector .d-cromoselector .d-card .d-cromos .d-cromo .simple-checkbox{ position: absolute; left: 10px; top: 30px; }
.cromo-selector .d-cromoselector .d-card .d-cromos .d-cromo .d-cromo{ position: absolute; left: 54px; top: 5px; width: 58px; height: 88px; background: url(img/classroom-project-activity/ico_cromo_card.png); background-size: 100%; }
.cromo-selector .d-cromoselector .d-card .d-cromos .d-cromo .d-title{ position: absolute; left: 140px; top: 20px; font-family: effloresce_bold; font-size: 17px; border: none; }
.cromo-selector .d-cromoselector .d-card .d-cromos .d-cromo .d-points{ position: absolute; left: 140px; top: 47px; font-family: effloresce_bold; }
.cromo-selector .d-cromoselector .d-card .d-cromos .d-empty-message{ display: block; width: 100%; height: 95px; position: relative; text-align: center; font-family: 'effloresce_bold'; }
.cromo-selector .d-cromoselector .d-card .d-cromos .d-empty-message .d-icon-cromo{ display: inline-block; width: 74px; height: 88px; background: url(img/classroom-project-activity/ico_cromo_card.png); margin: 20px; }
.cromo-selector .d-cromoselector .d-card .d-cromos .d-empty-message .d-icon-title{ color: #903500; display: inline-block; width: 250px; }
.cromo-selector .d-cromoselector .d-card .d-cromos .d-empty-message .d-icon-message{ color: #ce9a7c; display: inline-block; width: 250px; margin-top: 20px; }
.cromo-selector .d-cromoselector .d-card .d-footer{ position: absolute; left: 0px; top: 450px; right: 0px; border-top: 1px solid #e1ba88; padding: 7px; text-align: right; }
.cromo-selector .d-cromoselector .d-card .d-footer .btn{ margin-right: 20px; }
.cromo-selector .d-cromoselector .d-card .d-footer .btn.btn-cancelar{ background: transparent; color: #000; }
.cromo-selector .d-cromoselector .d-bg{ position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .5; }
/* END cromo selector */

/* MODAL remember password */
#modal-container .d-modal-remember-password{ width: 468px; height: 326px; background: url(img/remember_password/bg_modal.png); }
#modal-container .d-modal-remember-password:after,
#modal-container .d-modal-remember-password:before{ background: none; }
#modal-container .d-modal-remember-password .wrap-dialog-popup:after,
#modal-container .d-modal-remember-password .wrap-dialog-popup:before{ background: none; }
#modal-container .d-modal-remember-password .wrap-dialog-popup{ background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: relative; }
#modal-container .d-modal-remember-password .d-remember-header{ position: absolute; top: 23px; left: 28px; right: 28px; height: 99px; color: #371c0b; text-align: center; font-family: akaPosse; font-size: 22px; }
#modal-container .d-modal-remember-password .d-remember-body{ position: absolute; top: 97px; left: 38px; right: 38px; bottom: 63px; line-height: 24px; color: #371c0b; }
#modal-container .d-modal-remember-password .d-remember-email{ position: absolute; top: 178px; left: 88px;}
#modal-container .d-modal-remember-password .d-remember-email input { background: none; border: none; font-size: 18px; width: 310px; }
#modal-container .d-modal-remember-password .d-remember-footer{ position: absolute; bottom: 52px; left: 140px; line-height: 42px; text-align: center; width: 200px; height: 50px; background: url(img/minisite/btn-login.png) no-repeat; font-family: akaPosse; font-size: 20px; color: #000; -webkit-text-shadow: 1px 2px 3px #dfb44e; -moz-text-shadow: 1px 2px 3px #dfb44e; text-shadow: 1px 2px 3px #dfb44e; }
/* END MODAL remember password */

/* MODAL teacher onboarding */
#modal-container .d-modal-teacher-onboarding{ width: 715px; height: 555px; background: url(img/onboarding/bg-modal.png); }
#modal-container .d-modal-teacher-onboarding:after,
#modal-container .d-modal-teacher-onboarding:before{ background: none; }
#modal-container .d-modal-teacher-onboarding .wrap-dialog-popup:after,
#modal-container .d-modal-teacher-onboarding .wrap-dialog-popup:before{ background: none; }
#modal-container .d-modal-teacher-onboarding .wrap-dialog-popup{ background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: relative; }
#modal-container .d-modal-teacher-onboarding .d-onboarding-title{ position: absolute; top: 23px; left: 28px; right: 28px; height: 99px; color: #371c0b; text-align: center; font-family: 'cinzel_decorative_700'; font-size: 25px; }
#modal-container .d-modal-teacher-onboarding .d-onboarding-sub-title{ position: absolute; top: 77px; left: 38px; right: 38px; font-size: 24px; line-height: 24px; font-family: 'akaPosse'; color: #7d1c09; text-align: center; }
#modal-container .d-modal-teacher-onboarding .d-onboarding-image{ position: absolute; top: 121px; left: 130px; width: 454px; height: 244px; background: url(img/onboarding/first-step-1.png)}
#modal-container .d-modal-teacher-onboarding.step-2 .d-onboarding-image{ background: url(img/onboarding/first-step-2.png)}
#modal-container .d-modal-teacher-onboarding.step-3 .d-onboarding-image{ background: url(img/onboarding/first-step-3.png)}
#modal-container .d-modal-teacher-onboarding .d-onboarding-step-title { position: absolute; top: 372px; left: 150px; color: #371c0b; font-family: 'akaPosse'; right: 150px; text-align: center; font-size: 24px; }
#modal-container .d-modal-teacher-onboarding .d-onboarding-step-description{ position: absolute; top: 408px; left: 145px; font-size: 18px; font-weight: bold; line-height: 25px; right: 145px; text-align: center; color: #371c0b; }
#modal-container .d-modal-teacher-onboarding .d-onboarding-btn-saltar{ position: absolute; top: 502px; left: 138px; color: #371c0b; cursor: pointer; font-weight: bold; font-size: 19px; }
#modal-container .d-modal-teacher-onboarding .d-onboarding-btn-next{ cursor: pointer; position: absolute; right: 134px; bottom: 15px; width: 137px; height: 50px; background: url(img/onboarding/btn_entendido.png) no-repeat; color: #fff1d1; text-align: center; font-size: 18px; line-height: 48px; }
#modal-container .d-modal-teacher-onboarding .d-onboarding-steps{ cursor: pointer; position: absolute; left: 260px; bottom: 26px; width: 28px; height: 28px; background: url(img/onboarding/bg_check.png) no-repeat; }
#modal-container .d-modal-teacher-onboarding .d-onboarding-steps.point-1:after{content: ' '; width: 22px; height: 26px; background: url(img/onboarding/ico_corner.png); float: left; margin-top: 5px; margin-left: 3px; }
#modal-container .d-modal-teacher-onboarding .d-onboarding-steps.point-2:after{content: ' '; width: 22px; height: 26px; background: url(img/onboarding/ico_corner.png); float: left; margin-top: 5px; margin-left: 3px; }
#modal-container .d-modal-teacher-onboarding .d-onboarding-steps.point-3:after{content: ' '; width: 22px; height: 26px; background: url(img/onboarding/ico_corner.png); float: left; margin-top: 5px; margin-left: 3px; }
#modal-container .d-modal-teacher-onboarding .d-onboarding-steps.point-2{ left: 305px; }
#modal-container .d-modal-teacher-onboarding .d-onboarding-steps.point-3{ left: 350px; }
#modal-container .d-modal-teacher-onboarding.step-1 .d-onboarding-steps.point-2:after,
#modal-container .d-modal-teacher-onboarding.step-1 .d-onboarding-steps.point-3:after{ display:none; }
#modal-container .d-modal-teacher-onboarding.step-2 .d-onboarding-steps.point-1:after,
#modal-container .d-modal-teacher-onboarding.step-2 .d-onboarding-steps.point-3:after{ display:none; }
#modal-container .d-modal-teacher-onboarding.step-3 .d-onboarding-steps.point-1:after,
#modal-container .d-modal-teacher-onboarding.step-3 .d-onboarding-steps.point-2:after{ display:none; }
/* END MODAL teacher onboarding */

/* datepicker */
.ll-skin-santiago {
    font-size: 90%;
    z-index: 12 !important;
}

.ll-skin-santiago .ui-widget,
.ll-skin-santiago th,
.ll-skin-santiago td{
    font-family: "effloresce_regular",sans-serif;
}

.ll-skin-santiago .ui-datepicker {
    padding: 0;
}

.ll-skin-santiago .ui-widget-content {
    border: none;
    background: #fff;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.19);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.19);
    box-shadow: 0 1px 3px rgba(0,0,0,.19);
}

.ll-skin-santiago .ui-datepicker-header {
    font-family: "akaPosse", sans-serif;
    color: #fff;
    padding: 0;
    border-top: 1px solid #b42b0c;
    border-bottom: none;
    overflow: hidden;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 rgba(0,0,0,.35);
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzMmIwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkMzAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(bottom, #b32b0b 0%, #cd300c 100%);
    background-image: -o-linear-gradient(bottom, #b32b0b 0%, #cd300c 100%);
    background-image: -webkit-linear-gradient(bottom, #b32b0b 0%, #cd300c 100%);
    background-image: linear-gradient(bottom, #b32b0b 0%, #cd300c 100%);
}

.ll-skin-santiago .ui-datepicker-header .ui-state-hover {
    background: transparent;
    border-color: transparent;
    cursor: pointer;
}

.ll-skin-santiago .ui-datepicker .ui-datepicker-title {
    line-height: 2.2em;
    font-weight: normal;
}

.ll-skin-santiago .ui-datepicker .ui-datepicker-prev, 
.ll-skin-santiago .ui-datepicker .ui-datepicker-next {
    top: -1px;
    background: #d33e13;
    border-radius: 0;
    font-weight: normal;
    border: none;
    height: 2.2em;
    width: 1.4em;
}

.ll-skin-santiago .ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ll-skin-santiago .ui-datepicker .ui-datepicker-next.ui-state-hover {
    background: #ba2c0c;
}

.ll-skin-santiago .ui-datepicker .ui-datepicker-prev {
    left: 0;
    border-right: 1px solid #a6280b;
}

.ll-skin-santiago .ui-datepicker .ui-datepicker-next {
    right: 0;
    border-left: 1px solid #a6280b;
}

.ll-skin-santiago .ui-datepicker .ui-datepicker-prev span, 
.ll-skin-santiago .ui-datepicker .ui-datepicker-next span {
    margin-top: -4px;
    top: 40%;
}

.ll-skin-santiago .ui-icon-circle-triangle-e {
    background-image: url(images/ui-icons_ffffff_256x240.png);
    background-position: -32px 0;
}

.ll-skin-santiago .ui-icon-circle-triangle-w {
    background-image: url(images/ui-icons_ffffff_256x240.png);
    background-position: -96px 0;
}

.ll-skin-santiago .ui-datepicker table {
    margin: 0;
}

.ll-skin-santiago .ui-datepicker th {
    padding: .6em 0 .4em;
    text-transform: uppercase;
    color: #bbb;
    font-family: "Myriad Pro";
    font-weight: normal;
    font-size: .8em;
    border-top: 1px solid #e6e6e6;
}

.ll-skin-santiago .ui-datepicker td {
    border: none;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 0;
}

.ll-skin-santiago td:last-child {
    border-right: 0;
}

.ll-skin-santiago td .ui-state-default {
    background: transparent;
    border: none;
    color: #2b2b2b;
    margin: 0;
    font-family: "Myriad Pro", sans-serif;
    font-weight: normal;
    text-align: center;
}

.ll-skin-santiago .ui-datepicker-calendar .ui-state-hover {
    background: #ededed;
    color: #b2b2b2;
}

.ll-skin-santiago td a.ui-state-active,
.ll-skin-santiago td a.ui-state-active.ui-state-hover {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.45);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzMmIwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkMzAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(bottom, #b32b0b 0%, #cd300c 100%);
    background-image: -o-linear-gradient(bottom, #b32b0b 0%, #cd300c 100%);
    background-image: -webkit-linear-gradient(bottom, #b32b0b 0%, #cd300c 100%);
    background-image: linear-gradient(bottom, #b32b0b 0%, #cd300c 100%);
}

/* MSGBOX */

.cookie {
    position: absolute;
    top: 0;
    right: 20px;
    width: 460px;

    border-radius: 0 0 10px 10px;
    z-index: 10;
    box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
    background: #FFF;
    display: none;
}
.cookie a{ text-decoration: none;     color: #cb9f37;}
.cookie#cookie {
    bottom: -8px;
    top: inherit;
    border-radius: 10px 10px 0 0;
    position: fixed;
    left: 0;
    background: url(img/bg_project.png);
    border: 5px solid #b17d27;
    cursor: pointer;
}

.cookie.status {
    left: 50%;
    margin-left: -230px;
}

.cookie.msg {
    left: 50%;
    margin-left: -230px;
    top: 50%;
    margin-top: -80px;
    height: auto;
    border-radius: 10px;
    display: block;
    padding-bottom: 10px;
    position: fixed;
    z-index: 102;
}

.cookie ul {
    list-style: none;
    padding: 0 0 0 16px;
    margin: 0;
}

.cookie.msg .input_holder {
    text-align: center;
    /*margin-top: -10px;*/
}

.cookie.msg input[type="button"] {
    width: auto;
    min-width: 75px;
    margin: 0 10px 0 10px;
}

.cookie ul li {
    display: inline-block;
    width: 360px;
    vertical-align: top;
}

.cookie ul li:first-child {
    display: inline-block;
    width: 60px;
}

.cookie img {
    width: 37px;
    height: 28px;
    margin-top: 30px;
    margin-left: 8px;
}

.cookie p {
    padding: 8px;
    font-weight: 300;
    /*border-left: 1px solid #DFDFDF;*/
    font-size: 18px;
}
/* END MSGBOX */

.d-bottom-notify{
    position: fixed;
    bottom: 0;
    background: url(img/bg_recordatorio.png);
    z-index: 4;
    width: 400px;
    background-size: cover;
    text-align: center;
    left: 50%;
    margin-left: -200px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    padding-left: 20px;
    -webkit-box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.75);
    display: none;
}
.d-bottom-notify .text{
    display: inline-block; 
}
.d-bottom-notify .button:after{
    position: absolute;
    content: "";
    width: 20px;
    height: 40px;
    background: url(img/button_orange_right.png) no-repeat;
    top: 0;
    right: -20px;
}
.d-bottom-notify .button:before{
    position: absolute;
    content: "";
    width: 20px;
    height: 40px;
    background: url(img/button_orange_left.png) no-repeat;
    left: -20px;
    top: 0;
}
.d-bottom-notify .button{
    cursor:pointer;
    display: inline-block; 
    color: #FFF;
    font-family: effloresce_bold;
    background: url(img/button_orange_center.png) repeat-x;
    border: none;
    height: 40px;
    line-height: 2.2rem;
    color: #FFF;
    border-radius: 0;
    position: relative;
    margin-right: 20px;
    margin-left: 25px;
    display: inline-block;
}

#modal-container .lpdx-content{
    overflow-y: scroll;
    position: absolute;
    top: 30px;
    left: 40px;
    right: 40px;
    bottom: 70px;
}

#politica_cookies > div { margin: 20px; padding: 20px; }
main .m-home.header-retracted.header-only-back .d-header-section,
main .m-home.header-retracted.header-only-back .btn-menu.btn,
main .m-home.header-retracted.header-only-back .d-classroom-info.left { display: none !important; }

main .d-student-classrooms .d-card-books{ display: block; padding-top: 75px; position: relative; text-align: center; }
main .d-student-classrooms .d-card-books .d-card { width: 450px; height: 295px; margin-right: 2%; display: inline-block; position: relative; margin-bottom: 15px; background: url(img/classroom-books/student-card.png) no-repeat; }
main .d-student-classrooms .d-card-books .d-card.wo-books { width: 280px; height: 146px; margin-right: 2%; display: inline-block; position: relative; margin-bottom: 15px; background: url(img/classroom-books/empty.png) no-repeat; }
main .d-student-classrooms .d-card-books .d-card.wo-books span { padding: 30px; margin-top: 15px; float: left; color: #FFF; line-height: 23px; }
main .d-student-classrooms .d-card-books .d-card .book-cover{ cursor: pointer; width: 150px; height: 216px; margin: 0 auto; margin-bottom: 10px; background-repeat: no-repeat; background-size: 100%; background-position: center center; position: absolute; top: 36px; left: 27px; }
main .d-student-classrooms .d-card-books .d-card .label-resume { text-align: center; position: absolute; top: 30px; left: 205px; width: 110px; height: 31px; }
main .d-student-classrooms .d-card-books .d-card .label-resume .text{ color: #FFF; font-family: 'effloresce_bold'; text-align: center; position: absolute; top: 6px; left: 0; width: 100%; height: 100%; z-index: 2; }
main .d-student-classrooms .d-card-books .d-card .label-resume .bg{ background: #000; border-radius: 15px; opacity: .4; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
main .d-student-classrooms .d-card-books .d-card .label-title { font-family: 'cinzel_decorative_700'; font-size: 18px; color: #131313; width: 200px; position: absolute; top: 70px; left: 205px; text-align: left; overflow: hidden; height: 50px;}
main .d-student-classrooms .d-card-books .d-card .label-authors { font-family: 'special_elite'; font-size: 14px; color: #5F5F5F; width: 200px; position: absolute; top: 140px; left: 205px; text-align: left; line-height: 20px; }
main .d-student-classrooms .d-card-books .d-card .label-progress { font-family: 'special_elite'; font-size: 12px; color: #616161; width: 200px; position: absolute; top: 215px; left: 205px; text-align: left; line-height: 20px; }
main .d-student-classrooms .d-card-books .d-card .progress-label { font-family: 'akaPosse'; font-size: 24px; color: #1C2436; position: absolute; top: 236px; right: 27px; line-height: 20px; width: 50px; text-align: center; }
main .d-student-classrooms .d-card-books .d-card .progress-bar { position: absolute; top: 242px; left: 207px; height: 12px; width: 151px; background: #1BA40D; box-shadow: inset 0px 4px 10px rgb(255 216 115 / 40%); border-radius: 5px; }
main .d-student-classrooms .d-card-books .d-card .d-lang { position: absolute; top: 33px; right: 35px; width: 24px; height: 24px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url(img/flag_es.png) no-repeat; background-size: 100% 100%; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); }
main .d-student-classrooms .d-card-books .d-card .d-lang.es { background-image: url(img/flag_wo.png); }
main .d-student-classrooms .d-card-books .d-card .d-lang.en-US { background-image: url(img/flag_en.png); }
main .d-student-classrooms .d-card-books .d-card .d-lang.FR { background-image: url(img/flag_fr.png); }
main .d-student-classrooms .d-card-books .d-card .d-lang.gl-ES { background-image: url(img/flag_gl.png); }
main .d-student-classrooms .d-card-books .d-card .d-lang.vsv { background-image: url(img/flag_va.png); }
main .d-student-classrooms .d-card-books .d-card .d-lang.ca-ES { background-image: url(img/flag_ca.png); }
main .d-student-classrooms .d-card-books .d-card .d-lang.eu-ES { background-image: url(img/flag_eu.png); }
main .d-student-classrooms .d-card-books .d-card .d-lang.es-AR { background-image: url(img/flag_ar.png); }
main .d-student-classrooms .d-card-books .d-card .d-lang.es-MX { background-image: url(img/flag_mx.png); }

#modal-container .d-modal-classroom-book-abstract{ width: 670px; height: 460px; }
#modal-container .d-modal-classroom-book-abstract .image{  width: 150px; height: 216px; margin: 0 auto; margin-bottom: 10px; background-repeat: no-repeat; background-size: 100%; background-position: center center; position: absolute; top: 36px; left: 27px; }
#modal-container .d-modal-classroom-book-abstract .d-modal-header-title{     top: 35px; font-family: "cinzel_decorative_700"; font-size: 25px; position: absolute; left: 190px; right: 20px; }
#modal-container .d-modal-classroom-book-abstract .d-modal-header-description{ font-family: 'special_elite'; font-size: 16px; position: absolute; left: 190px; top: 130px; right: 20px; line-height: 1.5em; }
#modal-container .d-modal-classroom-book-abstract .d-lang { position: absolute; top: 30px; right: 25px; width: 24px; height: 24px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url(img/flag_es.png) no-repeat; background-size: 100% 100%; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); }
#modal-container .d-modal-classroom-book-abstract .d-lang.es { background-image: url(img/flag_wo.png); }
#modal-container .d-modal-classroom-book-abstract .d-lang.en-US { background-image: url(img/flag_en.png); }
#modal-container .d-modal-classroom-book-abstract .d-lang.FR { background-image: url(img/flag_fr.png); }
#modal-container .d-modal-classroom-book-abstract .d-lang.gl-ES { background-image: url(img/flag_gl.png); }
#modal-container .d-modal-classroom-book-abstract .d-lang.vsv { background-image: url(img/flag_va.png); }
#modal-container .d-modal-classroom-book-abstract .d-lang.ca-ES { background-image: url(img/flag_ca.png); }
#modal-container .d-modal-classroom-book-abstract .d-lang.eu-ES { background-image: url(img/flag_eu.png); }
#modal-container .d-modal-classroom-book-abstract .d-lang.es-AR { background-image: url(img/flag_ar.png); }
#modal-container .d-modal-classroom-book-abstract .d-lang.es-MX { background-image: url(img/flag_mx.png); }
#modal-container .d-modal-classroom-book-abstract .d-modal-footer{ position: absolute; bottom: 8px; left: 8px; right: 8px; height: 45px; background: #d9c8aa; text-align: right;     line-height: 47px;}
#modal-container .d-modal-classroom-book-abstract .d-modal-footer a{ margin-right: 20px; }

/* classroom books teacher */
main .d-teacher-classrooms .d-card-books{ display: block; padding-top: 75px; position: relative; text-align: center; }
main .d-teacher-classrooms .d-card-books .d-card { width: 292px; height: 406px; margin-right: 2%; display: inline-block; position: relative; margin-bottom: 15px; background: url(img/classroom-books/teacher-card.png) no-repeat; }
main .d-teacher-classrooms .d-card-books .d-card.add-book { width: 292px; height: 406px; margin-right: 2%; display: inline-block; position: relative; margin-bottom: 15px; background: url(img/classroom-books/newbook.png) no-repeat; }
main .d-teacher-classrooms .d-card-books .d-card.add-book .btn-add-book{ position: absolute; top: 290px; width: 229px; height: 56px; background: url(img/btn-add.png); font-family: 'akaPosse'; font-size: 21px; left: 33px; line-height: 50px; color: #32240b; text-transform: uppercase; }
main .d-teacher-classrooms .d-card-books .d-card .actions{ position: absolute; right: 20px; top: 30px; }
main .d-teacher-classrooms .d-card-books .d-card .actions .btn-config{ width: 28px; height: 28px; background: url(img/classroom-project-students/ico-config.png); }
main .d-teacher-classrooms .d-card-books .d-card .dropdown{ left: 160px; top: 90px; }
main .d-teacher-classrooms .d-card-students .d-card .d-header .actions .btn-config{ width: 28px; height: 28px; background: url(img/classroom-project-students/ico-config.png); }
main .d-teacher-classrooms .d-card-books .d-card .book-cover{ cursor: pointer; width: 150px; height: 216px; margin: 0 auto; margin-bottom: 10px; background-repeat: no-repeat; background-size: 100%; background-position: center center; position: absolute; top: 31px; left: 29px; }
main .d-teacher-classrooms .d-card-books .d-card .label-resume { text-align: center; position: absolute; top: 30px; left: 205px; width: 110px; height: 31px; }
main .d-teacher-classrooms .d-card-books .d-card .label-resume .text{ color: #FFF; font-family: 'effloresce_bold'; text-align: center; position: absolute; top: 6px; left: 0; width: 100%; height: 100%; z-index: 2; }
main .d-teacher-classrooms .d-card-books .d-card .label-resume .bg{ background: #000; border-radius: 15px; opacity: .4; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
main .d-teacher-classrooms .d-card-books .d-card .label-title { font-family: 'cinzel_decorative_700'; font-size: 18px; color: #131313; width: 230px; position: absolute; top: 260px; left: 30px; text-align: left; text-overflow: clip; height: 50px; overflow: hidden; }
main .d-teacher-classrooms .d-card-books .d-card .label-authors { font-family: 'special_elite'; font-size: 14px; color: #5F5F5F; width: 200px; position: absolute; top: 315px; left: 30px; text-align: left; line-height: 20px; }
main .d-teacher-classrooms .d-card-books .d-card .d-lang { position: absolute; top: 33px; right: 55px; width: 24px; height: 24px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url(img/flag_es.png) no-repeat; background-size: 100% 100%; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); }
main .d-teacher-classrooms .d-card-books .d-card .d-lang.es { background-image: url(img/flag_wo.png); }
main .d-teacher-classrooms .d-card-books .d-card .d-lang.en-US { background-image: url(img/flag_en.png); }
main .d-teacher-classrooms .d-card-books .d-card .d-lang.FR { background-image: url(img/flag_fr.png); }
main .d-teacher-classrooms .d-card-books .d-card .d-lang.gl-ES { background-image: url(img/flag_gl.png); }
main .d-teacher-classrooms .d-card-books .d-card .d-lang.vsv { background-image: url(img/flag_va.png); }
main .d-teacher-classrooms .d-card-books .d-card .d-lang.ca-ES { background-image: url(img/flag_ca.png); }
main .d-teacher-classrooms .d-card-books .d-card .d-lang.eu-ES { background-image: url(img/flag_eu.png); }
main .d-teacher-classrooms .d-card-books .d-card .d-lang.es-AR { background-image: url(img/flag_ar.png); }
main .d-teacher-classrooms .d-card-books .d-card .d-lang.es-MX { background-image: url(img/flag_mx.png); }

#modal-container .d-modal-classroom-book-archived{ width: 670px; height: 460px; }
#modal-container .d-modal-classroom-book-archived .d-modal-header{ position: absolute; top: 20px; left: 20px; right: 20px; text-align: center; color: #3e2e20; line-height: 35px; }
#modal-container .d-modal-classroom-book-archived .d-modal-header .d-modal-header-title{ font-family: "cinzel_decorative_700"; font-size: 25px;  }
#modal-container .d-modal-classroom-book-archived .d-modal-header .d-modal-header-sub-title{ font-size: 19px;  }
#modal-container .d-modal-classroom-book-archived .d-modal-list{ width: 621px; height: 300px; border: 2px solid #c1b78e; position: absolute; top: 105px; left: 28px; padding: 5px; overflow-y: auto; }
#modal-container .d-modal-classroom-book-archived .d-modal-list .d-book { position: relative; display: block; width: 100%; height: 174px; min-width: 400px; border-bottom: 1px solid #dedede; }
#modal-container .d-modal-classroom-book-archived .d-modal-list .d-book .icon{ position: absolute; z-index: 3; top: 17px; left: 17px; width: 95px; height: 138px; background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url(img/ico-add-image.png); }
#modal-container .d-modal-classroom-book-archived .d-modal-list .d-book .icon-bg{ width: 129px; height: 174px; position: absolute; z-index: 2; background: url(img/classroom-project/bg-book.png); top: 0px; left: 0px; }
#modal-container .d-modal-classroom-book-archived .d-modal-list .d-book .info{ position: absolute; min-width: 360px; left: 185px; top: -2px; line-height: 30px; }
#modal-container .d-modal-classroom-book-archived .d-modal-list .d-book .info .name{ font-family: 'cinzel_decorative_700'; font-size: 21px; padding-right: 50px; padding-top: 20px; }
#modal-container .d-modal-classroom-book-archived .d-modal-list .d-book .info .archived-at { position: absolute; top: 138px; }
#modal-container .d-modal-classroom-book-archived .d-modal-list .d-book .info .archived-at .label{ font-family: 'special_elite'; font-size: 13px; }
#modal-container .d-modal-classroom-book-archived .d-modal-list .d-book .info .archived-at .value{ font-family: 'special_elite'; font-weight: bold; color: darkred; font-size: 13px; }
#modal-container .d-modal-classroom-book-archived .d-modal-list .d-book .info .authors{ font-family: 'special_elite'; font-size: 14px; color: #5F5F5F; width: 200px; position: absolute; top: 85px; left: 0px; text-align: left; line-height: 20px; }
#modal-container .d-modal-classroom-book-archived .d-modal-list .d-book .simple-checkbox{ float: right; margin-top: 15px; margin-right: 15px; }
#modal-container .d-modal-classroom-book-archived .d-modal-list .d-book .d-lang { position: absolute; top: 18px; left: 143px; width: 24px; height: 24px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url(img/flag_es.png) no-repeat; background-size: 100% 100%; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); }
#modal-container .d-modal-classroom-book-archived .d-modal-list .d-book .d-lang.es { background-image: url(img/flag_wo.png); }
#modal-container .d-modal-classroom-book-archived .d-modal-list .d-book .d-lang.en-US { background-image: url(img/flag_en.png); }
#modal-container .d-modal-classroom-book-archived .d-modal-list .d-book .d-lang.FR { background-image: url(img/flag_fr.png); }
#modal-container .d-modal-classroom-book-archived .d-modal-list .d-book .d-lang.gl-ES { background-image: url(img/flag_gl.png); }
#modal-container .d-modal-classroom-book-archived .d-modal-list .d-book .d-lang.vsv { background-image: url(img/flag_va.png); }
#modal-container .d-modal-classroom-book-archived .d-modal-list .d-book .d-lang.ca-ES { background-image: url(img/flag_ca.png); }
#modal-container .d-modal-classroom-book-archived .d-modal-list .d-book .d-lang.eu-ES { background-image: url(img/flag_eu.png); }
#modal-container .d-modal-classroom-book-archived .d-modal-list .d-book .d-lang.es-AR { background-image: url(img/flag_ar.png); }
#modal-container .d-modal-classroom-book-archived .d-modal-list .d-book .d-lang.es-MX { background-image: url(img/flag_mx.png); }
#modal-container .d-modal-classroom-book-archived .d-modal-footer{ position: absolute; bottom: 8px; left: 8px; right: 8px; height: 45px; background: #d9c8aa; text-align: right;     line-height: 47px;}
#modal-container .d-modal-classroom-book-archived .d-modal-footer a{ margin-right: 20px; }

main .d-teacher-classrooms .d-card-book-book{ float:left; width: 200px; }
main .d-teacher-classrooms .d-card-book-book .cover{ width: 130px; height: 200px; left: 178px; top: 119px; background: url(image.png); border: 3px solid #93522D; filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.3)); margin-left: 80px; margin-top: 80px; background-size: contain;}
main .d-teacher-classrooms .d-card-book-book .title{ font-family: 'Effloresce'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 29px; color: #FFFFFF; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); margin-left: 80px; margin-top: 20px; }
main .d-teacher-classrooms .d-card-book-book .read{ cursor: pointer; width: 148px; height: 58px; background: url(img/classroom-books/btn-read.png); font-family: 'akaPosse'; color: #321d0b; font-size: 18px; line-height: 50px; margin-left: 70px; margin-top: 20px; } 
main .d-teacher-classrooms .d-card-book-book .read .label{ text-align: center; font-size: 20px; line-height: 52px; text-transform: uppercase; } 

main .d-teacher-classrooms .d-card-book-students{ display: block; padding-top: 75px; position: relative; text-align: left; margin-left: 290px; }
main .d-teacher-classrooms .d-card-book-students .d-card.d-student{ width: 380px; height: 130px; margin-right: 2%; display: inline-block; position: relative; margin-bottom: 15px; background: #FCF2E9; border: 6px solid #6A3513; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3), inset 0px 8px 10px rgba(0, 0, 0, 0.2); border-radius: 4px; }
main .d-teacher-classrooms .d-card-book-students .d-card.d-student .d-student-icon{ top: -5px; left: 15px; }
main .d-teacher-classrooms .d-card-book-students .d-card.d-student .d-name{ font-family: 'Effloresce'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 24px; position: absolute; top: 20px; left: 120px; width: 254px; text-align: left; }
main .d-teacher-classrooms .d-card-book-students .d-card.d-student .label-progress { font-family: 'special_elite'; font-size: 12px; color: #616161; width: 200px; position: absolute; top: 62px; left: 120px; text-align: left; line-height: 20px; }
main .d-teacher-classrooms .d-card-book-students .d-card.d-student .progress-label { font-family: 'akaPosse'; font-size: 24px; color: #1C2436; position: absolute; top: 89px; right: 17px; line-height: 20px; width: 50px; text-align: center; z-index: 2;}
main .d-teacher-classrooms .d-card-book-students .d-card.d-student .progress-bar { position: absolute; top: 95px; left: 126px; height: 12px; width: 151px; background: #1BA40D; box-shadow: inset 0px 4px 10px rgb(255 216 115 / 40%);border-radius: 5px; z-index: 3; }
main .d-teacher-classrooms .d-card-book-students .d-card.d-student .progress-bar-bg-1 { position: absolute; width: 188px; height: 22px; left: 120px; top: 90px; background: #202020; border: 4px solid #834318; box-sizing: border-box; box-shadow: 0px 1px 2px rgb(0 0 0 / 25%); border-radius: 24px; z-index: 2; }
main .d-teacher-classrooms .d-card-book-students .d-card.d-student .progress-bar-bg-2 { display: block; align-items: center; padding: 2px 8px; position: absolute; width: 250px; height: 35px; left: 110px; top: 81px; background: #ECDDD0; box-shadow: inset 0px 2px 6px rgb(12 9 8 / 10%); border-radius: 40px; z-index: 1; }
main .d-teacher-classrooms .d-card-book-students .d-card.wo-books { width: 280px; height: 146px; margin-right: 2%; display: inline-block; position: relative; margin-bottom: 15px; background: url(img/classroom-books/empty.png) no-repeat; text-align: center; }
main .d-teacher-classrooms .d-card-book-students .d-card.wo-books span { padding: 30px; margin-top: 5px; float: left; color: #FFF; line-height: 22px; }

/* HELP */

main .d-module-help .section .subtitle{ margin-left: 50px; padding-top: 50px; font-family: 'akaPosse'; font-style: normal; font-weight: 400; font-size: 24px; line-height: 31px; text-transform: uppercase; color: #752B13; }
main .d-module-help .section .d-card-container{ display: block; padding-top: 25px; position: relative; text-align: left; margin-left: 45px; }
main .d-module-help .section .d-card-container .d-card{ width: 370px; height: 409px; margin-right: 2%; display: inline-block; position: relative; margin-bottom: 15px; background: url(img/help/bg-video.png) no-repeat; cursor: default;}
main .d-module-help .section .d-card-container .d-card.webinar{ width: 367px; height: 451px; margin-right: 2%; display: inline-block; position: relative; margin-bottom: 15px; background: url(img/help/bg-webinar.png) no-repeat; cursor: default;}
main .d-module-help .section .d-card-container .d-card .img-video{ position: absolute; width: 342px; height: 180px; left: 14px; top: 12px; background: url(img/help/image.png); background-size: contain; background-repeat: no-repeat; background-position: center; background-size: cover; }
main .d-module-help .section .d-card-container .d-card .bt-play-bg{ position: absolute; width: 50px; height: 50px; left: 160px; top: 78px; background: rgba(0, 0, 0, 0.8); border-radius: 50px; }
main .d-module-help .section .d-card-container .d-card .bt-play{ width: 28px; height: 34px; background: url(img/help/play.png); margin-top: 9px; margin-left: 14px;}
main .d-module-help .section .d-card-container .d-card .title{ position: absolute; width: 248px; height: 66px; left: 28px; top: 206px; font-family: 'Effloresce'; font-style: normal; text-align: left; font-weight: 700; font-size: 18px; line-height: 22px; color: #000000; }
main .d-module-help .section .d-card-container .d-card .time{ position: absolute; width: 45px; height: 14px; left: 270px; top: 213px; font-family: 'Special Elite'; font-style: normal; font-weight: bold; font-size: 14px; line-height: 14px; text-align: right; color: #404040; }
main .d-module-help .section .d-card-container .d-card .description{ position: absolute; width: 294px; height: 40px; left: 28px; top: 305px; font-family: 'Effloresce'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 20px; color: #5C3131; }
main .d-module-help .section .d-card-container .d-card.webinar .description{ left: 37px; }
main .d-module-help .section .d-card-container .d-card .d-lang { position: absolute; top: 205px; right: 22px; width: 24px; height: 24px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url(img/flag_es.png) no-repeat; background-size: 100% 100%; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); }
main .d-module-help .section .d-card-container .d-card .d-lang.es { background-image: url(img/flag_es.png); }
main .d-module-help .section .d-card-container .d-card .d-lang.en-US { background-image: url(img/flag_en.png); }
main .d-module-help .section .d-card-container .d-card .d-lang.FR { background-image: url(img/flag_fr.png); }
main .d-module-help .section .d-card-container .d-card .d-lang.gl { background-image: url(img/flag_gl.png); }
main .d-module-help .section .d-card-container .d-card .d-lang.va { background-image: url(img/flag_va.png); }
main .d-module-help .section .d-card-container .d-card .d-lang.ca { background-image: url(img/flag_ca.png); }
main .d-module-help .section .d-card-container .d-card .d-lang.eu { background-image: url(img/flag_eu.png); }
main .d-module-help .section .d-card-container .d-card .d-lang.ar { background-image: url(img/flag_ar.png); }
main .d-module-help .section .d-card-container .d-card .d-lang.mx { background-image: url(img/flag_mx.png); }
main .d-module-help .section .d-card-container .d-card .author { position: absolute; height: 22px; left: 25px; right: 7.36%; top: 397px; font-family: 'Effloresce'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; color: #FFFFFF; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); }

main .m-home .fixed-help-btn-add { cursor: pointer; position: fixed; z-index: 3; bottom: 30px; right: 10px; width: 263px; height: 60px; background: url(img/help/btn-fixed-bg.png); font-family: 'akaPosse'; color: #321d0b; font-size: 18px; line-height: 50px; }
main .m-home .fixed-help-btn-add .icon{ width: 28px; height: 22px; background: url(img/help/icon-help.png); position: absolute; top: 15px; left: 25px; }
main .m-home .fixed-help-btn-add .label{ text-align: center; position: absolute; top: 0px; left: 35px; right: 10px; font-size: 18px; line-height: 52px; text-transform: uppercase; }

main .m-home .d-module-help.teacher .contact-form-bg{ display: none; position: fixed; z-index: 2; background: #000; opacity: 0.7; top: 0; left: 0; right: 0; bottom: 0;}
main .m-home .d-module-help.teacher .contact-form{ display: none; position: fixed; z-index: 3; bottom: 30px; right: 10px; width: 487px; height: 394px; background: url(img/help/popup.png); }
main .m-home .d-module-help.teacher .contact-form .btn.close{ width: 18px; height: 18px; background: url(img/help/bt-cerrar.png); position: absolute; top: 38px; right: 45px;}
main .m-home .d-module-help.teacher .contact-form .btn.send{ width: 134px; height: 39px; background: url(img/help/btn-orange.png); position: absolute; bottom: 38px; right: 45px;}
main .m-home .d-module-help.teacher .contact-form .btn.send span{ font-family: 'Effloresce'; font-style: normal; font-weight: 700; font-size: 20px;line-height: 24px; text-align: center; color: #FFF1D1; text-shadow: 0px 2px 1px rgb(0 0 0 / 40%); text-align: center; position: absolute; left: 0; right: 0; top: 5px; }
main .m-home .d-module-help.teacher .contact-form .step1 .title{ position: absolute; width: 346px; height: 28px; left: 40px; top: 33px; font-family: 'akaPosse'; font-style: normal; font-weight: 600; font-size: 22px; line-height: 28px; color: #3C1602; }
main .m-home .d-module-help.teacher .contact-form .step1 .message{ position: absolute; width: 383px; height: 204px; left: 40px; top: 72px; background: #FCFBF6; border: 1px solid #C3B39C; border-radius: 4px; padding: 10px; }
main .m-home .d-module-help.teacher .contact-form .step2{ display: none; }
main .m-home .d-module-help.teacher .contact-form .step2 .icon-success{ width: 42px; height: 42px; background: url(img/help/icon-ok.png); position: absolute; top: 110px; left: 223px; }
main .m-home .d-module-help.teacher .contact-form .step2 .message{ font-family: 'Effloresce'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 24px; text-align: center; color: #000000; position: absolute; top: 180px; left: 60px; right: 60px; }


/* Teacher Admin Requested Projects */
main .d-teacher-admin-requested-projects { position: relative;     z-index: 2; }
main .d-teacher-admin-requested-projects .d-header { width: 100%; height: 50px; position: relative; font-family: 'effloresce_bold'; z-index:2; }
main .d-teacher-admin-requested-projects .d-header .d-title { position: absolute; top: 48px; left: 340px; color: #ccba99; font-size: 20px; }
main .d-teacher-admin-requested-projects .d-current-filters { position: fixed; top: 80px; left: 410px; right: 10px; height: 45px;  z-index: 3; line-height: 40px; /*white-space: nowrap;*/ }
main .d-teacher-admin-requested-projects .d-current-filters .d-filter{ margin-bottom: 10px; display: inline-block; height: 34px; border: 2px solid #585441; background: #f1e7d4; position: relative; border-radius: 20px; font-size: 18px; padding: 0px 35px 0px 12px; line-height: 35px; margin-right: 5px; }
main .d-teacher-admin-requested-projects .d-current-filters .d-filter .d-close{ cursor: pointer; content: ""; width: 30px; height: 30px; background: url(img/library-projects/bt-close.png) no-repeat; background-position: center; position: absolute; top: 2px; right: 2px; }
main .d-teacher-admin-requested-projects .d-current-filters .d-filter.all{ color: #efe5d1; background: #555240; border: 2px solid #2d291f; cursor: pointer; padding-right: 12px;}
main .d-teacher-admin-requested-projects .d-current-filters .d-filter.all .d-close{ display: none; }

main .d-teacher-admin-requested-projects .d-label-search { padding: 20px 40px; padding-bottom: 10px; }
main .d-teacher-admin-requested-projects .d-search { margin-left: 20px; margin-top: 10px; }
main .d-teacher-admin-requested-projects .d-search input { width: 250px; border-top: 2px solid #ccba99; border-left: 2px solid #ccba99; border-right: 2px solid #ad9e82; border-bottom: 2px solid #ad9e82;  height: 27px; background-color: transparent; color: #000; padding-left: 10px; padding-right: 10px; font-family: special_elite; font-size: 16px;}

main .d-teacher-admin-requested-projects .d-content{ display: block; position: relative; padding-top: 55px; }

main .d-teacher-admin-requested-projects .d-content .d-info{ color: #fff; margin: 5px 0px 10px 0px; font-size: 16px; float:left; }
main .d-teacher-admin-requested-projects .d-content .d-export{ color: #fff; margin: 5px 53px 10px 0px; font-size: 16px; float: right; cursor: pointer; }
main .d-teacher-admin-requested-projects .d-content .d-books .d-empty-block{ display: block; width: 332px; height: 145px; background: url(img/library-projects/empty.png); position: relative; margin: auto; }
main .d-teacher-admin-requested-projects .d-content .d-books .d-empty-block .d-message{  position: absolute; top: 90px; left: 10px; right: 10px; text-align: center; }
main .d-teacher-admin-requested-projects .d-content .d-books{ display: block; height: auto; position: relative;  border-radius: 5px; background: #eee9dd; margin-right: 50px; }
main .d-teacher-admin-requested-projects .d-content .d-book-headers{     display: block;
    height: auto;
    position: relative;
    padding: 10px;
    border-radius: 5px;
    background: #c1a080;
    margin-right: 50px;
    height: 30px;
    font-size: 17px;
    font-family: effloresce_bold;
    margin-top: 40px;
 }
 main .d-teacher-admin-requested-projects .d-content .d-book-headers .d-request-amount{
    position: absolute;
    left: 20px;
    top: 15px;
 }
 main .d-teacher-admin-requested-projects .d-content .d-book-headers .d-book{
    position: absolute;
    left: 150px;
    top: 15px;
 }
main .d-teacher-admin-requested-projects .d-content .d-books .d-book{ position: relative; min-width: 750px; min-height: 80px; border-bottom: 2px solid #bd9955; }
main .d-teacher-admin-requested-projects .d-content .d-books .d-book .d-book-amount-requests{ 
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 30px;
    color: #e25640;
    font-family: effloresce_bold;
    width: 60px;
    text-align: center;
}
main .d-teacher-admin-requested-projects .d-content .d-books .d-book .d-book-name{ position: absolute; top: 10px; left: 150px; font-size: 16px; color: #44240d; font-family: effloresce_bold; }
main .d-teacher-admin-requested-projects .d-content .d-books .d-book .d-book-name span {
    color: #7c7171;
    font-family: 'effloresce';
}
main .d-teacher-admin-requested-projects .d-content .d-books .d-book .d-config{ width: 28px; height: 28px; background: url(img/admin/btn-config.png); position: absolute; top: 16px; right: 5px; }

main .d-teacher-admin-requested-projects .d-content .d-books .d-book .dropdown{ position: absolute; top: 70px; right: -25px; display: none; left: auto; z-index: 2; }
main .d-teacher-admin-requested-projects .d-content .d-books .d-book .dropdown ul{ list-style:  none; margin: 0; padding: 0;  }
main .d-teacher-admin-requested-projects .d-content .d-books .d-book .dropdown ul li { margin: 0px 10px 0px 10px; padding: 10px; cursor: pointer; text-align: center; }
main .d-teacher-admin-requested-projects .d-content .d-books .d-book .dropdown ul li a { color: #000; text-decoration: none; font-family: 'effloresce_bold'; }
main .d-teacher-admin-requested-projects .d-content .d-books .d-book .dropdown ul li:hover:not(.divider){ background: #4e1d00; }
main .d-teacher-admin-requested-projects .d-content .d-books .d-book .dropdown ul li:hover a{ color: #FFF; }
main .d-teacher-admin-requested-projects .d-content .d-books .d-book .dropdown ul li.divider{ background: url(img/bg_header_dd_separator.png) 0px 8px no-repeat; background-size: 100%; }
main .d-teacher-admin-requested-projects .d-content .d-books .d-book .user-accordion{
    margin-left: 150px;
    padding-top: 20px;
}
main .d-teacher-admin-requested-projects .d-content .d-books .d-book .user-accordion h3{
    position: relative;
    font-size: 15px;
    font-family: effloresce;
    background: #ddd3bb;
    margin-right: 50px;
    height: 15px;
    padding: 10px;
    border-radius: 5px;
    color: #7c7171;
    margin-bottom: 0;
    cursor: pointer;
}
main .d-teacher-admin-requested-projects .d-content .d-books .d-book .user-accordion .users{
    color: #7c7171;
    margin-left: 15px;
    line-height: 25px;
    font-size: 15px;
}
main .d-teacher-admin-requested-projects .d-content .d-books .d-book .user-accordion .users p{
    padding-left: 82px;
    padding-top: 0;
    margin-top: 0;
}
main .d-teacher-admin-requested-projects .d-content .d-books .d-book .user-accordion h3 .toggle{ width: 20px; height: 20px; position:absolute; font-family: 'akaPosse'; font-size: 26px; color: #662f1b; cursor: pointer; margin: 0; top: -3px; right: 15px; text-align: center; }
main .d-teacher-admin-requested-projects .d-content .d-books .d-book .user-accordion h3 .toggle:before{ content: '+'; }
main .d-teacher-admin-requested-projects .d-content .d-books .d-book .user-accordion h3.active .toggle:before{ content: '-'; }
main .d-teacher-admin-requested-projects .d-content .d-books .d-book .user-accordion > div{     
    padding: 5px;
    display: none;
 }
 main .d-teacher-admin-requested-projects .d-content .d-books .d-book .user-accordion > div span{
 color: #e14747;
}
/* END Teacher Admin Requested Projects */


/* Teacher insights */
main .m-home .d-home-content.teacher-insights{ background: url(img/insights/tile-bg.png); }
main .m-home .d-home-content .d-module-insights{padding-top: 30px; z-index: 2; position: relative; padding-bottom: 20px; }
main .m-home .d-home-content .d-module-insights .box{ background: #FFFFFF; border: 3px solid #694A41;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25), inset 0px 0px 10px rgba(105, 74, 65, 0.8);border-radius: 8px;}
main .m-home .d-home-content .d-module-insights .box.top{ width: 1132px; height: 110px; margin: 0 auto; position: relative; }
main .m-home .d-home-content .d-module-insights .middle{ position: relative;padding: 20px 0 20px 0;width: 1136px;height: 300px;margin: 0 auto;}
main .m-home .d-home-content .d-module-insights .middle .box.graph{ position: absolute;top: 10px;left:0;width: 736px;height: 314px;}
main .m-home .d-home-content .d-module-insights .middle .box.total{ position: absolute;width: 184px;height: 149px;}
main .m-home .d-home-content .d-module-insights .middle .box.total.visits{ top: 10px; right: 197px; } 
main .m-home .d-home-content .d-module-insights .middle .box.total.readings{ top: 10px; right: 0px; } 
main .m-home .d-home-content .d-module-insights .middle .box.total.reading-time{ bottom: 10px; right: 197px} 
main .m-home .d-home-content .d-module-insights .middle .box.total.activities{ bottom: 10px; right: 0; } 
main .m-home .d-home-content .d-module-insights .box.bottom{ width: 1132px;min-height: 310px;margin: 0 auto;}

main .m-home .d-home-content .d-module-insights .label{ font-family: 'Effloresce';font-style: normal;font-weight: 700;font-size: 18px;line-height: 22px;color: #C2826D;}
main .m-home .d-home-content .d-module-insights .label.classroom{ position: absolute; top: 15px; left: 40px; }
main .m-home .d-home-content .d-module-insights .label.dates{ position: absolute; top: 15px; right: 320px;}

main .m-home .d-home-content .d-module-insights .input-classroom select { width: 302px;height: 40px;box-sizing: border-box;padding: 8px 12px;background: #FFFFFF;border: 1px solid #BE9E8C;box-shadow: inset 0px 0px 6px #BE9E8C;border-radius: 30px;font-family: 'Roboto';font-style: normal;font-weight: 700;font-size: 18px;line-height: 22px;color: #23201F;position: absolute;left: 27px;top: 45px;background: url(img/insights/expand.png) no-repeat right #ddd;-webkit-appearance: none;background-position-x: 270px;}
main .m-home .d-home-content .d-module-insights .input-classroom select option { font-family: 'Roboto';font-style: normal;font-weight: 700;font-size: 18px;line-height: 22px;color: #23201F;}
main .m-home .d-home-content .d-module-insights .input-dates select { width: 302px;height: 40px;box-sizing: border-box;padding: 8px 12px;background: #FFFFFF;border: 1px solid #BE9E8C;box-shadow: inset 0px 0px 6px #BE9E8C;border-radius: 30px;    font-family: 'Roboto';font-style: normal;font-weight: 700;font-size: 18px;line-height: 22px;color: #23201F;position: absolute;right: 88px;top: 45px;background: url(img/insights/expand.png) no-repeat right #ddd;-webkit-appearance: none;background-position-x: 270px;}
main .m-home .d-home-content .d-module-insights .input-dates select option { font-family: 'Roboto';font-style: normal;font-weight: 700;font-size: 18px;line-height: 22px;color: #23201F; }

main .m-home .d-home-content .d-module-insights .bt-export{ box-sizing: border-box;display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 8px 16px;gap: 12px;width: 56px;height: 40px;background: #D1541B;border: 1px solid #B07744;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25), inset 0px -2px 2px rgba(0, 0, 0, 0.25), inset 0px 2px 1px #E17038;border-radius: 20px;position: absolute;top: 46px;right: 15px;}
main .m-home .d-home-content .d-module-insights .bt-export .icon{background: url(img/insights/export-v2.png) no-repeat;width: 24px; height: 24px; margin-top: 4px; }

main .m-home .d-home-content .d-module-insights .graph .label {font-family: 'Effloresce';font-style: normal;font-weight: 700;font-size: 18px;line-height: 25px;color: #694A41;position: absolute;top: 15px;left: 40px;}
main .m-home .d-home-content .d-module-insights .graph .radio-container {position: absolute;top: 15px;right: 40px;}
main .m-home .d-home-content .d-module-insights .graph-container { position: relative; height:40vh; width:67vw;padding-top: 20px; }
main .m-home .d-home-content .d-module-insights .graph-container canvas{ margin-top: 20px; margin-left: 5px; }
main .m-home .d-home-content .d-module-insights .graph input[type='radio'] {accent-color: #D1541B;}
main .m-home .d-home-content .d-module-insights .graph label {font-family: 'Effloresce';font-style: normal;font-weight: 700;font-size: 16px;line-height: 19px;cursor: pointer;}

main .m-home .d-home-content .d-module-insights .middle .total .icon{width: 48px;height: 48px;background: url(img/insights/visitas.png);position: absolute;top: 15px;left: 65px;}
main .m-home .d-home-content .d-module-insights .middle .total.readings .icon{background: url(img/insights/leido.png);}
main .m-home .d-home-content .d-module-insights .middle .total.reading-time .icon{background: url(img/insights/tiempo.png);}
main .m-home .d-home-content .d-module-insights .middle .total.activities .icon{background: url(img/insights/tareas.png);}

main .m-home .d-home-content .d-module-insights .middle .total .raw{ font-family: 'Roboto';font-style: normal;font-weight: 700;font-size: 24px;line-height: 29px;position: absolute;text-align: center;letter-spacing: 0.05em;color: #23201F;top: 75px;left: 0;right: 0;}
main .m-home .d-home-content .d-module-insights .middle .total .label{ font-family: 'Roboto';font-style: normal;font-weight: 700;font-size: 16px;line-height: 20px;text-align: center;color: #694A41;position: absolute;bottom: 20px;left: 0;right: 0;}

main .m-home .d-home-content .d-module-insights .bottom {position: relative;}
main .m-home .d-home-content .d-module-insights .bottom .t-headers{background: #E6D9C1;border-bottom: 1px solid #E6D9C1;box-shadow: inset 0px -2px 6px rgba(105, 74, 65, 0.1);height: 44px;position: absolute;top: 3px;left: 5px;right: 5px;border-top-right-radius: 5px;border-top-left-radius: 5px;}
main .m-home .d-home-content .d-module-insights .bottom .t-headers .t-header{font-family: 'Effloresce';font-style: normal;font-weight: 700;font-size: 14px;line-height: 17px;color: #694A41;position: absolute;top: 15px;}
main .m-home .d-home-content .d-module-insights .bottom .t-headers .t-header.user{left: 40px;}
main .m-home .d-home-content .d-module-insights .bottom .t-headers .t-header.visits{left: 268px;}
main .m-home .d-home-content .d-module-insights .bottom .t-headers .t-header.books{left: 343px;}
main .m-home .d-home-content .d-module-insights .bottom .t-headers .t-header.progress{left: 659px;}
main .m-home .d-home-content .d-module-insights .bottom .t-headers .t-header.reading{left: 805px;}
main .m-home .d-home-content .d-module-insights .bottom .t-headers .t-header.activities{left: 939px;width: 100px;line-height: 14px;top: 10px;}
main .m-home .d-home-content .d-module-insights .bottom .t-headers .t-header.score{ left: 1029px; text-align: left; line-height: 14px;top: 10px; }

main .m-home .d-home-content .d-module-insights .bottom .t-rows{ position: relative; margin-top: 45px; }
main .m-home .d-home-content .d-module-insights .bottom .t-rows .wo-students{ margin: 30px; text-align: center; padding: 40px; font-family: 'Roboto'; }
main .m-home .d-home-content .d-module-insights .bottom .t-rows .wo-students .icon{ width: 69px; height: 79px; background: url(img/profile/no_detective.png); margin: 0 auto; }
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user{position: relative;width: 1120px; min-height: 125px;border-bottom: 2px solid #E6D9C1;font-family: 'Roboto';font-style: normal;font-weight: 600;font-size: 16px;line-height: 19px;color: #23201F; margin-left: 5px; }
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user:last-child{ border-bottom: 0;padding-bottom: 10px;}
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user .avatar{ position: absolute; top: 7px; left: 15px;}
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user .avatar .image{position: absolute;top: 1px;left: 1px;background: url(img/profile_42x42.jpg);width: 34px;border-radius: 50%;height: 35px;background-size: cover;}
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user .avatar .background{position: absolute;z-index: 1;top: 0;left: 0;border: 3px solid #694A41;box-shadow: 0px 3px 10px rgb(0 0 0 / 25%);border-radius: 50%;width: 31px;height: 31px;} 
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user .fullname{ position: absolute; top: 15px; left: 60px; width: 190px;}
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user .visits{ position: absolute; top: 15px; left: 270px;  }
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user .books{ position: relative; padding-left: 340px; min-height: 120px; }
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user .books .book-container > div{ border-bottom: 2px solid #E6D9C1; width: 100%; position: relative; height: 35px; }
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user .books .book-container > div:last-child{ border: none; }
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user .books .book .icon { position: absolute; width: 24px; height: 24px; top: 8px; left: 0; background: url(img/insights/caso.png);}
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user .books .book .icon.book { background: url(img/insights/libro.png);}
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user .books .book .title { position: absolute;left: 27px;width: 280px;top: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user .books .book .title.book { font-style: oblique; font-weight: 400;}
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user .books .book .progress { position: absolute;left: 320px;width: 130px;top: 10px; }
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user .books .bar .progress { position: absolute;width: 16px;height: 13px;left: 3px;top: 3px;background: #53AF26;border-radius: 8px 0px 0px 8px;z-index: 1;}
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user .books .bar .progress.complete { border-radius: 8px 8px 8px 8px; }
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user .books .bar .background { position: absolute;width: 50px;height: 16px;left: 0px;top: 0px;background: #23201F;border: 2px solid #694A41;box-shadow: inset 0px 0px 4px rgb(0 0 0 / 25%);border-radius: 10px;z-index:0;}
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user .books .progress span{position: absolute;left: 70px;}
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user .books .book .reading { position: absolute;left: 470px;width: 120px;top: 10px; }
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user .books .book .activities { position: absolute;left: 600px;width: 90px;top: 10px; }
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user .books .book .score { position: absolute;left: 710px;width: 80px;top: 10px; }
main .m-home .d-home-content .d-module-insights .bottom .t-rows .user .books .more {  font-family: 'Effloresce';font-style: normal;font-weight: 700;font-size: 16px;line-height: 19px;color: #D1541B;cursor: pointer;}
main .m-home .d-home-content .d-module-insights .popup { box-sizing: border-box;padding: 24px 32px;gap: 24px;width: 584px;height: 249px;position: absolute;z-index: 2;top: 200px;left: calc(50% - 277px);background: #FFFEFB;border: 6px solid #694A41;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25), inset 0px 0px 20px #23201F;border-radius: 8px;}
main .m-home .d-home-content .d-module-insights .popup .title{ position: absolute;top: 23px;left: 22px;font-family: 'cinzel_decorative_700';font-style: normal;font-weight: 700;font-size: 22px;line-height: 30px;color: #3E2E20;}

main .m-home .d-home-content .d-module-insights .popup .label{ font-family: 'Effloresce';font-style: normal;font-weight: 700;font-size: 18px;line-height: 22px;color: #C2826D;position: absolute;top: 75px;}
main .m-home .d-home-content .d-module-insights .popup .label.from{ left: 25px; }
main .m-home .d-home-content .d-module-insights .popup .label.to{ left: 302px; }
main .m-home .d-home-content .d-module-insights .popup .date{ position: absolute;top: 110px;width: 240px;height: 40px;background: #FFFFFF;border: 1px solid #D1541B;box-shadow: inset 0px 0px 6px #BE9E8C;border-radius: 30px;cursor: pointer;}
main .m-home .d-home-content .d-module-insights .popup .date.from{ left: 23px; } 
main .m-home .d-home-content .d-module-insights .popup .date.to{ left: 300px; } 
main .m-home .d-home-content .d-module-insights .popup .date .icon{ position: absolute; top: 8px; left: 15px; width: 24px; height: 24px; background: url(img/insights/calendar.png); } 
main .m-home .d-home-content .d-module-insights .popup .date input{ border: none; background: none; position: absolute; top: 12px; left: 50px; width: 148px;height: 16px;font-family: 'Roboto';font-style: normal;font-weight: 600;font-size: 14px;line-height: 16px;color: #23201F; } 
main .m-home .d-home-content .d-module-insights .popup .date .arrow{ position: absolute; top: 15px; right: 20px; width: 14px; height: 10px; background: url(img/insights/expand.png);} 
main .m-home .d-home-content .d-module-insights .popup .modal-footer{ position: absolute;bottom: 8px;left: 8px;right: 8px;height: 50px;text-align: right;font-family: 'Effloresce';font-style: normal;font-weight: 700;font-size: 18px;line-height: 22px;}
main .m-home .d-home-content .d-module-insights .popup .modal-footer .btn-cancelar{ margin: 20px;}
main .m-home .d-home-content .d-module-insights .popup .modal-footer .btn-submit{ margin: 10px;margin-right: 30px;}
main .m-home .d-home-content .d-module-insights .generic-dropdown{display: none;position: absolute;top: 115px;left: 990px;z-index: 1;}

/* End Teacher insights */



/* Teacher Admin Licenses */
main .d-teacher-admin-licenses { position: relative;     z-index: 2; }
main .d-teacher-admin-licenses .d-header { width: 100%; height: 50px; position: relative; font-family: 'effloresce_bold'; z-index:2; }
main .d-teacher-admin-licenses .d-header .d-title { position: absolute; top: 48px; left: 340px; color: #ccba99; font-size: 20px; }
main .d-teacher-admin-licenses .d-current-filters { position: fixed; top: 80px; left: 410px; right: 10px; height: 45px;  z-index: 3; line-height: 40px; /*white-space: nowrap;*/ }
main .d-teacher-admin-licenses .d-current-filters .d-filter{ margin-bottom: 10px; display: inline-block; height: 34px; border: 2px solid #585441; background: #f1e7d4; position: relative; border-radius: 20px; font-size: 18px; padding: 0px 35px 0px 12px; line-height: 35px; margin-right: 5px; }
main .d-teacher-admin-licenses .d-current-filters .d-filter .d-close{ cursor: pointer; content: ""; width: 30px; height: 30px; background: url(img/library-projects/bt-close.png) no-repeat; background-position: center; position: absolute; top: 2px; right: 2px; }
main .d-teacher-admin-licenses .d-current-filters .d-filter.all{ color: #efe5d1; background: #555240; border: 2px solid #2d291f; cursor: pointer; padding-right: 12px;}
main .d-teacher-admin-licenses .d-current-filters .d-filter.all .d-close{ display: none; }

main .d-teacher-admin-licenses .d-search { position: absolute; top: 128px; right: 21px;  }
main .d-teacher-admin-licenses .d-search input { width: 250px; border-top: 2px solid #ccba99; border-left: 2px solid #ccba99; border-right: 2px solid #ad9e82; border-bottom: 2px solid #ad9e82;  height: 27px; background-color: transparent; color: #000; padding-left: 10px; padding-right: 10px; font-family: special_elite; font-size: 16px;}

main .d-teacher-admin-licenses .d-content{ display: block; position: relative; padding-top: 10px; }

main .d-teacher-admin-licenses .d-content .d-card-projects-filtersX{ position: absolute; width: 275px; top: 0px; left: 40px; z-index: 3; background: #f9f0e6; border: 2px solid #ccba99; border-radius: 2px; }
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .section-selector{     margin-left: 50px; }
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .section-selector .group.section{  padding-top: 20px;}
main .d-teacher-admin-licenses .d-content .d-card-projects-filters{ width: 359px; margin: 60px 10px 50px 5px; position: relative; }
main .d-teacher-admin-licenses .d-content .d-card-projects-filters:before{ content: ""; position: absolute; left: 0; top: -44px; width: 359px; height: 44px; background: url(img/library-projects/b_sup.png) no-repeat; }
main .d-teacher-admin-licenses .d-content .d-card-projects-filters:after{ content: ""; position: absolute; left: 0; bottom: -57px; width: 359px; height: 57px; background: url(img/library-projects/b_inf.png) no-repeat; }
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .d-filter-content{ width: 359px; background: url(img/library-projects/b_med.png) repeat-y; min-height: 350px; }
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .d-filter-content:before{ content: ""; position: absolute; width: 66px; height: 342px; top: 1px; left: -51px; background: url(img/library-projects/b_izq.png) no-repeat; }

main .d-teacher-admin-licenses .d-content .d-card-projects-filters .d-top-header{ position: relative; }
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .d-top-header:before,
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .d-top-header:after{ content: ' '; position: absolute; top:0; width: 22px; height: 26px; background: url(img/ico_corner.png); }
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .d-top-header:before{ left: 0; }
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .d-top-header:after{ right: 0; }
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .btn-add-license{ display: block; width: 258px; height: 52px; background: url(img/library-projects/bt-add.png); font-family: 'akaPosse'; text-align: center; color: #32240b; font-size: 23px; line-height: 48px; margin: 15px auto; }
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .laber-filter{ display: block; position: relative; width: 130px; height: 50px; font-family: 'akaPosse'; text-align: center; color: #662f1b; font-size: 23px; margin: 0 auto;     position: absolute;
                                                                          top: 114px;
                                                                          left: 114px;}
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .laber-filter:before,
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .laber-filter:after{ content: ' '; position: absolute; top: 0; width: 45px; height: 25px; }
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .laber-filter:before{ background: url(img/ico-figura-0.png); left: -45px;}
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .laber-filter:after{ background: url(img/ico-figura-1.png); right: -45px;}
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .btn-search{ display: block; width: 235px; height: 45px; background: url(img/library-projects/bg-add.png); font-family: 'akaPosse'; text-align: center; color: #32240b; font-size: 23px; line-height: 40px; margin: 15px auto; margin-top: 60px; }

main .d-teacher-admin-licenses .d-content .d-card-projects-filters .filter-accordion {     margin: 110px 30px 20px 30px;}
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .filter-accordion h3{ position: relative; font-family: 'akaPosse'; font-size: 18px; color: #662f1b; border-top: 2px solid #ccba99; border-bottom: 2px solid #ccba99; cursor: pointer; padding: 5px; margin: 0; }
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .filter-accordion h3 .toggle{ width: 20px; height: 20px; position:absolute; font-family: 'akaPosse'; font-size: 26px; color: #662f1b; cursor: pointer; margin: 0; top: -3px; right: 15px; text-align: center; }
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .filter-accordion h3 .toggle:before{ content: '+'; }
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .filter-accordion h3.active .toggle:before{ content: '-'; }
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .filter-accordion > div{     padding: 5px;
                                                                                        display: none;
                                                                                        width: 267px; }
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .filter-accordion label{ line-height: 24px; padding: 0 35px; padding-top: 3px;  -webkit-box-decoration-break: clone; webkit-box-decoration-break: clone }


main .d-teacher-admin-licenses .d-content .d-card-projects-filters ul{ border-radius: 4px; }
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .collapsible-header{ font-weight: bold; }
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .collapsible-body{ background-color: #FFF; }
main .d-teacher-admin-licenses .d-content .d-card-projects-filters .collapsible-body .check-cell{ margin-left: 15px; padding-top: 5px; padding-bottom: 5px;  }

main .d-teacher-admin-licenses .d-content .d-paginator{ float: left; position: relative; width: 300px; }
main .d-teacher-admin-licenses .d-content .d-info-total{ float: left; margin-left: 360px; margin-top: 10px; }
main .d-teacher-admin-licenses .d-content .d-info-total .d-info{ color: #FFF; }
main .d-teacher-admin-licenses .d-content .d-info.results{ color: #f8dfaa;margin: 5px 0px 10px 0px;font-size: 16px;background: #b59143;padding: 2px;border-radius: 3px;border: 2px solid #977938;position: absolute;top: 0px;left: 20px;width: 160px;text-align: center;line-height: 19px;z-index: 0; font-family: 'cinzel_decorative_700'; }
main .d-teacher-admin-licenses .d-content .d-page { display: inline-block; width: 33px; height: 34px; background: url(img/case/btn-arrow.png); margin: auto; background-size: 100%; cursor: pointer;position: absolute;top: 2px; left: 173px; z-index: 1; }
main .d-teacher-admin-licenses .d-content .d-page.d-prev-page { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";top: 2px;left: 0px;z-index: 1;}
main .d-teacher-admin-licenses .d-content .d-page.disabled { opacity: .5 }

main .d-teacher-admin-licenses .d-content .d-licenses .d-empty-block{ display: block; width: 332px; height: 145px; background: url(img/library-projects/empty.png); position: relative; margin: auto; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-empty-block .d-message{  position: absolute; top: 90px; left: 10px; right: 10px; text-align: center; }
main .d-teacher-admin-licenses .d-content .d-licenses{ display: block; height: auto; position: relative; border: 4px solid #56503c; border-radius: 5px; background: #eee9dd; margin-top: 50px; max-width: 780px; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-header{ position: relative; min-width: 700px; max-width: 780px; height: 40px; border-bottom: 2px solid #bd9955; background: #6d6650; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-header > div { position: absolute; top: 10px; left: 10px; font-size: 16px; color: #c9c3a0; font-family: effloresce_bold; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-header .h-code{ top: 10px; left: 10px; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-header .h-uses{ top: 10px; left: 160px; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-header .h-start{ top: 10px; left: 280px; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-header .h-end{ top: 10px; left: 430px; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-header .h-interval{ top: 10px; left: 490px; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-header .h-status{ top: 10px; left: 600px; }

main .d-teacher-admin-licenses .d-content .d-licenses .d-license{ position: relative; min-width: 700px; max-width: 780px;  height: 40px; border-bottom: 2px solid #bd9955; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-license > div{ position: absolute; top: 10px; left: 100px; font-size: 16px; color: #44240d; font-family: effloresce_bold; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-license .d-code{ left: 10px; font-family: monospace; font-size: 12px; font-weight: bold; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-license .d-uses{ left: 160px; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-license .d-start{ left: 280px; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-license .d-end{ left: 370px; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-license .d-interval{ left: 490px; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-license .d-status{ left: 600px; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-license .d-config{ width: 28px; height: 28px; background: url(img/admin/btn-config.png); position: absolute; top: 5px; right: 5px; left: auto; }

main .d-teacher-admin-licenses .d-content .d-licenses .d-license .dropdown{ position: absolute; top: 70px; right: -25px; display: none; left: auto; z-index: 2; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-license .dropdown ul{ list-style:  none; margin: 0; padding: 0;  }
main .d-teacher-admin-licenses .d-content .d-licenses .d-license .dropdown ul li { margin: 0px 10px 0px 10px; padding: 10px; cursor: pointer; text-align: center; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-license .dropdown ul li a { color: #000; text-decoration: none; font-family: 'effloresce_bold'; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-license .dropdown ul li:hover:not(.divider){ background: #4e1d00; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-license .dropdown ul li:hover a{ color: #FFF; }
main .d-teacher-admin-licenses .d-content .d-licenses .d-license .dropdown ul li.divider{ background: url(img/bg_header_dd_separator.png) 0px 8px no-repeat; background-size: 100%; }

#modal-container .dialog-generic .wrap-dialog-popup .title-dialog-popup .license{ font-family: Akhand Soft;}
#modal-container .dialog-generic .wrap-dialog-popup .title-dialog-popup .license span{ color: rgba(144, 53, 0, 1); }
table.popup-license-uses { border: 1px solid black; border-collapse: collapse;    font-family: Akhand Soft; width: 100%; text-align: left; }
table.popup-license-uses th,
table.popup-license-uses td{ border: 1px solid black; border-collapse: collapse; padding: 4px; }
table.popup-license-uses th{background: #6d6650; color: #FFF; font-weight: normal;}

#modal-container .dialog-generic .wrap-dialog-popup .title-dialog-popup .license{ font-family: Akhand Soft;}
#modal-container .dialog-generic .d-batch-licenses {font-family: Akhand Soft;}

/* END Teacher Admin Licenses */

/* MODAL Admin License */
#modal-container .modal.d-modal-admin-license{ width: 550px; height: 310px;}
#modal-container .modal.d-modal-admin-license .d-header{ position: absolute; top: 10px; left: 10px; right: 10px; height: 35px; font-family: cinzel_decorative_700; text-align: center; line-height: 35px; font-size: 20px; border-bottom: 1px solid #c1b78e; }
#modal-container .modal.d-modal-admin-license .d-header .d-modal-close{ position: absolute; top: -14px; right: -10px; width: 40px; height: 40px; background: url(img/btn_cerrar.png) no-repeat; margin: 10px; cursor: pointer; background-position: center; }
#modal-container .modal.d-modal-admin-license .d-content{ position: absolute;top: 50px;left: 20px;right: 20px;bottom: 0px;overflow-y: auto;overflow-x: hidden;margin-left: 10px; }
#modal-container .modal.d-modal-admin-license .d-content .d-title{ font-family: 'cinzel_decorative_700'; font-size: 18px; }
#modal-container .modal.d-modal-admin-license .d-content .d-label{ font-size: 16px; text-align: right; padding-bottom: 10px; padding-top: 6px; padding-right: 6px;}
#modal-container .modal.d-modal-admin-license .d-content .col{ display: inline-block; text-align: center; }
#modal-container .modal.d-modal-admin-license .d-content table input{ width: 200px; font-size: 16px; }
#modal-container .modal.d-modal-admin-license .d-content .col input { width: 100px; text-align: center; color: #c15a1d; font-size: 18px; }
#modal-container .modal.d-modal-admin-license .d-content table { margin: 10px 0 22px 0; }
#modal-container .modal.d-modal-admin-license .d-content .license-code { font-family: 'special_elite'; }

#modal-container .modal.d-modal-admin-license .d-footer{ position: absolute; bottom: 10px; left: 10px; right: 10px; height: 45px; background: #e2d1b4; }
#modal-container .modal.d-modal-admin-license .d-footer .btn-cancel{ float: left; margin: 15px 0px 0px 20px; }
#modal-container .modal.d-modal-admin-license .d-footer .btn-save{ float: right; margin: 5px 30px 0px 10px; }
/* END MODAL Admin License */



/* Teacher Batch Licenses */
main .d-teacher-admin-batch-licenses { position: relative;     z-index: 2; }
main .d-teacher-admin-batch-licenses .d-header { width: 100%; height: 50px; position: relative; font-family: 'effloresce_bold'; z-index:2; }
main .d-teacher-admin-batch-licenses .d-header .d-title { position: absolute; top: 48px; left: 340px; color: #ccba99; font-size: 20px; }
main .d-teacher-admin-batch-licenses .d-current-filters { position: fixed; top: 80px; left: 410px; right: 10px; height: 45px;  z-index: 3; line-height: 40px; /*white-space: nowrap;*/ }
main .d-teacher-admin-batch-licenses .d-current-filters .d-filter{ margin-bottom: 10px; display: inline-block; height: 34px; border: 2px solid #585441; background: #f1e7d4; position: relative; border-radius: 20px; font-size: 18px; padding: 0px 35px 0px 12px; line-height: 35px; margin-right: 5px; }
main .d-teacher-admin-batch-licenses .d-current-filters .d-filter .d-close{ cursor: pointer; content: ""; width: 30px; height: 30px; background: url(img/library-projects/bt-close.png) no-repeat; background-position: center; position: absolute; top: 2px; right: 2px; }
main .d-teacher-admin-batch-licenses .d-current-filters .d-filter.all{ color: #efe5d1; background: #555240; border: 2px solid #2d291f; cursor: pointer; padding-right: 12px;}
main .d-teacher-admin-batch-licenses .d-current-filters .d-filter.all .d-close{ display: none; }

main .d-teacher-admin-batch-licenses .d-search { position: absolute; top: 128px; right: 21px;  }
main .d-teacher-admin-batch-licenses .d-search input { width: 250px; border-top: 2px solid #ccba99; border-left: 2px solid #ccba99; border-right: 2px solid #ad9e82; border-bottom: 2px solid #ad9e82;  height: 27px; background-color: transparent; color: #000; padding-left: 10px; padding-right: 10px; font-family: special_elite; font-size: 16px;}

main .d-teacher-admin-batch-licenses .d-content{ display: block; position: relative; padding-top: 10px; }

main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filtersX{ position: absolute; width: 275px; top: 0px; left: 40px; z-index: 3; background: #f9f0e6; border: 2px solid #ccba99; border-radius: 2px; }
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters{ width: 359px; margin: 60px 10px 50px 5px; position: relative; }
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .section-selector{     margin-left: 50px; }
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .section-selector .group.section{  padding-top: 20px;}
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters:before{ content: ""; position: absolute; left: 0; top: -44px; width: 359px; height: 44px; background: url(img/library-projects/b_sup.png) no-repeat; }
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters:after{ content: ""; position: absolute; left: 0; bottom: -57px; width: 359px; height: 57px; background: url(img/library-projects/b_inf.png) no-repeat; }
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .d-filter-content{ width: 359px; background: url(img/library-projects/b_med.png) repeat-y; min-height: 350px; }
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .d-filter-content:before{ content: ""; position: absolute; width: 66px; height: 342px; top: 1px; left: -51px; background: url(img/library-projects/b_izq.png) no-repeat; }

main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .d-top-header{ position: relative; }
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .d-top-header:before,
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .d-top-header:after{ content: ' '; position: absolute; top:0; width: 22px; height: 26px; background: url(img/ico_corner.png); }
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .d-top-header:before{ left: 0; }
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .d-top-header:after{ right: 0; }
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .btn-add-license{ display: block; width: 258px; height: 52px; background: url(img/library-projects/bt-add.png); font-family: 'akaPosse'; text-align: center; color: #32240b; font-size: 23px; line-height: 48px; margin: 15px auto; }
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .laber-filter{ display: block; position: relative; width: 130px; height: 50px; font-family: 'akaPosse'; text-align: center; color: #662f1b; font-size: 23px; margin: 0 auto;     position: absolute;
                                                                          top: 114px;
                                                                          left: 114px;}
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .laber-filter:before,
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .laber-filter:after{ content: ' '; position: absolute; top: 0; width: 45px; height: 25px; }
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .laber-filter:before{ background: url(img/ico-figura-0.png); left: -45px;}
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .laber-filter:after{ background: url(img/ico-figura-1.png); right: -45px;}
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .btn-search{ display: block; width: 235px; height: 45px; background: url(img/library-projects/bg-add.png); font-family: 'akaPosse'; text-align: center; color: #32240b; font-size: 23px; line-height: 40px; margin: 15px auto; margin-top: 60px; }

main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .filter-accordion {     margin: 110px 30px 20px 30px;}
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .filter-accordion h3{ position: relative; font-family: 'akaPosse'; font-size: 18px; color: #662f1b; border-top: 2px solid #ccba99; border-bottom: 2px solid #ccba99; cursor: pointer; padding: 5px; margin: 0; }
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .filter-accordion h3 .toggle{ width: 20px; height: 20px; position:absolute; font-family: 'akaPosse'; font-size: 26px; color: #662f1b; cursor: pointer; margin: 0; top: -3px; right: 15px; text-align: center; }
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .filter-accordion h3 .toggle:before{ content: '+'; }
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .filter-accordion h3.active .toggle:before{ content: '-'; }
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .filter-accordion > div{     padding: 5px;
                                                                                        display: none;
                                                                                        width: 267px; }
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .filter-accordion label{ line-height: 24px; padding: 0 35px; padding-top: 3px;  -webkit-box-decoration-break: clone; webkit-box-decoration-break: clone }


main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters ul{ border-radius: 4px; }
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .collapsible-header{ font-weight: bold; }
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .collapsible-body{ background-color: #FFF; }
main .d-teacher-admin-batch-licenses .d-content .d-card-projects-filters .collapsible-body .check-cell{ margin-left: 15px; padding-top: 5px; padding-bottom: 5px;  }

main .d-teacher-admin-batch-licenses .d-content .d-paginator{ float: left; position: relative; width: 300px; }
main .d-teacher-admin-batch-licenses .d-content .d-info-total{ float: right; margin-right: 70px; margin-top: 10px; }
main .d-teacher-admin-batch-licenses .d-content .d-info-total .d-info{ color: #FFF; }
main .d-teacher-admin-batch-licenses .d-content .d-info.results{ color: #f8dfaa;margin: 5px 0px 10px 0px;font-size: 16px;background: #b59143;padding: 2px;border-radius: 3px;border: 2px solid #977938;position: absolute;top: 0px;left: 20px;width: 160px;text-align: center;line-height: 19px;z-index: 0;}
main .d-teacher-admin-batch-licenses .d-content .d-page { display: inline-block; width: 33px; height: 34px; background: url(img/case/btn-arrow.png); margin: auto; background-size: 100%; cursor: pointer;position: absolute;top: 2px; left: 173px; z-index: 1; }
main .d-teacher-admin-batch-licenses .d-content .d-page.d-prev-page { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";top: 2px;left: 0px;z-index: 1;}
main .d-teacher-admin-batch-licenses .d-content .d-page.disabled { opacity: .5 }
main .d-teacher-admin-batch-licenses .d-content .d-schools .d-empty-block{ display: block; width: 332px; height: 145px; background: url(img/library-projects/empty.png); position: relative; margin: auto; }
main .d-teacher-admin-batch-licenses .d-content .d-schools .d-empty-block .d-message{  position: absolute; top: 90px; left: 10px; right: 10px; text-align: center; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses{ display: block; height: auto; position: relative; border: 4px solid #56503c; border-radius: 5px; background: #eee9dd; margin-top: 50px; max-width: 780px; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-header{ position: relative; min-width: 700px; max-width: 780px; height: 40px; border-bottom: 2px solid #bd9955; background: #6d6650; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-header > div { position: absolute; top: 10px; left: 10px; font-size: 16px; color: #c9c3a0; font-family: effloresce_bold; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-header .h-code{ top: 10px; left: 10px; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-header .h-uses{ top: 5px;left: 200px;width: 80px;line-height: 16px; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-header .h-start{ top: 10px; left: 300px; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-header .h-end{ top: 10px; left: 370px; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-header .h-interval{ top: 10px; left: 490px; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-header .h-status{ top: 10px; left: 600px; }

main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-license{ position: relative; min-width: 700px; max-width: 780px;  height: 40px; border-bottom: 2px solid #bd9955; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-license > div{ position: absolute; top: 10px; left: 100px; font-size: 16px; color: #44240d; font-family: effloresce_bold; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-license .d-code{ left: 10px;max-width: 160px;overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-license .d-uses{ left: 200px; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-license .d-start{ left: 300px; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-license .d-end{ left: 390px; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-license .d-interval{ left: 490px; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-license .d-status{ left: 600px; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-license .d-config{ width: 28px; height: 28px; background: url(img/admin/btn-config.png); position: absolute; top: 5px; right: 5px; left: auto; }


main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-license .dropdown{ position: absolute; top: 70px; right: -25px; display: none; left: auto; z-index: 2; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-license .dropdown ul{ list-style:  none; margin: 0; padding: 0;  }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-license .dropdown ul li { margin: 0px 10px 0px 10px; padding: 10px; cursor: pointer; text-align: center; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-license .dropdown ul li a { color: #000; text-decoration: none; font-family: 'effloresce_bold'; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-license .dropdown ul li:hover:not(.divider){ background: #4e1d00; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-license .dropdown ul li:hover a{ color: #FFF; }
main .d-teacher-admin-batch-licenses .d-content .d-licenses .d-license .dropdown ul li.divider{ background: url(img/bg_header_dd_separator.png) 0px 8px no-repeat; background-size: 100%; }

/* END Teacher Admin Batch Licenses */


/* MODAL Admin Batch License */
#modal-container .modal.d-modal-admin-batch-license{ width: 550px; height: 360px;}
#modal-container .modal.d-modal-admin-batch-license .d-header{ position: absolute; top: 10px; left: 10px; right: 10px; height: 35px; font-family: cinzel_decorative_700; text-align: center; line-height: 35px; font-size: 20px; border-bottom: 1px solid #c1b78e; }
#modal-container .modal.d-modal-admin-batch-license .d-header .d-modal-close{ position: absolute; top: -14px; right: -10px; width: 40px; height: 40px; background: url(img/btn_cerrar.png) no-repeat; margin: 10px; cursor: pointer; background-position: center; }
#modal-container .modal.d-modal-admin-batch-license .d-content{ position: absolute;top: 60px;left: 20px;right: 20px;bottom: 0px;overflow-y: auto;overflow-x: hidden;margin-left: 10px; }
#modal-container .modal.d-modal-admin-batch-license .d-content .d-title{ font-family: 'cinzel_decorative_700'; font-size: 18px; }
#modal-container .modal.d-modal-admin-batch-license .d-content .d-label{ font-size: 16px; text-align: right; padding-bottom: 10px; padding-top: 10px; padding-right: 10px;}
#modal-container .modal.d-modal-admin-batch-license .d-content .col{ display: inline-block; text-align: center; }
#modal-container .modal.d-modal-admin-batch-license .d-content table input{ width: 200px; font-size: 16px; }
#modal-container .modal.d-modal-admin-batch-license .d-content .col input { width: 100px; text-align: center; color: #c15a1d; font-size: 18px; }
#modal-container .modal.d-modal-admin-batch-license .d-content table { margin: 10px 0 22px 0; }

#modal-container .modal.d-modal-admin-batch-license .d-footer{ position: absolute; bottom: 10px; left: 10px; right: 10px; height: 45px; background: #e2d1b4; }
#modal-container .modal.d-modal-admin-batch-license .d-footer .btn-cancel{ float: left; margin: 15px 0px 0px 20px; }
#modal-container .modal.d-modal-admin-batch-license .d-footer .btn-save{ float: right; margin: 5px 30px 0px 10px; }
/* END MODAL Admin Batch License */

/* Avatar-selector */
.polp-register{ display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 11; font-family: 'Titillium Web', sans-serif; }
.polp-register .d-polp-register .d-card{ width: 500px;height: 553px;position: absolute;top: 50%;left: 50%;margin-left: -250px;margin-top: -275px;z-index: 11;border-radius: 5px;background: #fffbf3; }
.polp-register .d-polp-register .d-card .d-title{ width: 100%; height: 80px; border-bottom: 1px solid #e1ba88; position: relative; }
.polp-register .d-polp-register .d-card .d-title .d-text{ font-family: 'cinzel_decorative_700'; font-size: 22px; color: #3e2e20; position: absolute; top: 10px; left: 10px; }
.polp-register .d-polp-register .d-card .d-title .d-help{ font-size: 18px; color: #3e2e20; position: absolute; top: 50px; left: 10px; }
.polp-register .d-polp-register .d-card .d-content{ height: 315px; position: relative; }
.polp-register .d-polp-register .d-card .d-content .d-palomitas{ position: absolute;top: -64px;right: 170px;width: 144px;height: 173px;background: url(img/polp/palomitas.png) no-repeat;}
.polp-register .d-polp-register .d-card .d-content .d-polp{ position: absolute;top: 150px;right: 110px;width: 271px;height: 95px;background: url(img/polp/polp.png) no-repeat;}
.polp-register .d-polp-register .d-card .d-content .d-message-1{ position: absolute;top: 280px;left: 40px;right: 40px;text-align: center;font-size: 19px;}
.polp-register .d-polp-register .d-card .d-content .d-register{ width: 152px;height: 41px;top: 367px;left: 171px;border-radius: 40px;background: #D4E796;position: absolute;text-align: center;line-height: 40px;font-weight: bold;cursor: pointer;}
.polp-register .d-polp-register .d-card .d-content .d-message-2{position: absolute;top: 450px;left: 40px;right: 40px;text-align: center;font-size: 15px;} 
.polp-register .d-polp-register .d-card .d-content .d-platforms{ position: absolute;top: 492px;right: 170px;width: 167px;height: 35px;background: url(img/polp/platforms.png) no-repeat;color: #12121280;}

.polp-register .d-polp-register .d-bg{ position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .5; }
/* END Avatar-selector */


/* TEACHER HOME FOOTER */
.home-footer { position: absolute; z-index: 3; bottom: 0px; } 
.home-footer .home-footer-container{ height: 40px; margin-left: 20px; }
.home-footer .footer-privacy-link{ font-family: "Roboto", sans-serif; -webkit-font-smoothing: antialiased;  font-size: 14px; cursor: pointer; line-height: 14px; padding: 0 8px; border-right: none; margin-bottom: 24px; text-decoration: none;color: #ffffff;border-right: solid 2px #ffffff;}
.home-footer .footer-privacy-link:last-child{ border-right: none; }