}contenthtml{
   background-color: #e0e0e0;
}

.ui-front{
    z-index: 1200;
}

#messageLightbox{
padding-bottom: 10px;
z-index: 110;
position: relative;
}

#message{
    position:absolute;
    top: 51px;
    z-index:999;
    left:15%;
    right:15%;
    float:left;
}
tr.template-upload.fade.in {
height: 47px;
}
#message a{
    font-size:12px;
    color:#fff;
}

#newPresentationMessage{
    height: 50px;
    width: 576px;
    display: block;
    position: relative;
    margin: 0px auto;
}
#newPresentationMessage #message{
    top:0px;
    left:auto;
    right:auto;
    width:100%;
}

.errorMsg{
    background: none repeat scroll 0 0 #AC262D;
    color: #FFFFFF;
    font-size: 12px;
    left: inherit;
    padding: 5px 10px;
    position: static;
    right: inherit;
    text-align: center;
    top: inherit;
}

.errorFdbckMsg{
  color: #AC262D;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.successFdbckMsg{
  text-align: center;
  color: #28B95F;
  font-size: 15px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.succesMsg{
    text-align:center;
    background:#28B95F;
    border:1px solid #5B9C56;
    padding:5px 10px;
    font-size:12px;
    color:#fff;
}


.presThumbs .resultItem a{
    margin-right:0px;
}

.presThumbs .resultItem .storeCover{
    background-color: #2FB9C8;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 2px;
}
.presThumbs .resultItem .storePrice{
  color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
  position:relative;
  top:18px;
  right:2px;
  padding:0px;
  height: 15px;
}

.inlineBlock{
    display: inline-block;
}

#messageLightbox.noPadding{
    padding-bottom:0px;
}

.QaAlist li{
    border-bottom:1px solid #eaeaea;
    margin-bottom: 0px;
    display:inline-block;
    width: 100%;
}

.QaAlist li.li_answer{
    margin-left:28px;
}
.QaAlist li.li_answer .contentFunctions{
    width: 355px;

}
.QaAlist li.li_answer .contentFunctions .QaAlist li.li_answer{
    width: 240px;
}
.QaAlist li.li_answer input[type="text"]{
    width: 242px;
}

.QaAlist li.li_answer input[type="text"]::-ms-clear{
   display:none;
}


.QaAlist li.question{
    position: relative;
    height: auto;
    /*overflow: hidden;*/
}

.QaAlist a.deleteBtn.deleteBtnQuiz {
    position: absolute;
    top: 45px;
    margin-left: 8px;
    padding-left: 0px;
}

.QaAlist a.duplicateBtn.duplicateBtnQuiz {
    top: 33px;
}

#feedBeta{
    margin-top: 5px;
    opacity: 0;
    -webkit-transition: max-height, opacity, .25s ease;
    -moz-transition: max-height, opacity, .25s ease;
    -ms-transition: max-height, opacity, .25s ease;
    -o-transition: max-height, opacity, .25s ease;
    transition: max-height, opacity, .25s ease;
    max-height: 0;
    overflow: hidden;
}
#feedBeta.showFeed{
    max-height: 100%;
    opacity: 1;
    overflow: visible;

}
#feedBeta textarea{
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 5px 20px 5px;
    box-sizing: border-box;
    resize: vertical;
    }

.QaAlist input.question{
    width:395px;
    margin-right: 12px;
    margin-bottom:0px;
}

.QaAlist textarea.question{
    width:395px;
    margin-bottom:0px;
    overflow:hidden;
    line-height:25px;
    font-family: Arial, Helvetica, sans-serif;
  }

  .QaAlist .btnFctn{
    margin-right: -1px;
  }

.QaAlist input.answer{
    width:465px;
}

span.numberItem {
    font-weight:bold;
    font-size:24px;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
    margin-top:13px;
    display:inline-block;

}

.sortable1Item .numberContainer .numberItem{
    margin: 0px;
    width:40px;
    line-height: 40px;
}

.sortable1Item .numberContainer .subItem{
    font-size: 15px;
}

.sortable1Item.question .numberContainer{
    margin-top: 40px;
}

.sortable1Item.question .li_answer .numberContainer{
    margin-top: 5px;
}

.sortable1Item .numberContainer{
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 0px 6px 0px 6px;
    cursor: pointer;
    background-color: white;
    border-radius: 50%;
}
.sortable1Item .numberContainer:hover{
    background: #cdcdce;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: white;
}
.ui-sortable-helper .numberContainer{
    cursor: move;
}
#nav {
    width:100%;
}

input[type="password"]{
    border: 1px solid #B8B8B8;
    background: transparent;
    padding:10px 0px 10px 14px;
    margin-bottom:17px;
    color: #616161;
    font-size:17px;
    font-weight:bold;
    font-color: black;
    height:22px;
    opacity: 0.70;
    filter: alpha(opacity = 70);
    width: 290px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#saveUser input[type="password"]{
    margin-bottom:5px;
}
#saveUser input:disabled{
    background-color: rgba(158,153,153,0.26);
}
input[type="password"]:focus{
    border: 2px solid #2BBCCD;
    height: 22px;
}

input[type="submit"]{
    color:#fff;
    cursor:pointer;
}

input[type="button"], input[type="submit"]{
    padding:2px 13px 4px 34px;
    font-family:Helvetica, Verdana, Arial;
    font-size:14px;
    font-weight:bold;
    background-color:#F3F4F5;
    margin-left: 10px;
    height:30px;
    border:#6D6E70 solid 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #6d6e70;
}

input[type="submit"]#adminSearchSchool{
    margin-left: 5px;
}

input[type="button"].btnFlecha{
    background: url(../../images/btnFlecha.png) center right no-repeat;
    background-size: auto 14px;
    padding-right: 11px;
    font-size: 17px;
    color:#2dbacb;
    border: none;
    float: right;
    padding-bottom: 0px;

}

input[type="button"].w100, input[type="submit"].w100{
    width: 100px;
}
input[type="button"].w160, input[type="submit"].w160{
    width: 160px;
}

input[type="button"].btnFlecha:hover{
    color: #34B9C8;
    background-color: transparent;
    border: hidden;
    text-decoration: underline;
}

input[type="button"]:hover, input[type="submit"]:hover{
    background-color: #34B9C8;
    border: #34B9C8 solid 1px;
    color: #fff;
}

/*input[type="button"].back:hover, input[type="submit"].back:hover{
    background:url("../../images/btn-back-h.png") no-repeat 5px center #34B9C8;
}*/

/*input[type="button"].done:hover, input[type="submit"].done:hover{
    background:url("../../images/btn-done-h.png") no-repeat 5px center #34B9C8;
}*/

/*input[type="button"].cancel:hover, input[type="submit"].cancel:hover{
    background:url("../../images/btn-cancel-h.png") no-repeat 5px center #34B9C8;
}*/

input[type="button"].done, input[type="submit"].done{
    background-image:url("../../images/done.png") ;
    background-repeat: no-repeat;
    background-position: 11px center;
    background-size: 16% auto;
}

#listSlides input[type="submit"].done{
    background-size: 22% auto;
}

input[type="button"].btnCyan, input[type="submit"].btnCyan{
   /*font-family: 'roboto regular', Arial, Helvetica, sans-serif;*/
    -webkit-appearance: none;
    background-color:#0097a7;
    color: white;
    padding:13px 18px 13px 40px;
    text-align: left;
    border:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 100%;
    font-weight: normal;
    height: auto;
}

input[type="button"].btnBlue, input[type="submit"].btnBlue {
   /*font-family: 'roboto regular', Arial, Helvetica, sans-serif;*/
    -webkit-appearance: none;
    background-color:#00A8FF;
    color: white;
    padding:13px 18px 13px 40px;
    text-align: left;
    border:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 100%;
    font-weight: normal;
    height: auto;
}

input[type="button"].btnBlue:hover, input[type="submit"].btnBlue:hover{
    background-color: #4cc2ff;
}


.editor input[type="button"].btnCyan, .editor input[type="submit"].btnCyan{
    padding:7px 18px 7px 33px;
}
input[type="button"].btnCyan:hover, input[type="submit"].btnCyan:hover{
    background-color:#34b9c8;
}
input[type="button"].cancel, input[type="submit"].cancel{
    background-image:url("../../images/delete.png");
    background-repeat: no-repeat;
    background-position: 11px center;
    background-size: auto 23px;
}

input[type="button"].back, input[type="submit"].back{
    /*background:url("../../images/btn-back.png") no-repeat 5px center #F3F4F5;*/
    float: left;
    margin-left: 0px;
    background-image:url("../../images/mypres.png");
    background-repeat: no-repeat;
    background-position: 11px center;
    background-size: 12% auto;
}
.btnGo{
    padding:8px 18px 9px 18px !important;
}
.showAllContainer {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}
input[type="button"].btnShowAll {
    padding: 8px 18px 9px 18px !important;
    float: right;
    color: #0099a7;
    background-color: white;
    border: 1px solid #0099a7;
}

input[type="button"].btnShowAll:hover {
    background-color: #0099a7;
    color: white;
}

input[type="button"].download, input[type="submit"].download{
    background:url("../../images/flecha_down.png") no-repeat 7px 7px #F3F4F5;
  padding: 2px 13px 4px 20px;
}
input[type="button"].download:hover, input[type="submit"].download:hover{
    background:url("../../images/flecha_down.png") no-repeat 7px 7px #34B9C8;
}

input[type="button"].download:disabled{
  opacity: 0.5;
  color: #6d6e70;
  cursor: default;
  border:#6D6E70 solid 1px;
  background-color:#F3F4F5;
}

/*input[type="button"].delete:hover, input[type="submit"].delete:hover{
    background:url("../../images/toolb-delete.png") no-repeat 5px center #F3F4F5;
    color: #6d6e70;
    border: #6D6E70 solid 1px;
    cursor: default;
}*/
input[type="button"].delete.on, input[type="submit"].delete.on{
    background:url("../../images/toolb-delete-white.png") no-repeat 5px center #34B9C8;
    color: #fff;
    border: #34B9C8 solid 1px;
    cursor: pointer;
}

input[type="button"].delete, input[type="submit"].delete{
    background-image:url("../../images/toolb-deleteWhite.png");
    background-position: 5px center;
    background-repeat: no-repeat;
    padding-left: 28px;

}

input[type="button"].w80:hover{
    background-color:#34B9C8;
}

input[type="button"].w100{
    width:100px;
}
input[type="submit"].w100{
    width:100px;
}
input[type="submit"].preview{padding: 2px 13px 4px 13px;}
.toUpper{
    text-transform: uppercase;
}

/********* Lista de usuarios **********/
.headerUserListTitle.username{
    float:left;
    width: 20%;
}

.headerUserListTitle.email{
    float:left;
    width: 20%;
}

.headerUserListTitle.active{
    float:left;
    width: 10%;
}

.headerUserListTitle.options{
    float:left;
    width: 30%;
}

.headerUserListTitle.date{
    float:left;
    width: 10%;
}

.headerUserListTitle.institute{
    float:left;
    width: 10%;
}

.userListCell{
    overflow:hidden;
}

.userListCell.username{
    float:left;
    width: 20%;
}

.userListCell.email{
    float:left;
    width: 20%;
}

.userListCell.active{
    float:left;
    width: 10%;
}

.userListCell.options{
    float:left;
    width: 30%;
}

.userListCell.institute{
    float:left;
    width: 10%;
}

.userListCell.date{
    float:left;
    width: 10%;
}

.list_users{
    height:100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.headerUserListDiv{
    font-weight: bold;
}
.buttonEditDiv{
    float:left;
}

/****** Fin lista de usuarios ******/

.fileClass{
    color:black;
}
.slideImg{
    /*width: 168px;
    height: 128px;*/
    float: left;
}

#fileUpload, .fileUpload, #local-search-input {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0;
  border: solid transparent;
  border-width: 0px;
  opacity: 0;
  filter: alpha(opacity=0);
  direction: ltr;
  cursor: pointer;
}

#fileUpload, #local-search-input {
    width:157px;
    height:189px;
}

.fileUpload {
    width:50px;
    height:47px;
}

#local-search-input {
    height: 100%;
    width: 100%;
}

.uploadFeatureBoxes p{
    margin-bottom: 20px;
}

.uploadFeatureBoxes #file-list{
    display: none;
}

.uploadFeatureBoxes #fileUpload, .uploadFeatureBoxes .fileUpload {
    height: 145px;
    width: 180px;
    margin-right: 30px;
}

.slideContent h1{
    color: #6d5e70;
    margin-left: 19px;
}


.slideContent p{
   /* font-family: Helvetica light, Verdana, Arial;*/
    font-size: 19px;
}

div#uploadDiv p{
    margin-bottom: 10px;
}

.dragBox input.fileUpload{
    margin-top:0px;
}

.dragBox.sketch{
    width: 576px;
    height: 340px;
}

.dragBox.sketch #iconWrapper{
    position: absolute;
    top: 16px;
    left: 50%;
    width: 355px;
    height: 266px;
    background-color: white;
    margin-left: -177px;
}
.dragBox.sketch #iconWrapperImage{
    display: none;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.dragBox.sketch #iconWrapperText{
    position: absolute;
    width: 100%;
    left: 0;
    top: 190px;
    color: #34b9c8;
    font-size: 16px;
}
.dragBox.sketch h1{
    width: 230px;
    top: 100px;
    /*left: 231px;*/
    font-size: 31px;
    line-height: 38px;
    padding-left: 68px;
}

.dragBox.sketch p{
    top: 90px;
    left: 230px;
}
.dragBox{
    background:url(../../images/drag-box.png) top left no-repeat;
}

.dragBox.error{
    background:url(../../images/drag-newp_error.png) top left no-repeat;
}

.dragBox.sketch{
    background:url(../../images/drawit-asset.png) top left no-repeat;
}
.dragBox.sketch.error{
    background:url(../../images/drawit-asset_error.png) top left no-repeat;
}
#fmSketchUpload .dragBox.sketch, #fmSketchUpload .dragBox{
    background:none;
    border:3px dashed #34b9c8;
    box-sizing: border-box;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#fmSketchUpload  #dragBox h1{
    background: url(../../images/drawit_op2.png)  left center no-repeat;
}
#fmSketchUpload .dragBox.sketch{
    width: 100%;
    float: left;
}
.dropbox{
    background:url(../../images/btn-newp_dropbox.png) no-repeat white;
    position: relative;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

.dropbox:hover{
    background:url(../../images/btn-newp_dropbox-h.png) no-repeat;
}

.uploadFeatureBoxes .dropbox{
    background:url(../../images/f-dropbox.png) no-repeat white;
    width: 133px;
    height: 145px;
}
.uploadFeatureBoxes .gdrive{
    background:url(../../images/f-gdrive.png) no-repeat white;
    width: 133px;
    height: 145px;
}
.uploadFeatureBoxes .dropbox:hover{
    background:url(../../images/f-dropbox-on.png) no-repeat;
    width: 133px;
    height: 145px;
}
.uploadFeatureBoxes .gdrive:hover{
    background:url(../../images/f-gdrive-on.png) no-repeat;
    width: 133px;
    height: 145px;
}

.uploadFeatureBoxes .uploadFile p,
.uploadFeatureBoxes .dropbox p,
.uploadFeatureBoxes .emptyCanvas p,
.uploadFeatureBoxes .gdrive p{
    position: relative;
    top: 90px;
    left: 20px;
    text-align: left;
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #52585E;
    width: 100px;
    line-height: 22px;
}

.uploadFeatureBoxes .gdrive p{
    width: 110px;
}

.uploadFile.feature{
    background:url(../../images/f-browse.png) no-repeat;
}
.uploadFile.feature:hover{
    background:url(../../images/f-browse-on.png) no-repeat;
}

.emptyCanvas{
    background:url(../../images/f-scratch.png) no-repeat;
}
.emptyCanvas:hover{
    background:url(../../images/f-scratch-on.png) no-repeat;
}
.uploadFile{
    background:url(../../images/btn-newp_browse.png) no-repeat;
    margin-right: 25px;
}
.uploadFile:hover{
    background:url(../../images/btn-newp_browse-h.png) no-repeat;
}

.emptyCanvas p, .uploadFile p, .dropbox p,
.emptyCanvas p, .uploadFile p{
    position: relative;
    top: 128px;
    left: 0px;
    text-align: center;
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #52585E;
    width: 147px;
    line-height: 22px;
    padding-left: 5px;
    padding-right: 5px;
}

.dropbox{
    width: 157px;
    height: 189px;
    float: left;
    display: block;
    position: relative;
}

.emptyCanvas:hover p,.uploadFile:hover p,.dropbox:hover p,
.emptyCanvas:hover p,.uploadFile:hover p,
.gdrive:hover p{
    color: white;
}

.dragBox h1{
    position: relative;
    left: 160px;
    top: 15px;
    text-align: left;
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 40px;
    font-weight: bold;
    color: #53585E;
    width: 230px;
    line-height: 50px;
}

.dragBox h2{
    position: relative;
    left: 241px;
    top: 7px;
    text-align: left;
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #53585E;
    width: 225px;
    line-height: 16px;
}

.settingsBox span.selectedFile{
    position: relative;
    top: 30px;
    width: 100%;
    margin: 0 auto;
}

.dragBox.sketch span.selectedFile{
    position: absolute;
bottom: 0px;
width: 100%;
margin: 0 auto;
left: 0px;
height: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
background-color: white;
opacity: 0.7;
filter: alpha(opacity = 70);
text-align:center;
padding-top: 6px;
padding-left: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.dragBox.video{
    width: 545px;
    height: 170px;
    margin-top:15px;
}

.dragBox.image{
    height: 260px;
}

.dragBox.image h1, .dragBox.image h2 {
    left: 290px;
}

.questionBox img{
    margin: 10px 0px;
}

input[type="submit"].btnEmptyCanvas{
    position: relative;
    width: 178px;
    top: 249px;
    height: 31px;
    left: 135px;
    border: none;
    border-radius:3px;
}

div.btnEmptyCanvas p{
    padding-left: 40px;
    color: #30b8c7;
    padding-top: 8px;
    position: static;
}

div.btnEmptyCanvas{
    background: url(../../images/f-drawit-btn.png) center left no-repeat;
    width: 177px;
    height: 30px;
    cursor: pointer;
    float: right;
    position: absolute;
    top: 294px;
    right: 13px;
}
div.btnEmptyCanvas.selected{
    display: none;
}
div.btnEmptyCanvas:hover{
    background: url(../../images/f-drawit-btnon.png) center left no-repeat;
    color: #ffffff;
}

div.btnEmptyCanvas:hover p, div.btnEmptyCanvas.selected p{
    color: #ffffff;
}

input[type="text"].sketch{
    width: 520px;
}

.uploadDiv p{
    margin:20px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
}

.uploadFile.feature{
    width: 133px;
    height: 145px;
}

.uploadFile.feature2{
    background:url(../../images/search-btn-bulk.png) no-repeat;
    width: 190px;
    height: 38px;
    margin-bottom: 20px;
}

#lblCopySlides {
    float: left;
    text-align: left;
    padding-left: 38px;
    padding-bottom: 10px;
    font-size: 14px;
}

.productData{
    display: inline-block;
}

.productData label{
  float: left;
  font-size: 16px;
  margin-right: 5px;
}

.collapsable .frontImageFileName{
    display: block;
    width: 133px;
    word-wrap: break-word;
    margin-top: 10px;
    font-size: 14px;
}

.uploadFile.feature2 p{
    font-family:Arial, Helvetica, sans-serif;
    font-stretch:normal;
    font-size:15px;
    font-weight:bold;
    padding-top: 11px;
    padding-left: 36px;
    color: #30B9C8;
}

.uploadFile.feature2:hover{
    background:url(../../images/search-btn-bulk-h.png) no-repeat;
}

.uploadFile.feature2:hover p{
    color: white;
}

.relative{
position:relative;
}

.validateTextbox{
    color: #d88686;
    margin: 1px 0px 0px 0px;
    text-align: right;
    width: 100%;
    float:right;
    font-weight: normal;
    font-size: 12px;
    font-style: italic;
}
span.bulkRequiredMessage.bulkSchoolProductMessage.validateTextbox {
    width: 50%;
}
.bulk_autocomplete .validateTextbox{
    width: 40%;
    /*margin-right: 112px;*/
}
.bulk_autocomplete .bulk_slot{
    float:left;
}
.bulkDistrictRow .bulk_row{
    padding:15px 0 0 0;
}

.bulkSchoolRow input[type='text']:disabled#schoolId.ui-autocomplete-input {
    background: rgba(158, 153, 153, 0.258824);
    cursor: auto;
}

.bulkSchoolRow input[type='text']:disabled#schoolId.ui-autocomplete-input:hover {
    background: rgba(158, 153, 153, 0.258824);
    background-position: 98% top;
    background-repeat: no-repeat;
    padding-right: 25px;
    border: 1px solid #B8B8B8;
}




/***********************************************/
.slideContent{
    background: white;
    color: #6F6F6F;
    font-size: 15px;
    padding: 10px 60px;
    width: 610px;
    overflow: hidden;
}

.slideContent.slideEditor.uploader{
  padding:0px;
  width: 890px;
}

.slideContent.slideEditor.uploader .uploadFileForm,
#webpageForm.uploadFileForm{
  padding: 0px;
}

.slideContent.slideEditor{
    width: 657px;
}

.slideContent.slideEditor .btnBox input[type="button"]#editSliderDeleteBtn{
    background-image:url(../../images/Trash_audio.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    height: 38px;
    position: absolute;
    right: 0px;
    border: none;
}

.slideContent.slideEditor .btnBox input[type="button"].title{
    top:39px;
}

.slideContent.slideEditor .btnBox input[type="button"].audio{
    top:131px;
}

.slideContent.slideEditor .btnBox input[type="button"].description{
    top:295px;
}

.slideContent.slideEditor .btnBox input[type="button"].canvasBackground{
    top:250px;
}

.slideContent.slideEditor .uploadFileForm .canvas{
    background-color: black;
}

.slideContent #fmSketchUpload .uploadContainer{
  padding-left: 25px;
}

.slideContent #fmSketchUpload.uploadFileForm .btnBox{
  width: 100%;
}

.slideContent .canvas{
    height: 493px;
    width: 657px;
   /* border: 1px solid #34b9c8;*/
    text-align: center;
    position:relative;
    background-color: transparent;
}
/************************************/
/*   SmartUpload from CustomSlide   */
/************************************/

.slideContent .canvas .dragDropPanel {
    height: 100%;
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.slideContent .canvas .dragDropPanel div {
    border: 3px dashed #33b7cc;
    padding: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    margin: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.slideContent .canvas .dragDropPanel p {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../../images/smartUpload/dragIcon.png) left top no-repeat;
    padding-left: 84px;
    color: #8D8D8D;
    width: 300px;
    height: 120px;
    text-align: left;
    font-size: 40px;
    line-height: 40px;
    margin: auto;
}

.slideContent .canvas .dragDropPanel p span {
    font-size: 13px;
    display: block;
}

.slideContent #canvas .dragDropPanel.hover {
    background-color: #33b7cc;
    position: absolute;
}

.slideContent .canvas .dragDropPanel.hover p {
    background: url(../../images/smartUpload/dragIconH.png) left top no-repeat;
    color: white;
}

.slideContent #canvas.hasAudio .dragDropPanel,
.slideContent #canvas.hasAudio.hasTitle .dragDropPanel,
.slideContent #canvas.hasAudio.hasDescription .dragDropPanel,
.slideContent #canvas.hasOnlyText .dragDropPanel,
.slideContent #canvas.hasImage .dragDropPanel,
.slideContent #canvas.hasAudio.hasTitle.hasImage .dragDropPanel,
.slideContent #canvas.hasAudio.hasImage .dragDropPanel {
    display: none;
}

.slideContent #canvas.hasAudio .dragDropPanel.hover,
.slideContent #canvas.hasAudio.hasTitle .dragDropPanel.hover,
.slideContent #canvas.hasAudio.hasDescription .dragDropPanel.hover,
.slideContent #canvas.hasOnlyText .dragDropPanel.hover,
.slideContent #canvas.hasImage .dragDropPanel.hover,
.slideContent #canvas.hasAudio.hasTitle.hasImage .dragDropPanel.hover,
.slideContent #canvas.hasAudio.hasImage .dragDropPanel.hover{
    display: block;
}

/************************************/
/************************************/

.slideContent #canvas.hasAudio,
.slideContent #canvas.hasAudio.hasTitle,
.slideContent #canvas.hasAudio.hasDescription,
.slideContent #canvas.hasOnlyText {
    background-color:black;
}

.slideContent #canvas.hasImage,
.slideContent #canvas.hasAudio.hasTitle.hasImage,
.slideContent #canvas.hasAudio.hasImage  {
    background-color: black;
}

.slideContent .canvas .titleWrapper{
    position: absolute;
    top: 0;
    background-color: black;
    width: 100%;
    height: 100px;
    opacity: 0.30;
    filter: alpha(opacity = 30);
}

.slideContent .canvas div.title{
    height: 60px;
    width: 617px;
    text-align: center;
    position: absolute;
    margin: 0px 20px;
    z-index: 20;
    top:20px;
}

.slideContent .canvas .title .background{
    width: 657px;
    height: 102px;
    display: block;
    position: absolute;
    margin-left: -20px;
    top:-20px;
}

.slideContent .canvas div.title .textLabel{
    font-size:49px;
    width: 100%;
    left: 0;
    color: #ffffff;
}

.slideContent .canvas div.description .textLabel{
    font-size:40px;
    font-weight:normal;
    color: #ffffff;
    left: 0px;
    width: 100%;
    text-align: left;
}

.slideContent .canvas .description{
    width:617px;
    margin:0px 20px 20px 20px;
    position: absolute;
    z-index: 20;
    top:190px;
}

.slideContent .canvas div.description .descriptionText{
    color: white;
}

.slideContent .canvas.hasImage div.description .descriptionText{
    color: white;
}

.slideContent .canvas .description .background{
    width: 657px;
    height: 270px;
    display: block;
    position: absolute;
    margin-left: -20px;
    top:-20px;
}

.slideContent .canvas .description .hasOnlyText{
}


.slideContent .canvas .inputFieldWrapper{
    width: 100%;
    margin:0;
}

.slideContent .canvas textarea.descriptionText{
    border: none;
    font-size:40px;
    line-height: 45px;
    min-width: 617px;
    max-width: 617px;
    resize:none;
    overflow:hidden;
    font-family: Arial, Helvetica, sans-serif;
    background-color:transparent;
    margin:0;
    opacity:1;
    filter:alpha(opacity=100);
}

.slideContent .canvas textarea.titleText{
    border: none;
    font-size:52px;
    line-height: 52px;
    width: 617px;
    text-align: center;
    overflow:hidden;
    min-width: 617px;
    max-width: 617px;
    resize:none;
    font-family: Arial, Helvetica, sans-serif;
    background-color:transparent;
    margin:0;
    z-index: 20;
    opacity:1;
    filter:alpha(opacity=100);
}

.slideContent .canvas .imageBackground{
    background-color: rgba(0,0,0,0.4);
    display: inline-block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.slideContent .canvas .canvasBackground{
    max-width: 100%;
    max-height: 100%;
    margin:auto;
    position:absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.slideContent .canvas .audio{
    width: 100%;
    height: 80px;
    top: 100px;
    position: absolute;
    z-index: 22;
}
.slideContent .canvas .audio .line{
    width: 100%;
    height: 1px;
    border-top: 1px solid white;
    display: block;
    position: absolute;
    top: 40px;
    z-index:9;
}

.slideContent .canvas .audio .background{
    width: 557px;
    height: 21px;
    display: block;
    position: absolute;
    background: black;
    opacity:0.7;
    filter:alpha(opacity=70);
    top:30px;
    margin-left: 100px;
}
#play_pause{
    background:url('../../images/play.png');
    display: block;
    width: 80px;
    height: 80px;
    margin-left: 30px;
    background-size: 80px 80px;
    position:relative;
    z-index:10;
}

#play_pause.off{
    background:url('../../images/play_off.png');
    background-size: 80px 80px;
}
#audio_slide{
    width: 537px;
    height: 21px;
    display: block;
    position: absolute;
    top: 30px;
    margin-left: 114px;
    z-index: 10;
    background: transparent;
    border:none;
}
#audio_slide a,#audio_slide a:hover{
    background:url('../../images/pointer.png');
    width:18px;
    height:18px;
    display:block;
    position: absolute;
    top: 1px;
    border:none;
}

.slideContent input[type="button"].noIcon{
    margin-left:0;
    margin-right:10px;
    width: 60px;
}

.slideContent .menu{
    display:none;
    position: absolute;
    bottom: 62px;
    background: white;
    border: 1px solid;
    border-bottom: none;
    width: 60px;
}

.slideContent ul.menu li{
    width: 100%;
    height: 30px;
    font-size:12px;
    cursor: pointer;
    border-bottom: 1px solid;
}

.slideContent ul#imageMenu{
    left: 145px;
}

.slideContent ul#audioMenu{
    left: 215px;
}

.slideContent ul.menu li .uploadFile.feature{
    background: url(../../images/f-browse.png) top left no-repeat;
    background-size: 60px 30px;
    width: 100%;
    margin: 0;
    height: 30px;
    cursor:pointer;
}

.slideContent ul.menu li .uploadFile.feature.dropbox{
    background: url(../../images/f-dropbox.png) no-repeat white;
    background-size: 60px 30px;
}
.slideEditor .btnBox{
    margin-bottom:0;
    padding-top: 10px;
}


.slideContent .canvas .descriptionText, .slideContent .canvas .titleText{
    color:white;
}

.slideContent .canvas .hasOnlyText{
    color:black;
}

.abm_form .fieldName.schoolProductWarning {
    display: inline-block;
    margin-left: 10px;
    font-size: 10px;
    width: 285px;
}

.abm_form .fieldName.schoolProductWarning.values {
    display: inline-block;
    margin-left: 10px;
    font-size: 10px;
    width: 308px;
}

.schoolOver{
    position: relative;
    width: 374px;
    height: 288px;
    top:-227px;
    left:0px;
    background: url(../../images/background_customize.png) left top white no-repeat;
    background-color: transparent;
    z-index: 2;
}

.schoolPreview{
    height: 288px;
    padding-left: 293px;
}

input[type='text'].ui-autocomplete-input{
    background: url(../../images/order_off_blue.svg) top right no-repeat;
    background-position: 96% 50%;
    background-repeat: no-repeat;
    padding-right:25px;
    cursor:pointer;
}
input[type='text'].ui-autocomplete-input:hover{
    background: url(../../images/order_on.svg)bottom right no-repeat;
    background-position: 96% 50%;
    background-color:#4cc2ff;
    background-repeat: no-repeat;
    border-color:#4cc2ff;
}
#loading{position:fixed;top:0px;left:0px;background-color:gray;z-index:9999;width:100%;height:100%;opacity:0.9;filter:alpha(opacity=90);zoom: 1;}
#loading img{position:fixed;left:50%; top:50%;margin-left:-33px; margin-top:-33px;}

#uploadBackground{position:fixed;top:0px;left:0px;background-color:gray;z-index:9999;width:100%;height:100%;opacity:0.9;filter:alpha(opacity=90);zoom: 1;}
#uploadContentContainer{
    background-color:white;
    position:fixed;
    left:50%;
    top:50%;
    padding: 0px 30px 0px 30px;
    margin-left:-158px;
    margin-top:-58px;
    width:316px;
    z-index:9999;
    height:117px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 2px solid #0097a7;
}

#uploadFileName {
  margin-top: 28px;
}

#uploadContent img{position:fixed;left:50%; top:50%;margin-left:-135px; margin-top:-33px;}
#progress{
    width: 280px;
    height: 19px;
    background-color: lightgray;
    z-index: 9000;
    left: 30px;
    position: absolute;
    top: 48px;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -khtml-border-radius: 9px;
    -webkit-border-radius: 9px;
    overflow: hidden;
}
#progressNumber{color:#787676;z-index:9002;position:absolute;left:50%;margin-left:-12px;}
#progressBar{
    background-color: #f47c1c;
    z-index: 9001;
    position: absolute;
    height: 19px;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -khtml-border-radius: 9px;
    -webkit-border-radius: 9px;
}

#uploadContent #uploadContentContainer #progress a img {
  margin-left: 180px;
  margin-top: -7px;
}

#progress a{top: 23px;position: absolute;right: 0px;font-size: 16px;color: #D6D5D5;}
#uploadContent .uploading{
position: absolute;
top: 27px;
left: 105px;
font-size: 19px;
font-weight: bold;
color: #52585E;
}
#uploadContent .wait{
position: absolute;
top: 60px;
left: 105px;
font-size: 18px;
color: #BABCBE;
}
#uploadingFirstPdf{position:absolute;top:0px;left:0px;background-color:gray;z-index:9999;width:100%;height:100%;opacity:0.9;filter:alpha(opacity=90);zoom: 1;}
#uploadingFirstPdf img{position:fixed;left:50%; top:50%;margin-left:-160px; margin-top:-95px;}

/* Override styles to correct some issues with original styles */

.passwordContainer .inputFieldWrapper{
    margin-bottom:0px;
}

.browseWeb .inputFieldWrapper {
    width: 566px;
}

.inputFieldWrapper{
    position:relative;
    display:inline-block;
    margin-bottom: 20px;
}

.inputFieldWrapper input[name='zipCode']{
    width: 80px;
}

.inputFieldWrapper input[id='districtIdFilter']{
    width: 164px;
    background-position: 98% -10%;

}

.inputFieldWrapper input[id='districtIdFilter']:hover{
    background-position: 98% 110%;
}

.inputFieldWrapper input[type='text'], .inputFieldWrapper textarea{
    position:relative;
    color:black;
}

.inputFieldWrapper input[type='password']{
    position:relative;
    color:black;
}

.inputFieldWrapper #districtIdFilter_parent input[type='text']{
    height: 15px;
}

.inputFieldWrapper label#textLabel {
  top:10px;
  font-style: italic;
}

.inputFieldWrapper label.reportsHint {
    top:10px;
    font-style: italic;
}

.search-google-label.browseBox .inputFieldWrapper label,
.search-youtube-label.browseBox .inputFieldWrapper label{
    font-weight: bold;
    left: 18px;
    top: 20px;
    font-style: italic;
}

.search-google-label.browseBox .inputFieldWrapper,
.search-youtube-label.browseBox .inputFieldWrapper{
    margin-bottom: 0px;
}

.search-google-label.browseBox{
    display:inline-block;
}

.search-google-label.browseBox .searchInput{
    width: 466px;
}

.browseBox .searchInput{
    margin: 0 auto;
    margin-bottom: 10px;
}


.inputFieldWrapper label{
    z-index:0;
    position:absolute;
    top:14px;
    left: 15px;
    color: #a7a7a7;
    font-size: 17px;
    font-weight: lighter;
    font-style: normal;
}


.inputFieldWrapper label.short{
    top:8px;
}

.inputFieldWrapper label.semiShort{
    top:14px;
}

.inputFieldWrapper.filled label{
    display:none;
}

.inputFieldWrapper .selectedBox{
    margin-left: 2px;
    margin-right: 2px;
    width: 393px;
}

.inputFieldWrapper .selectedBox .user{
    margin: 6px 0px 0px 38px;
    padding: 2px 20px 2px 2px;
    background-image:url(../../images/cruz_delete_select_user.png);
    background-repeat:no-repeat;
    background-position:center right;
    background-color: #f6f6f6;
    float: left;
    height: 16px;
    font-size: 12px;
    border:1px solid #d9d9d9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.changePassCont .inputFieldWrapper label{
    top: 5px;
    left: 10px;
}

.columnUserLabel{
    color: #616161;
    font-size: 17px;
    font-weight: bold;
    margin-bottom:10px;
    margin-top: 15px;
}

#saveDistrict .columnUserLabel,
#saveSchool .columnUserLabel {
    font-size: 16px;
}

#saveDistrict .columnUserLabel.inline,
#saveSchool .columnUserLabel.inline {
    display: inline-block;
}

select.editAdminSelect{
    width: 220px;
}

select.editUserSelect{
    float: left;
    width: 285%;
    padding-right: 20px;
}

.sortable{

}

.presThumbs a.new.noMargin{
    margin-right: 0px;
}

div.btnGoogleLogin{
    background:url(../../images/login/buttonGoogle.png) no-repeat;
}
div.btn-auth.btn-windows, div.btn-auth.btn-office365 {
    background: url(../../images/login/buttonMicrosoft.png) no-repeat;
}
.btn-auth{
    width: 285px;
    height: 43px;
    margin-bottom: 10px;
    padding-left: 95px;
    color: white;
    line-height: 44px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
    cursor: pointer;
}

.loginWithNearpod{
    text-align: center;
    margin-bottom:20px;
}

.loginWithNearpodWrapper{
border-top: 1px solid #78797c;
margin-top: 20px;
}

.loginWithNearpodOr{
color: #33b8cb;
font-size: 14pt;
font-weight: bold;
font-family: sans-serif;
}

