.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

.bold{
    font-weight:bold!important;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}
.tile {margin: 30px 0 30px 0;}
.tile-body {background-color: #fff; padding: 0 10px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.09); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.09); box-shadow: 0 1px 1px rgba(0,0,0,0.09);}
.tile-content {padding: 10px 0; min-height:610px;}

.footer {
    padding: 1.125rem 0;
    text-align: left;
    background-color: #f2f2f2;
}
.navbar {
    font-size: 20px;
    color: #fff;
    background-color: #1997c6;
    background-image: -webkit-linear-gradient(top, #106382, #1997c6);
    background-image: linear-gradient(to bottom, #106382, #1997c6);
}
.fill {
    width: 100%;
    height: 250px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.navbar-header {width:100%; padding-top:85px;}
h1 {margin-top:5px;}
h2 {margin-top:0; background:none !important; border:0 !important; position:initial !important;}
h2:after {border:0 !important;}
.header-link {width:auto !important;}
.pdf-icon {
    color: #ea1b39;
    font-size: 18px;
}
a:hover {text-decoration:none;}
.btn-OANC-callout {
    color: #FFF;
    background-color: #E17A17;
    border: 1px solid #E17A17;
}
.btn-OANC-primary {
    color: #FFF;
    background-color: #086EA1;
    border: 1px solid #086EA1;
}
a.btn-OANC-callout:hover {
    color: white;
    background: #cc6f17;
}
.btn-show-filters, .btn-clear-filters {
    width: 150px;
    position: absolute;
    left: 250px;
    z-index: 2;
}
.btn-clear-filters {left:405px;}
.filter-container {
    background-color: #f2f2f2;
    border-radius: 10px;
    min-height: 300px;
    height:auto;
    position: absolute;
    z-index: 3;
    top: 45px;
    width: 100%;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.filter-container:before {
        content: "";
        width: 0px;
        height: 0px;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid #f2f2f2;
        position: absolute;
        left: 28%;
        top:-10px;
    }
.filters-wrapper {position:relative;}
.zone-prefooter-wrapper {
    display:none !important;
}
.footer-container {
    margin-top:100px;
}
/* input styles*/
input[type=checkbox], input[type=radio] {
    opacity: 0;
    position: absolute;
    z-index: 12;
    width: 18px;
    height: 18px;
    margin-left: 0 !important;
}

input[type=checkbox] + .lbl, input[type=radio] + .lbl {
    position: relative;
    z-index: 11;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 14px;
    min-width: 14px;
    font-weight: normal;
}

input[type=checkbox] + .lbl::before, input[type=radio] + .lbl::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: normal;
    font-size: 11px;
    color: #2091cf;
    content: "\a0";
    background-color: #FAFAFA;
    border: 1px solid #CCC;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    border-radius: 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 13px;
    line-height: 13px;
    min-width: 13px;
    margin-right: 1px;
    margin-top: -2px;
    -moz-box-sizing: content-box;
    box-sizing: content-box !important;
    font-weight:600;
}

input[type=checkbox]:checked, input[type=radio]:checked, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: none !important;
}

input[type=checkbox]:hover + .lbl::before, input[type=radio]:hover + .lbl::before, input[type=checkbox] + .lbl:hover::before, input[type=radio] + .lbl:hover::before {
    border-color: #1c7aad;
}

input[type=checkbox]:checked + .lbl::before, input[type=radio]:checked + .lbl::before {
    display: inline-block;
    content: '\f00c';
    background-color: #086EA1;
    border-color: #086EA1;
    color:white;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05),inset 15px 10px -12px rgba(255,255,255,0.1);
}

label.radio, label.checkbox {
    padding-left: 0;
    display: inline-block;
    margin: 0;
}

input[type=checkbox] + .lbl.padding-8::before, input[type=radio] + .lbl.padding-8::before {
    margin-right: 8px;
}
/* input styles*/

.filter-container .box-callout {
    background-color: white;
    min-height: 160px;
    height: 160px;
    overflow-y: auto;
    padding: 10px;
    position:relative;
}

.btn-apply, .btn-cancel {
    width: 100px;
}

.btn-apply:hover {
    color: white;
    background: #07577f;
}

.apply-cancel-btn-container {
    padding-top: 25px;
    padding-bottom:20px;
}
ul {list-style-type:none; padding-left:0;}
.date-range-container div {position:relative;}
.fa-calendar-alt {
    position: absolute;
    right: 10px;
    top: 35px;
    color: #086ea1;
}
.dataTable tbody tr:hover {
    background-color: #33a4dc !important;
    color: white;
}
.dataTable tbody tr:hover a {
    color: white;
    border-bottom: 1px dotted #fff;
    text-decoration: none;
    background: transparent;
}
.dataTable tbody tr a {
    border-bottom: 1px dotted #4f4f4f;
}
#loading {
    position: absolute;
    top: 0;
    bottom: 0%;
    left: 0;
    right: 0%;
    background-color: rgba(255,255,255,0.5);
    /*background-image: url("https://i.stack.imgur.com/MnyxU.gif");*/
    background-image: url('../images/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    z-index: 99;
    text-align: center;
    width: 100%;
    height: 100%;
}
#loading:after {
    content:"Loading";
    position:absolute;
    top:52%;
    left:48.8%;
}


    .decision-type-container .input-group {
        left: -10px;
        top: -10px;
    }
.decision-type-container .input-group-btn {right:-20px;}
.decision-type-container .input-group .form-control {width:110%;}
#uriHeader {
    z-index:999;
    position:relative;
}

#decisions_filter input, #decisions_length select {
    height: 30px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s;
}
/* Media Quries */
@media only screen and (max-width: 768px) {
    .filter-container:before {
        margin-left: 120px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .filter-container:before {
        margin-left: 50px;
    }
}

@media only screen and (max-width: 414px) {
    .dataTables_length {
       float:right !important;
    }
}
@media only screen and (max-width: 736px) {
    .btn-show-filters {
        left:0 !important;
    }
    .filter-container:before {
        border:0 !important;
    }
}