p {

    color: #000000;

    font-size: 1.75rem;

}



.doc_page_text {

  width: 80%;

      margin: auto;

      background: #ffffff91;

      padding: 0px 25px;

      border-radius: 10px;

      height: 60vh;

      overflow-x: hidden;

      overflow-y: scroll;

}



.doc_top_bar a {

  padding: 0px 14px !important;

      font-size: 1.3rem;

      color: #ffffff !important;

      text-decoration: none;

}



.doc_screen {

  position: absolute;

  width: 100%;

  height: 100vh !important;

  display: table;

  background: #3bafb5;

  z-index: 999999;

}



.doc_top_bar {

    display: table-row;

    height: 25px;

}

.doc_background {

    width: 100%;

    display: table;

    height: 100vh;

}



.doc_content {

    display: table-row;

    width: 100%;

    vertical-align: middle;

    min-height: 100%;

}



.doc_content_inner {

    display: table-cell;

    vertical-align: middle;

}



.doc_head_line h1 {

    text-align: center;

    color: #ffffff;

    font-weight: bold;

    margin-bottom: 50px !important;

}



.doc_button_outer {

    display: table;

    float: left;

    padding: 10px;

}



.doc_button_inner {

  display: table;

      width: 100%;

      text-align: center;

      padding: 15px 10px;

      border-radius: 5px;

}



.doc_button_sub h3 {

    font-size: 1.5rem !important;

    color: #ffffff;

}



.doc_button-title h3 {

    color: #ffffff;

    text-decoration: none;

}



.doc_button_outer a {

    text-decoration: none;

}



.doc_buttons {

    width: 75%;

    display: table;

    margin: auto;

}



@media (max-width: 768px){

  .doc_buttons {

      width: 100%;

      display: table;

      margin: auto;

  }



  .doc_button_outer.doc_button_mobile_row_2 a h3 {

      font-size: 1.75rem;

  }



  .doc_button_outer.doc_button_mobile_row_2 {

      width: 50% !important;

      font-size: 1rem;

  }

}



.doc_background_max_height_100 {

  height: 100vh;

  max-height: 100vh;

}



.doc_button_outer a {

    text-decoration: none;

}



.doc_page_text_auto_height{

  width: 80%;

      margin: 15px auto;

      background: #ffffff91;

      padding: 10px 25px;

      border-radius: 10px;

      height: auto;



}



.doc_background_underlay {

    padding: 25px 0px;

    background: #cce1e2;

}



.doc_button-title > h3 {

    font-size: 2rem;

}

.doc_button-title {

    display: table-cell;

    vertical-align: middle;

}

button.button_add_new {
    float: right;
    position: relative;
    right: -20px;
    top: -70px;
}

button.button_delete {
    float: left;
    position: relative;
    left: -25px;
    top: 35px;
    background-color: #ff0000;
    border: none;
}