.loginWithNearpodText{
color: #78797c;
font-size: 12pt;
font-family: Arial, Helvetica, sans-serif;
position: relative;
top: -11px;
display: inline-block;
background-color: white;
padding: 0px 10px;
}

.loginContainer input[type="text"]{
    width:361px;
}
.loginContainer input[type="password"]{
    width:361px;
}
input[type="text"]{
    border:1px solid #B8B8B8;
    background:transparent;
    color:#616161;
    font-size:17px;
    font-weight:bold;
    font-color: black;
    height:22px;
    opacity: 0.70;
    filter: alpha(opacity = 70);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

textarea{
    opacity: 0.70;
    filter: alpha(opacity = 70);
}

textarea.question{
  opacity: 0.70;
    filter: alpha(opacity = 70);
    border-radius: 5px;
    font-size:17px;
    font-weight:bold;
    background:transparent;
    border:1px solid #B8B8B8;
    font-family: Arial, Helvetica, sans-serif;
}

.textLabel{
    color: #0D0D0D;
}

.passwordLabel{
    color: #0D0D0D;
}

a.checkBtn{
    cursor:pointer;
}

.answer_empty_text{
    font-size: 16px;
}

.answer_empty_text label{
    width:auto;
}

.li_span_input_answer{
    width:356px;
}

.settingsBox .toolBar input{
    float:right;
}

.QaAlist div.settingsBox {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #CDCDCD;
    margin-left: 18px;
    margin-bottom: 15px;
    padding: 19px 21px;
    position: relative;
    width: 548px;
}

.QaAlist div.settingsBox input[type="text"] {
    margin-top:3px;
}

.QaAlist div.settingsBoxAnswer {
    margin-left: 34px;
    width: 504px;
}

div.answer_empty_text .inputFieldWrapper input[type="text"]{
    width:500px;
    margin-bottom:0px;
}

a.addLink{
    margin: 18px 0px 30px 0px;
    background-color: white;
    border-radius: 14px;
}

a.makeLink{
    margin-bottom: 6px;
    margin-top: 6px;
}

.featureBlocks p{
    line-height: 30px;
}

.featureBlocks p.last-child{
    font-family:Arial, Helvetica, sans-serif;
    font-stretch:normal;
    font-size:15px;
    font-weight:normal;
    width:425px;
    line-height: 16px;
}

.free-trial-flag,
.premium-flag {
    position: absolute;
    left: 19px;
    top: 30px;
}

.free-trial,
.premium {
    position: absolute;
    right: -10px;
    top: 19px;
}

.slidesContent .toolBar .menu li.menuElement .free-trial,
.presContent .toolBar .menu li.menuElement .free-trial,
.slidesContent .toolBar .menu li.menuElement .premium,
.presContent .toolBar .menu li.menuElement .premium {
    top: 15px;
}

.addFeature a.webPageBtn .free-trial-flag,
.addFeature a.webPageBtn .premium-flag {
    left: 28px;
    top: 60px;
}

.statusReportInfo .free-trial,
.statusReportInfo .premium {
    top: 5px;

}

.QaAlist ul {
    padding-top:0px;
}

.logoHeaderA{
    display: block;
    height: 96px;
    position: relative;
    width: 220px;
    z-index: 2;
}

.header-version {
    color: #686868;
    font-weight: bold;
    position: absolute;
    right: 788px;
    top: 77px;
}
.loginContainer .header-version{
    right:0px;
}

.sessionName{
  padding: 3px;
  width: 290px;
  white-space: nowrap;
  overflow: hidden;
}

.sessionNameInput{
  width: 291px;
  background-color: transparent;
  padding: 2.7px;
  border: 1px #ccc solid;
  margin:-1px;
  display:block;
}

.sessionEditTitle{
  content: '';
    width: 25px;
    height: 20px;
    background-image: url(../../images/editx2.svg);
    background-repeat: no-repeat;
    position: absolute;
    left:525px;
}
.sessionEditTitle:hover{
  background-position:bottom left;
}

.slideImage{
    height: 177px;
    left: 0;
    position: absolute;
    top: 0;
    width: 229px;
}
.slideImage:hover{
    height: 126px;
    width: 166px;
}
.presThumbs a.blank:hover .slideImage{
    height: 126px;
    width: 166px;
}
.presThumbs a.selected .slideImage{
    height: 122px !important;
    width: 162px !important;
}

#quizTitle{
    width: 593px;
    margin-bottom: 0px;
}
.QaAlist .validateTextbox{
    display: none;
}
#quizTitle_parent{
    margin-bottom: 10px;
    margin-top: 30px;
}

a.showBtn {
    background:url(../../images/quiz/btn-unfold.png) no-repeat;
    width:22px;
    height:22px;
    display:inline-block;
    cursor: pointer;
    float: left;
    margin-top: 50px;
}

a.hideBtn {
    background:url(../../images/quiz/btn-unfolded.png) no-repeat;
    width:22px;
    height:22px;
    display:inline-block;
    cursor: pointer;
    float: left;
    margin-top: 50px;
}

a.showBtn:hover{
    background:url(../../images/quiz/btn-unfold-h.png) no-repeat;
}

a.showHideBtn:hover{
    background:url(../../images/quizActionsH.gif) 0px -27px no-repeat;
}

a.settingsBtn.active{
    background:url(../../images/quizActionsSettings.gif) no-repeat;
}

a.settingsBtn.active{
    background:url(../../images/quizActionsSettings.gif) no-repeat;
}

li .inputFieldWrapper .question {
  resize:none;
}

li .inputFieldWrapper .li_span_input_answer.btnFunction {
    resize:none;
    height: 25px;
    line-height: 25px;
}

.uploadFileForm{
    color: #6F6F6F;
    background-color: white;
    padding: 0;
    font-size:15px;
    border-radius: 10px;
}

.uploadFileForm.uploadVideo,
.uploadFileForm.uploadSlideshow{
  padding: 0px;
}

.dragBox.image{
    background:url(../../images/f-drag.png) top left no-repeat;
    width: 690px;
}

.dragBox.image.error{
    background:url(../../images/f-drag-error.png) top left no-repeat;
}

.dragBox p{
    position: relative;
    left: 240px;
    top: 30px;
    text-align: left;
    color: grey;
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    color: #53585E;
    width: 245px;

}

.dragBox.large p{
    left: 216px;
    top: 70px;
    width: 290px;
}

.schoolBackground .dragBox.large p.filename{
    top:90px;
}

.dragBox.large p.filename{
    left: 136px;
    top: 120px;
    width: 325px;
    font-size: 20px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dragBox p.small{
    font-size:12px;
}

.QaAlist .li_answer a.deleteBtn{
    margin-top: 11px;
    margin-left: 16px;
    margin-right: 0px;
    float: none;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
    padding-left: 0px;
}

.QaAlist .slideAnswerCorrectDelete{
  margin-left: 0px;
}

.QaAlist a.deleteBtn{
  float: right;
  position: relative;
  height: 31px;
  width: 29px;
  margin-top: 0px;
  margin-right: 12px;
  background-color: white;
  border-radius: 50%;
}

.QaAlist a#imageBtn{
    margin-left: 10px;
    width: 100%;
}

.QaAlist .imageBox{
    display:none;
}

.hidden{
	display:none;
}

.QaAlist .imageBox .dragBox{
    background: url(../../images/quiz/drag1.png) top left no-repeat;
    float: left;
    width: 293px;
    height: 115px;
    margin-left: 24px;
}


.QaAlist .imageBox .dragBox h1{
    left: 108px;
    top: 4px;
    font-size: 19px;
    color: #53585E;
    width: 120px;
    line-height: 22px;
}

.QaAlist .question.openEnded .onlyOneAnswer{
    margin-left:42px;
    margin-bottom: 25px;
    overflow: hidden;
}

.QaAlist .question.openEnded .answer{
    width:380px;
}

.dragBox h2.little{
    left: 108px;
    top: -4px;
    font-size: 10px;
    font-weight: bold;
    color: #53585E;
    width: 118px;
    line-height: 16px;
}

.QaAlist .imageBox .uploadFeatureBoxes{
    float: left;
    width: 170px;
    height: 115px;
    margin-left: 65px;
    margin-top: 5px;
}

.QaAlist .imageBox .uploadFile.feature{
    background: url(../../images/quiz/quiz-search.png) no-repeat;
    height: 35px;
    width: 160px;
}

.QaAlist .imageBox .uploadFile.feature:hover{
    background: url(../../images/quiz/quiz-search-hover.png) no-repeat;
    color: #6b6b6b;
}

.QaAlist .imageBox .uploadFeatureBoxes .dropbox{
    background: url(../../images/quiz/quiz-dropbox.png) no-repeat;
    height: 35px;
    width: 160px;
}

.QaAlist .imageBox .uploadFeatureBoxes .dropbox:hover{
    background: url(../../images/quiz/quiz-dropbox-hover.png) no-repeat;
    color: #6b6b6b;
}

.QaAlist .imageBox .dragBox.error{
    background:url(../../images/quiz/drag-red.png) top left no-repeat;
}

.QaAlist .imageBox .uploadFeatureBoxes .uploadFile p.little,
.QaAlist .imageBox .uploadFeatureBoxes .dropbox p.little{
    top: 12px;
    left: 47px;
    margin:0;
    font-size: 12px;
    font-weight: bold;
    width: 100px;
    line-height: 12px;
}

.QaAlist .uploadFile:hover p,
.QaAlist .dropbox:hover p{
    color: #7C7F82;
}

.QaAlist .editImage .changeImage {
    float: none;
    margin: auto;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.sketch .editImage .changeImage {
  width: 46px;
    width: auto;
    height: 46px;
    float: none;
    margin: auto;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.QaAlist .imageBox .addImage
{
    display: block;
}

.QaAlist .imageBox .currentImage
{
    display: none;
}

.currentImage .closeImageButton {
    background:url(../../images/quiz/btn-del-img.png) top left no-repeat;
    position: relative;
    top: 0px;
    left: 0px;
    width: 19px;
    height: 18px;
    cursor: pointer;
}
.bigImgContainer .closeImageButton{
    width: 19px;
    height: 18px;
    cursor: pointer;
    background:url(../../images/quiz/btn-del-img.png) top left no-repeat;
    position: absolute;
    top:10px;
    right: 10px;
    z-index: 2;
}

.QaAlist .imageBox .newImage.selected
{
    display: none;
}

.QaAlist .imageBox .addImage.selected
{
    display: none;
}

.QaAlist .imageBox .currentImage.selected
{
    display: block;
}


.QaAlist .inputFieldWrapper{
    float: left;
    margin-top: 34px;
}
.QaAlist .li_answer .inputFieldWrapper{
    float: left;
    margin-bottom: 10px;
    margin-top: 0px;
}
.QaAlist .li_answer input[type="text"]{
    margin-bottom: 0px;
    font-family: Arial, Helvetica, sans-serif;
}
.QaAlist span.numberItem{
    float: left;
    margin: 13px 13px 0px 13px;
}

.QaAlist .editImage{
    display: inline-block;
    float: left;
    height: 75px;
    margin: -9px 0px 0px 10px;
}

.sketch .editImage {
    display: inline-block;
    float: right;
    height: 75px;
    position: relative;
    top: -42px;
}

.QaAlist .editImage.currentImage a{
    margin-top: 46px;
    background-color: white;
}

.sketch .editImage.currentImage a{
    margin-top: 3px;
}

.QaAlist .editImage a.hasImage,
.sketch .editImage a.hasImage {
    background: white;
    border: 1px solid #b9b9b9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.QaAlist .imageBox .dragBox{
    background: url(../../images/quiz/drag1.png) top left no-repeat;
    float: left;
    width: 293px;
    height: 115px;
    margin-left: 24px;
}


.QaAlist .imageBox .dragBox h1{
    left: 108px;
    top: 4px;
    font-size: 19px;
    color: #53585E;
    width: 120px;
    line-height: 22px;
}
.dragBox h2.little{
    left: 108px;
    top: -4px;
    font-size: 10px;
    font-weight: bold;
    color: #53585E;
    width: 118px;
    line-height: 16px;
}

.QaAlist .imageBox .addImage
{
    display: block;
}

.QaAlist .imageBox .currentImage
{
    display: none;
    width: auto;
}

.currentImage .closeImageButton{
    background:url(../../images/quiz/btn-del-img.png) top left no-repeat;
    position: relative;
    top: 9px;
    left: 370px;
    width: 20px;
    height: 18px;
    cursor: pointer;
}

.QaAlist .imageBox .newImage.selected
{
    display: none;
}

.QaAlist .imageBox .addImage.selected
{
    display: none;
}

.QaAlist .imageBox .currentImage.selected
{
    display: block;
    margin-left: 65px;
    margin-bottom:20px;
}

.QaAlist .imageBox .currentImage.selected .image
{
    width: 380px;
}




.ui-dialog .ui-dialog-titlebar{
   /* padding: 30px 20px 0px 20px;*/
    padding: 0;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    -moz-border-top-right-radius: 7px;
    -moz-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    border: 2px solid #0097A7;
    border-bottom: none;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title{
  /*height: 22px;*/
    margin: 0;
  /*display:block;*/
  width: 100%;
}

.ui-dialog .ui-dialog-titlebar-close{
    position: absolute;
    z-index: 10;
    padding-right: 20px;
    right: -35px;
    top: -15px;
    width: 30px;
    margin: 0 0 0 0;
    padding: 0px;
    height: 30px;
    background:none;
    border:none;
}

.ui-dialog-titlebar-close.ui-state-hover{
    background: none;
    right: -35px;
    top: 15px;
    border: none;
}

.ui-widget-header .ui-icon{
    width: 30px;
    height: 30px;
    background: url(../../images/fancybox/fancy_close.png);
    border: none;
}

.ui-widget-header{
    border: none;
    background: white;
    font-weight: normal;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    color: #313131;
    text-align: center;
}

.ui-widget{
    font-family: Arial, Helvetica, sans-serif;
}

.popUpOnboarding{
  position: fixed;
  height: auto;
  z-index: 9002;
  display: block;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0px;
  width: 100%;
  text-align: center;
}
.blanket {
  background-color: #000000;
  opacity: 0.80;
  position: fixed;
  z-index: 9001;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.popUpOnboarding a{
    font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 20px;
  height: 43px;
  padding: 8px 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.popUpOnboarding a:hover{
  color:white;
}
.popUpOnboarding h1{
    font-family: Arial, Helvetica, sans-serif;
  font-size: 46px;
  font-weight:normal;
  color: #fff;
}
.popUpOnboarding h2{
    font-family: Arial, Helvetica, sans-serif;
  font-size: 26px;
  color: #fff;
  font-weight:normal;
}
.popUpOnboarding #cross{
  position:relative;
  left:350px;
  width: 40px;
  height: 40px;
}
.popUpOnboarding #iconFolders{
  width: 200px;
  height: 100px;
}
.popUpOnboarding #lightboxOb3{
  display:none;
}

.ui-dialog.ui-widget-content{
    background: none;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: 15px;
    border: none;
}

input[type="text"].presentationName{
    width: 470px;
}

textarea.presentationDesc {
    border:1px solid #B8B8B8;
    width: 715px;
    background:#E3E3E3;
    color:black;
    font-size:17px;
    font-weight:bold;
    font-color: black;
    opacity: 0.70;
    filter: alpha(opacity = 70);
    padding: 6px 15px;
}

textarea.presentationDesc:focus {
    border:1px solid #2bbccd;
    padding: 6px 15px;
}

#unreadyPresentations.withStickyBar{
    bottom: 80px;
    z-index: 1;
}

#unreadyPresentations{
    position: fixed;
    bottom: 0;
    right: 18px;
    color: white;
    z-index:10000;
    font-size:14pt;
    font-family: Arial, Helvetica, sans-serif;
}

.progressVideo{
    background: url(../../images/thumb_video.png) no-repeat;
}

.progressPublish{
    background: url(../../images/thumb_subiendo.png) no-repeat;
}

.progressKeynote, .progressPDF{
    background: url(../../images/thumb_pdf.png) no-repeat;
}

.progressKeynote img , .progressPDF img{
    float:right;
    cursor:pointer;
}
.progressSlide{
    background: url(../../images/thumb_slide.png) no-repeat;
}

.progressSlide img {
    cursor:pointer;
    margin-bottom: -5px;
    margin-left: 15px;
}
.presentationDetailedInfo .progress{
    padding:3px 0px 5px 0px;
    height:25px;
    font-size:14.7pt;
    font-weight:normal;
}

.presentationDetailedInfo .progress span{
    font-weight:bold;
    margin-left: 40px;
}

@keyframes loading {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

.presentationDetailedInfo{
    background-color: rgb(105,105,105);
    opacity: 0.8;
    filter: alpha(opacity = 80);
    padding: 15px;
    font-family: Arial, Helvetica, sans-serif;
    display:block;
    margin-bottom: 10px;
}


.presentationDetailedInfo p.progressTitlepres{
    border-bottom:solid 1px black;
    font-size: 14pt;
    padding-bottom:5px;
    margin-bottom:10px;
    color: black;
}

.presentationDetailedInfo p.progressNumber{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    display:inline-block;
    margin-right:10px;
}

.presentationDetailedInfo p.progressType{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    display: inline-block;
}

.presentationDetailedInfo img.info{
    padding-right: 5px;
}

.accountDetails{
    width: 860px;
    margin: 0 auto;
    background: white;
    padding-top:20px;
    overflow: hidden;
}

.accountDetails a{
    text-decoration:none;
}

.accountDetails .upgrade{
    width: 100%;
    height: 45px;
    border-top: 1px solid #f48853;
    background: #fce2d3;
    padding:15px 90px;
}

.accountDetails .upgrade span.get{
    color: #f26e21;
    font-size:19pt;
}

.accountDetails .upgrade span.now{
    color: #f26e21;
    font-weight: bold;
    font-size: 18pt;
    position: relative;
    top: 23px;
    left: -44px;
}

.accountDetails .upgrade p{
    color: #313131;
    font-size: 14px;
    width: 273px;
    position: relative;
    left: 202px;
    top: -20px;
}

.accountDetails .inputFieldWrapper label{
    color: #b9b9b9;
    font-size: 13px;
    top: 13px;
    left: 4px;
}

.storageBox{
    background-color: #E3E3E3;
    border: 1px solid white;
    width: 336px;
    height: 20px;
    padding: 6px;
    margin-top: 35px;
    color: black;
    font-weight: normal;
    font-size: 13px;
    text-align:center;
}

div.spacer{
    height: 3px;
    width:100%;
    background: #d8d8d8;
}

.profileHeader {
    width: 100%;
    height: 28px;
    margin-bottom:25px;
    background: #b9bbbd;
    padding: 5px 0;
}

.profileHeader h1 {
    padding:0;
    color: white;
    left: 300px;
    text-shadow: none;
    display: inline-block;
    font-weight: normal;
    line-height: 29px;
    overflow-x: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 580px;
    width: auto;
    margin: 0 0px 0 80px;
    vertical-align: middle;
    font-size: 22px;
}

.profileHeader img{
    position: absolute;
    top: -40px;
    left: -50px;
    display: inline-table;
    z-index: 999;
}

.profileHeader p{
    padding:0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    width: auto;
    text-align: left;
    font-weight: normal;
    font-size: 18pt;
    color: white;
    display: inline-block;
    line-height: 29px;
    vertical-align: middle;
    /* Stretch text */
     /*transform:scale(0.5,1.1); /* W3C */
    /*-webkit-transform:scale(0.5,1.1); /* Safari and Chrome */
    /*-moz-transform:scale(0.5,1.1); /* Firefox */
    /*-ms-transform:scale(0.5,1.1); /* IE 9 */
    /*-o-transform:scale(0.5,1.1); /* Opera */
}

.profileHeader .profileHeaderSeparator {
    color: white;
    margin: 0 10px;
    font-weight: bold;
    font-size: 24px;
    vertical-align: middle;
}

.profileElement{
    margin-left:100px;
}

.copyValidationDiv{
    background-color: #F6F6F6;
    color: #6F6F6F;
    font-size: 15px;
    padding: 10px;
    width: 570px;
}
.buttonValidation{
    margin-right:5px;
}

.bulk_row{
    width:100%;
    /*height: 30px;*/
    padding: 15px 0;
    clear:both;
    overflow:hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#uploadCSVForm .hidden {
    display:none;
}

.bulk_row .left {
    width:35%;
    text-align: right;
}
.bulk_row .right {
    width:65%;
}

.bulk_label {
    padding-right:25px;
}

.bulk_select {
    height: 30px;
    width:50%;
}

.bulk_autocomplete {
    /*height: 30px;
    width:70%;*/
    float:left;
}

.bulkRequiredMessage {
    display:none;
}

/*.bulk_radio {
    height: 60px;
}*/

.bulkFileName {
    display: block;
    width: 170px;
    word-wrap: break-word;
}

.bulkRadioButtons {
    float:left;
}

.bulkCustomPassword {
    float:left;
}
input[type='text'].bulkCustomPassword {
    height: 27px;
    padding:0;
    margin-top: 19px;
}

input[type="text"].bulk_text{
    margin: 0;
    height: 26px;
    padding: 0;
}

/*.bulk_drag {
    height: 157px;
}*/

.bulk_drag .dragBox {
    background: url(../../images/bulk_import_drag.png) top left no-repeat;
    padding: 0px;
    width: 404px;
    height: 157px;
    margin: 0;
}

.bulk_drag .dragBox h1 {
  top: 27px;
  left: 160px;
  font-size: 26px;
  line-height: 31px;
}

.bulk_row .uploadFile p {
  top: 0px;
  padding-top: 9px;
}

input[type='text'].bulk_autocomplete_field {
    padding: 10px 25px 10px 14px;
    margin: 0;
    background-position: 98% 0%;
    width: 479px;
    height: 15px;
}

input[type='text'].bulk_autocomplete_field:hover {
    background-position: 98% 100%;
}

.bulk_slot {
    /*float:left;*/
    font-size:11px;
}


/*.bulk_browse {
    height: 50px;
}*/

.bulk_table_wrap {
    /*width: 911px;*/
    width: 100%;
}

.bulk_table_wrap table {
   /* width: 900px;*/
    table-layout: fixed;
}

.bulk_table_wrap table tr td, .bulk_table_inner_table table tr td {
    padding: 5px;
    border: 1px solid #eee;
    width: 100px;
    word-wrap: break-word;
}

.bulk_table_wrap table.head tr td, .bulk_table_inner_table table.head tr td {
    background: #eee;
}

#bulkList .bulk_table_wrap .styledCheckbox{
    width: 39px !important;
    height: 21px !important;
    background-size: 39px 42px;
}

#bulkList .bulk_table_wrap .right label{
    line-height: 22px;
}


#bulkList .bulk_table_wrap .right .tooltipTitle span{
    white-space: normal;
    left: auto !important;
    width: 246px;
    right: 0;
}

.bulk_table_inner_table {
    height: 400px;
    overflow-y: auto;
}

.bulkTooltip.tooltipTitle {
  font-size: 100%;
}

.bulkTooltip.tooltipTitle span {
    width: 155px;
    white-space: normal;
    font-size: 12px;
}

.bulkTooltip.tooltipTitle:hover span {
  display: table;
}

.bulkTooltip.tooltipTitle:hover:before {
    left: 45%;
    bottom: -7px;
    border-width: 0 6px 6px 6px;
}

#confirmDialog.bulkResult {
    width: 280px;
    padding: 40px;
}

.bulkResult .msgBox .title {
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
    }

.bulkResult .msgBox .subtitle{
    width: 100%;
    display: block;
    text-align: left;
}

.bulkResult ul
{
    list-style: initial;
    padding-top: 5px;
    text-align: left;
    padding-left: 18px;
}

.bulkResult ul > li
{
    color: #0097A7;
    line-height: 30px;
    margin-left: 30px;
}

.bulkResult ul > li > span, .bulkResult p
{
      color: #313131;
      font-size: 14px;
      text-align: left;
}

.reset-new.npModal-container #extraEmail {
    border: 1px solid #B8B8B8;
    background: transparent;
    height: 22px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #8b9195;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-top: 10px;
    margin-left: 5px;
    width: 268px;
    padding: 5px 5px 5px 5px;
    font-weight: 200;
    font-style: oblique;
}

.bulkResult .actionDialogButton {
    padding: 0px 50px;
    font-size: 20px !important;
}



#uploadContent.bulkUploadContent #uploadContentContainer {
    height: 130px;
    width: 316px;
    padding: 0px 30px 0px 30px;
    -webkit-border-radius: 5px;
    border: 2px solid #0097a7;
}

#uploadContent.bulkUploadContent .uploading {
    left: 122px;
}

#uploadContent.bulkUploadContent .wait {
    left: 138px;
    color: #0097a7;
}

#uploadContent.bulkUploadContent #progress {
    top: 94px;
    left: 50px;
    width: 280px;
}

#uploadContent.bulkUploadContent #progressBar {
    width: 140px;
}

.bulkSuccessAction {
    display: none;
}

.bulkButtons {
    text-align: center;
}

.btnBox.bulkButtons{
    max-width: 100%;
}

.btnBox.bulkButtons :first-child{
    margin: 0;
}

.bulkError {
    color: red;
    border-color: red;
    font-size: 11px;
}

.bulk_row .right.multipleSchoolsContainer {
    width: 90px;
}

.animationCover{
  z-index: 1;
    height: 600px;
    position: absolute;
    width: 100%;
    background: white;
}

.animationCover{
    z-index: 1;
    height: 600px;
    position: absolute;
    width: 100%;
    background: white;
}

.downloadStrategy .downloadStrategyTypes .extraDataRowRadios {
    margin-bottom: 10px;
}

.downloadStrategy .styledCheckbox,
.downloadStrategy .styledCheckbox label,
.downloadStrategy .styledRadio {
    display: inline-block;
    vertical-align: middle;
}

.downloadStrategy label,
.downloadStrategy input {
    vertical-align: middle;
    display: inline-block;
}

.downloadStrategy label {
    margin-left: 5px;
}

.downloadStrategy .right {
    position: relative;
}

.downloadStrategy .bulk_row {
    overflow: visible;
}

.downloadStrategy .downloadStrategyTooltip {
    position: absolute;
    top: 0px;
    left: 200px;
    color: #2dbbca;
    font-size: 14px;
    cursor: pointer;
}

.downloadStrategy .downloadStrategyTooltip.tooltipTitle span {
    white-space: normal;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    -webkit-border-radius: 0px;
    white-space: normal;
    right: -250px;
    left: 110%;
    top: -10px;
    bottom: initial;
    text-align: left;
    padding: 10px 10px 10px 10px;
}

.downloadStrategy .downloadStrategyTooltip.tooltipTitle label {
    cursor: pointer;
}

.downloadStrategy .downloadStrategyTooltip.tooltipTitle:before{
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    right: -17px;
    left: initial;
    top: 5px;
    border-width: 10px 10px 0 10px;
}

.downloadStrategy .downloadStrategyTooltip img {
    font-size: 12px;
    vertical-align: middle;
    margin-left: 8px;
    width: 18px;
    height: auto;
}

.downloadStrategy .downloadStrategyTooltip#downloadStrategyTooltip0 {
    top: -1px;
}

.downloadStrategy .downloadStrategyTooltip#downloadStrategyTooltip1 {
    top: 27px;
}

.multipleSchoolsContainer .styledCheckbox {
    background-size: 39px 42px;
}

.multipleSchoolsContainer label {
    font-size: 12px;
}

.bulkPasswordMessage {
    font-weight: bold;
    line-height: 20px;
}

.bulkAlertSign {
    width: 20px;
    height: 20px;
    float:left;
    margin-right: 10px;
}



