/**
 * Body
 */
body {
    overflow-y: scroll;
}


/**
 * Bootstrap overrides
 */
.navbar {
    padding: 0.5rem 0;
}

/**
 * CSS for sub-navigation (below navbar).
 */

.subnav {
    padding-top: .7rem;
    padding-bottom: .65rem;
    background: #eee;
    border-bottom: 1px solid #ddd;
}

/**
 * Margins & Paddings
 */

.py-25 {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.px-25 {
    padding-left: .75rem;
    padding-right: .75rem;
}

.mb-25 {
    margin-bottom: .75rem;
}

/**
 * Container
 */
.container {
    max-width: 100%;
}

@media (max-width: 1920px){
    .container {
        max-width: 100%;
    }
}

/**
 * Headings
 */

h1 {
    font-size: 2.1rem;
}

h1 small {
    font-size: 1.5rem;
}

h2 {
    font-size: 1.8rem;
}

h3 {
    font-size: 1.4rem;
    font-weight: 400;
}

h4 {
    font-size: 1.4rem;
}

h5 {
    margin-bottom: .75rem;
}

/**
 * Text
 */

p {
    margin-bottom: .25rem;
}

.medium, th, strong {
    font-weight: 500;
}

.opacity-50 {
    opacity: .5;
}

.opacity-25 {
    opacity: .25;
}

.bg-highlighted {
    background: #ffc;
}

/**
 * Links
 */

a {
    color: #39c;
    text-decoration: none !important;
}

a:hover {
    color: #069;
}

/**
 * Labels & inputs
 */

.label-small {
    font-size: .8rem;
    font-weight: 500;
    margin-bottom: .25rem;
}

/**
 * Buttons
 */

button, .btn {
    font-weight: 500;
    padding-left: .75rem;
    padding-right: .75rem;
}

.btn-white {
    border: 1px solid #ced4da;
    background: #fff;
    color: #495057;
}

.btn-white:hover {
    color: #000;
}

/**
 * Tables
 */

tr {
    background: #fff;
}

th {
    font-weight: 500;
    white-space: nowrap;
}

.table-monitor th {
    border-top: 0 !important;
}

.table-monitor {
    font-size: .8rem;
}

td {
    vertical-align: middle !important;
}

.table-monitor th,
.table-monitor td {
    height: 38px;
}

span.clickable {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 16px;
    display: block;
    padding: .7rem .25rem;
    width: 100%;
    height: 60px;
    background: #fff;
    color: #666;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
}

.table-operationer .button {
    padding: .75rem 1rem;
}

/**
 * Operations
 */

.update-operation,
.update-operation-column,
.create-operation-column {
    background: #ffc;
    display: block;
    cursor: pointer;
    height: 100%;
}

.update-operation:hover,
.update-operation-column:hover,
.create-operation-column:hover {
    background: #eeb;
}

/**
 * Modalbox
 */

.modalbox {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 99999;
    background: #fff;
    padding: 1.25rem;
    border: 1px solid #ddd;
    text-align: left;
    overflow: visible;
    transform: translate(0%, -50%);
}

.modalbox h5 {
    margin-bottom: 1rem;
    text-align: center;
}

.backdrop {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    background: #000;
    opacity: .25;
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
}

/**
 * Sök holder
 */

.sok-holder {
    position: relative;
}

.sok-holder ul {
    position: absolute;
    padding: 0;
    list-style-type: none;
    background: #fff;
    border: 1px solid #ddd;
    width: 100%;
    max-height: 500px;
    overflow-y: auto;
}

.sok-holder ul a {
    padding: .5rem;
    display: block;
    border-bottom: 1px solid #ddd;
}

/**
 * Inputs & .form-control
 */

input, select, button {
    border-radius: 0 !important;
}

.form-control {
    border-radius: 0;
}

.form-control:focus {
    color: inherit;
    border-color: #ced4da;
    /*outline: 0;*/
    /*box-shadow: none;*/
}

/**
 * Widths
 */

.w-55px {
    width: 55px;
    max-width: 55px;
}

.w-65px {
    width: 65px;
    max-width: 65px;
}

.w-75px {
    width: 75px;
    max-width: 75px;
}

.w-100px {
    width: 100px;
    max-width: 100px;
}

.w-125px {
    width: 125px;
    max-width: 125px;
}

.w-150px {
    width: 150px;
    max-width: 150px;
}

.w-200px {
    width: 200px;
    max-width: 200px;
}

.w-250px {
    width: 250px;
    max-width: 250px;
}

.w-300px {
    width: 300px;
    max-width: 300px;
}

.w-350px {
    width: 350px;
    max-width: 350px;
}

.w-400px {
    width: 400px;
    max-width: 400px;
}

.w-450px {
    width: 450px;
    max-width: 450px;
}

/**
 * ajaxErrorResponseBox (used by monitor-crud.js)
 */
.ajax-response-box {
    position: fixed;
    bottom: 0;
    display: block;
    background: #000;
    color: #fff;
    border-top: 1px solid #ccc;
    width: 95%;
    text-align: center;
    padding: 1rem 0;
    margin: 2.5%;
    font-weight: 500;
    border-radius: 8px;
    z-index: 999999;
}
.ajax-response-box .title {
    font-size: 1.2rem;
    margin-bottom: .25rem;
    display: block;
}
.ajax-response-box .btn-close {
    font-weight: 500;
    font-size: .9rem;
    display: block;
    color: #aaa;
    margin: .5rem auto 0;
}
.ajax-response-box .btn-close:hover {
    color: #ddd;
}

/**
 * CSS for "nordiska-container" elements.
 */

.nordiska-container label {
    margin-bottom: .25rem !important;
    font-size: .875rem;
    font-weight: 500;
}

.nordiska-container input, select, textarea {
    margin-bottom: .25rem;
}

.nordiska-container table input, select, textarea {
    margin-bottom: 0;
}

.nordiska-container th,
.nordiska-container td {
    padding: .5rem .75rem;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    min-width: 50px;
}

.nordiska-container th {
    font-size: .875rem;
}

.nordiska-container td {
    font-size: .875rem;
}

.nordiska-container th.row-number,
.nordiska-container td.row-number {
    min-width: 50px;
    text-align: center;
}

/**
 * CSS for "monitor-forms.js".
 */

.mh-input-sok {
    outline: 0 !important;
    box-shadow: none !important;
}

.mh-sokresultat,
.mh-navbar-sokresultat {
    position: absolute;
    z-index: 99;
    width: 320px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #ddd;
    margin-top: -1px;
    white-space: nowrap;
    background: #fff;
}

.mh-sokresultat ul,
.mh-navbar-sokresultat ul {
    position: absolute;
    list-style-type: none;
    padding: 0;
    width: 100%;
    margin-bottom: 0;
}

.mh-sokresultat li,
.mh-navbar-sokresultat li {
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    line-height: 1.5;
    background: #fcfcfc;
    cursor: pointer;
}

.mh-navbar-sokresultat li:last-child {
    border-bottom: none;
}

.mh-navbar-sokresultat li.selected {
    background: #ffc;
}

.mh-sokresultat li:hover,
.mh-navbar-sokresultat li:hover {
    background: #ffc;
}

.mh-sokresultat a {
    list-style-type: none;
    padding: 0;
    margin-top: -5px;
}

/**
 * CSS for "nordiska modal".
 */

.nordiska-modal-search-results {
    position: absolute;
    top: 31px;
    left: 0;
    width: 100%;
    z-index: 999;
}

.nordiska-modal-search-results ul {
    padding: 0;
    background: #fff;
    list-style-type: none;
}

.nordiska-modal-search-results li {
    margin: 0;
    white-space: nowrap;
    border: 1px solid #ced4da;
    border-top: none;
    background: #fcfcfc;
}

.nordiska-modal-search-results li.selected {
    background: #ffc;
}

.nordiska-modal-search-results li a {
    padding: .35rem .75rem;
    display: block;
    height: 31px;
    width: 100%;
    overflow: hidden;
    font-size: .8rem;
    text-overflow: ellipsis;
}

/**
 * Lists
 */

li {
    margin-bottom: .25rem;
}