/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    /*background-color: #25282b;*/
    /*color: #dee6ee;*/
    /*background-color: #c7d9ed;*/
    background-color: #f4e4d2;
    color: black;
    /*background: url("../images/bg1.jpg") no-repeat center center fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.navbar-bg {
    /*background-color: #9bbdf0;*/
    /*background-color: #c7d9ed;*/
    background-color: #f4e4d2;
}

.bs-card {
    width: 100%;
}

.hidden {
    display: none;
}

.modal-content {
    background: floralwhite;
}

.dropdown-divider {
    border-top-color: #5fa0e1;
}

.loading {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.loading-bar {
    display: inline-block;
    width: 2px;
    height: 16px;
    border-radius: 0px;
    animation: loading 1s ease-in-out infinite;
}

    .loading-bar:nth-child(1) {
        background-color: #eb5424;
        animation-delay: 0;
    }

    .loading-bar:nth-child(2) {
        background-color: #44c7f4;
        animation-delay: 0.09s;
    }

    .loading-bar:nth-child(3) {
        background-color: #16214d;
        animation-delay: .18s;
    }

    .loading-bar:nth-child(4) {
        background-color: #eaca2c;
        animation-delay: .27s;
    }

@keyframes loading {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(1, 2.2);
    }

    40% {
        transform: scale(1);
    }
}


/*
 * Global add-ons
 */

.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(242, 206, 206)
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
    border: 0
}


/*
 * Main content
 */

.main {
    padding: 20px
}

@media (min-width: 768px) {
    .main {
        padding-right: 40px;
        padding-left: 40px
    }
}

.page-header {
    margin-top: 0;
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #06529d;
}
  

/*
 * Placeholder dashboard ideas
 */

.placeholders {
    margin-bottom: 30px;
    text-align: center
}

    .placeholders h4 {
        margin-bottom: 0
    }

.placeholder {
    margin-bottom: 20px
}

    .placeholder img {
        display: inline-block;
        border-radius: 50%
    }


.actions-td {
    padding-left: 4px;
    padding-right: 4px;
    background-color: transparent;
}

.ui-autocomplete {
    z-index: 999999 !important;
}

.card-body {
    color: #2b323f;
}

.feather {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
  }


  .table-borderless td,
  .table-borderless tr,
.table-borderless th {
    border: 0 !important;
}

.form-group-pr {
    padding-right: 8px;
}

.radio-mt {
    margin-top: 0  !important;
}

.mtColor {
    color: darkslategray;
}


.actions {
    /*background-color: #fffff9;*/
    background-color: #b9d3ef;
    border-top: 0px !important;
}

td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}
.loading-image {
    background: url('../images/ajax-loading.gif') no-repeat center center;
}

.mtable tr:nth-of-type(2n) td {
    border-bottom: 1px solid #ddd;;
}
.mtable tr:nth-child(4n+1) {
    background-color: #f2f2f2
}

.mtable tr:nth-child(4n+2) {
    background-color: #f2f2f2
}