.user_edit_columns {
    display: inline-block;
    padding: 0 35px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.user_edit_column_half {
    float: left;
    width: 50%;
    padding-right: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.user_edit_column {
    width:100%;
    clear:both;
    overflow:hidden;
}
.user_edit_column .left{
    width: 25%;
    padding-top: 13px;
    color: #2f2f2f;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    margin-right: 7px;
    vertical-align: middle;
}

.grades_user .extraDataRow .extraDataRowCheckboxes{
    width:auto;
    display:inline-block;
    vertical-align: middle;
}

.grades_user .extraDataRow.languageData .extraDataRowRadios > div {
    width: auto;
}

.grades_user .extraDataRow div.styledCheckbox,
.grades_user .extraDataRow .extraDataRowRadios div.styledCheckbox,
.grades_user .extraDataRow .extraDataRowRadios div.styledRadio {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5x;
}

.grades_user .extraDataRow {
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 10%;
    width: 75%;
    vertical-align: middle;
}

.grades_user .extraDataRow label.extraDataRowTitle {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
    color: #2f2f2f;
    width: 25%;
}

.grades_user .extraDataRow div.extraDataRowRadios {
    width: 100%;
    display: inline-block;
}

.grades_user .extraDataRow .extraDataRowRadios > div {
    width: 83px;
    display: inline-block;
    float: left;
    margin: 0 10px 5px 0;
}

.subjects_user .extraDataRow .extraDataRowCheckboxes{
    width:auto;
    display:inline-block;
    vertical-align: middle;
}

.subjects_user .extraDataRow.languageData .extraDataRowRadios > div {
    width: auto;
}

.subjects_user .extraDataRow div.styledCheckbox,
.subjects_user .extraDataRow .extraDataRowRadios div.styledCheckbox,
.subjects_user .extraDataRow .extraDataRowRadios div.styledRadio {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5x;
}

.subjects_user .extraDataRow {
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 10%;
    width: 75%;
    vertical-align: middle;
}

.subjects_user .extraDataRow label.extraDataRowTitle {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
    color: #2f2f2f;
    width: 25%;
}

.subjects_user .extraDataRow div.extraDataRowRadios {
    width: 100%;
    display: inline-block;
}

.subjects_user .extraDataRow .extraDataRowRadios > div {
    width: 83px;
    display: inline-block;
    float: left;
    margin: 0 10px 5px 0;
}

.user_edit_column .right{
    float:left;
    width: 70%;
}

.user_edit_column.user_edit_column_language .right {
    padding-top: 10px;
}

.user_edit_column.user_edit_column_language .right .userEditLanguageRadios > div {
    display: inline-block;
    margin-right: 15px;
}

.user_edit_column .right .userEditLanguageRadios .styledRadio {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.user_edit_column input[type="text"],
.user_edit_column input[type="password"],
.user_edit_column textarea {
    width: 100%;
    border: 1px solid #ebebeb;
    font-size: 13.5pt;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 13px;
    box-shadow: 0 1px #f5f5f5;
    padding: 4px;
    font-weight: normal;
    margin: 6px 0;
}

.user_edit_column input[type="text"]:hover,
.user_edit_column input[type="password"]:hover,
.user_edit_column textarea:hover {
    border-color: #36b6cf;
}

.user_edit_column input[type="text"]:focus,
.user_edit_column input[type="password"]:focus,
.user_edit_column textarea:focus {
    border-color: #36b6cf;
}

.user_edit_column input[type="text"]:disabled,
.user_edit_column input[type="password"]:disabled,
.user_edit_column textarea:disabled {
    background-color: #ebebe4;
}

.user_edit_column textarea {
    font-family: Arial, Helvetica, sans-serif;
    resize: none;
}

.user_edit_column .repeatPassword{
    padding-top: 32px;
    clear: both;
    float: left;
}

.user_edit_column .changePassword,
.user_edit_column .changePassword:visited {
    color: #30b8c6;
    text-decoration: none;
    padding-top: 23px;
    display: block;
    padding-bottom: 8px;
}

.user_edit_column .changePassword:hover {
    text-decoration: underline;
}

.accountDetails p.mailNotifications,
.accountDetails p.activityStatus {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    width: 100%;
    color: #6f6f6f;
    text-align: left;
    font-size: 23px;
    border-bottom: 4px solid #c8c8c8;
    padding: 2px 35px;
    height: 27px;
}

.accountDetails .user_edit_column .repeatPassword{
  width: 100%;
}

.accountDetails .user_edit_column .userProfileCol {
    width: 100%;
}

.accountDetails .user_edit_column .userProfileCol .userProfileImageContainer {
    float: left;
    height: 97px;
    width: 97px;
    text-align: center;
    margin: 10px;
    border: 3px solid white;
    position: relative;
    border: 1px solid #ebebeb;
    overflow: hidden;
}

.accountDetails .user_edit_column .userProfileCol .userProfileImageContainer.hover {
    border: 3px dashed #33b7cc;
    margin: 8px;
}

.accountDetails .user_edit_column .userProfileCol img.userProfileImage {
    margin: auto;
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.accountDetails .user_edit_column .userProfileCol a.userProfileLabel {
    float: left;
    margin-top: 25px;
    color: #2f2f2f;
}

.accountDetails .user_edit_column .userProfileCol a.userProfileLabel:hover {
    text-decoration: underline;
}

.accountDetails .user_edit_column .userProfileCol label.userProfileDesc {
    float: left;
    color: #919191;
}

.accountDetails .user_edit_column .userProfileCol input[type="file"] {
    margin-top: 50px;
    float: right;
}

.accountDetails .user_edit_column .zipCodeLabelContainer {
    height: 16px;
}


.accountDetails .user_edit_column .countryLabelContainer {
    height: 16px;
}

.accountDetails .user_edit_column .stateLabelContainer {
    height: 16px;
}

.accountDetails .user_edit_column .validateTextbox {
    display: none;
}

.accountDetails .user_edit_column input[type="text"].loading {
    background: url(../../images/wait.gif) 255px center no-repeat;
    background-size: 20px 20px;
}

.accountDetails .btnBox{
    padding: 0px 20px 0 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.mailNotifications,
.activityStatus {
    margin: 20px auto 0 auto;
    width: 100%;
    text-align: center;
}

.activityStatus b {
    color: black;
}

.accountDetails .notificationContainer{
    width: 600px;
    margin-left : 35px;
    padding: 10px 0;
}

.accountDetails .notificationContainer .notificationElement{
    font-size: 11pt;
    font-weight: bold;
    margin: 14px 0;
    color: #6D6E70;
}

.accountDetails .notificationContainer .notificationElement label{
    margin-left: 3px;
    cursor: pointer;
    vertical-align: middle;
    color: #2f2f2f;
    font-size: 14px;
    font-weight: bold;
}

.accountDetails .notificationContainer .notificationElement input[type="checkbox"]{
    vertical-align: middle;
}

.accountDetails .inputFieldWrapper {
  margin-bottom: 0px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.accountDetails .passwordContainer .inputFieldWrapper .validateTextbox{
  margin: -12px 0px 0px 0px;
  font-size: 15px;
}

.accountDetails .inputFieldWrapper .validateTextbox{
  font-size: 15px;
}

.activityStatus .infoContainer {
    width:400px;
    margin: 10px 30px;
    display:inline-block;
}

.activityStatus .infoContainer .infoContainerLabel {
    margin-bottom: 5px;
}

.activityStatus .infoContainer .title {
    float: left;
    margin-bottom: 5px;
}
.activityStatus .infoContainer .title .percent{
    color:#919191;
}

.activityStatus .infoContainer .highlightText {
    color: #919191;
}

.activityStatus .infoContainer .progressContainer {
    border-radius: 5px 5px 5px 5px;
    overflow: hidden;
    text-align: left;
    margin-bottom: 5px;
    width: 400px;
}

.activityStatus .infoContainer p.desc{
    color: #6d6e70;
    font-size:11pt;
}

.activityStatus .progressContainer .progress{
    background: #d8d8d8;
    width: 100%;
    height:20px;
    border:none;
    padding: 0;
    margin: 0 auto;
    border-radius: 5px;
}

.activityStatus .progressContainer .progressBar {
    top: -20px;
    margin-left: 0px;
    background-color: grey;
    background-image: none;
    height:20px;
    width:0px;
    border:none;
    border-radius: 5px;
    padding:0;
    position:relative;
}

/* Change current password */
.changeCurrentPasswordContainer {
    width: 530px;
    background-color: white;
    margin: 0;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.changeCurrentPasswordContainer h2 {
    color: #6f6f6f;
    font-size: 22px;
    width: 100%;
    border-bottom: 4px solid #c8c8c8;
    padding: 6px 35px;
    margin-top: 10px;
}

.changeCurrentPasswordContainer form {
    margin: 20px 33px;
}

.changeCurrentPasswordContainer fieldset {
    margin: 33px 0;
}

.changeCurrentPasswordContainer .col {
    float: left;
    width: 100%;
}

.changeCurrentPasswordContainer .left {
    width: 35%;
}

.changeCurrentPasswordContainer .right {
    width: 63%;
}

.changeCurrentPasswordContainer label.label {
    text-align: right;
    color: #2f2f2f;
    overflow: hidden;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    width: 100%;
    margin: 17px 7px 19px 0;
    background-color: transparent;
    padding: 0;
    float: none;
}

.changeCurrentPasswordContainer .inputFieldWrapper {
    width: 100%;
    margin-bottom: 0px;
}

.changeCurrentPasswordContainer .inputFieldWrapper label {
    top: 17px;
    left: 4px;
    font-size: 13px;
}

.changeCurrentPasswordContainer .passwordContainer {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.changeCurrentPasswordContainer input[type="text"],
.changeCurrentPasswordContainer input[type="password"] {
    border: 1px solid #ebebeb;
    box-shadow: 0 1px #f5f5f5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    height: 26px;
    padding: 4px;
    margin-top: 7px;
    margin-bottom: 7px;
    width: 100%;
    font-size: 13px;
}

.changeCurrentPasswordContainer input[type="text"]:hover,
.changeCurrentPasswordContainer input[type="password"]:hover,
.changeCurrentPasswordContainer input[type="text"]:focus,
.changeCurrentPasswordContainer input[type="password"]:focus {
    border-color: #36b6cf;
}

/* *** */

.bold{
    font-weight: bold;
}
.spanLink{
    cursor:pointer;
}

.edit_column{
    width:100%;
    clear:both;
}
.edit_column .left{
    width:170px;
    font-size: 19px;
    font-weight: bold;
    padding-top:6px;
    color: #6F6F6F;
}
.edit_column .right{
    float:left;
}

.edit_column input, .edit_column textarea{
    width:300px;
}

.list_pages{
    padding-top:20px;
    padding-bottom:20px;
}

.crudTable{
    width:100%;
}
.tableHeader{
    font-weight:bold;
}
.tableRow{

}
#btnPublishBottom {
    margin-left: 30px;
}

.maintenance{
    text-align: center;
}

form.feedBackForm input[type="submit"]:hover{
    background:#fff;
}

#quizDuration_parent {
    margin-left: 52px;
}

#toolBar {
    margin-bottom: 20px;
    margin-right: 20px;
    margin-top: 10px;
    text-align: right;
    width: 100%;
    z-index: 1;
    position:relative;
    overflow: hidden;
}

.browseWeb input[type="text"], .browseWeb textarea{
    width:553px;
    background-color: #d8d8d8;
    border-radius: 12px;
}

.browseWeb textarea{
    resize:none;
    height:100px;
    border:1px solid #b0b0b0;
    background:#fff;
}
.browseWeb ul{
    padding:5px 20px;
}
.browseWeb ul li{
    padding:10px 0;
}
.browseWeb ul label{
    font-weight:bold;
    color:#505050;
    font-size:17px;
}
.browseWeb ul span{
    color:#a6a3a3;
    font-style:italic;
}

#reportsDataContainer {
    margin-top: 100px;
    position: relative;
}

div.reportsNoData{
    font-size: 11pt;
    font-weight: bold;
    color:#F01B1B;
}

.reportsTable {
    width: 100%;
}

.btnShowDiv {
    background: url(../../images/searchOpenRight.gif) no-repeat 0 0;
    width:22px;
    height:22px;
    display:inline-block;
    cursor: pointer;
}
.btnShowDiv.old {
        background: url(../../images/searchOpen.gif) no-repeat 0 0;
}
.btnNotShowDiv {
    background: url(../../images/searchOpen.gif) no-repeat 0 0;
    width:22px;
    height:22px;
    display:inline-block;
    cursor: pointer;
}

select{
    opacity: 1;
    visibility: visible;
    position: relative;
    top: 0pt;
    left: 0pt;
    display: inline;
    z-index: 1;
    padding: 5px 0;
}
.replaceSelect{
    background: center right #DBDBDB no-repeat;
    border: 1px solid #BDBDBD;
    padding: 8px 4px;
}
.reportsSearch p {
    display:inline-block;
}

.reportsSearch input[type="text"].mid.ui-autocomplete-input{
    width: 266px;
    background: white;
}

.reportsSearch input[type="text"]{
    margin-bottom:10px;
}

.reportsSearchTitle p {
    font-family: Arial, Helvetica, sans-serif;
    font-size:19px;
    color:#3e3e3e;
}

.reportsSummary p {
    font-family: Arial, Helvetica, sans-serif;
    font-size:20px;
    color:#3e3e3e;
}

.reportsSummary table td{
    border: 1px solid #BBBBBB;
    vertical-align:middle;
    height: 50px;
    padding:7px;
}

.reportsSummary table td.values{
    width:100px;
    text-align:center;
}

.reportsSummary table td h1{
    padding:0;
    margin:0 0 0 5px;
}
.reportsDetails{
    margin-top:40px;
}
.reportsDetails p {
    font-family: Arial, Helvetica, sans-serif;
    font-size:19px;
    color:#3e3e3e;
    margin-bottom:23px;
    margin-left: 10px;
    display:inline-block;
}

h1.title.reports {
    margin-left: 0px;
}

h1.title.reports.old {
    margin-left: 105px;
}

.slideOrden{
    float: right;
    position: relative;
    top: 125px;
}
#newImagesForm .imageContainerDiv{
   margin-bottom:5px;
}
.w240{
    float:left;
    width:240px;
}
.defaultImage{
    width: 200px;
}
.defaultImageName{
    float:left;
    width:180px;
    padding-top: 10px;
}
.inputFile{

}
.imageContainerDiv input{
    width:100px;
}

.container {
    height: 100% !important;
    margin: 0 auto;
    padding: 20px;
    width: 760px;
}

.copyPresentations.container{
    margin: 0;
    padding: 0;
}

.copyPresentationLabel {
    cursor: pointer;
}


.container h1.welcome {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 35px;
    font-weight: normal;
    margin: 50px auto;
    text-align: center;
}
.bevelBlue {
    color: #27B5BF !important;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7), -1px -1px 0 rgba(0, 0, 0, 0.2);
}
.container .items{
    width:715px;
    height:250px;
    margin:0px auto;
}
.container .items .item{
    width:190px;
    height:130px;
    margin:0px auto;
    padding:135px 0px 0px 0px;
    float:left;
    text-align:center;
    margin-right:70px;
    color:#505050;
}
.container .items .item:last-child{
    margin:0px;
}
.container .items .item h1{
    background:none;
    font-size:30px;
}
.container .items .item.content_tool{
    background:url(../../images/contentIcon.gif) no-repeat center top;
}
.container .items .item.downloads{
    background:url(../../images/downloadsIcon.gif) no-repeat center top;
}
.container .items .item.report{
    background:url(../../images/reportsIcon.gif) no-repeat center top;
}
.container .items .item.report.last{
    margin:0px;
}

.container .ribbon{
      width:672px;
      height:82px;
      padding:20px 20px;
      background:url(../../images/ribbon.png) no-repeat center center;
      margin:0px auto;
}
.container .ribbon div{
      width: 202px;
      height: 90%;
      padding: 0px 10px 0px 10px;
      float: left;
      border-left: 1px solid #AADDE3;
      border-right: 1px solid #61A8B1;
      text-align: center;
}
.container .ribbon div:first-child, .container .ribbon div.first{
      border-left:0px;
}
.container .ribbon div:last-child, .container .ribbon div.last{
      border-right:0px;
}

.container .ribbon div h1{
      font-size: 23px;
      padding: 0px;
      margin: 8px 0px 10px 0px;
        font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-variant: normal;
      text-transform: none;
      text-shadow: -1px -1px 1px #878787;
}
.container .ribbon div a{
      font-size:14px;
      color:#00899b;
      text-shadow: 1px 1px 1px rgba(255,255,255, 0.5);

}
.container .ribbon div a:hover{
      color:rgba(255,255,255, 0.7);
      text-shadow: 1px 1px 1px rgba(0,0,0, 0.3);
}


.bevelWhite {
    color: #FFFFFF !important;
    text-shadow: -1px -1px 1px #878787;
}

.presThumbs a.sketch {
    background: url("../../images/contentIcon.png") no-repeat scroll #EDEDED;
    font-size: 15px;
    height: 177px;
    width: 236px;
}
.presThumbs a.sketch:hover{
  height:126px;
  width:166px;
  background:url(../../images/contentIcon.png) -1px -1px no-repeat #ededed;
}
.presThumbs a.sketch.selected:hover{
    height:177px;
    width:236px;
    background-position:left top;
}
.innerContent {
    width: 400px;
}
.innerContent.old {
    width: 100%;
}
.tooltip{
    background:url(../../images/drawIcon.png) no-repeat center center;
    width:22px;
    display: inline-block;
    height: 22px;
}
.tdImgTooltip{
    text-align:center;
    padding-right:0px;
}
.tooltip_img{
    width:200px;
}
.divToolTip{
    background-color:red !important;
    width:100px;
}
#reportImageContainer{
    padding: 10px;
    background-color:#F8F8F8;
}
.titleContainer{
    color:#505050;
    text-align:center;
    padding-bottom:5px;
}
.descContainer{
    color:#505050;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
}
.saveBtn{
    background:url(../../images/saveIcon.png) no-repeat center center;
    display: inline-block;
    height: 28px;
    width: 30px;
    float:right;
}

button.slideButtons,
input[type="submit"].slideButtons {
  width: 110px;
  height: 40px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  display: inline-block;
  color: #0097a7;
  background-color: #ffffff;
  border: 1px solid #0097a7;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-align: center;
  margin-right: 10px;
  cursor: pointer;
}

button.slideButtons:hover{
    color: white;
    background-color: #0097a7;
}

button.slideButtons:hover:before{
    color: white;
    background-color: #0097a7;
    background-position: 0px -18px;
}

button.slideButtons:before {
    background: no-repeat scroll 0 0 transparent;
    background-size: 18px auto;
    content: '';
    display: inline-block;
    margin: 0 4px -2px 0;
    width: 18px;
    height: 18px;
}

input[type="submit"].slideButtons#saveBtn{
    color: #ffffff;
    background-color: #0097a7;
    background-position: 25px;
    background-size: 18px;
    padding-left: 45px;
    margin-right: 0px;
}

input[type="submit"]#saveBtn:hover{
    border: 1px solid #4cc2ff;
    background-color: #4cc2ff;
}

input[type="submit"].slideButtons#saveBtn:before{
    background-repeat: no-repeat;
}
button.slideButtons.audioBtn:before{
    background-image:url(../../images/bt_audio.svg);
}

button.slideButtons.textBtn:before{
    background-image: url(../../images/bt_text.svg);
}

button.slideButtons.imgBtn:before{
    background-image:url(../../images/bt_image.svg);
}

button.slideButtons#clearAllBtn:before{
    background-image:url(../../images/bt_clearall.svg);
}


.flexibleSpace{
    display:inline-block;
    width:100%;
}

.floatLeft {
    float: left;
    margin-right: 10px;
}

.floatRight {
    float: right;
    margin-left: 10px;
}

input.videoSelect{
    width:50px;
}

.selectVideoContainer span{
    width:50px;
}

#advancedSearchDiv{
    float:left;
}

.saveProfile {
    width:100%;
    padding-top:15px;
    margin-top:30px;
    margin-bottom:20px;
    text-align:right;
}

.modal-cta {
    padding-top: 25px;
    text-align: right;
}

.saveProfile  input[type="submit"].done,
.uploadBottom input[type="submit"].done {
    background-size: 20% auto;
}

.confirmProfile {
    width:100%;
    margin-bottom:-20px;
    text-align:right;
}

.confirmProfile  input[type="submit"].done, .uploadBottom input[type="submit"].done{
    background-size: 20% auto;
}

.fieldTrip input[type="submit"].done.saveFieldTrip  ,#slideFormContainer input[type="submit"].done, #fmSketchUpload input[type="submit"].done, .button-bar input[type="button"].done{
    background-size: auto 22px;
}

a.reportDl {
    padding:0 0 0 102px;
}

a.reportDl.old {
    padding:15px 105px 0 255px;
}

a.reportDl p{
    position: relative;
    top: 17px;
    left: 45px;
}

a.reportDl input {
    display:inline-block;
    position: relative;
    top: 11px;
    left: 65px;
    padding: 0;
}

a.reportDl span {
    display: block;
    position: relative;
    top: 15px;
    left: 65px;
}

.dlBox span.w100{
    padding:11px 0px 4px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    background:url(../../images/btn100.png) top left no-repeat;
    border:none;
    width:100px;
    height:37px;
    position: absolute;
top: 12px;
right: 0px;
color:white;
cursor:pointer;
}
.dlBox span.w100:hover{
    background:url(../../images/btn100H.png) top left no-repeat;
}

.w320{
    width:320px;
}

.questionBox.dragBox{
    padding: 22px 0px 4px 0px;
}

/* Correccion de nuevos estilos para el cambio de content tool 05/03/2012 */
.presFilters .right select {
    margin-right: 10px;
    padding: 0px;
}

.inputFieldWrapper .textSearch{
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:normal;
    left:30px;
}

.slidesThumbs a.insertSlide {
    margin-left: 2px;
    margin-right: 2px;
}

.slidesThumbs a div.slideType{
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    top: 98px;
    width: 230px;
    text-align: center;
}

#uploadForm {
    margin: auto;
}

.loginContainer{
    width: 375px;
    margin: 0px auto;
    position:relative;
}
.loginContainer input[type="submit"].btnCyan{
    -webkit-appearance: none;

}
.rightLoginColumn .btn-auth.btn-windows, .rightLoginColumn .btn-auth.btn-office365{
width: 334px;
margin-bottom: 10px;
}
/* Slide thumbs */

.slidesThumbs a.video{
    background-image: url(../../images/Scrubber/en/scr-video.png);
}
.slidesThumbs a.memotest{
    background-image: url(../../images/Scrubber/en/scr-Memotest.png);
}
.slidesThumbs a.bingo{
    background-image: url(../../images/Scrubber/en/scr-Bingo.png);
}
.slidesThumbs a.collaborative{
    background-image: url(../../images/Scrubber/en/scr-Collaborative.png);
}
.slidesThumbs a.fillTheBlanks{
    background-image: url(../../images/Scrubber/en/scr-FillTheBlanks.png);
}
.slidesThumbs a.qna{
    background-image: url(../../images/Scrubber/en/scr-qna.png);
}
.slidesThumbs a.qna:hover{
    background:url(../../images/slidethumb_qya_h.png) left top no-repeat;
}
.slidesThumbs a.slideEditor{
    background-image: url(../../images/Scrubber/en/scr-slideEditor.png);
}
.slidesThumbs a.quiz{
    background-image: url(../../images/Scrubber/en/scr-quiz.png);
}
.slidesThumbs a.sketch{
    background-image: url(../../images/Scrubber/en/scr-drawit.png);
}
.slidesThumbs a.slideshow{
    background-image: url(../../images/Scrubber/en/scr-slideshow.png);
}
.slidesThumbs a.webPage{
    background-image: url(../../images/Scrubber/en/scr-web.png);
}
.slidesThumbs a.webPage.phet{
background-image: url(../../images/Scrubber/en/scr-web9.png);
}

.slidesThumbs a.webPage.fieldTrip{
    background-image: url(../../images/Scrubber/en/scr-web3.png);
}
.slidesThumbs a.webPage.sway{
    background-image: url(../../images/Scrubber/en/scr-web7.png);
}
.slidesThumbs a.webPage.desmos{
    background-image: url(../../images/Scrubber/en/scr-web13.png);
}
.slidesThumbs a.threeD{
    background-image: url(../../images/Scrubber/en/scr-SlideObject.png);
}
.slidesThumbs a.webPage.twitter{
    background-image: url(../../images/Scrubber/en/scr-twitter.png);
}
.slidesThumbs a.webPage.pdf{
    background-image: url(../../images/Scrubber/en/scr-webpagePdf.png);
}
.slidesThumbs a.webPage.bbc{
    background-image: url(../../images/Scrubber/en/scr-web10.png);
}
.slidesThumbs a.custom4{
    background-image: url(../../images/Scrubber/en/scr-custom-4.png);
}
.slidesThumbs a.custom5{
    background-image: url(../../images/Scrubber/en/scr-custom-5.png);
}
.slidesThumbs a.custom18{
    background-image: url(../../images/Scrubber/en/scr-custom-18.png);
}
.slidesThumbs a.freeText{
    background-image: url(../../images/Scrubber/en/scr-freetext.png);
}
.slidesThumbs a.exitTicket{
    background-image: url(../../images/Scrubber/en/scr-exitticket.png);
}
.slidesThumbs a.poll{
    background-image: url(../../images/Scrubber/en/scr-poll.png);
}
.slidesThumbs a.boardworks{
    background-image: url(../../images/Scrubber/en/scr-web19.png);
}

.procesingScrubberImage{
  background:url(../../images/wait.gif) left top no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
}

.pendingScreen{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 1%;
  left: 20%;
  margin-top: -15px;
  margin-left: -50px;
}

.slidesThumbs a{
    color: #34B9C8;
    cursor: pointer;
    float:left;
    background-size: 229px 172px;
    background-position: left top;
    background-repeat: no-repeat;
}

.slidesThumbs a div.slideSelected{
    background: #34b9c8;
    opacity: 0.7;
    filter:alpha(opacity=70);
    filter:"alpha(opacity=70)";
    position:absolute;
    bottom: 0px;
    width: 100%;
    height: 20px;
    z-index:6;
}

.slidesThumbs a div.cover, .slidesThumbs a div.coverFull {
    position:absolute;
    bottom: 0px;
    width: 100%;
    height: 20px;
    background: black;
    opacity: 80;
    filter:alpha(opacity=80);
    filter:"alpha(opacity=80)";
    z-index: 10;
}

 div.saving{
    position:absolute;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: black;
    background-color: rgb(21, 45, 57);
    opacity: 0.9;
    z-index:9;}

.slidesThumbs a div.saving p {
    line-height: 198px;
    color: #ffffff;
}

.slidesThumbs a div.cover{
    width: 100%;
    height: 26px;
    border-top:1px solid #c7c7c7;
    background-color: white;
}
.slidesThumbs a.selected div.cover, .slidesThumbs a.selected div.coverFull{
    background: #f47c1c;
    bottom: -1px;
    left: -1px;
    height: 25px;

}

.slidesThumbs a div.coverFull{
    display:none;
    height: 100%;
    opacity: 0.6;
    -moz-opacity:0.6;
    filter: alpha(opacity=60);
    filter: "alpha(opacity=60)";
}
.slidesThumbs a.selected div.coverFull{
    background: url(../../images/tick2.png) top left no-repeat;
    display: block;
    border: 5px solid #f47c1c;
    border-bottom: none;
    opacity: 1;
    height: 99%;
    width: 97%;
    bottom: -1px;
    left: -1px;
}
.presThumbs .coverFull{
display: none;
top: 0;
position: absolute;
height: 100%;
width: 100%;
background-color: black;
    opacity: 0.6;
    -moz-opacity:0.6;
    filter: alpha(opacity=60);
    filter: "alpha(opacity=60)";
}
.presThumbs a.selectedOpenMark .coverFull, .presThumbs a.selected .coverFull {
    display:block;
}

.slidesThumbs a.selected div.cover span {
    bottom: 4px;
    color:white;
}

.slidesThumbs a .cover span {
    position:absolute;
    text-align: right;
    color: #313131;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13pt;
    left:10px;
    bottom: 4px;
}

.slidesThumbs a .cover span.titulo {
    text-align: left;
    color: #313131;
    font-weight: normal;
    font-size: 11pt;
    font-family: Arial, Helvetica, sans-serif;
    width:192px;
    bottom: 4px;
    padding-left:27px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.slidesThumbs a.selected div.cover{
    border-color:#f47c1c;
}
.cartelComing {
    width: 350px;
    height: 24px;
    margin-top: -23px;
    top: 0px;
    left: 0px;
    background: url(../../images/ribbonHeader.png) center center no-repeat;
    padding: 38px 20px;
    text-align: center;
}

.cartelComing p {
    font-size: 23px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 23px;
    display: inline-block;
    margin: 0px auto;
    color: #010101;
    text-transform: uppercase;
    text-align: center;
}

.toolBar{
    position: relative;
    z-index: 90;
    overflow: hidden;
    margin-top:5px;
    border-top:5px solid #ffffff;
    max-width: 972px;
}

.collapsable p.title{
    margin-left:0px;
    margin-top: 20px;
}

input[type="button"].report{
    margin-right:10px;
}


.slidesContent .btnBox {
    background: none;
    padding-bottom: 0px;
    padding-top: 20px;
    margin-bottom: 0px;
}


.stickyBar .btnBox {
    width: 100%;
    height: 67px;
    margin: 0 auto;
    padding-bottom: 0px;
    padding-top: 15px;
    margin-bottom: 0px;
    position: relative;
}

.stickyBar {
    width: 100%;
    height: 67px;
    background-color: rgba(242,242,242,0.9);
    overflow: visible;
    position: fixed;
    bottom: 0px;
    box-shadow: 0 17px 40px 9px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 17px 40px 9px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 17px 40px 9px rgba(0, 0, 0, .5);
    z-index: 102;
}

.toolTip , .stickyBar .toolTip, .reset-new .toolTip {
   position: absolute;
   z-index: 10;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 16px;
   color: #666;
   background-color: #f2f2f2;
   padding: 10px 10px 10px 10px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;
   box-shadow: 0 0px 12px -2px rgba(0, 0, 0, .5);
   -webkit-box-shadow: 0 0px 12px -2px rgba(0, 0, 0, .5);
   -moz-box-shadow: 0 0px 12px -2px rgba(0, 0, 0, .5);
   text-align: left;
   height: auto;
}

.toolTip:before{
    position: absolute;
    z-index: 99;
    width: 0;
    height: 0;
    border-style: solid;
    content: "";
    height: 10px;
    width: 10px;
    border: medium none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: -1;
    background-color: #f2f2f2;
}

#tooltipConverToDrawIt{
    width: 185px;
    right: 0px;
    top: 50px;
    left: initial;
}

#tooltipConverToDrawIt:before{
    top: -5px;
    right: 60px;
    box-shadow: -2px -2px 3px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: -2px -2px 3px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: -2px -2px 3px 0px rgba(0, 0, 0, .1);
}

#tooltipAddSlide{
    width: 174px;
    left: 237px;
    top: 70px;
}

#tooltipAddSlide:before{
    top: 45px;
    left: -5px;
    box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, .1);
}

#tooltipUploadFiles{
    width: 246px;
    right: 130px;
    bottom: -34px;
    position: absolute;
}

#tooltipUploadFiles:before{
    top: 90px;
    left: -5px;
    box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, .1);
}

#tooltipAddImage{
    width: 130px;
    bottom: 58px;
    left: 122px;
}

#tooltipAddImage:before{
    bottom: -5px;
    right: 20px;
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, .1);
}

#tooltipPublish{
    width: 150px;
    bottom: 76px;
    right:0px;
}

#tooltipPublish:before{
    right: 23px;
    bottom: -5px;
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, .1);
}

#tooltipPreview{
    width: 200px;
    top: -95px;
    display: none;
}

#tooltipPreview:before{
    left: 33px;
    top: 84px;
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .1);
}

#tooltipSortQuizQuestions{
    width: 200px;
    top: 52px;
    left: 25px;
}

#tooltipSortQuizQuestions:before{
    left: 18px;
    top: -5px;
    box-shadow: -2px -2px 3px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: -2px -2px 3px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: -2px -2px 3px 0px rgba(0, 0, 0, .1);
}

#btnGotIt {
    color: #0097a7;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 64px;
    text-align: center;
    padding: 5px;
    float: right;
    margin-top: 10px;
    cursor: pointer;
}

#btnGotIt:hover {
    background-color: #e6e6e6;
}
/* Fix para el slidesThumbs, por falta de las lineas separadoras */

.inputFieldWrapper input[type="text"].presName{
    width: 700px;
}

#listSlides{
    position: relative;
}

#listSlides .inputFieldWrapper{
    margin-bottom: 0px;
}

#listSlides textarea{
    margin-bottom: 0px;
}

.collapsable input[type="text"].presSize{
    border: 2px solid #e1e1e1;
    width: 210px;
    font-weight: normal;
    background: #e1e1e1;
}

/*************** Fin fix ****************/

.rotate-90 {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.rotate-180 {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rotate-270 {
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.flip {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}

.flip-and-rotate-90 {
  -moz-transform: rotate(90deg) scaleX(-1);
  -webkit-transform: rotate(90deg) scaleX(-1);
  -o-transform: rotate(90deg) scaleX(-1);
  transform: rotate(90deg) scaleX(-1);
}

.flip-and-rotate-180 {
  -moz-transform: rotate(180deg) scaleX(-1);
  -webkit-transform: rotate(180deg) scaleX(-1);
  -o-transform: rotate(180deg) scaleX(-1);
  transform: rotate(180deg) scaleX(-1);
}

.flip-and-rotate-270 {
  -moz-transform: rotate(270deg) scaleX(-1);
  -webkit-transform: rotate(270deg) scaleX(-1);
  -o-transform: rotate(270deg) scaleX(-1);
  transform: rotate(270deg) scaleX(-1);
}

/* Presentation toolbar */

.presContent .toolBar a {
    width: 231px;
    height: 25px;
    float: left;
    background: #D8D8D8;
    text-align: center;
    color: black;
    font-weight: normal;
    text-decoration: none;
    padding-top: 7px;
}

.presContent .toolBar .box {
    width: 100%;
    max-width: 961px;
    height:38px;
    float: left;
    background: #f2f2f2;
}

.presContent .toolBar .box .toolbarElement{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #313131;
    /*width: 236px;*/
    width:25%;
    height: 28px;
    padding-top:10px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.presContent .toolBar{
    width: 100%;
    max-width:961px;
    overflow: visible;
    border-top:5px solid #ffffff;
    margin-top: 80px;
margin-bottom: 20px;
}

.presContent .toolBar .box .toolbarElement:hover {
    color: white;
}

.presContent .toolBar .box .toolbarElement.new {
    background: url(../../images/toolbar/toolb-new.png) 5% 11px no-repeat;
    float: left;

}

.presContent .toolBar .box .toolbarElement.new.hover ,
.presContent .toolBar .box .toolbarElement.new:hover {
    background: url(../../images/toolbar/toolb-new-on.png) #34b9c8 5% 11px no-repeat;
    color: white;
}

.presContent .toolBar .box .toolbarElement.publish{
    background: url(../../images/toolbar/toolb-publish.png) 24% 9px no-repeat;
    float: left;
}
.presContent .toolBar .box .toolbarElement.publish.canPublish{
    background: url(../../images/toolbar/toolb-publish-on.png) #f47c1c 24% 9px  no-repeat;
    color:white;
}
.presContent .toolBar .box .toolbarElement.publish.canPublish:hover{
    color:white;
}
.presContent .toolBar .box .toolbarElement.publish:hover{
    color: #313131;
}

.presContent .toolBar .box .toolbarElement.preview{
    background: url(../../images/toolbar/toolb-preview-on.png) center left no-repeat;
    float: left;
    background-position: 17% center;
}

.presContent .toolBar .box .toolbarElement.preview.canPreview{
    background: url(../../images/toolbar/toolb-preview-on.png) center left 17% no-repeat;
}

.presContent .toolBar .box .toolbarElement.preview.canPreview:hover{
    background: url(../../images/toolbar/toolb-preview-off.png) #34b9c8 center left 17% no-repeat;
}

.presContent .toolBar .box .toolbarElement.preview.disabled:hover{
    color: #313131;
}

.presContent .toolBar .box .toolbarElement.delete{
    background: url(../../images/toolbar/toolbar-delete.png) center left 56px no-repeat;
    float: left;
}

.presContent .toolBar .box .toolbarElement.delete.canDelete:hover{
    background: url(../../images/toolbar/toolbar-delete-on.png) #34b9c8 center left 56px no-repeat;
}

.presContent .toolBar .box .toolbarElement.delete.disabled:hover{
    color: #313131;
}

.presContent .toolBar .box .toolbarElement.save{
    background: url(../../images/toolbar/toolbar-save.png) center left 56px no-repeat;
    float: left;
}

.presContent .toolBar .box .toolbarElement.save:hover{
    background: url(../../images/toolbar/toolbar-save-on.png) #34b9c8 center left 56px no-repeat;
}

.presContent .toolBar .box .toolbarElement.add{
    background: url(../../images/toolbar/toolb-new.png) center left 56px no-repeat;
    float: left;
}

.presContent .toolBar .box .toolbarElement.add:hover{
    background: url(../../images/toolbar/toolb-new-on.png) #34b9c8 center left 56px no-repeat;
}

.presContent .toolBar .box .toolbarElement.more{
    background: url(../../images/toolbar/toolb-more.png)  16% 14px no-repeat;
    float: right;
   /* padding-left: 16px;*/
    /*width: 220px;*/
}

.presContent .toolBar .box .toolbarElement.more:hover,
.presContent .toolBar .box .toolbarElement.toolBarMoreHover,
.slidesContent .toolBar .box .toolbarElement.more:hover,
.slidesContent .toolBar .box .toolbarElement.toolBarMoreHover{
    background: url(../../images/toolbar/toolb-more-on.png) #34b9c8  16% 14px no-repeat;
    color:white;
}


.presContent .toolBar .box .toolbarElement.more div, .slidesContent .toolBar .box .toolbarElement.more div {
    background: url(../../images/toolbar/more-drop-.png) center right no-repeat;
    position: relative;
    float: right;
    top: 3px;
    /*right: 68px;*/
    right:34%;
    width: 19px;
    height: 10px;
}

.presContent .toolBar .box .toolbarElement.more .drop.hover, .slidesContent .toolBar .box .toolbarElement.more div:hover,  .slidesContent #toolBarMore:hover div,
.presContent .toolBar .box .toolbarElement.more div.on{
    background: url(../../images/toolbar/more-drop-on.png) center right no-repeat;
}

.presContent .toolBar ul.menu,
.slidesContent .toolBar ul.menu {
    background: white;
    border: 1px solid #8E8D8D;
    display: none;
    width: 25%;
    position: absolute;
    right:0;
    top: 37px;
    margin: 0;
    padding: 0;
    z-index: 200;
    box-sizing: border-box;
}

#presMenu.menu li{
    text-align: left;
    background-position: 30px center;
    padding-left: 70px;

}
#presMenu.menu li:hover{
    background-position: 30px center;
}
.slidesContent .toolBar ul.menu {
    left: 729px;
}

.slidesContent .toolBar .menu li.menuElement,
.presContent .toolBar .menu li.menuElement {
    height: 35px;
    border-bottom: 1px solid #8E8D8D;
    padding-top: 20px;
    padding-left: 95px;
    cursor:pointer;
    color: #505050;
    text-align: initial;
    position: relative;
}

.slidesContent .toolBar .menu li.menuElement:hover,
.presContent .toolBar .menu li.menuElement:hover {
    color:#34b9c8;
}

.slidesContent .toolBar .menu li.menuElement.homework,
.presContent .toolBar .menu li.menuElement.homework {
    background: url(../../images/toolbar/drop-hmwk.png) center left 60px no-repeat;
}

.slidesContent .toolBar .menu li.menuElement.edit,
.presContent .toolBar .menu li.menuElement.edit {
    background: url(../../images/toolbar/toolb-edit.png) center left 60px no-repeat;
}

.slidesContent .toolBar .menu li.menuElement.play,
.presContent .toolBar .menu li.menuElement.play {
    background: url(../../images/toolbar/live_session_CT_icon_off.png) center left 57px no-repeat;
}

.slidesContent .toolBar .menu li.menuElement.preview,
.presContent .toolBar .menu li.menuElement.preview {
    background: url(../../images/toolbar/btn_view_off.png) center left 55px no-repeat;
}
.slidesContent .toolBar .menu li.menuElement.share,
.presContent .toolBar .menu li.menuElement.share {
    background: url(../../images/toolbar/drop-share.png) center left 60px no-repeat;
}

.slidesContent .toolBar .menu li.menuElement.delete,
.presContent .toolBar .menu li.menuElement.delete {
    background: url(../../images/toolbar/drop-delete.png) center left 60px no-repeat;
}
.slidesContent .toolBar .menu li.menuElement.clone,
.presContent .toolBar .menu li.menuElement.clone {
    background: url(../../images/toolbar/drop-clone.png) center left 54px no-repeat;
}

.slidesContent .toolBar .menu li.menuElement.exportNPPPDF,
.presContent .toolBar .menu li.menuElement.exportNPPPDF {
    background: url(../../images/toolbar/drop-pdf.png) center left 60px no-repeat;
}

.authorSalesPagination{
    margin-top: -21px;
}

.slidesContent .toolBar .menu li.menuElement.copy {
    background: url(../../images/toolbar/copy.png) center left 60px no-repeat;
}

.slidesContent .toolBar .menu li.menuElement.paste {
    background: url(../../images/toolbar/paste.png) center left 60px no-repeat;
}


.contentMenuItem .ui-corner-all {
   background: transparent;
    border: 0px solid #fbcb09;
    color: black;
    font-weight: normal;
    margin: 0;
}

.contentMenuItem .ui-menu .ui-menu-item a:hover {
    background: white;
    border: 0px solid #fbcb09;
    font-weight: normal;
    margin: 0;
}
.ui-menu .ui-menu-item a {
    padding: 7px .4em;
}
.presContent .toolBar .menu li.menuElement.sell {
    background: url(../../images/toolbar/drop-sell.png) center left 60px no-repeat;
}

.slidesContent .toolBar .menu li.menuElement.homework:hover,
.presContent .toolBar .menu li.menuElement.homework:hover {
    background: url(../../images/toolbar/drop-hmwk-on.png) center left 60px no-repeat;
}

.slidesContent .toolBar .menu li.menuElement.edit:hover,
.presContent .toolBar .menu li.menuElement.edit:hover {
    background: url(../../images/toolbar/toolb-edit-on.png) center left 60px no-repeat;
}

.slidesContent .toolBar .menu li.menuElement.play:hover,
.presContent .toolBar .menu li.menuElement.play:hover {
    background: url(../../images/toolbar/live_sessio_CT_icon.png) center left 57px no-repeat;
}

.slidesContent .toolBar .menu li.menuElement.preview:hover,
.presContent .toolBar .menu li.menuElement.preview:hover {
    background: url(../../images/toolbar/btn_view_on.png) center left 55px no-repeat;
}
.slidesContent .toolBar .menu li.menuElement.share:hover,
.presContent .toolBar .menu li.menuElement.share:hover {
    background: url(../../images/toolbar/drop-share-on.png) center left 60px no-repeat;
}

.slidesContent .toolBar .menu li.menuElement.delete:hover,
.presContent .toolBar .menu li.menuElement.delete:hover {
    background: url(../../images/toolbar/drop-delete-on.png) center left 60px no-repeat;
}

.slidesContent .toolBar .menu li.menuElement.clone:hover,
.presContent .toolBar .menu li.menuElement.clone:hover{
    background: url(../../images/toolbar/drop-clone-on.png) center left 54px no-repeat;
}

.slidesContent .toolBar .menu li.menuElement.exportNPPPDF:hover,
.presContent .toolBar .menu li.menuElement.exportNPPPDF:hover{
    background: url(../../images/toolbar/drop-pdf-on.png) center left 60px no-repeat;
}

.slidesContent .toolBar .menu li.menuElement.copy:hover{
    background: url(../../images/toolbar/copy_on.png) center left 60px no-repeat;
}



.slidesContent .toolBar .menu li.menuElement.paste:hover{
    background: url(../../images/toolbar/paste_on.png) center left 60px no-repeat;
}

/*.ui-state-focus .ui-icon.contentMenuIconPaste {
    background: url(../../images/toolbar/paste_on.png) center left 0px no-repeat;
    padding: 4px;
}

.ui-state-focus .ui-icon.contentMenuIconDelete{
    background: url(../../images/toolbar/drop-delete-on.png) center left 0px no-repeat;
    padding: 4px;
}

.ui-state-focus .ui-icon.contentMenuIconSlide, .ui-state-focus .ui-icon.contentMenuIconSlideEditor {
    background: url(../../images/toolbar/slide-icon.png) center left no-repeat;
    margin-left: 5px;
    background-position: 0px -16px;
}

.ui-state-focus .ui-icon.contentMenuIconVideo {
    background: url(../../images/toolbar/video-icon.png) center left no-repeat;
    margin-left: 5px;
    background-position: 0px -17px;
}

.ui-state-focus .ui-icon.contentMenuIconAudio {
    background: url(../../images/toolbar/audio-icon.png) center left no-repeat;
    margin-left: 5px;
    background-position: 0px -17px;
}

.ui-state-focus .ui-icon.contentMenuIconSlideshow {
    background: url(../../images/toolbar/slideshow-icon.png) center left no-repeat;
    margin-left: 5px;
    background-position: 0px -17px;
}

.ui-state-focus .ui-icon.contentMenuIconPdfViewer {
    background: url(../../images/toolbar/pdf-icon.png) center left no-repeat;
    margin-left: 5px;
    background-position: 0px -17px;
}

.ui-state-focus .ui-icon.contentMenuIconWebcontent {
    background: url(../../images/toolbar/webcontent-icon.png) center left no-repeat;
    margin-left: 5px;
    background-position: 0px -17px;
}

.ui-state-focus .ui-icon.contentMenuIconTwitter {
    background: url(../../images/toolbar/twitter-icon.png) center left no-repeat;
    margin-left: 5px;
    background-position: -4px -16px;
}

.ui-state-focus .ui-icon.contentMenuIconOpenEndQuestion {
    background: url(../../images/toolbar/openendedquestion-icon.png) center left no-repeat;
    margin-left: 5px;
    background-position: 0px -17px;
}

.ui-state-focus .ui-icon.contentMenuIconPoll {
    background: url(../../images/toolbar/poll-icon.png) center left no-repeat;
    margin-left: 5px;
    background-position: 0px -17px;
}

.ui-state-focus .ui-icon.contentMenuIconQuiz {
    background: url(../../images/toolbar/quiz-icon.png) center left no-repeat;
    margin-left: 5px;
    background-position: -1px -17px;
}
.slidesContent .toolBar .menu li.menuElement.paste:hover{
    background: url(../../images/toolbar/paste_on.png) center left 60px no-repeat;
    padding: 4px;
}
.ui-state-focus .ui-icon.contentMenuIconDrawit {
    background: url(../../images/toolbar/drawit-icon.png) center left no-repeat;
    margin-left: 5px;
    background-position: 0px -21px;
}

.ui-state-focus .ui-icon.contentMenuIconFillTheBlanks {
    background: url(../../images/toolbar/filltheblanks-icon.png) center left no-repeat;
    margin-left: 5px;
    background-position: 0px -17px;
}

.ui-state-focus .ui-icon.contentMenuIconMemotest {
    background: url(../../images/toolbar/matchingpairs-icon.png) center left no-repeat;
    margin-left: 5px;
    background-position: 0px -17px;
}*/


.presContent .toolBar .menu li.menuElement.sell:hover{
    background: url(../../images/toolbar/drop-sell-on.png) center left 54px no-repeat;
}

/*

.slidesContent .toolBar {
    width:972px;
    overflow: visible;
    z-index: 97;
}

.slidesContent .toolBar .box .toolbarElement{
    font-family: Helvetica, Arial;
    font-size: 17px;
    color: #313131;
    width:25%;
    height: 37px;
    padding-top: 10px;
    display: inline-block;
    text-align: center;
    float: left;
    cursor: pointer;
    border-right: 2px solid lightgray;
    overflow: hidden;
    box-sizing: border-box;
}


.slidesContent .toolBar .box .toolbarElement:hover{
    color:white;
}

.slidesContent .toolBar .box .toolbarElement.disabled:hover{
    color: gray;
}

.slidesContent .toolBar .box .toolbarElement.reports{
    background-image: url(../../images/toolbar/slides/toolb-reports.png);
    background-color:#34b9c8;
    background-repeat: no-repeat;
    background-position: 31px 10px;
}


.slidesContent .toolBar .box .toolbarElement.delete{
    background-image: url(../../images/toolbar/slides/toolb-delete.png);
    background-repeat: no-repeat;
    background-position: 31px 10px;
}

.slidesContent .toolBar .box .toolbarElement.edit{
    background-image: url(../../images/toolbar/slides/toolb-edit.png);
    background-repeat: no-repeat;
    background-position: 31px 10px;
}

.slidesContent .toolBar .box .toolbarElement.new{
    background-image: url(../../images/toolbar/toolb-new.png);
    background-repeat: no-repeat;
    background-position: 31px 10px;
}

.slidesContent .toolBar .box .toolbarElement.preview{
    background: url(../../images/toolbar/toolb-preview-on.png) 31px 10px no-repeat;
    background-repeat: no-repeat;
    background-position: 31px 10px;
}

.slidesContent .toolBar .box .toolbarElement.delete:hover{
    background: url(../../images/toolbar/slides/toolb-delete-on.png) #34b9c8 31px 10px no-repeat;
}

.slidesContent .toolBar .box .toolbarElement.edit:hover{
    background: url(../../images/toolbar/slides/toolb-edit-on.png) #34b9c8 31px 10px no-repeat;
}

.slidesContent .toolBar .box .toolbarElement.new:hover{
    background-image: url(../../images/toolbar/toolb-new-on.png);
    background-color:#34b9c8;
    background-repeat: no-repeat;
    background-position: 31px 10px;
}

.slidesContent .toolBar .box .toolbarElement.preview:hover{
    background: url(../../images/toolbar/toolb-preview-off.png) #34b9c8 31px 10px no-repeat;
}

.slidesContent .toolBar .box .toolbarElement.reports:hover{
    background: url(../../images/toolbar/slides/toolb-reports-on.png) #34B9C8 31px 10px no-repeat;
}

.slidesContent .toolBar .box .toolbarElement.delete.disabled{
    background: url(../../images/toolbar/slides/toolb-delete-off.png) 31px 10px no-repeat;
}

.slidesContent .toolBar .box .toolbarElement.more{
    background: url(../../images/toolbar/toolb-more.png) 16% 14px no-repeat;
    border-right: none;
    float: right;
}
.slidesContent .toolBar .box .toolbarElement.more:hover{
    background: url(../../images/toolbar/toolb-more-on.png) #34b9c8  16% 14px no-repeat;
}

.slidesContent .toolBar .box .toolbarElement.disabled:hover{
    color: #313131;
}

.slidesContent .toolBar .box .toolbarElement.edit.disabled{
    background: url(../../images/toolbar/slides/toolb-edit-off.png) 31px 10px no-repeat;
}

.slidesContent .toolBar .box .toolbarElement.new.disabled{
    background: url(../../images/toolbar/toolb-new.png) 31px 10px no-repeat;
}

*/

#topbarPresentation #titlePresentation_lbl.uneditable:hover{
    cursor: default;
}

#topbarPresentation #titlePresentation_lbl.uneditable:hover{
    background: none;
}

