/* ------------------------------------------------------------------------------------------------
    Additional styling for the current application

    Created on : Jun 12, 2017, 1:54:10 PM
    Author     : thanassis
 * ------------------------------------------------------------------------------------------------
 */

.container {
    width: 96% !important;
}

footer {
    max-width: 96%;
    color:white;
    background-color: #022a50;
    text-align: center;
    margin: 1em auto;
    padding: 0.25em;
    border: 1pt ridge #022a50;
}

/* ------------------------------------------------------------------------------------------------
 * Tables
 * ------------------------------------------------------------------------------------------------
 */
table.table .actions {
    white-space: nowrap;
}

table.table tr.totals {
    border-top: 2px solid #ddd !important;
    font-weight: bold;
    font-size: larger;
}

.chosen-container {
    min-width:100%;
    padding: 0px;
    border: 0px;
}

/* ------------------------------------------------------------------------------------------------
 * Especially handy for displaying an image at the sizxe of its
 * container while maintaining aspect ratio
 * ------------------------------------------------------------------------------------------------
 */
.best-fit-image {
    max-width:100%;
    max-height:100%;
}

/* ------------------------------------------------------------------------------------------------
 * Navigation bar images are now vertically centered
 * ------------------------------------------------------------------------------------------------
 */
.navbar {
    border-radius: 0px !important;
}

.navbar >.container-fluid .navbar-brand {
    padding-top: 10px;
}

 .panel .dl-horizontal dt {
    white-space: normal;
}

dt.group-divider, dt.group-divider + dd {
    margin-top: 0.55em;
}

/*
 * Scroll to top button
 */
#scrollToTopButton {
    display: none;          /* Hidden by default */
    position: fixed;        /* Fixed/sticky position */
    bottom: 15px;           /* Place the button at the bottom of the page */
    right: 15px;            /* Place the button 30px from the right */
    z-index: 99;            /* Make sure it does not overlap */
    border: none;           /* Remove borders */
    outline: none;          /* Remove outline */
    background-color: red;  /* Set a background color */
    color: white;           /* Text color */
    cursor: pointer;        /* Add a mouse pointer on hover */
    padding: 5px 10px;      /* Some padding */
    border-radius: 10px;    /* Rounded corners */
}

#scrollToTopButton:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}