element and controls the styling of the United States Department of Transportation's text */
.dotLogo_headerSection {
margin-top: 11px;
display: inline-block;
}
/* search bar container in the top navigation. */
.top-nav-search-container {
float: right;
}
/* It defines the layout of the container */
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px
}
/* This class has the form for the search functionality */
.dotHeaderSearch {
display: inline-block;
background: 0 0;
width: 280px;
max-width: 100%;
}
/* This class is applied to a container that holds the "NCSA Problem Reporting" link */
.dotHeader_report_problem {
display: inline-block;
margin-left: 10px;
vertical-align: top;
}
/* This button is used for the "NCSA Problem Reporting" link. */
.btn.btn-transparent {
border-color: #fff;
border-width: 2px;
color: #fff;
transition: background-color .15s, color .15s;
position: relative;
display: inline-block;
overflow: hidden;
z-index: 0;
}
.dotHeader_report_problem a {
font-size: 12px;
text-transform: uppercase
}
.dotHeaderSearch input {
background: 0 0;
border: none;
color: #fff;
font-family: Verdana,Tahoma,"DejaVu Sans",sans-serif;
font-size: 15px;
padding: 0 0 0 45px !important;
height: 36px;
border-bottom: solid 1px rgba(255,255,255,.1);
float: left
}
.dotHeaderSearch input:focus {
border: none;
box-shadow: none
}
.dot-header-section img {
width: 15px;
vertical-align: sub;
margin-right: 5px;
opacity: .306
}
.dot-header-section a, .dot-header-section a:hover, .dot-header-section a:focus {
color: #fff
}
@media (min-width:768px) and (max-width:991px) {
.dotHeaderSearch {
width: 230px
}
}
/* DOT Header section END*/
/*1.2 NHTSA Header section START*/
.nhtsa-header {
flex: 1;
align-items: center;
background-color: #017DB7;
color: #fff;
}
/* Aligning the logo, title, and home button */
.nhtsa_headerRow_alignment {
display: flex;
flex-direction: row;
}
/* To style the 'NHTSA' logo link in the navbar. It controls the logo's position */
.nhtsalogo {
float: left;
padding: 14px 10px;
font-size: 20px;
line-height: 12px;
height: 50px
}
.nhtsalogo > .dotheader-container-fluid .nhtsalogo {
margin-left: -10px;
}
.nhtsalogo img:nth-child(2) {
display: inline-block
}
.headerColumn {
flex: 3 1 0px;
width: 50%;
font-size: 1vw !important;
clear: both;
display: inline-block;
white-space: nowrap;
margin: 0 0
}
/* Controls the alignment and positioning of the 'NHTSA' image */
.nhtsalogo_title {
width: 25%;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}
.nhtsalogo img {
height: auto;
width: 220px;
position: relative;
top: 50%;
transform: translate(0,-50%);
display: none
}
/* Home icon */
.headerColumnIcon {
flex: 1 1 0px;
float: right
}
/*To style the home icon within the home button link */
.headerHomeIcon {
float: right
}
/* Applied to the home icon inside the home button */
.titleHomeIcon {
padding-top: 0;
font-size: 35px !important;
color: #fff;
display: table-cell
}
.nhtsalogo:focus, .nhtsalogo:hover {
text-decoration: none
}
.second-nav {
display: flex;
}
/*NHTSA header Media START */
/* 1.2.1.1 480px START */
@media only screen and (max-width:480px) {
.nhtsalogo img:nth-child(2) {
width: 100%;
}
.headerColumn {
width: 60%;
margin-top: 2vw;
}
.titleHomeIcon {
padding-top: 10Px !important;
font-size: 1.67rem !important;
}
.headerColumnIcon {
margin-right: 1%;
}
}
/* 1.2.1.2 767px START */
@media (max-width:767px) {
/* NHTSA header start here*/
.navbar-primary .navbar-header {
padding-top: 5px;
padding-bottom: 5px
}
.navbar-primary .nhtsalogo img {
width: 150px
}
.dotHeaderSearch {
width: 45%;
position: relative
}
.top-nav-search-container {
float: none;
-ms-flex-pack: justify;
justify-content: space-between;
display: -ms-flexbox;
display: flex;
padding-top: 5px;
}
/*NHTSA header end here*/
}
/* 1.2.1.3 1039px START */
@media (max-width:1039px) {
.navbar-primary .nav > li {
padding-top: 5px;
padding-bottom: 5px;
}
.navbar-primary ul.nav > li:nth-last-child(2) {
-ms-flex-pack: flex-start;
justify-content: flex-start;
}
}
/* 1.2.1.4 1040px(min) START */
@media (min-width:1040px) {
/*NHTSA header Start here*/
.nhtsalogo > .dotheader-container-fluid > .navbar-header, .dotheader-container-fluid {
margin-right: 0;
margin-left: 0;
}
.nhtsa-header {
position: relative;
padding-top: 0 !important;
padding-bottom: 0 !important
}
.nhtsalogo {
padding: 20px 0
}
.nhtsalogo img:first-child {
display: inline-block;
}
.nhtsalogo img:nth-child(2) {
display: none;
}
/*NHTSA header end here*/
}
/* 1.2.1.5 1040px(max) START */
@media screen and (max-width:1040px) {
.nhtsalogo_title img {
width: 100% !important;
}
.titleHomeIcon {
font-size: 2em !important;
padding-top: 1vw !important;
width: 100%;
}
.headerColumnIcon {
width: 10%;
}
.headerColumn {
margin: 1em 0 !important;
width: 65%;
}
}
/* 1.2.1.6 1040px(min) and 1245(max) START START */
@media (min-width:1040px) and (max-width:1245px) {
.navbar-primary {
font-size: 14px;
}
.navbar-primary .nav > li > a {
padding-left: 8px;
padding-right: 8px;
}
.col-md-12 {
margin-top: -10%;
}
}
/*NHTSA header Media END */
/* NHTSA Header section END*/
/* Header END*/
/*2. Application Description START*/
/* There is no specific styles for Application Description in css file, implemented inline styles in html page it self*/
/*Help icon styles*/
.pull-right {
float: right !important
}
/* Application Description END*/
}
/*3. Shared CSS (FIRST, STSI, TSFAR, DataVisualization and Databook) Start*/
@media (min-width:0px) {
@charset "UTF-8";
body, html {
background-color: #fff;
max-width: 100%;
-webkit-overflow-scrolling: touch
}
html {
overflow-x: hidden;
font-size: 10px;
font-family: sans-serif;
-ms-text-size-adjust: 100%;
}
body {
position: relative;
max-width: 100%;
margin: 0;
-ms-overflow-style: -ms-autohiding-scrollbar;
font-size: 14px !important
}
/* To focus the tab index */
button:focus-visible, a:focus-visible, input:focus-visible, .topic-card1:focus-visible, .dotHeader_report_problem address:focus-visible {
outline: 2px solid #57A5FF !important;
outline-offset: 4px !important;
border: 2px solid #57A5FF !important;
z-index: 1;
}
.topic-card1 a:focus-visible {
border: none !important;
padding-bottom: 0px !important
}
.stateRegionButton {
margin-left: -10px;
margin-right: -10px
}
.text-center {
text-align: center
}
.dotheader-container-fluid:after {
clear: both
}
.row:after {
clear: both
}
input::-ms-clear {
display: none
}
input[type=number] {
-moz-appearance: textfield
}
:-ms-input-placeholder {
color: grey;
vertical-align: middle
}
button {
overflow: hidden
}
.btn:focus {
outline: 0 !important;
box-shadow: none
}
input#site-search-input::placeholder {
color: #6c757d !important
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6.6px 13px;
font-size: 16px;
line-height: 1.42857;
border-radius: 0;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.btn.btn-transparent:after {
z-index: -1;
top: 0;
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: #fff;
left: -100%;
transition: left .2s ease-in
}
.btn.btn-transparent:active, .btn.btn-transparent:focus, .btn.btn-transparent:hover {
color: #007dc2;
text-decoration: none !important
}
.btn.btn-transparent:active:after, .btn.btn-transparent:focus:after, .btn.btn-transparent:hover:after {
left: 0
}
.btn.btn-primary:hover {
border-color: #005c8f
}
[type=button] {
cursor: pointer
}
h1 a:before, h3 a:before {
content: attr(data-text);
position: absolute;
width: auto;
color: #007dc2;
clip: rect(0,0,1400px,0);
transition: clip .3s ease-in-out;
overflow: hidden;
display: inline-block;
padding-bottom: 5px;
max-width: 100%
}
.input-group .form-control:focus {
z-index: 0
}
* {
box-sizing: border-box
}
:after, :before {
box-sizing: border-box
}
html {
font-size: 10px;
-webkit-tap-highlight-color: transparent
}
a {
color: #007BBD;
text-decoration: none
}
a:focus, a:hover {
color: #004c76;
text-decoration: underline
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.h1, h1 {
font-size: 36px
}
.h2, h2 {
font-size: 30px
}
.h3, h3 {
font-size: 24px
}
.h2, h2 {
font-size: 18px
}
.h5, h5 {
font-size: 14px
}
.lead {
margin-bottom: 22px;
font-size: 18px;
font-weight: 300;
line-height: 1.4
}
.text-left {
text-align: left
}
address {
margin-bottom: 22px;
font-style: normal;
line-height: 1.42857
}
.row:after, .row:before {
content: " ";
display: table
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px
}
.panelICon {
color: #362626;
font-size: 11px;
padding: 2.5px
}
table {
font-size: 1em
}
.iconcolor .sectionandPanel-heading [data-toggle=collapse]:after {
color: #007dc2
}
.ui-dialog {
overflow: visible
}
.select2-container {
width: 100% !important
}
.btns {
max-width: 150px;
width: 100%
}
::-webkit-scrollbar:vertical {
width: 12px
}
::-webkit-scrollbar:horizontal {
height: 12px
}
.sectionandPanel-heading {
padding: 3px 15px
}
.select2-container .select2-selection--multiple {
min-height: 26px !important
}
.modal {
opacity: 1;
background-color: rgba(0,0,0,.33)
}
input::-ms-clear {
display: none
}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.row {
margin-left: 0;
margin-right: 0
}
p {
margin: 0 0 11px
}
.FIRSTHeader {
margin-left: 30%;
margin-bottom: -5px
}
h1 {
font-size: 2em;
margin: .67rem 0
}
.personColor {
background-color: #55b1e6 !important
}
.vehicleColor {
background-color: #1a8bc4 !important
}
.btn-success {
color: #fff !important;
background-color: #218939 !important;
border-color: #218939 !important
}
.btn-info {
color: #fff !important;
background-color: #128091 !important;
border-color: #128091 !important
}
.btn-warning {
color: #fff !important;
/*color: #fff !important;
background-color: #946F00 !important;
border-color: #946F00 !important*/
}
button.close {
padding: 0;
background-color: transparent;
border: 0
}
.close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff
}
.input-group .form-control:focus {
z-index: 0
}
.btn.btn-transparent:after {
z-index: -1;
top: 0;
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: #fff;
left: -100%;
transition: left .2s ease-in
}
.dropdown-toggle:focus, .form-control:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.open > a {
outline: 0
}
input#site-search-input::placeholder {
color: #6c757d !important
}
.ui-button, .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
border: 2px solid #13386e;
background: #0183c1;
font-weight: 400;
color: #fff
}
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
width: 16px;
height: 16px
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
margin-top: 3px !important;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-search__field {
width: auto !important;
}
.minuteslider {
width: 60%;
}
#accordionContents h3.ui-accordion-header {
border: 2px solid #13386e;
background: #0183c1;
font-weight: 400;
color: #fff;
}
/*3.1 Maintaince message styles start here*/
#maintenanceMessage {
position: relative;
padding: 1rem;
color: #664d03;
background-color: #fff3cd;
border: 1px solid #ffecb5;
border-radius: 0.375rem;
font-weight: 300;
font-family: sans-serif !important;
}
#maintenanceMessage {
display: none;
}
/*Maintaince message styles end here*/
/*3.2 Reporting Engine */
#serverReportMsg #btnDone, #sasQuerywarningmsg #btnDone {
background-color: #FF9933 !important;
color: white;
font-weight: bold;
border-block: revert;
}
#serverReportMsg .modal-dialog, #sasQuerywarningmsg .modal-dialog {
margin: auto;
width: 45% !important;
max-width: 100% !important;
top: 25%;
}
#serverReportMsg .modal-title, #sasQuerywarningmsg .modal-title {
text-align: center;
font-weight: bold;
font-size: 20px;
margin-top: 0px;
margin-bottom: 0px;
}
#serverReportMsg .modal-header, #sasQuerywarningmsg .modal-header {
background-color: red !important;
color: white;
padding: 0.2rem;
}
#sasQuerywarningmsg .modal-header {
background-color: #ffda6a !important;
color: black;
padding: 0.2rem;
}
/*Reporting Engine End */
}
/*3.3 All Sites Media*/
/* 3.3.1 500px */
@media(max-width:500px) {
.stsiImg {
width: 100% !important;
}
}
/* 3.3.2 620px */
@media only screen and (max-width:620px) {
.nhtsalogo {
height: 2em;
}
.titleHomeIcon {
font-size: 1.5em !important;
padding-top: 2vw !important;
}
}
/* 3.3.3 768px */
@media (min-width:768px) {
.lead {
font-size: 24px
}
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
float: left
}
.col-sm-1 {
width: 8.33333%
}
.col-sm-2 {
width: 16.66667%
}
.col-sm-3 {
width: 25%
}
.col-sm-4 {
width: 33.33333%
}
.col-sm-5 {
width: 41.66667%
}
.col-sm-6 {
width: 50%
}
.col-sm-7 {
width: 58.33333%
}
.col-sm-8 {
width: 66.66667%
}
.col-sm-9 {
width: 75%
}
.col-sm-10 {
width: 83.33333%
}
.col-sm-11 {
width: 91.66667%
}
.col-sm-12 {
width: 100%
}
}
/* 3.3.4 900px */
@media (max-width: 991px) {
.img {
display: none;
}
}
/* 3.3.6 992px */
@media (min-width:992px) {
.col-md-1 {
width: 8.33333%
}
.col-md-2 {
width: 16.66667%
}
.col-md-3 {
width: 20%
}
.col-md-4 {
width: 33.33333%
}
.col-md-5 {
width: 41.66667%
}
.col-md-6 {
width: 50%
}
.col-md-7 {
width: 58.33333%
}
.col-md-8 {
width: 66.66667%
}
.col-md-9 {
width: 75%
}
.col-md-10 {
width: 83.33333%
}
.topiclanding--page .topic-container-inner {
-ms-flex-direction: row !important;
flex-direction: row !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.topiclanding--page .topic-card {
min-height: 330px;
/* min-height: 365px; */
}
.topiclanding--page .topic-card {
font-size: 11px !important;
}
}
/* 3.3.7 1040px */
@media (min-width:1040px) {
.navbar {
border-radius: 0;
}
.navbar-toggle {
display: none;
}
.navbar-text {
float: left;
margin-left: 10px;
margin-right: 10px;
}
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
margin-right: -10px;
}
.navbar-right ~ .navbar-right {
margin-right: 0;
}
}
/* 3.3.8 min 1200px */
@media (min-width:1200px) {
.col-lg-push-6 {
left: 50%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-push-7 {
left: 58.33333%;
}
.col-lg-7 {
width: 58.33333%;
}
.col-lg-5 {
width: 41.66667%;
}
.col-lg-pull-5 {
right: 41.66667%;
}
}
/* 3.3.9 max 1200px */
@media (max-width:1200px) {
.col-lg-7 {
flex: 0 0 100% !important;
max-width: 100% !important;
}
.col-lg-5 {
flex: 0 0 100% !important;
max-width: 100% !important;
}
}
/* 3.3.10 media print */
@media print {
.topic-card {
margin-bottom: 40px !important
}
.topic-container-inner {
display: block !important
}
.topic-container-inner .topic-card {
page-break-inside: avoid;
width: 100%
}
.topic-container-inner .topic-card p {
color: #000
}
}
/* All Sites Media End */
/*3. Shared CSS End*/
/*4. STSI only Start*/
@media only screen and (max-width:480px) {
.stsiImg {
width: 100% !important;
}
}
/*4. STSI only End*/
/*5. FIRST START*/
@media (min-width:0px) {
/*5.1 Select a Topic selection section START*/
.tabstopic {
border: none;
border-top: 3px solid #0183c1;
border-bottom: 3px solid #0183c1;
color: #fff;
background-color: #017DB7;
margin-right: 5px;
}
a {
text-decoration: none !important
}
.topiclinks > li > a.active {
background-color: #fff !important;
color: #0183c1 !important
}
.topictabs > li + li {
margin-left: 2px
}
.showall {
float: right;
color: #f93 !important
}
hr {
margin-top: .5rem;
margin-bottom: .5rem;
border: 0;
border-top: 1px solid #ddd;
width: 50%;
border-color: orange
}
.clear {
position: absolute;
right: 0
}
.timeframetabList {
border-bottom: 1px solid #ddd
}
.topictabs > li, .timeframetabList > li {
float: left;
margin-bottom: -1px
}
.topictabs > li > a {
line-height: 1.42857;
border-radius: 0
}
.timeframetabList > li > a {
line-height: 1.42857;
border: 1px solid transparent;
border-radius: 0
}
.topictabs > li > a:hover, .timeframetabList > li > a:hover {
border-color: transparent
}
#myTab li {
margin-bottom: 10px
}
.topictabs > li {
float: left
}
.topictabs > li, .timeframetabList > li {
position: relative;
display: block
}
.topictabs > li > a.active, .timeframetabList > li > a.active {
background-color: #fff !important;
color: #017DB7 !important
}
.topictabs > li > a, .timeframetabList > li > a {
position: relative;
display: block;
padding: 1px 15px;
color: #fff !important
}
/* Topic selection section END*/
/*5.2 Interactive Data Visualization & Related Publications sections START*/
.sectionsandPanels-group .panel + .panel {
margin-top: 5px
}
.sectionsandPanels-group .panel {
margin-bottom: 0;
border-radius: 0
}
.collapsed {
background: inherit
}
h2 {
font-size: 1.5rem !important
}
.panel-body {
padding: 5px 0 5px 10px
}
strong[id^="btopicname_"] {
font-weight: 700;
}
/* Interactive Data Visualization & Related Publications section END*/
/*5.3 Panels common classes for all sites*/
/* common classes for Select Fatality, State/Region,TimeFrame, FYS, BYR START panels*/
.panel {
margin-bottom: 22px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 0;
box-shadow: 0 1px 1px rgba(0,0,0,.05)
}
.sectionandPanel-heading span {
font-size: 15px;
font-weight: 700
}
.sectionandPanels-default {
border-color: #ddd
}
.panel-title {
color: #fff
}
.sectionandPanel-heading {
cursor: pointer;
padding: 3px 15px;
}
.no-copy {
user-select: none;
}
.sectionandPanels-default > .sectionandPanel-heading {
color: #999;
background-color: #13386e;
border-color: #ddd;
border-top: 3px solid #13386e;
border-bottom: 3px solid #13386e;
}
.panel-collapse {
transition: height .6s
}
.sectionandPanels-default > .sectionandPanel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd
}
.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > button, .panel-title > small, .panel-title > small > a {
color: inherit
}
.form-control {
display: block;
width: 100%;
padding: 0 !important;
font-size: 14px !important;
font-weight: 400;
line-height: 0 !important;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0 !important;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
/* --------------------------------------------above styles Used for all panel sections in FIRST-------------------------*/
.sectionandPanel-heading {
border-bottom: 1px solid transparent;
border-top-right-radius: -1;
border-top-left-radius: -1
}
.sectionandPanel-heading > .dropdown .dropdown-toggle {
color: inherit
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
color: inherit
}
.panel > .list-group, .panel > .panel-collapse > .list-group {
margin-bottom: 0
}
.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0
}
.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: -1;
border-top-left-radius: -1
}
.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: -1;
border-bottom-left-radius: -1
}
.panel > .sectionandPanel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.sectionandPanel-heading + .list-group .list-group-item:first-child {
border-top-width: 0
}
.list-group + {
border-top-width: 0
}
.panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
margin-bottom: 0
}
.panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
padding-left: 15px;
padding-right: 15px
}
.panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child {
border-top-right-radius: -1px;
border-top-left-radius: -1px
}
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
border-top-left-radius: -1px;
border-top-right-radius: -1px
}
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
border-top-left-radius: -1px
}
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
border-top-right-radius: -1px
}
.panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child {
border-bottom-right-radius: -1px;
border-bottom-left-radius: -1px
}
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child {
border-bottom-left-radius: -1px;
border-bottom-right-radius: -1px
}
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child {
border-bottom-left-radius: -1px
}
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child {
border-bottom-right-radius: -1px
}
.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
border-top: 1px solid #ddd
}
.panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
border-top: 0
}
.panel > .table-responsive {
border: 0;
margin-bottom: 0
}
.sectionsandPanels-group + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd
}
.sectionandPanels-default + .panel-collapse > .panel-body {
border-bottom-color: #ddd
}
.panel-primary > .sectionandPanel-heading + .panel-collapse > .panel-body {
border-top-color: #007dc2
}
.panel-primary > + .panel-collapse > .panel-body {
border-bottom-color: #007dc2
}
.panel-success {
border-color: #d6e9c6
}
.panel-success > .sectionandPanel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6
}
.panel-success > .sectionandPanel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6
}
.panel-success > + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6
}
.panel-info {
border-color: #bce8f1
}
.panel-info > .sectionandPanel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1
}
.panel-info > .sectionandPanel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1
}
.panel-info > + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1
}
.panel-warning {
border-color: #faebcc
}
.panel-warning > .sectionandPanel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc
}
.panel-warning > .sectionandPanel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc
}
.panel-warning > + .panel-collapse > .panel-body {
border-bottom-color: #faebcc
}
.panel-danger {
border-color: #ebccd1
}
.panel-danger > .sectionandPanel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1
}
.panel-danger > .sectionandPanel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1
}
.panel-danger > + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1
}
.bold {
font-weight: 700 !important
}
.panel-title {
color: #fff
}
.panel-primary > .sectionandPanel-heading {
color: #fff;
background-color: #007dc2;
border-color: #007dc2
}
/*Panel common classes END*/
/*5.4 Sample Queries section START*/
.sections {
background-color: #f5f5f5 !important;
color: #999 !important;
border-top: 3px solid #ddd !important;
border-bottom: 3px solid #ddd !important
}
.sectionstext {
color: #AD5700 !important;
font-weight: 700
}
.clearSearchList {
position: relative;
right: 20px;
display: inline-block;
color: #000;
font-weight: 700;
cursor: pointer
}
.clearSampleQueryList {
position: relative;
right: 20px;
display: inline-block;
color: #000;
font-weight: 700;
cursor: pointer
}
div .scroll {
width: 100%;
height: 312px;
overflow-y: scroll;
position: relative
}
::-webkit-scrollbar {
-webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
width: 12px;
}
::-webkit-scrollbar:horizontal {
height: 12px;
}
::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .5);
border-radius: 10px;
border: 2px solid #ffffff;
}
::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #ffffff;
}
.expandQueries {
float: right;
margin-top: -2.3%;
margin-right: 3%;
display: none;
}
.collapseQueries {
float: right;
margin-top: -2.3%;
margin-right: 2%;
display: none;
}
.globalSearch, .searchbyid {
margin-top: 10px;
}
.colortag:nth-child(even) {
background-color: #ededed
}
.sampleQueryClickId {
color: white !important;
background-color: rgb(1, 131, 193) !important;
font-weight: 600;
}
.showall {
float: right;
color: #f93 !important
}
/* Sample queries section END*/
/*5.5 Select Fatality and/or Injury Panel START*/
.sectionsandPanels-group {
margin-bottom: 10px
}
.sectionsandPanels-group .sectionandPanel-heading {
border-bottom: 0
}
.collapse.in {
display: block
}
button, input {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
input {
border-radius: 0
}
/* Select Fatality and/or Injury Panel END*/
/*5.6 Select Time Frame section START*/
#divtimeframes {
padding-bottom: 0;
padding-top: 4px;
margin-right: 1%;
}
/* Show the timeframe slide bar when select time frame panel is open*/
.tab-content > .active {
display: block
}
/* Unselected slide bar style*/
#scale-slider.ui-slider, .ui-state-default, .ui-state-hover {
border-radius: 0;
background: #c7cdd5;
border: none;
margin: 1.6em 5em 3em
}
.ui-state-default {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
#scale-slider .ui-slider-tip {
visibility: visible;
opacity: 1;
top: -30px;
}
#scale-slider .ui-slider-pip .ui-slider-label {
display: none;
background: rgba(67, 77, 90, 0);
color: #434d5a;
border-radius: 4px;
padding: 0.3em 0;
width: 2.4em;
margin-left: -1.2em;
transition: all 0.2s ease-out;
}
#scale-slider.ui-slider .ui-slider-range {
background: linear-gradient(to right,#434d5a 0,#00c7d7 50%,#434d5a 100%) border: 1px solid #007dc2;
top: -1px;
transition: all .2s ease-out;
background-color: #007dc2
}
#scale-slider .ui-slider-handle {
border-radius: 2px;
height: 20px;
width: 12px;
top: -20px;
}
#scale-slider .ui-slider-pip:nth-of-type(5n+3) .ui-slider-label {
top: 16px;
display: block;
}
#scale-slider .ui-slider-pip:nth-of-type(5n+3) .ui-slider-line {
height: 12px;
}
#scale-slider .ui-slider-handle:nth-of-type(n+1) {
transform: rotateZ(-10deg);
margin-left: -9px;
}
#scale-slider .ui-slider-handle:nth-of-type(n+2) {
transform: rotateZ(10deg);
margin-left: -3px;
}
.panel.with-nav-tabs .sectionandPanel-heading {
padding: 0
}
.yrtxt {
display: none
}
/* Select TimeFrame section END*/
/*5.7 Select State or Region Panel section START*/
#opcities, #opcounties, #opregions, #opstates {
visibility: visible;
display: inline-block;
position: relative;
width: 100%
}
#divregiondisc {
display: block
}
select.select2 {
display: block !important;
visibility: hidden !important;
position: absolute !important
}
/* Select State/Region section END*/
/* 5.8 Filter Your Selection (FYS) Panel section STRAT*/
.hideSearch {
display: none
}
.showSearch {
display: inline;
margin: 23%
}
.searchDataEles {
padding: 4.75px 4.5px;
margin: -2px 0 0 -17px;
border-radius: 0;
max-width: 100px;
background-color: #fff;
color: #000
}
.FYTrestBtn {
align-content: center;
padding: 5px;
background-color: red;
color: #fff;
margin-right: -.15%
}
.showTables {
display: inline;
}
.rotate {
transform: rotate(-90deg);
color: #fff !important;
float: left;
font-size: 18px
}
.SASDataEleTables {
border-color: #007bff;
margin-bottom: 4px !important
}
.dataEleHeadings {
color: #000 !important;
border-color: #ddd;
border-top: 0 solid #0183c1 !important;
border-bottom: 0 solid #0183c1 !important;
padding: 1px 15px !important
}
.crashColor {
background-color: #09689c !important
}
.showPanel {
display: inline
}
.hidePanel {
display: none
}
.SASDataEleAttriub .panel-heading [data-toggle=collapse]:after {
font-family: 'Glyphicons Halflings';
content: "";
float: right;
color: #b0c5d8;
font-size: 18px;
line-height: 22px
}
.SASDataEleAttriub label span {
font-weight: 400
}
.preloader {
position: fixed;
z-index: 999;
height: 2em;
width: 2em;
overflow: visible;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.minuteslider.ui-slider {
border-radius: 0px;
background: #c7cdd5;
border: none;
margin: 0.8em 1em 1em;
position: relative;
text-align: left;
}
.minuteslider.ui-slider .ui-slider-handle:after {
content: "";
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
top: 50%;
margin-top: -4px;
left: 50%;
margin-left: -4px;
background: #30A2D2;
-moz-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 white;
box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
}
.minuteslider.ui-slider-horizontal .ui-slider-handle {
top: -2.1em;
margin-left: -.6em;
}
.minuteslider.ui-slider .ui-slider-handle {
border-radius: 50%;
background: #F9FBFA;
background-size: 100%;
background-image: -moz-linear-gradient(top, #C7CED6, #F9FBFA);
background-image: -o-linear-gradient(top, #C7CED6, #F9FBFA);
background-image: linear-gradient(top, #C7CED6, #F9FBFA);
width: 22px;
height: 22px;
-moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
-moz-transition: box-shadow .3s;
-o-transition: box-shadow .3s;
transition: box-shadow .3s;
position: absolute;
z-index: 2;
cursor: default;
border: none;
cursor: pointer;
}
.minuteslider.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
height: 8px;
font-size: .7em;
display: block;
border: 1px solid #5BA8E1;
box-shadow: 0 1px 0 #AAD6F6 inset;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
background: #81B8F3;
background-size: 100%;
background-image: -moz-linear-gradient(top, #A0D4F5, #81B8F3);
background-image: -o-linear-gradient(top, #A0D4F5, #81B8F3);
background-image: linear-gradient(top, #A0D4F5, #81B8F3);
}
.ui-widget-header {
border: 1px solid #ddd;
background: #e9e9e9;
color: #333;
font-weight: bold;
}
#sliderRange {
width: 65%;
}
.hideTables {
display: none
}
.btn-outline-secondary:hover {
background-color: #bb2d3b !important
}
.btn-outline-primary:hover {
background-color: #44c5ff !important
}
/* Added below class to fix panels coming outside of the section in FYS (FIRST). */
.SASDataEleAttriub.row, #divmakemodel .row {
margin-left: 0px !important;
margin-right: 10px !important;
}
/* (FYS) section END */
/*5.9 Select Vehicle Make and Model Panel START------
There is no specific styles form this section.
1. select.select2 > > Under Select State or Region section
2. form-control, panel-body, no-copy, panel-title, panel-hiding >> under Common Panel section
----------------Select Vehicle Make and Model Panel END--------------*/
/*5.10 Build Your Report (BYR) Panel */
/* BYR Data Element Search section*/
#ByrColsDataEles, #ByrDataEles, #ByrRowsDataEles {
width: 100%;
min-height: 150px;
list-style-type: none;
margin: 0;
padding: 5px 0 0 0;
float: left;
margin-right: 10px;
font-weight: 100
}
#ByrColsDataEles li, #ByrDataEles li, #ByrRowsDataEles li {
margin: 0 5px 5px 5px;
padding: 5px;
color: #000;
font-weight: 100
}
.drag_drop {
height: 300px;
overflow: scroll;
z-index: 9999;
float: left;
overflow-x: hidden;
width: 100%;
-webkit-overflow-scrolling: auto
}
.btn-group, .btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle
}
.BYRHeading {
background-color: #007dc2 !important;
color: #fff !important;
border: none !important;
text-align: center;
cursor: default
}
.btnSortable {
background-color: #0183c1;
border: 2px solid #0183c1;
color: #fff
}
.btns {
max-width: 150px;
width: 100%
}
.activebtn {
background: #fff !important;
color: #0183c1 !important
}
.item_container {
border-color: #007bff
}
.item_container .ui-state-default {
border-radius: 0;
background: #c7cdd5;
border: none
}
.blocks {
width: 100%
}
/*BYR Data Element Search section END*/
/*5.11 Current criteria section START */
.criteriabtns {
padding: 1px 3px;
margin: 0 0 5px 00px;
border-radius: 0;
max-width: 100px;
width: 50%
}
/* Current criteria section END */
/*5.12 Contact NCSA link - There is no specific styles for Contact NCSA link */
/*5.13 Footer START Website Compatibility Message, Version and Release Date, Download Your Data Links Section*/
.footerdetails {
display: flex;
justify-content: space-between
}
}
/* Footer End Website Compatibility Message, Version and Release Date, Download Your Data Links Section END*/
/*5.14 FIRST Media Start*/
/*5.14.1 0px(min)-510px(max) */
@media (min-width: 0px) and (max-width: 510px) {
/*Filter Your Selection (FYS) Panel*/
.showSearch .searchDataEle {
width: 23% !important;
}
}
/*5.14.2 320px(min) - 480px(max) */
@media (min-width:320px) and (max-width:480px) {
/*Filter Your Selection (FYS) Panel*/
.showSearch {
display: inline;
margin: 15% !important;
}
}
/*5.14.3 321px(min) - 480px(max) */
@media all and (min-width:321px) and (max-width:480px) {
/*Filter Your Selection (FYS) Panel*/
.showSearch {
display: block;
margin: 3% !important;
}
.showSearch .searchDataEle {
width: 77% !important;
}
.showTables #openalltables, .showTables #closealltables {
margin-top: -18%;
margin-right: 3%;
}
/*Query Criteria Selected*/
.criteria-panel {
width: 100% !important;
}
.criteria-panel .criteria-panel .panel.sectionandPanels-default {
width: 83%;
margin-left: 10%;
}
.container-fuild address {
margin-left: 10px !important;
}
}
/*5.14.4 350(max) */
@media(max-width:350px) {
/*Filter Your Selection (FYS) Panel*/
.minuteslider {
width: 45%;
}
}
/*5.14.5 400(max) */
@media(max-width:400px) {
/*Query Criteria Selected*/
.criteriabtns {
padding: 6px 3px;
margin: 0px 6px 5px 10px;
border-radius: 0;
max-width: 100px;
width: 50%;
}
/*Build Your Report (BYR) Panel*/
.drag_drop {
overflow: scroll;
z-index: 9999;
float: left;
overflow-x: hidden;
}
#ByrRowsDataEles, #ByrColsDataEles {
min-height: 10% !important;
}
/*Filter Your Selection (FYS) Panel*/
.showSearch {
display: inline;
margin: 14%;
}
}
/*5.14.6 420(max) - 640px(max) */
@media (max-width:420px) and (max-width:640px) {
/*Sample Query Pannel*/
#accordion {
width: 100%;
}
.tooltip {
display: inline;
}
/*Query Criteria Selected*/
.criteria-panel {
float: none !important;
margin-top: 0 !important;
}
.criteriabtns {
padding: 6px 3px;
margin: 0px 6px 5px 10px;
border-radius: 0;
max-width: 100px;
width: 50%;
}
.drag_drop {
overflow: scroll;
z-index: 9999;
float: left;
overflow-x: hidden;
}
/*Build Your Report (BYR) Panel*/
#ByrRowsDataEles, #ByrColsDataEles {
min-height: 16% !important;
}
/*Filter Your Selection (FYS) Panel*/
.divexpandall {
margin-left: 15px;
}
.remove {
margin: -0.5%;
}
.showSearch {
display: inline;
margin: 14%;
}
}
/*5.14.7 481(min) - 640px(max) */
@media (min-width:481px) and (max-width:768px) {
/*Filter Your Selection (FYS) Panel*/
.showSearch {
display: inline;
margin: 15% !important;
}
}
/*5.14.8 500(min) - 560px(max) */
@media (min-width: 500px) and (max-width: 560px) {
/*Filter Your Selection (FYS) Panel*/
.showSearch {
display: inline;
margin: 1% !important;
}
}
/*5.14.9 500(min) - 600px(max) */
@media screen and (min-width:500px) and (max-width:600px) {
/*Sample Query Pannel*/
.expandQueries {
margin-top: -3.6% !important;
margin-right: 5% !important;
}
.collapseQueries {
margin-top: -3.6% !important;
margin-right: 3% !important;
}
}
/*5.14.10 500px(max) */
@media(max-width:500px) {
/*Sample Query Pannel*/
.expandQueries {
margin-top: -3.4% !important;
margin-right: 5% !important;
}
.collapseQueries {
margin-top: -3.4% !important;
margin-right: 5% !important;
}
}
/*5.14.11 511(min) - 550px(max) */
@media (min-width: 511px) and (max-width: 550px) {
/*Filter Your Selection (FYS) Panel*/
.showSearch .searchDataEle {
width: 25% !important;
}
}
/*5.14.12 551(min) - 620px(max) */
@media (min-width: 551px) and (max-width: 620px) {
/*Filter Your Selection (FYS) Panel*/
.showSearch .searchDataEle {
width: 27% !important;
}
}
/*5.14.13 560(min) - 600px(max) */
@media (min-width:560px) and (max-width:600px) {
/*Filter Your Selection (FYS) Panel*/
.showSearch {
display: inline;
margin: 7% !important;
}
}
/*5.14.14 600(min) - 710px(max) */
@media (min-width:600px) and (max-width:710px) {
/*Sample Query Pannel*/
.expandQueries {
margin-top: -2.7% !important;
margin-right: 5% !important;
}
.collapseQueries {
margin-top: -2.7% !important;
margin-right: 5% !important;
}
}
/*5.14.15 600(min) - 900px(max) */
@media screen and (min-width:600px) and (max-width:900px) {
/*Sample Query Pannel*/
.expandQueries {
margin-top: -2.3% !important;
margin-right: 4% !important;
}
.collapseQueries {
margin-top: -2.5% !important;
margin-right: 2.5% !important;
}
}
/*5.14.16 768(min) - 960px(max) */
@media (min-width:768px) and (max-width:960px) {
/*Sample Query Pannel*/
#accordion {
width: 100%;
}
::-webkit-scrollbar {
-webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
width: 12px;
}
::-webkit-scrollbar:horizontal {
height: 12px;
}
/*Query Criteria Selected*/
.criteria-panel {
float: none !important;
margin-top: 0 !important;
}
.criteriabtns {
padding: 6px 3px;
margin: 0px 6px 5px 10px;
border-radius: 0;
max-width: 100px;
width: 50%;
}
/*Build Your Report (BYR) Panel*/
#ByrRowsDataEles, #ByrColsDataEles {
min-height: 15% !important;
}
.drag_drop {
overflow: scroll;
z-index: 9999;
float: left;
overflow-x: hidden;
}
/*Filter Your Selection (FYS) Panel*/
.divexpandall {
margin-left: 0px;
}
.showSearch {
display: inline;
margin: 14%;
}
.searchDataEles {
margin-left: -2.8%;
padding: 4.5px;
background-color: white;
color: black;
}
.FYTrestBtn {
align-content: center;
padding: 4.5px;
background-color: red;
color: white;
margin-right: -0.15%
}
}
/*5.14.17 769(min) - 1024px(max) */
@media (min-width:769px) and (max-width:1024px) {
/*Filter Your Selection (FYS) Panel*/
.showSearch {
display: inline;
}
}
/*5.14.18 800(min) - 800px(max) */
@media (min-width:800px) and (max-width:800px) {
/*Sample Query Pannel*/
.expandQueries {
margin-top: -3.2% !important;
margin-right: 4% !important;
}
.collapseQueries {
margin-top: -3.2% !important;
margin-right: 4% !important;
}
}
/*5.14.19 900(min) - 1000px(max) */
@media (min-width:900px) and (max-width:1000px) {
/*Sample Query Pannel*/
.expandQueries {
margin-top: -2% !important;
margin-right: 4% !important;
}
.collapseQueries {
margin-top: -2% !important;
margin-right: 2% !important;
}
/*Filter Your Selection (FYS) Panel*/
.showSearch {
display: inline;
margin: 5% !important;
}
}
/*5.14.20 992(min) - 1070px(max) */
@media (min-width:992px) and (max-width:1070px) {
/*Build Your Report (BYR) Panel*/
.BYRHeading {
height: 24% !important;
max-height: 24% !important;
}
}
/*5.14.21 1000(min) - 1100px(max) */
@media (min-width:1000px) and (max-width:1100px) {
/*Sample Query Pannel*/
.expandQueries {
margin-top: -4.3% !important;
margin-right: 4% !important;
}
.collapseQueries {
margin-top: -4.3% !important;
margin-right: 4% !important;
}
}
/*5.14.22 1000(min) - 1200px(max) */
@media screen and (min-width:1000px) and (max-width:1200px) {
/*Sample Query Pannel*/
.expandQueries {
margin-top: -1.6% !important;
margin-right: 5% !important;
}
.collapseQueries {
margin-top: -1.6% !important;
margin-right: 2% !important;
}
}
/*5.14.23 1024px(max) */
@media (max-width:1024px) {
/*Sample Query Pannel*/
::-webkit-scrollbar {
-webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
width: 12px;
}
::-webkit-scrollbar:horizontal {
height: 12px;
}
/*Build Your Report (BYR) Panel*/
#ByrRowsDataEles, #ByrColsDataEles {
min-height: 15% !important;
}
.drag_drop {
overflow: scroll;
z-index: 9999;
float: left;
overflow-x: hidden;
}
/*Filter Your Selection (FYS) Panel*/
.showSearch {
display: inline;
margin: 5% !important;
}
.searchDataEles {
margin-left: -2.8%;
padding: 4.5px;
background-color: white;
color: black;
}
.FYTrestBtn {
align-content: center;
padding: 4.5px;
background-color: red;
color: white;
margin-right: -0.15%
}
}
/*5.14.24 1071(min) - 2000px(max) */
@media (min-width:1071px) and (max-width:2000px) {
/*Build Your Report (BYR) Panel*/
.BYRHeading {
height: 21.5% !important;
max-height: 21.5% !important;
}
}
/*5.14.25 1200(min) - 1240px(max) */
@media (min-width:1200px) and (max-width:1240px) {
/*Filter Your Selection (FYS) Panel*/
.showSearch {
display: inline;
margin: 10% !important;
}
}
/*5.14.26 1200(min) - 1300px(max) */
@media (min-width:1200px) and (max-width:1300px) {
/*Filter Your Selection (FYS) Panel*/
.minuteslider {
width: 48%;
}
}
/*5.14.27 1200(min) - 1400px(max) */
@media screen and (min-width:1200px) and (max-width:1400px) {
/*Sample Query Pannel*/
.expandQueries {
margin-top: -3% !important;
margin-right: 5% !important;
}
.collapseQueries {
margin-top: -1.6% !important;
margin-right: 2% !important;
}
}
/*5.14.28 1200(min) - 1500px(max) */
@media (min-width:1200px) and (max-width:1500px) {
/*Sample Query Pannel*/
.expandQueries, {
margin-top: -3.0% !important;
margin-right: 4% !important;
}
.collapseQueries {
margin-top: -3.5% !important;
margin-right: 3% !important;
}
}
/*5.14.29 1200(max) */
@media (max-width:1200px) {
/*Query Criteria Selected*/
.criteria-panel {
margin-top: 0 !important;
}
/*Filter Your Selection (FYS) Panel*/
.divexpandall {
margin-left: 0px;
}
.showSearch {
display: inline;
margin: 6%;
}
/*Build Your Report (BYR) Panel*/
.drag_drop {
overflow: scroll;
z-index: 9999;
float: left;
overflow-x: hidden;
}
#ByrRowsDataEles, #ByrColsDataEles {
min-height: 18% !important;
}
}
/*5.14.30 1241(min) - 1450px(max) */
@media (min-width:1241px) and (max-width:1450px) {
/*Filter Your Selection (FYS) Panel*/
.showSearch {
display: inline;
margin: 10% !important;
}
}
/*5.14.31 1250(min) - 1370px(max) */
@media (min-width:1250px) and (max-width:1370px) {
/*Filter Your Selection (FYS) Panel*/
.minuteslider {
width: 46%;
}
}
/*5.14.32 1274px(max) */
@media(max-width:1274px) {
/*Filter Your Selection (FYS) Panel*/
.minuteslider {
width: 45%;
}
}
/*5.14.33 1363px(max) */
@media(max-width:1363px) {
/*Filter Your Selection (FYS) Panel*/
.minuteslider {
width: 44%;
}
}
/*5.14.34 1449px(max) */
@media(max-width:1449px) {
/*Filter Your Selection (FYS) Panel*/
.minuteslider {
width: 48%;
}
}
/*5.14.35 1450px(max) */
@media(min-width:1450px) {
/*Filter Your Selection (FYS) Panel*/
.showSearch {
margin: 20% !important;
}
}
/*5.14.36 1600(min) - 2000px(max) */
@media (min-width:1600px) and (max-width:2000px) {
/*Build Your Report (BYR) Panel*/
.BYRHeading {
height: 16% !important;
max-height: 16% !important;
}
}
/*5.14.37 1820(min) - 1542px(max) */
@media (min-width:1820px) and (max-width:1542px) {
/*Build Your Report (BYR) Panel*/
.item_container {
padding-bottom: 0% !important;
}
}
/*5.14.38 1821px(max) */
@media(min-width:1821px) {
/*Build Your Report (BYR) Panel*/
.item_container {
padding-bottom: 1% !important;
}
}
/*5.14.39 1880px(max) */
@media(max-width:1880px) {
/*Filter Your Selection (FYS) Panel*/
.minuteslider {
width: 50%;
}
}
/* FIRST Media End*/
/* FIRST End*/
/*6. CDAN NCSA page Start*/
@media (min-width:0px) {
.topiclanding--page .topic-card:hover img {
display: none
}
.topiclanding--page .topic-card:hover p {
display: inherit
}
.topiclanding--page .topic-card:hover h3 {
display: inherit;
position: absolute !important;
color: #fff
}
.topiclanding--page .topic-card h3 {
bottom: 20px;
position: absolute !important
}
/* Download Data Card Styling */
.topic-card1 {
background-color: #fff;
border: 5px solid #eaecec;
position: relative;
padding-top: 8px;
padding-bottom: 8px;
min-height: 300px !important;
padding-left: 20px;
padding-right: 20px;
}
/* Title inside the Download Data card */
.topic-card1 .topic-card-title {
color: #007BBD;
font-size: 21px !important;
display: block !important;
min-height: 100px;
}
/* Styling for h2 elements inside topic cards on the topic landing page */
.topiclanding--page .topic-card1 h2 {
min-height: 10px;
}
/* Styling for the title inside the DownloadLinks section of the topic card */
.topiclanding--page .topic-card1 .topic-card-title {
padding-bottom: 10px;
}
/* Styling for the links inside the datalist */
.topiclanding--page .topic-card1 .datalist a {
padding-bottom: 15px;
}
/* Styling for the horizontal rule (
) inside the Download Data */
.topiclanding--page .topic-card1 hr {
width: 100%;
margin-top: 20px;
margin-bottom: 20px
/* position: relative;
top: 11px; */
}
.fa-arrow-right:hover::before {
transform: translate(10px,0)
}
.fa-arrow-right:before {
content: "\f061";
display: inline-block;
position: relative;
margin-left: 15px;
position: relative;
transition: all .35s ease-out;
transform: translate(0,0);
vertical-align: middle;
text-transform: none;
line-height: 1;
width: 1.5em;
-moz-osx-font-smoothing: grayscale;
float: right
}
.modal-backdrop.in {
opacity: .85
}
body.modal-open {
overflow: hidden !important
}
h1 a {
color: inherit !important
}
.h2, .h5, .h6, h2, h5, h6 {
margin-top: 11px;
margin-bottom: 11px
}
.modal-backdrop.in {
opacity: .9
}
.link-arrow {
display: inline-block;
position: relative
}
.link-arrow:hover:after {
transform: translate(10px,0);
width: 1.5em
}
.link-arrow:after {
content: "\e90d";
display: inline-block;
position: relative;
margin-left: 5px;
position: relative;
transition: all .35s ease-out;
transform: translate(0,0);
vertical-align: middle;
font-family: icomoon !important;
font-size: 75%;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
width: 1.5em;
-moz-osx-font-smoothing: grayscale
}
.link-arrow-left {
display: inline-block;
position: relative
}
.link-arrow-left:hover:before {
transform: translate(-10px,0)
}
.link-arrow-left:before {
content: "\e90e";
font-family: icomoon !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
margin-right: 5px;
position: relative;
transition: transform .35s ease-out;
font-size: 75%
}
h1 a, h3 a {
color: #111;
position: relative;
display: inline-block;
}
h1 a:before, h3 a:before {
content: attr(data-text);
position: absolute;
width: auto;
color: #007dc2;
clip: rect(0,0,1400px,0);
transition: clip .3s ease-in-out;
overflow: hidden;
display: inline-block;
padding-bottom: 5px;
max-width: 100%
}
.md-width {
margin: 0 auto;
max-width: 1004px
}
.page-header .row {
background: 0 0
}
[class*=" icon-"], [class^=icon-] {
font-family: icomoon !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-moz-osx-font-smoothing: grayscale
}
body.open {
overflow: hidden
}
.topiclanding--page {
background: #eaecec
}
.topiclanding--page .container-fluid {
box-sizing: border-box;
max-width: 1686px;
padding-top: 5px;
padding-bottom: 20px
}
.topiclanding--page .topiclanding--page-header p {
margin-bottom: 20px
}
.topiclanding--page .topic-container-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.topiclanding--page .topic-card {
position: relative;
background: #fff;
border: 5px solid #eaecec
}
.topiclanding--page .topic-card h2 {
color: #007BBD;
font-size: 21px !important;
display: block !important;
min-height: 100px
}
.topiclanding--page .topic-card p {
display: none;
color: #fff
}
.topiclanding--page .topic-card a {
color: #007dc2;
position: absolute !important;
bottom: 40px;
font-weight: 900;
}
.topiclanding--page .topic-card a:hover {
color: #000;
text-decoration: none
}
.topiclanding--page .topic-card:hover {
background: #017cb7;
box-sizing: border-box
}
.topiclanding--page .topic-card:hover h2 {
color: #fff;
font-size: 21px !important;
min-height: 100px
/*min-height: 25px*/
}
.topiclanding--page .topic-card:hover p {
color: #fff
}
.topiclanding--page .topic-card:hover a {
color: #fff
}
.topiclanding--page .link h6 {
display: inline-block;
margin-top: -5px;
margin-bottom: 5px;
color: #959595
}
.topiclanding--page .link h4 {
padding: 0;
margin: 0;
padding-bottom: 15px;
min-height: 55px
}
.topiclanding--page .topic-right {
float: right;
position: relative
}
.topiclanding--page .topic-right div {
position: absolute;
right: 0;
padding: 0 10px
}
h3.findMore {
font-size: 14px;
}
html {
font-size: 10px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 500;
line-height: 1.1;
color: inherit
}
.h1, h1 {
font-size: 36px
}
.text-right {
text-align: right
}
.col-md-12 {
width: 100%
}
.hide {
display: none !important
}
b {
font-weight: 700
}
.panel-body:after, .panel-body:before {
content: " ";
display: table
}
.panel-body:after {
clear: both
}
.panel-primary {
border-color: #007bff
}
.panel-warning {
border-color: #faebcc
}
.container-fluid > .navbar-header {
margin-right: -10px;
margin-left: -10px
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 10px;
padding-right: 10px
}
body {
margin: 0;
-ms-overflow-style: -ms-autohiding-scrollbar;
font-family: Arial, Helvetica, sans-serif, Roboto;
line-height: 1.42857;
color: #222;
background-color: #fff;
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none
}
.nav:after, .nav:before {
content: " ";
display: table
}
.nav:after {
clear: both
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
background-color: #ddd;
border-color: #007dc2
}
a {
text-decoration: none !important
}
.wrapper {
position: relative;
width: min-content
}
.nav-tabs {
border-bottom: 1px solid #ddd
}
.modal-backdrop {
visibility: hidden;
transition: all 350ms
}
.modal {
opacity: 1;
background-color: rgba(0,0,0,.33)
}
input::-ms-clear {
display: none
}
input[type=number] {
-moz-appearance: textfield
}
:-ms-input-placeholder {
color: grey;
vertical-align: middle
}
.row {
margin-left: 0;
margin-right: 0
}
b {
font-weight: 700
}
.item_container {
border-color: #007bff
}
h1 {
font-size: 2em;
margin: .67rem 0
}
button {
overflow: hidden
}
button.close {
padding: 0;
background-color: transparent;
border: 0
}
.close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff
}
.navbar-primary--dot-banner {
background-color: #13386e;
color: #fff;
font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
letter-spacing: .5px;
padding-top: 5px;
font-size: 11px;
}
}
/* CDAN Homepage Media*/
/* 6.2 991px START*/
@media (max-width:991px) {
.topiclanding--page .topic-card {
margin-bottom: 40px
}
.topiclanding--page .topic-card:hover h2 {
min-height: 0px !important;
}
}
/* 6.3 995px START*/
@media(max-width:995px) {
.topiclanding--page .dotheader-container-fluid {
padding-bottom: 0px !important;
}
}
/* 6.4 1180px START*/
@media(max-width:1180px) {
.topiclanding--page .topic-card h2 {
min-height: 153px;
}
.topic-card img {
max-height: 40%;
}
}
/* 6.5 1200px START - Fix space between topic-card title*/
@media (max-width:1200px) {
.topiclanding--page .topic-card:hover h1 {
min-height: 0px;
}
}
/*6.6 1240px START - Fix VPIC Title, and image overlap */
@media(max-width:1240px) {
.topiclanding--page .topic-card h2 {
min-height: 150px;
}
.topic-card img {
max-height: 45%;
}
}
/* 6.7 1360px START - Fix space between topic-card title */
@media(max-width:1360px) {
.topiclanding--page .topic-card h2 {
min-height: 150px;
}
.topic-card img {
max-height: 40%;
}
}
/* 6.1 990px START*/
@media(max-width:991px) {
.topiclanding--page .topic-card h2 {
min-height: 100px;
}
.topiclanding--page .topic-card:hover p {
margin-bottom: 50px;
}
.topic-card1 {
min-height: 0px !important;
}
/* Adjust padding for the .vPIC section */
.topiclanding--page .topic-card1 .vPIC .topic-card-title {
padding-bottom: 10px;
}
}
@media(max-width:1500px) {
/* Adjust positioning for .vPIC section */
.topiclanding--page .topic-card1 .vPIC {
bottom: 2em;
}
/* Adjust padding and height for the title inside .vPIC */
.topiclanding--page .topic-card1 .vPIC .topic-card-title {
padding-bottom: 0px;
min-height: 0px;
}
/* Adjust padding for the title inside the DownloadLinks section */
.topiclanding--page .topic-card1 .DownloadLinks .topic-card-title {
padding-bottom: 10px;
min-height: 0px;
}
}
@media(max-width:1655px) {
/* Adjust positioning for .vPIC section */
.topiclanding--page .topic-card1 .vPIC {
bottom: 2em;
}
}
/* CDAN NCSA page End */
.skip-link {
position: absolute;
top: -40px;
left: 10px;
padding: 10px;
background-color: #000;
color: white;
text-decoration: none;
z-index: 1000;
}
.skip-link:focus {
top: 10px;
}
/*.skip-link {
position: absolute;
top: -40px;
left: 10px;
padding: 10px;
background-color: #0d6efd;
color: white;
z-index: 1000;
font-size: 16px;
text-decoration: none;
border-radius: 4px;
}*/
/* When the user tabs to the link, it becomes visible */
/*.skip-link:focus {
top: 10px;
left: 10px;
}*/
.LeadCauseList {
margin: 11px 0;
font-size: 1.5rem !important;
font-weight: 500;
}
.buttonToLink{
text-decoration: none;
padding: 0px;
margin-left: 5px;
font-size: 14px;
border: none;
background-color: transparent;
color: #0264F7;
}
.topictabs > li > button, .timeframetabList > li > button {
background-color: #017DB7;
border: 0px;
color: #fff;
}
.topictabs > li > button.active, .timeframetabList > li > button.active {
background-color: #fff !important;
color: #017DB7 !important;
}
button.collapsed{
float: right;
border: 0px;
}