/*
#topbarPresentation #titlePresentation_lbl:hover, #topbarPresentation #titlePrivateLibrary_lbl:hover{
    background: lavender;
}
*/

/*
#topbarPresentation #titlePresentation_in, #topbarPresentation #titlePrivateLibrary_in{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    color: #2DBBCA;
    text-shadow: 0 1px 0 #EDEDED;
    font-weight: normal;
    padding: 5px;
    margin: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    position: relative;
    top: -2px;
    height:23px;
}
*/

/*
#topbarPresentation #btnEditPres.editPresentation{
    background: url(../../images/toolbar/edit-title1.png) no-repeat bottom left;
    padding-left: 25px;
    padding-top: 8px;
    cursor: pointer;
    margin-left: 10px;
}

#topbarPresentation #btnEditPres.editPresentation:hover{
    background: url(../../images/toolbar/edit-title1-on.png) no-repeat bottom left;
    cursor: point;
    color: #2DBBCA;
}
*/

/*
.slidesContent .toolBar .box .toolbarElement.edit.disabled{
    background: url(../../images/toolbar/slides/toolb-edit-off.png) 31px 10px no-repeat;
}

.slidesContent .toolBar .box .toolbarElement.new.disabled{
    background: url(../../images/toolbar/toolb-new.png) 31px 10px no-repeat;
}
*/

#topbarPresentation {
    max-width: 960px;
    /* margin: 19px 0 42px 0; */
    /*margin: 20px 0;*/
    /*height: 25px;*/
}

#topbarPresentation #titlePresentation_lbl.uneditable:hover{
    cursor: default;
}

#topbarPresentation #titlePresentation_lbl.uneditable:hover{
    background: none;
}

/*
#topbarPresentation #titlePresentation_lbl:hover, #topbarPresentation #titlePrivateLibrary_lbl:hover{
    background: lavender;
}
*/


#topbarPresentation #titlePresentationForm .h1{
    line-height: 30px;
}

/*
#topbarPresentation #titlePresentation_in, #topbarPresentation #titlePrivateLibrary_in{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    color: #2DBBCA;
    text-shadow: 0 1px 0 #EDEDED;
    font-weight: normal;
    padding: 5px;
    margin: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    position: relative;
    top: -2px;
    height:23px;
}
*/

#topbarPresentation #btnEditPres,
#topbarPresentation #titlePresentation_in,
#topbarPresentation #titlePresentation_lbl,
#topbarPresentation #titlePrivateLibrary_in,
#topbarPresentation #titlePrivateLibrary_lbl{
    float:left;
    max-width: 750px;
}
#topbarPresentation #titlePrivateLibrary_in,
#topbarPresentation #titlePresentation_in {
    min-width: 200px;
}

/*
#topbarPresentation #btnEditPres.editPresentation{
    background: url(../../images/toolbar/edit-title1.png) no-repeat bottom left;
    padding-left: 25px;
    padding-top: 8px;
    cursor: pointer;
    margin-left: 10px;
}

#topbarPresentation #btnEditPres.editPresentation:hover{
    background: url(../../images/toolbar/edit-title1-on.png) no-repeat bottom left;
    cursor: point;
    color: #2DBBCA;
}
*/

/************** Fin fix *****************/

.featureBlocks a.fillTheBlanks{
    background:url(../../images/btn-fill.png) no-repeat;
}
.featureBlocks a.add{
    background:url(../../images/btn-new.png)  no-repeat;
}

.privateLibraryAddPresentation{
  width:960px;
  background:white;
}

.privateLibraryAddPresentation .admin{
  margin-left:10px;
  margin-right:10px;
}

.privateLibraryAddPresentationHeader{
    height:50px;
    padding:20px;
}

.privateLibraryAddPresentationHeader .inputFieldWrapper label{
  color: #313131;
  left:15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
top:16px;
}

.privateLibraryAddPresentationHeader .inputFieldWrapper{
  float:left;
  margin-bottom:0px;
}

input[type="text"].plSearch{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #313131;
    height: 30px;
    width: 770px;
    font-weight: normal;
    border: none;
    background-color: #E8E8E8;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    -webkit-border-radius: 0px;
}

input[type="button"].plSearchButton{
  background: url(../../images/asset_lupa.png) center no-repeat;
  border:none;
  background-color:#D2D4D1;
  width: 50px;
    height: 50px;
    float:left;
    padding: 0px;
    margin: 0px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.privateLibraryAddPresentationResult{
    overflow:auto;
    background: url(../../images/asset_fondo.jpg) bottom no-repeat;
    padding-bottom:0px;
    position:relative;
}

.privateLibraryAddPresentationResult.error{
    background: url(../../images/asset_fondo_wrong.jpg) bottom no-repeat;
}

.privateLibraryAddPresentationResult .error{
    display:none;
}

.privateLibraryAddPresentationResult.error .error{
    display:block;
    position:absolute;
    bottom:284px;
    left:450px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:26px;
    color: #313131;
}
.privateLibraryAddPresentationResult .error .title{
    font-weight:bold;
    line-height: 26px;
}

.collapsable.open {
    padding: 0px;
}
.collapsable {
    padding: 0px;
    padding-bottom: 15px;
}

.select-replace-cover {
    font-weight: bold;
}

.select-replace-cover select {
    background-color: #ffffff;
    padding-right: 20px;
    font-size: 16px;
    color: #8A8989;
    border-color:#2dbbca;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.selectReplace:hover, .selectReplace.hover{
    color:white;
    /*background: url(../../images/btn-arrowdown-h.png) center right #2dbbca no-repeat;*/
    background-image: url(../../images/order_on.svg);
    background-position: 96% 50%;
    background-color:#4cc2ff;
    background-repeat: no-repeat;
    border-color:#4cc2ff;
}

.selectReplace {
    /*background: url(../../images/btn-arrowdown.png) center right #ffffff no-repeat;*/
    background-image: url(../../images/order_off_blue.svg);
    background-repeat:no-repeat;
    background-position: 96% 50%;
    border: 1px solid #BDBDBD;
    padding: 5px 6px;
    padding-right: 30px;
    font-size: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.featureBlocks p.last-child {
    margin-top:15px;
}

.featureBlocks a.add {
    background: url(../../images/slideBck.png) 30px 21px no-repeat #DDD;
}

.featureBlocks a.qna{
    background:url(../../images/btn-qya.png) no-repeat;
}
.featureBlocks a.freeText{
    background:url(../../images/Slides/freeText/btn-txt.png) no-repeat;
}
.featureBlocks a.quiz{
    background:url(../../images/btn-quiz.png) no-repeat;
}
.featureBlocks a.memotest{
    background:url(../../images/btn-memotest.png) no-repeat;
}
.featureBlocks a.fillTheBlanks{
    background:url(../../images/btn-fill.png) no-repeat;
}
.featureBlocks a.add{
    background:url(../../images/btn-new.png)  no-repeat;
}
.featureBlocks a.poll{
    background:url(../../images/btn-poll.png) no-repeat;
}
.featureBlocks a.video{
    background:url(../../images/btn-video.png) no-repeat;
}
.featureBlocks a.slideshow{
    background:url(../../images/btn-slide.png) no-repeat;
}
.featureBlocks a.sketch{
    background:url(../../images/btn-draw.png) no-repeat;
}
.featureBlocks a.webpage{
    background:url(../../images/btn-web.png) no-repeat;
}

.featureBlocks a{
    color: #34B9C8;
}
.featureBlocks a:hover{
    color: #FFFFFF;
}

.featureBlocks a.qna:hover{
    background:url(../../images/btn-qya-h.png) no-repeat;
}
.featureBlocks a.freeText:hover{
    background:url(../../images/Slides/freeText/btn-txt-h.png) no-repeat;
}
.featureBlocks a.quiz:hover{
    background:url(../../images/btn-quiz-h.png) no-repeat;
}

.featureBlocks a.add:hover{
    background:url(../../images/btn-new-h.png)  no-repeat;
}

.featureBlocks a.poll:hover{
    background:url(../../images/btn-poll-h.png) no-repeat;
}

.featureBlocks a.video:hover{
    background:url(../../images/btn-video-h.png) no-repeat;
}

.featureBlocks a.slideshow:hover{
    background:url(../../images/btn-slide-h.png) no-repeat;
}

.featureBlocks a.sketch:hover{
    background:url(../../images/btn-draw-h.png) no-repeat;
}

.featureBlocks a.webpage:hover{
    background:url(../../images/btn-web-h.png) no-repeat;
}

.featureBlocks a.memotest:hover{
    background:url(../../images/btn-memotest-h.png) no-repeat;
}

.featureBlocks a.fillTheBlanks:hover{
    background:url(../../images/btn-fill-h.png) no-repeat;
}

#fillTheBlanks-content {
    width: 100%;
    height: 710px;
}
/*
.game-header {
    margin: 10px 15px;
    border-bottom: 2px #34b9c8 solid;
}

.game-header img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 20px;
}

.game-header h1 {
    display: inline-block;
    vertical-align: middle;
    color: #313131;
    font-weight: normal;
    padding-top: 14px;
    margin: 10px 0 15px;
}*/

.featureBlocks a p{
    padding-left: 7px;
    padding-right: 7px;
    width: 159px;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size:20px;
    line-height:20px;
    position: relative;
    left: -5px;
    top: 100px;
}

.featureBlocks a.webpage p.title
{
    font-size:19px;
}


.featureBlocks a div{
    display: inline-block;
}

.featureBlocks a p.subtitle{
    font-size:10px;
    top: 95px;
}

ul.topnav li {
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
    color: #A3A3A3;
}
ul.topnav li a:hover{

}

ul.topnav li ul.subnav {
    list-style: none;
    left: -1px;
    top: 51px;
    background: #FFFFFF;
    margin: 0; padding: 0;
    display: none;
    float: left;
    width: 100%;
    position:absolute;
    z-index:30;
   box-shadow: 0 5px 6px #544741;
}
#header ul.topnav li ul.subnav li{
    margin: 0; padding: 0;
    border:none;
    clear: both;
    width: 100%;
    text-align:left;
    height:34px;
    border-bottom: 2px solid #D8D8D8;
}

#header .menu li ul.subnav li.upgradeBox:hover{
     background: none repeat scroll 0 0 #FF7E00;
    color: white !important;
}


#header .menu li ul.subnav li:last-child{
    min-width: 0px;
    border-bottom: 0px none;

}

#header ul.topnav li ul.subnav li a.upgrade{
 color: #FF7E00;
}

#header ul.topnav li ul.subnav li.status{
    border-bottom: 2px solid #D8D8D8;
    height:46px;
}

#header ul.topnav li ul.subnav li a.status {
  padding-left: 17px;
  height:40px;
  width:176px;
}



#header ul.topnav li ul.subnav li a.status p{
  font-size: 10pt;
   position: absolute;
    font-family: Arial, Helvetica, sans-serif;
   left:125px;
   top:20px;
   right:inherit;
}

#header ul.topnav li ul.subnav li a.status p:hover {
    color:white;
}

#header ul.topnav li ul.subnav li a.status .containerProgress{
    border-radius: 5px;
    height:8px;
    overflow:hidden;
    width: 100px;
    position: absolute;

}

#header ul.topnav li ul.subnav li a.status .progress {
    background: white;
    border: 1px solid black;
    border-radius: 5px;
    height: 8px;
    position: absolute;
    top: 0px;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

#header ul.topnav li ul.subnav li a.status .progressBar {
    background: black;
    height: 8px;
    position: absolute;
    border-radius: 5px;
    top: 0px;
    left: 0px;
    border: none;
    padding:0;
    min-width:5px;
    padding: 0;
    margin:0;
}

#header ul.topnav li ul.subnav li a img{
    float: left;
    margin-right: 5px;
    margin-left: -23px;
}

#header ul.topnav li ul.subnav li a {
  width: 140px;
  padding-top:8px;
  padding-left:42px;
  height:26px;
  margin:0px;
  text-align:left;
  color: #686868
}

html ul.topnav li ul.subnav li:hover { /*--Hover effect for subnav links--*/
    background: #34B9C8;
    width:95%;
    color:white !important;
}
html ul.topnav li ul.subnav li.status:hover { /*--Hover effect for subnav links--*/
    background: #34b9c8;
    color:white !important;
}


#header ul.topnav li ul.subnav li a:hover{
    color: white !important;
}

#header ul.topnav li ul.subnav li a.settings img:hover{
    background: url(../../images/header/setttings-on.png) no-repeat right center;
}
#header ul.topnav li ul.subnav li a.manage img:hover{
        background: url(../../images/header/manage-on.png) no-repeat right center;
}

#header ul.topnav li ul.subnav li a.logout img:hover{
        background: url(../../images/header/logout-on.png) no-repeat right center;
}


.status .containerProgress input{
    cursor: default;
}

.collapsable textarea.w960 {
    width: 925px;
}

.collapsable input[type="text"].w960 {
    width: 935px;
}

.inputFieldWrapper label.title{
    top:20px;
}
/*
#wrapper{
    min-height: 100%;
    padding-top: 52px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
*/
/*#content{
    padding-top:0px;
}*/
iframe{
    position:relative;
    z-index:0;
}

.presFilters a:hover, .presFilters a.filterselected {
    text-decoration: underline;
}

#changeDetailsForm h1 {
    display: inline-block;
}

#slideForm h1{
    color: #6d6e70;
}

#slideForm h1{
    color: #6d6e70;
}

h1,
.h1 {
    padding-top:14px;
    margin:10px 0 15px;
}
/*.titlePresentations h1{
    margin:15px 0 6px 0;
}*/
h1.addVideo, h1.addSketch, h1.addSlideshow{
    padding-top:4px;
}


.slideContent h1.addSketch,
.slideContent h1.addInteractive{
   border-bottom: 2px #34b9c8 solid;
   margin-left: 0px;
   padding: 25px;
}

.slideContent img.activityIcon{
  margin-top: 12px;
}

h1.addSlides{
    padding-top:0px;
}

img.activityIcon {
    float:left;
    margin-right:15px;
}

.accountType .user_edit_column .right p.storage.full {
    color: red;
}

.accountType .progressBar.full {
    background-color: red;
}

.showPresentation {
    background-color: white;
    overflow:hidden;
    width: 350px;
    height:100%;
}

.showPresentation h1.title {
    font-size:28px;
    padding-top:40px;
    padding-left:20px;
    padding-bottom:50px;
    margin: 0 auto;
    height: 100%;
}

.showPresentation .inputFieldWrapper{
    padding-left:20px;
    margin:0 auto;
}

.showPresentation .inputFieldWrapper label{
    padding-left:10px;
}

.totalDiv{
    float:left;
    width:210px;
}
.totalValueDiv{
    float:left;
    width:50px;
    font-weight:bold;
}
.clearFloat{
    clear:both;
}
.lightgrey{
    background:none repeat scroll 0 0 #E3E3E3;
}

.changePassCont.sendEmail{
    margin-top:0px;
}

.changePassCont.sendEmail dl dt {
    text-align: left;
}
.changePassCont.sendEmail dl dt, .changePassCont dl dd {
    width: 100px;
}
.changePassCont.sendEmail dl dd input[type="submit"]{
    width: 100px;
}
.userAdminTable, .bundleAdminTable{
    width:100%;
}
.userAdminTable {
    width:100%;
    display: block;
    overflow-x: scroll;
}
.userAdminTable td, .userAdminTable th, .bundleAdminTable td, .bundleAdminTable th, .schoolAdminTable td, .schoolAdminTable th,.publisherAdminTable td, .publisherAdminTable th, .coverAdminTable th,
.ageAdminTable td, .ageAdminTable th,.gradeAdminTable td, .gradeAdminTable th,.authorAdminTable td,.initiativeAdminTable td,.authorAdminTable th, .initiativeAdminTable th,.levelAdminTable td, .levelAdminTable th,
.subjectAdminTable td, .subjectAdminTable th, .authorSalesTable td, .authorSalesTable th,.curriculaAdminTable td, .curriculaAdminTable th{
    padding:5px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.userAdminTable td.alignLeft, .bundleAdminTable td.alignLeft, .schoolAdminTable td.alignLeft, .publisherAdminTable td.alignLeft,
.gradeAdminTable td.alignLeft, .ageAdminTable td.alignLeft, .levelAdminTable td.alignLeft, .curriculaAdminTable td.alignLeft,
.initiativeAdminTable td.alignLeft, .authorAdminTable td.alignLeft, .subjectAdminTable td.alignLeft, .coverAdminTable td.alignLeft {
    text-align: left;
}

/*
.userAdminTable th.firstName,.userAdminTable td.firstName{
    max-width: 86px;
}
.userAdminTable th.lastName,.userAdminTable td.lastName{
    max-width: 81px;
}
.userAdminTable th.userName,.userAdminTable td.userName{
    max-width: 91px;
}
.userAdminTable th.email,.userAdminTable td.email{
    max-width: 153px;
}
*/

.schoolAdminTable th.schoolName,.schoolAdminTable td.schoolName,
.bundleAdminTable th.bundleName,
.gradeAdminTable th.gradeName,.gradeAdminTable td.gradeName, .ageAdminTable th.ageName,.ageAdminTable td.ageName,
.levelAdminTable th.levelName,.levelAdminTable td.levelName,.authorAdminTable th.authorName, .initiativeAdminTable th.initiativeName,.initiativeAdminTable td.initiativeName,
.authorAdminTable td.authorName, .subjectAdminTable th.subjectName,.subjectAdminTable td.subjectName, .publisherAdminTable th.publisherName, .publisherAdminTable td.publisherName{
    max-width: 235px;
}

.ageAdminTable th.ageName,
.ageAdminTable td.ageName {
    max-width: 1000px;
    width: 830px;
    text-align: left;
    padding-left: 50px;
}

.bundleAdminTable td.bundleName{
   max-width: 360px;
}

.coverAdminTable td.coverType, .coverAdminTable td.coverLang{
     max-width: 160px;
    padding: 9px;
    /*text-align: center*/
}
.userAdminTable th, .schoolAdminTable th, .coverAdminTable th, .authorSalesTable th {
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 14px;
}
.userAdminTable td, .schoolAdminTable td , .coverAdminTable td{
    color: #808083;
    font-size: 14px;
}

.authorSalesTable td{
    color: #808083;
    font-size: 14px;
    min-width: 100px;
}

.authorSalesTable .authorSalesPresentationNameRow{
    min-width: 300px;
}

.authorSalesTable .authorSalesConceptRow{
    min-width: 200px;
}

.userAdminTable td a, .schoolAdminTable td a, .bundleAdminTable td a,  .coverAdminTable td a{
    color: #00A8FF;
    text-decoration: none;
}

.adminPagination{
    float: right;
    color: #808083;
}

.adminPagination a{
    color: #808083;
}

.adminPagination .pagination_next,.adminPagination .pagination_previous
{
    color: #2FB9C8;
}

.adminPagination .pagination_currentpage
{
    text-decoration: none;
}

.adminListPagination {
    margin: 11px 0px;
}

/*.userAdminTable th:not(:last-child), .authorSalesTable th:not(:last-child){
    background:url(../../images/adminUsersTableSeparator.png) no-repeat right center;
}*/

.userTypeTable{
    display: block;
    width: 60px;
}
.videoCenter{
    display: block;
    height: 300px;
}

.video-mp4.videoCenter{
    padding-top: 5px;
}

.loading.videoCenter{
    width: 100%;
    height: 96%;
    background: url(../../images/loading.gif) center center black no-repeat;
    max-width: 544px;
    margin: 7px auto;
}

.copyPresentations input[type="text"]{
    width:600px;
}

.copyPresentations input[type='text'].userFromFake.ui-autocomplete-input:hover, .copyPresentations .inputFieldWrapper:hover .userFromFake.ui-autocomplete-input {
    background: rgba(158, 153, 153, 0.258824);
    background-position: 98% top;
    background-repeat: no-repeat;
    padding-right: 25px;
    border: 1px solid #B8B8B8;
}

input[type='text'].userFromFake.ui-autocomplete-input {
    background: rgba(158, 153, 153, 0.258824);
    display:none;
    cursor: auto;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
    z-index: 1200 !important;
    padding: 0;
}

input[type="button"].w210.editBackground{
    margin-left:30px;
}

.reportsSearch {
    padding:22px 60px 22px 0px;
}

.reportsSearch.old {
    padding:22px 185px;
}

div.congratsPop {
    margin: 0px;
    padding: 0px;
    padding-bottom:30px;
    width:708px;
    background-color: #ff9833;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #888888;
    line-height:1.4em;
}
.congratsPop .head {
    background-color: #ff7e00;
    margin: 0px;
    padding: 0px;
}

.congratsPop h1 {
    margin: 0px;
    font-size: 28px;
    color: #FFF;
    line-height: 28px;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
}
.congratsPop h1 span{
    font-weight:normal;
}
.congratsPop h2{
    color:#fff;
    font-size:19px;
    padding-left: 20px;
    margin: 15px 0px;
}
.congratsPop p{
  color:#343434;
  font-size:19px;
  padding-left: 20px;
  padding-right: 20px;
  margin:19px 0px;
}

.congratsPop a{
font-size:16px;
color:#343434;
}

.congratsPop img.congDetails{
    margin-left:28px;
}
.congratsPop .centrado{
    text-align:center;
    font-size:16px;
}
.congratsPop .social{
    background-color: white;
    width: 380px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 20px;
    margin-top: 20px;
    border-radius: 4px;
}
.congratsPop .social p{
    width: 130px;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    border-right: solid 1px #DEDEDE;
    padding-right: 10px;
    line-height: 1.3em;
    display: inline-block;
    margin-right: 10px;
}


div.tranFailedPop {
    margin: 0px;
    padding: 38px 32px 25px 32px;
    width:436px;
    background-color: #5d5d5d;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #888888;
    line-height:1.4em;
}
.tranFailedPop h1{
    color:#fff;
    font-size:36px;
    margin-top:0;
}
.tranFailedPop h2{
    color:#fff;
    font-size:20px;
    margin-bottom:25px;
}
.tranFailedPop p{
    color:#fff;
    font-size:19px;
    line-height:25px;
}
.tranFailedPop a{
    color:#2cb7c5;
}
div.tranFailedPop div.contact{
    margin:0 auto;
    margin-top:30px;
    width:250px;
}
div.tranFailedPop div p{
    font-size:15px;
    margin-top:5px;
}
.tranFailedPop input[type="text"], .tranFailedPop textarea{
    background:#bebebe;
    border:none;
    border-radius:3px;
    resize:none;
    width:215px;
    padding:7px 13px;
    margin-bottom:12px;
    color:#393939;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
}
.tranFailedPop textarea{
    height:93px;
    margin-bottom:0;
}
div.tranFailedPop div div.bottom{
    margin-top:15px;
}
div.tranFailedPop div div.bottom input[type="text"]{
    width:20px;
    margin:0 9px;
}
div.tranFailedPop div div.bottom span{
    color:#fff;
    font-size:12px;
}
.tranFailedPop .glossyButton {
    font-size: 16px;
    background-color: #2DBAC8;
    line-height: 1em;
    color: white;
    text-decoration: none;
    display: inline-block;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
    width: auto;
    overflow: hidden;
    height: auto;
    border-radius: 3px;
    background-image: url(img/comun/overlay.png);
    background-repeat: repeat-x;
    background-position: bottom;
    -webkit-box-shadow: 0px 1px 2px #2c2c2c;
    -moz-box-shadow: 0px 1px 2px #2c2c2c;
    -o-box-shadow: 0px 1px 2px #2c2c2c;
    box-shadow: 0px 1px 2px #2c2c2c;
    border: none;
}

.tranFailedPop .inputFieldWrapper label{
    color:black;
}
.tranFailedPop .validateTextbox{
    color:white;
    font:bold;
}

/*
.reset-new.wrapper.schoolAdminTable{
    width: 100%;
    margin: 0 60px;
    display: block;
    overflow: auto;
}
*/

.boxStatsLineContainer{
    /*height: 400px;*/
}
.leftStatsBox{
    width: 45%;
    float:left;
    margin: 20px;
}
.rightStatsBox{
    width: 45%;
    float:left;
    margin: 20px;
}
.rankingBoxContainer{
    margin-top: 20px;
   /* max-height: 300px;*/
    overflow-y: auto;
}
.statsBoxTitle{
    width: 100%;
    float: right;
    background-color:#aaaaaa;
    color: white;
    font-size: 16px;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
}

.userStatsRankingContainer{
    border: 2px solid black;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-right: 10px;
}
.statsRankingLineContainer td{
    font-size: 15px;
    padding: 11px;
}
.statsRankingLineLeft{
    padding-left: 15px;
    width: 314px;
    border-right: 2px solid black;
}
.statsRankingLineRight{
    text-align: center;
    width: 74px;
}
.userStatsBackgroundWhite{
    background-color: white;
}
.userStatsBackgroundGrey{
    background-color: lightgrey;
}
.noResultsMessageContainer{
    padding: 10px;
    font-size: 15px;
}
.chartMessageBorder{
    border: 2px solid black;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.adminLink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    text-decoration:none;
    top: 20px;
    position: relative;
}

.divLink .adminLink{
    color: #3E3E3E;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    text-decoration:none;
    top: 30px;
    position: relative;
}

.divLink{
   height: 102px;
   margin-bottom:20px;
   width: 450px;
   float: left;
}

.divLink a{
    height: 72px;
    padding-bottom: 45px;
    padding-left: 90px;
    padding-top: 20px;
    vertical-align: middle;
}

.adminLink:hover{
    color: #2DBBCA;
}

.divLink.cover a{
    background:url(../../images/adminShare.png) no-repeat left top;
}

.divLink.share a{
    background:url(../../images/adminShare.png) no-repeat left top;
}

.divLink.reports a{
    background:url(../../images/adminReports.png) no-repeat left top;
}

.divLink.school a{
    background:url(../../images/adminSchool.png) no-repeat left top;
}

.divLink.district a{
    background:url(../../images/adminDistrict.png) no-repeat left top;
}

.divLink.stats a{
    background:url(../../images/adminStats.png) no-repeat left top;
}

.divLink.users a{
    background:url(../../images/adminUsers.png) no-repeat left top;
}

.divLink.usageGraphs a{
    background:url(../../images/adminUsageGraphs.png) no-repeat left top;
}

.divLink.publishers a, .adminTitle.icoGral{
    background:url(../../images/adminpublishers.png) no-repeat left top;
}

.divLink.bundle a{
    background:url(../../images/adminbundle.png) no-repeat left top;
}

.divLink.custom a{
    background:url(../../images/adminCustom.png) no-repeat left top;
}

.divLink.contractInfo a{
    background:url(../../images/adminLicense.png) no-repeat left top;
}

.divLink.authorSales a{
    background:url(../../images/IconSales.svg) no-repeat left top;
}

.divLink.downloadStrategy a{
    background:url(../../images/adminDownloadStrategy.png) no-repeat left top;
}

.adminTitle{
/*    margin: 30px 0 10px;*/
    margin-left: 45px;
    padding-left: 88px;
    height: 73px;
    margin-bottom: 15px;
}
.adminTitle p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #313131;
}

hr.admin{
    margin-bottom: 30px;
    clear:both;
}

hr.separator {
     border: 1px solid #2dbbca;
}

.adminHeaderButtons {
    float: right;
    margin-top: 18px;
    margin-left: 50px;
}


.adminNewUserButton, .adminNewCoverButton, .adminNewSchoolButton,.adminNewPublisherButton,
.adminNewGradeButton,.adminNewLevelButton, .adminNewSubjectButton,

.adminNewInitiativeButton, .adminNewBundleButton, .adminNewAuthorButton, .adminNewDistrictButton,.adminBulkImportButton, .adminNewStoreButton, .adminNewBannerButton, .adminNewStoreFrontBackgroundButton{
    height: 32px;
   /* background:url(../../images/btn_add_user.png) no-repeat left center;*/
    cursor: pointer;
    float: left;
}

.adminBulkImportButton{
    float: right;
}

.adminNewUserButton .newUserText, .adminNewCoverButton .newUserText, .adminBulkImportButton .newUserText,.adminNewPublisherButton .newUserText,
.newUserText, .adminNewGradeButton .newUserText,.adminNewLevelButton .newUserText,
.adminNewInitiativeButton .newUserText,.adminNewBundleButton .newUserText, .adminNewAuthorButton .newUserText, .adminNewSubjectButton .newUserText,
.adminNewSchoolButton .newUserText,.adminNewDistrictButton .newUserText, .adminNewStoreButton .newUserText, .adminNewBannerButton .newUserText, .adminNewStoreFrontBackgroundButton .newUserText,
.plAddButton{
    color: #fff;
    background-color: #2FB9C8;
    /*height: 26px;*/
    padding:11px 16px;
   /* margin-left: 28px;*/
    display: inline-block;
    border-radius:5px;
   /* font-family: 'robotomedium', Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    font-weight: bold;
}
.adminNewUserButton .newUserText:hover, .adminNewCoverButton .newUserText:hover, .adminBulkImportButton .newUserText:hover,.adminNewPublisherButton .newUserText:hover,
.newUserText:hover, .adminNewGradeButton .newUserText:hover,.adminNewLevelButton .newUserText:hover,
.adminNewInitiativeButton .newUserText:hover,.adminNewBundleButton .newUserText:hover, .adminNewAuthorButton .newUserText:hover, .adminNewSubjectButton .newUserText:hover,
.adminNewSchoolButton .newUserText:hover,.adminNewDistrictButton .newUserText:hover, .adminNewStoreButton .newUserText:hover, .adminNewBannerButton .newUserText:hover,
.plAddButton:hover{
    background-color:#2F95A0;
}

.plAddButton{
    height: 22px;
    float: right;
    width: 50px;
    text-align: center;
    vertical-align: bottom;
    padding-top: 17px;
    cursor: pointer;
}

/*.adminTitle p.desc{
    position:relative;
    top:-24px;
}*/

.adminTitle.share{
    background:url(../../images/adminShare.png) no-repeat left top;
}

.adminTitle.users{
    background:url(../../images/adminUsers.png) no-repeat left top;
}

.adminTitle.contractInfo{
    background:url(../../images/adminLicense.png) no-repeat left top;
}

.adminTitle.bulk{
    background:url(../../images/adminBulk.png) no-repeat left top;
}

.adminTitle.authorSales{
    background:url(../../images/IconSales.svg) no-repeat left top;
}

.container.copyPresentations .divInputContainer{
    margin-left: 90px;
}

.datePicker input[type="text"]{
    color:black;
}

.datePicker input[type="text"].filled{
    color:black;
}

.reportsSearch .inputFieldWrapper {
    margin:0px;
}

.adminTitle.schools{
    background:url(../../images/adminSchool.png) no-repeat left top;
}

.adminTitle.publishers{
    background:url(../../images/adminpublishers.png) no-repeat left top;
}

.adminTitle.bundle{
    background:url(../../images/adminbundle.png) no-repeat left top;
}

.adminTitle.districts{
    background:url(../../images/adminDistrict.png) no-repeat left top;
}

.adminTitle.userStats{
    background:url(../../images/adminStats.png) no-repeat left top;
}

.spaceTB.multiActionContainer {
    background-color: #f3f3f3;
    width: 100%;
    height: 50px;
    margin:0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    position:relative;
    float: left;
}
.multiActionContainer .selectAll {
    margin-right: 18px;
    height: 40px;
    vertical-align: middle;
    float: left;
    line-height: 35px;
    padding-left: 5px;
}
.multiActionButton {
    background-color: #ffffff;
    background-position: 6px center;
    background-repeat: no-repeat;
    border: 1px solid #cecece;
    height: 32px;
    margin: 8px 0px;
    float: left;
    line-height: 32px;
    padding-right: 10px;
    padding-left: 26px;
    cursor: pointer;
}
.multiActionButton:hover {
    background-color: #f3f3f3;
}
.multiActionButton.downgradeButton {
    background-image: url(../../images/Down_icon.png);
}
.multiActionButton.domainButton {
    background-image: url(../../images/Domain_icon.png);
}
.multiActionButton.exportButton {
    background-image: url(../../images/export-icon.png);
}
.multiActionButton.sendEmailButton {
    background-image: url(../../images/sendEmail-icon.png);
    background-size: 16px;
}
.multiActionDomain {
    display:none;
    position:absolute;
    background-color: #ffffff;
    border-radius: 5px;
    width:350px;
    height: 145px;
    cursor: default;
    box-shadow: 0 0px 12px 0px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0px 12px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0px 12px 0px rgba(0, 0, 0, .5);
    top: 50px;
}
.multiActionDomain:before{
    position: absolute;
    top: -5px;
    left: 10px;
    border-style: solid;
    content: "";
    height: 10px;
    width: 10px;
    border: medium none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 99;
    background-color: #ffffff;
    box-shadow: -2px -2px 3px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: -2px -2px 3px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: -2px -2px 3px 0px rgba(0, 0, 0, .1);
}

.currentDomainLabel {
    font-weight: bold;
    font-size: 13.3px;
}
.currentDomainWrapper {
    padding: 20px;
}
.currentDomainWrapper .validateTextbox {
    display:none;
}
.currentDomainWrapper input[type="text"].error {
    margin-bottom: 15px;
}
.currentDomainInput {
/*.currentDomainWrapper .inputFieldWrapper, .currentDomainInput {*/
    width: 170px;
    height: 40px;
}
.currentDomainWrapper .inputFieldWrapper .textLabel {
    top: 7px;
}
#formCurrentDomain .currentDomainWrapper .currentDomainSubmit {
    position: relative;
    left: 50%;
    margin-left: -40px;
    margin-top: -18px;
}
.adminTitle.downloadStrategy{
    background:url(../../images/adminDownloadStrategy.png) no-repeat left top;
}

