body {
    font-family: Arial;
}

/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 7px 14px;
    transition: 0.3s;
    font-size: 16px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
.textArea {
    resize: none;
}
.divN {
    resize: none;
    height: 300px;
    overflow: scroll;
    }
.divE{
    resize: none;
    height: 150px;
    overflow: scroll;
}
#modalaut .modal-dialog  {width:90%;}
#modalGra .modal-dialog  {width:90%;}
#modalInfo .modal-dialog  {width:80%;}
#codeArea1 {
     height: 325px;
     position: relative;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
 }
#codeArea2 {
    height: 325px;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}