/*custom CSS input here, you can add your own .customclass and then use customclass in the webcomponent. This the .Overlay Script using Mition colours */

/* Documentation Overlay example */
.OverlaySample{
.Overlay {
    background-color: transparent !important;
    background-image: linear-gradient(-45deg, rgb(19, 24, 53) 0%, rgb(58, 147, 224) 100%) !important;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}
}

/* Curved buttons */
.btn.btn-primary {
    padding: 6px 10px !important;
    border-radius: 20px !important;
}

.btn.btn-secondary {
    padding: 6px 10px !important;
    border-radius: 20px !important;
}

.btn.btn-delete {
    padding: 6px 10px !important;
    border-radius: 20px !important;
}

.btn.btn-warning {
    padding: 6px 10px !important;
    border-radius: 20px !important;
}

/* Mobile Hamburger Menu */
.mobile-menu-header-wrapper .close-button {
    border-radius: 0px !important;
}