html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
/*For Excel Online*/
#spreadsheet_Save_As {
    display: none;
}

#spreadsheet_Open {
    display: none;
}

#spreadsheet_sheet_panel {
    height: calc(100vh - 224px) !important;
}

/*For Richtext Editor*/
#e-image-editor_canvasWrapper {
    height: calc(100vh - 133px) !important;
}

/* On mobile (max width 768px), make it smaller */
@media (max-width: 768px) {
    #e-image-editor_canvasWrapper {
        height: calc(100vh - 228px) !important;
    }

    #spreadsheet_sheet_panel {
    height: calc(100vh - 280px) !important;
    }

    #word-online {
        height: calc(100vh - 180px) !important;
        width: 100% !important;
    }

    .e-richtexteditor {
    width: 100%;
    height: calc(100vh - 150px) !important;
    overflow: auto;
    }

    #pdfviewer {
    height: calc(100vh - 150px) !important;
    }
        #flow canvas {
  margin: 0 !important;
}
.e-symbol-draggable{
    height: 44px !important;;
        width: 44px !important;;
}

    .sb-mobile-palette{
        height: auto !important;
        width: 100vw !important;
    }

    .sb-mobile-diagram{
        height: calc(100vh - 172px) !important;
    }

    #cdiagram {
        height: calc(100vh - 149px) !important;
    }
}
@media (min-width: 992px) {
.e-richtexteditor {
    width: 100%;
    height: calc(100vh - 90px) !important;
    overflow: auto;
}
    #word-online {
        height: calc(100vh - 126px) !important;
        width: 100% !important;
    }
}


/*For Edit PDF*/
#pdfviewer {
    height: calc(100vh - 90px);
}

/*For Create Diagram*/
#cdiagram {
    height: calc(100vh - 90px) !important;
}
.sb-mobile-palette {
    width: 240px;
    height: calc(100vh - 132px);
    float: left;
}
.sb-mobile-diagram {
    width: calc(100% - 242px);
    height: calc(100vh - 132px);
    float: left;
}


/*For Word Online*/
#word-online {
    height: calc(100vh - 126px);
    width: 100% !important;
}
#documenteditor_titlebar{
    
}
.e-de-toolbar-btn-middle {
    display: none !important;
}