/*Window Modal Vertical Center Aligment*/

/*div.my-generic-modal .vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}*/

/*div.my-generic-modal .vertical-align-center {
    display: table-cell;
    vertical-align: middle;
}*/


div.my-generic-modal .modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    /*width:inherit;*/
    /*height:inherit;*/
    /* To center horizontally */
    /*margin: 0 auto;*/
}

div.my-generic-modal .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - (8rem * 2));
  
}

div.my-generic-modal .modal-header {
    color: #fff;
    background: #0B69AB;
    font-weight: bold;
    font-size: 1.4em;
}

div.my-generic-modal .modal-footer {
    background: #e5e5e5;
}

/*div.my-generic-modal .vertical-alignment-helper {
    height: 100%;
    display: flex !important;
    width: auto !important;
}*/

/*.animated.modal.fade .modal-dialog {
    margin: auto !important;
}*/

.modal-open .modal.modal-center {
  display: flex !important;
  align-items: center !important;
}

.modal-open .modal.modal-center .modal-dialog {
  flex-grow: 1;
}

/*.modal-dialog-centered*/

/*.modal-dialog {
  vertical-align: middle;
}*/

/**/

/*.modal-body {
    padding: 10px 10px 10px 10px;
    background: linear-gradient(to bottom right, #8BC1E8, #fffbfb);
}

.modal-body {
    padding: 10px 10px 10px 10px;
}
*/