.modal{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}
.modal-dialog{position:fixed;margin:0;width:100%; height: 100%; max-width: 80%; max-height: 80%; padding:0; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; overflow: hidden; border-radius: 5px; }
.modal-content{ position: relative;border:0;border-radius:0;box-shadow:none; height: 100%; padding-bottom: 40px;}
.modal-header{background-color: rgba(41, 171, 226, 1); color: #fff; padding: .6em 1em; }
.modal-header .btn-close{ background-color: transparent;outline: none !important; border: 0; font-size: .6em;color: #fff;}
.modal-title{ font-size:1em; }
.modal-body{ overflow:auto;/*display: flex;    align-items: center;*/; }

.modal-body::-webkit-scrollbar-track{background-color: transparent;border-radius: 0px;}
.modal-body::-webkit-scrollbar{width: 5px; height: 5px; background-color: transparent;}
.modal-body::-webkit-scrollbar-thumb{ border-radius: 0px;	background-color: #2e3644;}

.modal-footer{ border: 0;font-size: 14px;  text-align: left;}
 @media all and (max-width: 480px) {
    .modal-dialog{  max-width:95%; max-height: 80%;}
 
}