// _modals.scss

.modal{
    overflow: visible;
    border: 0;
    
    .modal-content {
        background: white;
        border: 1px solid #BAB7B7;
        box-shadow: 0px 15px 12px 0px rgba(0, 0, 0, 0.22), 0px 19px 38px 0px rgba(0, 0, 0, 0.3);
        border-radius: 3px;
        position: relative;

        .modal-header {
            padding: 10px 0;
            margin: 0;
            border-bottom: 1px solid #C8C6C5;
            background: none;

            h3 {
                margin: 0 15px;
            }

            button.close {
                color: $gray-lighter;
                padding: 0;
                font-size: 36px;
                font-weight: 300;
                border: 0;
                margin: 5px;
                box-shadow: none;
                outline: 0;
                position: absolute;
                right: 0px;
                top: 0px;

                &:hover {
                    color: #4a4a4a;
                }

            }

        }

        .modal-body {
            padding: 20px;

            h4 {
                margin: 0 0 15px 0;;
            }

        }

        .modal-footer {
            border: none;
        }

    }

}