/**
*   'bootstrap-modal.css'
*
* 	Stylesheet: to force the body of the modal to scroll, not the whole page
*
*	AZ: orange: FE6C1F
*	AZ: blue:   0E047E
*   Grey:       DBDBDB
*
*	Modified: 15-03-2018 | matthijs
*/

/* Model text section */
.modal-body {
    overflow: auto;
    height: 75vh;
    border: 0px solid pink;
}

.modal {
    z-index: 50000001;
}

.modal-backdrop {
    /*background-color: red; */
    z-index: 50000000;
}

/* Modal contours */
.modal-dialog {
    height: inherit;
    border: 0px solid blue;
}

.confirm .modal-body {
    font-size: 18px !important;
}

/* normal viewport */
@media (min-width: 800px) {

    /* Modal background browser viewport */
    .modal.wide {
        padding: 0px;
        border: 0px solid pink;
    }

    /* Modal contours */
    .modal.wide > .modal-dialog {
        width: 80%;
        border: 0px solid pink;
    }

    /* Modal small*/
    .modal.small > .modal-dialog {
        width: 500px;
        border: 0px solid pink;
        height: auto;
        margin: 10% auto;
    }

    /* Model text section */
    .modal.small .modal-body {
        height: 300px;
        /*background-color: red;*/
    }
}

/* cellphone viewport */
@media (max-width: 800px) {

    /* TRY TO MAKE THE MODAL MAX WITH WITH PHONE VIEW */
    /* Modal contours */
    .modal-dialog {
        border: 0px solid red;
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
        top: 0px;
        left: 0px;
    }

    /* Modal contours */
    .modal-content {
        height: 100%;
        width: 100vw;
        border-radius: 0;
        border: 0px solid blue;
    }

    /* Model text section */
    .modal-body {
        height: 81vh;
        border: 0px solid pink;
    }

    /* Modal scrollbars */
    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 10px;
        background: #f1f3f5;
        border-left: 1px solid #d3d9e0;
    }

    ::-webkit-scrollbar-thumb {
        background: #b5c0cb;
    }

    /* /TRY TO MAKE THE MODAL MAX WITH WITH PHONE VIEW */
}

/* /cellphone viewport */