h2{padding:1rem 0}

main{word-break: break-all;}
.navbar-body{word-break: keep-all;}
.card{margin: 5px;}
.card-wrap{display: flex;flex-wrap: wrap;margin-bottom: 1rem;}
.card-wrapper{display: flex;justify-content: center;align-items: center;flex-direction: row;}

/* #data_register Form */


.register_wrap{display: flex;justify-content: center;align-items: stretch;flex-direction:row;height: 100%;width: 100%;position: relative}
.register_element:first-child{width: 30%;height: 100%;}
.register_element:last-child{width: 70%;height: 100%;}
.register_element{height: 100%;margin: 1rem 0.5rem !important}

/*.modal-body .register_element{width: 100% !important;}*/
#exampleModalCenteredScrollable .modal-dialog,#data_details .modal-dialog {
    max-width: 80%;}


@media (min-width: 576px){
.modal-dialog.confirm{
    max-width: 550px !important;
    margin: 1.75rem auto;
}}
iframe{width: 100%;height:30rem ;}
p.drag-drop-info.hidden{display: none;}

#dragDropArea,#dragDropArea2{
    background-color: #f4f4f4;
    padding: 10px;
    border: #ddd dashed 2px;
    min-height: 200px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    flex-direction: column;
  }
  #dragDropArea p,#dragDropArea2 p{
      color: #999;
      font-weight: bold;
      font-size: 14px;
      font-size: 1.4em;
  }
  #dragDropArea .drag-drop-buttons,#dragDropArea2 .drag-drop-buttons{
      margin-top: 20px;
      font-size: 12px;
      font-size: 1.2em;
  }
  .drag-drop-buttons input{
      margin: auto;
  }
  
/* data list*/
.dropdown-toggle::after {border-top: 0px !important;}
/* Position */
div.to-the-right{display: flex;flex-direction: row;align-items: center;justify-content: flex-end;padding: 0.5rem 0;}