.reportsSummary{
    height: 250px;
}
.summary tr td, .summary tr.titleRow td {
    width: 104px;
    text-align: center;
    vertical-align: middle;
}
.reportsSearch input.w80{
    float:right;
    margin-right:30px;
}

.reportsSearch input.w80.old{
    float:right;
    margin-right:0;
}

.filterDeleteImg{
    display:inline-block;
    vertical-align: middle;
}

.reportsSearch .datePicker{
    display:inline-block;
    margin-right: 4px;
}

.indexSchoolTitle h1{
    padding-top: 25px;
}
.adminMenuContainer{
    margin-left: 50px;
    overflow: hidden;
}

.adminPageReturnLink{
    background:url(../../images/Back_arrow_icon.png) no-repeat left top;
}
.returnLink .adminPageReturnLink{
    text-decoration:none;
    position: relative;
    top: 25px;
    display: block;
}

.returnLink.adminPageReturnLink{
   height: 25px;
   margin-bottom: 10px;
}

.returnLink p{
    color: #616161;
    font-size: 17px;
    font-weight: bold;
    padding-left: 38px;
}

.returnLink a{
    height: 25px;
    padding-bottom: 0px;
    padding-left: 25px;
    padding-top: 25px;
    vertical-align: middle;
}
.returnLink{
   height: 25px;
   margin-bottom: 20px;
   float: left;

}
.adminTitle.reports{
    background:url(../../images/adminReports.png) no-repeat left top;
}
#header .menuUpgradeButton{
    margin-right: 40px;
    padding: 0px;
    background:url(../../images/btn_upgrade_header.png) no-repeat left top;
    height: 54px;
    width: 118px;
}
#header .menuUpgradeButton:hover{
    background:url(../../images/btn_upgrade_header_hover.png) no-repeat left top;
}

div.jHtmlAreaColorPickerMenu {border: solid 1px #bbb; background-color: #ddd; width: 112px;}
div.jHtmlAreaColorPickerMenu div {float: left; margin: 2px; width: 12px; height: 14px;}
div.jHtmlAreaColorPickerMenu div:hover {margin: 0px; border: dotted 2px black;}

div.jHtmlAreaColorPickerMenu div.automatic { width: 104px; height: auto; padding: 2px;}
div.jHtmlAreaColorPickerMenu div.automatic div { margin: 2px; width: 12px; height: 14px;  border: solid 1px black;}

.emailForm {
font-size: 12px;
color: #353434;
background: #e9e8e8;
padding: 10px 30px 70px 30px;
width: 576px;
margin-top: 0px;
}

.emailForm .validateTextbox{
  float:none;
}

.emailForm h1{
  margin-bottom:10px;
}

.emailForm h3{
    font-size:16px;
    font-weight:bold;
    color:#353434;
}

.emailForm dl{
    margin:20px 0;
}

.emailForm dl dt, .emailForm dl dd{
    float:left;
    width:480px;
    height:50px;
}

.emailForm dl dt{
    padding-right:15px;
    text-align: left;
}

.emailForm dl dt label{
    font-size:16px;
    font-weight:bold;
}

.emailForm dl dd input{
    width:342px;
    height:22px;
    padding:0px 8px;
    font-weight:normal;
    font-size:12px;
}

.emailForm dl dd input[type="text"]{
    box-shadow:0 1px 3px #CCC inset;
}

.emailForm input[type="submit"]{
     background:#2dbbca;
     font-size:15px;
     font-weight:bold;
     color:#fff;
     border-radius:5px;
     border:none;
     padding:3px;
     height:auto;
     width:100px;
     margin-top: 20px;
     float: right;
}

.emailForm div p.bold{
    margin-bottom:10px;
    color:#353434;
}

.emailForm textarea{
    width: 100%;
    font-weight: normal;
    font-size: 12px;
}

.emailForm div.jHtmlArea {
    display: inline-block;
}

.emailForm div.jHtmlArea iframe {
    box-shadow: 0 1px 3px #CCC inset;
    border: 1px solid #B8B8B8;
    background: #E3E3E3;
}

.emailForm div.jHtmlArea iframe html body{
    font-weight: normal;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.emailForm div.jHtmlArea iframe:focus {
    border: 1px solid #2BBCCD;
}

.emailForm .labelEmailOrUser{
    width:68px !important;
}

.emailForm .labelMessage {
  width:68px !important;
  height:25px;
}

.emailForm #message{
    top:0;
    width: 576px;
    left:30px;
}

#header .topnav .linkBottomBordered{
    border-bottom: 5px solid #34b9c8;
}

.modalStandard{
    font-size:12px;
    color:#353434;
    background:#FFFFFF;
    border-radius:5px;
    box-shadow:0 5px 5px #adacac;
    padding:25px 30px 25px 30px;
    width:576px;
    margin:0 auto;
}

.firma a{
    font-size: 11px;
    color: #989898;
    text-decoration: none;
    display: block;
    vertical-align: top;
}

.firma a:hover{
    color:white;
}

.userSearch .columnUserInput{
    margin-right:15px;
    display:inline-block;
}

.userSearch .columnUserInput .userInputRadios {
    display: inline-block;
    margin-right:15px;
    vertical-align: middle;
}

select.userSelect{
    width: 155px;
}
span.userSelect{
    margin-bottom: 15px;
}
.roleSelect{
    margin-bottom: 15px;
}

.dropdownSelect{
  margin-bottom: 15px;
}

.countrySelect select {
    width: 466px;
}

.schoolRoleSelect select {
    width: 466px;
}

.schoolRoleSelect {
   margin-bottom: 5px;
}

.userSearch input[type='text']{
    margin-right:0px;
    height:22px;
    width: 174px;
}

.userSearch input[type='text']#searchText {
}

.userSearch input[type='submit']{
    position: relative;
}

.userSearch #formUserSearch .selectReplace.userProductFilter {
    width:55px;
}

.userSearch #formUserSearch .selectReplace.userRoleFilter {
    width:110px;
}

.userSearch #formUserSearch .userProductFilter {
    width: 93px;
}

.userSearch #formUserSearch .userRoleFilter {
    width: 148px;
}

.userSearch #formUserSearch .selectReplace, #schoolsForm .selectReplace {
    width: initial;
    border-color: #cdcdcd;
    height: 32px;
}

.userSearch #formUserSearch .select-replace-cover, #schoolsForm .select-replace-cover{
    color: #a7a7a7;
    font-size: 17px;
    font-weight: lighter;
    font-style: normal;
    opacity: 1;
    line-height: 34px;
}

#formUserSearch .inputFieldWrapper, #schoolsForm .inputFieldWrapper {
    top: 1px;
}




.abm_form .inputFieldWrapper {
    margin-bottom: 0;
}

.abm_form input[type="password"]{
    width: 250px;
    height:18px;
}

.abm_form .extraDataRow .extraDataRowCheckboxes{
    min-width:106px;
    width:auto;
    display:inline-block;
}

.abm_form .extraDataRow.languageData .extraDataRowRadios > div {
    width: 110px;
}

.abm_form .extraDataRow div.styledCheckbox,
.abm_form .extraDataRow .extraDataRowRadios div.styledCheckbox,
.abm_form .extraDataRow .extraDataRowRadios div.styledRadio {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.abm_form .extraDataRow {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 22px;
}

.abm_form .extraDataRow label.extraDataRowTitle {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 20px;
}

.abm_form .extraDataRow div.extraDataRowRadios {
    width: 100%;
    display: inline-block;
}

.abm_form .extraDataRow .extraDataRowRadios > div {
    width: 83px;
    display: inline-block;
    float: left;
    margin: 0 10px 5px 0;
}

.abm_form input[type="text"]{
    margin: 0px 0px 5px 0px;
}

.abm_form input[type="text"].ui-autocomplete-input{
    width:425px;
}

.abm_form span.inputFieldWrapper, .abm_form div.inputFieldWrapper{
    width: 468px;
}

.reports .saveProfile{
    width:  468px;
    margin-top: 0px;
}
.abm_form .inputFieldWrapper input{
    height: 15px;
    width: 450px;
    font-size: 16px;
}

.abm_form .inputFieldWrapper textarea {
    width: 450px;
}

.abm_form .fieldName{
    margin-bottom: 6px;
    color: #87898c;
    font-size: 14px;
}

.abm_form .inputFieldWrapper .shortInput {
  width: 250px;
}

.abm_form #searchSchool_parent, #searchDistrict_parent{
  display:inline;
}

.newForm{
    width: 460px;
    background-color: #ffffff;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 40px;
    padding-bottom: 20px;
    overflow: hidden;
}

.formUndeletePresentations{
    width: 400px;
}

.newForm .arrow{
    height: 23px;
    width:10px;
    background:url(../../images/adminUsersArrow.png) no-repeat left center;
    float: left;
}

.newForm .logo{
    float: right;
}
.newForm .logo img{
    width: 77px;
    height: 100px;
}

.newForm .titles{
    float: left;
}

.newForm .userTitle{
    font-size: 29px;
    color: #00A8FF;
    height: 23px;
    float: left;
    padding-bottom: 5px;
}

.newForm .userSubtitle{
    margin-top: 10px;
    font-size: 17px;
    color: #A5A7AA;
    clear: both;
    margin-bottom: 25px;
    width: 470px;
}

.newForm .fieldName.currentProduct{
    display: inline-block;
    margin-left: 10px;
    vertical-align: super;
}

.newForm .fieldName{
    margin-bottom: 4px;
}

.userImport{
    width:400px;
    font-size:12px;
    color:#353434;
    background:#ffffff;
    border-radius:5px;
    box-shadow:0 5px 5px #adacac;
    padding:20px 100px 20px 100px;
    margin:0 auto;
    margin-top:0px;
    overflow:hidden;
}

.userImport h3 a{
    color:#34b9c8;
    font-size: 14px;
}
.userImport h3 a:hover{
    color:#34b9c8;
    text-decoration: none;
}

.userImport p.bulkimport{
    width: 20px;
    display: inline-block;
    position:relative;
    top: -12px;
    left: 5px;
}
.userImport .dragBox{
    background: url(../../images/bulk_import_drag.png) top left no-repeat;
    padding: 0px;
    width: 404px;
    height: 157px;
}

.userImport .dragBox h1{
    top:27px;
    left:160px;
    font-size: 26px;
    line-height: 31px;
}

.userImport .uploadFile p{
    top: 0px;
    padding-top: 9px;
}

.userImport .dragBox input[type="button"]{
     background:#A3A3A3;
     color:#fff;
     border-radius:5px;
     border:none;
     height:auto;
     width:100px;
}

.userImport .btnBox {
    margin: 0;
    padding: 0;
}
/*
.userImport .btnBox .btn{
     background:#2dbbca;
     font-size:15px;
     color:#fff;
     border-radius:5px;
     border:none;
     padding:5px;
     height:auto;
     width:100px;
     margin-left:12px;
}

.userImport .btnBox .btn.cancel{
    background: #989898;
}
*/
.userImport .importErrors{
    margin-top:90px;
    max-height:400px;
    height:auto;
    width: 100%;
    box-shadow: 0 1px 3px #CCC inset;
    border: 1px solid #B8B8B8;
    background: #E3E3E3;
    overflow-Y: auto;
}


div.newVersionPopup{
    margin:0;
    background:#e9e8e8;
    color:black;
    font-size:14px;
    border-radius:5px;
    width:535px;
    padding:30px;
}

div.newVersionPopup h2{
    font-size:31px;
    font-weight:normal;
    margin:0;
    color:black;
    line-height:30px;
    margin-bottom:10px;
}

div.newVersionPopup strong{
    font-weight:bold;
}

div.newVersionPopup p{
    font-size:16px;
    margin:0;
    padding:0;
}

div.newVersionPopup p a{
    color:blue;
}

p.featureNotSupported a{
    color:red;
}

p.featureNotSupported {
    color:red;
    margin-bottom:0px;
}

p.featureNotSupported.web {
    color:red;
    margin-bottom:30px;
}

p.presentation.desc{
    width:660px;
    text-align: left;
}


.changePasswordAreaLogin a{
    color:black;
    font-weight:bold;
    text-decoration:none;
}

#createAccount{
    color: #F07E21;
}

input[type='submit'].noIcon, input[type='button'].noIcon{
    padding-left: 19px;
}


.remember{
    margin-bottom: 20px;
    font-weight: bold;
    text-decoration: none;
}

.schoolBackground .dragBox h1{
    left: 290px;
    top: 42px;
    font-size: 30px;
    width: 220px;
    line-height: 41px;
}

.select_content {
    float: left;
    height: 30px;
    overflow: hidden;
    width: 245px;
    margin:7px 0 15px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:black;
}

.select-replace-cover {
    font-weight:bold;
    color:black;
    opacity: 0.7
}

.columnUserInput.full-width .select-replace-cover,
.columnUserInput.full-width .select-replace-cover select {
    width: 100% !important;
}

.select_content select {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none;
    color: black;
    font-size: 15px;
    height: 30px;
    padding: 5px;
    text-align: left;
    width: 270px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:black;
    opacity: 0.7
}

.select_content select option{
    background: none repeat scroll 0 0 transparent !important;
    border: medium none;
    color: black;
    font-size: 15px;
    height: 30px;
    padding: 5px;
    text-align: left;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:black;
    opacity: 0.7
}

div.signInPopup{
    width:586px;
    padding:30px 30px 20px;
    box-shadow:0 0 5px #ADACAC;
    border-radius:3px;
    background:#fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    height: 100%;
}
div.signInPopup h1{
    color:#2dbbca;
    font-size:32px;
    text-align:center;
    margin:0;
}
div.signInPopup h2{
    color:#717171;
    font-size:21px;
    font-weight:normal;
    text-align:center;
    margin:5px 0 30px;
    line-height: 30px;
}
div.signInPopup .leftCol{
    width: 270px;
    margin-right:22px;
    float:left;
}
div.signInPopup .rightCol{
    width:271px;
    margin-left:22px;
    float:left;
}
div.signInPopup label{
    display:block;

}
div.signInPopup input[type="text"]{
    width:267px;
    margin:7px 0 15px;
    border:1px solid #dddddd;
    border-radius:3px;
    padding-left:7px;
    background-color: #CCCCCC;
    font-size:17px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:black;
    opacity: 0.7
}

div.signInPopup input[type="number"]{
    width:267px;
    height: 42px;
    margin:7px 0 15px;
    border:1px solid #dddddd;
    border-radius:3px;
    padding-left:7px;
    background-color: #CCCCCC;
    font-size:17px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:black;
    opacity: 0.7
}

div.signInPopup textarea{
    width:267px;
    height:77px;
    resize:none;
    margin:7px 0 15px;
    border:1px solid #dddddd;
    border-radius:3px;
    padding:5px 7px;
    background-color: #CCCCCC;
    font-size:17px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:black;
    opacity: 0.7
}
div.signInPopup .bottom{
    clear:both;
    margin-top:30px;
    text-align:right;
}
div.signInPopup input[type="submit"]{
    background:#2dbbca;
    font-size:16px;
    color:#fff;
    border:none;
    border-radius:5px;
    width:105px;
    padding:4px 0;
    margin:0 10px;
    cursor:pointer;
}
div.signInPopup input[type="submit"]:last-child{
    margin:0;
}
div.signInPopup input[type="submit"].gray{
    background:#c3c3c3;
    cursor: default;
    display:none;
}
div.signInPopup input[type="submit"].light{
    background:#81d6df;
}
.select_content {
    float: left;
    height: 55px;
    width: auto;
    margin:7px 0 15px;
}

.select_category, .collapsable input[type="text"].select_category {
    z-index:30;
    width:675px;
}
.select_category_label{
    padding-top:10px;
}

input[type="button"].add_category_button{
  height:50px;
}

.headerDivisionLine{
    width:100%;
    height:6px ;
    background-color:#CAF9F9 ;
    float:left;
}

.elementSeleted{
    display:none;
    position:absolute;
    border: 3px solid #30B8C7;
    z-index: 1;
}

#canvas_selected.elementSeleted{
    background-color: rgba(255, 255, 255, 0.25);
}

.uploadFiles{
width: 100%;
height: 100%;
background-color: black;
opacity: 0.7;
filter: alpha(opacity = 70);
display: block;
position: absolute;
z-index: 100;
top: 0;
left: 0;
}

.uploadFiles input[type="file"]{
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0;
    border: solid transparent;
    border-width: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    direction: ltr;
    cursor: pointer;
    width:163px;
    height:76px;
}

.uploadFiles .close{
    background: url(../../images/close.png);
    width:42px;
    height:43px;
    display:block;
    float:right;
    margin-top: 10px;
    margin-right: 10px;
    cursor:pointer;
}

.uploadFiles .drag{
    width:500px;
    height:300px;
    border:2px dotted white;
    display:block;
    margin: auto;
    position: absolute;
    top: -150px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.uploadFiles .drag p{
color: white;
font-weight: normal;
position: absolute;
top: 0;
left: 130px;
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
bottom: 0;
right: 0;
margin: auto;
width: 176px;
height: 60px;
line-height: 30px;
}

.uploadFiles .dragImage{
position: absolute;
top: 0;
left: -130px;
font-family: Arial, Helvetica, sans-serif;
bottom: 0;
right: 0;
margin: auto;
width: 60px;
height: 74px;
background: url(../../images/smart-drag.png) no-repeat;
}

.uploadFiles .uploadBox{
    position: absolute;
    top: 270px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 163px;
    height: 76px;
    display: block;
    margin: auto;
    cursor:pointer;
}

.uploadFiles .uploadBox p{
    color: white;
    font-weight: normal;
    position: absolute;
    top: 20px;
    left: 60px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:18px;
}

.uploadFiles .uploadBox.dropbox p{
    width: 0px;
}

.uploadFiles .uploadBox.search{
    background: url(../../images/up-search.png);
    left:-340px;
}

.uploadFiles .uploadBox.dropbox{
    background: url(../../images/up-dropbox.png);
    left:0px;
}

.uploadFiles .uploadBox.search:hover{
    background: url(../../images/up-search-on.png);
    left:-340px;
}
.uploadFiles .uploadBox.dropbox:hover{
    background: url(../../images/up-dropbox-on.png);
    left:0px;
}


#uploadDiv .uploadFile.feature,
#uploadImagesDiv .uploadFile.feature,
.uploadVideo .uploadFile.feature{
    background: url(../../images/drawit-video-slideshow/f-browse.png);
    left:0px;
}

#uploadDiv .dropbox,
#uploadImagesDiv .dropbox,
.uploadVideo .dropbox{
    background: url(../../images/drawit-video-slideshow/f-dropbox.png);
    left:50px;
}

#uploadDiv .uploadFile.feature:hover,
#uploadImagesDiv .uploadFile.feature:hover,
.uploadVideo .uploadFile.feature:hover{
    background: url(../../images/drawit-video-slideshow/f-browse-on.png);
}

#uploadDiv .dropbox:hover,
#uploadImagesDiv .dropbox:hover,
.uploadVideo .dropbox:hover{
    background: url(../../images/drawit-video-slideshow/f-dropbox-on.png);
}

#uploadDiv .uploadFeatureBoxes .uploadFile,
#uploadImagesDiv .uploadFeatureBoxes .uploadFile,
.uploadVideo .uploadFeatureBoxes .uploadFile,
#uploadDiv .uploadFeatureBoxes .dropbox,
#uploadImagesDiv .uploadFeatureBoxes .dropbox,
.uploadVideo .uploadFeatureBoxes .dropbox{
    width: 169px;
    height: 79px;
}


#uploadDiv .uploadFeatureBoxes .uploadFile p,
#uploadImagesDiv .uploadFeatureBoxes .uploadFile p,
.uploadVideo .uploadFeatureBoxes .uploadFile p,
#uploadDiv .uploadFeatureBoxes .dropbox p,
#uploadImagesDiv .uploadFeatureBoxes .dropbox p,
.uploadVideo .uploadFeatureBoxes .dropbox p{
    position: relative;
    top: 18px;
    left: 60px;
    text-align: left;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    width: 90px;
    line-height: 22px;
}

/*#schoolsForm input[type="text"]{
    height: 12px;
}*/

/*
#schoolsForm  input[type="text"]:focus {
    color: #505050;
    border: 1px solid #2bbccd;
}
*/

.slideList{
    /*min-height: 636px;*/
    display:inline-block;
    width: 100%;
    text-align: center;
}

.slideList #slideList {
    overflow: auto;
    float: none;
    display: block;
}

#header .topnav .linkBottomBordered{
  border-bottom: 5px solid #34b9c8;
}

.headerDivisionLine{
  width:100%;
  height:6px ;
  background-color:#CAF9F9 ;
  float:left;
}

.upgradeHeaderLink{
     color: #FF7E00;
    float: right;
    height: 30px;
    position: relative;
    right: 0;
    width: 192px;

}

.upgradeHeaderLink a{
     color: #FF7E00 !important ;
     margin-left: 15px !important;
    position: relative !important;
    text-align: center !important;
    top: 10px !important;
    display: inline-block !important;
}


.footerSupportContent {
    color:#2dbbca;
    display:block;
    margin-top:10px
}

.reportInfoMenu{
  background: none repeat scroll 0 0 white;
  border: 1px solid #8E8D8D;
  border-top: none;
  display: none;
  left: 505px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 47px;
  width: auto;
  z-index: 200;
}
.statusReportInfo div {
margin-left: 15px;
display: inline-block;
}
.statusReportInfo{
    width: auto;
    padding: 5px 60px 5px 0;
    position: relative;
}
.statusReportInfoDivision{
  border-bottom: 1px solid gray;
}
.statusReportInfoItemDwn{
    margin-bottom:3px !important;
    margin-left: 5px !important;
    float:left !important;
}

.statusReportInfoItemDwn:hover{
    color:#2DBBCA !important;
}
.imageSketchPublished{text-align: center;}
.imageSketchPublished img{margin-right: 70px;}
.contentTextFile{
    width: 500px;
    float: left;
    margin-bottom: 17px;
    margin-left: 50px;
    overflow: hidden;
    height: 18px;
}

.rankingPresentationCSV{
  margin-top:15px;
}

#font-preloader {
    visibility: hidden;
    position:absolute;
}

.google-search-input,
#google-search-input {
    color: #2bbccd;
    margin: 0;
    padding-left: 0;
    width: 176px;
    border: 0;
    border-bottom: 1px solid;
    border-radius: 0;
    height: 20px;
    padding: 0;
}

#google-search-btn, #youtube-search-btn {
    margin: 0;
    padding: 0;
    padding-bottom: 6px;
    width: 26px;
    height: 26px;
    background-image:url(../../images/uploadContent/searchx2.svg);
    background-repeat: no-repeat;
    background-position: 8px -34px;
    background-size: 10px;
    background-color: #34B9C8;
    border: none;
    -webkit-appearance: none;
}

.google-search-show-more{
    width: 100%;
    text-align: center;
    position: inherit;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto 5px auto;
}

.google-search-show-more a,
.video-search-show-more a {
    color: #30b8c8;
}

.google-search-show-more .spanLink,
.video-search-show-more .spanLink,
.google-search-show-more .poweredBy {
    display: inline-block;
    margin: 0 auto;
    font-size: 12px;
}

.uploadContent .google-search-show-more .spanLink,
.uploadContent .google-search-show-more .poweredBy {
    font-size: 15px;
}

.google-search-error {
    width: 100%;
    text-align: center;
    display: inline-block;
    color: #30b8c8;
    min-height: 20px;
    margin: 10px 0 0 0;
}

/* Referrals */

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/*
.referralMenu{
padding-left: 29px;
background: url(../../images/header/icon_referral_en_menu_CT.png) left top no-repeat;
text-decoration: none;
margin-top: 30px;
margin-left: 1.7em;
font-size:1.6em
}
/*

.referrals{
    color:#5A5A5D;
    font-size:13px;
    font-family:Verdana, Geneva, sans-serif;
    padding-bottom:50px;
}


.referrals h1{
    color:#30B8C7;
    font-size:22px;
    font-family:Arial, Helvetica, sans-serif;
    margin-bottom:20px;
    line-height: 25px;
}

.referrals h1 span{
    color:#FBB216;
}

.referrals h2{
    color:#30B8C7;
    font-size:19px;
    font-family:Arial, Helvetica, sans-serif;
    margin-bottom:10px;
}

.referrals h3{
    color:#30B8C7;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    margin-bottom:5px;
}

.referrals a{
    text-decoration:none;
    color:#2fb8c7;
}

.referrals .refProgress{
    background:url(../../images/referral/progressBck.png) center top no-repeat;
    margin:0 auto;
    margin-top:30px;
    width:945px;
    height:165px;
    position:relative;
}

.referrals .refProgress div{
    width:105px;
    height:50px;
    padding-top:115px;
    text-align:center;
    position:absolute;
}

.referrals .refProgress div.prog1{
    left:-15px;
    background:url(../../images/referral/1bck.png) center 5px no-repeat;
}

.referrals .refProgress div.prog2{
    left:195px;
    background:url(../../images/referral/2bck.png) center 5px no-repeat;
}

.referrals .refProgress div.prog3{
    left:402px;
    background:url(../../images/referral/3bck.png) center 5px no-repeat;
}

.referrals .refProgress div.prog4{
    left:611px;
    background:url(../../images/referral/4bck.png) center 5px no-repeat;
}

.referrals .refProgress.check1 div.prog1, .referrals .refProgress.check2 div.prog1,
.referrals .refProgress.check2 div.prog2, .referrals .refProgress.check3 div.prog1,
.referrals .refProgress.check3 div.prog2, .referrals .refProgress.check3 div.prog3,
.referrals .refProgress.check4 div.prog1, .referrals .refProgress.check4 div.prog2,
.referrals .refProgress.check4 div.prog3, .referrals .refProgress.check4 div.prog4{
    background:url(../../images/referral/check.png) center 5px no-repeat;
}

.referrals .refProgress.check1 div.prog1 p, .referrals .refProgress.check2 div.prog1 p,
.referrals .refProgress.check2 div.prog2 p, .referrals .refProgress.check3 div.prog1 p,
.referrals .refProgress.check3 div.prog2 p, .referrals .refProgress.check3 div.prog3 p,
.referrals .refProgress.check4 div.prog1 p, .referrals .refProgress.check4 div.prog2 p,
.referrals .refProgress.check4 div.prog3 p, .referrals .refProgress.check4 div.prog4 p{
    display:block;
}

.referrals .refProgress.check2{
    background:url(../../images/referral/progressBck2.png) center top no-repeat;
}

.referrals .refProgress.check3{
    background:url(../../images/referral/progressBck3.png) center top no-repeat;
}

.referrals .refProgress.check4{
    background:url(../../images/referral/progressBck4.png) center top no-repeat;
}

.referrals .refProgress div p{
    margin:0 auto;
    font-family:Verdana, Geneva, sans-serif;
    font-size:13px;
    color:#33B8C7;
    display:none;
}

.referrals .refRemaining p{
    background:#eef0f0;
    padding:5px 8px;
    padding-right:12px;
    display:inline-block;
    border-radius:18px;
    color:#30B8C7;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
}

.referrals .refRemaining p span{
    display:inline-block;
    width:27px;
    height:25px;
    background:url(../../images/referral/remainingBck.png) left top no-repeat;
    vertical-align:middle;
    text-align:center;
    margin-right:3px;
}

.referrals .leftCol{
    margin-top:25px;
    margin-bottom:20px;
    float:left;
    width:495px;
    margin-right:40px;
}

.referrals .rightCol{
    margin-top:25px;
    margin-bottom:20px;
    float:right;
    width:425px;
}

.referrals .refRecommend{
    border:6px solid #eff1f1;
    border-radius:15px;
    padding:25px 39px;
}

.referrals .refRecommend p{
    font-size:14px;
}

.referrals .refRecommend p.refExample{
    font-size:10px;
    margin-top:10px;
    color:#949293;
}

.referrals .refRecommend ul{
    margin:10px 0;
}

.referrals .refRecommend ul li{
    padding-bottom:10px;
}

.referrals .refRecommend ul li label{
    top:9px
}

.referrals .refRecommend ul li input{
    border:2px solid #cdcccc;
    border-radius:7px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
    width:335px;
    color:#5A5A5D;
    height: 20px;
    padding: 5px 0 5px 14px;
}

.referrals .refRecommend .validateTextbox{
     text-align: left;
     float:left;
}

.referrals .refRecommend ul li p.errorMsg{
    font-family:Verdana, Geneva, sans-serif;
    font-size:10px;
    color:#CD4C35;
    margin-top:5px;
    display:none;
}

.referrals .refRecommend ul li.emailError p.errorMsg{
    display:block;
}

.referrals .refRecommend ul li.emailOk{
    background:url(../../images/referral/emailOk.png) right 4px no-repeat;
}

.referrals .refRecommend ul li.emailError{
    background:url(../../images/referral/emailError.png) right 4px no-repeat;
}

.referrals .refRecommend ul li.emailError input{
    border-color:#CD4C35;
}

.referrals .refRecommend .actions{
    margin-bottom:55px;
}

.referrals .refRecommend .actions a{
    display:inline-block;
    vertical-align:text-top;
}

.referrals .refRecommend .actions a:first-child{
    margin-right:50px;
}

.referrals .refQuote{
    margin-bottom:10px;
}

.referrals .refQuote .quoteContent{
    background:url(../../images/referral/openQuote.png) 10px 10px no-repeat #f0f0f0;
    border-radius:10px;
    padding:10px 15px 10px 44px;
    margin-bottom:10px;
}

.referrals .refQuote .quoteContent p{
    background:url(../../images/referral/closeQuote.png) right bottom no-repeat;
    padding-right:25px;
}

.referrals .refQuote .bottom{
    text-align:right;
}

.referrals .socialMedia{
    padding-top:40px;
}

.referrals .socialMedia .refQuote{
    width:450px;
    display:inline-block;
}

.referrals .socialMedia .refQuote:first-child{
    margin-right:30px;
}

.referrals .socialMedia .quoteContent{
    margin-top:10px;
}

.referrals table{
    width:490px;
}

.referrals table.silverTable th,
.referrals table.goldTable th{
    font-size:20px;
    font-family:Arial, Helvetica, sans-serif;
    color:#33B8C7;
    text-align:left;
    border-bottom:1px solid #33B8C7;
    padding-bottom:5px;
}

.referrals table.silverTable td,
.referrals table.goldTable td{
    vertical-align:middle;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom:1px solid #E8E7E6;
}

.referrals table.silverTable td img{
    opacity:0.3;
}

.referrals table.silverTable td.referredEmail{
    width:235px;
}

.referrals table.silverTable td.awaitingImg,
.referrals table.silverTable td.downloadedImg,
.referrals table.silverTable td.createdImg{
    width:35px;
}

.referrals table.silverTable tr.awaitingResponse td.awaitingImg img{
    opacity:1;
}

.referrals table.silverTable tr.downloadedApp td.awaitingImg img,
.referrals table.silverTable tr.downloadedApp td.downloadedImg img{
    opacity:1;
}

.referrals table.silverTable tr.createdAccount td.awaitingImg img,
.referrals table.silverTable tr.createdAccount td.downloadedImg img,
.referrals table.silverTable tr.createdAccount td.createdImg img{
    opacity:1;
}

.referrals table.silverTable tr.createdAccount td.refStatus{
    color:#5CA1CB;
}

.referrals table.silverTable tr.downloadedApp td.refStatus{
    color:#5DBD80;
}

.referrals .tablePaging{
    font-size:16px;
    color:#5CA1CB;
    font-family:Arial, Helvetica, sans-serif;
    padding-top:8px;
    text-align:right;
}

.referrals .tablePaging a{
    color:#6D6D6D;
}

.referrals .tablePaging a:hover{
    text-decoration:underline;
}

.referrals .tablePaging a.active{
    color:#33B8C7;
}

.referrals .inviteFriends h2{
    margin-bottom:4px;
}

.referrals .inviteFriends p{
    font-size:14px;
    font-family:Verdana, Geneva, sans-serif;
    margin-bottom:10px;
    float: left;
}

.referrals .inviteFriends label{
     top: 9px;
}

.referrals .inviteFriends input{
    border:2px solid #cdcccc;
    border-radius:7px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
    width:315px;
    color:#5A5A5D;
    margin-right:15px;
    height: 20px;
    padding: 5px 0 5px 14px;
}

.referrals .inviteFriends .validateTextbox{
     text-align: left;
}

.referrals .inviteFriends img.emailOk{
    vertical-align:middle;
}

.referrals .inviteFriends .actions{
    margin-bottom:30px;
    margin-top:15px;
}

.referrals .inviteFriends .actions a{
    display:inline-block;
    vertical-align:text-top;
}

.referrals .inviteFriends .actions a:first-child{
    margin-right:30px;
}

.referrals .inviteFriends .actions p{
    font-size:13px;
    margin-top:10px;
    width:340px;
}

.referrals table.goldTable tr td:first-child{
    width:270px;
}

.referrals table.goldTable tr.goldStatus td.accType{
    background:url(../../images/referral/goldStatus.png) center no-repeat;
    width:130px;
}

.referrals table.goldTable tr.silverStatus td.accType{
    background:url(../../images/referral/silverStatus.png) center no-repeat;
    width:130px;
}

.referrals .congratsBanner{
    background:url(../../images/referral/congratsBanner.png) left top no-repeat;
    width:348px;
    height:140px;
    padding:28px 56px 10px 145px;
    margin:0 auto;
    margin-top:50px;
    margin-bottom:50px;
    position:relative;
    font-family:Verdana, Geneva, sans-serif;
    font-size:13px;
    color:#5A5A5D;
}

.referrals .congratsBanner p:first-child{
    font-family:Arial, Helvetica, sans-serif;
    font-size:19px;
    color:#fff;
    font-weight:bold;
    margin-bottom:10px;
}

.referrals .congratsBanner p span{
    color:#F5851F;
}

.referrals .congratsBanner div.shareBtns{
    position:absolute;
    top:130px;
    right:0;
}

.referrals .congratsBanner div.shareBtns a{
    margin-left:5px;
}

.referrals .extensionBanner{
    background:url(../../images/referral/extensionBanner.png) left top no-repeat;
    margin:50px auto 20px;
    width:730px;
    height:154px;
    position:relative;
}

.referrals .extensionBanner p{
    font-size:19px;
    font-family:Arial, Helvetica, sans-serif;
}

.referrals .extensionBanner p.leftText{
    color:#ECECEC;
    text-align:right;
    position:absolute;
    top:32px;
    left:19px;
}

.referrals .extensionBanner p.leftText b{
    color:#fff;
}

.referrals .extensionBanner p.rightText{
    color:#30B8C7;
    text-align:left;
    position:absolute;
    top:32px;
    right:55px;
}

.referrals .refRecommend ul .actions input[type='submit'].sendGuestEmails{
    background: url("../../images/referral/btn-mails.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #2FB8C7;
    float: left;
    height: 35px;
    margin-left: -13px;
    margin-top: -10px;
    position: relative;
    text-align: center;
    width: 162px;
}

.referrals .refRecommend ul .actions input[type='submit'].sendGuestEmails:hover{
    background: url("../../images/referral/btn-mails-on.png") no-repeat scroll 0 0 transparent;
    color: white;
}

.referrals .inviteFriends input[type='submit']{
    background: url("../../images/referral/btn-mails.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #2FB8C7;
    float: left;
    height: 35px;
    margin-left: -13px;
    margin-top: -15px;
    position: relative;
    text-align: center;
    width: 162px;
    font-family: Verdana,Arial;
    font-size: 12px;

}

.referrals .inviteFriends input[type='submit']:hover{
    background: url("../../images/referral/btn-mails-on.png") no-repeat scroll 0 0 transparent;
    color: white;
}

a.sendInviteTeachers{
    background:url(../../images/referral/btn-teachers.png) 0px 0px no-repeat;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 54px;
    padding-left: 34px;
    padding-top: 9px;
    width: 162px;
    font-family: Verdana,Arial;
}

a.sendInviteTeachers:hover{
    background:url(../../images/referral/btn-teachers-on.png) 0px 0px no-repeat;
    color: white;
}

.socialMediaButtonText{
    color: white;
    font-size: 13px;
    margin: -25px 0 0 44px;
    position: absolute;
}

.deleteEmailInviteFriends{
    background: url("../../images/referral/btn-del-email-h.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 20px;
    position: absolute;
    right: 60px;
    text-decoration: none;
    top: 7px;
    width: 21px;
}

.deleteEmailInviteFriendsFirst{
    background: url("../../images/referral/btn-del-email-h.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 20px;
    position: relative;
    right: 60px;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: -56px;
    top: 7px;
    width: 21px;
}

.referrals .leftCol .tablePaging .pagination .pagination_currentpage {
    color: #2FB8C7;
}

/* End Referrals*/
.saveSettings {
width: 500px;
padding-top: 15px;
margin-top: 30px;
margin-bottom: 20px;
text-align: right;
}

