/* Move down content because we have a fixed navbar that is 50px tall */


/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/


.table.no-border tr td, .table.no-border tr th {
    border-width: 0;
}

.row-no-padding-all > [class*="col-"] {
    padding: 0;
}

.row-no-padding > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.row-no-padding-left > [class*="col-"] {
    padding-left: 0 !important;
}

.row-no-padding-right > [class*="col-"] {
    padding-right: 0 !important;
}

.row-no-padding-element {
    padding-left: 0;
    padding-right: 0;
}

.small-importatant {
    font-size: 86% !important;
}

.less-margin-right {
    margin-right: -7px
}

.less-margin-left {
    margin-left: -7px
}

.less-margin-bottom {
    margin-bottom: -7px
}

.add-margin-top {
    margin-top: 7px
}

/* Färg på header i modala dialoger */
.modal-header-color {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    background-color: #3fa74f;
    color: white
}

/* SÄTT FÄRG: kalenderikonen */
.fkab-color {
    background-color: #3fa74f !important;
    color: #ffffff !important;
}
/* veckoväljar checkboxar*/
.weekDays-selector input {
    display: none !important;
}

    .weekDays-selector input[type=checkbox] + label {
        display: inline-block;
        border-radius: 6px;
        background: #dddddd;
        height: 40px;
        width: 40px;
        margin-right: 2px;
        line-height: 40px;
        text-align: center;
        cursor: pointer;
        color: #000000;
    }

    .weekDays-selector input[type=checkbox]:checked + label {
        background: #3fa74f;
        color: #ffffff;
    }

.form-group input[type="checkbox"] {
    display: none;
}

.UpdateProgress {
    position: fixed;
    top: 45%;
    left: 45%;
    color: black;
    border-color: Silver;
    font-size: medium;
    height: 70px;
    width: 200px;
}

.UpdateProgressFilter {
    position: fixed;
    top: 0px;
    bottom: 0px;
    /*left: 0px;*/
    /*right: 0px;*/
    /*overflow: hidden;*/
    /*padding: 0;*/
    /*margin: 0;*/
    background-color: Silver;
    filter: alpha(opacity=60);
    opacity: 0.6;
    height: 100%;
    width: 100%;
    -moz-opacity: 0.8;
    z-index: 999;
}

.UpdateProgressModal {
    position: fixed;
    top: 0px;
    bottom: 0px;
    /*left: 0px;*/
    /*right: 0px;*/
    /*overflow: hidden;*/
    /*padding: 0;*/
    /*margin: 0;*/
    background-color: Silver;
    filter: alpha(opacity=60);
    opacity: 0.6;
    height: 100%;
    width: 100%;
    -moz-opacity: 0.8;
    z-index: 999;
}


.center {
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 130px;
    /*background-color: White;*/
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

    .center img {
        height: 128px;
        width: 128px;
    }



thead th {
    background-color: @body-bg;
}

#toast-container > div {
    opacity: 1 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
    filter: alpha(opacity=100) !important;
}
/*tbody td {
    background-color: #EEEEEE;
}
table.table tr th {
    background-color:@body-bg !important;
    color: white !important;
}*/

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

@media screen and (max-width: 320px) {
    .weekDays-selector input[type=checkbox] + label {
        display: inline-block;
        border-radius: 6px;
        background: #dddddd;
        height: 40px;
        width: 28px;
        margin-right: 1px;
        line-height: 40px;
        text-align: center;
        cursor: pointer;
        color: #000000;
    }
}

@media screen and (max-width: 375px) {
    .weekDays-selector input[type=checkbox] + label {
        display: inline-block;
        border-radius: 6px;
        background: #dddddd;
        height: 40px;
        width: 34px;
        margin-right: 3px;
        line-height: 40px;
        text-align: center;
        cursor: pointer;
        color: #000000;
    }
}

.clickable {
    cursor: pointer;
}

td {
/*    padding: 0 !important;
*/}

th {
    padding: 0 !important;
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 21px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
}

    .thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
        border-color: #3fa74f;
    }

#btnProfil::after {
    display: none !important;
}

.time-container {
    display: grid;
    align-items: center;
}

@media (max-width: 575.98px) {
    .td-row {
        flex-direction: column;
    }
    .td-half {
        width: 100% !important;
    }
}