body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.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;
}

/*********HEADER STYLES*/
#dcrui-header-top {
    border-top: 11px solid #2B4888;
}

.dots {
    background-image: url(../images/dot.png);
    min-width: 100%;
    position: absolute;
    top: 4px;
    height: 3px;
}

.zone-branding-wrapper {
    border-bottom: 5px solid #ccc;
    padding-bottom:10px;
}
.logo-img {
    float: left;
    margin: 0 10px 0 10px;
}

    .logo-img img {
        width: 100px;
    }

.header-link {
    position: absolute;
    top: 25px;
    right: 5px;
    text-align: center;
    text-transform: capitalize;
    display: block;
    border: 1px solid #ccc;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #fff;
    /* cursor: pointer; */
    text-shadow: none;
    padding: 0 15px;
    line-height: 50px;
}

.agency-title {
    margin-top:12px;
}

@media only screen and (min-width: 1040px) {
    .centerHeader {
        width: 1020px;
        margin-left: auto;
        margin-right: auto;
    }

        .centerHeader > .logo-img {
            margin-top: 15px;
            float: left;
        }

        .centerHeader > .header-title {
            float: left;
        }

        .centerHeader > .header-link {
            float: right;
            margin-top: 15px;
            position: relative;
            top: 0;
            right: 0;
            width: 55px;
        }
}

@media only screen and (min-width: 960px) {
    #mobile-head {
        display: none;
    }
}
/* 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; position:relative;}

.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-perb-callout {
    color: #FFF;
    background-color: #E17A17;
    border: 1px solid #E17A17;
}
.btn-perb-primary {
    color: #FFF;
    background-color: #086EA1;
    border: 1px solid #086EA1;
}
a.btn-perb-callout:hover {
    color: white;
    background: #cc6f17;
}
.btn-show-filters, .btn-clear-filters {
    width: 150px;
    position: absolute;
    left: 270px;
    z-index: 2;
}
.btn-clear-filters {left:425px;}
.filter-container {
    background-color: #f2f2f2;
    border-radius: 10px;
    /*min-height: 300px;*/
    height:auto;
    position: absolute;
    z-index: 99;
    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: 20%;
        top:-10px;
    }
.filters-wrapper {position:relative;}
.zone-prefooter-wrapper {
    display:none !important;
}
.footer-container {
    margin-top:1000px;
}
/* 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%;
}


.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%;}

#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
}

#uriHeader {
     z-index: 999;
   position: relative;
}
.dcrui-footer-wrapper:before {
    display: none !important;
}
/* Media Quries */
@media only screen and (max-width: 768px) {
    /*.filter-container:before {
        margin-left: 120px !important;
    }*/
    .filters-wrapper {
		margin-left: 16px !important;
	}

	table.dataTable {
		width: 100% !important;
	}

}
@media only screen and (max-width: 1024px) {
	.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;
	}
}

@media only screen and (max-width: 414px) {
    .dataTables_length {
       float:left !important;
	   margin-top:35px;
    }

	.dataTables_filter {
		float: left !important;
	}

	table.dataTable {
		width: 100% !important;
	}
}
@media only screen and (max-width: 736px) {
    .btn-show-filters {
        left:0 !important;
    }
    /*.filter-container:before {
        border:0 !important;
    }*/

	table.dataTable {
		width: 100% !important;
	}
}