/* Sticky footer styles
-------------------------------------------------- */
@font-face {
    font-family: sf;
    src: url(sf.woff);
    font-weight: normal;
}

@font-face {
    font-family: sfbold;
    src: url(sfbold.woff);
    font-weight: bold;
}

html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    font-family: sf;
}

.popover {
    font-family: sf;
}

.tooltip-inner {
    font-family: sf;
}

#loginHeader {
    text-align: justify;
    height: 24px;
    color: #001037;
}

#loginHeader:after {
    content: "";
    display: inline-block;
    width: 100%;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
    background-color: #f5f5f5;
    z-index: 999;
    -webkit-box-shadow: 0px 1px 15px 7px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 1px 15px 7px rgba(0,0,0,0.08);
    box-shadow: 0px 1px 15px 7px rgba(0,0,0,0.08);
}

.login-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 30px;
    line-height: 30px; /* Vertically center the text there */
    background: -prefix-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1));
    z-index: 999;
    font-size: 12px;
}

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

.tooltip-inner {
    max-width: 350px;
}

.popover {
    max-width: 400px;
    text-align: justify;
}

/* Select2 Placeholder Multiselect Fix */
.select2-container .select2-selection.select2-selection--multiple .select2-search.select2-search--inline .select2-search__field:not([placeholder='']) { width: 100% !important; margin-right: 100000px; }


.mySeparator {
    background-color: #fff;
    /*border-top: 2px dotted #007bff;*/
    border-top: 2px dotted #0b56b3;
}

.card-body .table tr:first-child td {
    border-top: 0;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
    padding: 60px 15px 0;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}

.goup-container {
    right: 15px !important;
}

.collapsible-link {
    width: 100%;
    position: relative;
    text-align: left;
}

.collapsible-link::before {
    content: '\e842';
    position: absolute;
    top: 50%;
    right: 0rem;
    transform: translateY(-50%);
    display: block;
    font-family: 'feather';
    font-size: 1.1rem;
}

.collapsible-link[aria-expanded='true']::before {
    content: '\e845';
}

#qrcode img {
    width: 64px;
}

h6 {
    color: #000000;
    font-weight: bold;
}

/*
 * Content
 */