.loadMoreReports{width: 100%;text-align: center;display: none;}
.btnLoadMoreRepors{margin: auto;width: 200px;border: 1px solid #babbbc;
padding: 6px;color: #34B9C8;-webkit-border-radius: 3px;
-moz-border-radius: 3px;cursor: pointer;
border-radius: 3px; }

.btnLoadMoreRepors:hover{border: #34B9C8 solid 1px;background:#34B9C8;color: #fff;}

#mod-item-list{
    margin: 5px 0;
    color: #666;
}

#mod-item-list .item{
    border-bottom: 1px solid #E9E9E9;
    padding: 8px 5px;
    cursor: pointer;
    zoom: 1;
}

#mod-item-list .item:hover{
    background: whiteSmoke;
}

#mod-item-list .item .box-image{
    width: 40px;
    height: 40px;
}

#mod-item-list .item .box-image,
#mod-item-list .item .box-description{
    display: table-cell;
    vertical-align: middle;
}
.DAPermissions{width: 350px;border: 1px solid lightgray;}
.noQnA .engagement{
    margin-left: 100px;
}

.noQnA .left{
    margin-left: 130px;
}

#mod-item-list .item .box-description .box-name #name{
    font-size: 13px;
    font-weight: bold;
    color: black;
}

#topbarPresentation.relative #presSize{
    float: right;
    color: #27b4be;
    font-size: 18px;
    padding-top: 5px
}

/*
.relative #presSize .presSize_value_label{
    color: black;
    font-size: 18px;
    margin-right: 2px;
}
*/

.bannerContent{margin-top: -24px;margin-bottom: 21px;height: 100px;}
.hide{
    display: none;
}
#presSize .sizeProgress_0{
    background: url(../../images/toolbar/size-1.png) no-repeat
}
#presSize .sizeProgress_1{
    background: url(../../images/toolbar/size-2.png) no-repeat
}
#presSize .sizeProgress_2{
    background: url(../../images/toolbar/size-3.png) no-repeat
}
#presSize .sizeProgress_3{
    background: url(../../images/toolbar/size-4.png) no-repeat
}
#fancybox-overlay{
    opacity: 0.9;
    -webkit-opacity: 0.9;
    background-color: #333;
    /*background-color: rgb(119, 119, 119);*/
    position: fixed;
    background-color: rgb(21, 45, 57) !important;
    opacity: 0.9 !important;
}
#fancybox-wrap{
    left:0 !important;
    right: 0;
    margin:auto;
    padding-left: 0!important;

}

#fancybox-close {
    top: 0px;
    right: -35px;
    /*
  top: -5px;
  right: -55px;
    */
}

#slider-code2 .viewport{width: 716px;
position: relative;
height: 110px;
overflow: hidden;
text-align: left;
display: inline-block;
margin-bottom: 15px;
text-align: center;
background:rgb(248, 248, 248);}

#slider-code {width:809px; height: auto; overflow:hidden;background: white;padding-top: 20px; padding: 20px 0px 20px 0px;text-align: center;}
#slider-code .viewport { margin:27px auto; margin-bottom:0; width: 716px; height: 500px; overflow: hidden; position: relative; }
#slider-code2 .viewport {text-align: center; background:rgb(250, 247, 247);}
#slider-code .buttons { display: inline-block; width: 20px; height:38px; margin: 20px auto;}

#slider-code .buttons img{
    max-width:100%;
    height:38px;
}
.contentOverflow {
    overflow: hidden !important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#slider-code .bigArrow .next{
    margin:20px 28px 0 0;
}
#slider-code .bigArrow .prev{
    margin:20px 0 0 28px;
}
#slider-code .disable { visibility: hidden; }
.previewTitle {
    text-align: center;
    margin: 0 0 17px 0;
}
.previewTitle h1 {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 22px;
    color: #454545;
    line-height: 20px;
    text-shadow: none;
}
.previewContainer {
    background-color: #738188;
    position: relative;
    border: 2px #CDD3D7 solid;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.previewFrame {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#previewLoading {
    display: none;
    margin: 0 auto;
    position: absolute;
    height: 140px;
    top: 50%;
    margin-top: -70px;
    width: 200px;
    left: 50%;
    margin-left: -100px;
}
#previewLoadingIcon {
    display: block;
    width: 60%;
    margin: 0 auto;
}
#previewLoadingLabel {
    display: block;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 12px;
}

.previewContent #slider-code .inputFieldWrapper label.textLabel {display:none;}
.bigArrow {position: absolute;
z-index: 106300;
width: 75px;
height:75px;
top: 197px;
background-color: rgba(255,255,255,.9);
border-radius: 50%;
box-shadow: 1px 2px 4px 2px #ebebeb;
}
.bigArrow:hover{
    background-color: rgba(255,255,255,1);
}
.bigArrow.prev{left: -38px; }
.bigArrow.next{right: -38px; }
.smallButton{
    width: 55px;
    height: 55px;
    background-color: rgba(255,255,255,.9);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius:50%;
    box-shadow: 1px 2px 4px 2px #ebebeb;
    display: inline-block;
    position: absolute;
    top:28px;
    z-index: 1000;
    cursor:pointer;
}
.smallButton:hover{
    background-color: rgba(255,255,255,1);
}
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slider-code .overview li.slideShowSlide{ float: left; margin: 0 21px 0 1px;
  padding: 1px; height: 495px; border: 1px solid #ADABAB; width: 710px;overflow-y: auto;
overflow-x: hidden;text-align: left;}
#slider-code .overview li.slideShowSlide .slideContent h1 {display: inline-block;margin-top: 0px;padding-top: 14px;}
.previewContent #slider-code .overview li.slideShowSlide .slideContent h1{
    width: 100%;
}
.overview .slideEditor{padding:0px}
.slideShowSlide  .slideContent.sketch .imageSketchPublished img{margin-right: 20px;}
.slideShowSlide  .slideContent.sketch .imageSketchPublished{margin-top: 40px;}
.slideShowSlide  .preview.webpage .browseWeb, .slideShowSlide  .slideContent.webpage .browseWeb{margin-top: 25px;display: inline-block;}
#slider-code2 .overview { overflow:hidden; list-style: none; clear: both;
    left: 0px;
position: absolute;
display: inline-block;margin: 0px;height: 110px; }
.slideShowSlide .slideContent .desc{margin-bottom: 0px}
#slider-code2 .overview li { float: left;
    margin: 5px;
    cursor: pointer;
    width: 132px;
    border:1px solid #ADABAB;
    position: relative;
    height: 100px;
    background-color: white;
    box-sizing: border-box;
    }

#slider-code2 {text-align: center; position:relative; width: 716px; margin: 0 auto; overflow: hidden}
#slider-code2 .pagenum { background-color: #fff; text-decoration: none; text-align: center; padding: 5px; color: #555555; font-size: 14px; font-weight: bold; display: block; }
#slider-code2 .active { color: #fff; background-color:  #34B9C8; }
#slider-code2 .active img.smallImagePager { border: 0px;}
#slider-code2  img.smallImagePager{display: block; /*border: 1px solid #dcdcdc; */max-width: 130px; position: absolute; top: 0; bottom:0; left:0; right: 0;  margin: auto;}
#slider-code2 .buttons{
    width:13px;
    display: inline-block;
      width: 25px;
}

 #slider-code2 .overview li.selected{
   border:6px solid #34b9c8;
     box-sizing: border-box;
  }
#slider-code2 .overview li.selected img{
    width: 100%;
    max-height:100%;
}
#slider-code2 .overview li:hover{
    border-color:#34b9c8;
}
#slider-code2 .overview li .itemSelected{
width: 25px;
height:25px;
position: absolute;
top:5px;
left:5px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.8);
background-image: url(../../images/tick.svg);
background-repeat: no-repeat;
background-position: center center;
background-size:17px auto;
opacity: 0;
z-index: 9;
border:2px solid #ffffff;
}
#slider-code2 .overview li.selected .itemSelected{
opacity:1;
}
#slider-code2 .btnnext{
    right:-23px;
}
#slider-code2 .btnprev{
    left:-23px;
    display:none;
}
#slider-code2 .btnnext .next{
     margin:14px 13px 0 0px;
 }
#slider-code2 .btnprev .prev{
    margin:14px 0 0 13px;
}
#slider-code2 .buttons img{
    max-width:100%;
    height: 30px;
    margin: 15px 0 0 13px;
}

#slider-code2 .buttons img#btnnext{
  float: left;
}

.previewContent{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #FBFCFD;
    padding: 23px 20px 20px 20px;
}
.maskPreview{
    width: 716px;
    margin:0 auto;
    overflow:hidden;
}
.smallImagesPager{display: inline-block;margin-top: 20px;margin-left: 20px;}
.hide{display: none;}
.slideShowSlide .slideContent{padding: 10px 51px;}
.slideShowSlide .slideContent.slideEditor {width: 659px;margin: auto;padding: 0px;}
.slideShowSlide #memotest-container{width: 100%;}
.slideShowSlide #memotest-container #content{padding-bottom: 0px;}
.slideShowSlide #memotest-container #memotest{width: 100%;text-align: center;}
.slideShowSlide #memotest-container #control-panel{display: none;}
.slideShowSlide #memotest-container #write-title-container{margin: 0px;}

.addFeature{
    background:#fff;
    padding: 30px 0px;
    overflow: hidden;
    border-radius: 6px;
}

.addFeature a,
.addFeature li{
  position: relative;
  display: inline-table;
  width: 163px;
  height: 154px;
  background-position: left top;
  background-repeat: no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 19px;
  text-decoration: none;
  color: #30b8c8;
  margin: 21px;
  margin-right: 40px;
  text-align: center;
}

.addFeature li{
  position: relative;
  float: left;
  display:  list-item;
}

.addFeature a div,
.addFeature li div{
  background: transparent;
  position: absolute;
    padding: 100px 10px 0;
    position: absolute;
    width: 143px;
}

.addFeature a.addContentBtn{
    background-image:url(../../images/addFeature/addContent.gif);
}

.addFeature a.createSlideBtn{
    background-image:url(../../images/addFeature/addSlide.gif);
}

.addFeature a.webPageBtn{
    background-image:url(../../images/addFeature/addWebPage.gif);
}

.addFeature a.addActivityBtn{
    background-image:url(../../images/addFeature/addActivity.gif);
}

.addFeature a.addWebActivityBtn{
    background-image:url(../../images/addFeature/addWebActivity.gif);
}

.addFeature a.group:last-of-type{
  margin-right: 95px;
}

.addFeature a.group:first-child{
  margin-left: 95px;
}

.addFeature a.selected,
.addFeature a:hover{
    background-position:left -154px;
    color:#fff;
    cursor:pointer;
}

.addFeature div
{
    background:#30b8c8;
    text-align:center;
    padding:20px 0;
}
.addFeature div, .addFeature ul{
    background: #30b8c8;
    text-align: center;
    padding: 20px 0;
}
.addFeature div a,
.addFeature ul li{
    width:150px;
    height:95px;
    /*vertical-align:middle;*/
    display:inline-block;
    margin:0;
    padding:0;
    text-align:center;
    color:#fff;
    cursor: pointer;
}

.addFeature ul{
  overflow: hidden;
}

.addFeature ul li img{
    top: 48px;
}

.addFeature div a img{
  margin-bottom: 45px;
}

.addFeature div.featureBlock{
  padding: 0px;
}

.addFeature div.featureBlock .buttons{
  display: inline-block;
  margin: 0px;
  width: 20px;
  height: initial;
  vertical-align: initial;
}

.addFeature div.featureBlock.active .buttons{
  display: inline-block;
}


.addFeature div.featureBlock.active .buttons.disable{
  background: none;
}

.addFeature div.featureBlock .buttons.disable img{
  display:none;
}

.addFeature div.featureBlock .viewport{
  padding: 0px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  width: 740px;
}

.addFeature div.featureBlock .viewport .overview{
  position: relative;
}

/*DRAG PANEL*/

#smartUploadOverlay {
    z-index: 1101;
}

#smartUploadDrag{
    position:absolute;
    top:120px;
    margin:0 auto;
    background-color:rgba(255, 255, 255, 0.8);
    padding:14px 17px 14px 11px;
    width:932px;
    height:450px;
    z-index: 1102;
}

#smartUploadDrag:hover,
#smartUploadDrag.hover{
    background-color:rgba(76, 194, 255, 0.8);
}

#smartUploadDrag div{
    border:4px dashed #4cc2ff;
    width:100%;
    height:100%;
}

#smartUploadDrag:hover div,
#smartUploadDrag.hover div{
    border:4px dashed #fff;
}

#smartUploadDrag p{
    background:url(../../images/smartUpload/dragIcon.png) left top no-repeat;
    min-height:100px;
    position:absolute;
    left:335px;
    top:205px;
    font-size:40px;
    font-family:Arial, Helvetica, sans-serif;
    color:#36373b;
    padding-left:84px;
    width:275px;
    line-height:36px;
}

#smartUploadDrag:hover p,
#smartUploadDrag.hover p{
    background:url(../../images/smartUpload/dragIconH.png) left top no-repeat;
    color:#fff;
}

#smartUploadDrag p span{
    font-size:13px;
    display:block;
}

/* smart upload popup */

#smartUploadPopup.suMaximized{
    width:716px;
    min-height:480px;
    padding:30px;
    background:#fff;
    position:absolute;
    z-index: 1103;
}

#smartUploadPopup.suMaximized table{
  margin-top: 20px;
}

#smartUploadPopup #index th{
  font-size: 28px;
  font-family: Arial, Helvetica, sans-serif;
  color: #59595C;
  font-weight: inherit;
  text-align: left;
  padding-left: 30px;
  padding-bottom: 10px;
  border-bottom: 2px solid #00A8FF;
}

#smartUploadPopup.suMaximized td{
    padding:15px;
    text-align:center;
    vertical-align:middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#00A8FF;
}

#smartUploadPopup.suMaximized td.suFileName{
    text-align:left;
    width: 62%;
}
#smartUploadPopup.suMaximized td.suFileStatus,
#smartUploadPopup.suMaximized td.suFilePreview{
    width: 15%;
}
#smartUploadPopup.suMaximized td.suFileActions{
     width: 8%;
}

#smartUploadPopup.suMaximized div.suStatusBar .suStatus{
    background-color: #00A8FF;
    height:8px;
}

#smartUploadPopup.suMaximized div.suStatusBar{
    border:1px solid #00A8FF;
    width:77px;
    height:8px;
    float: right;
}

#smartUploadPopup.suMinimized div.suStatusBar .suStatus{
    background-color: #00A8FF;
    height:6px;
}

#smartUploadPopup div.suStatusBar.suBarFull{
    background:#33b8c7;
}

#smartUploadPopup div.suStatusBar.suBarFull.error{
    background:#a62027;
    border:none;
}

#smartUploadPopup.suMaximized .button-bar{
    width: 100%;
    padding: 15px;
}

#smartUploadPopup.suMaximized .button-bar .done{
  float: right;
  margin-right: 15px;
}

#smartUploadPopup.suMaximized .suActions{
    position:absolute;
    top:10px;
    right:10px;
    cursor: pointer;
}

#smartUploadPopup .suActions div{
  display: inline-block;
  width: 11px;
    height: 11px;
    padding: 0 5px;
}

#smartUploadPopup .suActions .minimize{
    background: url(../../images/smartUpload/suMin.gif) top left no-repeat;
    cursor: pointer;
}

#smartUploadPopup .suActions .maximize{
    background: url(../../images/smartUpload/suMax.gif) top left no-repeat;
    cursor: pointer;
}

#smartUploadPopup .suActions .close{
    background: url(../../images/smartUpload/suClose.gif) top left no-repeat;
    cursor: pointer;
}

#smartUploadPopup.suMaximized div.preview div{
  height: 45px;
  width: 60px;
}
#smartUploadPopup.suMaximized div.preview div.audio{
  background: url(../../images/smartUpload/audio.svg) center center no-repeat;
  background-size: 30px 27px;
}

#smartUploadPopup.suMaximized div.preview div.video{
  background: url(../../images/smartUpload/Video.svg) center center no-repeat ;
  background-size: 18px 28px;

}

#smartUploadPopup.suMaximized div.preview div.pdf{
  background: url(../../images/smartUpload/pdf.png) center center no-repeat;
}

#smartUploadPopup.suMaximized div.preview div.csv{
    background: url(../../images/smartUpload/csv.png) top left no-repeat;
}

#smartUploadPopup.suMaximized div.preview div.ppt{
  background: url(../../images/smartUpload/ppt.png) top left no-repeat;
}

#smartUploadPopup.suMaximized div.preview div.zip{
  background: url(../../images/smartUpload/zip.png) top left no-repeat;
}

#smartUploadPopup.suMaximized div.preview,
#smartUploadPopup.suMaximized .preview canvas{
    max-width: 60px;
    max-height: 45px;
}

#smartUploadPopup.suMaximized div.preview {
    height: 45px;
    display: inline-block;
}

#smartUploadPopup.suMinimized{
    background:#fff;
    z-index:100000;
    height:20px;
    position:fixed;
    bottom:5px;
    right:100px;
    border:1px solid #ababab;
    padding:7px 7px 7px;
    color:#686868;
    font-size:12px;
}

#smartUploadPopup.suMinimized .suActions{
    display:inline-block;
    cursor: pointer;
}

#smartUploadPopup.suMinimized .fileupload-progress{
    display:inline-block;
    background:#b3b2b7;
    height:6px;
    width:90px;
    margin-right:20px;
}

#smartUploadPopup.suMinimized *{
    vertical-align:middle;
}

#smartUploadPopup.suMaximized .minimization{
    display: none;
}

#smartUploadPopup.suMinimized .maximization{
    display: none;
}

.salesforceLogData{
  height:450px !important;;
  width:100% !important;;
}

.showSmartWrapper{
  position:absolute;
  width: 100%;
    max-width: 961px;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 19;
}

.showSmartWrapper img {
  position: absolute;
  top:-25px;
  left: 172px;
}

#presentationListDiv .showSmartWrapper img {
    top:2px;
}

.showSmartWrapper #showSmart {
  margin-top: 155px;
  color:white;
}

.showSmartWrapper #showSmart p {
  color: white;
  line-height: 37px;
}

.showSmartWrapper .btn {
  padding: 8px;
  width: 100px;
  line-height: 20px;
  font-size: 15px;
  margin-left: 415px;
  background: #34b9c8;
  border-radius: 8px;
  cursor: pointer;
  margin-top: 60px;
}

.showSmartWrapper .btn:hover {
  background: rgb(50, 201, 218);
}
.presContent .showSmartWrapper .btn{
   width: 60px;
    font-size: 120%;
    text-align: center;
}
.showSmartWrapper .div {
  background: rgb(52, 185, 200);
  width: 219px;
  height: 100%;
  border-radius: 5px;
}

/*
#showSmart {
    width: 392px;
    height: 145px;
    margin:0 auto;
    background:url(../../images/smartUpload/dragndrop_sintxt.png) bottom center no-repeat;
  text-align: right;
  float: none;
}
#showSmart img{
    display: none;

}
*/
#showSmart p{
  color: #404040;
    text-transform: lowercase;
  font-family:Helvetica, Arial, sans-serif;
  font-size: 29px;
  line-height: 29px;
  padding-top: 70px;
}

/*upload features*/

.uploadWrapper{
    background:#fff;
    width:830px;
    padding:10px 30px;
    overflow: hidden;
}

.desc .uploadHeader,
.uploadWrapper .uploadHeader{
    /*border-bottom:2px #34b9c8 solid;*/
    padding:5px 0;
    vertical-align:middle;
    position:relative;
}

.desc .uploadHeader p,
.uploadWrapper .uploadHeader p{
    font-family: Helvetica,  Arial, sans-serif,
    font-size:28px;
    color:#313131;
    padding-left:65px;
    height:29px;
    padding-top:25px;
}

.desc.sketchUpload .uploadHeader p {
  padding-top: 10px;
}

.uploadWrapper .uploadHeader a{
    display:inline-block;
    padding-left:25px;
    padding-top:6px;
    height:22px;
    margin-left:10px;
    text-decoration:none;
    color:#313131;
    width:auto;
}

.desc .uploadHeader div,
.uploadWrapper .uploadHeader div{
    position:absolute;
    right:0;
    bottom:0;
}
#slideShowContent .uploadWrapper .uploadHeader div{
    position:inherit;
    clear:both;
    float:right;
    z-index:9;
}
#slideShowContent #barSlideShow{
float: none;
text-align: right;
}
.uploadWrapper .uploadHeader a.button{
  cursor: pointer;
}

.uploadWrapper .uploadHeader a.addBtn{
    background:url(../../images/uploadContent/add-off.gif) left center no-repeat;
}

.uploadWrapper .uploadHeader a.addBtn:hover{
    background:url(../../images/uploadContent/add-on.png) left center no-repeat;
}

.uploadWrapper .uploadHeader a.deleteBtn,
.uploadWrapper .uploadHeader a.deleteBtn.disabled:hover{
    background:url(../../images/uploadContent/delete-off.gif) left center no-repeat;
}

.uploadWrapper .uploadHeader a.deleteBtn:hover{
    background:url(../../images/uploadContent/delete-on.png) left center no-repeat;
}

.uploadWrapper.uploadSlideShow .uploadHeader h1{
    background:url(../../images/uploadContent/title-SlideShow.png) left center no-repeat;
    background-size:38px;
    padding-left:47px;
}

.uploadWrapper.uploadAudio .uploadHeader p{
    background:url(../../images/uploadContent/title-audio.gif) left center no-repeat;
}

.uploadWrapper.uploadImage .uploadHeader p{
    background:url(../../images/uploadContent/title-img.gif) left center no-repeat;
}

.uploadWrapper.uploadSlides .uploadHeader p{
    background:url(../../images/uploadContent/title-slides.png) left center no-repeat;
}


.uploadWrapper.uploadSlide .uploadHeader p{
    background:url(../../images/uploadContent/title-Slide.gif) left center no-repeat;
}

.uploadWrapper.uploadVideo .uploadHeader h1{
    background:url(../../images/uploadContent/title-video.gif) left center no-repeat;
    background-size: auto 30px;
    padding-left: 30px;
}

.uploadWrapper.uploadWebPage .uploadHeader p{
    background:url(../../images/uploadContent/title-webpage.gif) left center no-repeat;
}

#uploadAudio .uploadHeader h1{
    background:url(../../images/Slides/audio.svg) left center no-repeat;
    padding-left:35px;
}

#uploadPDF .uploadHeader h1{
    background:url(../../images/Slides/pdf.svg) left center no-repeat;
    padding-left:35px;
}
.uploadWebPage .uploadHeader h1{
    background:url(../../images/Slides/web-content.svg) left center no-repeat;
    padding-left:35px;
}
.collaborative .uploadHeader h1{
    background:url(../../images/Slides/drawit.svg) left center no-repeat !important;
    padding-left:35px;
}
.twitter .uploadWrapper.uploadWebPage .uploadHeader h1 {
background: url(../../images/uploadContent/twt-icon.png) left center no-repeat;
background-size: auto 30px;
padding-left: 49px;
}

.uploadWrapper.uploadPDF .uploadHeader p{
    background:url(../../images/uploadContent/pdf-icon2.png) left center no-repeat;
}

.desc .uploadHeader.quiz h1{
    background: url(../../images/quizBck.png) left center no-repeat;
    background-size:auto 32px;
    padding-left:36px;
}

.desc .uploadHeader.qa{
  background: url(../../images/qnaBck.png) 15px center no-repeat;
}

.desc .uploadHeader.poll{
  background: url(../../images/pollBck.png) 15px center no-repeat;
    background-size:auto 31px;
}
.desc .uploadHeader.poll h1{
padding-left:51px;
}

.desc .uploadHeader.freeText{
  background: url(../../images/Slides/freeText/freetextBck.png) center left no-repeat;
    background-size: auto 30px;
}
.desc .uploadHeader.freeText h1{
    padding-left:35px;
}
.desc .uploadHeader.exitTicket{
  background: url(../../images/Slides/exitTicket/exitticketBck.png) 15px center no-repeat;
}

.desc .uploadHeader.drawit{
  background: url(../../images/ftitle-drawit.png) left center no-repeat;
    background-size:auto 31px;
}
.desc .uploadHeader.drawit h1{
    padding-left:28px;
}

.desc.sketchUpload{
  margin-bottom: 20px;
}


.uploadWrapper .uploadContent{
    padding-top:4px;
    min-height: 370px;
}
.uploadVideo .uploadWrapper .uploadContent{
height:470px;
}
.uploadWrapper .uploadContent p{
    font-size:15px;
    color:#313131;
    font-family: Helvetica,Arial, sans-serif;
}

.uploadWrapper .uploadContent input[type="text"]{
    border-radius:5px;
    border:1px solid #9a9a9a;
}

.uploadWrapper.uploadWebPage .uploadContent{
    padding:25px 52px 0 52px;
}

.uploadWrapper.uploadWebPage .uploadContent p{
    margin-bottom: 20px;
}

.preview .uploadWrapper.uploadWebPage{
  width: inherit;
}

.preview .uploadWrapper.uploadWebPage .uploadContent input[type="text"]{
  width: 532px;
}

.uploadWrapper.uploadWebPage .uploadContent .browseWeb.twitter input[type="text"]{
  width: 586px;
}

.preview .uploadWrapper.uploadWebPage .uploadContent .browseWeb.twitter input[type="text"]{
  width: 430px;
}

.uploadWrapper.uploadWebPage .uploadContent input[type="text"]{
    width:700px;
    color:#000;
    font-weight:normal;
    font-family: Helvetica, Arial, sans-serif,
    font-size:14px;
}

.uploadWrapper.uploadWebPage .uploadContent input[type="text"]{
  width: 550px;
}

.uploadWrapper .uploadContent .leftCol{
    width:235px;
    float:left;
}

.uploadWrapper .uploadContent .leftCol a{
    font-family: Helvetica,  Arial, sans-serif;
    font-size:18px;
    color:#313131;
    text-decoration:none;
    display: block;
    height: 43px;
    width: 166px;
    padding-left:57px;
    padding-top:22px;
    margin-bottom:19px;
    position: relative;
    cursor: pointer;
}

.uploadWrapper .uploadContent .leftCol a input,
.uploadWrapper .uploadContent .leftCol a input.fileUpload,
.uploadWrapper .uploadContent .leftCol a input#fileUpload{
    height: 43px;
    width: 166px;
    padding-left:57px;
    padding-top:22px;
    margin-bottom:15px;
}

.uploadWrapper.uploadSlideShow.editor .uploadContent{
  padding-left: 15px;
}

.uploadWrapper .uploadContent .leftCol a.browseBtn{
    background:url(../../images/uploadContent/Browse.png) left top no-repeat;
    color: #30b9c8;
}

.uploadWrapper .uploadContent .leftCol a.browseBtn:hover{
    color: white;
}

.uploadWrapper .uploadContent .leftCol a.dropboxBtn{
    background:url(../../images/uploadContent/DropBox.png) left top no-repeat;
}

.uploadWrapper .uploadContent .leftCol a.boxBtn{
    background:url(../../images/uploadContent/Box.png) left top no-repeat;
}

.uploadWrapper .uploadContent .leftCol a.googleBtn{
    background:url(../../images/uploadContent/Google.png) left top no-repeat;
}

.uploadWrapper .uploadContent .leftCol a.youtubeBtn{
    background:url(../../images/uploadContent/YouTube.png) left top no-repeat;
}

.uploadWrapper .uploadContent .leftCol a.googleDriveBtn{
    background:url(../../images/uploadContent/GoogleDrive.png) left top no-repeat;
}

.uploadWrapper .uploadContent .leftCol a.oneDriveBtn{
    background:url(../../images/uploadContent/OneDrive.png) left top no-repeat;
}

.uploadWrapper .uploadContent .leftCol a:hover{
    background-position:left -65px;
}

.uploadWrapper .uploadContent .rightCol{
    width:570px;
    float:right;
    position: relative;
    height: 402px;
}

.uploadWrapper .uploadContent .rightCol .browseBox{
    height:352px;
    border:2px solid #30b8c8;
    border-radius:5px;
    padding:25px 15px 25px 25px;
}

.uploadWrapper .mCSB_container{
  margin-right: 0px;
    min-height: 100%;
    width: 488px;
    list-style: none;
}

.uploadWrapper .video-results-container .mCSB_container{
    width: 500px;
}

.uploadWrapper .mCSB_container.show-more {
    padding-bottom: 20px;
}

.uploadWrapper .browseBox div.searchInput *{
    vertical-align:top;
}

.uploadWrapper .browseBox div.searchInput label{
    font-style: italic;
}

.uploadWrapper .browseBox div.searchInput input.google-search-input,
.uploadWrapper .browseBox div.searchInput input.video-search-input{
    background-color: #ffffff;
    border: 1px solid #ebeff2;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    color: #b8c0c6;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    line-height: 19px;
    padding: 10px 17px;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
    display: inline-block;
    height: 29px;
    width: 326px;
    box-sizing: content-box;
}

.uploadWrapper .browseBox div.searchInput a{
    background: url(../../images/Slides/slideEditor/searchInput.svg) center no-repeat #ffffff;
    border: 1px solid #ebeff2;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    margin-top: 0px;
    margin-left: -5px;
    width: 56px;
    height: 49px;
    cursor: pointer;
}


.uploadWrapper .browseBox div.searchInput a:hover{
    background: url(../../images/Slides/slideEditor/searchInputH.svg) center no-repeat #ffffff;
    background-color: #fafafa;
}

.uploadWrapper .browseBox .video-results-container.browseResults{
  padding: 0px;
    width: 508px;
}

.uploadWrapper .browseBox .browseResults{
    max-height:290px;
    overflow:auto;
    margin-top: 10px;
    padding: 0px 5px 0px 10px;
    width: 493px;
}

.uploadWrapper .browseBox .browseResults .search-video img,
.uploadWrapper .browseBox .browseResults .search-video iframe{
    float: left;
    margin: -2px;
    margin-right: 6px;
    width: 120px;
    height: 90px;
}

.uploadWrapper .browseBox .browseResults .search-video.selected img,
.uploadWrapper .browseBox .browseResults .search-video.selected iframe{
    width: 200px;
    height: 150px;
}

.uploadWrapper .browseBox .browseResults .search-video .title{
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 14px;
    font-weight: bold;
    height: 43px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.uploadWrapper .browseBox .browseResults .search-video .desc{
    font-size: 12px;
    line-height: 12px;
    height: 24px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.uploadWrapper .browseBox .browseResults .search-video .date{
    font-size: 11px;
    position: absolute;
    bottom: 0;
    left: 129px;
}

.uploadWrapper .browseBox .browseResults .search-video.selected .date{
    left: 209px;
}

.uploadWrapper .browseBox .browseResults .search-video span{
    text-align: left;
    display: block;
}

.uploadWrapper .browseBox .browseResults .search-image div{
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.uploadWrapper .uploadContent .rightCol .dragDropPanel,
.uploadWrapper .previewPanel{
    height:278px;
    padding:0;
    top: 0;
    left: 0;
    width: 510px;
    z-index: 1;
}

.uploadWrapper .previewPanel{
    z-index: 2;
}

#dragDropAnimation {
    display: none;
    margin: 0 auto;
    position: absolute;
    height: 140px;
    top: 50%;
    margin-top: -70px;
    width: 200px;
    left: 50%;
    margin-left: -100px;
}
#dragDropAnimationIcon {
    display: block;
    width: 60%;
    margin: 0 auto;
    overflow: hidden;
}

.uploadWrapper .uploadContent .rightCol .dragDropPanel.hover div p{
  color: white;
  background: url(../../images/smartUpload/dragIconH.png) left top no-repeat;
}

.uploadWrapper .uploadContent .rightCol .dragDropPanel div{
    height: 400px;
    position: relative;
    width: auto;
}

.uploadWrapper .uploadContent .rightCol .dragDropPanel p{
    top:158px;
    left:95px;
    position: absolute;
    line-height: 36px;
  background: url(../../images/smartUpload/dragIcon.png) left top no-repeat;
  padding-left: 84px;
    color: #8D8D8D;
}

.uploadWrapper .uploadContent ul.uploadPreview{
  overflow:overlay;
  height:450px;
}

.uploadWrapper .uploadContent ul.uploadPreview.multiSortable{
  overflow:auto;
}

.uploadWrapper .uploadContent ul.uploadPreview li{
  position:relative;
    float:left;
    margin:0 14px 18px 0;
    width:147px;
    height:110px;
    border: 1px solid #c7c7c7;
    text-align: center;
    background-color: white;
}

.uploadWrapper ul.uploadPreview li img {
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.uploadWrapper ul.uploadPreview li.new.noSortable{
  background: url(../../images/uploadContent/addSlide.png) left top no-repeat;
    width:146px;
}
.uploadWrapper ul.uploadPreview li.new.noSortable:hover{
  background: url(../../images/uploadContent/addSlide-on.png) left top no-repeat;
    cursor: pointer;
}
.uploadWrapper ul.uploadPreview li.selected:after {
  content: '';
  position: absolute;
  width:139px;
  height:102px;
  border: 4px solid #00A8FF;
  background: url(../../images/tick.png) left top rgba(255, 255, 255, 0.7) no-repeat;
  left: 0px; top: 0px;
}

.uploadWrapper .browseBox div.search-video {
    height: 86px;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    color: #454545;
    margin-bottom: 8px;
    padding: 5px;
    background: none;
    border: 2px solid transparent;
    -webkit-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin: 0 5px 10px 5px;
    border-radius: 4px;
    background: #ffffff;
    position: relative;
    cursor: pointer;
}

.uploadWrapper .browseBox div.search-image {
  float: left;
    border: 2px solid #ebeff2;
    width: 106px;
    height: 112px;
    margin: 0 5px 10px 5px;
    border-radius: 4px;
    background: #ffffff;
    position: relative;
    cursor: pointer;
}

.uploadWrapper .browseBox div.search-image.selected {
    border: 2px solid #06aaff;
}

.uploadWrapper .browseBox div.search-image:hover {
    background: #dddddd;
}

.uploadWrapper .browseBox div.search-image::before {
    background: #454545;
    opacity: 0;
    content: "";
    width: 106px;
    height: 112px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.uploadWrapper .browseBox div.search-image.selected:before {
    background: linear-gradient(180deg, transparent 0%, black 100%);
    opacity: 0.8;
    content: "";
    width: 106px;
    height: 112px;
    position: absolute;
    top: 0;
    left: 0;
}

.uploadWrapper .browseBox div.search-video.selected {
    border: 2px solid #06aaff;
    height: 146px;
    -webkit-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.uploadWrapper .browseBox div.search-video.selected:before {
    content: "";
    background: url(../../images/Slides/slideEditor/bt_youtube_preview.svg) left top no-repeat transparent;
    opacity: 0.8;
    position: absolute;
    top: 52px;
    left: 77px;
    width: 52px;
    height: 52px;
    pointer-events: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.uploadWrapper .browseBox div.search-video.selected:hover::before {
    opacity: 1;
}

.uploadWrapper .browseBox div.search-image.selected:after {
    width: 106px;
    height: 112px;
    top: 0;
    left: 0;
    background: url(../../images/Slides/slideEditor/selectedImg.svg) center no-repeat transparent;
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.uploadWrapper .uploadContent .dragDropPanel p{
  font-size:40px;
  line-height: 40px;
}

.uploadWrapper .uploadContent .dragDropPanel p span{
  font-size:13px;
    display:block;
}

.uploadWrapper .uploadBottom{
    clear:both;
    text-align:right;
    padding:15px 0px 5px 0px;
    height: 40px;
}

.uploadWrapper .uploadBottom div{
    text-align:left;
    cursor: pointer;
}

.uploadWrapper .uploadBottom div.saveBtn{
    display:inline-block;
    width:67px;
    height:27px;
    color:#fff;
    padding-left:44px;
    padding-top:10px;
    text-decoration:none;
    background:url(../../images/uploadContent/saveBtn.gif) left top no-repeat;
    float:none;
    font-size:14px;
}

/* Preview */
#slider-code .viewport .uploadWrapper.uploadSlideShow{
    width: auto;
    padding: 10px 15px;
}

#slider-code .viewport .uploadWrapper.uploadSlideShow .uploadContent ul.uploadPreview {
  overflow: overlay;
  height: auto;
}

#slider-code .viewport .uploadWrapper.uploadVideo .uploadContent .rightCol {
  width: 100%;
  height: auto;
}

#slider-code .viewport .uploadWrapper.uploadVideo {
  width: auto;
  padding: 5px 15px;
}

#slider-code .viewport  .uploadWrapper.uploadVideo .uploadContent .rightCol .previewPanel {
    width: 676px;
    height: 370px;

}

#slider-code .viewport .uploadWrapper.uploadVideo .uploadContent .rightCol .dragDropPanel{
  display: none;
}

