/* 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. */

/*
    --------------------------------
    Override bootstrap font settings
    --------------------------------
*/

html, body { font-family: Arial, sans-serif; }

pre, code, kbd, samp { font-family: Consolas, "Courier New", monospace; }

.trumbowyg-box,
.trumbowyg-editor {
    margin: 0;
    min-height: 60px;
}

.bg-radio { background-color: #e9ecef; }

.border-radio { border: 1px solid #ced4da; }

.w-33 { width: 33% !important; }

.input-group-prepend-25 {
    width: 25%; /*adjust as needed*/
}

.input-group-text {
    overflow: hidden;
    width: 100%;
}

.bg-blue { background-color: #007bff; }

.bg-indigo { background-color: #6610f2; }

.bg-purple { background-color: #6f42c1; }

.bg-pink { background-color: #e83e8c; }

.bg-red { background-color: #dc3545; }

.bg-orange { background-color: #fd7e14; }

.bg-yellow { background-color: #ffc107; }

.bg-green { background-color: #28a745; }

.bg-teal { background-color: #20c997; }

.bg-cyan { background-color: #17a2b8; }

.message-layout { color: #93c01f; }

.message-layout:hover {
    background-color: #93c01f;
    color: #ffffff;
}

.error-layout { color: #ef3340; }

.error-layout:hover {
    background-color: #ef3340;
    color: #ffffff;
}

.scrollbar-fb-large {
    overflow: auto;
    height: 300px;
}

.scrollbar-fb {
    overflow: auto;
    height: 240px;
}

@media (min-height: 630px) {
    .scrollbar-fb-large {
        height: 330px;
    }

    .scrollbar-fb {
        height: 270px;
    }
}

@media (min-height: 750px) {
    .scrollbar-fb-large {
        height: 450px;
    }

    .scrollbar-fb {
        height: 390px;
    }
}


@media (min-height: 860px) {
    .scrollbar-fb-large {
        height: 570px;
    }

    .scrollbar-fb {
        height: 510px;
    }
}

@media (min-height: 990px) {
    .scrollbar-fb-large {
        height: 690px;
    }

    .scrollbar-fb {
        height: 630px;
    }
}

/*
    ---------------------
    Overall layout styles
    ---------------------
*/

/* always shows body despite of sticky layout headers and footers */

.render-body {
    margin-bottom: 3.0rem;
    margin-top: 6.0rem;
}

.min-width-10 { min-width: 10.0rem; }

.min-width-15 { min-width: 15.0rem; }

/*
    enhance bootstrap button styles
*/

.btn-outline { padding: 0 0.25rem; }

.fs-modal-header {
    font-size: 1.5rem;
}
.fs-modal {
    font-size: 1.0rem;
}


/*  
    --------------------------------------------------
    allows to change collapse toggle button appearance 
    --------------------------------------------------
*/

[data-toggle="collapse"].collapsed .if-not-collapsed { display: none; }

[data-toggle="collapse"]:not(.collapsed) .if-collapsed { display: none; }

/*  
    ------------------------------------
    Redesign of bootstrap tooltips 
    ------------------------------------
*/

.tooltip-inner {
    background-color: #00b6ed;
    border: 1px solid #00546e;
    color: #ffffff;
    font-weight: bold;
    max-width: 360px;
    padding: 6px;
    text-align: center;
}

/*
@media (min-width: 576px) {
    .tooltip-inner {
        max-width: 360px;
    }
}

@media (min-width: 768px) {
    .tooltip-inner {
        max-width: 480px;
    }
}

@media (min-width: 992px) {
    .tooltip-inner {
        max-width: 600px;
    }
}

@media (min-width: 1200px) {
    .tooltip-inner {
        max-width: 720px;
    }
}
*/


textarea.textarea-autosize {
    height: 2.25rem;
    min-height: 2.25rem;
    resize: none;
    overflow-y: hidden;
}

textarea.textarea-autosize.form-control-lg {
    height: 3.75rem;
    min-height: 3.75rem;
}

textarea.textarea-autosize.form-control-sm {
    height: 2rem;
    min-height: 2rem;
}