@charset UTF-8;
.infoTable{width: 90%;min-height:130px!important;clear:both;text-align:left;color:#8B9A8F;background-color:#F8F9F8;border:solid 1px #8B9A8F;margin-bottom:15px;}
.infoAct{margin-top:2px;width:100%;display:inline-block;float:left}
.activitiesDetailsColumn{font:normal 24px/1.8em Arial, Helvetica, sans-serif;text-align:left;border:none;display:table-cell}
plink{font:normal 12px/1.8em Arial, Helvetica, sans-serif;color:#34789F}
.greenBg{color:#8b9a8f;background-color:#f8f9f8;border:solid 1px #8B9A8F}
.greenBgCourseProfile{color:#494B4A;background-color:#f8f9f8;border:solid 1px #8B9A8F}
.greenBgButton{color:#FFF;background:url(../images/dashboardLearnImages/+icon_blue.png) no-repeat!important}
.greyBg{color:#494B4A;background-color:#FFF;background:#eef0ee!important}
.notesButton{font-family:inherit;font-style:normal;width:25px;height:25px;text-align:center;border:none;margin-bottom:5px;margin-right:5px;cursor:pointer;background:#8A9A8F;font-weight:700;font-size:1.6em;color:#FFF}
.textAreaNoteContent{text-align:left;font-size:12px;font-style:normal;font-family:Arial, Helvetica, sans-serif;border:2px solid #99;width:100%;height:25px}
.textBoxNotestitle{text-align:left;font-size:12px;font-style:normal;font-family:Arial, Helvetica, sans-serif;border:solid 1px #CCC;margin-bottom:10px;width:92%;float:left;padding:5px}
.columnGeneral{margin-right:20px;margin-top:0;float:left}
.filaGeneral{display:table-row}
.activitiesColumnDL{font:normal 12px/1.8em Arial, Helvetica, sans-serif;text-align:center;border:1px solid gray;width:70px;height:30px;display:table-cell}
.pruebaIconos{background:url(../include/images/dashboardLearnImages/classinfoicon.png);background-position:0 40px}
.buttonOpenCloseNotes{margin-top:475px}
#actlist{position:relative;float:left;width:100%;height:48px;margin:10px 0 0}
#actlist li{list-style:none;position:absolute;top:0;margin:0;padding:0}
#actlist li,#actlist a{height:60px;display:block;float:left}
.completedColor{background-color:#2fa84b!important;float:left;text-align:center;border-color:#FFF}
.delayedColor{background-color:#B0B19F!important;float:left;text-align:center;border-color:#FFF}
.incompletedColor{height:40px;width:60px;float:left;background:url(../images/dashboardLearnImages/rulergraypixel.jpg);border-color:#FFF}
.class{background:url(../images/dashboardLearnImages/class_grey.png) 0 0 #f8f9f8}
.delayedColor.class{background:url(../images/dashboardLearnImages/class_delayed.png) 0 0 #f8f9f8}
.reading{background:url(../images/dashboardLearnImages/lecture_grey.png) 0 0 #f8f9f8}
.delayedColor.reading{background:url(../images/dashboardLearnImages/reading_delayed.png) 0 0 #f8f9f8}
.evaluation{background:url(../images/dashboardLearnImages/eval_grey.png) 0 0 #f8f9f8}
.delayedColor.evaluation{background:url(../images/dashboardLearnImages/eval_delayed.png) 0 0 #f8f9f8}
.exec{background:url(../images/dashboardLearnImages/exercise_grey.png) 0 0 #f8f9f8}
.delayedColor.exec{background:url(../images/dashboardLearnImages/execercise_delayed.png) 0 0 #f8f9f8}
.borderActive{background-color:#006db8!important;border:0!important;padding:1px}
.borderActive.reading{background:url(../images/dashboardLearnImages/lecture_blue.png) #006db8!important}
.completedColor.reading{background:url(../images/dashboardLearnImages/lecture_green.png) #2fa84b}
.borderActive.class{background:url(../images/dashboardLearnImages/class_blue.png) #006db8!important}
.completedColor.class{background:url(../images/dashboardLearnImages/class_green.png) #2fa84b}
.borderActive.exec{background:url(../images/dashboardLearnImages/exercise_blue.png) #006db8!important}
.completedColor.exec{background:url(../images/dashboardLearnImages/exercise_green.png) #2fa84b}
.borderActive.evaluation{background:url(../images/dashboardLearnImages/eval_blue.png) #006db8!important}
.completedColor.evaluation{background:url(../images/dashboardLearnImages/eval_green.png) #2fa84b}
.first{margin-right:0px}
.topInfo{float:left;height:20px;margin-bottom:10px;width:71%;margin-left:0;padding:7px}
.topInfoRight{margin-left:10px;width:25%}
.activityBar{float:left;width:56px;height:39px;border-radius:3px;border:solid 1px #8B9A8F;cursor:pointer;position:relative;margin-left:1px;margin-right:2px;margin-bottom:13px}
.iconActivityBig{margin-left:25px;margin-top:25px}
.imageTypeActivity{float:left;height:100%;width:130px;display:none}
.titleDescripcionActivity{float:left;width:50%;height:100%;padding:0 0 0 15px}
.titleDescripcionCourse{float:left;width:295px;height:100%;padding: 10px 15px 0;}
.startDate{float:left;width:145px;height:100%}
.activityTitle{font-size:12px;font-weight:700;color:#006DB8;padding:15px 10px 5px 0;/* float: left; */}
.subTitleDescription{font-weight:700;margin-bottom:5px;font-size:1.2em}
.prestige{float:left;width:30%;height:auto;border:dotted 1px #8B9A8F;border-top:0;border-bottom:0;margin:4px 0 10px;padding:10px 10px 0}
.prestigeLabel{width:145px;float:left;font-weight:700;margin-bottom:2px;color:#6d6e71;font-size:9pt}
.prestigeBarCont{width:207px;float:left;background:#FFF;border:solid 3px #c4c4ba;height:15px;margin-bottom:10px;-moz-border-radius:2px;-webkit-border-radius:2px 2px 2px;cursor:pointer;border-radius:15px;position:relative;padding:0;overflow: hidden;}
.prestigeBarCont:hover{border:solid 3px #666!important;opacity:0.5}
.prestigeBarInner{float:left;width:1%;height:100%;border-radius:15px}

.prestigeBarBlue{background:#006db8;border-right:solid 2px #FFF}
.prestigeBarRed{background:red}
.imageStartActivity{float:left;margin-top:15px;width:20%;text-align:center}
@media (min-width: 900px) {
    .prestige {width: 26%}
    .imageStartActivity {width: 24%}
}
#courseActivitiesDetailComp{float: left;
    margin-bottom: 10px;
    min-height: 134px;
    position: relative;
    margin-left: 10px;
    width: 98%;}
#courseActivitiesDetailComp .titleDescripcionActivity {border-right: 1px dotted #8B9A8F; width: 75%; min-height: 130px}
#courseActivitiesDetailComp .imageStartActivity {width: 25%; margin-top: 0}
.noteLine{float:right;width:100%;margin-top:10px}
.hideNotes .expandNotes,.hideNotes .closeNotes{margin-top:-1px}
#notesComp{float:left;overflow:hidden;width:100%}
.contenedorNotes{position:relative;width:100%;overflow:hidden}
#slideIzq,#slideDer,#fadeIzq,#fadeDer{position:absolute;height:auto;border:1px solid #CCC}
#slideDer,#fadeDer{right:0}
.columnLearners{width:100%;float:left;margin-top:0}
.aliRigth{margin-top:0;margin-left:75%}
.textAreaQuestion{margin-left:4px;width:590px;height:353px;margin-top:2px}
.tableLinks{width:100%;height:78px}
#errorInfo{background-color:#F8E0E0;border:1px solid red;width:100%;height:40px;display:none;text-align:center;border-color:red}
#contentAct{width:auto;height:auto;position:relative;display:inline-block;margin:0 auto 10px;padding:5px;float: left;}
.dashboardWallComp.wall{margin-left:0!important;max-width:100%!important}
.sideContent{float:left;width:auto;height:auto;margin-top:5px}
.buttonsEndActMaterialsupport{margin-left:2px;font-style:normal;width:99%;height:35px;text-align:center;border:none;background:#0B3299;color:#FFF;font-size:1.4em;font-weight:700}
.divMateriaslSupport{margin-top:10px;width:390px;margin-left:10px;float:left;display:inline-block;padding:5px}
.materialSupportItem{text-align:left!important;color:#999!important;border:dashed 1px #CCC;cursor:pointer;margin-bottom:5px;background:transparent;border-left:0;border-right:0;font-size:12px;float:left}
.materialSupportItem:hover{background-position:98% 2px!important;background-repeat:no-repeat!important;color:#006DB8}
.divEndActivity{height:auto;display:inline-block;float:right;width:398px;margin:5px 0;padding:4px 8px 4px 4px}
#buttonsEndActMaterialsupport{
    width: 175px;
    margin-left: 15px;
    font-size: 9pt;
    height: 32px;
}
.dashboardLectureComp{margin-right:10px;text-align:center;margin-top:10px}
.labelViewAct{width:95%;font-family:sans-serif;font-size:14px;font-style:normal;text-align:left;margin-left:10px;float:left}
#linkcontent{color:#FFF;background-color:#49494b;margin-top:133px;margin-left:148px;width:293px;height:78px;text-align:center}
.tittleAct{margin-bottom:10px;margin-left:35px;font-family:sans-serif;font-size:14px}
#titulo{width:38px;float:left;margin-top:6px;height:515px;position:absolute;margin-left:311px;display:none}
.textareapublish{min-width:795px;min-height:345px}
#wysiwygIFrame{width:262px;height:auto}
.alignText{float:left;height:18px;padding-top:2px}
.learnersImages{float:left;margin-top:2px!important;}
#courseActivitiesComp{clear:both;padding-bottom:5px;padding-left:5px;}
.tableNotes{width:100%;border:1px solid #CCC;padding-bottom:9px}
.notesFooter{margin-top:10px;width:95%;float:left;margin-bottom: 10px;}
.openNotes{background:url(../images/notes_arrow.png) no-repeat 0 -25px;width:16px;height:20px;margin-left:11px}
.fixNoteArrow{background:url(../images/notes_arrow.png) no-repeat -18px -25px!important;width:16px;height:20px;margin-left:25px}
.closeNotes{background:url(../images/notes_arrow.png) no-repeat -18px 0;width:16px;height:20px;margin-left:25px}
.hideNotes{position:absolute;bottom:3px}
.expandNotes{background:url(../images/notes_arrow.png) no-repeat 0 0;width:17px;height:21px;float:left}
.courseBaseStatistics{width:100%;height:auto;float:left;margin-top:10px;padding-top:0;margin-left:0;text-align:left;margin-bottom:10px;padding: 0 15px;}
.courseBaseStatistics .infoTable{width: 100%;margin-left: 0;/* margin-right: 15px; *//* padding-right: 15px; */}
.courseBaseStatistics .infoTable .recomTable td{width: 33%}
.courseBaseStatistics .infoTable .recomTable td .statisticsSizeBlock{width: 100%}
.statisticsSizeBlock{float:left;height:100%;width:300px;padding:0}
#moneyStatistics{margin-right:0!important}
.courseChartsStatistics{width:100%;height:300px;color:#8B9A8F;background-color:#FFF;border:solid 1px #8B9A8F;margin-top:10px;padding:5px;margin-left: 10px;}
.chartCompHeader{width:99%;height:auto;display:inline-block;padding:5px 0 0 5px}
.chartTypeCombo{width:200px;height:30px;float:left;padding:3px 5px}
#chartFooter{padding-left:0;margin-top:0;display:none}
.chartTypeButton{width:31px;margin-left:3px;height:30px!important;background:#FFF!important;padding:4px!important}
.chartTypeButtonActive.line{background:url(../images/line.png) #F5F5F5!important;background-position-x:3px!important;background-position-y:2px!important;background-repeat:no-repeat!important}
.chartTypeButtonActive.area{background:url(../images/area.png) #F5F5F5!important;background-position-x:3px!important;background-position-y:2px!important;background-repeat:no-repeat!important}
.chartPeriodButton{width:80px;margin-left:0;float:right;color:gray}
.baseStatsItem{font-size:12px;margin-left:10px;color:#494B4A;margin-top:2px;padding:3px}
.baseStatsItem a{color:#0B3299;font-size:1em}
.baseStatsItem a:hover{color:#333;font-size:1em}
.identBaseItem{margin-left:110px}
.courseActivitiesListCompClose{float:right;position:absolute;right:0;padding:10px}
.courseActivitiesListCompClose a{color:#CCC;font-size:1.2em;font-weight:700}
.courseActivitiesListCompClose a:hover{color:#666;font-size:1.2em}
#userList{width:425px;height:auto;float:left;overflow:hidden}
.listHeader{float:left;width:95%;height:30px;background:green;color:#FFF;font-size:15px;font-weight:700;padding:11px 0 0 25px}
.listBody{
    height: auto;
    width: 98%;
    float: left;
    margin: 5px;
    margin-left: 20px;
}
.userConteiner:HOVER{background:#FFF;border-bottom:solid 1px #ccc}
.userConteiner{width:auto;height:40px;float:left;border-bottom:solid 1px #ccc;padding-left:5px 0 5px 20px}
.userImage{width:30px;height:30px;overflow:hidden;float:left;margin-top:5px;padding:1px}
.userName{
    width: 330px;
    float: left;
    text-align: left;
    padding: 10px;
}
.userPrestige{width:auto;float:left;padding:10px 5px 5px}
.listFooter{width:415px;height:40px;float:left;margin-top:10px;padding:5px}
.userListButton{width:120px;padding:5px}
.moreLink{text-align:center;padding:5px}
#bottomClear{float:left;width:100%;height:5px}
.prestigeStats{float:left;width:auto;padding-top:0}
.learnerPhoto{margin-left:2px}
.prestigeBar{float:left;width:58%;height:12px;border:solid 1px #CCC;background:#F5F5F5;margin:3px 3px 3px 15px}
.pretigeComp{margin-top:10px}
.instructorTips{float:left;border:solid 1px #CCC;width:92%;height:auto;margin-left:15px;background:#F5F5F5;margin-top:10px;display:none;padding:13px 13px 13px 30px}
.progressbarLeft{float:right;width:0;height:100%;background:#FFF}
.showActivityInfo{color:#FFF;margin-top:25px;font-size:1.2em;position:absolute;left:800px;top:230px}
.showActivityInfo:hover{color:green;font-size:1.2em}
#learnersProgress{display:inline-block;margin-bottom:30px;/* padding-left:10px; */padding-bottom:15px;margin: 0 15px;}
#userListBody{overflow-x:hidden}
.topProgressCont{width:auto;border:solid 1px #CCC;float:right;padding:5px;width: 100% !important;}
.topLearnersProgressLeft{width:260px;float:left}
.coursePeriod{margin-bottom:2px;color:#333}
.topProgressOptions{width:300px;margin-left:335px;border:solid 1px #ccc;padding:5px}
.noBorder{border:none!important}
.progressMailIcon{float:left;padding:15px 0}
.topInner{float:left;width:113px;margin-left:25px}
.borderRightSep{border-right:solid 1px #CCC}
.nextStepIcon{width:27px;height:33px;background:url(../images/dashboardLearnImages/nexticon.png) 10px 10px;float:left;background-repeat:no-repeat;margin-right:10px}
.selectedArrowBlue{
    width: 15px;
    height: 15px;
    background: url(../images/sign-up-pointer.png) no-repeat 0 0;
    position: absolute;
    top: 37px;
    left: 50%;
}
.insputContStats{margin-left:0!important;margin-top:10px;margin-bottom:10px}
*{list-style-type:none;font-size:100%;margin:0;padding:0}
body{font-size:12px;background: #eeeee5;;font-weight:400;width:100%;height:100%;background-position:top;text-align:center;margin:0 auto;padding:0}
table,div{margin-left:auto;margin-right:auto;width:auto;}
a.breadcrumbs{color:#000;cursor:pointer;font-size:11px;font-weight:400;letter-spacing:1px}
a.breadcrumbs:hover{color:#000;text-decoration:underline;font-size:11px;font-weight:400;letter-spacing:1px}
p#copyright{font-size:90%;color:#999;margin:20px 10px}
div.form-container{overflow:auto;text-align:left;clear:both;overflow-x:hidden;margin:10px 0 0;padding:10px}
.formError{font-weight:700;background:#FDFDCA;display:inline-block;margin:0 auto;padding:0 20px}
.closeMessage{position:absolute;background:url(../images/closeIcon.png) no-repeat transparent 0 0;width:16px;height:16px;right:10px;top:21px}
p.legend{margin-bottom:1em}
p.legend em{color:#C00;font-style:normal}
div.errors{border:#FC6 1px solid;background-color:#FFC;margin:0 0 10px;padding:5px 10px}
div.errors p em{color:#C00;font-style:normal;font-weight:700}
div.form-container form p.note{margin-left:170px;font-size:90%;color:#333}
div.form-container form fieldset{border:#DDD 1px solid;padding:10px}
div.form-container form legend{font-weight:700;color:#666}
div.form-container form fieldset div{height:20px;padding:.25em 0}
div.form-container form label{margin-left:0;padding-right:10px;width:auto;display:block;text-align:left;position:relative;height:20px}
div.form-container form label.error{margin-left:0;padding-right:0;width:0;display:block;text-align:left;position:relative;height:0;float:right;vertical-align:middle}
div.form-container div.form-container span.error{float:right;color:red;vertical-align:middle}
div.form-container label em{position:absolute;right:0;font-size:120%;font-style:normal;color:#C00}
div.form-container div.controlset label,div.form-container div.controlset input{display:inline;float:none}
div.form-container div.controlset label.controlset{display:block;float:left}
div.form-container div.controlset div{margin-left:170px}
.divForm{height:20px}
.header{width:100%;height:86px;background-repeat:no-repeat;background-position:top;margin-left:auto;margin-right:auto;position:relative;background: #c3c4b3;}
.logoContainer{padding-top:1px;position:relative;width:140px}
.headerCompleteLeft{position:absolute;left:0;width:50%;height:50px;background:url(../images/header_left_complete_2.png)}
.footer{text-align:center;color:#fff;padding-bottom:0;width:100%;float:left;height:38px;border:none;padding-top:0;clear:both;z-index:10;background:url(../images/footer_background.png);position:relative;background-image:0 color-stop(0.63,rgb(110,184,32)) );margin:-38px 0 0}
.dottedBorder{position:absolute;width:100%;height:4px;left:0;z-index:100;border-bottom: solid 1px #ccc;}
.dottedBorder.top{top:-6px}
.dottedBorder.middle{top:291px}
.footerContent{width:995px;display:inline-block;height:auto;margin:5px auto 0}
.footerLogo{float:left;padding-right:10px;padding-top:7px}
.footerNav a{color:#fff;text-decoration:none;font-size:11pt}
.footerNav li{float:left;border-right:solid 1px;margin-top:5px;padding:0 10px}
.content{text-align:center;width:995px;border-top-width:0;border-right-width:0;border-left-width:0;border-top-style:solid;border-right-style:solid;border-left-style:solid;border-top-color:#CCC;border-right-color:#CCC;border-left-color:#CCC;display:inline-block!important;margin:0 auto 38px}
.userPreviewLabel{text-align:left;padding-bottom:5px;border-bottom:solid 1px #CCC}
.divFloatLeft{float:left;margin:20px}
.divFloatRight{margin-right:50%;float:right}
.sessionInfo{margin-left:80%;padding-top:0;position:relative}
.sessionInfoArrow{width:21px;height:25px;background:url(../images/arrowheader.png);margin-right:4px;background-repeat:no-repeat;margin-top:10px}
.sessionInfoArrow.open{background:url(../images/arrowheader.png);background-position:3px 6px;background-color:#006DB8;background-repeat:no-repeat;-moz-transform:scaleY(-1);-o-transform:scaleY(-1);-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipH;-ms-filter:FlipH}
#dropMenu{top:30px}
#sessionActiveInfo{width:auto;height:35px;position:relative;top:0;padding:0 5px 5px}
.sessionActiveInfo a{font-size:.9em;color:#FFF}
.filesetProfile{height:100%;margin:40px}
.filesetProfileLeft{margin-left:50%}
.filesetProfileRight{margin-right:50%}
.obligatory{color:red;text-decoration:none;font-size:12px;cursor:pointer;width:15px;height:15px;background:url(../images/mandatoryOff.png) no-repeat}
.obligatory.on{background:url(../images/mandatory.png) no-repeat}
.error{text-decoration:none;}
.calendarIcon{background-image:url(../images/calendar-icon.gif);background-repeat:no-repeat;height:16px;width:20px;float:right;margin-right:35%;cursor:pointer}
.table100,.tableHeader{width:995px;position:absolute;top:0;left:50%;margin-left:-497.5px;height:50px}
.table50{width:50%}
.tableForm{margin-left:auto;margin-right:auto;margin-top:30px;width:80%;border-spacing:3px;padding:3px}
.right{text-align:right}
.userInfo{cursor:pointer;display:inline-block;float:left;width:auto;background:#f8f8f5;border-radius:15px;position:relative;height:20px;padding:5px 10px 5px 5px}
.center{margin-left:auto;margin-right:auto;width:90%}
.tableCourseContent{
    width: 80%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    display: flex;
    height: 60px;
    flex-wrap: nowrap;
    justify-content: center;
}
.tableCourseContent td{padding-right:5px}
.lectureCont{display:inline-block;margin-bottom:10px;float:left}
.actSe{top:38px!important;left:22px}
.courseActivityTable{width:80%;float:left}
.courseActivityTable td.right{width:20%}
.tablePrincipal{border:none;width:1024px;font-family:Arial, Helvetica, sans-serif;font-size:12px;background-color:#FFF}
.tablePrincipalVentana{border:none;width:100%;font-family:Arial, Helvetica, sans-serif;font-size:12px;background-color:#FFF}
.textBox{text-align: left;
    font-size: 10pt;
    font-style: normal;
    width: 290px;
    font-weight: normal;}
.textArea{text-align:left;font-size:12px;font-style:normal;border:2px solid #99;height:100px}
.textNoEditable{font-size:12px;font-style:normal;font-family:Arial, Helvetica, sans-serif;color:#333}
.titulo{font-size:12px;font-style:italic;font-weight:700;font-family:Arial, Helvetica, sans-serif;color:#0070A6;text-decoration:none}
.warningActivity{background:url(../images/advertencia.png);width:16px;height:16px}
.helpForm{width:20px;height:20px;background:url(../images/ayuda.png);background-position-x:0}
.pasoapaso a{text-align:center;font-size:12px;font-style:normal;font-weight:700;font-family:Arial, Helvetica, sans-serif;color:#003;text-decoration:underline}
pasoapaso.a:link{color:#003;text-decoration:underline}
.tableAdminCourse{width:800px;text-align:center;border:#CCC 1px solid;padding:4px}
.helptooltip{display:none;background:transparent url(/tools/img/tooltip/black_arrow.png);font-size:12px;height:70px;width:160px;color:#fff;padding:25px}
.inputError{background-color:red}
.adminCourseActiveButton{

    background: #00c8df !important;
    background-repeat: repeat-x;
    color: #FFF!important;
    border: solid 1px #666!important;
    border: 0 !important;
    border-radius: 25px;
}
.buttonBigGreen{background-color:#F8F9F8;background-repeat:repeat-x;color:#FFF!important}
.adminCourseButton{background-position:center;font-size:15px;width:200px;height:38px;border:none;cursor:pointer;color:#9E9A9A;float:left;border-radius: 25px;}
.adminCourseButton:hover{background:#00c8df !important;background-repeat:repeat-x;color:#FFF!important;border:solid 1px #666!important;border-radius: 25px;}
.adminCourseIncomplete{background:#F2F4F1;background-repeat:repeat-x;border: solid 1px #ccc;
    border-radius: 25px;}

.contentPofile{width:90%}
.fila{margin-left:30px;font:normal 12px/1.8em Arial, Helvetica, sans-serif;background-color:#FFF;border:1px solid #000;display:table-row}
.courseProfile_bg{width:995px!important;margin-left:-497px!important}
.columna{text-align:center;background-color:#EEF0EE;width:110px;height:auto;float:left;margin-right:4px;color:gray;font-weight:700;min-height:80px;min-width:121px;border:solid 1px #666;margin-bottom:10px;padding:2px;}
.activitiesColumn{font:normal 12px/1.8em Arial, Helvetica, sans-serif;text-align:center;background-color:#F5F5F5;border:1px solid gray!important;width:60px;height:30px;float:left}
.act{width:40px;height:40px;background-color:#D2E9FF}
.selectPlanning{height:30px;width:150px}
.inactive{background-color:#D8D8D8!important;display:none}
.columnaMod{font:normal 12px/1.8em Arial, Helvetica, sans-serif;text-align:center;background-color:#CEF6E3;border:1px solid gray;width:120px;height:120px;display:table-cell}
.planningBaseButton{background-color:#D0F5A9;background-repeat:no-repeat;background-position:center;color:#000;font-weight:700;font-size:12px;width:100%;border:1px outset #FFF;padding:4px}
pre{color:#666;padding-left:3px;padding-top:2px;font-family:Arial, Helvetica, sans-serif;font-size:12px;width:100%;white-space:pre-line;}
.pinIcon{width:24px;height:28px;background-repeat:no-repeat;border:none;cursor:pointer;float:left}
.iconMessage{background-image:url(../images/dashboardLearnImages/iconsheader.png);background-position:0 0;background-color:transparent}
.iconPin{background-image:url(../images/pin_icon_off.png);background-position:5px 0;background-color:transparent;background-repeat:no-repeat}
#pinList{width:500px;height:auto;float:left;overflow-x:hidden}
.pinSearch{padding-left:0;float:left;width:100%;margin:10px 0}
#pinSearchButton{
    width: 22px;
    height: 22px;
    border: none;
    right: 0;
    cursor: pointer;
    padding-bottom: 3px;
    float: left;
    position: absolute;
    right: 13px;
    top: 13px;
}
.searchButtonFocus{background-image:url(../images/search_icon.png)!important;background-position-x:0!important;background-position-y:0!important}
.searchCont{width:100%;height:22px;position:relative;}
.searchWords{border:solid 1px #CCC;background:#FFF;width:auto;float:left;padding:4px 5px 0}
#searchWords{border:none;float:left;padding:1px;margin-top: 5px;width: 80px}
#searchWords::-ms-clear {border:none;float:left;padding:1px;margin-top: 5px;display: none;}
.searchButton{
    width: 21px;
    height: 15px;
    border: medium none;
    background: url(../images/search-icon.png) no-repeat 2px 3px transparent;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-top: 3px;
    padding-bottom: 3px;
    float: right;
}
.addCourseButton{
    width: 100px;
    height: 100px !important;
    border: medium none;
    background: url(../images/icon_plus_inactive.png) no-repeat center center;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-top: 3px;
    padding-bottom: 3px;
    float: right;
}

#userName{float:left;text-align:left;margin-left:5px;font-size:1em;font-weight:700;color:#fd8a02;margin-top:3px}
#userScore{margin-left:2px;width:auto;padding-top:2px;float:left;display:inline-block}
#expandSessionInfo{float:right;margin-left:0;position:absolute;right:0;top:3px}
.sessionInfoCont{position:relative;float:left;margin-top:28px;margin-left:10px}
#userPhoto{float:left;max-width:35px;max-height:50px;overflow:hidden;margin:0 5px 0 0}
#recommendCourse{width: auto;
    height: auto;
    text-align: left;}
.tipSignUp{text-align:left;color:#ccc;font-size:11px}
#recommendCourseTitle{font-weight:700;margin-top:20px}
.recommendCourseInfo{float:left;width:98%;text-align:justify;padding:5px}
.recommendFormInput{width:300px;border:solid 1px #ccc;max-width:300px;max-height:62px}
.recommendFormInput:hover{border:solid 1px #999}
.recommendCourseSubmit{width:120px;border:solid 1px #ccc;background:#F5F5F5;color:#ccc;cursor:pointer;padding:3px}
.recommendCourseSubmit:hover{border:solid 1px #999;background:#F5F5F5;color:#333}
.tip{float:left;margin-left:4px;color:#999;margin-top:3px;clear: both;}
.warning{color:#222;text-align:left;display:none;clear:both;border-radius:0;margin-bottom:10px;padding:5px}
.recoverTitle{text-align:center;width:45%;border-bottom:solid 1px #ccc;font-size:20px;padding:10px}
.recoverInfo{font-size:14px;text-align:left;color:#666;padding:5px 0 10px}
.actionTitle{position:relative;border-bottom:dashed 1px #CCC;padding-top:20px;font-size:25px;color:#006DB8}
.menuTab:hover{border:none;color:#FFF;background:#00c8df}
.menuTab.active{color:#FFF;background:#00c8df}
.greenButton{text-align:center;margin-right:5px;background:url(../images/landingblue.png)!important;border:none;color:#FFF;font-weight:700;padding:5px 10px}
.tableMenu{border:0;width:100%;padding:0}
.menu{text-align:right;font-size:12px;font-style:normal;font-weight:700;font-family:Arial, Helvetica, sans-serif;color:#006;text-decoration:underline;width:860px}
.menu a,label{text-align:left;font-style:normal;color:#696969;text-decoration:none}
menu.a:link{color:color:#000066;text-decoration:none}
.menuBody{margin-left:0;float:left;padding:0 5px 5px}
.menuBody li{margin-right:0;display:inline;float:left}
.menuBody li a:HOVER,.menuBody li:HOVER{text-decoration:none;color:#FFF}
#topnav{font-size:11px;padding:0}
#topnav a.signin,#topnav2 a.signup,.bulletButton{border-radius:10px 10px;float:left!important;background:#efefea;box-shadow:#white 1px 1px 1px 1px inset;color:#8b8d6a;font-family:Helvetica, Arial, sans-serif;font-size:10pt;width:auto;font-weight:700;padding:3px 10px!important}
.topNavContainer{position:relative;display:inline-block;height:auto;float:left;margin-top:5px;margin-left:5px}
#topnav a.signin,#topnav a.signin:hover,#topnav2 a.signup,#topnav2 a.signup:hover{background-position:0 3px!important}
#topnav a.menu-open,#dropMenu a.menu-open,#pinIconCont.menu-open{color:#666!important;outline:none;z-index:101;border-bottom:none;-webkit-border-radius:0 0 0!important;-moz-border-radius:0!important;padding-left:0!important}
#sessionActiveInfo.menu-open{background:#FFF;border:solid 1px #222;z-index:101;border-bottom:none;height:35px}
.dropMenuItem{text-align: left;
    font-size: 10pt;
    padding: 10px 20px;
    font-weight: normal;
}
.dropMenuItem:hover{
    background:#00c8df !important;
}

.fixMarginMenu{top:35.5px}
#small_signup{display:inline;float:none;line-height:23px;width:170px;margin:25px 0 0}
a.signin.menu-open span{background:#CCC;color:#666;padding:2px 15px 5px}
.signin.menu-open{padding:0!important}
#signin_menu,#signup_menu,#dropPinList{top:22px!important;display:none;background-color:#fbfbfb;position:absolute;width:auto;z-index:1000;text-align:left;left:-22px;margin-top:5px;margin-right:0;color:#789;border:none;overflow:hidden;border-top:0;margin-left:-116px;border-radius:15px;opacity:0.9;box-shadow:2px 2px 4px 0 #333}
#signup_menu{left:-6px}
.dropMenu{
    display: none;
    background-color: #FFF;
    position: absolute;
    width: 210px;
    border: 1px solid #ccc;
    text-align: left;
    top: 34px;
    right: 0;
    margin-top: 5px;
    margin-right: 0;
    color: #789;
    font-size: 11px;
    z-index: 1002;
    padding: 5px;
    opacity: 0.9;
    box-shadow: 1px 1px 2px #333;
    padding-left: 0;
    padding-right: 0;
}
.signInLabel{width:auto;background:#666;font-weight:700;font-size:12px;display:inline-block;padding:0 10px}
.passwordSpan{position:absolute;top:7px;left:6px;font-weight:400;font-size:1.1em}
#signin_menu input[type=text],#signin_menu input[type=password],#signup_menu input[type=text],#signup_menu input[type=password],#pinSearchField1{display:block;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;border:1px solid #ccc;font-size:13px;width:203px;background:#eff0eb;margin:0 0 5px;padding:5px}
#signin_menu input[type=text]:focus,#signin_menu input[type=password]:focus,#signup_menu input[type=text]:focus,#signup_menu input[type=password]:focus{border:solid 1px #528B17!important;background:#FFF}
#signin_menu fieldset,#signup_menu fieldset{border:none;padding:25px 10px 20px}
#signin_submit::-moz-focus-inner{border:0;padding:0}
#signin_submit:hover,#signin_submit:focus{background-position:0 -5px;cursor:pointer}
#messagesSignUp .error,#messagesSignup .error,#messagesSignin .error,.messagesSignin .error,.invalidField{color:#FFF!important;width:99%;background:#666;border:red solid 1px;text-align:center!important;float:left;margin-bottom:5px;padding:5px}
.createForm.obligatory{float:left;margin-left:3px;margin-top:3px}
.noSeparation{box-shadow:none}
.breadcrumbsTitle{color:#006DB8;text-shadow:#gray 0 0 1px}
.breadcrumbsTitle a{font-size:1em;font-weight:700;color:#006DB8;margin:10px 4px 10px 5px}
.breadcrumbsLink{
    color: #8B9A8F;
    margin-right: 5px;
    font-size: 1em;
    text-decoration: none;
    padding-left: 15px;
}
.organization,.organization .landingImage{height:170px!important}
.organization .landingImage .dottedBorder.middle{top:170px}
.ladingHeader.courseProfile,.ladingHeader.courseDashboardLearn,.ladingHeader.courseDashboardLearn .landingImage{height:330px}
.courseDashboardLearn .landingImage .dottedBorder.middle{top:330px}
.takeEvaluation,.takeEvaluation .landingImage{height:215px!important}
.takeEvaluation .landingImage .dottedBorder.middle{top:215px}
.courseProfile.headerMedium,.courseProfile.headerMedium .landingImage{height:475px!important}
.courseProfile.headerMedium .landingImage .dottedBorder.middle{top:475px}
.courseProfile,.courseProfile .landingImage{height:325px}
.courseProfile .landingImage .dottedBorder.middle{top:325px}
.courseTeach,.courseTeach .landingImage{height:332px!important;margin-bottom:10px}
.courseTeach .landingImage .dottedBorder.middle{top:332px}
.courseTeach.headerMedium,.courseTeach.headerMedium .landingImage{height:480px!important}
.courseTeach.headerMedium .landingImage .dottedBorder.middle{top:480px}
.newCourse,.newCourse .landingImage{height:115px!important}
.newCourse .landingImage .dottedBorder.middle{top:115px}
.searchResults .landingImage .dottedBorder.middle{top:80px}
.courseDashboardTeach.notPublished,.courseDashboardTeach.notPublished .landingImage{height:385px!important}
.courseDashboardTeach.notPublished .landingImage .dottedBorder.middle{top:385px}
.viewActivity,.viewActivity .landingImage{height:600px!important}
.viewActivity .landingImage .dottedBorder.middle{top:600px}
.enrollment,.enrollment .landingImage{height:220px!important}
.enrollment .landingImage .dottedBorder.middle{top:220px}
.learnDashboard table.headerCourseProfile td{padding-left:5px}
.learnDashboard{margin-bottom:0!important}
#breadcrumbsCreate{padding-bottom:5px}
.dashboardLectureWallComp{width:60%}
.dashboardWallComp{width:98%}
.dashboardCompletedActivity{
    color: #8B9A8F;
    border-radius: 0;
    cursor: auto;
    border: 0;
    padding: 8px 0px 8px 25px;
    background: white;
    font-weight: bold;
}
.breadcrumbsLink.green{color:#2fa84b}
.rateActivityTable td{text-align:left!important;padding:5px}
.viewClassWall{max-width:100%!important;width:100%!important;margin-left:0!important}
.dashboardNotesMaterialComp{width:38%;}
.setup{float:left;padding-top:4px}
.breadcrumbs{font-size:1.2em;font-weight:700;text-align:left;position:relative;margin:35px 0 0;margin-bottom: 15px;}
.courseInformationContent{
    max-width: 920px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 10px 10px 0;
    padding-left: 10px;
}
div.form-container form .courseCategories label {
    font-weight: normal;
    display: inline-block;
    height: auto;
    padding-right: 0;
}
.postType{border:dotted 1px #ccc;border-left:0;border-right:0;position:relative;padding:7px 7px 7px 0}

.notesButton:active{background-color:#333!important;}
.courseInformationLeft{float:left;width:445px;height:100%;margin-right:5px}
.courseInformationLabel{font-size:1em;color:#006db8 !important;text-align:left;font-weight:700;margin:5px 5px 5px 0;}
.courseProfileEnrollButton.enrolled{border:solid 1px #CCC;background:#F5F5F5}
.courseProfileEnrollButton.enrolled:hover{background:#E7E8E5!important}
.courseProfileEnrollButton.enrolled span{color:#999!important}
.courseInformationInput{margin-left:0;width:100%;border:solid 1px #CCC;padding:5px 0 5px 10px;margin-bottom: 10px;font-weight: normal;
    font-size: 11pt;
    font-family: Arial, Helvetica, sans-serif;}
input[type=text].courseInformationInput{height: 34px;}
.inputContainer{margin-left:0;float: left;width: 95%;}
.inputContainer.questionInput{margin-left:0px;float: left;width: 100%;}
.questionTitle{position:absolute;top:6px;left:25px;width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.courseLanguageComp{margin-left:0;float:left}
.courseInformationNext{text-align:center;clear:both;margin-top:20px;width:100%;display:inline-block}
.nextButton{font-size:15px;color:#FFF;width:135px;height:47px}
.langTable td{padding:1px}
.messageContainer{float:left;width:100%;text-align:center}
.message{width:275px!important;margin-top:10px}
.fixRight{margin-right:5px}
.ActivitySelected{background-position-y:-27px}
.statusActivity{display:!important;left:35px;z-index:100;top:5px;position:absolute}
.dragActivitiesCont{border:none!important;margin-top:10px;margin-left:16px!important;position:relative;padding:0!important}
.menuCourseActivityComp{display:none;width:942px;margin-top:25px;border:1px dashed #CCC}
#menuCourseActivityComp{height:53px;position:relative;margin-bottom:10px;width:100%;max-width: 92%;min-height:70px;padding:10px 0;}
.fileupload{margin-top:10px;width:92%;float:left;margin-left:1px}
.activityContent{height:auto!important}
#course{float:left;width:100%}
.excerciseInput{width:360px;margin-top:10px;height:135px!important}
.courseCreatePlanBase{width:200px;height:30px;float:left;padding:5px}
.selectPlanningBaseFix{float:none;width:200px;margin:10px auto}
.comboArrow{background:url(../images/dashboardLearnImages/arrowwhite.png) no-repeat;width:14px;height:9px;margin-left:13px;margin-top:17px}
.weeksPlanning{width:100%;margin-top:0;float:left;background:#FFF;margin-bottom:20px;border-color:#CCC;border-style:dashed;border-width:1px;padding:18px 0 30px}
.form-container.createCourse{padding-left:0;padding-right:0;width:100%}
.weekCountContainer{font-weight:700;background:#FFF;padding:5px 5px 5px 65px}
.weeksContainer{float:left;width:auto;padding-bottom:15px;

    margin-left: 10px;
    width: 880px;}
.activityComp{float:left;width:auto;height:50px;padding-right:20px;min-width:900px}
.tableAct{width: 90%;text-align:left;}
.activityListContent{float:left;margin-left:17px}
.dayFull{background:#EEF0EE!important;color:#666!important}
.weekLabel{width:100px;text-align:center!important}
.termsText{background:#FFF;max-height:300px;overflow:scroll;border:dashed 1px #ccc}
.termsText p{color:#333;padding:5px}
.helpPopup{width:250px;height:auto;background:#2d2d2d;color:#ccc;position:absolute;text-align:center;padding:5px;margin-left: -139px;}
.editCourseFormHelp .helpPopup,.editSpecializationFormHelp .helpPopup{left: 50%;bottom:-35px;z-index:1001}
.typeOfAcitvity .helpPopup{left: 200px;bottom:-3px;width:350px;height:42px}
.questionContainer textarea{margin-top:0;border:none;background:#CFF;height:50px}
.typeOfAcitvity .helpPopup .popupArrowLeft{display:block}
.popupArrow{background:url(../images/arrowpopupblack.png);width:20px;height:9px;position:absolute;top:-8px;left:128px}
.popupArrowLeft{background:url(../images/arrowpopupblackLeft.png);width:9px;height:20px;position:absolute;top:17px;left:-9px;display:none}
.generalButton{border:none;color:#222;font-weight:700;border-radius:15px;cursor:pointer;font-size:11px;padding:3px 25px}
.generalButtonBlue{color:#FFF;border-radius:15px;filter:none;background:#fd8a02}
.generalButtonDisabled{background-color:#D5D0D0;color:#666;text-shadow:1px 1px 0 #FFF}
.courseProfileButton{font-size:12px;display:inline-block;margin-top:51px;margin-left:30px}
.requestButton{margin-top:10px!important;margin-left:23px!important;max-width:150px!important;padding:3px 13px}
.generalButtonGreen{color:#fff!important;background:#69b41b}
.generalButtonGreen:active{color:#fff!important;background-image:0 color-stop(0.59,#369B01) )!important;box-shadow:none}
#presentationCont{display:inline-block;float:left;margin-top: 42px}
.generalButtonGrey{color:#333!important;box-shadow:1px 1px 1px #CCC;background:#CCC}
.generalButtonGrey:hover{background:#B3B3B3!important;color:#FFF}
.pinIconCont{float:left;position:relative;top:0;padding:2px 4px 7px 5px}
#dropPinList{top:25px!important;width:290px!important}
.pin-open{background:url(../images/pin_icon_off.png);background-position:4px 1px!important;background-color:#006DB8;background-repeat:no-repeat}
#pinIconCont.menu-open{top:0!important;height:30px;padding:6px 2px 3px}
.searchButton.header{position:absolute;z-index:4;right:3px;top:1px;box-shadow:none;height:20px}
.addCourseButton.header{position:absolute;z-index:4;right:3px;top:1px;box-shadow:none;height:20px}
#showDescription{float:left;color:#006DB8;font-weight:700}
.startActivityButton{width:191px;height:125px;background:url(../images/dashboardLearnImages/buttonoff.png);position:relative!important}
.startButtonText{font-size:1.5em;font-weight:700;color:#FFF;bottom:19px;width:100%;padding-top:85px}
.ladingHeader,.landingActions{width:100%;height:auto;text-align:center;display:inline-block;position:relative;left:0}
.textLandingHeader{font-size:16px;background:#333;color:#FFF;width:295px;float:right;margin-top:0;position:absolute;bottom:4px;left:50%;margin-left:-147.5px;padding:4px 0}
.textLandingHeader.title{position:relative!important;float:left;text-align:center;background:#2FA84B}
.createCourseLandingButton.fix{padding-top:2px;margin-left:10px}
.courseSmallImage{float:left;width:142px;height:90px;overflow:hidden;border:solid 1px #9C9C9C;padding:0}
.courseSmallComp a{color:#333;float:left}
.coursesGridArrow{width:50px;height:180px;float:left;margin-left:5px}
.courseGridNav{display:inline-block;overflow:hidden;margin:0 auto;display: flex;flex-wrap: wrap;justify-content: center;}
.featuredCourse.fixLeft{margin-left:30px!important}
.coursesGridArrow:HOVER{}
.coursesGridArrow:ACTIVE{}
.coursesGridArrow.left{
    background: url(../images/gallery-arrows-left.png) no-repeat 10px 70px;
}
.coursesGridArrow.right{
    background: url(../images/gallery-arrows-right.png) no-repeat 0px 70px;
    float:right;
}
.courseSmallComp{
    font-size: 11px;
    font-family: Helvetica;
    color: #333;
    margin-top: 0;
    bottom: 5px;
    right: 5px;
    text-align: left!important;
    -moz-border-radius: 5px 0 0;
    float: left;
    width: 100%;
}
.landingCompLeft{width:99px;height:292px;background:url(../images/sprite-home.jpg) -47px -181px transparent no-repeat;position:absolute;z-index:51;margin-left:-99px;left:0}
.fileinput-button input[type=file]{height:21px!important;width:100%!important;display:normal}
.landingCompRight{width:99px;height:292px;position:absolute;z-index:51;margin-left:0;right:0;margin-right:-98px;top:-2px;background:url(../images/sprite-home.jpg) -1018px 312px}
.landingCompRight.learn{margin-right:0 \0/;width:99px;height:291px;background:url(../images/learn_comp_right.png) transparent no-repeat;position:absolute;z-index:51;background-position-y:0;top:0;right:0}
.home_bg{height:295px!important}
.learn_bg{background:url(../images/learn-bg.png) no-repeat 95px;height:290px!important}
.teach_bg{background:url(../images/learn-icon-big.png) #FFF no-repeat 60px;height:290px!important}
.organization_bg{background:url(../images/org-bg-big.png) transparent no-repeat 80px;height:290px!important}
.learnImage .landingItem{width:100%;height:100%;margin-top:0}
.teachImage .landingItem .landingActionText{margin-left:267px!important}
.landingCompRight.teach{width:99px;height:292px;background:url(../images/teach_comp_left.png) transparent no-repeat;position:absolute;z-index:51;background-position-y:0;margin-left:-99px!important;top:-2px;left:0}
.learnImage .landingItem .landginSearch{display:inline-block;width:auto;float:right;margin-right:60px;padding:0}
.createCourseLandingButton.teach{margin:2px 3px 0 10px}
.learnImage .landingItem div.landingActionText,.organiContent div.landingActionText{width:600px;font-size:36pt;text-align:left;height:auto;color:#6d6e71}
.moreLanding{font-weight:700;color:#FFF}
.landingImage{float:left;width:100%;z-index:50;display:inline-block;margin:0}
.titleLanding{float:left;font-family:Georgia, Times, "Times New Roman";border-bottom:solid 1px #00528A;width:96%;text-align:left;font-style:normal;font-variant:normal;font-weight:400;letter-spacing:.02em;line-height:normal;font-size:28px;box-shadow:1px 2px -1px 0 #CCC;margin:15px 0 0 19px}
.landingActions{border:none!important;display:inline-block;height:200px!important}
.landingActionText.red{color:red!important}
.landingActionText.blue{height:90px;padding-left:0;font-weight:400;padding-top:5px}
.createCourseLandingButton{width:235px;height:35px;background:#FFF;border:solid 5px #e0dfe3;color:#333;position:relative;text-align:center;margin-left:0;border-radius:30px;float:right;margin-top:19px;padding:5px}
.labelCategories{color:#333;font-size:1.8em;text-shadow:0 0 1px #333;text-align:center}
.orLanding{float:left;width:60px;margin-top:50px;font-size:24px;color:#0B3299;font-weight:700;text-align:right;display:none}
.landginSearch span.hint{float:left;color:#FFF;margin-left:5px;margin-top:3px;font-size:2em}
.hint.learn{font-size:19pt!important;margin-top:4px!important}
.homeArrows{position:absolute;width:134px;height:51px;background:url(../images/sprite-home.jpg) no-repeat scroll -446px -8px transparent;top:55px;right:-170px}
.createCourseLandingButton span{color:#fd8a02;font-size:24pt}
.landginSearch{display:inline-block;width:370px;margin-top:23px;background:url(../images/high_background.png);padding:5px 10px}
.hint.red{color:#FF6737!important}
.searchButton.red{background:url(../images/icon_search_red.png) no-repeat!important}
.courseProfileEnrollButton span{color:#FFF;font-size:16px;font-weight:700}
.landingItem{float:left;width:400px;height:auto;position:relative;margin:30px 0 0}
.audioCont{display:inline-block;position:absolute;bottom:0;right:19px}
.landingActionText{font-size:16pt;padding-left:15px;margin-top:30px;margin-bottom:10px;margin-left:300px}
.separatorLanding{background:url(../images/dashboardLearnImages/separator.png) no-repeat 0 -10px #FFF;height:5px;width:100%;margin:0}
.landingSearchCont{width:310px;float:none;display:inline-block;box-shadow:0 0 6px -2px #0B3299;border:solid 1px #CCC;margin:5px auto 0;padding:0 0 0 3px}
.landginSearch.search.fix{margin-top:0;float:left;margin-left:10px;padding:5px}
.landingSearchCont:hover{box-shadow:0 0 11px -2px #0B3299}
.shadowinput{background:url(../images/dashboardLearnImages/shadowlanding.png) 70px 0 no-repeat!important;float:left;width:100%;height:40px;margin-top:15px}
.searchWordsLandingButton{background:url(../images/dashboardLearnImages/searchbig.png)!important;width:35px;height:30px;float:right}
.searchWordsLanding{float:left;width:80%;height:30px;border:none;padding-left:5px;margin-top:4px}
.landingActionText.fix{max-width:299px;text-align:left}
.landginSearch.fix{padding-left:90px}

.searchWordsHeader{border-radius:10px 10px;width:60px;float:left!important;background:#efefea;box-shadow:#white 1px 1px 1px 1px inset;color:#8b8d6a;font-family:Helvetica, Arial, sans-serif;font-size:9pt;padding:3px 10px!important}
.noShadow{box-shadow:#fff 0 0 0 0 inset!important}
.searchWordsHeaderCont{position: relative;
    float: left;
    margin-top: -5px;
    margin-left: 10px;}
.featuredCoursesGrid{
    width: auto;
    position: relative;
    border-bottom: none;
    text-align: center;
    display: inline-block;
}
.emptySlot{background:url(../images/course_box.png)!important;border:solid 1px #A39B9B!important;margin-top:5px!important;text-align:left;box-shadow:none!important}
.featuredCoursesGrid.first{margin-top:0;border:0}
.textLandingHeader.green{background:#2FA84B!important}
.textLandingHeader.blue{background:#006db8!important}
.featuredCourse:active{border:solid 1px #0B3299;background:url(../images/rulergreybigactive.png)}

.featuredCourse{height:167px;width:164px;float:left;position:relative;background:#FFF;border:solid 1px #9C9C9C;cursor:pointer;-webkit-transition:0 .1s ease-in-out, 0 .1s ease-in;box-shadow:2px 2px 4px 0 #B3ACAC;margin:5px;padding:0;border-radius: 5px;}
.coursePrice{font-weight:700;color:#FFF;background:#2FA84B;padding:1px 4px}
.featuredCategory{width: 100%;padding-left:0;display:inline-block;margin-left:0;margin-bottom:10px;border-radius:5px;padding-bottom:7px;}
.arrowCourses{width:32px;height:32px;margin-top:73px;margin-left:0;-moz-border-radius:5px;-webkit-border-radius:5px 5px 5px;float:left}
.arrowCourses.left{background:url(../images/arrowleftoff.png);left:15px!important;margin-left:18px}
.arrowCourses.right{background:url(../images/arrowrightoff.png);right:15px}
.courseDescription{width:500px;height:150px;background:#FFF;float:left;margin-right:0;padding:0}
.courseDescription a{color:#8b9a8f;font-weight:700!important;font-size: 10pt;}
.courseProfilePrestige{float:left;width:245px;height:auto;margin:0!important;padding:10px}
#takeCourse{text-align:center;bottom:0;position:absolute;right:0}
.money{color:green}
#activeLearners{float:left;width:180px;text-align:left;margin-bottom:5px}
#coursePrice{width:180px;text-align:left;margin-bottom:5px}
.courseProfileEnroll{float:left;width:210px;height:170px;padding-top:0;position:relative;margin-left: 3px;}
.recomendIcon{background:url(../images/recomendIcon.png);width:31px!important;height:24px;float:right!important;margin:0!important}
.courseProfileEnrollButton{background:url(../images/dashboardLearnImages/rulergreenpixel.jpg) #FFF;width:180px;height:34px;padding-top:14px;float:left;border:solid 1px #CCC}
.courseDescription.objectives,.courseDescription.recomendations{height:110px!important;margin-top:10px;width:470px!important}
.courseDescription.objectives{margin-right:10px}
.courseDescription.results{width:990px;margin-top:10px;height:100px;background:#3A3A3C}
.courseDescription.stats{margin-left: 15px;width: 98%;margin-top:5px;height:40px;padding-right:0;margin-bottom:0;position:relative;color:#8B9A8F;font-weight:700;}
.course-summary{color:#8B9A8F;font-weight:700;border-top:solid 1px #ccc}
.course-summary .table {width: auto}
.course-summary .table a {color: #8b9a8f; font-size: 10pt;}
.course-summary .table td {border:0px}
.course-summary #courseInstructor .courseTopInfoLink {max-width: 90px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
@media (min-width: 900px) {
    .course-summary #courseInstructor .courseTopInfoLink {max-width: 190px;}
}
@media (min-width: 1024px) {
    .course-summary #courseInstructor .courseTopInfoLink {max-width: 260px;}
}
.startView {
    margin-top: 45px;
}
.btnPreView{
    margin-top: 30px;
}
#courseResults,#courseResults span{color:#F5F5F5!important}
.coursePlan{
    width:985px;
    margin-top:10px;
    min-height:285px;
    text-align:center;
    background:#FFF;
    border:solid 1px #8B9A8F;
    border-radius:3px;
    margin-bottom:20px;
    padding:10px;
    float: left;
    margin-left: 10px;
}
@media (max-width: 992px) {
    .coursePlan { width: 98%; }
    .calendarsContainer { width: 100% }
    .activityList { margin-left: 0 }
}
.courseDescription.enroll {
    width: 984px;
    border: solid 1px #8B9A8F;
    padding-left: 15px;
    text-align: left;
    background: #F9F9F9;
    padding-top: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto!important;
    padding-bottom: 10px;
    margin-left: 9px;
}
#startCourseDate{width:145px;border:solid 1px #E5E5E5;height:18px;padding:5px}
.courseDescription div{float:left;margin-right:5px;position:relative}
.headerCourseProfile{float:left;text-align:left}
.courseDescription.labels{background:none;width:100%;height:auto}
.enrollFooter{float:left;width:97%;padding:10px}
.courseDescription.enrollFooter{margin-top:0;height:auto;width:987px;background:none!important;padding-top:0;margin-bottom:10px;margin-right:10px}
.paymentTable td{padding-top:5px;padding-left:5px;text-align:left}
#signUp table td,#completeProfile table td{text-align:right;padding:5px}
.popupHeader{font-size:16px;color:#FFF;width:295px;text-align:center;background:#69b41b;background-image:0 color-stop(0.63,rgb(110,184,32)) );margin:10px auto 0;padding:4px 0 3px}
#recommendCourseSubmit{width:120px}
.formtable.recoverText{text-align:left;width:350px!important;float:left}
.recommendTableForm input[type=text]:focus{border:solid 1px #0B3299!important}
.bulletLanding{margin-top:10px;float:left;padding-left:65px}
.bulletImage{width:26px;height:26px;float:left;margin-right:5px;background:url(../images/sprite-home.jpg) -205px -2px no-repeat transparent}
.landingItem.bullets{width:510px!important}
.bulletText{float:left;margin-left:0;padding-top:4px;font-size:12pt;font-weight:!important;color:#666;text-shadow:-1px 0 1px #999}
.userPreviewMail{float:left!important;margin-top:15px!important;margin-left:5px!important}
.courseIcon{width:23px;height:24px;float:left;background-repeat:no-repeat!important}
.courseIcon.recommendCourseIcon{background:url(../images/recommend2.png)}
.courseIcon.recommendCourseIcon:hover{background:url(../images/recommend.png)!important}
.courseIcon.pinCourseIcon{background:url(../images/pinOff.png);background-position-y:2px}
.courseIcon.editCourseIcon{background:url(../images/editoff.png);background-position-y:2px}
.courseIcon.arrowIcon{margin-top:7px;float: right;}
.courseIcon.editCourseIcon:HOVER{background:url(../images/edit.png);background-position-y:2px}
.courseIcon.viewCourseIcon{background:url(../images/profile.png);background-position-y:2px}
.iconContainer{width:auto;float:right;margin-top:-5px;position:relative;margin-right:8px;}
.iconContainer span{position:absolute;top:-2px;color:#006DB8;font-size:13px;right:27px}
.pin{width:17px;height:27px;float:left}
.pin.on{background:url(../images/pinOn.png) no-repeat!important}
.pin.off{background:url(../images/pinOff.png) no-repeat!important}
.pin.cp{margin-right:5px!important;margin-top:2px!important}
.blackArrow{width:56px;height:9px;position:absolute;top:39px}
.blackArrow.gray{background:url(../images/dashboardLearnImages/rulerarrowgray.png)!important}
.blackArrow.blue{background:url(../images/dashboardLearnImages/rulerarrowblue.png)!important}
.blackArrow.green{background:url(../images/dashboardLearnImages/rulerarrowgreen.png)!important}
.endActivityButton{width:100%;height:89%;margin-top:2px;cursor:pointer;font-weight:700;font-size:1.3em}
.globalMessage{top:50px;z-index:100;box-shadow:0 0 5px 1px #333;margin-left:auto;margin-right:auto;left:0;right:0;width:100%;border-right:none;border-left:none;border-top:none;margin-bottom:10px;dislay:none!important;padding:5px 0}
.closeGlobalMessage{
    background: url(../images/popupClose2.png) -2px -2px;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 2px;
    right: 2px;
    margin: 0;
}
.globalMessageText{float:left;width:98%;height:100%;padding-top:2px}
html,body,.container2{height:100%}
body>.container2{height:auto;min-height:100%}
.createCourse{overflow:inherit!important;display:inline-block!important;max-height:100%!important}
#createEditCourseComp{padding-bottom:20px}
.social{display:inline-block;width:auto;float:left;position:absolute;right:0;top:0;padding:3px 5px 2px 10px}
.social div{
    width: 19px;
    height: 18px;
    float: left;
    margin-left: 5px;
    border-radius: 4px;
}
.fbicon{
    background: url(../images/fb-icon.png) no-repeat white 0px -1px;
}
.twittericon{
    background: url(../images/tw-icon.png) no-repeat white -1px -1px;
}
.loading{background:url(../images/loagin.gif);width:100%;z-index:100;position:absolute;top:40%;left:0;display:none}
.learnSearch{float:left;display:inline-block;margin-bottom:18px;width:530px!important;padding-top:35px}
.learnVideo.popup{margin:0!important; width: 100%;}
.learnBulletContainer{float:left;width:438px;background:url(../images/rulergreenbig.png);margin-top:15px;-webkit-border-radius:5px 5px 5px!important;-moz-border-radius:5px!important;padding:10px 10px 20px}
.learnBulletContainer.blue{background:url(../images/rulerbluebig.png)!important}
.bulletImage.white{background:url(../images/check2.png) no-repeat transparent!important;width:30px!important;height:30px!important}
.learnVideo{float:left;margin-right:10px;background:#F5F5F5;border:solid 1px #CCC;margin-bottom:10px;padding:5px}
.featuredCoursesVertical{float:left;background:#FFF;width:100%;margin-top:0;margin-left:10px;height:auto;-webkit-border-radius:5px 5px 5px!important;-moz-border-radius:5px!important;text-align:left;padding:0}
.sectionTitle{height:20px;font-size:1.4em;color:#696969;font-weight:700;border-radius:5px 5px 0 0;text-align:left;padding:5px 0 8px 8px}
.notSubscribed{text-align:center;padding-top:10px;font-size:15px;font-weight:700;color:#666}
.featuredCourseNav{width:100%;height:100%;display:inline-block;padding-left:40px}
.featuredCourseVert{width:315px;height:72px;-webkit-border-radius:10px 10px 10px!important;-moz-border-radius:10px!important;background:#FBF9F9;border:solid 1px #CCC;cursor:pointer;padding-top:0;padding-bottom:2px;float:left;-webkit-transition:0 .1s ease-in-out, 0 .1s ease-in;margin:5px}
.coursePrice.green{color:green!important}
.featuredCourseVert:hover{-webkit-transform:scale(1.02);z-index:10;-webkit-box-shadow:0 2px 1px #333}
.courseImage{width:80px;height:auto;float:left;overflow:hidden;border:solid 1px #CCC;max-height:62px}
.courseImageWrap{float:left;padding:5px 5px 5px 8px}
.courseInfo{float:left;width:auto;height:60px;max-width:210px;color:#696969;padding:5px}
.subsCount{float:left;color:#666}
.courseSubscribers{float:left;background:url(../images/subscribers.png);width:17px;height:20px;background-repeat:no-repeat;background-position-x:0;background-position-y:0;margin-right:5px}
.courseImageWrapBig{float:left;padding:10px 10px 5px}
.sideBar{float:left;text-align:center;width:510px;margin-left:15px}
.sideBarLeft{float:left;width:460px}
.bulletLearn{padding-left:35px!important}
.learnMyCourses{width:100%;height:auto;background:#FFF;float:left;margin-top:0;-webkit-border-radius:5px 5px 5px!important;-moz-border-radius:5px!important;padding-bottom:5px}
.learnSearchLogged{text-align:center;width:100%}
.bulletLogged{padding-left:26%}
.myCourseRow{width:97%;height:30px;margin-bottom:0;background:#F5F5F5;border:solid 1px #CCC;padding-left:8px;padding-top:3px}
.myCourseRow.even{background:#F5F5F5;border-top:solid 1px #ccc}
.courseTitle a{color:#696969;font-size:1.2em;font-weight:400}
.viewAllLink{text-align:right;float:left;width:98%;display:inline-block;height:15px;padding-top:5px}
.viewAllLink a{color:#0B3299!important;text-decoration:none}
.viewAllLink a:hover{color:dimgrey}
.infography{float:left;width:990px;height:240px;padding-top:10px;text-align:center;margin:0}
.createCourseTeach{float:left;text-align:center;width:99%}
.sectionTitle.grey{background:url(../images/separatorsmall.png) -15px 25px no-repeat}
.landingButtonSmall{width:110px!important;height:20px!important;padding-top:4px!important}
.landingButtonSmall span{font-size:12px!important}
.birthdayField{width:263px!important;float:left}
.birthIcon{float:left;width:25px;height:25px;margin-left:5px;background:url(../images/birth.png)}
.courseRowSubs{margin-right:12px;float:left;padding:0}
.learnMyCoursesNav{overflow:auto;max-height:290px;margin-top:5px;width:470px}
#paymentLogos{float:left;width:460px;height:186px}
.audioComp{width:580px;height:30px;background:#F5F5F5;float:left;margin-top:5px}
li.selected{border:1px solid #333!important}
li.selected span{display:none!important}
.slideFastAccess{float:left;width:560px;margin-bottom:10px;overflow:auto;height:75px;border:solid 1px #CCC;overflow-x:hidden;overflow-y:hidden;position:relative}
.pptVoiceCont{width:100%;max-width:895px;height:auto;display:inline-block;margin-bottom:0}
.uploadFileCont{width:100%;height:auto;background:#FFF;display:inline-block;border-bottom:solid 1px #CCC;padding:0 0 10px}
.layoutNumber{position:absolute;top:50%;color:#333;font-size:14px;left:25px;font-weight:700;opacity:0.6;margin-top:-20px}
.pptGallery{width:96%;min-height:auto;float:left;position:relative;margin-top:30px}
.soundPlugin{height:auto;width:594px;background:#525252;position:relative;margin:0 auto;padding:5px 3px 5px 5px}
.recorderBlocker{position:absolute;top:0;left:0;width:100%;height:100%;background:#333;opacity:0.4}
.soundCont{float:left;width:100%;display:inline-block;text-align:center}
#control_panel{width:185px;float:left;white-space:nowrap}
#upload_status{font-size:1em;color:#FFF;font-weight:700;text-align:left}
.activityTypeInfo{width:228px;height:70px;float:left;background-image:0;border-radius:5px;color:#FFF;padding:10px 0 0 15px}
.activityTypeInfoPointer{background:url(../images/arrowleft.png);width:29px;height:41px;position:absolute;left:-23px;bottom:15px}
.activityTypeTitle{font-size:1.3em;font-weight:700}
.dropMessage{font-size:1.2em;margin:20px 10px}
.typeOfAcitvity:hover{border:solid 1px #333!important}
.bgYellow{background:#FFFDC2 !important;}
.droppableItemsCont{display:inline-block;width: 450px;}
#loading2{background:none repeat scroll 0 0 #000;border-radius:10px 10px 10px 10px;bottom:50px;color:#FFF;opacity:0.8;position:absolute;text-align:center;width:200px;z-index:100;left:40%;padding:10px}
.recordAudio{width:24px;height:24px;border:none;cursor:pointer}
.recordAudio.rec{background:url(../images/record/record.png) transparent no-repeat}
.recordAudio.stop{background:url(../images/record/stop.png) transparent no-repeat}
.recordAudio.save{background:url(../images/exito.png) transparent no-repeat}
#pptVoiceContainer{float:left;width:100%;max-width:940px}
#control_panel a{outline:none;display:inline-block;width:48px;height:48px;margin-right:6px;float:left;padding:5px 8px}
#control_panel a img{border:0;margin-left:-9px;margin-top:-6px}
.mic_bg{background-image:url(../images/record/mic.png)!important}
.up_bg{background:url(../images/record/uploadAudio.png) 0 3px #333!important}
.play_bg{background-image:url(../images/record/play.png)!important}
.save_bg{background-image: url(../images/record/upload.png) !important;}
.stop_bg{background-image:url(../images/record/stop.png)!important}
.pause_bg{background-image:url(../images/record/pause.png)!important}
.stop_bg_grey{background-image:url(../images/record/stopGrey.png)!important}
.stop_bg_red{background-image:url(../images/record/stopRed.png)!important}
.record_bg{background-image:url(../images/record/record.png)!important}
#save_button{width:50px!important;height:48px!important;float:left;margin:0;padding:11px 0 1px}
.grey_button{color:#444B53;font-size:13px;background:#333;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #FFF;box-shadow:0 0 0 2px #CCC;padding:9px 16px}
.grey_button:hover{box-shadow:0 0 3px 2px #CCC}
#presentation{width:100%;display:inline-block;max-height:400px;overflow:auto;border: solid 1px #ccc;margin-left:5px;border-left:0;border-right:0;float:left}
.recordContainer{min-width:50px;position:relative}
.presentationTable{width:auto;text-align:center;float:left}
.slide{
    display: inline-block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
    position: relative;
    min-width: 362px;
    min-height: 292px;
    border: solid 1px #ccc;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;

}
.slide img,.slideImage img{float:left;}
.slide img,.slide .play-icon{
    float: left;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    left: 10px;
}
.slide .play-icon{
    left:50%;
    margin-left: -46px;
}
.recordAudioButton{width:48px;height:48px;background:url(../images/mic.png);-webkit-transition:0 .1s ease-in-out}
.recordAudioButton:HOVER{-webkit-transform:scale(1.1)}
.slideNumber{width:100%;margin-top:5px}
#slideViewer{float:left;width:auto;position:relative;text-align:center;padding:0;}
.slideImage{display:inline-block;width:auto;text-align:center;height:auto;overflow-y:auto;overflow-x:hidden;padding-bottom:5px;max-height: 500px;}
.fixPermissionBox{margin-left:-40px!important;margin-top:-160px!important}
.fixWysiwyg{width:427px!important;height:118px!important}
#videoPreviewContainer{display:inline-block;margin-left:16em;margin-top:13px}
.arrowAct{width:27px;height:73px;position:absolute;top:0;cursor:pointer}
.arrowAct.left{left:-3px;background:url(../images/course_greed_arrow_left.png);background-repeat:no-repeat;background-position:8px 28px}
.arrowAct.right{right:-3px;background:url(../images/course_greed_arrow_right.png) no-repeat scroll 0 48% transparent;background-repeat:no-repeat}
.typeOfAcitvity.class,.tableCourseActivitySelected.class{background:url(../images/dashboardLearnImages/class_blue.png) 0 0}
.typeOfAcitvity.reading,.tableCourseActivitySelected.reading{background:url(../images/dashboardLearnImages/lecture_blue.png) 0 0}
.typeOfAcitvity.exec,.tableCourseActivitySelected.exec{background:url(../images/dashboardLearnImages/exercise_blue.png) 0 0}
.typeOfAcitvity.eval,.tableCourseActivitySelected.evaluation{background:url(../images/dashboardLearnImages/eval_blue.png) 0 0}
.trash{position:absolute;right:0;top:-35px!important}
.outerActivities{margin-top:0;overflow:hidden;}
.courseDescription.instructor{margin-top:10px;margin-bottom:15px}
.listActivitiesPlanWrapper{
    display: inline-block;
    width: 100%;
    max-width: 90%;
    overflow: hidden;
    border: 1px dashed;
    margin-top: 10px;
    position: relative;
    margin-bottom: 10px;
    border-color: #CCC;
    padding: 10px;
}
.addQuestion{clear:both;text-align:center;padding-top:15px}
.addQuestion a{font-size:1em;color:#ccc;text-decoration:none}
.addQuestion a:hover{color:#666!important}
.classPpt {
    margin-bottom: 20px;
    border: solid 1px #cccccc;
    background: #FFF;
    display: inline-block;
    width: 100%;
    max-width: 896px;
    max-width: 1000px;
    position: relative;
    padding: 10px 10px 20px 15px;
    margin-top: 20px;
}
.newQuestionCont{display:inline-block;clear:both;width:100%;margin-top:15px}
.questionContainer label{width:120px!important;float:left}
.questionContainer input[type=text]{margin-top:0;border:none;background:#CFF;height:16px}
.questionContainer{display:inline-block;clear:both;width:100%;border:solid 1px #CCC;margin-top:0;margin-left:0;position:relative;background:#FFF;margin-bottom:0;padding:10px 10px 10px 20px !important}
.questionRow{width:100%;margin-bottom:5px}
.questionRow input{margin-top:3px}
.setOfAnswers input[type=text]{width:97%;height: 27px}
.spinnerAnswers{margin-top:5px!important;background:#FFF!important;border:solid 1px #CCC!important}
.setOfAnswers{width:100%;text-align:center;font-family:inherit!important}
.setOfAnswers .question-cell {width: 90%}
.setOfAnswers .simple-answer .courseInformationInput {margin-bottom: 0px}
.questionNumber{position:absolute;right:40px;font-size:1.3em;font-weight:700;background:#8B9A8F;color:#FFF;top:7px;padding:1px 6px}
#questionContainer a.questionAcc{cursor:pointer;display:block;text-decoration:none;font-weight:700;font-size:12px;color:#000;background:#CCC!important;border-radius:0;margin-bottom:0;position:relative;border:solid 1px #666!important;margin-top:1px;padding:5px}
#questionContainer a:hover.questionAcc{background-color:#666!important;color:#FFF!important}
#questionContainer a.selected.questionAcc{background:#666!important;color:#FFF!important}
.questionDelete{background: url(../images/trash_icon.png) 0px 3px no-repeat;border:none;width:21px;height:26px;position:absolute;top:6px;right:10px;cursor:pointer}
#questionContainer{width:100%;float:left;margin-top:10px;border:1px dashed #CCC;border-left:0;border-right:0}
.questionOnMoving{background:#FFF;border:solid 1px #CCC;padding-right:10px;box-shadow:0 3px 5px -2px #666}
.questionLabel{text-align:center;margin-top:20px;margin-bottom:20px}
.dragPointer{width:41px;height:9px;background:url(../images/dots.png);position:absolute;top:5px;left:49%}
.question-helper{width:auto!important;height:10px!important;color:#333;background:#FFF;border:solid 1px #333;padding:5px}
.startEvaluationButton{width:200px;height:33px;font-size:1.6em;margin-top:10px}
.evaluationTitle{font-weight:700;color:#006DB8;padding-bottom:2px;}
.evaluationDescription{font-size:1.5em;color:#AAA;font-weight:400}
.timeRemarker{color:#2FA84B;font-weight:700}
.evaluationExe{width:100%;display:inline-block;margin-top:20px;padding-top:20px;margin-bottom:20px;position:relative}
.questionContainerExe{width:100%;margin-bottom:10px;padding-bottom:10px;color:#666;position:relative;border:dashed 1px #ADA4A4;border-left:none;border-right:none;border-bottom:none;padding-left:0}
.timerIcon{background:url(../images/icon_timer.png) no-repeat;height:20px;padding:3px 0 0 26px}
.questionContainerExe td.questionExe,.questionContainerExe tr.answerExe{text-align:left;padding:10px 10px 10px 0}
.questionContainerExe tr.answerExe td{padding-left:0}
.startEvaluationButton.finish{margin-bottom:20px}
.cntSeparator{font-size:54px;color:#000;margin:10px 7px}
.desc div{float:left;font-family:Arial;width:70px;margin-right:65px;font-size:13px;font-weight:700;color:#000}
.evaluationResults{text-align:left;margin:-8px auto 0;padding:0 0 0 30px}
.resultLabel{text-align:left;color:#666}
.resultTable td{padding:3px}
.errorIcon{width:64px;height:64px;background:url(../images/errorIcon.png);float:left}
.messageText{float:left;padding-right:10px;margin-left:10px;font-size:1.3em;max-width:270px;min-width:100px}
#messageBox{display:inline-block;position:fixed;width:100%;height:40px;top:0;text-align:center;background:url(../images/blind_bg.png);z-index:1101;padding-top:20px;font-size:1.2em;left:0}
.orgRegisterText{width:100px;font-size:14px;margin-left:6px;margin-top:2px}
.labelDashTeach{font-size:1.4em;color:#666;width:100%;margin-top:70px;margin-bottom:15px;text-align:center}
.iconStatus.green{width:24px;height:24px;background:url(../images/iconoCheck.png);float:left;margin-right:10px}
.iconStatus.yellow{width:24px;height:24px;background:url(../images/advertencia.png);float:left;margin-right:10px}
.answerCorrect{background-color: #87D180!important;padding:2px 10px}
.answerIncorrect{background-color:#FA9880!important;padding:2px 10px}
.rightQuestion{position:absolute;right:0;top:32%;left:99%;margin-top:10px}
.recomTable{width:100%;height:120px;margin:0}
.recomTable td{width:330px;padding:10px 15px 0}
.formatedLeft{border-left:dotted 1px #8B9A8F}
.courseProfileAction{width: 200px;height:132px;position:relative;display:inline-block}
.notPublished .headerMedium,.notPublished.headerMedium{height:537px!important}
.notPublished .dottedBorderMedium{top:537px!important}
.courseInformationRow.support{padding-bottom:10px;width:100%}
.support-links{width: 100%}
.planningBar{margin-top:15px;margin-left: 35px;}

.unpublishMessage{
    display: inline-block;
    width: 100%;
    font-size: 1.1em;
    background: #00c8df;
    color: white;
    z-index: 100;
    border: solid 1px #CCC;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px;
    font-weight: bold;
    max-width: 450px;
}
.fixExerciseInput{height:119px;margin-bottom:8px}
#activitiesLeft.left{left:-33px!important}
#activitiesRight.right{right:-33px!important}
iframe{width:100%!important}
.notesArrow{width:19px;height:19px;float:left;margin-bottom:5px;cursor:pointer;padding:3px}
#notesUp{background:url(../images/arrow_green_up.png) transparent 3px 0 no-repeat}
#notesDown{background:url(../images/arrow_green_down.png) transparent 4px 4px no-repeat}
#imageForm{top:234px;left:300px}
.userPreviewPicture{float:left;border:solid 1px #CCC;background:#FFF;width:100px;height:auto;overflow:hidden}
.coursePreviewPicture{float:left;border:solid 1px #CCC;background:#FFF;width:240px;height:164px;overflow:hidden}
input#profileImage{position:absolute;right:24px;top:216px}
.arrowSep{background:url(../images/arrow_sep.png);width:32px;height:39px;margin-top:0}
.informationManuNav li{float:left;margin-left:10px}
.informationManu{position:absolute;bottom:10px;min-height:50px;width:auto}
.landingActionText.org{color:#FFF!important;text-shadow:-1px 1px 2px #043353}
.orgMenu{display:inline-block;float:left;background:#d8d9cb; margin-bottom: 0}
.cropBox{display:inline-block;position:absolute;top:0;left:-175px;border:solid 1px #CCC;background:#FFF;padding:5px 5px 2px}
.previewImageWrapper{display:inline-block;float:left;border:solid 1px #CCC;background:#FFF;position:relative;padding:5px}
.cropBoxFooter{display:inline-block;text-align:right;width:98%;margin-top:5px;margin-bottom:0;border-top:dotted 1px #CCC;padding:3px 5px 5px}
.cropBoxLink{position:absolute;font-size:1.2em;color:#006DB8;font-style:italic;font-weight:700;bottom:5px;right:10px}
.cropBoxImage{max-width:400px;max-height:350px;overflow:auto}
.evaluationData{float:left;width:760px;height:130px}
input.finish{margin-bottom:30px;padding:5px 30px}
.exactTypeInput{width:400px;height:25px}
.searchResults{display:inline-block;margin-bottom:50px}

.ui-jqgrid tr.ui-row-ltr:hover td,.genericTable tr:hover td{}
.requestOpen tr:hover td{background:#CDFFFF !important;}
.searchCourseImage{float:left;border-right:dashed 1px #CCC;min-height: 151px;padding:5px 10px}
.pinContainer{float:left;width:20px;padding-top:3px;padding-left:10px}
.searchCourseDescription{float:left;text-align:left;min-height:151px;border-right:dashed 1px #CCC;padding: 5px 15px;}
.searchInstructorCont{float:left;max-width:250px;border-right:dashed 1px #CCC;min-width:280px;min-height: 151px;padding: 5px 15px;}
.searchPriceCont{float:left;color:#CCC;padding:5px}
.courseDescription.enroll .coursePrice{background-color:transparent;color:#666}
.searchLabel{float:left;color:#006DB8;font-size:1.3em;margin-top:55px;margin-left:0;padding:20px}
.noResults{width:100%;clear:both;text-align:left;padding-top:0}
.mockCss{display:inline-block;border:solid 1px #CCC;background:#FFF;margin-top:20px;padding:5px}
.searchCourseDesc{width:auto;float:left;padding-top:0}
.counterWarpper{display:inline-block;border:solid 1px #CCC;border-radius:5px;background:#F5F5F5;padding:5px}
.counterWarpper.fixed{border-top:0;border-radius:0 0 5px 4px}
.slideshow{overflow-x:hidden;overflow-y:hidden;width:560px;border:solid 1px #ccc;max-height:430px;overflow:hidden}
.searchCourseImage img{border:solid 1px #666}
.coursePicture.error{position:absolute;bottom:19px;left:170px;width:210px;word-break:break-word}
#courseImageForm input,#specializationImageForm input{position:absolute;top:340px;left:395px;width:200px}
.orgLogo{width:210px;height:110px;}
.orgLogo img{width:100%;bottom:0;left:0;cursor:pointer}
.files input{font-size:11px;font-weight:400}
.viewExercise{border:1px solid #CCC;color:#333;float:left;min-height:410px;overflow-x:hidden;overflow-y:auto;text-align:left;width:100%;padding:15px 5px 5px 20px}
.signUpTip{margin-left:5px;font-weight:700;font-style:italic;color:#666;margin-bottom:5px;margin-top:-5px;font-size:11px}
.files a{font-size:12px;font-weight:700;color:#666!important}
.activatedAccountContainer{
    width: 600px;
    margin-top: 50px;
    background: #FFF;
    border: solid 1px #CCC;
    text-align: left;
    margin-bottom: 50px;
}
.activatedMessage{font-size:14px;color:#666}
.clearFix{width:100%;height:50px;clear:both}
.clearSpace{margin-bottom:10px;height:0px}
.landingImage .dottedBorder.bottom{bottom:-1px}
.moreAnswersLink{float:right;font-weight:700;width:98%;text-align:right;border:solid 2px #CCC;border-right:0;border-left:0;font-size:11px;border-bottom:0;padding:3px}
.actListProgress{min-width:580px!important;margin-bottom:9px!important}
.arrowAct.progressActivity{position:static;float:left;height:50px;background-position-y:25px}
.progressSelect{width:250px}
#progressListBody .genericTable td{border-bottom:0!important}
.progressLeyend{width:10px;height:10px;border:#666 solid 1px;margin-right:5px;float:left;margin-top:6px}
.progressLeyend.green{background:#2FA84B}
.progressLeyend.orange{background: #898b8c;}
.progressLeyend.grey{background: #E4E5E5;}
#videoPreviewContainer .unpublishMessage{text-align:center;width:600px}
.convertGif{width:220px;height:19px;background:url(../images/convertGif.gif);margin-top:10px}
#progressTable td{text-align:center;vertical-align:middle}
.activityListFixed{position:fixed;top:-95px;left:177px;background:#FFF;z-index:1000;box-shadow:0 2px 3px #666}
.countWeeksFixed{position:fixed;top:-31px;border:solid 1px;margin-left:1px;padding-left:10px;z-index:999}
#grid{width:935px;margin:0 auto}
.calendar{width:515px;float:left;margin:10px auto 0}
.calendarsContainer{float:left;width:520px}
.activityList{
    float: left;
    margin-top: 45px;
    width: 430px;
    margin-left: 5px;
    border: solid 1px #aaa;
    padding-top: 0;
    overflow: auto;
    background: #FFF;
}
.activityList table{width:100%;text-align:left}
.activityList table td{border-top:solid 1px #CCC;color:#006DB8;padding:5px}
.activitiesListTitle{font-size:1.1em;font-weight:700;color:#FFF;padding-bottom:5px;padding-top:5px;text-align:left;text-transform:uppercase;background:#69b41b;padding-left:20px}
#listAccordion .ui-accordion-header{background:#dddcdc;color:#666;text-transform:none;text-align:left;border:solid 1px #aaa;padding:4px}
#listAccordion .ui-accordion-header .ui-icon{float:left;font-family:inherit}
#listAccordion .ui-accordion-content p{color:#333;text-align:left}
.tableDownloadFiles{width:580px}
.popupLowerMessage{width:600px}
#lowerThanIe9 table td.mess{color:#666;text-align:left;font-size:13px;font-weight:700}
#lowerThanIe9 table td img{width:70px}
.buttonsOptionViewClass{width:30px;height:30px;border:solid 1px #ccc}
.buttonsOptionViewClass:hover{box-shadow:0 0 3px #ccc}
.buttonsOptionViewClass:active{box-shadow:inset 0 0 2px #333}
.buttonsOptionViewClass.prev{background:url(../images/arrow_green_left.png) 7px 6px no-repeat}
.buttonsOptionViewClass.next{background:url(../images/arrow_green_rigth.png) 7px 4px no-repeat;margin-left:2px}
.optionViewClass{float:right;
    margin-top: -7px;
    margin-right: 2px;}
#signInStatic{border:0;margin-top:20px}
.messageActivate{padding-top:15px;border-bottom:solid 1px #ccc;padding-bottom:10px;box-shadow:0 2px 0 #F5F5F5}
tr.fc-first th{border-bottom-width:1px;background:#69b41b;color:#FFF;padding-top:5px;padding-bottom:5px;border-right:1px solid;text-transform:uppercase}
.fc-header-left h2{color:#69b41b;font-size:15px}
th.fc-last{border-right-width:0!important}
.fc-grid .fc-day-number{float:right;color:#a29292;font-size:1.2em;padding:3px 4px}
#listAccordion{width:97%;padding-left:6px;margin-top:10px;margin-bottom:10px}
.star{width:18px;height:16px;float:left;margin-right:0!important;margin-left:1px}
.star.isEmpty{background:url(../images/star_icon-2estados.png) -19px 0 no-repeat}
.star.full{background:url(../images/star_icon-2estados.png) -1px 0 no-repeat}
.rateCount{height:16px;width:96px;display:inline-block;margin-left:0;padding-top: 3px;
    padding-left: 3px;}
.featuredOptions{height:104px;width:96%;float:left;-webkit-transition:0 .1s ease-in-out, 0 .1s ease-in;-pie-background:linear-gradient(#fff,#f2f2f2);background:linear-gradient(top,#fff%,#f2f2f2100%)!important;padding-top:4px;position:relative;border-radius:5px;font-size:12pt;margin:10px}
.featuredOptions2{width:300px;float:left;position:relative;display:inline-block;margin:10px}
.feturedTitle{font-size:18px;float:left;letter-spacing:-.5px;margin-top:5px;margin-left:9px;color:#747C7C;text-align:left;cursor:pointer;font-weight:700}
.feturedDetail{float:left;font-size:12pt;color:#666;width:190px;text-align:left;margin:10px}
.linkFetured{color:#0c91ce;cursor:pointer;margin-top:5px;font-size:14px;padding:0 0 5px}
#pricingTable{border-collapse:separate;border-spacing:0 10px}
#pricingTable td{width:150px}
.wallFooter.moreLearners{margin-top:6px;width:969px;margin-left:2px}
.activityNumber{position:absolute;color:#8b9a8f;bottom:-14px;font-size:11px;left:50%}
.seeAllBg{display:inline-block;padding-right:28px;padding-bottom:3px}

.seeAllBg.up{
    background: url(../images/arrowheader_black2.png) right -24px no-repeat;
}
.quickSlide{margin-bottom:10px;margin-left:5px;display:inline-block;text-align:center;width:45%;float:left;height:294px;overflow:auto;margin-right:10px;border:dashed #CCC;position:relative;padding:10px 0}
#quickSlide2{overflow:initial}
.singleSlide{position:relative;width:110px;display:inline-block;margin:5px 5px 5px 13px}
.slideWrapper{border:solid 1px #ccc;position:relative;margin-bottom:5px;padding:3px;
    width: auto;
    height: 100px;
    overflow: hidden;
}
.singleSlide span{color:#ccc;margin:auto}
.slide.plus{background:url(../images/plusGrey.png) 50% 38% no-repeat #F5F5F5;box-shadow:inset 1px 1px 3px 1px #ccc;border:#fff solid 1px;width:400px;height:272px;position:relative;margin-top:10px;margin-bottom:10px}
.plusAddSlideText{position:absolute;top:50%;left:25%;font-size:20pt;color:#ccc;font-family:bariollight,"Helvetica neue",helvetica,sans-serif;text-shadow:1px 1px 1px #fff}
.largeImage{border:1px solid #ccc;box-shadow:#666 0 6px 7px 0;position:absolute;top:0;left:0;margin-left:50%;margin-top:50%;cursor:pointer;background:#fff;z-index:1001;padding:5px 5px 45px}
.largeImage img{border:solid 1px #d4d8e2;margin-left:0;border-left:0;border-right:0;border-top:0}
.controlButtons input[type=button],.controlButtons label{position:relative;margin:3px}
.quickSlideControls{position:absolute;top:-30px}
.quickSlideControls.static{
    display: inline-block;
    float: left;
    margin-bottom: 5px;
    position: static;
    width: 100%;
}
.quickSlideControls.static .controlButtons{display:inline;float:right;margin-left:5px}
.undoIcon{background:url(../images/undoIcon.png) -24px 0 no-repeat;width:29px;height:24px;position:absolute;top:2px;right:97px}
.checkboxSlide{position:absolute;top:3px;left:3px}
.addSlideBox{background:url(../images/arrowrightoff.png) 0 0 no-repeat;width:35px;height:15px;float:left;display:inline-block;margin-top:150px;padding-top:32px;padding-left:5px}
.actionSlideBoxRight{background:url(../images/flechitas-azul.png) 0 -30px no-repeat;width:23px;height:23px;float:left;display:inline-block;margin-top:10px}
.actionSlideBoxleft{background:url(../images/flechitas-azul.png) 0 0 no-repeat;width:23px;height:23px;float:left;display:inline-block}
.actionSlidesCont{float:left;width:23px;height:50px;margin-top:125px}
.editSlides{width:28px;border-radius:3px;height:28px}
.editSlides.right{border-radius:0 3px 3px 0;border-left:0}
.editSlides.active{background-image:0 color-stop(0.52,rgb(222,222,222)) )}
.editSlides.left{border-radius:3px 0 0 3px}
.deleteSlide{
    background: url(../images/trash_icon.png) 0 0 no-repeat;
    width: 20px;
    height: 22px;
    position: absolute;
    top: 1px;
    right: -22px;
    display: none;
}
.deleteSlide.miniSlide{
    top: 2px;
    right: 0px;
}
.pptLoader{float:left;text-align:center;color:#006db8;display:none}
#allSlidesAddedDef{position:absolute;text-align:center;top:50%;font-size:16px;margin-top:-10px;width:100%}
#allSlidesAdded{position:absolute;text-align:center;top:50%;left:50%;font-size:16px;margin-left:-75px;margin-top:-10px}
.certificate{width:28px;height:22px;float:left;margin-bottom:3px;background-repeat:no-repeat!important}
.nocertificate:hover{background-color:#555555;opacity:0.6;}
.learnsityLogo{background:url(../images/logo.png) 0 0 no-repeat;width:155px;height:86px}
#landingActions{display:inline-block;margin-bottom:20px}
.recommendCourseDescription span{color:#494B4A;font-weight:400}
.noMessage{text-align:center;color:#006db8}
.genericTable{font-family:Arial, Helvetica, sans-serif;font-size:11pt !important;border-spacing:inherit;border:1px solid #ccc;}
#chartMetrics.genericTable .editCourseFormHelp {z-index: unset;}
.catalogMessage span#messageCourses{top:37px;left:390px}
.ui-jqgrid tr.ui-search-toolbar th{border-top-width:0!important}
.courseLanguageComp .langTable{margin-bottom:20px;background:#fff;padding:10px 20px}
.activityItem{float:left;border-rigth:solid 1px #333;padding:5px}
.activity{width:1024px;height:30px;border:solid 1px #333;margin:0 auto 10px;padding:2px}
.tableInfo{width:1024px;margin-bottom:10px}
.courseMoneyInfo{width:350px}
.separation{margin-bottom:0}
.separation_bottom{margin-bottom:5px}
.objetive{margin-bottomm:2px;margin-left:20px}
.contentBasics{border-top:solid 6px #EDF1FA;padding-bottom:15px;border-bottom:solid 6px #EDF1FA}
.planListCombo{width:150px;margin-top:5px}
.activityTable{width:100%;height:auto;text-align:center;padding-top:20px;font-weight:700;float:left}
.tableInfo a{color:#006;text-decoration:none}
.tableInfo td{padding-top:15px;padding-bottom:15px}
.tableInfo a:HOVER{color:#999;text-decoration:none}
.setupOptions{width:180px;float:left}
#popupActivityProfileComp{display:none;position:absolute;background-color:#F5F5F5;width:500px;border:1px solid #000;-moz-box-shadow:4px 4px 10px rgba(0,0,0,0.5);color:#333;padding:15px}
.roundBorder{border-radius:5px}
.applyShadowBox{-webkit-box-shadow:4px 4px 10px rgba(0,0,0,0.5);-moz-box-shadow:4px 4px 10px rgba(0,0,0,0.5);box-shadow:4px 4px 10px rgba(0,0,0,0.5)}
.closePopupAtivityProfile{color:green;position:absolute;top:0;text-decoration:none}
.planActivities{padding-top:15px}
.errorCourse{color:red;text-align:center}
#userPreview{float:left;width:500px;height:auto;padding-bottom:15px}
#userPreviewInfo{width:98%;float:left;margin:0;padding:10px 0 10px 10px}
.topUserPreview{width:97.3%;float:left;font-size:18px;background-color:green;color:#FFF;padding:10px}
.mailIcon{float:left;width:50px;height:50px;margin-top:10px}
.listCourses{float:left;width:97%;height:auto;margin-left:13px;padding:10px 0 0}
.courseTitle{width:85%;float:left;text-align:left;padding:5px}
.courseProgress{font-size:16px;float:left;letter-spacing:-.5px;margin-top:5px;margin-left:9px;color:#909191;text-align:left;cursor:pointer;font-weight:700}
.courseTitleLink{text-decoration:none!important;font-size:1.1em!important;font-weight:400!important;color:#006DB8!important}
.courseTitleLink:HOVER{text-decoration:none;font-size:1.1em;font-weight:400}
.courseRow{float:left;width:98%;margin-left:0;padding:3px}
.courseListLabel{font-size:15px;margin-bottom:10px;margin-left:5px;border:solid 1px #333;width:130px;color:#FFF;background:green;padding:3px}
.errorBlock{border:1px solid #F08A73;background:#FFE3DF url(images/error_16x16.png) no-repeat 12px 14px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#3A3A3A;font-size:12px;max-width:300px;padding:14px 20px 14px 38px}
.messageBlock{border:1px solid #0B3299!important;background:#F5F5F5 url(images/check.png) no-repeat 12px 11px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#333;font-size:13px;max-width:300px;margin-top:20px;padding:18px 18px 18px 38px}
.messageBlock a{color:#999}
.messageBody{overflow:hidden;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:none;margin:0 auto}
#payment{float:left;width:100%;padding:15px}
.paymentTable{width:860px;float:left}
.paymentInput{width:216px;padding:5px}
.paymentInputDate{width:110px}
#paymentType{width:231px}
.setRight{float:right;margin-right:15px}
#courseEnrollSubContent{float:left;height:auto;width:100%}
.empty{float:left;margin-left:300px;font-weight:700}
.separationTop{margin-top:80px}
.moreCourses{float:left;width:100%;text-align:center;padding-top:10px}
.courseImageProfile{
    display: inline-block;
    width: 144px;
    height: 90px;
}
.imageCourseProfile{float:left;width:auto;height:124px;border:dotted 1px #8B9A8F;border-top:0;border-bottom:0;border-right:0;border-left:0;margin:4px 0 10px;padding:0 5px}
#backgroundPopup{display:none;position:fixed;_position:absolute;height:100%;width:100%;top:0;left:0;background:#000;border:1px solid #cecece;z-index:1}
#popupContact{display:none;position:fixed;_position:absolute;background:#FFF;border:2px solid #cecece;z-index:2;font-size:13px;padding:12px}
#popupContact h1{text-align:left;color:#6FA5FD;font-size:22px;font-weight:700;border-bottom:1px dotted #D3D3D3;padding-bottom:2px;margin-bottom:20px}
#popupContactClose{font-size:14px;line-height:14px;right:6px;top:4px;position:absolute;color:#6fa5fd;font-weight:700;display:block}
.formtable{height:auto;font-weight:700;color:#666}
.recoverPasswordMessage{font-size:13px;border-bottom:solid 1px #333;float:left;width:95%;padding:10px}
.recoverOption{float:left;padding:8px 3px 3px}
.mailRecover{width:30px;height:30px;float:left}
.recoverTable td{text-align:center;padding:5px 0}
.recoverPasswordInput{border:solid 1px #999;width:305px;padding:5px}
.recoverPasswordInputButton{border:solid 1px #999;background:#F5F5F5;width:70px;cursor:pointer;padding:5px}
.radio5px{-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
#wall-container{border:1px solid #ccc;width:600px;font-size:11px;font-family:'Lucida Grande', sans-serif;color:##230;border-top:none;border-bottom:none;border-radius:0;padding:10px}
#wall-container label{font-size:15px;display:block;color:#333}
.counter{color:#CCC;float:right;font-family:Georgia, serif;font-size:32px;font-weight:700;height:40px;overflow:hidden}
#wall-container textarea{width:600px;height:48px;border:1px solid #AAA;font-family:'Lucida Grande', sans-serif;overflow:auto;font-size:14px;max-width:600px;max-height:170px;margin:5px 0 10px;padding:4px 2px}
.clear{clear:both}
.submitButton{color:#666;font-size:11px;-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;cursor:pointer;float:right;margin-right:5px;background-color:transparent;border:none;font-weight:700}
.submitButton:hover{background-position:bottom;color:#333;border-color:#ddd}
.inact,.inact:hover{background:#f5f5f5;border:1px solid #eee;color:#aaa;cursor:auto}
ul.statuses{margin:15px 0 2px;padding:0}
ul.statuses li{position:relative;border-bottom:1px dashed #D2DADA;list-style:none;font-size:14px;padding:15px 15px 15px 10px}
ul.statuses li:first-child{border-top:1px dashed #D2DADA}
ul.statuses li:hover{background-color:#F5F5F5}
h3.wallUpdates{margin-top:13px;color:#333;font-size:17px;font-weight:400}
div.wallText{float:left;width:498px;overflow:hidden}
ul.statuses a img.avatar{float:left;margin-right:10px;border:1px solid #460;color:#333}
div.date{line-height:18px;font-size:12px;color:#999}
li a,li a:visited{text-decoration:none;outline:none}
.bgGreen{background:#093;color:#FFF;border:#333 1px solid}
.bgGreen:hover{border:solid 1px #333;color:#FFF}
.likeButtonDimensions{height:17px;width:auto;text-align:center;padding:5px 5px 18px}
.shareButtonDimensions{height:32px;width:115px}
.noCommentsInTimeline{color:#ccc;text-align:center}
.wallTxt{word-wrap:break-word}
.reportComment{float:right;font-size:12px;font-style:italic;color:#FFF}
.wall{width:90%;text-align:left;display:inline-block;margin:10px 10px 40px 0}
.wall-container{padding-left:100px}
.big{font-size:14px;float:left;color:#2FA84B}
.left-side{position:relative;border-right:1px solid #CCC;float:left;height:600px;padding:20px 0 0 20px}
.post-something{width:99%;height:70px;border:1px solid #CCC;background:#FFF;max-width:979px;max-height:148px;margin-top:5px;margin-bottom:5px;padding:5px}
.postSomeOpen{border:solid 1px #006DB8;box-shadow:inset 1px 2px 2px #CCC}
.input-down{width:97%;margin-bottom:5px;display:none;padding:0 0 5px}
.about-me{position:absolute;top:190px;width:190px;background-color:#FFF;height:50px;opacity:0.8;filter:alpha(opacity=80);z-index:2;padding:5px}
.about-me-text{z-index:3;position:absolute;top:190px;width:190px;padding:5px}
.posted{font-size:12px;width:100%;height:auto;margin-bottom:5px;float:left;padding:10px 5px 0 0}
.posted-photo{float:left;width:30px;overflow:hidden;max-height:50px;margin-left:5px;border:solid 1px #CCC}
.instructorPhoto.posted-text.posted-text-date{color:gray!important}
.posted-text{font-weight:400!important;margin-left:10px;padding:0 5px 5px 35px}
.posted-text-date{color:#bbb;height:auto;width:110px;float:left;margin-top:3px}
.wallFooter{width:99%;border:dotted 1px #CCC;margin-top:0;background:#CCC;text-align:right;float:left;padding:7px 7px 7px 0}
.wallFooter:HOVER{background:#F5F5F5;border:solid 1px #ccc}
.moreIcon{background:url(../images/more_posts.png) no-repeat 37px 1px;color:#77837A;float:right;width:36px;padding-right:16px}
.wallFooter a{color:#FFF;font-weight:700}
.likeButtonActive{background:transparent;color:#2FA84B;border:none;font-weight:700}
.like_count{
    border: solid 1px #666;
    height: 23px;
    float: right;
    margin-left: 3px;
    background: #FFF;
    color: #666;
    width: auto;
    text-align: center;
    padding: 3px;
    margin-top: 3px;
}
.reply-input-conteiner{background:transparent;border:none;float:left;margin-top:10px;margin-bottom:10px;display:none;width:98%;margin-left:0;padding:5px}
#reply-content{float:right;width:98%;height:55px;margin-bottom:5px;padding:5px}
.reply{width:83.3%;margin-left:17%;margin-top:0;border-bottom:none;border-radius:5px}
.orderByList{width:170px;height:25px;margin-right:5px;float:right;margin-top:5px;padding:1px 1px 1px 2px}
.newpostlinkclass{border:1px solid green;text-align:center;background:#F5F5F5;padding-bottom:10px}
.popupPostsOptions{width:190px;height:auto;border:solid 1px #333;border-bottom:solid 3px #333;position:absolute;background:#FFF;display:none;padding:6px 0}
#popupPostsOptions{margin-top:-480px !important;left:60% !important;}
.popupPostsOptions a{font-weight:400;font-size:12px}
.postOption{margin-top:2px;padding:2px 10px 4px 15px}
.postOption:hover{background:#ccc;color:#FFF!important}
.postOption a:hover{color:#FFF;text-decoration:none}
.getPosts{display:none;border:solid 1px #D2DADA;margin-top:10px;background:#49494B;color:#FFF;width:563px;padding:10px}
.arrowPost{background:url(../images/dashboardLearnImages/arrowwallpost.png);width:14px;height:9px;position:absolute;left:35px;top:-2px}
.dashboardLearnWall{width:62%;float:left}
.sideContainer{display:inline-block;float:right;height:500px;width:248px;border:solid 1px #F5F5F5}
.graphics{height:500px;width:735px;display:inline-block;float:left;border:solid 1px #F5F5F5}
.orgRegister{width:117px;height:116px;font-size:15px;padding-top:29px;position:absolute;right:53px;top:90px;background:url(../images/organization_creat.png) transparent no-repeat;color:#333;font-weight:700;text-shadow:-1px 1px 0 #7BD8D8}
.selectCountryIndustry{
    width: 263px;
    height: inherit;
    float: left;
    font-weight: 200;
}
.instructorsTrTitle{width:98%;height:30px;margin-bottom:0;padding-left:8px;padding-top:3px;color:#000;font-family:Arial, Helvetica, sans-serif;font-size:12px}
.instructorsTrRow{width:98%;height:30px;margin-bottom:0;border:solid 1px #CCC;padding-left:8px;padding-top:3px;color:#696969;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:400}
.instructorsTrTitlegreen{background:url(../images/dashboardLearnImages/rulergreenpixel.jpg);font-weight:700;color:#FFF;font-size:14px;height:51px}
.parstAcceptButton{background-color:#0B3299;border:1px;color:#FFF}
.catalogTrRow{min-height:125px;margin-bottom:0;color:#696969;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:left;position:relative}
.catalogRateDetail{float:left;width:216px;padding-right:15px;height:100px;}
.catalogCourseInf{float:left;position:relative;width:450px;padding-left:15px;padding-right:15px;min-height:134px;overflow:hidden;text-overflow:ellipsis}
#orgCatalog{display:inline-block;position:relative;padding-top:0;width:96%}
.heatherOrg{width: 100%;background-repeat:no-repeat;background-position:top;margin-left:auto;margin-right:auto;position:relative;border-left:none;border-right:none;margin-top:5px;float:left;}
.orgCountryLabel{font-size:12px;font-style:normal;font-weight:700;font-family:Arial, Helvetica, sans-serif;color:grey;width:240px}

.catalogTitle{margin-top:15px;width:83%;height:27px;margin-bottom:0;background:url(../images/dashboardLearnImages/rulergreenpixel.jpg);border:solid 1px #CCC;padding-left:8px;padding-top:3px;color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:14px;margin-left:63px}
.catalogMessage{margin-top:15px;width:950px;height:27px;margin-bottom:0;border:solid 1px #CCC;color:grey;font-family:Arial, Helvetica, sans-serif;-webkit-box-shadow:0 0 white, 0 1px 3px rgba(34,25,25,0.5);box-shadow:0 0 white, 1px 1px 7px #CCC;background:#FFF;font-size:1.4em;padding:10px}
#employeesTable{display: inline-block;
    width: 100%;}
.addto{background:#FFF;width:65px;height:21px;border:1px solid #FFF;float:left;display:none}
.addto .labelAddto{float:left;margin-left:6px;padding:2px 2px 2px 0}
.catalogHeader{
    display: inline-block;
    float: right;
    min-width: 327px;
    margin-bottom: 0;
}
#orgcontent2{
    width: 100%;
}
.createCatalog{float:right;margin-right:10px;margin-top:18px;padding:3px 10px!important}
.textCatalog{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:700;color:#666}
.orgContent{min-height:540px;width: 100%;margin-bottom: 30px;}
.paperbin{background:#FFF;margin-right:40px;border:dashed 1px #666;position:absolute;top:0;color:#CCC;padding-top:10px;margin-top:35px;right:0;width:200px;height:25px}
.orgContent{min-height:540px;padding: 0 15px;}
.paperbin{
    background: #FFF;
    margin-right: 50px;
    border: dashed 1px #666;
    position: absolute;
    top: 0;
    color: #CCC;
    padding-top: 10px;
    margin-top: 35px;
    right: 0;
    width: 200px;
    height: auto;
    padding: 5px;
}
.binHover{background-color:#FFFFD2!important;color:#666!important;border-color:#ccc!important;border-width:2px!important}
#defineStructure{position:relative;}
.highlight{background-color:gray}
.titleDiv{font-weight:700;color:#FFF;background:#666;padding-left:10px;padding-right:10px;margin-right:1px;height:20px;padding-top:4px}
.colDiv{color:#666;width:186px;height:auto;margin-top:6px;padding-top:5px;word-break:break-word;padding-left:10px}
.colDivEvaluate{color:gray;border-right:dotted 1px gray;border-top:dotted 1px gray;border-bottom:dotted 1px gray!important;font-weight:700;height:105px;width:157px;margin-top:6px;padding-top:10px;text-align:left;padding-left:5px}
.titleEvaluation{color:#006DB8;font-weight:700;text-align:left;width:340px;float:left}
.peopleContent{font-size: 11pt;background:#F5F5F5;min-height:217px;border:solid 1px #9C9C9C;margin-top:10px;text-align:left;padding-left:5px;float:right}
.tableEmployee{float:left;margin-left:20px;margin-top:10px;margin-bottom:10px}
.messageRequest{display:inline-block;position:fixed;width:100%;height:40px;top:0;text-align:center;background:url(../images/blind_bg.png);z-index:1000;padding-top:20px;font-size:1.2em}

.orgLocalization {
    float: left;
    height: auto;
    display: inline-block;
    width: auto;
    margin-bottom: 10px;
    margin-top: 0px;
    padding: 0px;
    max-width: 970px;
}

.inputWrapper-profile-image {
    height: 32px;
    width: 40%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    /*Using a background color, but you can use a background image to represent a button*/
    background-color: #fa7411 !important;
    border-color: #F87D23 !important;
    float:left;
    text-align: center;
}
.fileInput-profile-image {
    cursor: pointer;
    height: 100%;
    position:absolute;
    top: 0;
    right: 0;
    z-index: 99;
    /*This makes the button huge. If you want a bigger button, increase the font size*/
    font-size:50px;
    /*Opacity settings for all browsers*/
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}


.orgNameLabel.blue{color:#006DB8!important}
a:hover{text-decoration:none!important}



.addTo{background:#FFF;width:65px;height:21px;margin-top:7px;border:1px solid #FFF}
.roles{margin-top:10px;text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:12px!important;width:88%}
.instructorsTrRow td{padding-top:7px;padding-bottom: 7px;}
.instructorsTrRow.titleRow td{border-radius:5px;font-weight:700;text-align:center!important}
.instructorsTrRow.dataRow td{width:360px;border:dashed 1px #CCC;border-left:0;padding-top:15px;padding-bottom:15px}
.instructorsTrRow.dataRow td.fixLeft{border-left:dashed 1px #CCC!important}
.editRolPopup{position:relative;float:right;margin-right:12px;margin-top:10px}
.tableMedium{margin-top:0;width:434px;text-align:center;font-family:Arial, Helvetica, sans-serif}
.containerMedium{padding-bottom:5px;float:left;margin-top:5px;}
.dateTitleDiv{width:90px!important}
.dateDiv{width:110px!important}
.lastDivTitle{border-right:none;width:136px}
.lastDiv{width:47px;border-right:none}
.autocompleteContainer{width:220px;position:relative;margin-left:16px}
.inputAuto{border:solid 1px #CCC;margin-top:10px;width:222px;height:32px;margin-bottom:5px}
.needtitleSource{width:145px;text-align:left}
.needtitleNeed{width:489px}
.needtitleCourses{width:287px}
.needContDiv{width:auto;min-height:38px;text-align:left}
.colDivGeneric{font-family:Arial, Helvetica, sans-serif;font-size:12px!important;color:#666;border-right:dotted 1px #666;border-top:dotted 1px #666;font-weight:700;word-break:break-word}
.colDivTitleGeneric{font-family:Arial, Helvetica, sans-serif;font-size:12px!important;font-weight:700;color:#FFF;background:#2FA84B;padding-left:10px;padding-right:10px;padding-top:4px;border-right:dotted 1px #FFF;border-left:dotted 1px #FFF;height:20px}
.tableNeeds{border:1px solid #000;margin-top:20px}
.rowTableLast{border-bottom:dotted 1px #FFF}
.divPriority{width:56px;text-align:center}
.divNeedDescr{width: 391px;text-align:left;padding-left:10px;}
.divNeedDescrEmpl{width:395px;text-align:left;padding-left:10px}
.divCour{width:306px;border-right:none}
.genericNeedRow{float:left;min-height:73px}
.tdClass{float:left;border-right:dotted 1px #666;text-align:center;border-bottom:dotted 1px #666}
.labelSaveVersion{float:right;margin-top:5px;font-family:Arial, Helvetica, sans-serif;font-size:12px!important;color:#666;font-weight:700;margin-right:4px}
.descrNeed{float:left;width: 342px;/* margin-right:5px */}
.courseCont{float:left;min-height:20px;margin-left:7px;width:233px}
.optionNeeds{padding-top:3px;float: left;}
.roleInputCont{float:right;margin-top:20px;margin-right:40px}
.tableRolContentDiv{float:left;margin-top:5px}
#tableNeedsContent td{border:dotted 1px #666;position:relative;border-spacing:none}
.captionTable{text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:12px!important;font-weight:700;color:#FFF;height:25px;border-right:1px dotted}

.thclass{text-align:left;padding-left:5px}
.genericTable td{border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;position:relative;border-spacing:inherit;text-align:left;vertical-align:top;/* width: 30% !important; */}
.genericLabel{float:left;margin-top:5px;font-family:Arial, Helvetica, sans-serif;font-size:12px!important;color:#666;font-weight:700}
.setAreaRol{height: 40px;
    display: inline-block;
    margin-top: 10px;float: left;}
.buttonContent{float:right;width:14%}
.roleTableDiv{margin-top:50px;margin-left:80px;padding-top:40px}
.buttonRolCont{
    width: 77%;
}
.needTable{color:#666;margin-top:20px;width: 100%;}
.requestTable{margin-top:20px;float:left;width:99%}
.setupemployeerow{height:48px}
.captionSource{width:auto;text-align:left;margin-left:15px}
.captionNeed{width:254px;text-align:left;margin-left:15px}
.captionCourse{width:114px;text-align:left;margin-left:15px}
.subRequest{margin-top:10px;margin-bottom:26px}
.structTitle{margin-top:-68px;margin-left:30px}
.definePeopleTit{margin-top:7px;margin-left:-95px}
.requeridSign{color:red;font-size:10px!important;float:left}
.lastBottom{border-bottom:none!important}
.sourcesN{width:137px;float:left;margin-right:27px}
.closedS{width:739px;height:38px}
.divImageCont{float:left;margin-top:4px;margin-left:2px;margin-right:4px}
.requestcontDiv{position:relative;width:656px}
.courseInstPending{width:386px;float:left}
.courseInstr{float:left;margin-right:30px}
.tableInstPending{width:386px}
.infoRole{float:left;position:relative;width:600px;padding-left:15px;padding-right:15px;min-height:90px;overflow:hidden;text-overflow:ellipsis}
.instWhite{height:132px!important;float:left;width:100%;overflow:hidden;text-overflow:ellipsis;position:absolute;left:50%;background-color:#FFF;z-index:50;top:51px;padding-bottom:4px;margin:0 0 0 -50%}
.instDotted{top:132px!important}
#ladingHeaderInst{height:132px!important}
.tableNeedInt{width:100%;min-height:100%}
.coursesNeed{width: 100%; border-right: none !important; margin-bottom: 12px; float: right; min-height: 20px;}
.priorityNeed{width:54px}
.needTitle{font-weight:700;overflow:hidden;text-overflow:ellipsis}
.sourcecontent{margin-top:8px;display:inline-block;width:100%;margin-bottom:10px;float:left}
.inputNeeds{width:385px;height:24px}
.newNeedtd{background-color:#CDFFFF}
tr.newNeedtd > td {vertical-align: middle;}
.selectPriority{width:45px;}
.needContentButton{margin-top:10px;margin-bottom:10px;float:left;}
.addMoreImage{float:left;margin-left:5px;margin-top:3px}
.saveChanges{float:left;margin-top:10px;margin-right:29px;margin-left:5px}
#saveNewVersion{float:right;margin-right:24px}
.sourceDesc{width:280px;overflow:hidden;text-overflow:ellipsis;text-align:justify;float:left;padding-left:25px}
.courtitle{float:left;margin-right:5px;overflow:hidden;text-overflow:ellipsis}
.rateC{float:left;margin-left:24px;width:227px;text-align:left}
.cContent{width:90%;min-height:96px;position:relative;display:table;}
.seachPlus{float:right;margin-right:10px;position:absolute;right:-7px;bottom:0}
.tableNeedInt td{text-align:center!important}
.courseContPopup{max-width:835px;min-width:835px;min-height:171px}
#searchWordsNeed{width:158px;height:25px;border:solid 1px #CCC!important}
#searchWordsNeed::-ms-clear{width:158px;height:25px;border:solid 1px #CCC!important;display: none;}
#searchWordsNeedSpec::-ms-clear{width:158px;height:25px;border:solid 1px #CCC!important;display: none;}
#searchWordsNeedSpec{width:158px;height:25px;border:solid 1px #CCC!important}
#searchWordsPlanning{width:158px;height:25px;border:solid 1px #E5E5E5!important;}
.checkCourses{height:100px}
.breadcrumbsCourses{font-size:1.4em;font-weight:700;text-align:left;position:relative;float:left;width:857px;margin:36px 0 15px}
.breadcrumbsLinkCourses{color:#8B9A8F;margin-right:5px;font-size:14px;text-decoration:none}
.breadcrumbsTitleCourses{color:#006DB8;text-shadow:#gray 0 0 1px;font-size:13px}
.newAlign{margin-left:2px!important}
.liSearchNeed{float:left;width:792px;margin-top:10px;border:dashed 1px #CCC;border-left:0;border-right:0;padding:10px}
.searchInstructorContNeed{float:left;max-width:221px;min-height:75px;min-width:198px;padding:5px 5px 5px 15px}
.searchResultsNeed{display:inline-block;margin-bottom:50px;max-height:435px;overflow-y:overlay;overflow-x:hidden;width:833px}
.genericSourceRow{margin-left:29%}
.sourceOptions{float:right;margin-right:4px;margin-top:-5px}
.inputrdescr{overflow:hidden;text-overflow:ellipsis;word-break:break-word;height:72px}
.buttonrow{height:50px;}
#confirmDialogdiv{width:496px}
#confirmDialogdiv .popupHeader {width: 40%;margin-left: 30%;margin-bottom: 20px;}
#confirmQuestion{width:300px;font-weight:700;color:#666}
.descriptionText{font-weight:400;width:100%;overflow:hidden;text-overflow:ellipsis;word-break:break-word;height:auto;margin-top:10px;float:left}
.areapopup4{background:#FFF;border-bottom:1px solid #BEBEBE;-moz-box-shadow:0 2px 4px rgba(0,0,0,.12);-o-box-shadow:0 2px 4px rgba(0,0,0,.12);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12);box-shadow:0 2px 4px rgba(0,0,0,.12);position:relative;z-index:1000;left:-75px;top:11px;width:250px;height:auto}
.areapopup{width:250px;height:auto;background:#2D2D2D;color:#CCC;position:absolute;text-align:center;z-index:1000;left:-75px;top:11px;padding:5px}
.linkEditArea{color:#FF9D00 !important;font-weight:700}
.mouseOv{position:absolute;margin-top:30px;margin-left:0}
.roltitle{width:600px;overflow:hidden;text-overflow:ellipsis;word-break:break-word;font-weight:700}
.courseNeedText{width:175px;text-align:left;word-break:break-word;margin-top:3px;float:left}
.coursePlanText{width:137px;overflow:hidden;text-overflow:ellipsis;text-align:left}
.coursePlanTextGen{width:110px;overflow:hidden;text-overflow:ellipsis;text-align:left}
.courseTextCal{text-overflow:ellipsis;width:135px;max-height:20px;padding-top:2px;color:#000;font-size:11px;text-align:left}
.needT{width:auto;max-height:200px;float:left;word-break:break-word;text-overflow:ellipsis}
#apprTableIdo{width:456px; min-height:42px}
.areaDetailDescr{width:240px;word-break:break-word;text-overflow:ellipsis;max-height:79px;overflow:hidden}
.labelFinalVersion{
    float: left;
    font-weight: 700;
    color: #666;
    margin-top: 7px;
    margin-left: 4px;
}
.checkVersion{float:left;margin-top:8px}
.planningDiv{border-right:none;border-bottom:none}
.pCourses{margin-top:1px;float:left;height:73px;overflow-y:auto;width:456px}
.captionN{width:226px;text-align:left;padding-left:15px}
.captionC{width:444px;text-align:left;padding-left:15px}
.captionP{text-align:left;padding-left:15px}
.needContainer{margin-top:10px;margin-left:20px}
#optionTableId td{border-right:none!important;border-bottom:none!important;background-color:#FFF;text-align:left;border-bottom-right-radius:5px;border-bottom-left-radius:5px}
#menuCal{margin-left:0;padding:0 8px 8px}
#menuCal li{margin-right:-24px;display:inline;float:left;padding-top:8px;padding-bottom:8px;margin-top:10px;margin-left:20px}
.courseBox{width:143px;height:20px;background:#F5F5F5;color:#000;border:solid 1px #8F8F8F;text-align:center;float:left;margin-top:5px}
.courseBoxCal{width:170px;height:20px;margin-left:5px;background:#E2D4ED;background-image:0 ), color-stop(0.72,rgb(226,212,237) ) );color:#000;border:solid 1px #8F8F8F;text-align:center;float:left;margin-top:5px}
.findC{margin-left:20px;margin-top:6px;margin-bottom:6px;}
.searchLabelp{float:left;padding-left:0;color:#006DB8;font-weight:700;font-size:1.2em;margin-top:55px;width:300px}
.courseText{text-overflow:ellipsis;width:112px;max-height:20px;padding-top:2px;color:#000;font-size:11px}
.courseTextPl{text-overflow:ellipsis;width:144px;max-height:20px;padding-top:2px;color:#000;font-size:11px}
.calConteiner{font-family:Arial, Helvetica, sans-serif;font-size:12px!important;font-weight:700;color:#FFF;height:20px;width:182px;float:left;margin-top:4px}
.pDiv{float:left;width:190px;height:25px}
.arrowCont{float:left;width:915px;position:relative}
.arrowDate{width:18px;height:19px;position:absolute}
.arrowDate.left{background:url(../images/left_white.png) no-repeat;left: 255px;top:5px;}
.arrowDate.leftEmpl{background:url(../images/left_white.png) no-repeat;left:9px;top:5px}
.arrowDate.right{background:url(../images/right_white.png) no-repeat;right:3px;top:5px}
.cImag{margin-left:5px;float:left;margin-right:3px;margin-top:5px}
.calendarDiv{min-height:100px}
.calendarDiv2{min-height:40px}
.peopleNameDiv{font-weight:700;color:#666;margin-left:10px;min-height:66px;text-overflow:ellipsis;max-width:182px;padding-top:19%}
.boxCourseCont{margin-left:22px}
.peopleNameDiv2{font-weight:700;color:#CCC;min-height:22px;text-overflow:ellipsis;max-width:182px;padding-top:5%;padding-left:50px}
.whitey{background-image:0 ), color-stop(0.72,rgb(226,212,237) ) )}
.arrowPeople{background:url(../images/arrowheader.png) no-repeat}
.peopleClass{text-align:left;margin-left: 0;width:162px!important;}
.dropMenuPlanning{display:none;background-color:#FFF;position:absolute;width:auto;border:2px solid #006DB8;text-align:left;top:34px;right:-290px;margin-top:5px;margin-right:0;color:#789;font-size:11px;border-radius:5px;z-index:1000;padding:12px}
.dropMenuPlan{width:16px;height:16px;background:url(../images/arrowheader.png) no-repeat;margin-right:4px;margin-top:-6px;padding:3px}
.inputNamePlanning{
    border: solid 1px whitesmoke;
    width: 222px;
    height: 22px;
    margin-bottom: 5px;
}
#calendarTable.td{vertical-align:middle}
.duplicated{background:#F5C3BC;background-image:0 ), color-stop(1,rgb(245,195,188) ) );border:solid 1px #666}
.enrolled{background:#8FC4FC;background-image:0 ), color-stop(1,rgb(190,221,252) ) );border:solid 1px #666}
.finished{background:#D4E084;background-image:0 ), color-stop(1,rgb(230,238,189) ) );border:solid 1px #666}
.noSearchR{font-family:Arial, Helvetica, sans-serif;font-size:13px!important;font-weight:700;color:#006DB8;margin-top:20px;margin-bottom:20px}
.planningPo{width:250px;height:auto;position:absolute;text-align:center;z-index:1000;left:-71px;top:-8px;color:#000;background:#F5C3BC;background-image:0 ), color-stop(1,rgb(245,195,188) ) );border:solid 1px #666;padding:5px}
.planningPoE{width:250px;height:auto;position:absolute;text-align:center;z-index:1000;left:-71px;top:-8px;background:#8FC4FC;background-image:0 ), color-stop(1,rgb(190,221,252) ) );border:solid 1px #666;color:#000;padding:5px}
.planningPoF{width:250px;height:auto;position:absolute;text-align:center;z-index:1000;left:-71px;top:-8px;background:#D4E084;background-image:0 ), color-stop(1,rgb(230,238,189) ) );border:solid 1px #666;color:#000;padding:5px}
.popupArrowPlanning{background:url(../images/arrowpopupblack.png);width:14px;height:9px;position:absolute;top:-8px;left:128px}
.titleDescripcionCoursePl{float:left;width:298px;height:100%;padding:0 0 0 15px}
.publishRadio{float:left;margin-top:6px;margin-right:5px}
.buttonsOptionView{width:170px;margin-left:2px;margin-top:5px}
.buttonFinishAct{float:left;margin-top:4px!important;margin-bottom:5px!important;width:175px}
.processed{color:#666;font-weight:700}
.alreadyExists{color:orange;font-weight:700}
#processTable{text-align:left;width:100%;margin-left:5px}
#invitationDiv{display:inline-block;width:402px;min-height:223px;max-height:268px;overflow-y:auto;overflow-x:hidden}
.adminName{color:#666;margin-left:10px;margin-top:12px;margin-bottom:12px;}
.autoClass{
    z-index: 1!important;
    width: 100%;
    border-radius: 0 !important;
}
.buttoRequest{display:inline-block;margin-top:75px}
.upgradeButton{font-size:12px;display:inline-block}
.upgradeMessage{margin-top:28px;font-size:16px;color:#666;text-align:left;margin-left:20px}
.organizationLandingText{width:400px;display:inline-block;float:left;min-height:10px;border-left:solid 3px #ccc;text-align:left}
.questionsDiv{width:100%;word-break:break-word;padding-bottom:40px;padding-top:40px;color:#006db8;font-size:21px;text-align:center}
.landingT{
    font-size: 13pt;
    color: #9a9a97;
    float: left;
    text-align: left;
}
.bulletlandingOrg{width:26px;height:26px;float:left;margin-right:5px;background:url(../images/bullet_blue.png) no-repeat transparent}
.bulletCont{display:inline-block;min-width: 205px;margin:10px;margin-bottom: 0;}
.bulletContAccount{display:inline-block;width:100%;margin-left:80px}
.classEmployee{padding-bottom:5px;width:462px;float:left;height:222px;margin-top:53px;border:solid 1px #ccc}
.leyendGrid{margin-top:16px;display: inline-block;/* margin-right:68px; */margin-bottom:5px;/* text-align: right; *//* margin-right: 10px; */width: 98%;/* background: #000; */margin-left: 0;margin-right: 0;text-align: right;/* margin-left: 12%; *//* padding-left: 40%; */}
.textLandingOrgHeader{font-size:14px;background:#006db8;float:left;color:#FFF;width:295px;margin-left:38%;padding:4px 0}
.organizationPreviewInfo{font-family:helvetica;font-size:12px;color:#666;margin-left:10px;
    margin-top: 10px;
    float: left;
    margin-bottom: 10px;}
.organizationPreviewInfo.orgName{margin-top:10px;font-weight:700;width:399px}
.courseTitleOrgpop{width:300px;text-align:left;margin-left:5px}
#organizationPreviewTable td{vertical-align:top}
#tablePreviewTitle{float:left;margin-top:20px}
#userDescrip{margin-top:5px;width:399px;margin-left:5px;font-family:helvetica;color:#666;text-align:justify}
.courseCatalogCont{max-height:299px;width:517px;overflow-x:hidden;overflow-y:scroll}
.blackBg,.informationManuNav li a,.likeButtonActive:HOVER{color:#FFF}
.whiteBg,.whiteBgd{background:#FFF!important}
#contrato,#publish{margin-bottom:15px;clear: both;width: 100%;}
#coursePublicationComp #publish {max-width: 100%;}
.teachWall,.evalQuestion{width:700px!important}
.area,.area:hover{background:url(../images/area.png) #FFF!important;background-position-x:3px!important;background-position-y:2px!important;background-repeat:no-repeat!important}
.baseStatsItem span,.questionExe,.posted-text a,.contentLabel{font-weight:700}
.newLearners,.fixContentActivities{margin-left:20px}
.newLearners li,.controlButtons{display:inline}
.newLearners img,.userImage img{width:30px}
.moreLink:hover,.placeWhiteSmoke,.courseRowMark{background:#F5F5F5}
.pretigeBarBig,.roleTable{width:75%}
.topLearnerProgress,div.form-container div.buttonrow,.landingTitle{text-align:center}
.progressUserName,.progressDateStart{float:left;width:42.5%;padding:23px 0 0}
.progressUserName a,.progressUserName a:hover{font-size:1em}
table.left,div.left,#activityComp{margin-left:0}
div.errors p,div.form-container form p,#signin_menu p,#selectPlanningBase{margin:0}
select.error,div.form-container form input.error,form input.error,.errorBox{border:solid 1px red!important}
div.form-container form textArea.error,#recommendForm input.error,textarea.error{border-color:red!important}
.dottedBorder.bottom,#heatherOrg .dottedBorder.bottom{bottom:-6px}
.footerNav a:hover,.generalButtonBlue:active,.bulletText.white{color:#FFF!important}
.wrapperFooter,.dottedRight{border-right:none}
.table100,.tbodyinst td{padding-top:5px}
.table80,.courseActivityTable td.left{width:80%}
.tableCourseActivitySelected,.blackBgNotes{background-color:#006DB8!important}
.pasoapasoActive,.planBase{background-color:#D2E9FF}
pasoapaso.a:hover,menu.a:hover{color:#09F;text-decoration:underline}
img,#tableOpt td{border:none}
.menuItem,.creationStats .rateCount,.singleSlide img{width:100px}
#recoverPasswordForm input.error,textarea.error,#recoverPasswordFormFinal input.error,textarea.error{border-color:red}
.errorColor,#pictureError{color:red}
.menuTab,.menuTabOrg,.menuTabSetup,.menuTabCal{text-align:center;margin-right:0;min-width:62px;color:#8b8d6a;font-family:Helvetica, Arial, sans-serif;font-size:11pt;font-weight:700;padding:0 10px}
.menuTabCal{font-size: 13px;}
.menuTab{width:98px;padding:35px 5px}
#courseActivityComp,tr.spaceUnder>td{padding-bottom:10px}
#planningComp,#activityExecution{display:inline-block;width:100%}
#coursePlanningComp #planningComp {display: block; padding: 0 15px; max-width: 90%}
#coursePlanningComp #grid {width: 100%}
#coursePlanningComp #grid .weeksContainer {width: 100%}
.creationStats,#courseInstructor{width:auto!important}
.typeOfAcitvity .helpPopup .popupArrow,.wrongQuestion,#orgImageForm,.ui-button-text,.notVisible{display:none}
.courseGridNav ul,.lowContainer,#planActivitiesComp,#tabs-1,#tabs-2,#play_button,.recordAudioButton.float,.optionViewRow{display:inline-block}
#landingImage,.organiContent{width: 100%;height:100%;display:inline-block;position:relative;margin: 0;}
#landingImage.home_bg{background: url(../images/home_background.jpg) -80px 0 no-repeat }
.landginSearch a,.landingItem a,#takeCourse a,.informationManuNav li a:hover{text-decoration:none}
.uploadFileTable,.acceptanceEnroll{width:100%;float:left}
.dragAtivitiesPallete,#signUpTable{width:700px}
.signUpMessage,.unProcessed{color:red;font-weight:700}
#courseActivityExerciseComp,.courseProfile,.headerMedium{margin-bottom:10px}
.questionContainerExe td,#lowerThanIe9 table td{padding:10px}
.questionCounter,.pptLoader .convertGif,.roletitle{margin-top:0}
.dropMenuDashboard.open,.dropMenuPlan.open{background-color:#006db8;background-position:3px -21px!important}

.paddingTop,.dateCourseInfo{padding-top:10px}
#courseInstructor table td,.addApprentices td{border:0}
.lastBorderRight,.genericTable thead tr th:last-child,.genericTable tbody tr td:last-child,.ui-widget-content.jqgrow.ui-row-ltr td:last-child{}
.menuTabOrg:hover,.menuTabSetup:hover{background:#006db8;border:none}
.menuTabOrg.active,.menuTabSetup.active{background:#006db8;border:none;color:#FFF}
.tabelEditRol td{border:0!important}
#newRolTable td{border:0!important;min-width: 90px;}
.colTableLast,.last,.dataRol{border-right:none!important}
#inputDescr,#inputNewDescr{height:61px!important;width:300px}
#inputNeed,.inputsneeds{width:300px;height:28px}
.blueTitleLink,#linkPayment{word-wrap:break-word;float:left;width:175px;margin-left:5px;color:#1f84b8;}
#orgInstructorManage #newNeedForm input.error,textarea.error, #editNeedForm input.error,textarea.error,#newsourceform input.error,textarea.error,#editsourceform input.error,textarea.error,#copyForm input.error,textarea.error,#editroleform input.error,textarea.error,#newroleform input.error,textarea.error{border:1px solid red!important}
#newNeedForm .needTitle, #editNeedForm .needTitle {width: 325px; float: left; margin-top: 10px;}
#inputNewSource,#inputNewSourceDescr{width:300px!important}
.menuTabCal:hover,.menuTabCal.active{background:#00C8DF;border:none;color:#FFF;padding-top:2px}
#tablePreviewTitle td,#sessionActiveInfo td{vertical-align:top;text-align:left}
.table100 td h2{top:-4px;z-index:100;position:absolute;left:10px}
#planningBoardOptions{/* margin-left:40px; */float: left;width: 100%;}
#requestpeoplecontent{margin-left:30px;margin-top:22px;display:inline-block}
.textResquest{width:97%}
.marginBottom{width:100%;height:50px;float:left}
.courseReviews{display:inline-block;border-top:dashed 1px #ccc;margin-top:10px;width:99%;margin-bottom:30px;padding:5px}
.courseReview{border-bottom:dashed 1px #ccc;padding-bottom:3px;float:left;width:100%}
.reviewHead{clear:both;display:inline-block;float:left;margin:5px 0}
.reviewContent{float:left;text-align:justify;padding-left:10px;padding-top:6px;border-left:dashed 1px #ccc;margin-left:10px;min-height:50px;color:#494B4A;width:730px}
.linlContainer{float:left;width:94%;border:1px solid #aaa;background:#fff;text-align:center;color:#ccc;margin-top:9px;border-radius:5px;padding:5px}
#addLinkField,#addLinkTitle{width:98%;padding-top:3px;padding-bottom:2px;margin-bottom:5px;padding-left:4px;color: #5C6771;}
.deleteLink{background:url(../images/paper-bin-gray.png) 0 0 no-repeat;width:20px;height:20px;float:right;border:0}
.editLink{background:url(../images/pencil.png) 0 0 no-repeat;width:20px;height:20px;float:right}
.addLinkRow{float:left;width:455px;margin-top:48px;padding:0 5px 5px}
.fullLink{padding-bottom:0}
.addLinkLast{margin-bottom:0;border-bottom:0}
.exportLink{top:9px;right:15px;color:#006db8;font-weight:700;float:right;margin-top:5px}
.materialSupportItem div{margin-top:10px;word-wrap:break-word;color:#006DB8}
.langTable{width:475px}
.pptLocker{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.termsAndServices{text-align:justify;padding:50px}
@media (max-width: 767px) {
    .terms .termsAndServices {
        padding: 10px;
    }
    .selectedSkin{
        width: 100% !important;
    }
    #labelPages,#audio_cont_auto_wrap{
        font-size: 10pt !important;
    }

}
.termsAndServices h1,.termsAndServices h2{margin-top:20px;margin-bottom:10px}
.termsAndServices p{margin-top:10px;margin-bottom:10px;font-size:13px}
.draftActivity{float:right;margin-right:35px;margin-bottom:15px}
#courseActivityComp .draftActivity {margin-right: 5px}
#addEditPpt,#deletePresentation{left:0;margin:0}
.externalLabel{color:#369B01;width:100%;display:inline-block;font-size:12px;font-weight:700;text-align:center;margin-top:35px}
.divRowAgenda{width:100%;display:inline-block;padding-bottom:5px;margin-left:10px}
.divRowAgenda .desc{color:#CCC}
.selectPlanningstatus{display:inline-block;float:right;margin-left: 0;margin-top:5px;margin-bottom:7px;}
.bullestContainer{
    width: 525px;
    text-align: left;
    float: left;
    margin-top: 85px;
}
.organizationLandingText.left{width: 100%;}
/*.fancybox-inner{overflow:auto!important;overflow-x: auto!important;} */
.fancybox-inner.over{overflow:visible!important;overflow-x:visible!important}

.currency{float:left;padding-top:5px;padding-left:5px}
.moneyRow{padding-bottom:10px;margin-top:5px;width:596px;float:left;height:74px}
.moneyPaypal img{width:92px}
.moneyPaypal{float:left;margin-top:-1px}
.orSep{float:left;margin-right:10px}
#moneyInfoFree{
    width: auto;
    margin-bottom: 10px;
    display: inline-block;
    padding: 10px;
}
.incompletedface{border:solid 1px red;border-radius:5px;padding:2px}
.paymentLogos{float:left;margin-top:25px;width:425px;display: none;}
.paymentLogos img{width:200px}
.deletePerson{top:0;position:static}
.newCourseIcon{position:absolute;background:url(../images/newIcon.png) 0 0 no-repeat;width:46px;height:46px;top:-15px;left:-15px}
#courseMonetizeComp{display:inline-block;border-bottom:solid 1px #ccc;box-shadow:0 1px 0 0 #fff;margin-bottom:15px;width:100%}
.paymentInfo{width:600px;height:auto;padding-bottom:10px;text-align:left}
.showPlanIcon{background:url(../images/icono-calendario.png) 5px 2px;display:inline-block;float:left;margin-right:5px}
.showPlanInfo{font-size:1.1em;border-bottom:1px solid #ccc;width:95%;margin-left:13px;padding:10px}
.configureInfo{width:628px;margin-bottom:10px;margin-top:25px;padding-left:30px;font-size:1.1em;padding-top:0;color:#666}
.price-tag{color:#888;padding:2.5px}
.price-tag-value,.price-tag-decimals{font-size:18px;color:#006db8}
.price-tag-decimals{font-size:11px;position:absolute;top:1px;padding-left:1px}
.price-tag-value.free{font-size:17px;color:green}
.coursebandate{position:absolute;left:-3px;top:-3px;z-index: 1;}
.fixTimepiker{position:absolute;top:343px;left:546px;z-index:8031}
.external{background:#FFF}
.externalPopupo{width:250px;height:auto;position:absolute;text-align:center;z-index:1000;left:-71px;top:-8px;color:#000;background:#FFF;border:solid 1px #666;padding:5px}
.titleR{font-family:Arial, Helvetica, sans-serif;font-size:12px!important;color:#666;font-weight:700}
.areaRolRight{height: 40px;
    display: inline-block;
    float: left;
    margin-right: 10px;}
.leyendGridPlanning{margin-top:18px;float:right;display:inline-block;/* margin-right:36px */}
.popupLoading{width:400px;padding-top:10px;text-align:center;}
.popupLoadingGeneric{
    width: auto;
    font-weight: 700;
    position: relative;
    border-radius: 2px;
    background: #00c8df;
    border: solid 1px #666;
    display: inline-block;
    left: -50%;
    border-width: 1px;
    margin: 0 auto;
    padding: 10px 15px;
    top: 54px;
    color: #fff;
    box-shadow: 2px 2px 4px -2px #333;
}
.genericOverlay{top:80px;height:50px;display:block;text-align:center;position:fixed;left:50%;z-index:8011}
.genericOverlay.top{top:0}
.genericOverlay.top .popupLoadingGeneric{border-radius:2px;}
.genericOverlay.block{top:0;left:0;overflow:hidden;z-index:8010;background:url(../js/fancybox/fancybox_overlay_white.png);width:100%;height:100%;display:block}
#searchWordsLanding{
    font-size: 11pt;
    padding-left: 10px;
    border-radius: 25px;
    width: 100%;
}
.addApprenticesDiv{display:inline-block;width:528px;margin-top:20px}
#audio_cont_auto_wrap{color:#006db8;float: left !important;margin-top:5px;font-weight:700;}
.ratecourse table td{padding:2px}
.noMarginBottom{padding-bottom:0;margin-bottom:0}
#infoEnrollment{float:left;font-size:14px;font-weight:700;color:#006DB8;margin-bottom:20px;margin-top:20px}
#enrollCustomPlanLabel{display:none;float:left;font-size:14px;font-weight:700;color:#006DB8;margin-bottom:20px;margin-top:20px}
.apprenticesInvitation {display:inline-block;width:45%;margin-top:20px}
.egLabel{float:left;margin-top:16px;margin-left:4px!important}
.courseInformationRow .obligatory {margin-left: 3px;margin-top: -3px;float: left;}
.courseInformationRow .obligatory.fix{position:static;margin-top: 16px;}
.priceContainer{float:left;width:110px;height:auto;margin-top:30px;font-weight:700;color:#006db8}
.autoClassApp{z-index:1;top:10px!important;left:0;display:block;width:431px}
.fullScreen{width:40px;height:40px;background:url(../images/1377300833_full_screen.png) 0 0 no-repeat;position:absolute;right:-36px;bottom:-4px;display:;filter:alpha(opacity=50);opacity:0.5}
.fullScreen:HOVER,.nextSlide:HOVER,.prevSlide:HOVER{filter:alpha(opacity=100);opacity:1}
#contentAct.expand,.slideshow.expand,#audio_cont_1.expand,#dashboardLectureComp.expand, .h5p-content.expand{width:970px}
.slideshow.expand{max-height:810px}
#contentAct.expand .contentSlide .fullScreen{-webkit-filter:invert(100%);-moz-filter:invert(100%);top:-10px;right:-200px}
#presentationCont.expand-left,#audio_cont_auto_wrap.expand-left{margin-left:120px}
.buttonGridProgress{font-weight:700;font-family:Arial, Helvetica, sans-serif;border:none;padding:2px 15px}
#actExeInfo{float:left;width:100%;padding-top:20px;border-top:1px dashed #CCC;margin-top:20px}
#userNameProgress{overflow-x:hidden;width:407px;display:inline-block;float:left;text-align:left;overflow-y:hidden;margin-bottom:5px}
.prestigeBarGrey{background: #898b8c;}
.nextSlide,.prevSlide{width:26px;height:55px;position:absolute;top:50%;filter:alpha(opacity=50);opacity:0.5}
.nextSlide{background:url(../images/flechas.png) -29px 0 no-repeat;right:-60px;display:none;filter:alpha(opacity=50);opacity:0.5}
.prevSlide{background:url(../images/flechas.png) 0 0 no-repeat;display:none;left:-60px}
.fullScreen,.fullScreen:HOVER,.nextSlide,.prevSlide{-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-ms-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}
#newR{width:656px;float:left;margin-right:20px}
.hasPlaceholder{color:#777}
.fc-button{cursor:pointer;font-size:11px;color:#333!important;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodÃÃââââ‚ÃÆâ€ââÃÆ’¢â€šÂ¬Ã…¾Ã‚¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¬ÃƒÆ’…¡Ã‚¬Ã…¡Ãƒâ€šÃ‚¢ÃƒÆ’ÂÂÂÃÃÆÃÃââ‚¬Å¡Ãƒâ€šÃ‚¢ÃƒÆ’¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¢ÃƒÆ’ƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã…Ãâ€ÃÆâââ€ÅÂÂ¡ÃƒÆ’‚¬Ã¢â€žÂ¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã‚¦Ãƒâ€šÃ‚¡ÃƒÆ’ƒâ€šÃ‚¡ÃƒÆ’ƒâ€šÃ‚¬ÃÆâââ€ÅÃÃÆââ‚¬â„¢ÃƒÆ’¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’¢â‚¬Å¡Ãƒâ€šÃ‚¡ÃƒÆ’ƒâ€šÃ‚¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃâââââÃÃâ€Ãâ€šÃ‚ ÃƒÆ’¢â‚¬â„¢ÃƒÆ’‚¢Ã¢â‚¬Å¡Ã‚¬Ã…¡Ã‚¬Ã…¡Ã‚¬Ã…¡Ãƒâ€šÃ‚¦IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background-image:0 color-stop(0.59,#FFC801) )!important;border-radius:15px!important;filter:none;border:0!important;font-weight:700!important;padding:2px 5px}
.brandContainer{float:left;margin-left:25px;margin-right:25px}
.buttonPointer{position:absolute;background:url(../images/sign-up-pointer.png) no-repeat 0 0;width:15px;height:13px;bottom:-11px;left:50%;margin-left:-7px;display:none;z-index:1001}
.searhBig{background:#FFF;width:200px}
.homeBgColor{background: #eeeee5;}
.homeInfo{width:400px;height:auto;position:absolute;right:33px;bottom:72px}
.bigText{float:left;font-size:26pt;color:#909191;font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;font-weight:700}
.leftArrowBg{background:url(../images/home-arrows.png) no-repeat 124px 7px;padding-right:32px;width:120px;text-align:right}
.rightArrowBg{background:url(../images/home-arrows.png) -40px 7px no-repeat;padding-left:34px;margin-left:8px;width:120px;text-align:left}
.smallText{float:left;width:347px;text-align:left;margin-top:10px;padding-left:6px;font-size:11pt;color:#909191}
.medText{float:left;margin-top:10px;padding-left:10px;font-size:11pt;font-style:italic;color:#909191;font-weight:700}
.teachIcon{background:url(../images/teach-icon.png);width:85px;height:93px;float:left}
.learnIcon{background:url(../images/learn-icon.png) no-repeat;width:85px;height:93px;float:left}
.orgIcon{background:url(../images/org-icon.png) no-repeat;width:85px;height:93px;float:left}
.markerWordGreen{color:#69b41b;font-size:16pt;font-weight:700}
.bulletButton{margin-top:10px;background:#FFF;margin-right:10px;margin-left:95px;font-weight:700;color: #fd8a02;}
.addButton{background:url(../images/add-icon.png) 0 0;width:27px;height:24px;float:left;margin:5px 5px 0 -2px}
.bigWord{
    font-size: 35pt;
    margin-left: 125px;
    margin-top: -16px;
    width: auto;
    float: left;
    margin-right: 12px;
}
.home-text-wrap{
    float: left;
    margin-top: -5px;
}
.searchBig{background:url(../images/search-big.png);width:42px;height:34px}
.fixInvite{background:url(../images/book-icon.png) no-repeat;background-position:right;margin-left:130px;width:440px}
.fixInvite .markerWordGreen{color:#1f84b8}
.organiContent .landingActionText{margin-left:180px}
.organiContent .bigWord{color:#1864b1;margin-left:0;float: right;}
.organiContent div.landingActionText.teachCloud{
    background: url(../images/cloud-teach-big.png) 80px 0 no-repeat;
    width: 300px;
    padding-top: 139px !important;
    text-align: right;
    float: left;
}
.organiContent div.landingActionText.learnBook{
    background: url(../images/book-icon.png) 123px 0 no-repeat;
    float: left;
    margin-left: 0;
    width: 322px;
    padding-top: 116px;
    text-align: right;
    margin-left: 150px;
}
.greenOrgLabel{background:#69b41b;background-image:0 color-stop(0.63,rgb(110,184,32)) );border-radius:0 15px 15px 0;margin-top:0;margin-left:0;color:#FFF;font-weight:700;padding:3px 10px 3px 3px}
.pullDown{margin-top:8px}
.organiContent .greenOrgLabel .landingT{color:#FFF;font-size:14pt}
.fixBottom{width:434px;margin-bottom:20px}
.orgQuestionsGreen .landingT{color:#458800;font-size:16pt;padding-top:5px;padding-left:13px}
.interrogationIcon{background:url(../images/interrogation-icon.png) no-repeat;width:41px;height:42px;display:none;}
.featuredOptions td{background:#FFF;margin-top:5px;margin-bottom:5px}
.featuredOptions td:first-child{border-radius:15px 0 0 15px}
.featuredOptions td:last-child{border-radius:0 15px 15px 0}
.featuredOptions .greenOrgLabel{border-radius:15px;margin-right:5px}
.pullRight{
    float: left;
    width: 485px;
    margin-top: 133px;
}
.prestigePerc{position:absolute;right:-38px;color:#6d6e71;font-size:10pt;font-weight:700;width:32px;text-align:left}
.orgInfo{background:#d8d9cb;height:47px;border-collapse:collapse}
.orgMenu li{width: 195px;}
#menuE li .orgTab{width: 121px;color:#FFF;padding:5px}
#menuE li{width:130px}
#menuE{float:left;width: 100%;border-top:solid 2px #ccc;}
#orgContent #menuBody{width:80%;float:right}
.learn-wrapper{float:left;width:950px;background:#FFF;border:solid 1px #b9b9ba;margin-left:20px;margin-bottom:30px;padding:0}
.learn-course-mid{float:left;width:235px;height:175px;border-bottom:solid 2px #b9b9ba;overflow:hidden;margin:0 15px}
.learn-course-big{width:413px;float:left;height:352px;display:inline-block;border-left:solid 2px #b9b9ba;overflow:hidden}
.learn-quad-wrapper{float:left;width:534px}
.learn-column{float:left;width:263px;border-left:solid 2px #b9b9ba}
.first-column{border-left:0}
.learn-course-img{width:100%;float:left;height:117px;overflow:hidden;margin-top:10px}
.learn-course-info{float:left;width:96%}
.learn-course-info a,.courseSmallLink.small{width:98%;clear:both;text-align:left;float:left;color:#5c6771;font-weight:700;padding:3px}
.learn-course-price{float:left;font-weight:700;color:#2f2f2f;padding:3px}
.learn-course-big .learn-course-img{height:295px}
.learn-course-big img{width:393px}
.learn-course-big .learn-course-info{margin-left:10px;width:96%}
.learn-course-description{float:left;text-align:left;color:#777;padding-left:4px}
.learn-course-over-info{float:left;margin-top:10px;height:83%;background:#F5F5F5;position:relative;padding:5px}
.learn-course-over-info .generalButton{position:absolute;left:50%;bottom:5px;margin-left:-36px}
.learn-course-big .generalButton{left:90%;}
.learn-course-big .learn-course-over-info{height:100px;margin-top:5px;margin-left:1px}
.subTitle{border-radius:0;float:left;font-size:12pt;margin-left:20px;clear:both;padding:5px 10px}
.orgInfoDetail{float:left;clear:both;margin-left:13px;font-size:11pt;font-weight:700;color:#6d6e71;margin-bottom:3px}
#topnav a.signin.menu-active,#topnav2 a.signup.menu-active{background:#1d8fbf;color:#FFF}
#slideIzq,#fadeIzq,.genericOverlay.top.block .popupLoadingGeneric{left:0}
.courseMenuOption,.editCourseFormHelp,.editSpecializationFormHelp{float:left;position:relative;z-index:100;}
#informationExtCourse .editCourseFormHelp {z-index: unset;}
#informationExtCourse .breadcrumbs {margin-top: 0; margin-left: -40px;}
.tableSessionInfo,.sideKick,.optionView{width:380px;float:right;}
.menuBody li a,.rateActivity,.floatLeft,.incompleteAct,#headerOptions,.activityExecution,.dashboardLectureWallComp,.dashboardLectureComp,.dashboardWallComp,.dashboardNotesMaterialComp,.dashboardNotesComp,.dashboardMaterialComp,#userPreviewInfo #sessionActiveInfo td #userScore span,.courseInformationRow,.selectPlanningContainer,.courseGridNav ul li,#uploadImageTable,.orgMenu li,.labelTitle,#orgareaselect,#orgrolselect,.genericSelect,.upgradeAccount,#completeProfile select,.alignLeft,#userScoreProgress,#menuBody,.pullLeft,.learn-course-over-info #userScore,.learn-course-over-info .rateCount{float:left}
a.signin,a.signup{position:relative;margin-left:0}
a.signin span,a.signup span{padding:0 15px}
#signin_menu a,#signup_menu a{color:#6AC}
#signin_menu label,#signup_menu label{font-weight:400}
#signin_menu fieldset#su,#signup_menu fieldset#su{border-radius:0 0 5px 5px}
#signin_menu p.remember,#signup_menu p.remember{text-align:center;padding:10px 0}
#signin_menu p.forgot,#signin_menu p.complete,#signup_menu p.forgot,#signup_menu p.complete{clear:both;margin:0}
#signin_menu p a,#dropMenu a,#signup_menu p a,#dropMenu a{color:#696969!important}
#signIn input.error,#signUpMenu input.error,.linkError{border:solid 1px red}
#weekCount,#addLinkLink{color:#006db8}
.searchWords.learn,.createCourseLandingButton.teach,.dashboardMaterialComp{width:300px;height: 55px;}
#needTableId thead th:first-child{
    height: 35px;
}
.resultValue,.popupLoading span{color:#333;font-weight:700}
.normalText,.catalogTrRow.first,.popupLoading a{margin-top:5px}
.liSearch,.liCatalog{float:left;width: 98%;border:dashed 1px #CCC;border-left:0;border-right:0;padding:10px;border-bottom: 0;}
.liSearch:last-child,.liCatalog:last-child{
    border-bottom:dashed 1px #CCC;
}
.liSearch:first-child, .liCatalog:first-child{
    margin-top:10px;
}
#listAccordion .ui-accordion-content,.requestOpen{background:#CDFFFF; height:auto !important;}
.latest,.emptyMessage{color:#666}
li a:hover,#popupLoadingGeneric a{text-decoration:underline}
.postButtons,.footerNav,.rateActivityTable input[type=button],.createCourseTeachButton,.newQuestionCont button,#recommendForm input.generalButton,.closeUserPreview,.pluginComp,.replyButtonCont,.saveVersion,.cousesNeed,#contButton,.learn-course-info #userScore{float:right}
.whitePlus,.requestImageClass{float:right;margin-right:4px}
.activityBar a,.firstLanding,.menuBody li.left,.invalidField{margin-left:10px}
.chartButton,.activityMenu,.hand,.learn-course-mid,.learn-course-big{cursor:pointer}
.left,.courseDescription.enroll#coursePrice,#instTableIdNoconf td,.ratecourse table td:first-child{text-align:left}
.recommendCourseForm,#recoverBody,.landingSearch,.priceCourseComp,.courseInformationContent label.courseInformationLabel,#userInfoProgress,#menuOrg,.displayable{float:left;width:100%}
.recommendTableForm,.recoverTableForm,.sideBar.full,.recordTable,.soundPluginCont,.orgInfo,.personal-data,.contenOrganizationSale,.moneyHeader,.enrollFix{width:100%}
.recommendTableForm td,.recoverTableForm td,.recommendTableForm input[type=text],.button,#feedback,#chartCompHeader .menuTab{padding:5px;}
#chartCompHeader .menuTab{font-size: 13px;}
#signIn p,#dropMenu a:hover,#signin_menu p a:hover,.reportComment:hover,.termsAndServices p,.termsAndServices h1,.termsAndServices h2,.termsAndServices h3{color:#333}
.lastBorderBottom,.tableNeedInt tbody tr:last-child td,.last-of-column{border-bottom:0}
.instructorPost,.landingImage.white,.featuredOptions tr:first-child td{background:transparent}
.requestClosed,.fileinput-button,.fileinput-button:hover{background:none}
.courseInformationRow,.slideshow-container,div.contentSlide{position:relative}
.activity-info-form .courseInformationRow {width: 100%}
.activity-info-form .courseInformationRow .inputContainer {width: calc(100% - 30px)}
.activity-info-form .courseInformationRow .inputContainer .courseInformationInput {width: 100%}
input::-webkit-input-placeholder,input:-moz-placeholder,input::-moz-placeholder,input:-ms-input-placeholder{color:#8b8d6a}
input.searchWordsLanding::-webkit-input-placeholder,input.searchWordsLanding:-moz-placeholder,input.searchWordsLanding::-moz-placeholder,input.searchWordsLanding:-ms-input-placeholder{color:#fd8a02}
@media screen and -webkit-min-device-pixel-ratio0 {
    .landingCompRight.learn{right:0}
}
@media max-width1024px {
    .landingCompRight{display:none}
    #header,.landingImage,.dottedBorder,.footer,#landingImage{width:1024px}
    .content{padding-left:10px;padding-right:10px;width:1004px}
    #signin_menu{margin-left:-196.5px;top:8px}
    .teachImage .landingItem .landingActionText{margin-left:200px}
    .learnImage .landingItem div.landingActionText{width:65%}
    .orgRegister{right:74px}
    #signin_menu.redondeado{border-radius:5px 0 5px 5px}
    .courseDescription .dottedBorder{width:1014px;margin-left:10px}
    .breadcrumbs{padding-left:10px;padding-right:10px}
}

.popupLoadingGeneric a{
    color: #2A4D13;
    text-decoration:underline;
}
.ui-jqgrid-labels th:last-child,.ui-search-toolbar th:last-child{
    border-right:0;
}
.ui-jqgrid-pager.ui-corner-bottom{
    border-radius:0;
}
#optionTableId{
    margin-left: 0;
}
#needTableId{
}
#gridProgress .prestigeBarCont{
    margin-bottom: 0;
    width: 99%;
    height: 10px;
    border-width: 1px;
}
#gridProgress .prestigeBarGreen,
.profileTable .prestigeBarGreen{
    border-radius: 15px 0px 0px 15px;
}
#gridProgress .prestigeBarGrey,
.profileTable .prestigeBarGrey{
    border-radius: 0px 15px 15px 0px;
}
#orgRequest{
    float: left;
    margin-bottom: 20px;
    margin-top: 4px;
}
#orgcontent1{
    margin-top: 14px;
}
.courseSmallLink{width:100%;font-size:1.2em;color:#666}
.courseSmallLink:hover{font-size:1.2em;text-decoration:none}
.courseSmallLink.small{font-size:11px;text-align:left;padding-left:0;font-weight:700}
input#searchWordsLanding::-webkit-input-placeholder{color:#fd8a02}
input#searchWordsLanding:-moz-placeholder {color:#fd8a02}
input#searchWordsLanding::-moz-placeholder {color:#fd8a02}
input#searchWordsLanding:-ms-input-placeholder {color:#fd8a02}
.le{
    display:none;
}
input[type=button]{
    -webkit-appearance: none;
    cursor:pointer;
}
#dashboardTeachMenu{
    float:left;
}
#gridProgress .prestigeBarCont{
    width: 89%;
    margin-top: 2px;
    margin-right: 0px;
}
#gridProgress .prestigeBarCont:hover{
    border-width: 1px !important;
}
#pinSearchField1{
    float: left;
    width: 87%;
    margin-left: 15px;
}
.userInfo.menuOpen{
    background:#1d8fbf;
}
.userInfo.menuOpen #userName{
    color:white !important;
}
.userInfo.menuOpen .buttonPointer{
    display:block;
}
.fc-button{
    background: #fd8a02 !important;
    color: white !important;
}
.fc-event {
    background: #CDFFFF !important;
    border: solid 1px #333 !important;
    color: #333 !important;
}
.optionView a{
    float: right;
}
.orgQuestionsGreen  .bulletCont,.orgQuestionsGreen  .bulletCont .landingT{
    width:98%;
    text-align:center;
}
.bulletSpan{
    margin-top: 50px;
    width: 100%;
}
.bulletSpan .organizationLandingText {
    width: 475px;
    float: left;
}
.bulletSpan .organizationLandingText:first-child{
    border: 0;
    float: left;
    margin-right: 45px;
}
.bulletCont.greenOrgLabel{
    width: 410px;
    padding-left: 35px;
}
.bulletSpan .bulletCont{
    margin-bottom:10px;
    color:#6F6F65;
}
.grey1{
    background: #c3c4b3;
}
#orgRequest table{
    cursor:pointer;
}
.evaluationRow{
    float: left;
    width:100%; display:
    inline-block;
}
.evaluationRowCont{
    width: 45%;
    margin-top: 20px;
    float: right;
    margin-right: 35px;
    margin-bottom: 15px;
}
.showActivityEvaluation{
    float: left; width:100%; display: inline-block;margin-bottom: 20px;
}
.invisibleDiv{
    display: none;
}
.questionScoreTrue{
    display: block !important;
}
.errorBorderInput{
    border: solid 1px red !important;
}
.showProDetail{
    position: absolute;
    top: 41px;
    left: 26px;
    z-index: 1001;
    font-size: 10pt;
}

#progressDetailActivity{
    width: 230px;
    height: auto;
    background: whitesmoke;
    border: solid 1px #ccc;
    color: #666;
    display: inline-block;
    padding: 5px;
}
.evalRow{
    float: left;
    width: 95%;
    text-align: left;
    margin-left: 10px;
}
#progressPopup{
    overflow: visible !important;
    overflow-x: visible !important;
    height: auto;
    display: inline-block;
}
#progressPopup .progress-container {
    width: 500px;
    min-height: 346px;
    max-height: 800px;
    overflow: visible;
}

@media (max-width: 767px) {
    #progressPopup .progress-container {
        width: 250px;
    }
    #progressPopup .progress-container .popupHeader {
        width: 250px;
    }
    #progressPopup .progress-container .tableSessionInfo {
        width: 100%;
        margin: 10px 0;
    }
    #progressPopup .progress-container #userNameProgress {
        width: 190px;
    }
    #progressPopup .progress-container #actExeInfo {
        margin-top: 0;
        padding-top: 0;
    }
    #progressPopup .progress-container .topProgressCont .courseInformationLabel {
        width: 40%;
    }
    #progressPopup .progress-container .showProDetailDiv {
        position: static;
    }
    #progressPopup .progress-container .showProDetailDiv .showProDetail {
        top: 210px;
        left: 6px;
    }

    #learnersEmailPopup .popupHeader {
        width: 100%;
    }
    #learnersEmailPopup .recommendCourseForm .courseInformationInput {
        width: 190px;
        padding: 5px 10px;
    }
}
.pricingTableCont{
    width: 100%;
    float: left;
    display: inline-block;
    margin-right: 20px;
}
    }
#orgAccountDetail{
    float: left;
    display: inline-block;
    width: 100%;
    margin-top: -65px;
}
.orgDetail{
    float: left;
    width: 100%;
}
#pricingGen td{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    padding: 7px;
}
.accountRow{
    float: left;
    width: 100%;
    display: inline-block;
    text-align: left;
    padding-bottom: 5px;
}
.identationAccount{
    margin-left: 25px;
}
.accountTd{
    width: 220px;
}

.org-payment-comp-table{
    border-collapse:collapse;
    margin-top:10px;
}
.org-payment-comp-table td{
    padding-top:20px;
    padding-bottom:20px;
    text-align:left;
    padding-right:20px;
    padding-left:15px
}
.org-payment-comp-table tr:last-child td{
    text-align:center;
}
.org-payment-int td{
    background:#ccc;
}
.org-payment-comp-table tr td:fist-child {
    color:#1864b1;
}
#orgPlansTable td{
    padding:5px;

}
#orgPlansTable input[type=text]{
    border: solid 1px #ccc;
}
.ui-slider-range {
    border-radius: 15px;
    border-color: #ccc;
    margin-bottom: 10px;
}
.ui-slider-handle.ui-state-default.ui-corner-all{
    background: #fd8a02;
    border-color: #666;
    cursor: pointer;
}
.ui-slider-handle.ui-state-default.ui-corner-all:hover,
.ui-slider-handle.ui-state-default.ui-corner-all:active{
    background: #1864b1;
}
#orgPlansTable tr:last-child{
    text-align:center;
}
#orgPlansTable{
    margin-top:15px;
}
#slider-range-max{
    margin-top: 8px;
    margin-bottom: 10px;
    margin-left: 64px;
}
#orgPlansTable input[type=radio]{
    margin-right:5px;
}
#orgPlanForm .roleTable {
    font-size: 12px !important;
    float: left;
    margin-right: 20px;
}
#orgPlanForm .users-range {
    width: 490px;
}
#orgPlanForm .extend-users {
    width: 480px;
}
#orgPaymentH{
    display: inline-block;
    margin-bottom: 30px;
    padding-left: 10px;
    padding-bottom: 15px;
    width: 100%;
    margin-top: 20px;
}
#paymentTableGen {
    width: 984px;
    float: left;
}
#paymentTableGen td{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    width: 124px;
    padding: 14px;
    text-align: center;
}
#orgPlanForm p{
    text-align:left;
    margin-left:125px;
    display:none;
}
#orgPlanForm p:last-child{
    margin-top:10px;
}
.orgPlanDescription{
    display: inline-block;
    width: 100%;
    padding: 10px;
    text-align: left;
    color: #666;
    padding-bottom: 0;
    padding-left: 0;
}
#orgPlansTable #amountOfUsers{
    width: 50px;
    float: left;
    margin-top:5px;
}
.changeMetrics {
    width: 189px;
    float: left;
    margin-right: 10px;
}
.monthly-metrics {
    width: 100%;
    /* overflow-x: scroll; */
}
.metricsTable.subscription-metrics {
    width: 100%;
    margin-top: 10px;
}
#accountPayment{
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px;
}

.status-request{
    float:left;
    width:100%;
    padding-bottom:5px;
    padding-top:10px;
}
#account{
    margin-bottom:20px
}
.titleDescripcionCourse{
    position: relative;
}
.titleDescripcionCourse .pin {
    position: absolute;
    top: 0px;
    right: 0px;
}
.answerD{
    width: 790px;
    height:auto;
    min-height: 40px;
    margin-bottom: 1px;
    background: #CCC;
    margin-left: 52px;
    border: solid 1px #000 !important;
}

.answerC{
    height: auto;
    min-height: 40px;
    cursor: move;
    display: block;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    color: #000;
    background: #CCC;
    border-radius: 0;
    position: relative;
    padding: inherit;
    width: 788px;
    background-color:rgba(0,0,0,.01);
}
.questionContent{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
#amountPriceView{
    width: 90%;
    border: aliceblue;
    height: 50px;
    margin-bottom: 3px;
    background: ;
    padding: 5px;
    border-radius: 15px;
    padding-left: 2px;
    padding-right: 13px;
}
.accountRow span{
    color: #006db8;
}
.orgTopControls{
    /* float:right; */
    width: 78%;
    margin-top:10px;
}
.questionTitleExe{
    position: absolute;
    top: 10px;
    left: 10px;
    color: black;
    font-weight: bold;
}
.assocOption{
    border: dashed 1px #666 !important;
    width: 42%;
    height: 40px !important;
    float: left;
    background: #CFF;
    display: inline-block;
}
.assocCont{
    display: inline-block;
    float: left;
    width: 100%;
}
.associationOptionContent{
    border: solid 1px #CCC;
    width: 829px;
    height: 100px;
    float: left;
    background: #eeeee5;
    margin-top: 10px;
}
.assocArrowCont{
    width: 74px;
    float: left;
    display: inline-block;
}
.addOpttionInput{
    margin-right: 16px;
    text-align: right;
    width: 100px !important;
    margin-top: 10px;
    float: left;
    height: 29px;
}
.associationC, .dialogCardC{
    display: inline-block;
    margin-left: -9px;
    padding-bottom: .5em;
    padding-top: .5em;
}
.associationC {width: 100%}
.setOfAnswersAssoc{width:800px;text-align:center;font-family:inherit!important}
.assocOptionSol {
    padding-top: 12px;
    width: 357px;
    border: solid 1px #666;
    background-color: #CCC!important;
    text-align: center;
    float: none;
    cursor: move;
    margin-top: -3px;
    float: left;
    position: relative;
    padding: 10px;
}
.assoOptionDrop{
    height: auto;
    min-height: 40px;
    display: block;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    color: #000;
    background: whitesmoke;
    border-radius: 0;
    margin-bottom: 0;
    position: relative;
    border: dashed 1px #666!important;
    margin-top: -3px;
    padding: inherit;
    margin-left: 1px;
    width: 366px;
    float: left;
}
.leftArrowBlue {
    background: url(../images/leftArrowBlue.png) no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 7px;
}
.rightArrowBlue {
    background: url(../images/rightArrowBlue.png) no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 7px;
}
.labelAnswerSol{
    color: black;
    font-weight: bold;
}
.optionAnswerCont{
    min-height: 25px;
    display: block;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    color: #000;
    background: #CCC!important;
    border-radius: 0;
    margin-bottom: 0;
    position: relative;
    border: solid 1px #666!important;
    margin-top: -3px;
    padding: inherit;
    margin-left: -9px;
    width: 765px;
    float: left;
    margin-top: 5px;
    text-align: center;
    padding-left: 26px;
}
.optionAssocDraggable{
    padding: 5px;
    background: aliceblue;
    width: auto;
    border: solid 1px #666;
    border-radius: 3px;
    background-color: #e6e6e6;
    text-align: center;
    float: none;
    cursor: move;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}
.optionFinalDiv{
    padding: 2px;
    width: 345px;
    border: solid 1px #666;
    border-radius: 3px;
    background-color: #CCC;
    text-align: center;
    float: none;
    cursor: move;
    margin-top: 4px;
}
#tableOpt tr:hover td,.genericTable #tableOpt tr td{
    background: white !important;
}
.enroll  table{
    float:left;
}
@-moz-document url-prefix() {
    .questionRow .ui-spinner-buttons{
        top: -14px !important;
    }
    #orgPlanForm .ui-spinner-buttons{
        top: 5px !important;
        left: -75px !important;
    }

}
    }
.weeksContainer{
    background:transparent !important;
}
.editOrgContent{
    width: 916px;
    height: 400px;
    display: inline-block;
    float: left;
}
.editOrgP{
    width: 900px;
    height: 345px;
}
.sideOrgCont{
    float: left;
    width: 380px;
    display: inline-block;
    height: 258px;
    margin-top: 18px;
    border-left: dashed 1px #ccc;
    padding-left: 5px;
    margin-left: 5px;
}
.textAreaEdit{
    width: 263px;
    height: 121px;
}
#orgEdit input,textarea, select{margin-bottom: 4px;}
.domainTitle{
    float:left;
}
.deletedomain{
    float: left;
    padding-bottom: 5px;
    padding-top: 5px;
}
.domainCont{
    float: left;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-left: 10px;
    width: 340px;
    text-align: left;

}
.domainClass{
    display: inline-block;
}
.domainLabel{
    width: 222px;
    float: left;
    text-align: left;
    display: inline-block;
}
.previewTd{
    float: left;
    min-width: 120px;
    color: #666;
    padding: 10px;

}
.areaRolContentDiv{
    float: left;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 5px;

}
.areaRolContentPreview{
    float: left;
    display: inline-block;
    margin-left: 40px;
    margin-top: 10px;
}
.koko{
    min-width: 600px;
}
.previewOp{
    padding: 10px;
    width:54px;
}
.employeeStartDate{
    float: left;
    width: 100%;
    text-align: left;
    display: inline-block;
    margin-bottom: 6px;
    font-weight: bold;
}
#dateStartEmployee{
    height: 22px;
    width: 199px;
    border: solid 1px #CCC;
}
.blueBGColor{
    background: #CDFFFF;
}
.divAR{
    display: inline-block;
    float: left;
    margin-bottom: 15px;
}
#recoverPasswordFormFinal input[type=password]{
}
.promotionLabel{
    position: absolute;
    top: 44px;
    font-size: 33px;
    width: 260px;
    text-align: left;
    left: 48%;
    margin-left: -100px;
    font-weight: bold;
    color: #666;
}
.promotionLabelBottom{
    position: absolute;
    top: 210px;
    width: 355px;
    left: 36%;
    font-size: 20px;
    text-align: left;
    color: #928E8E;
    font-weight: 100;
}
.promotionLink{
    position: absolute;
    top: 323px;
    left: 47%;
    margin-left: -20px;
}
#moneyInfoConfigure,#moneyInfoConfigureOrg{
    text-align:center;
}
#savePayOpts input[type=text]{
    margin-bottom:10px;
}
.enrollPaymentInfo{
    padding: 10px;
    font-size: 11pt;
    font-style: italic;
}
.fancybox-message{
    position: absolute;
    top: -78px;
    left: 0px;
    color: white;
    font-size: 15pt;
    font-style: italic;
    width: 600px;
    margin-left: -139px;
    text-align: center;
}}
.contentRestrictionLabel{
    float: left;
    margin-top: 10px;
    margin-bottom: -15px;
    color: #006DB8;
    font-weight: bold;
    margin-left: -15px;
}
.sendEmailCont{
    display: inline-block;
    float: right;
    /* margin-right: 5px; */
}
#activityTimeEstimated{
    height: 21px !important;
}
.upgradeAccount{
    float: right;
    margin-right: 12px;
}
.exerciseContent{
    border: solid 1px #CCC;
    min-height: 416px;
}
.exerciseScoreInput{
    margin-left: 0;
    width: 40px;
    border: solid 1px #CCC;
    padding: 5px 0 5px 10px;
}
.messageBlckedDiv{
    display: inline-block;
    width: 460px;
    font-size: 1.2em;
    background: #CDFFFF;
    color: #333;
    z-index: 100;
    border: solid 1px #CCC;
    margin-top: 100px;
    margin-bottom: 15px;
    padding: 15px;
}
.exerciseExecutionHistory{
    margin-top: 20px;
}
.tdExerciseResult{
    height: 26px;
    vertical-align: middle !important;
    text-align: center !important;
    text-align: center !important;
}
.fileUploadExercise{
    width: 100%;

}
.labelExerciseUp{
    height: 20px;
    width: 100%;
}
.labelExetitle{
    float: left;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 700;
    color: #006DB8;
    padding: 15px 10px 5px 0;
}
.contentFiles{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
}
.fileOptionContent{
    float: left;
    margin-right: -18px;

}
.uploadContent{
    width: 100%;
}

.attempDivContent{
    border: solid 1px white;
    background: #eeeeee;
    width: 100%;
    text-align: left;
    font-weight: bold;
    display: inline-block;
}
.attempFiles{
    width: 40%;
    float: left;
    display: inline-block;
    min-height: 215px;
    border-right: solid 1px white;
}
.contentFormEdit{
    width: 60%;
    float: left;
    display: inline-block;
    min-height: 215px;
}
.tableEditResult{
    float: left;
    margin-left: 10px;
    text-align: left;
    margin-top: 10px;
    width: 96%;
}
#homeWorkReviewDiv{
    margin-top: 60px;
    margin-bottom: 60px;
}
.divAttempNumb{
    border: solid 1px white;
    background: #eeeeee;
    width: 100%;
    text-align: left;
    color: #878787;
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
    height: 40px;
    vertical-align: middle;
    padding-top: 10px;
    padding-left: 10px;
}


.pendingLabel{
    float: right;
    margin-right: 10px;
    color: #006DB8;
    font-weight: 500;
}
.dateCont{
    border-bottom: solid 1px #ccc;
    width: 100%;
    padding: 10px;
}

.verdeclarito{
    background: #c1dfb9;
}
.tableEditResult td{
    vertical-align: top;
}
.detailResultContentDiv{
    width: 600px;
}
.detailTr{
    float: left;
    width: 100%;
    text-align: left;
    margin-left: 10px;
    font-weight: 100;
}
.detailLabel{
    margin-right: 5px;
}
.detailDetail{

    display: inline-block;
    width: 100%;

}
.textAreaComment{
    margin-bottom: 10px;
    font-weight: 100;
    float: left;
    width: 488px;
}
.selectContentDiv{
    float: right;
    margin-right: 10px;
}

#reviewSelect2{
    max-width: 480px;
}
#reviewSelect2 option{
    max-width: 480px;
}
#reviewInput{
    height: 30px;
    font-weight: normal;
    font-size: 10pt;
    border: solid 1px #CCC;
    padding: 5px 0 5px 5px;
    max-width: 480px;
    width: 250px;
    margin: 5px;
}
#reviewSelect{
    max-width: 480px;
}
#reviewSelect option{
    max-width: 480px;
}
#pageSelect{
    padding: 1px;
    max-width: 60px;
    width: 45px;
}
#pageSelect option{
    max-width: 60px;
}
#reviewListSizeSelect{
    padding: 1px;
    max-width: 60px;
    width: 45px;
}
#reviewListSizeSelect option{
    max-width: 60px;
}
.selectPageDiv{
    background: #69b41b;
    padding-top: 2px;
    color: white;
    border: solid 1px #ccc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px!important;
}
.showPages{
    float: right;
    margin-right: 10px;
    padding-top: 2px;
}
.actTitleReview{
    max-height: 22px;
    width: 80%;
    float: left;
    overflow-y: hidden;
}

.answerImage{
    width:100%;
    height:100%;
    max-width:200px;
    max-height:200px;
}

/*Estilos en manageSkin.jsp de funcionalidad WL configuracion de Skins*/
#setupSkinsTableDiv .activity-row{
    margin-top: 0px;
}
#setupSkinsTableDiv .courseTopInfoLink{
    font-size: 14px;
    font-weight: bold;
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
.containerSkin{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 15vh;
    clear: both;
}

.slider-wrapper-skin{
    width: auto;
    height: 100px;
    overflow: hidden;
    border: 1px solid #cccccc;
}

.inner-wrapper-skin{
    width: 700%;
    height: 100%;
    position: relative;
    left: 0%;
    top: 20%;
}

.slideSkin{
    width: 70px;
    height: auto;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto 5px;
}

.buttonSkin{
    width: 10px;
    height: 10px;
    border-top: 2px solid #9ECF6A;
    position: absolute;
    cursor: pointer;
}

.prevSkin{
    border-left: 2px solid #9ECF6A;
    left: 18%;
    transform: rotate(-45deg)
}

.nextSkin{
    border-right: 2px solid #9ECF6A;
    right: 18%;
    transform: rotate(45deg);
}

.slideSkin > img{
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0.7;
}

.activeSkin img {
    border: 1px solid #000;
    opacity: 1;
}

.selectedSkin{
    display: block;
    text-align: center;
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
}

.selectedSkin img{
    width: 100%;
    height: 100%;
}

.containerSelectedSkin{
    width: 100%;
    display: flex;
    justify-content: center;
}

#slideNavigationContainer .layoutNumber{
    top: 50%;
    left: unset;
    margin-top: unset;
    cursor:pointer;

}

#containerSlides .slider-wrapper-skin{

}

#buttonsSlides #prevSlide, #buttonsSlides #nextSlide,#buttonsSlidesCards #prevSlide, #buttonsSlidesCards #nextSlide{
    cursor: pointer;
}

#buttonsSlides .optionViewRow,#buttonsSlidesCards .optionViewRow{
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-top: -5px;
}

#buttonsSlides #prevSlide,#buttonsSlidesCards #prevSlide{
    float: left;
}
#buttonsSlides #nextSlide,#buttonsSlidesCards #nextSlide{
    float: right;
}

#controlSoundFullScreen .fullScreen{

}

#containerSlides .slider-wrapper-skin{
    width: 90%;
}

#containerSlides  .buttonSkin{
    width: 20px;
    height: 20px;
    top: 90%;
}

#containerSlides  .prevSkin{
    left: 3%;
}

#containerSlides  .nextSkin{
    right: 2%
}

.captionTable.captionP{
    width:20% !important;
}

#calendarTable td{
    width:20%;
}

#chartMetrics{
    width:100% !important;
}

#needTableId thead th{
    width:33.33%;
}
.tableNeedInt td:first-child{
    width: 10%;
}
.tableNeedInt td{
    width: 40%;
}

#employeesTable table{
    width:100% !important;
}

.courseInformationRow{
    width: 100%;
}

#homeWorkReviewContent{
    padding: 0 15px;
}

#courseActivityComp{
    max-width:93% !important
}

#calendar2 .fc-border-separate{
    table-layout:fixed;
}

#calendar2 .fc-header-right{
    width: 100%;
    text-align: right;
    display: flex;
    flex-wrap: nowrap;
    max-width: 100%;
    justify-content: flex-end;
}

#calendar2 .fc-header-right .fc-button{
    width: 35% !important;
    display: block !important;
    height: 25px !important;
    margin-bottom: 0 !important;
    margin-left: 5% !important;
}

#calendar2 .fc .fc-header-space{
    display:none !important;
}


#calendar2 .fc-header{
    width: 100% !important;
    table-layout: fixed !important;
}

#recoverPasswordFormFinal #currentPassword,#repeatPassword{
    width: 83% !important;
    margin-left: -6px;
    /* float: right; */
}

#recoverPasswordFormFinal #newPassword_id{
    width: 100% !important;
    margin-left: 0;
}

#recoverPasswordFormFinal #thepwddiv{
    width: 83% !important;
    margin-left: -6px;
}
.owl-item .item > img{
    width:100% !important;
}





#definePeople .leyendGrid{
    padding-left: 0;
    margin-top: 0;
    display: inline-block;
    width: 50%;
    margin-top: 16px;
}

#reviewFilterForm .activityTitle{
    float:left;
}

#reviewFilterForm .leyendGrid{
    display: block;
    width: 100%;
    margin-top:0;
}

.detailTableReport .colDiv{
    width:100%;
}
.detailTableReport tbody tr td+td > div:first-child{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row-reverse;
    width: 70%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.detailTableReport tbody tr td+td .prestigeBarCont{
    margin-left: 0 !important;
}

.detailTableReport .finishPercentajeLabel{
    flex-direction: row !important;
}

.detailTableReport label{
    width:100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

#slideViewer .slideImage,#slideViewer {
    width: 100% !important;

}

#allEvaluationSelect{
    width:auto;
}

#confirmQuestion2 {
	width: 300px !important;
	font-weight: bold !important;
	color: #666 !important;
}