.salesforceLogData{
  height:450px !important;
  width:100% !important;
}
.textLeft{
    text-align: left;
}
.summary tr td.textLeft{
    text-align: left;
}

#shareButton{
    display: none;
    text-align: left;
}

#presentationListDiv{
  margin-top: 32px;
  margin-bottom: 70px;
  position: relative;
}

.saveSettings {
    width: 500px;
    padding-top: 15px;
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: right;
}

/*
#publishPresentation {
    background-image: url(../../images/publish.png) ;
    background-repeat: no-repeat;
    background-position: 11px center;
    background-size: 21px auto;
    background-color: #ef4d4d;
    border: 1px solid #ce4141;
}
#publishPresentation:hover {
    background-color: #f76f6f;
}
#publishPresentation.published:hover {
    cursor:default;
}
*/

#sellPresentation.published:hover {
    opacity: 1;
}

#sellPresentation {
    background-image: url(../../images/Bt_sell.png) ;
    background-repeat: no-repeat;
    background-position: 15px 9px;
    background-size: 18px auto;
    border: 1px solid #0097A7;
}

#sellPresentation.published:hover {
    opacity: 1;
}

/* Image Uploader */
.slideContent.slideEditor.slideEditorImage {
    width: 626px;
}

.slideContent.slideEditor.slideEditorImage .btnBox {
    margin-bottom: 20px;
}

.slideContent.slideEditor.slideEditorImage.uploader {
    width: 890px;
}

.slideContent .imageUploadedCanvas {
    height: 46px;
    width: 46px;
    border: none;
    text-align: center;
    position:relative;
    background-color: transparent;
    display: inline-block;
    float: left;
    margin: 0 10px;
}

.slideContent .imageUploadedCanvas a {
    background: url(../../images/quiz/add-image.png) top left no-repeat;
    width: 46px;
    height: 46px;
    margin: 0;
}

.editImage a.uploading {
    background: url(../../images/google_loading.gif) top left no-repeat;
    background-size: 26px 26px;
    background-position: center;
}

.editImage.currentImage .closeImageButton {
    position: relative;
    background-size: 14px 14px;
    top: -68px;
    left: 35px;
}

/* Custom Scrollbar mCSB */
/*
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255,255,255,0.75) !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.4) !important;
}
*/

.ui-draggable { -ms-touch-action: none;}

/*.mCSB_dragger .ui-draggable {top: 20px; height: 50px}

/* HELPER */
#helperContainer {
    width: auto;
    height: auto;
    position: relative;
}

.previewPanel #ytplayer {
    margin: 6px auto;
    height: 100%;
}

#youtubeIframe {
    width: 570px;
    height: 406px;
    display: block;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
}

.previewPanel .videoInfo {
    display: inline-block;
    width: 100%;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 10px;
}

.previewPanel .videoInfo .title{
    font-weight: bold;
    width: 100%;
}

.previewPanel .videoInfo .duration{
    float: left;
    width: 100%;
}

/******************************************/
/*********** HELPER POPUP BASE ************/
/******************************************/
.helperBackground {
    position: fixed;
    top: 0px;
    left: 0px;
    /*background-color: gray;*/
    z-index: 991;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    filter: alpha(opacity=30);
    zoom: 1;
}

.helpersContent{
    background-color:white;
    border:3px solid #d4d4d4;
    border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    color:#5e5e5e;
    box-sizing:border-box;
    padding:13px 13px 17px 13px;
    moz-box-shadow: 10px 10px 1px rgba(102,102,102,0.5);
    -webkit-box-shadow: 10px 10px 1px rgba(102,102,102,0.5) ;
    box-shadow: 10px 10px 1px rgba(102,102,102,0.5);
    position:absolute;
    /*top: 18px;
    right: 363px;*/
    z-index: 992;
}

.helpersContent.Report{
    left: 410px;
    top: 125px;
    width: 378px;
}
.helpersContent:after{
    content:"";
    width:159px;
    height:164px;
    background:url('../../images/helper/flechaLeft.png') top right no-repeat;
    position:absolute;
    top: -84px;
    left: -160px;
}
.helpersContent .msnHelper{
    background-color:#f7f7f7;
    margin-top:-18px;
    border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    text-align:center;
    padding:36px 13px 13px 13px;
    font-family: Arial, Helvetica, sans-serif;
}
.Becameauthor .msnHelper{
    background-color:#fafafa;

}
.helpersContent h1, .helpersContent h2{
    font-size:28px;
    font-weight:normal;
    line-height:1.1;
    margin-top:0;
    margin-bottom:0;
    font-family: Arial, Helvetica, sans-serif;
    color: #5e5e5e;
    text-shadow: none;
    padding-bottom: 4px;
}

.helpersContent h1{
    font-size: 19pt;
}

.helpersContent h1.titleDescription{
    font-size: 20pt;
    position: absolute;
    bottom: 58px;
}

.helpersContent h2{
    font-size: 19pt;
    text-align: right;
    margin-right: 8px;
}

.helpersContent .msnHelper  .btnnHelper.btnnHelperNok{
    float:right;
    text-align:right;
    width:121px;
    height:32px;
    margin-top:-8px;
    margin-right:12px;
    box-sizing:border-box;
    text-decoration:none;
    background-color:transparent;
    border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
}

.helpersContent .msnHelper .btnnHelper{
    float:right;
    text-align:right;
    width:120px;
    height:32px;
    margin-top:-8px;
    margin-right:13px;
    box-sizing:border-box;
    color:white;
    text-decoration:none;
    background-color:#27b8cb;
    border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
}

.helpersContent .msnHelper  .btnnHelper.btnnHelperNok:hover{
    background-color:transparent;
}

.helpersContent .msnHelper  .btnnHelper:hover{
    background-color:#2F95A0;
}

.helpersContent .msnHelper .btnnHelper #btnnHelperNok{
    color: #27b8cb;
    font-size: 18px;
}

.helpersContent .msnHelper .btnnHelper #btnnHelperNok:hover{
    color: #2F95A0;
}

.helpersContent .msnHelper .btnnHelper #btnnHelperOk{
    color: white;
    font-size: 18px;
}

.helpersContent .msnHelper .btnnHelper a{
    text-decoration:none;
    padding:8px 15px;
    display:block;
    font-size:20px;
    text-align: center;
}
.helpersContent .imgsobresaliente{
    margin-left:-18px;
    width: 100%;
    height: 100%;
}

.helpersContent .msnHelper p{
    padding:6px;
    margin: 16px 0;
    font-size: 12pt;
    text-align: left;
}

/*********** HELPER POPUP OVERRIDES ************/

/* Helper Reports overrides */
.helpersContent.Report .imgsobresaliente {
    width: 314px;
    height: 179px;
}

.helper img.helperArrow {
    position: absolute;
    top: -11px;
    right: -78px;
    width: 30%;
    height: 30%;
}

