/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/*
============================================================================
The MTB Site.css bits affecting HTML elements not classes and id'd elements
============================================================================
*/
html {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif
}

/* default colour for the background */
body {
    background-color: #d0e4fe;
}

/* Make text area input mono-spaced*/
textarea, input, select {
    font-family: "Courier New";
}

/* Force wrapping input the <pre> tags */
pre {
    white-space: pre-wrap; /* Since CSS 2.1 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* Add a border to the cryptanalysis functions */
.div-cryptanalysis {
    border-style: solid;
    border-color: deeppink;
    border-width: thin;
    padding: 0.5em;
    margin-top: 0.5em;
}

/* Add a pointer to the cache type info icon  */
#btnCacheTypeInfo {
    cursor: pointer;
}

/* Ciphertext input box. Add some line spacing and border colour */
.ciphertext-input {
    border-color: green;
}

.col-form-label, .col-text-label, .form-check-label {
    font-weight: 500;
}

/* change the colour of the navbar */
.topbar-light {
    background-color: deepskyblue;
    height: 60px;
    display: flex;
    align-items: center;
}
.row-min-height {
    min-height: 3em;
    display: flex;
    align-items:center;
}

/* 
===================================================================================
Override Bootstrap defaults.
===================================================================================
*/
.input-group .col-form-label, .form-check-label {
    margin-right: 0.25em;
}

/* Add space below buttons as the default when things wrap on a mobile screen has no spaces vertically */
.btn {
    margin-bottom: 0.25em !important;
    margin-top: 0.25em !important;
    white-space: nowrap;
    border-radius: 0.25em;
}
/* Must come after .form-label to specify monospaced bold for the enigma labels */
.enigma-label {
    font-family: monospace;
}

/*
===============================================================================
Styles for MMENU JQuery headers from web resources
===============================================================================
*/
    #mobile-menu:not( .mm-menu ) {
        display: none;
    }

    /* 
        Without this it messes up Bootstrap popups: https://stackoverflow.com/questions/35038146/bootstrap-modal-and-mmenu-menu-clashing 
        BUT it also stops the mmenu working... :(
    */
    .mm-slideout {
        z-index: auto;
    }

    /* Creates the menu bars for expanding the mmenu*/
    .mtb-mobile-header-MenuLink {
        background: center no-repeat;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwOtARMDHQBdLGFBYt+nkR2KjEhxQqvIYaR7cD2glSWMo0mY3DiJo5Edi4ZPEqZ7nMSP5pPRon60qB9NwpQDgAADAMIxHUJvWs/TAAAAAElFTkSuQmCC);
        background-color: darkblue;
        width: 50px;
        height: 60px;
    }