﻿body {
    position: relative !important; /* Added this since the Dynabloqs.css forces the position to fixed, which causes issues... */
}

.navbar {
    height: 74px;
}

    .navbar .navbar-brand svg {
        display: block !important;
        width: 204px;
        height: 30px;
    }

#associated-folder-document-control-container {
    margin-left: auto;
    margin-right: auto;
}

    #associated-folder-document-control-container a.btn[data-button-type="0"] {
        display: none;
    }

    #associated-folder-document-control-container .row {
        margin: 0 0 10px 0;
    }

    #associated-folder-document-control-container .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 15px;
        margin-right: 15px;
    }

    #associated-folder-document-control-container .result-container {
        background: #f8f8f8;
        padding: 15px;
        border-radius: 10px;
    }

        #associated-folder-document-control-container .result-container h1 {
            text-align: center;
            color: #5cb85c;
        }

        #associated-folder-document-control-container .result-container p {
            text-align: center;
            color: #bbb;
        }

    #associated-folder-document-control-container .form-group .input-group {
        width: 100%;
    }

@media (min-width: 768px) {
    #associated-folder-document-control-container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    #associated-folder-document-control-container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    #associated-folder-document-control-container {
        width: 1170px;
    }
}