/* Helper Twitter overrides */
.helpersContent.Twitter {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Twitter:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Twitter .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper PDF overrides */
.helpersContent.PDF {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.PDF:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.PDF .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Poll overrides */
.helpersContent.Poll {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Poll:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Poll .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Converttopdf overrides */
.helpersContent.Converttopdf {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Converttopdf:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Converttopdf .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Scrubber overrides */
.helpersContent.Scrubber {
    left: 290px;
    top: 50px;
    width: 435px;
    text-align: center;
}

.helpersContent.Scrubber:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Scrubber .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Notes overrides */
.helpersContent.Notes {
    left: 290px;
    top: 50px;
    width: 436px;
    text-align: center;
}

.helpersContent.Notes:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Notes .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Drawit overrides */
.helpersContent.Drawit {
    left: 290px;
    top: 50px;
    width: 385px;
    text-align: center;
}

.helpersContent.Drawit:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Drawit .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Truefalse overrides */
.helpersContent.Truefalse {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Truefalse:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Truefalse .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Wordsearch overrides */
.helpersContent.Wordsearch {
    left: 290px;
    top: 50px;
    width: 378px;
    text-align: center;
}

.helpersContent.Wordsearch:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Wordsearch .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Quiz overrides */
.helpersContent.Quiz {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Quiz:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Quiz .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Reportaccess overrides */
.helpersContent.Reportaccess {
    left: 420px;
    top: 105px;
    width: 378px;
}

.helpersContent.Reportaccess:after{
    content: "";
    background: url('../../images/helper/flechaLeft.png') top right no-repeat;;
    position: absolute;
    top: -70px;
}

.helpersContent.Reportaccess .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Sketch overrides */
.helpersContent.Sketch {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Sketch:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Sketch .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Slideshow overrides */
.helpersContent.Slideshow {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Slideshow:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Slideshow .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Webpage overrides */
.helpersContent.Webpage {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Webpage:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Webpage .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Becameauthor overrides */
.helpersContent.Becameauthor {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Becameauthor:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Becameauthor .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Maxstorage overrides */
.helpersContent.Maxstorage {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Maxstorage:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Maxstorage .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Maxstoragegold overrides */
.helpersContent.Maxstoragegold {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Maxstoragegold:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Maxstoragegold .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Heavyuserlabs overrides */
.helpersContent.Heavyuserlabs {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Heavyuserlabs:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Heavyuserlabs .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Heavyuseradvancedsettings overrides */
.helpersContent.Heavyuseradvancedsettings {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Heavyuseradvancedsettings:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Heavyuseradvancedsettings .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Matchingarrows overrides */
.helpersContent.Matchingarrows {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Matchingarrows:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Matchingarrows .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Addimagetoq overrides */
.helpersContent.Addimagetoq {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Addimagetoq:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Addimagetoq .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Addimagetop overrides */
.helpersContent.Addimagetop {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Addimagetop:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Addimagetop .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Copypaste overrides */
.helpersContent.Copypaste {
    left: 290px;
    top: 15px;
    width: 378px;
}

.helpersContent.Copypaste:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Copypaste .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Mathsymbols overrides */
.helpersContent.Mathsymbols {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Mathsymbols:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Mathsymbols .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Homework overrides */
.helpersContent.Homework {
    left: 300px;
    top: 70px;
    width: 378px;
}

.helpersContent.Homework:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Homework .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Nppsdownload overrides */
.helpersContent.Nppsdownload {
    left: 300px;
    top: 70px;
    width: 378px;
}

.helpersContent.Nppsdownload:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Nppsdownload .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Edit overrides */
.helpersContent.Edit {
    left: 300px;
    top: 70px;
    width: 378px;
}

.helpersContent.Edit:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Edit .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Exitticket overrides */
.helpersContent.Exitticket {
    left: 300px;
    top: 70px;
    width: 378px;
}

.helpersContent.Exitticket:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Exitticket .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Memotest overrides */
.helpersContent.Memotest {
    left: 300px;
    top: 70px;
    width: 378px;
}

.helpersContent.Memotest:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Memotest .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Filltheblanks overrides */
.helpersContent.Filltheblanks {
    left: 300px;
    top: 70px;
    width: 378px;
}

.helpersContent.Filltheblanks:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Filltheblanks .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Openended overrides */
.helpersContent.Openended {
    left: 300px;
    top: 70px;
    width: 378px;
}

.helpersContent.Openended:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Openended .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Smartupload overrides */
.helpersContent.Smartupload {
    left: 300px;
    top: 70px;
    width: 378px;
}

.helpersContent.Smartupload:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Smartupload .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Presentations overrides */
.helpersContent.Presentations {
    left: 300px;
    top: 70px;
    width: 378px;
}

.helpersContent.Presentations:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Presentations .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Rookie overrides */
.helpersContent.RookieANewPresentation {
    left: 275px;
    top: 92px;
    width: 378px;
}

.helpersContent.RookieANewPresentation:after{
    content:"";
    width:159px;
    height:164px;
    background:url('../../images/helper/flechaLeft.png') top right no-repeat;
    position:absolute;
    top: 60px;
    left: -160px;
}

.helpersContent.RookieANewPresentation .imgsobresaliente {
    width: auto;
    height: 220px;
}

.helpersContent.RookieAAddContent {
    left: 275px;
    top: 90px;
    width: 378px;
}

.helpersContent.RookieAAddContent:after{
    content:"";
    width:159px;
    height:164px;
    background:url('../../images/helper/flechaLeft.png') top right no-repeat;
    position:absolute;
    top: 60px;
    left: -160px;
}

.helpersContent.RookieAAddContent .imgsobresaliente {
    width: auto;
    height: 220px;
}

.helpersContent.RookieDMyReports {
    left: 310px;
    top: -140px;
    width: 378px;
}

.helpersContent.RookieDMyReports:after{
    content:"";
    width:159px;
    height:164px;
    background:url('../../images/helper/flechaLeft.png') top right no-repeat;
    position:absolute;
    top: 184px;
    left: -160px;
}

.helpersContent.RookieDMyReports .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Poll overrides */
.helpersContent.Poll {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Poll:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Poll .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Converttopdf overrides */
.helpersContent.Converttopdf {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Converttopdf:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Converttopdf .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Quiz overrides */
.helpersContent.Quiz {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Quiz:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Quiz .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Reportaccess overrides */
.helpersContent.Reportaccess {
    left: 420px;
    top: 105px;
    width: 378px;
}

.helpersContent.Reportaccess:after{
    content: "";
    background: url('../../images/helper/flechaLeft.png') top right no-repeat;;
    position: absolute;
    top: -70px;
}

.helpersContent.Reportaccess .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Sketch overrides */
.helpersContent.Sketch {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Sketch:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Sketch .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Slideshow overrides */
.helpersContent.Slideshow {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Slideshow:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Slideshow .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Webpage overrides */
.helpersContent.Webpage {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Webpage:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Webpage .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Becameauthor overrides */
.helpersContent.Becameauthor {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Becameauthor:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Becameauthor .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Maxstorage overrides */
.helpersContent.Maxstorage {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Maxstorage:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Maxstorage .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Maxstoragegold overrides */
.helpersContent.Maxstoragegold {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Maxstoragegold:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Maxstoragegold .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Heavyuserlabs overrides */
.helpersContent.Heavyuserlabs {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Heavyuserlabs:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Heavyuserlabs .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Heavyuseradvancedsettings overrides */
.helpersContent.Heavyuseradvancedsettings {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Heavyuseradvancedsettings:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Heavyuseradvancedsettings .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Matchingarrows overrides */
.helpersContent.Matchingarrows {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Matchingarrows:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Matchingarrows .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Addimagetoq overrides */
.helpersContent.Addimagetoq {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Addimagetoq:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Addimagetoq .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Addimagetop overrides */
.helpersContent.Addimagetop {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Addimagetop:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Addimagetop .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Copypaste overrides */
.helpersContent.Copypaste {
    left: 290px;
    top: 15px;
    width: 378px;
}

.helpersContent.Copypaste:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Copypaste .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Mathsymbols overrides */
.helpersContent.Mathsymbols {
    left: 290px;
    top: 50px;
    width: 378px;
}

.helpersContent.Mathsymbols:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Mathsymbols .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Homework overrides */
.helpersContent.Homework {
    left: 300px;
    top: 70px;
    width: 378px;
}

.helpersContent.Homework:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Homework .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Nppsdownload overrides */
.helpersContent.Nppsdownload {
    left: 300px;
    top: 70px;
    width: 378px;
}

.helpersContent.Nppsdownload:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Nppsdownload .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Edit overrides */
.helpersContent.Edit {
    left: 300px;
    top: 70px;
    width: 378px;
}

.helpersContent.Edit:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Edit .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Exitticket overrides */
.helpersContent.Exitticket {
    left: 300px;
    top: 70px;
    width: 378px;
}

.helpersContent.Exitticket:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Exitticket .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Memotest overrides */
.helpersContent.Memotest {
    left: 300px;
    top: 70px;
    width: 378px;
}

.helpersContent.Memotest:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Memotest .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Filltheblanks overrides */
.helpersContent.Filltheblanks {
    left: 300px;
    top: 70px;
    width: 378px;
}

.helpersContent.Filltheblanks:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Filltheblanks .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Openended overrides */
.helpersContent.Openended {
    left: 300px;
    top: 70px;
    width: 378px;
}

.helpersContent.Openended:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Openended .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Smartupload overrides */
.helpersContent.Smartupload {
    left: 300px;
    top: 70px;
    width: 378px;
}

.helpersContent.Smartupload:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Smartupload .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Presentations overrides */
.helpersContent.Presentations {
    left: 300px;
    top: 70px;
    width: 378px;
}

.helpersContent.Presentations:after{
    content: "";
    background: none;
    position: absolute;
}

.helpersContent.Presentations .imgsobresaliente {
    width: auto;
    height: 220px;
}

/* Helper Rookie overrides */
.helpersContent.RookieANewPresentation {
    left: 275px;
    top: 92px;
    width: 378px;
}

.helpersContent.RookieANewPresentation:after{
    content:"";
    width:159px;
    height:164px;
    background:url('../../images/helper/flechaLeft.png') top right no-repeat;
    position:absolute;
    top: 60px;
    left: -160px;
}

.helpersContent.RookieANewPresentation .imgsobresaliente {
    width: auto;
    height: 220px;
}

.helpersContent.RookieAAddContent {
    left: 275px;
    top: 90px;
    width: 378px;
}

.helpersContent.RookieAAddContent:after{
    content:"";
    width:159px;
    height:164px;
    background:url('../../images/helper/flechaLeft.png') top right no-repeat;
    position:absolute;
    top: 60px;
    left: -160px;
}

.helpersContent.RookieAAddContent .imgsobresaliente {
    width: auto;
    height: 220px;
}

.helpersContent.RookieDMyReports {
    left: 310px;
    top: -140px;
    width: 378px;
}

.helpersContent.RookieDMyReports:after{
    content:"";
    width:159px;
    height:164px;
    background:url('../../images/helper/flechaLeft.png') top right no-repeat;
    position:absolute;
    top: 184px;
    left: -160px;
}

.helpersContent.RookieDMyReports .imgsobresaliente {
    width: auto;
    height: 220px;
}

/*********** NEW FEATURES ************/

.newFeatureIcon {
    position: relative;
}

.newFeatureIcon:after {
    content:"";
    width: 43px;
    height: 43px;
    background: url('../../images/new_feature_icon.png') top left no-repeat;
    position: absolute;
    top: -12px;
    right: 4px;
}

.newFeatureText {
    color: #ffb400;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
    padding-top: 5px;
}

/******************************************/
/************* BETA FEATURE ***************/

.betaIcon {
    position: relative;
}
.betaIcon::after {
    content: '';
    width: 40px;
    height: 40px;
    background: url(../../images/icon_beta.svg) top left no-repeat;
    position: absolute;
    top: -22px;
    right: -20px;
    background-size: auto 33px;
}
h1.titleSub span.betaIcon::after {
    right: -40px;
}

/******************************************/

.saveSettings {
    width: 500px;
    padding-top: 15px;
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: left;
}

.userProfileImageUploader {
    margin-bottom: 15px;
}

.userProfileImage {
    width: auto;
    height: auto;
    overflow: hidden;
    max-width: none;
    max-height: none;
    margin: auto;
}

#sortSelectContent{
   display: inline-block;
position: relative;
top: -2px;
margin-right: 5px;
}

.arrowSort{
    width: 15px;
    display: inline-block;
}
div.arrowSort img{
        display: none;}
div.arrowSort img.selected{
    display: block;
}
.arrowSort .down{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); /* IE 9 */
    -webkit-transform:rotate(180deg); /* Opera, Chrome, and Safari */
}
.presentationSeachContent {text-align: right;
width: 288px;margin-top: 23px;
display: inline-block;}
.titlePresentations{width: 660px;
display: inline-block;
float: left;
}

.helpMeRight {
    border: solid 1px;
    cursor: pointer;
    position: fixed;
    top: 23%;
    z-index: 10000;
    display: block; background-color: rgb(24, 183, 200); border-color: rgb(24, 183, 200);
    right: 0;
    background-position: left 0;
}
#zenbox_overlay #zenbox_body{
    width: 945px;
    height: 655px;
}
#zenbox_overlay #zenbox_container{
    width: 962px;
}

.pickerMessage {
    width: auto;
    font-size: 14px;
    margin: 20px 0px;
    text-align: left;
    padding: 0 10px;
    display: block;
}

.pickerMessage a {
    color: #2DBBCA;
}

.pickerMessage a:hover {
    cursor: pointer
}

.template-upload.deleting {
opacity: 0.5;
filter: alpha(opacity = 50);
}
.deleting{color: red;}

.dropZoneQuestion.hover,.bigImgDrag.hover img{
border: 3px dashed #33b7cc;
padding: 10px;
margin-left: 0px;
margin-right: 0px;
top: -9px;
position: relative;
background: white;
}
.dropZoneQuestion.hover .quesitonChangeImg, .dropZoneQuestion.hover .closeImageButton , .dropZoneQuestion.hover a,.dropZoneQuestion.hover a img.changeImage{
    display: none !important;
}
.dropZoneQuestion .dropHelp{
    display: none;
    font-size: 12px;
    width: 85px;
    height: 36px;
}
.dropZoneQuestion.hover .dropHelp{
    display: block;
}
.popupImg{
    width:716px;
    min-height:480px;
    padding:30px;
    background:#fff;
    position:absolute;
    z-index: 1010;
}
.bigImg{
width: 100%;
height: 300px;
text-align: center;
float: left;
margin-bottom: 20px;
}

.bigImg div.bigImgContainer {
    width: 400px;
    height: 300px;
    width: 100%;
    height: 100%;
    background-color: white;
    margin: auto;
    position: relative;
    border:1px solid #B8B8B8;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    box-sizing: border-box;
}
.previewContent .bigImg div.bigImgContainer{
    width: 95%;
}
.bigImg img{
    background: white;
    max-height: 300px;
    max-width: 610px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    vertical-align: middle;
    margin: auto
}

.quesitonChangeImg:hover,
.sketchChangeImg:hover{
    text-decoration: underline;
}

.quesitonChangeImg,
.sketchChangeImg{
    display: block;
    width: 100%;
    cursor: pointer;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #5B6D79;
    font-size: 12px;
}

.editImage .sketchChangeImg .contentImage{
    width: 61px;
    text-align: center;
}


#sortSelectContent .selectReplace,
#sortSelectContent .select-replace-cover select{
    font-size: 13px;
}
#sortSelectContent{
    font-size: 13px;
   display: inline-block;
position: relative;
top: 2px;
margin-right: 5px;
    float: left;
}

.arrowSort .down{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); /* IE 9 */
    -webkit-transform:rotate(180deg); /* Opera, Chrome, and Safari */
}
.presentationSeachContent {text-align: right;
width:213px;margin-top: 15px;
/*display: inline-block;*/ float:right; }
.titlePresentations{width:auto;/* 660px;*/
display: inline-block;
float: left;
}
.widthStandard{
    width: 100%;
    max-width:961px;

}
.questionDrag{position: absolute;
    z-index: 999999;
width: 105%;
display: none;
left: -15px;
top: -25px;
height: 100%;
background: rgba(171,220,255,0.7);
border: 2px dashed #8d9aff;}
.questionDrag .textDrag{
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 27px;
margin: auto;
position: absolute;
font-size: 29px;
z-index: 9999999;
color: black;
text-align: center;
width: 500px;}

.suFileActions .btn {
cursor: pointer;
}

.changePasswordlink{
   height: 30px;
   color: #616161;
   font-size: 17px;
   font-weight: bold;
}

.referralHeader{
 position:absolute;
 top:0;
 right: 75px;
 margin-top: 16px;
}

.searchBoxTop{
 width: 50px;
 height: 50px;
 position:absolute;
 top:0;
 right: 280px;
 background: url(../../images/search_x2.svg) top center no-repeat;
 cursor: pointer;
/* transition: width .2s ease-out;
 -webkit-transition: width .2s ease-out;
 -moz-transition: width .32 ease-out;*/
}
.searchBoxTop .posActive{
    width: 100%;
    height: 100%;
    position: relative;
}
.compDisabled {
    opacity:0.4;
    -moz-opacity:0.4;
    pointer-events:none;

}
.searchBoxTop:hover{
  background-position:bottom center;
  background-repeat: no-repeat;
}
.searchBoxTop.searchBoxTopOpen{
  width: 208px;
  background-position:bottom left;
  bakground-repeat:no-repeat;
}
.searchBoxTop  .activeSearch{
  width: 100%;
  height: 5px;
  border-bottom: 5px solid #34b9c8;
  display: none;
    position: absolute;
    bottom:-1px;
    left:0;
}
.searchBoxTop .inputFieldWrapper label{
    white-space:nowrap;
}
.searchBoxTop .inputFieldWrapper{
 display:none;
}
.searchBoxTop.searchBoxTopOpen .inputFieldWrapper,.searchBoxTop.searchBoxTopOpen .activeSearch{
 display:block;
}

#districtSlots, #schoolSlots {
    float: right;
    color: #87898c;
}

.changePasswordlink{
   height: 30px;
   color: #616161;
   font-size: 17px;
   font-weight: bold;
}

.password-links{
    margin-bottom: 11px;

}
.password-links button, .password-links span{
    background: none;
    border: none;
    color: #2FB9C8;
    font-size: 16px;
    padding: 0;
    text-decoration: none;

}
.password-links button:hover{
    color: #2FB9C8;
    text-decoration: underline;
}


/*#intercom-container #intercom-messenger #intercom-conversations, #intercom-container #intercom-messenger #intercom-conversation{
    height: 90.8%;
    bottom: 8.9%;
}*/
/*Cuenta de Usuario //////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*
.userPerfil{
    width: 63px;
    height:50px;
    border-right:1px solid #d3d3d3;
    border-left:1px solid #d3d3d3;
    box-sizing: border-box;
    position:absolute;
    top:0;
    right:0;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    cursor:pointer;
}
.userPerfil.active{
border-bottom:5px solid #34b9c8;
}
.imgPerfil{
    width: 36px;
    height:36px;
    overflow:hidden;
    margin-left: 10px;
    margin-top:4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border:3px solid #7b7b7b;
    background-color:#a9a8a8;
}
.imgPerfil img{
    max-width:100%;
    height:100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
*/

.overflowHidden{
    overflow: hidden;
}
.posrelative{
    /*height: 100%;*/
    position:relative;
}
.heightMin{
  /*  min-height:695px;*/
}
.btnBottom{
    width:100%;
    margin: 10px 0 50px 0;
    display: block;
    position:absolute;
    bottom:0;
    left:0;
    }
.infoTop{
    width: 100%;
    background-color: #f8f8f8;
    color:#636363;
    font-size:1.4em;
    position:relative;
    margin-bottom:30px;
    /*padding-bottom:1em;*/
}
.infoTop p{
    line-height:1.6;

}
.infoTop a{
    color:#313131;
    text-decoration: none;
}
.classAccount{
    width:45px;
    overflow: hidden;
    float:left;
    margin-left: 1.2em;
    margin-right: .4em;
}
.classAccount img{
    width:100%;
    height: auto;
}
.txtUser{
    font-size: 120%;
}
.profileUser{
    background:url(../../images/header/profile_ico.png) top left no-repeat;
    padding-left:28px;
    height:25px;
    display:block;
    margin-left: 1.9em;
    margin-top:2.3em;
    line-height:1.4em;
    padding-bottom:1.2em;

}
.profileUser:hover{
    background:url(../../images/header/profile_icoH.png) top left no-repeat;
   /* color:#ff7800;*/
}
.contentCentered{
    text-align: center;
}
.btnOrange{

    background-color:#ff7800;
    color:white;
    padding: 7px 0;
    text-align: center;
    /*-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;*/
    display: block;
}
.btnOrange:hover{
    background-color:#ed6523;
}
/*.boxUpgrade{
    margin-top: 25px;
}*/
a.upgrade{
    display: block;
    width: 100%;
    margin: 0 auto;
    color:white;
    font-size:110%;
    box-sizing: border-box;
    border-radius: 0;
}
/* Sprit imagenes Menu Panel //////////////////////////////////*/
ul.subnav li{
    padding-top: 13px;
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -ms-transition: background .2s ease;
    -o-transition: background .2s ease;
    transition: background .2s ease;
}
ul.subnav li a {
    margin-left: 1.8em;
    padding-left: 28px;
    padding-bottom:13px;
    background-image: url(../../images/header/panelct-sprite.png);
    background-repeat:no-repeat;
   line-height:19px;
    display:block;

}

ul.subnav li:hover{
    background-color: #2dbbca;
}
.largeMargin{
    margin-top:2em;
    margin-bottom:2em;
}
.marginBottom{
    margin-bottom:2em;
}
ul.subnav li a.sprite-help_ico{ background-position: 0 0;  }
ul.subnav li a.sprite-help_ico:hover, ul.subnav li:hover a.sprite-help_ico{ background-position: 0 -44px;  }
ul.subnav li a.sprite-manage{ background-position: 0 -88px; }
ul.subnav li a.sprite-manage:hover, ul.subnav li:hover a.sprite-manage{ background-position: 0 -133px;   }
ul.subnav li a.sprite-myauthors_ico{ background-position: 0 -178px; }
ul.subnav li a.sprite-myauthors_ico:hover, ul.subnav li:hover a.sprite-myauthors_ico{ background-position: 0 -224px;   }
ul.subnav li a.sprite-recommend_ico{ background-position: 0 -270px; }
ul.subnav li a.sprite-recommend_ico:hover, ul.subnav li:hover a.sprite-recommend_ico{ background-position: 0 -311px;  }
ul.subnav li a.sprite-review_ico{ background-position: 0 -352px;  }
ul.subnav li a.sprite-review_ico:hover, ul.subnav li:hover a.sprite-review_ico{ background-position: 0 -396px; /*width: 22px; height: 21px;*/ }
ul.subnav li a.sprite-wishlist_ico{ background-position: 0 -440px; /*line-height:19px; /*width: 20px; height: 17px;*/ }
ul.subnav li a.sprite-wishlist_ico:hover, ul.subnav li:hover a.sprite-wishlist_ico{ background-position: 0 -480px; /*width: 20px; height: 17px;*/  }

.btnCyan{
    background-color:#0097a7;
    color:white;
    padding: 8px 16px;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.btnCyan:hover{
    /*background-color:#2F95A0;*/
    background-color:white;
    color:#34b9c8;
    border:2px solid #34b9c8;
}

.btnCyan:hover{
    background-color:#34b9c8;

}
.btnCyan.authorSalesExport{
    border:none;
    color:white;
}
.reports .columnUserInput{
width: 44%;
float: left;
margin-right: 2%;

}
.reports  .inputFieldWrapper{
    width: 97%;
}
.reports .inputFieldWrapper input{
    width: 100%;
    height: 38px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.reports .saveProfile{
    width: 8%;
    float:left;
    margin-top: 7px;

}
.reports .saveProfile .btnCyan{
    padding-top:8px;
    padding-bottom:9px;
}
.nplogoGray{
    width: 104px;
    height: 19px;
    background:url(../../images/logoNearpodGray.svg) top left no-repeat;
    display:inline-block;
    padding-left:90px;
    padding-top:4px;
    margin-top:20px;
}
.ui-widget-content{
    background:white;
    background-image:none;
}


#headerHeight {
    width: 100%;
    z-index: 99;
    position: fixed;
    top: 0;

}


h1.titleSub{
border-bottom: 2px #34b9c8 solid;
color:#313131;
font-weight:normal;
}


/*Loading ////////////////////////////////////////////////////////////*/
.loadingView{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1015;
}

.loadingView div.background{
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
}

.loadingView img{
    position:absolute;top:0;left:0;right:0;bottom:0;
    margin:auto;
    max-width:100%;max-height:100%;
}


.messageDialog{
    color: #ffffff;
}

.messageDialog hr{
    border: 0;
}



.loadingMain .circle.ng-enter{
    -webkit-transition:.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
    -moz-transition:.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
    -o-transition:.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
    transition:.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
}

.loadingMain .circle.ng-leave {
    -webkit-transition:.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
    -moz-transition:.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
    -o-transition:.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
    transition:.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) all;
}

.loadingMain .circle.ng-enter{
    -webkit-transform: matrix3d(0.1,0,0,0,0,0.1,0,0,0,0,1,0,0,0,0,1);
}
.loadingMain .circle.ng-leave{
    -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
}
.loadingMain .circle.ng-leave.ng-leave-active {
    -webkit-transform: matrix3d(0.1,0,0,0,0,0.1,0,0,0,0,1,0,0,0,0,1);
}
.loadingMain .circle.ng-enter.ng-enter-active {
    -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
}



.loadingMain{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.loadingMain .circle{
    font-size: 100px;
    width: 1em;
    height: 1em;
    position: absolute;
    margin: auto;
    border-radius: 50%;
    border: 1px solid rgba(150,150,150,.2);
    list-style: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#blockBackground .loadingMain .loadingText{
  top: 65%%;
  left: 47%;
}

.loadingMain .loadingText{
  position: absolute;
  top: 60%;
  left: 48%;
  font-size: 16px;
  color: #0097a7;
  font-weight: bold;
}

.loadingMain .circle li{
    position: absolute;
    width: .2em;
    height: .2em;
    border-radius: 50%;
}

.loadingMain .circle li:nth-child(1) {
    left: 50%;
    top: 0;
    margin: 0 0 0 -.1em;
    background: #2dbbca;
    -webkit-transform-origin: 50% 250%;
    -moz-transform-origin: 50% 250%;
    -ms-transform-origin: 50% 250%;
    -o-transform-origin: 50% 250%;
    transform-origin: 50% 250%;
    -webkit-animation: rota 2.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
    -moz-animation: rota 2.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
    -ms-animation: rota 2.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
    -o-animation: rota 2.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
    animation: rota 2.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
}

.loadingMain .circle li:nth-child(2) {
    top: 50%;
    right: 0;
    margin: -.1em 0 0 0;
    background: #267d8c;
    -webkit-transform-origin: -150% 50%;
    -moz-transform-origin: -150% 50%;
    -ms-transform-origin: -150% 50%;
    -o-transform-origin: -150% 50%;
    transform-origin: -150% 50%;
    -webkit-animation: rota 2.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
    -moz-animation: rota 2.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
    -ms-animation: rota 2.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
    -o-animation: rota 2.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
    animation: rota 2.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
}

.loadingMain .circle li:nth-child(3) {
    left: 50%;
    bottom: 0;
    margin: 0 0 0 -.1em;
    background: #2de8f7;
    -webkit-transform-origin: 50% -150%;
    -moz-transform-origin: 50% -150%;
    -ms-transform-origin: 50% -150%;
    -o-transform-origin: 50% -150%;
    transform-origin: 50% -150%;
    -webkit-animation: rota 2.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
    -moz-animation: rota 2.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
    -ms-animation: rota 2.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
    -o-animation: rota 2.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
    animation: rota 2.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
}

.loadingMain .circle li:nth-child(4) {
    top: 50%;
    margin: -.1em 0 0 0;
    background: #0e373e;
    -webkit-transform-origin: 250% 50%;
    -moz-transform-origin: 250% 50%;
    -ms-transform-origin: 250% 50%;
    -o-transform-origin: 250% 50%;
    transform-origin: 250% 50%;
    -webkit-animation: rota 2.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
    -moz-animation: rota 2.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
    -ms-animation: rota 2.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
    -o-animation: rota 2.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
    animation: rota 2.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
}

@-webkit-keyframes rota {
    to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes rota {
    to { -moz-transform: rotate(360deg); }
}

@-ms-keyframes rota {
    to { -ms-transform: rotate(360deg); }
}

@-o-keyframes rota {
    to { -o-transform: rotate(360deg); }
}

@keyframes rota {
    to { transform: rotate(360deg); }
}

@-webkit-keyframes opa {
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@-moz-keyframes opa {
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@-ms-keyframes opa {
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@-o-keyframes opa {
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@keyframes opa {
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

/*Fin Loading /////////////////////////////////////////////////////////*/


/*Share Presentations //////////////////////////////////////////////*/

.sharePresentationType {
    margin-bottom: 20px;
    margin-top: -20px;
}

.sharePresentationType .styledRadio {
  float: left;
  margin-right: 5px;
}

/*Fin Share Presentations /////////////////////////////////////////*/

/*Tooltip Activities //////////////////////////////////////*/
.tooltipTitle{
    position: relative;
    font-size: 12px;
}
.tooltipTitle span{
    display:none;
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 33px;
    color: #fff;
    content: attr(title);
    left: -109%;
    padding: 3px 5px;
    position: absolute;
    z-index: 98;
    text-align: center;
    white-space: nowrap;
}
.googleImagesResults{
    text-align: center;
    padding-top: 64px;
    padding-right: 95px;
    padding-left: 85px;
    padding-bottom: 69px;
    width: 328px;
    display: none;
}

.googleNoResult {
    font-size: 23px;
    font-weight: 700;
    line-height: 150px;
    color: #666;
    width: 508px;
    display:none;
}

.closeImageButton.tooltipTitle span{
    bottom: 25px;
    left: -14px;
}
.tooltipTitle:hover span{
    display: block;
}

.tooltipTitle:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 28px;
    content: "";
    left: 26%;
    position: absolute;
    z-index: 99;
}
.question .bigImgContainer .tooltipTitle:hover:before, .question .editImage .tooltipTitle:hover:before, .uploadContainer .bigImgContainer .tooltipTitle:hover:before, .uploadContainer .editImage .closeImageButton.tooltipTitle:hover:before  {
    bottom:20px;
    left:19%;
}
.question .bigImgContainer .tooltipTitle span, .question .editImage .tooltipTitle span, .uploadContainer .bigImgContainer .tooltipTitle span, {
    left:-60%;
    bottom:25px;
}
.question .editImage.dropZoneQuestion .contentImage .tooltipTitle span, .uploadContainer .editImage.dropZoneQuestion .contentImage .tooltipTitle span{
    left: -90% ;
    bottom: -23px  ;
}

.question .editImage.dropZoneQuestion .contentImage .tooltipTitle span.txtAddImage, .uploadContainer .editImage.dropZoneQuestion .contentImage .tooltipTitle span.txtAddImage{
    left: -100% ;
    bottom: auto;
    top: 50px;
}







.question .editImage.dropZoneQuestion .contentImage  .tooltipTitle:hover:before, .uploadContainer .editImage.dropZoneQuestion .contentImage  .tooltipTitle:hover:before{
    border-width: 0 6px 6px 6px;
    bottom:-3px;
    left:37%;
}
.question .editImage.dropZoneQuestion .contentImage .tooltipTitle.hasImage:hover .txtAddImage,  .uploadContainer .editImage.dropZoneQuestion .contentImage .tooltipTitle.hasImage:hover .txtAddImage{
    display: none;
}
.editImage .contentImage .txtZoom{
    display:none;
    left:7% !important;
}
.question .editImage.dropZoneQuestion .contentImage .tooltipTitle.hasImage:hover .txtZoom, .uploadContainer .editImage.dropZoneQuestion .contentImage .tooltipTitle.hasImage:hover .txtZoom {
    display:block;
}

/*Fin Tooltip Activities //////////////////////////////////////*/
.googleImagesResults h2{
    color:#5b5d79 !important;
    font-size: 32px !important;
    font-weight: normal !important;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px;
}
.googleImagesResults p{
    color:#8698aa !important;
    font-size: 18px !important;
    background: none !important;
    position: initial !important;
    margin: 35px 0 20px !important;
    padding: 0 !important;
    line-height: 1.4 !Important;
    font-family: Arial, Helvetica, sans-serif;
}

#memotest-container .googleImagesResults{
    padding-top:84px;
    margin-top: 20px;
    padding-right: 26px;
    padding-left: 26px;
    padding-bottom: 0px;
    width: 178px;
    display: none;
}
#memotest-container .googleImagesResults p{
    font-size: 18px !important;
    line-height: 22px !important;
}

#memotest-container .googleNoResult{
    padding-top: 84px;
    margin-top: 20px;
    padding-right: 26px;
    padding-left: 26px;
    padding-bottom: 0px;
    text-align: center;
    font-size: 32px;
    font-weight: normal;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    color: #5b5d79;
    line-height: 45px;
    width: 178px;
    display: none;
}


/*Scrollbar///////////////////////*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background-color: #d3d3d3;
  border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  border-radius: 8px;
}

.subjectTypeSelect {
    width: 465px;
}

select.editSubjectSelect{
    width: 465px;
}
/*Fin Sprit imágenes Menu Panel //////////////////////////////////////*/
/*Script Medias Queries ////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-height: 860px){
    .marginBottom{
        margin-bottom:1em;
    }
    .largeMargin{
        margin-top:1em;
        margin-bottom: 1em;
    }
    .infoTop{
        margin-bottom:16px;
    }
    .profileUser{
        margin-top:2.9em;
    }
}

.contentSymbol {
    display: inline-block;
    margin: 3px;
    width: 40px;
    height:40px;
    line-height: 40px;
    text-align: center;
    background-color:#b9b9b9;
    color:white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size:23px;
}

.contentSymbols{
    clear: both;
    margin-left: 53px;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: right;
    cursor: pointer;
   /* display: none;*/
}

.shareDescript{
 color: #2dbbca;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-bottom: 20px;
margin-top: -15px;
}

.fadeout{
    max-height:0;
}
.fadein, .fadeout {
    opacity: 0;
    -moz-transition: opacity, max-height 0.4s ease-in-out;
    -o-transition: opacity, max-height 0.4s ease-in-out;
    -webkit-transition: opacity, max-height 0.4s ease-in-out;
    transition: opacity, max-height 0.4s ease-in-out;
}
.fadein {
    opacity: 1;
    max-height:46px;
}
.li_answer .contentSymbols{
    margin-right: 0px;
}
.contentSymbol.hover, .btnFctn.hover {
    background-color: #6bd0dc;
}

.QaAlist textarea.question.btnFunction, .QaAlist input.li_span_input_answer.btnFunction{
    padding-right: 50px;
    width: 325px;
    height: 27px;
    overflow: visible;
    background: white;
}
.contentFunctions{
    position:relative;
}
.contentFunctions textarea{
   min-height: 25px;
}

.contentFunctions.active input{
    border-color:#2dbbca;
}
.contentFunctions.active .btnFctn{
    background-color: #6bd0dc;
}
.btnFctn{
    background-color:#b9b9b9;
    color:white;
    font-weight:bold;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    height: 100%;
    position:absolute;
    top:0;
    right: 1px;
    width: 50px;
    line-height: 0px;
    text-align: center;
    font-size:120%;
    cursor:pointer;
    z-index: 9;
    margin-right: 12px;
}

.btnFctn div{
    position: absolute;
    top: 50%;
    bottom: 50%;
    margin-left: 10px;
}
.QaAlist .li_answer .btnFctn{
    margin-right: 0px;
}

.cursorPasteSlide{
    z-index: 1;
}

.slidesThumbs .cursorPasteSlide{
  width: 12px;
  height: 200px;
  float: left;
  display: inline-block;
  margin: 12px 0px 0px 0px;
  position: relative;
}

.slidesThumbs .cursorPasteSlide span{
    border-right: 3px solid lightskyblue;
    width: 0px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}
li .inputFieldWrapper .li_span_input_answer.btnFunction{
    resize: none;
    height: 27px;
    line-height: 27px;
}

.focus .btnFctn{
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    right: 0px;
    height: 100%;
}
.contentFunctions .btnFctn.activeMath input{
    border-color:#2dbbca;
}
.superindice{
    vertical-align: super;
}
.subindice{
    vertical-align:sub;
}
.inputFormula{
    /* position: absolute;
     right:200px;*/
    margin-top: 7px;
    z-index: 9;
    visibility:hidden;
    /*display:none;*/
}
.inputFormula input.functionGral{
    width: auto;
    height:10px;
    border:none;
    border-left:1px solid #313131;
    border-radius:0;
    -moz-border-radius:0;
    font-weight: normal;
    color:black;

}
.contentFunctions.active .inputFormula{
    /*display:block;*/
    visibility:visible;
}
.exponente{
    position:absolute;
    top: 5px;
    right: -10px;
    display:none;
}
.contentFormula{
    position:relative;
}
.contentSymbol.activeMath,
.btnFctn.activeMath {
    background-color: #174e6d;
}
.contentFunctions .btnFctn.activeMath{
background-color:#6bd0dc;

}

.linkText{
    color:#2dbbca;
    text-decoration: none;
}
.linkText:hover{
    color:#2dbbca;
    text-decoration: underline;
}
.betaVersionFeedback{
    min-height: 50px;
    background-repeat: no-repeat;
    background-position:top left;
    position: relative;
    text-align: center;

}
.betaVersionFeedback .btnFlecha{
    position: absolute;
    bottom: 0;
    right: 6px;
}
.betaVersionFeedback p{
    font-size: 15px;
}
.betaVersionFeedback h1{
    height: 20px;
    float: left;
    background: url(../../images/betaIcon.png);
    background-repeat:no-repeat;
    background-position:top left;
    display: block;
    text-indent: 9000px;
    margin: -20px 0 7px 0;
    }

/*Fin Sprit imágenes Menu Panel //////////////////////////////////////*/
/*Script Medias Queries ////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-height: 860px){
    .marginBottom{
        margin-bottom:1em;
    }
    .largeMargin{
        margin-top:1em;
        margin-bottom: 1em;
    }
    .infoTop{
        margin-bottom:16px;
    }
    .profileUser{
        margin-top:2.9em;
    }

}

@media screen and (max-height: 553px){
    .btnBottom{
        position:inherit;
        margin:10px 0 30px 0;
    }
    .largeMargin{
        margin-top: .2em;
        margin-bottom: .2em;

    }
    ul.subnav li{
        padding-top:10px;
    }
    .nplogoGray{
        margin-top:0;
    }
    .marginBottom{
        margin-bottom:0;

    }
}

.shareDescript{
 color: #2dbbca;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-bottom: 20px;
margin-top: -15px;
}

.bgsupport{
    background-color:#F6F3EC;
    height: 100%;
    width: 100%;
    position: absolute;
}

.mobileSupport{
    margin:0;
    padding:20px 0;
    width:100%;
    display:block;
    background-color:#F6F3EC;


}
.mobileSupport article{
    width:70%;
    margin:0 auto;
    max-width:1024px;
    font-family: Arial, Helvetica, sans-serif;
    color:#544e58;
    text-align:center;
    font-size:25px;

}
.mobileSupport h1{
    height:77px;
    background:url("../../images/OOPS.png") top center no-repeat;
    display:block;
    text-align:center;
    text-indent:9000px;
    margin-bottom:30px;
}
.mobileSupport h2{
    font-size:25px;
    font-weight:normal;
    margin-bottom:40px;
}
.phoneDevicesMessageImgBox{
    width:70%;
    max-width:570px;
}
.phoneDevicesMessageImgBox img{
    max-width:100%;
    height:auto;
}
.mobileSupport a.download{
    background: #fd932b;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    width:280px;
    height:60px;
    line-height:60px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    text-align: center;
}
.mobileSupport a.download:hover{
    background-color:#ef631d;
}

.mobileSupport a.try{
    background:#F6F3EC;
    font-family:Arial, Helvetica, sans-serif;
    font-size:21px;
    color:#374344;
    text-decoration:none;
    display:inline-block;
    width:280px;
    height:60px;
    line-height:60px;
    border-radius:4px;
    border-radius: 4px;
    text-align:center;
    border:1px solid #B7B8B2;
}
.mobileSupport a.try:hover{
    color:white;
    background-color:#444242;

}
.mobileSupport .txt_orange{
    color:#f47e20;
}

.mobileSupport .txtSlogan strong, .mobileSupport strong{
    font-family: Arial, Helvetica, sans-serif;
}
.mobileSupport .txtSlogan{
    line-height:1.3;

}
.mobileSupport .txtSlogan strong{
    font-size:30px;
}
.mobileSupport .txtMargin{
    margin:30px 0;

}
.buttonsContent span{
    margin:0 30px;

}
.lnkBlueTxt{
    color:#2ebac9;
    width:280px;
    height:60px;
    display:inline-block;
    line-height:60px;
    text-decoration:none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border:1px solid #2ebac9;
    text-transform:uppercase;
    text-align:center;

}
.lnkBlueTxt:hover{
    background-color:#2ebac9;
    color:white;

}
.op3Btn a{
width:25%;
width:280px;
font-size:18px;

}
.op3Btn a.try, .op3Btn a.download{
    font-size:18px;
}
.buttonsContent span{
    margin:0 8px;
}

.phoneDevicesMessageGif{
    background: url("../../images/NPodTeam_Synch.gif") top center no-repeat;
    /*width: 570px;
    height: 210px;*/
    max-width: 100%;
    height: auto;
}

@media screen and (min-width:1024px){
    .mobileSupport article{
        width:100%;

    }
    .contentSlogan{
        display:table;
        margin:0 auto;

    }
    .contentSlogan .txtSlogan{
        display:table-cell;
        vertical-align:middle;
        width:290px;
        text-align:left;

    }
    .contentSlogan .txtSlogan .txtblock{
        display:block;
    }
    .phoneDevicesMessageImgBox{
        width:100%;
        margin:0;

    }
}
@media screen and (max-width:1023px){
    .mobileSupport article{
        max-width:768px;
    }
    .phoneDevicesMessageImgBox{
        width:100%;

    }
    .mobileSupport article h2 span{
        display:block;
    }
    /*.buttonsContent a{
        display:block;
    }*/
    .buttonsContent span{
        width:100%;
        display:block;
        margin:20px 0;
        text-align:center;

    }
    .mobileSupport .txtSlogan{
        max-width:526px;
        margin:0 auto;
        margin-bottom:80px;

    }
}
@media screen and (max-width:480px){
    .mobileSupport article{
        width:90%;
        font-size:21px;

    }
    .txtSlogan{
        font-size:21px;
        margin-bottom:50px;
    }
    .mobileSupport .txtSlogan strong{
        font-size:25px;
    }
    .mobileSupport a.download, .mobileSupport a.try{
        height:50px;
        line-height:50px;

    }
    .mobileSupport .txtMargin{
        margin:15px 0;
    }
}
@media screen and  (max-width: 568px) and  (max-height: 320px),  (max-height: 320px) {

    .contentSlogan{
        display: inherit;
        float: left;
        width: 60%;
        margin: 0;
    }
    .mobileSupport h2{
        float: left;
        width: 40%;
        text-align: left;
        margin-bottom: 0;
        box-sizing: border-box;
        padding-top: 30px;
        font-size: 20px;

    }
    .mobileSupport h1{
        height: 55px;
        background-size: auto 55px;
        margin-bottom: 13px;
    }
    .buttonsContent .download{
        float: left;
        width: 170px;
        height: 46px;
        line-height: 46px;
        font-size: 14px;
    }
    .buttonsContent p{
        width: 45%;
        float: right;
        text-align: right;
        margin-top: 0;
        padding-top: 0;
        font-size: 90%;


    }
    .buttonsContent p button{
        display: block;
        text-align: right;
        float: right;
        margin-top: 4px;
        font-size: 14px;
        font-weight: bold;

    }
    .mobileSupport article{
        width: 90%;
        font-size: 21px;

    }

    .mobileSupport .txtMargin{
        margin: 3px 0;
    }

}
@media screen and (max-height: 320px) {
    .mobileSupport h1{
        background-size: auto 30px;
        background-position: top left;
        height:30px;
        margin-bottom:0;
        margin-top: 0;
    }
    .mobileSupport h2{
        width: 40%;
        padding-top: 0;
        font-size: 78%;
    }
    .mobileSupport h2 strong{
        display: block;

    }
    .contentSlogan{
        width: 60%;
        margin-top: -33px;
    }
    .mobileSupport .txtMargin{
        margin: 0;
        margin-bottom: 7px;
        font-size: 78%;
    }
    .buttonsContent .download{
        height: 45px;
        line-height: 45px;
    }
    .mobileSupport article{
        padding: 15px 0;
    }
}


.bgsupport{
    background-color:#F6F3EC;
    height: 100%;
    width: 100%;
    position: absolute;
}

.mobileSupport{
    margin:0;
    padding:20px 0;
    width:100%;
    display:block;
    background-color:#F6F3EC;


}
.mobileSupport article{
    width:70%;
    margin:0 auto;
    max-width:1024px;
    font-family: Arial, Helvetica, sans-serif;
    color:#544e58;
    text-align:center;
    font-size:25px;

}
.mobileSupport h1{
    height:77px;
    background:url("../../images/OOPS.png") top center no-repeat;
    display:block;
    text-align:center;
    text-indent:9000px;
    margin-bottom:30px;
}
.mobileSupport h2{
    font-size:25px;
    font-weight:normal;
    margin-bottom:40px;
}
.phoneDevicesMessageImgBox{
    width:70%;
    max-width:570px;
}
.phoneDevicesMessageImgBox img{
    max-width:100%;
    height:auto;
}
.mobileSupport a.download{
    background: #fd932b;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    width:280px;
    height:60px;
    line-height:60px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    text-align: center;
}
.mobileSupport a.download:hover{
    background-color:#ef631d;
}

.mobileSupport a.try{
    background:#F6F3EC;
    font-family:Arial, Helvetica, sans-serif;
    font-size:21px;
    color:#374344;
    text-decoration:none;
    display:inline-block;
    width:280px;
    height:60px;
    line-height:60px;
    border-radius:4px;
    border-radius: 4px;
    text-align:center;
    border:1px solid #B7B8B2;
}
.mobileSupport a.try:hover{
    color:white;
    background-color:#444242;

}
.mobileSupport .txt_orange{
    color:#f47e20;
}

.mobileSupport .txtSlogan strong, .mobileSupport strong{
    font-family: Arial, Helvetica, sans-serif;
}
.mobileSupport .txtSlogan{
    line-height:1.3;

}
.mobileSupport .txtSlogan strong{
    font-size:30px;
}
.mobileSupport .txtMargin{
    margin:30px 0;

}
.buttonsContent span{
    margin:0 30px;

}
.lnkBlueTxt{
    color:#2ebac9;
    width:280px;
    height:60px;
    display:inline-block;
    line-height:60px;
    text-decoration:none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border:1px solid #2ebac9;
    text-transform:uppercase;
    text-align:center;

}
.lnkBlueTxt:hover{
    background-color:#2ebac9;
    color:white;

}
.op3Btn a{
width:25%;
width:280px;
font-size:18px;

}
.op3Btn a.try, .op3Btn a.download{
    font-size:18px;
}

.buttonsContent span{
    margin:0 8px;
}

.phoneDevicesMessageGif{
    background: url("../../images/NPodTeam_Synch.gif") top center no-repeat;
    /*width: 570px;
    height: 210px;*/
    max-width: 100%;
    height: auto;
}

@media screen and (min-width:1024px){
    .mobileSupport article{
        width:100%;

    }
    .contentSlogan{
        display:table;
        margin:0 auto;

    }
    .contentSlogan .txtSlogan{
        display:table-cell;
        vertical-align:middle;
        width:290px;
        text-align:left;

    }
    .contentSlogan .txtSlogan .txtblock{
        display:block;
    }
    .phoneDevicesMessageImgBox{
        width:100%;
        margin:0;

    }
}
@media screen and (max-width:1023px){
    .mobileSupport article{
        max-width:768px;
    }
    .phoneDevicesMessageImgBox{
        width:100%;

    }
    .mobileSupport article h2 span{
        display:block;
    }
    /*.buttonsContent a{
        display:block;
    }*/
    .buttonsContent span{
        width:100%;
        display:block;
        margin:20px 0;
        text-align:center;

    }
    .mobileSupport .txtSlogan{
        max-width:526px;
        margin:0 auto;
        margin-bottom:80px;

    }
}

@media screen and (max-width:480px){
    .mobileSupport article{
        width:90%;
        font-size:21px;
    }
    .txtSlogan{
        font-size:21px;
        margin-bottom:50px;
    }
    .mobileSupport .txtSlogan strong{
        font-size:25px;
    }
    .mobileSupport a.download, .mobileSupport a.try{
        height:50px;
        line-height:50px;

    }
    .mobileSupport .txtMargin{
        margin:15px 0;
    }
}
@media screen and  (max-width: 568px) and  (max-height: 320px),  (max-height: 320px) {

    .contentSlogan{
        display: inherit;
        float: left;
        width: 60%;
        margin: 0;
    }
    .mobileSupport h2{
        float: left;
        width: 40%;
        text-align: left;
        margin-bottom: 0;
        box-sizing: border-box;
        padding-top: 30px;
        font-size: 20px;

    }
    .mobileSupport h1{
        height: 55px;
        background-size: auto 55px;
        margin-bottom: 13px;
    }
    .buttonsContent .download{
        float: left;
        width: 170px;
        height: 46px;
        line-height: 46px;
        font-size: 14px;
    }
    .buttonsContent p{
        width: 45%;
        float: right;
        text-align: right;
        margin-top: 0;
        padding-top: 0;
        font-size: 90%;


    }
    .buttonsContent p button{
        display: block;
        text-align: right;
        float: right;
        margin-top: 4px;
        font-size: 14px;
        font-weight: bold;

    }
    .mobileSupport article{
        width: 90%;
        font-size: 21px;

    }

    .mobileSupport .txtMargin{
        margin: 3px 0;
    }

}
@media screen and (max-height: 320px) {
    .mobileSupport h1{
        background-size: auto 30px;
        background-position: top left;
        height:30px;
        margin-bottom:0;
        margin-top: 0;
    }
    .mobileSupport h2{
        width: 40%;
        padding-top: 0;
        font-size: 78%;
    }
    .mobileSupport h2 strong{
        display: block;

    }
    .contentSlogan{
        width: 60%;
        margin-top: -33px;
    }
    .mobileSupport .txtMargin{
        margin: 0;7
        margin-bottom: 7px;
        font-size: 78%;
    }
    .buttonsContent .download{
        height: 45px;
        line-height: 45px;
    }
    .mobileSupport article{
        padding: 15px 0;
    }
}

.authorSalesExport{
    /*color: #fff;
    background-color: #2FB9C8;
    padding-left: 10px;
    padding-right: 10px;
    height: 26px;
    padding-top: 6px;
    margin-left: 28px;
    display: inline-block;
    border-radius:5px;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;*/
    padding: 14px 13px 14px 13px;
    float: right;
    cursor: pointer;
}

.authorSalesTotalsContainer{
    text-align: center;
}

.authorSalesTotalsWeek{
    float: left;
}

.authorSalesTotalsMonth{
    display: inline;
}

.authorSalesTotalsYear{
    float: right;
}

.authorSalesTable{
    width:100%;
    display: block;
}

.authorSalesRadio{
    float: left;
}

.authorSalesMessage{
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 5px;
}

.authorSalesPagination{
    margin-top: -21px;
}

.exportUserLightbox{
  background: white;
  width: 312px;
  height: 232px;
  padding: 20px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border: 2px solid #0097a7;
  overflow: hidden;
}

.exportAllUsers{
  margin-top: 15px;
}

#extraEmailError{
  color:#f26c59;
  padding-left: 5px;
}

.exportPdfLightbox{
  background: white;
  width: 312px;
  height: 232px;
  padding: 20px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border: 2px solid #0097a7;
  overflow: hidden;
}

.exportPdfLightboxFieldset{
    background: url(../../images/messages/amazed.png) no-repeat;
    padding-top: 120px;
    background-position: center 0px;
    font-size: 22px;
    height: auto;
}

.exportPdfLightboxButtonContainer{
  text-align: center;
  height: auto;
  position: relative;
  padding-top: 10px;
  width: 100%;
  vertical-align: middle;
}

.exportPdfLightboxButton{
    background: #0097A7;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    width: 30%;
    cursor: pointer;
    height: 17px;
    border-radius: 2px;
    border: 2px solid #0097A7;
    display: inline-block;
    padding: 10px 15px 10px 15px;
    vertical-align: middle;
}

.exportPdfLightboxButton:hover{
    background-color: #34B9C8;
    color: white;
    border: 2px solid #34B9C8;
}


.exportPdfLightboxButtonRightContainer{
  margin-left: 10px;
}

.exportPdfLightboxLabel{
  padding-bottom: 30px;
  width: 100%;
  margin: auto;
  text-align: center;
}

.exportPdfLightboxDriveIcon{
    margin: -4px;
    padding-left: 10px;
    padding-top: 1px;
    float: right;
}

/*Fin Script Medias Queries ////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.licenseRow {
    width: 100%;
    display: table-row;
    table-layout: fixed;
/*    border-spacing: 10px; */
}

.licenseContent .licenseColumn {
    display: table-cell;
    padding: 15px;
    width: 25%;
    border: 1px solid #d2d2d2;
    vertical-align: middle;
}

.contractInfo.betaIconTitle::after {
  top: 30px;
  left: 167px;
  /*background: url(../../images/icon_beta_typographic.png) top left no-repeat;*/
}

.adminTitle.contractInfo .betaIcon::after {
  right: -40px;
}

.divLink.contractInfo.betaIconTitle::after {
  top: 0;
  right: 0;
}

.licenseData.licenseColumn:first-child {
  padding-left: 20px;
}

.licenseData.licenseColumn:last-child {
  padding-right: 20px;
}

.licenseHeader .licenseColumn {
    display: table-cell;
    padding: 31px 10px;
    vertical-align: middle;
    position: relative;
}

.licenseData.licenseColumn.licenseFirstColumn.noAmount {
    display: table;
    margin: auto;
}

.licenseFirstColumn {
    width: 39%;
}
.licenseSecondColumn {
    /*width: 35%;*/
}
.licenseThirdColumn {
    width: 34%;
}

.licenseHeader {
    display:table;
    background-color: #F2F2F2;
    color: #6b6b6b;
    margin-bottom: 50px;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif;
    /*padding: 25px 20px;*/
}

.licenseContent {
    width: 100%;
    display:table;
    border-collapse: collapse;
}

.licenseTitle {
    font-family: Arial, Helvetica, sans-serif;
    color: #2d2d2d;
    margin-top: 29px;
    margin-bottom: 19px;
    font-size: 21px;
}

.licenseContent .licensePercentageUseData {
    position: relative;
}

.licenseContentData {
    text-align: center;
    position: relative;
}

.licenseContentLabel {
    background-color: #efefef;
}

.licenseHeader label {
  margin-right: 10px;
  float: left;
}

.licenseContentData.School, .licenseContentData.Cart {
    color: #ee32d8;
}

.licenseContentData.District {
    color: #00dc28;
}

.licenseHeaderData {
    float: left;
}

.licenseSalesForceWrapper {
    display: table;
    height: 68px;
    overflow: hidden;
    width: 100%;
}

.licenseSalesForce {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.licenseHeader .date {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    color: #2d2d2d;
}

.licenseHeader .price {
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    color: #2d2d2d;
}

.licenseAdvert {
    background:url(../../images/tool_advert.png) left center no-repeat;
    margin-left: 8px;
    bottom: 30px;
}

.licenseAlert {
    background: url(../../images/tool_alert.png) center center no-repeat;
    top:11px;
}

.licensePercentageUseData p{
    display: inline-block;
    padding-left: 25px;
    padding-right: 6px;
}

.licensePercentageUseData .link {
    background: url(../../images/edit_icon.svg) center center no-repeat;
    right: 5px;
    background-color: #efefef;
    padding: 7px;
    top: 4px;
    position: absolute;
    border-radius: 5px;
    vertical-align: middle;
}

a.licenseBtn {
    width: 22px;
    height: 24px;
    display: inline-block;
    position: absolute;
}
/*Fin Script Medias Queries ////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/**** ANIMATIONS ****/

#nearpodizeAnimationWrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9998;
    text-align: center;
}
#nearpodizeAnimation{
    /* background-color: white; */
    width: 50%;
    height: 50%;
    margin: auto;
    overflow: hidden;
    display: inline-block;
}
#nearpodizeAnimationBackground{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #000000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    zoom: 1;
}
#nearpodizeAnimationProgress {
    width: 150px;
    margin: 7px auto;
    z-index: 1;
    height: 8px;
    background-color: gray;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -khtml-border-radius: 9px;
    -webkit-border-radius: 9px;
    overflow: hidden;
}
#nearpodizeAnimationProgressBar {
    background-color: white;
    z-index: 2;
    height: 100%;
    width: 0;
    display: block;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -khtml-border-radius: 9px;
    -webkit-border-radius: 9px;
}
#nearpodizeAnimationCancel, #nearpodizeAnimationDone {
    color: white;
    font-size: 16px;
    z-index: 1;
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
}
#nearpodizeAnimationDone {
    position: absolute;
    top: 68%;
    left: 0.3%;
}
#nearpodizeAnimationDone span {
    font-size: 21px;
}
#nearpodizeAnimationCancel span {
    cursor: pointer;
}
#nearpodizeAnimationContent {
    width: 50%;
    top: 50%;
    left: 50%;
    position: absolute;
    -ms-transform: translate3d(-50%,-50%,0);
     -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    text-align: center;
}
#nearpodizeAnimationStatusWrapper {
    position: absolute;
    width: 100%;
    top: 75%;
}
/********************/

.collaborative.newFeatureBoxIcon:after{
    top: 25px;
    right: 40px;
    background: url('../../images/newfeature.svg') top left no-repeat;
    -webkit-box-shadow: 2px 4px 9px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 2px 4px 9px 0px rgba(0,0,0,0.36);
    box-shadow: 2px 4px 9px 0px rgba(0,0,0,0.36);
}

.matchingpairs.newFeatureBoxIcon:after{
    width: 29px;
    height: 13px;
    top: 10px;
    right: 44px;
    background: url('../../images/newfeature.svg') top left no-repeat;
    background-size: 100%;
    -webkit-box-shadow: 2px 4px 9px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 2px 4px 9px 0px rgba(0,0,0,0.36);
    box-shadow: 2px 4px 9px 0px rgba(0,0,0,0.36);
}

.newFeatureIcon3D.newFeatureBoxIcon:after {
    top: 4px;
    right: 28px;
    background: url('../../images/Beta.2.svg') top left no-repeat;
    width: 35px;
    height: 17px;
    -webkit-box-shadow: 2px 4px 9px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 2px 4px 9px 0px rgba(0,0,0,0.36);
    box-shadow: 2px 4px 9px 0px rgba(0,0,0,0.36);
}

.newFeatureIconPhet.newFeatureBoxIcon:after {
    top: 40px;
    right: 22px;
    background: url('../../images/Beta.2.svg') top left no-repeat;
    width: 35px;
    height: 17px;
    -webkit-box-shadow: 2px 4px 9px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 2px 4px 9px 0px rgba(0,0,0,0.36);
    box-shadow: 2px 4px 9px 0px rgba(0,0,0,0.36);
}
.newFeatureIconBBC.newFeatureBoxIcon:after {
    background: url('../../images/Beta.2.svg') top left no-repeat;
    width: 35px;
    height: 17px;
}

.betaTitle,
.reset-new .betaTitle {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #a8a8a8;
    text-shadow: none;
    position: relative;
    left: -3px;
}
.divLink .betaTitle {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #a8a8a8;
    text-shadow: none;
    position: relative;
    left: 3px;
  top: 35px;
}
/*
input[type="button"]#previewBtn:disabled{
    opacity: 0.5;
    color: #6d6e70;
    cursor: default;
    border:#6D6E70 solid 1px;
    background-color:#F3F4F5;
}
input[type="button"]#previewBtn:disabled:hover{
    opacity: 0.5;
    color: #6d6e70;
    cursor: default;
    border:#6D6E70 solid 1px;
    background-color:#F3F4F5;
    background:  url(../../images/toolbar/toolb-preview-on.png) center left 9% no-repeat;
}
*/
.fieldTrip .step2 .scrollContent iframe{
    width:750px;
    height:415px;
}
.fieldTrip .favorityIcon{
    position: absolute;top: 7px;left: -4px;

}
.fieldTrip .favorityIcon img{
    -webkit-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.36);
    box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.36);
    top: 5px;
    position: relative;
    height: 25px;
}
.fieldTrip .favorityIconDescription{display: block;margin: auto;width: 200px;}
.fieldTrip .favorityIconDescription img{
    margin-right: 3px;
    top: 8px;
    position: relative;
    height: 23px;
}
#previewURL body #wrap .minh40{
    display:none !important;
    min-height: 4px !important;
}
#previewURL body #wrap .h1{
    font-size:30px !important;
}
#previewURL body #wrap .mart10{
    margin-top:3px !important;
}
.imgCities{
    width: 206px;
    height: 45px;

}
@media screen and (max-height:768px){
    .fieldTrip .imageFieldTrip{
    height: 80px;
    }
    .fieldTrip .element{
        height:115px;
    }
    .fieldTrip .scrollContent .selected div.coverFull{
        height: 110px;
    }
    .fieldTrip .scrollContent{
        height:238px;
    }
    .fieldTrip .step2 .scrollContent iframe{
        height: 235px;
    }
}

.licenseBtn.tooltipTitle span{
    left: -71px;
    bottom: -47px;
    width: 158px;
    white-space: normal;
}

.licenseBtn.tooltipTitle:hover:before {
    border-width: 0 6px 6px 6px;
    bottom: -5px;
    left: 19%;
}


.title-assigned .tooltipTitle span{
    text-align: left;
}

.title-assigned .tooltipTitle:hover:before {
    left: 2px;
}

#saveSchool .tooltipTitle img {
    position: relative;
    top: 2px;
}

#saveSchool .tooltipTitle span{
    text-align: left ;
}


#saveSchool .tooltipTitle:hover:before {
    left: 2px;
}

.publishedWithIntercomIO{
    text-align: center;
}

#tooltipPublish.toltipPublishedWithIntercomIO{
    right: 430px;
}




textarea.question.questionWithError{
  border: 5px solid #CD2B2B;
}

/* 158x49 */

/* custom styles for UserStats table */
.main-content.reset-new.userStats div.dataTables_scrollHead table.dataTable thead tr {
    height: 26px !important;
}

.main-content.reset-new.userStats div.DTFC_LeftHeadWrapper table.dataTable thead th {
    height: 100% !important;
    line-height: 100% !important;
    box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
}

.main-content.reset-new.userStats div.DTFC_LeftHeadWrapper table.dataTable thead tr {
    height: 26px !important;
}

input[type="button"].btnCyan.buttonUnpublish{
    background-color: #0097A7;
    margin: 0 auto;
    height: 48px;
    padding: 0px 30px 0px 30px;
    font-size: 22px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#previewPdfContainer {
    width: 100%;
    border: solid 1px #454545;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
}

#previewPdfContainer #previewPdf{
    width: 83%;
}

#previewPdfContainer > div{
    line-height: 22px;
    text-align: left;
    padding-left: 74px;
    padding-top: 10px;
}

#previewPdfContainer a{
    color: #05a8ff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    width: 83%;
    display: block;
}

#intercom-container .intercom-launcher {
    bottom: 75px !important;
}

.intercom-sheet-body {
    margin-bottom: 60px !important;
}

#intercom-composer{
    bottom: 60px !important;
    transform: inherit !important;
}

.intercom-sheet-content{
    margin-bottom: 60px !important;
}

#intercom-container .intercom-sheet-footer{
    bottom: 60px !important;
}

body>.intercom-container{
    z-index: 98 !important;
}

#intercom-container .intercom-sheet {
    height: calc(100% - 50px) !important;
}

#intercom-container {
    z-index: 98 !important;
}

#intercom-container div.intercom-messenger-frame {
    margin-bottom: 42px;
    height: 590px!important;
    max-height: calc(100% - 114px)!important;
}


#intercom-container .intercom-app-container .intercom-notifications-frame {
    bottom: 63px!important;
}


#intercom-container .intercom-notifications {
    bottom: 50px!important;
}

#intercom-container .intercom-note {
    bottom: 63px!important;
}

#intercom-container .intercom-chat {
    margin-bottom: 43px;
}

#picsArea-box-pic img {
    border-radius: 6px;
}

#picsArea-box span {
    position: absolute;
    margin-top: 3px;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.textareaCustomHeight{
    height: auto !important;
    text-overflow: ellipsis;
}

.ui-draggable,.touchable,.ui-resizable,.ui-selectable,.ui-sortable {
  -ms-touch-action: none;
  touch-action: none;
}

div#twitterSpansContainer {
    margin-bottom: 30px;
}

div#twitterSpansContainer > span {
    margin-bottom: 0px;
    vertical-align: middle;
}

span#slideUrl_parent > input {
    margin-bottom: 0px;
}

.ui-draggable,.touchable,.ui-resizable,.ui-selectable,.ui-sortable {
	-ms-touch-action: none;
	touch-action: none;
}


.symbol-carousel-elem{
    display: none;
}

.symbol-carousel-elem.current-symbol{
    display: block;
}
/*
.popup-share {
    height: 480px !important;
}
*/