﻿    .modal-dialog-full-width {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        max-width:none !important;

    }

    .modal-content-full-width  {
        height: auto !important;
        min-height: 100% !important;
        border-radius: 0 !important;
        background-color: #ececec !important 
    }

    .modal-header-full-width  {
        border-bottom: 1px solid #9ea2a2 !important;
    }

    .modal-footer-full-width  {
        border-top: 1px solid #9ea2a2 !important;
    }

    .swal2-title { font-size: 21px; }

    .tablepaging { font-size: 8pt; }
    .tablepaging td, .tablepaging, th { border: none; }
    .tablepaging .btn-sm { padding: 2px 0px; background:#ddd; }
    .tablepaging .btn-icon { padding : 10px !important;   }
    .tablepaging .mr-4 { margin-right: 0px !important;}

    input[type=radio] { margin-right: 5px; }
    
    .pm-detail { font-size: 0.8em; max-height: 5.2lh; overflow : hidden; position: relative; padding-bottom: 15px; transition: max-height 0.25s ease-in; }
    .pm-detail.expand { max-height: 100%; }
    .pm-detail::after { content: "MORE"; position: absolute; bottom: -5px; right: -1px; font-weight: bold; z-index: 10000; }
    .pm-detail.expand::after { content:"LESS" }

input::placeholder  {
    color: #ccc !important;
}
input::-webkit-input-placeholder { /* Edge */
  color: #ccc !important;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc !important;
}

.redeem-button-container { position:fixed; bottom: 60px; width:100%; right: 0px  }
.is-ios .redeem-button-container { 
  bottom: calc(65px + (constant(safe-area-inset-bottom))*1.1);
  bottom: calc(65px + (env(safe-area-inset-bottom))*1.1);
}

div.dropzone {
    padding: 5px;
    max-height: 85px;
    min-height: 85px;
    border-style: dashed;
    color: #ccc;
}

    div.dropzone h4 {
        color: #aaa;
    }

    div.dropzone#hover h4 {
        color: #222;
    }

    div.dropzone#hover {
        background-color: #eee;
    }
