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

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
    /*color: mediumseagreen;*/
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    /*margin-bottom: 60px;*/
    /*background-color: #f5f5f5;*/
    background-color: #f8f9fa;
    color: #495057;
}

.footer {
    /*position: absolute;*/
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}


/*Login*/

.login-container {
    margin: 60px;
    max-width: 500px;
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.1);
    box-shadow: 0 3px 3px rgba(0,0,0,0.1);
    border-radius: 6px
}

    .login-container input {
        outline: 0
    }

    .login-container .heading {
        height: auto;
        border-radius: 6px 6px 0 0;
        padding: 7px 0 0 0;
        background: #387bb1;
        background: -moz-linear-gradient(top,#387bb1 0,#276b99 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#387bb1),color-stop(100%,#276b99));
        background: -webkit-linear-gradient(top,#387bb1 0,#276b99 100%);
        background: -o-linear-gradient(top,#387bb1 0,#276b99 100%);
        background: -ms-linear-gradient(top,#387bb1 0,#276b99 100%);
        background: linear-gradient(top,#387bb1 0,#276b99 100%);
        /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#387bb1',endColorstr='#276b99',GradientType=0);*/
        border-bottom: #1973b1
    }

    .login-container form {
        /*background: #f4f7ff;*/
        border-radius: 0 0 6px 6px;
        display: block;
        padding: 15px 0 20px 0;
        /*border: 1px solid #ccc;*/
        border-top: 0
    }

    .login-container .heading h2 {
        background: 0;
        font-size: 25px;
        color: #fff;
        font-weight: bold;
        padding: 5px 0 10px 17px;
        text-align: left
    }

.storefront-login-container {
    text-align: left;
    padding: 0 20px
}

    .storefront-login-container label {
        display: block;
        padding: 2px 0;
        padding-top: 15px;
        font-size: 13px;
        font-family: Helvetica,Arial,sans-serif
    }

    .storefront-login-container input {
        border: 1px solid #c5c5c5;
        border-radius: 6px;
        box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.1) inset;
        font-size: 14px;
        padding: 14px 7px;
        /*width: 96%;*/
        width: 100%;
        margin: 10px 0
    }

    .storefront-login-container select {
        width: auto;
        padding: 6px;
        margin: 10px 0;
        font-size: 14px
    }

.login-container .function-control {
    background: 0;
    _width: 310px;
    padding: 0 20px
}

.login-control,
.new-customer {
    background: 0
}

.login-control {
    text-align: left
}

    .login-control a {
        font-size: 13px
    }

.login-submit {
    background: #3e80b6 url(../images/bg-submit-button.gif) repeat-x left bottom;
    border-color: #6ba8f5 #074e87 #074e87 #6ba8f5;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 10px 0 0;
    overflow: visible;
    padding: 8px 16px;
    cursor: pointer
}

.global-individual-error-msg {
    font-size: 12px
}

.login-top-separator {
    height: 1px;
    background: #aeaeae;
    overflow: hidden
}

.new-customer {
    border-top: 1px solid #bebebe
}

.logoutTable {
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 25px
}

#login-redirect {
    background: #f1f1f1;
    font-family: Helvetica,Arial,sans-serif
}

#login-redirect-container {
    width: 411px;
    margin: 130px auto 0;
    background: #fff;
    border: 1px solid #b5b5b5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center
}

    #login-redirect-container h1 {
        font-size: 22px;
        color: #5f5f5f;
        font-weight: normal;
        margin: 22px 0 26px 0;
        padding: 0
    }

    #login-redirect-container p {
        font-size: 13px;
        color: #454545;
        margin: 0 0 12px 0;
        padding: 0
    }

    #login-redirect-container img {
        margin: 0 0 35px 0;
        padding: 0
    }

.ajaxLoader {
    margin: 80px 153px
}

.stick-footer .system-footer {
    position: absolute;
    bottom: 0;
    width: 100%
}

.login-container .error-msg {
    margin: 0 0 15px 0
}


p span.reding {
    font-size: 5vw;
    text-overflow: ellipsis;
    color: cornflowerblue;
}



div.fw-footer {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    clear: both;
    color: #ccc;
    text-align: right;
    padding: 2em 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    div.fw-footer div.skew {
        background: #363d46;
        height: 70px;
        transform: skew(0, -1.7deg );
        transform-origin: top right;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        box-shadow: inset 0 3px 10px rgb(0 0 0 / 10%);
    }

    div.fw-footer div.skew-bg {
        position: absolute;
        top: 70px;
        bottom: 0;
        left: 0;
        right: 0;
        background: #363d46;
    }

    div.fw-footer div.copyright {
        position: relative;
        text-align: left;
        /*padding: 1em 0;*/
        /*max-width: 1140px;*/
        /*margin: 0 auto;*/
        line-height: 1.2em;
        z-index: 1;
        top: 15px;
        margin: 0 30px;
        color: #faa903;
    }

div.copyright a {
    color: mediumseagreen;
    text-decoration: none;
}

main {
    /*min-height:553px;*/
}

.fms-logo {
    border-radius: 20px;
    background: url('../images/fms-logo.png') #fff no-repeat center;
    height: 470px;
    object-fit: cover;
}

.alert-box {
    position: fixed !important;
    right: 10px !important;
    opacity: 1;
    z-index: 99999
}

.logo {
    width: 55px;
    height: 55px;
    background: url('../images/FMS_turtle.png') no-repeat;
    background-position: center;
    background-color: white;
    border-radius: 5px;
    background-size: cover;
    margin-left: 30px;
}

    .logo img {
    }

div.dataTables_processing {
    width: 130px !important;
    margin-left: -65px !important;
    color: red;
}



/* ===========================
   Top controls (Rows + Search)
   =========================== */
/* Top controls row (Rows + Search) */
/* Force the top DataTables row into a flex container */
/*.dataTables_wrapper > .row:first-child {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: space-between;
}*/

/* Each column: allow equal share */
.dataTables_wrapper > .row:first-child > .col-sm-12.col-md-6 {
    flex: 1 !important;
    max-width: none !important; /* override col-sm-12 full width */
    display: flex !important;
    /*align-items: center;*/
}

/* Left side (Rows dropdown) */
.dataTables_wrapper .dataTables_length {
    justify-content: flex-start;
    text-align: left !important;
    width: 100%;
}

/* Right side (Search box) */
.dataTables_wrapper .dataTables_filter {
    justify-content: flex-end;
    text-align: right !important;
    width: 100%;
}

    /* Optional: shrink the search input so it doesn't push too far */
    .dataTables_wrapper .dataTables_filter input[type="search"] {
        max-width: 200px;
        width: auto;
        margin-left: 0.5rem;
    }

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length {
        text-align: left;
    }
}