@import url("/node_modules/typeface-roboto/index.css");

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    --blue: #002145;
    --grey: #A5ACAF;
    --green: #66C010;
}

.bg-blue {
    background-color: var(--blue) !important;
}

.blue {
    color: var(--blue);
}

.bg-green {
    background-color: var(--green);
}

.green {
    color: var(--green);
}

.bg-grey {
    background-color: var(--grey);
}

.grey {
    color: var(--grey);
}

a {
    color: var(--blue);
}

.tablesorter-header {
    background-color: var(--grey) !important;
}

.main {
    padding: 5px;
}

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

.placeholders h4 {
    margin-bottom: 0;
}

.placeholder {
    margin-bottom: 20px;
}

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

.tfont {
    font-size: 12px;
}

.smlogo {
    background: none;
    display: inline-block;
}

#map {
    height: 580px;
}

.mycluster {
    width: 35px;
    height: 35px;
    text-align: left;
    font-size: 17px;
    background: url('/node_modules/leaflet/dist/images/marker-icon-2x.png') repeat-y right bottom;
    background-size: 25px 37px;
}

.icon {
    color: red;
}

.tablesorter-pager .btn-group-sm .btn {
    font-size: 1.2em; /* make pager arrows more visible */
}

.tablesorter-filter-row td {
    background: #eee;
    line-height: normal;
    text-align: center; /* center the input */
    -webkit-transition: line-height 0.1s ease;
    -moz-transition: line-height 0.1s ease;
    -o-transition: line-height 0.1s ease;
    transition: line-height 0.1s ease;
}

.tablesorter-filter-row .disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: not-allowed;
}

.tablesorter-filter-row.hideme td {
    /*** *********************************************** ***/
    /*** change this padding to modify the thickness     ***/
    /*** of the closed filter row (height = padding x 2) ***/
    padding: 1px;
    /*** *********************************************** ***/
    margin: 0;
    line-height: 0;
    cursor: pointer;
}

.tablesorter-filter-row.hideme * {
    height: 1px;
    min-height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    /* don't use visibility: hidden because it disables tabbing */
    opacity: 0;
    filter: alpha(opacity=0);
}

/* filters */
.tablesorter-filter {
    width: 98%;
    height: inherit;
    margin: 1px;
    padding: 1px;
    background-color: #fff;
    border: 1px solid #bbb;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height 0.1s ease;
    -moz-transition: height 0.1s ease;
    -o-transition: height 0.1s ease;
    transition: height 0.1s ease;
}

.pagination {
    display: inline-block;
    color: black;
    float: left;
    padding: 2px 8px;
    margin: 0 4px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    cursor: pointer;
}

.pagination.disabled {
    color: #f0f0f0;
}

.pagedisplay {
    display: inline-block;
    color: black;
    float: left;
    padding: 2px 8px !important;
    margin: 0 4px;
    text-decoration: none;
    transition: background-color .3s;
    cursor: pointer;
    width: 200px;
    height: 30px;
}

.tablesorter-header {
    background-size: 10px 15px !important;
}

.columnSelectorWrapper {
    position: relative;
    display: none;
}

.columnSelector, .hidden {
    display: none;
}

#colSelect1:checked ~ #columnSelector {
    display: block;
}

.columnSelector {
    width: 290px;
    position: absolute;
    top: 40px;
    padding: 10px;
    background: #fff;
    border: #000 1px solid;
    border-radius: 5px;
    z-index: 1400;
    right: 1px;
}

.columnSelector label {
    display: inline-flex;
}

.columnSelector label:nth-child(1) {
    border: #000 solid 1px;
}

.columnSelector input {
    margin: 5px;
}

.columnSelector .disabled {
    color: #ddd;
}

.loadingtable {
    width: 100%;
    height: 100%;
    background-color: var(--blue);
    position: fixed;
    margin: 0;
    padding: 0;
    z-index: 1500;
}

.signal {
    border: 4px solid #ffffff;
    border-radius: 50px;
    height: 40px;
    left: 520px;
    margin: -20px 0 0 -20px;
    opacity: 0;
    position: absolute;
    top: 197px;
    width: 40px;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
}

.loadingmessage {
    left: 1%;
    position: absolute;
    top: 19%;
    color: #ffffff;
}

@keyframes pulsate {
    0% {
        transform: scale(.1);
        opacity: 0.0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

.featherlight-close-icon {
    font-size: 30px;
}

.featherlight-loading .featherlight-content {
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    border: 5px solid #fff;
    border-radius: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    position: absolute;
    width: 30px;
}

.featherlight-loading .featherlight-content > * {
    display: none !important;
}

.featherlight-loading .featherlight-close,
.featherlight-loading .featherlight-inner {
    display: none;
}

.tooltip { pointer-events: none; }

.navbar-custom {
    background-color: rgba(78,137,164,.4);
}