.summernotePreviewArea{
    /*border:4px solid #eee;*/
    padding:50px;
    overflow-y: auto;
    border: 1px solid #a9a9a9;
}
.summernotePreviewArea p.previewPlaceholder{
    text-align: center;
    font-size: 24px;
    color: #999;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}
.note-popover .popover-content{
    padding: 0 5px 5px 5px !important;
}
.note-editable span.mathjax{
    background-color: #33CCCC;
    padding: 2px;
    border-radius: 2px;
    color: #fff;}
.note-popover .popover-content .note-mybutton .dropdown-menu, .panel-heading.note-toolbar .note-mybutton .dropdown-menu{
    min-width: 313px !important;
    padding: 5px !important;
}
.note-mybutton .note-btn-group .note-group-separate{
    margin: 2px;
}
.note-btn.math20{
    width: 35px;
    height: 30px;
    margin-top: -1px;
}

.note-btn.math3528{
    width: 50px;
    height: 30px;
    margin-top: -1px;
}
.note-btn.math3545{
    width: 85px;
    height: 45px;
    margin-top: -1px;
}
.note-btn.no-margin-left{
   margin-left:0 !important;
}
.note-btn.times{
    background-position: -440px 0;
}
.note-btn.div{
    background-position: -200px 0;
}
.note-btn.pm{
    background-position: -340px 0;
}
.note-btn.cdot{
    background-position: -80px 0;
}
.note-btn.star{
    background-position: -420px 0;
}
.note-btn.sqrt{
    background-position: -315px 0;
}
.note-btn.sqrtn{
    background-position: -350px 0;
}
.note-btn.log{
    background-position: -140px 0;
}
.note-btn.lg{
    background-position: -105px 0;
}
.note-btn.abUP{
    background-position: -70px 0;
}
.note-btn.abDown{
    background-position: -35px 0;
}
.note-btn.UpAndDown{
    background-position: 0 0;
}
.note-btn.widetilde{
    background-position: -490px 0;
}
.note-btn.widehat{
    background-position: -455px 0;
}
.note-btn.overleftarrow{
    background-position: -210px 0;
}
.note-btn.overrightarrow{
    background-position: -280px 0;
}
.note-btn.overbrace{
    background-position: -175px 0;
}
.note-btn.underbrace{
    background-position: -385px 0;
}
.note-btn.underline{
    background-position: -420px 0;
}
.note-btn.overline{
    background-position: -245px 0;
}
.note-btn.fracA{
    background-position: -245px 0;
}
.note-btn.fracB{
    background-position: -280px 0;
}
.note-btn.fracC{
    background-position: -315px 0;
}
.note-btn.lim{
    background-position: -385px 0;
}
.note-btn.intA{
    background-position: -350px 0;
}
.note-btn.oint{
    background-position: -420px 0;
}
.note-btn.prod{
    background-position: -455px 0;
}
.note-btn.coprod{
    background-position: -210px 0;
}
.note-btn.bigcap{
    background-position: -35px 0;
}
.note-btn.bigcup{
    background-position: -70px 0;
}
.note-btn.bigvee{
    background-position: -140px 0;
}
.note-btn.bigsqcup{
    background-position: -105px 0;
}
.note-btn.sumA{
    background-position: -490px 0;
}
.note-btn.arrayA{
    background-position: 0 0;
}
.note-btn.bmatrix{
    background-position: -45px 0;
}
.note-btn.casesA{
    background-position: -105px 0;
}
.note-btn.bigwedge{
    background-position: -175px 0;
}.note-btn.bigwedge{
     background-position: -175px 0;
 }
.note-btn.bigwedge{
    background-position: -175px 0;
}
.note-btn.bigwedge{
    background-position: -175px 0;
}
.note-btn.bigwedge{
    background-position: -175px 0;
}



.modal.modal-fullscreen {
    /* Maximize the main wrappers on the screen */
    /* Make the parent wrapper of the modal box a full-width block */
    /* Remove borders and effects on the content */
    /**
       * /!\ By using this feature, you force the header and footer to be placed
       * in an absolute position. You must handle by yourself the margin of the
       * content.
       */
}
.modal.modal-fullscreen .modal-dialog,
.modal.modal-fullscreen .modal-content {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.modal.modal-fullscreen .modal-dialog {
    margin: 0;
    width: 100% !important;
    height: 100% !important;
}
.modal.modal-fullscreen .modal-content {
    border: none;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    -o-box-shadow: inherit;
    box-shadow: inherit;
    padding-top:70px;

}
.modal.modal-fullscreen.force-fullscreen {
    /* Remove the padding inside the body */
}
.modal.modal-fullscreen.force-fullscreen .modal-body {
    padding: 0;
    background-color: #fff;
}
.modal.modal-fullscreen.force-fullscreen .modal-header,
.modal.modal-fullscreen.force-fullscreen .modal-footer {
    left: 0;
    position: absolute;
    right: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-header {
    top: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-footer {
    bottom: 0;
}
.btn-modal-fullscreen{
    float: right;
    margin-right: 20px;
    padding: 0;
    border: none;
    background: none;
    margin-top: 2px;
    color: #000;
    opacity: .35;
    font-size: 10px;
}
.btn-modal-fullscreen:hover{
    opacity: .6;
}