NJ TRANSIT Performance Dashboard - Rail

/*DASH BOARD CSS*/
section {
padding-top:50px;
}
.otp_query_box {
float: left;
width: 100%;
border: 1px solid #ccc;
padding: 47px 20px 22px 20px;
background-color: #f1f1f1;
}

.bd-example-modal-lg .modal-dialog{
display: table;
position: relative;
margin: 0 auto;
top: calc(50% - 24px);
}

.-modal-lg .modal-dialog .modal-content{
background-color: transparent;
border: none;
}

.otp_line:before {
content:""!important;
}

.c-theme-nav {
display: table;
width:100%;
}
.otp_line {
text-align: center;
padding: 10px;
display:table-cell;
background-color: #edf1f5;
border: 1px solid #fff;
}

.otp_line:hover {
background-color: #ffffff;
}

.otp_line_icon {
width: 75px;
height: 57px;
margin-bottom: 3px;
}
.kf_post_2 div.kf_post_content {
height: 400px !important;
border-bottom: none !important;
position:relative;
}
.chartLegend {
bottom: 35px;
width:100%;
position:absolute;
}
.kf_post {
background: #f1f1f1 !important;
border-bottom: 0px !important;
float: none !important;
width:100%;
}

.kf_post .kf_post_content h4 {
padding-top:20px;
font-size: 18px !important;
font-weight: 600 !important;
color: #1a2b57 !important;
}

h3.pagesubheader {
padding-top:20px;
}

.gaugechartdiv {
width: 100%;
height: 300px;
font-size: 16px !important;
padding-top: 0px !important;
font-weight: 600;
}

.linediv {
width: 100%;
height: 120px;
font-size:14px !important;
padding-top:20px !important;
color:#fff;
padding: 27px 20px 22px 20px
}

.linediv_content {
float: left;
width: 100%;
border-bottom: 1px solid #ccc;
padding: 27px 20px 22px 20px;
}

.perfchartdiv {
width: 100%;
height: 600px;
background-color: #ededed;
border: 1px solid #ccc;
}


@media all and (-ms-high-contrast: none) {
.chartdiv {
width: 86%;
height: 180px;
font-size:12px !important;
}
}
.tablerow {
display: flex; /* aligns all child elements (flex items) in a row */
width: 99% !important;
}

.col {
flex: 1; /* distributes space on the line equally among items */
color:red;
font-weight:600;
}

.hcol {
flex: 1; /* distributes space on the line equally among items */
color:#000;
font-weight:600;
}


.c-layout-breadcrumbs-1.c-bordered-both {
border: none !important;
}
.c-layout-breadcrumbs-1.c-bordered {
border: none !important;
}
.c-layout-breadcrumbs-1 {
padding: 0px 0 !important; */
背景:# fff;
}
.c-layout-breadcrumbs-1 {
padding: 5px 0; */
背景:# fff;*/
}

.kf_post_2:hover div {
text-decoration: none;
-webkit-box-shadow:none !important;
box-shadow: none !important;
}

.c-content-tab-3 .nav > li > a {
font-size:10px;
font-size: 10px;
color: #ff8a00 !important;
text-decoration: none;
font-weight: 600;
}

.c-content-tab-3.c-opt-1 .nav > li.active {
background-color: #1a2b57;
}

.c-content-tab-3.c-opt-1 .nav > li.active > a {
color: #fff !important;
background-color: #1a2b57;
font-weight:800 !important;
}

.c-content-box.c-size-md {
填充:0 px !important;
}

.c-content-tab-3 > .c-tab-content {
padding: 25px 0 60px 0 !important;
}
.help-tip{
position: absolute;
top: 25px;
right: 35px;
text-align: center;
background-color: #FF8800;
border-radius: 50%;
width: 18px;
height: 18px;
font-size: 14px;
line-height: 20px;
}

.help-tip:before{
content:'?';
font-weight: bold;
color:#fff;
}

.help-tip:hover p{
display:block;
transform-origin: 100% 0%;

-webkit-animation: fadeIn 0.3s ease-in-out;
animation: fadeIn 0.3s ease-in-out;

}

.help-tip p{ /* The tooltip */
display: none;
text-align: left;
background-color: #1E2021;
padding: 10px;
width: 500px;
position: absolute;
border-radius: 3px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
right: -4px;
color: #FFF;
font-size: 11px;

}

.help-tip p:before{ /* The pointer of the tooltip */
position: absolute;
content: '';
width:0;
height: 0;
border:6px solid transparent;
border-bottom-color:#1E2021;
right:10px;
top:-12px;
}

.help-tip p:after{ /* Prevents the tooltip from being hidden */
width:100%;
height:40px;
content:'';
position: absolute;
top:-40px;
left:0;
}

.otpLineBox{
color:#fff;
vertical-align: -webkit-baseline-middle;
font-size:24px;
粗细:大胆的;
background-color: transparent;
border: none !important;
cursor: none !important;
}
.cancelLabel{
color:red;
font-size:14px;
粗细:大胆的;
background-color: transparent;
border: none !important;
cursor: none !important;
}
/* CSS animation */

@-webkit-keyframes fadeIn {
0% {
opacity:0;
transform: scale(0.6);
}

100% {
opacity:100%;
transform: scale(1);
}
}

@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:100%; }
}



.perfchartdiv {
width: 100%;
height: 600px;
background-color: #ededed;
border: 1px solid #ccc;
margin-top:20px;
}