html, body {
    overscroll-behavior-x: none;
  }
  #canvas_container {
    width: 99%;
    height: 740px;
    overflow: auto;
  }
  #canvas_container {
    background: #aaa;
    text-align: center;
    border: solid 1px;
  }
  .openfile {
    background-color: royalblue;
    color: white;
    padding: 0.5rem;
    font-family: sans-serif;
    border-radius: 0.3rem;
    cursor: pointer;
    margin-top: 1rem;
    height: 15px;
  }
  .tab{
    background-color:#ccc;
    display:flex;
    align-self: flex-end;
    padding:2px;
    font-family:sans-serif;
    border-top-right-radius: 15px;
    border:1px solid black;
    height:30px;
    width: 100px;
    bottom: 0px;
  }
  .tabsel{
    background-color:#fff;
    display:flex;
    align-self: flex-end;
    padding:2px;
    font-family:sans-serif;
    border-top-right-radius: 15px;
    border:1px solid black;
    height:30px;
    width: 100px;
    bottom: 0px;
  }
  table.common {
    border-width: 1px 1px 1px 1px;
    border-spacing: 0px;
    border-style: solid solid solid solid;
    border-color: black black black black;
    border-collapse: collapse;
    background-color: #CDD5E5; /*control color*/
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    empty-cells:show;
    text-align: left;
    width: 100%;
  }
  .heading_line td{
    padding: 0px 2px 0px 2px !important;
    font-weight: bold;
    vertical-align: middle;
    color: black;
    background-color: #A4B3CF;
  }
  .input_color {
    background-color: #E7EBF2;
  }
  .ctr {
    text-align:center;
  }
  .bold {
    font-weight:bold;
  }
  .lft {
    text-align:left;
  }
  .lft {
    text-align:right;
  }
  tr.topborder{
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: black;
  }
  tr.btmborder{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: black;
  
  }
  .overlay {
  position:absolute;
    display:none;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0, 0, 0, 0.8);
    z-index:9999;
  }
  .popup {
    width:400px;
    /*height:150px;*/
    position:fixed;
    /*margin: auto;*/
    top:0;
    right:0;
    bottom:0;
    left:0;
    /*border-radius: 10px;*/
    border:2px solid black;
    background:white;
    border: 5px solid #888;
    /*box-shadow: 0px 0px 10px 0px black;*/
    text-align: center;
  }
  .close_box_modal {
    color: #555555;
    float: right;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
  }
  .close_box_modal:hover,
  .close_box_modal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .control_line {
    background-color: #CDD5E5;
    text-align:center;
    font-weight:bold;
    height:20px;
  }
  .shortcut{
    border:1px solid black;
    font-weight: bold;
    white-space: wrap;
    display:flex;
    width:60px;
    height: 100%;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    cursor:pointer;
  }