@font-face {
    font-family: 'Roboto Condensed';
    font-weight: 300;
    font-style: normal;
    src: url('../fonts/Roboto-Condensed-300/Roboto-Condensed-300.eot');
    src: url('../fonts/Roboto-Condensed-300/Roboto-Condensed-300.eot?#iefix') format('embedded-opentype'), local('Roboto Condensed Light'), local('Roboto-Condensed-300'), url('../fonts/Roboto-Condensed-300/Roboto-Condensed-300.woff2') format('woff2'), url('../fonts/Roboto-Condensed-300/Roboto-Condensed-300.woff') format('woff'), url('../fonts/Roboto-Condensed-300/Roboto-Condensed-300.ttf') format('truetype'), url('../fonts/Roboto-Condensed-300/Roboto-Condensed-300.svg#RobotoCondensed') format('svg');
}
@font-face {
    font-family: 'Roboto Condensed';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/Roboto-Condensed-regular/Roboto-Condensed-regular.eot');
    src: url('../fonts/Roboto-Condensed-regular/Roboto-Condensed-regular.eot?#iefix') format('embedded-opentype'), local('Roboto Condensed'), local('Roboto-Condensed-regular'), url('../fonts/Roboto-Condensed-regular/Roboto-Condensed-regular.woff2') format('woff2'), url('../fonts/Roboto-Condensed-regular/Roboto-Condensed-regular.woff') format('woff'), url('../fonts/Roboto-Condensed-regular/Roboto-Condensed-regular.ttf') format('truetype'), url('../fonts/Roboto-Condensed-regular/Roboto-Condensed-regular.svg#RobotoCondensed') format('svg');
}
@font-face {
    font-family: 'Roboto';
    font-weight: 100;
    font-style: normal;
    src: url('../fonts/Roboto-100/Roboto-100.eot');
    src: url('../fonts/Roboto-100/Roboto-100.eot?#iefix') format('embedded-opentype'), local('Roboto Thin'), local('Roboto-100'), url('../fonts/Roboto-100/Roboto-100.woff2') format('woff2'), url('../fonts/Roboto-100/Roboto-100.woff') format('woff'), url('../fonts/Roboto-100/Roboto-100.ttf') format('truetype'), url('../fonts/Roboto-100/Roboto-100.svg#Roboto') format('svg');
}
@font-face {
    font-family: 'Roboto';
    font-weight: 300;
    font-style: normal;
    src: url('../fonts/Roboto-300/Roboto-300.eot');
    src: url('../fonts/Roboto-300/Roboto-300.eot?#iefix') format('embedded-opentype'), local('Roboto Light'), local('Roboto-300'), url('../fonts/Roboto-300/Roboto-300.woff2') format('woff2'), url('../fonts/Roboto-300/Roboto-300.woff') format('woff'), url('../fonts/Roboto-300/Roboto-300.ttf') format('truetype'), url('../fonts/Roboto-300/Roboto-300.svg#Roboto') format('svg');
}
@font-face {
    font-family: 'Roboto';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/Roboto-regular/Roboto-regular.eot');
    src: url('../fonts/Roboto-regular/Roboto-regular.eot?#iefix') format('embedded-opentype'), local('Roboto'), local('Roboto-regular'), url('../fonts/Roboto-regular/Roboto-regular.woff2') format('woff2'), url('../fonts/Roboto-regular/Roboto-regular.woff') format('woff'), url('../fonts/Roboto-regular/Roboto-regular.ttf') format('truetype'), url('../fonts/Roboto-regular/Roboto-regular.svg#Roboto') format('svg');
}
@font-face {
    font-family: 'Roboto';
    font-weight: 500;
    font-style: normal;
    src: url('../fonts/Roboto-500/Roboto-500.eot');
    src: url('../fonts/Roboto-500/Roboto-500.eot?#iefix') format('embedded-opentype'), local('Roboto Medium'), local('Roboto-500'), url('../fonts/Roboto-500/Roboto-500.woff2') format('woff2'), url('../fonts/Roboto-500/Roboto-500.woff') format('woff'), url('../fonts/Roboto-500/Roboto-500.ttf') format('truetype'), url('../fonts/Roboto-500/Roboto-500.svg#Roboto') format('svg');
}
@font-face {
    font-family: 'Roboto';
    font-weight: 700;
    font-style: normal;
    src: url('../fonts/Roboto-700/Roboto-700.eot');
    src: url('../fonts/Roboto-700/Roboto-700.eot?#iefix') format('embedded-opentype'), local('Roboto Bold'), local('Roboto-700'), url('../fonts/Roboto-700/Roboto-700.svg#Roboto') format('svg');
}
/*********************** General CSS *******************/
.padding-left0 {
    padding-left: 0px !important;
}

.padding-right0 {
    padding-right: 0px !important;
}

.padding-left15 {
    padding-left: 15px !important;
}

.padding-left30 {
    padding-left: 30px !important;
}

.margin-bottom10{
    margin-bottom: 10px;
}

.margin-top5{
    margin-top: 5px;
}

.margin-right15{
  margin-right: 15px;
}

.margin-bottom30{
    margin-bottom: 30px;
}

.btn-gold {
    color: #fff;
    background-color: #AFA376;
    border-color: #A5955D;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.btn-gold:hover {
    color: #fff;
    background-color: #A5955D;
    border-color: #A5955D;
}

.goldenHypers{
  color: #AFA376;
 }
.goldenHypers:hover{
  color: #AFA376;
}

/*********************** Detailed Info styles *******************/
body.trackDetails {
    background-color: #EEEEEE;
}

.track-details-nav{
/*	background-color: #634475;
	border-color: #634475;*/
    background-color: #eeeeee;
    border-color: #25004b;
    margin-bottom: 0px;
    border-radius: 0;
}
.track-details-div{
	background-color: #FFFFFF; 
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
	padding-top: 30px !important;
}
.logo-band{
	margin-top: -13px;
	margin-left: -22px;
}

.login-link{
	color: #666666;
	font-size: 13px;
	margin-left: 25px;
}

.logoLink img {
    width: 165px;
}

.login-link:hover, .login-link:focus{
	color: #666666;
	/*font-size: 13px;*/
	/*margin-left: 20px;*/
	text-decoration: none !important
}
.inner-addon { 
    position: relative;
}
.inner-addon i{ 
    pointer-events: none !important;
    cursor:pointer !important; 
  	z-index:999;
}
.docket-info{
    padding-bottom: 30px;
    padding-left: 15px;
}

.activityDivision{
	margin-top: 30px;
	margin-bottom: 30px;
}

.puDiv{
	margin-top: 30px;
    border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
}

.heads{
    font-weight: 600;
    font-size: 14px;
    color: #333333;
}

.heading {
    font-size: 18px;
    font-weight: 400;
}

.headLite{
	color: #808080;
	font-weight: 400;
	font-size: 16px;
}

.infos{
	color: #808080;
}

.info-division {
    padding-top: 30px;
}

.bigBits {
    padding-left: 30px;
}

/*********************** Detailed Info ends *******************/


/*********************** Label Outline Starts *******************/

.label {
  display: inline-block;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 400;
  color: #FFF;
  margin-top: 10px;

}

.label.label-pill,
.label.label-rounded {
  border-radius: 99999px
}

.label.label-square {
  border-radius: 0
}

.label.label-default {
  background-color: #B0BEC5
}

.label.label-primary {
  background-color: #2196F3
}

.label.label-secondary {
  background-color: #323a45;
  color: #FFF
}

.label.label-info {
  background-color: #29B6F6
}

.label.label-success {
  background-color: #64DD17
}

.label.label-warning {
  background-color: #FFD600
}

.label.label-danger {
  background-color: #ef1c1c
}

.label.label-outlined {
  border-width: 1px;
  border-style: solid;
  background-color: transparent
}

.label.label-outlined.label-default {
  border-color: #B0BEC5;
  color: #B0BEC5
}

.label.label-outlined.label-primary {
  border-color: #2196F3;
  color: #2196F3
}

.label.label-outlined.label-secondary {
  border-color: #323a45;
  color: #323a45
}

.label.label-outlined.label-info {
  border-color: #29B6F6;
  color: #29B6F6
}

.label.label-outlined.label-success {
  border-color: #5ca153;
  color: #5ca153
}

.label.label-outlined.label-warning {
  border-color: #FFD600;
  color: #FFD600
}

.label.label-outlined.label-danger {
  border-color: #ef1c1c;
  color: #ef1c1c
}




/*********************** Search input *************************/
.searchDocketNumber{
	height: 29px;
	border-radius: 1px;
}

.inner-addon .glyphicon {
  position: absolute;
  padding: 3px;
  pointer-events: none;
}
/* align icon */
.left-addon .glyphicon  { 
	left:  0px;
}
.right-addon .glyphicon { 
	right: 4px;
    font-size: 10px;
    margin-top: 6px;
}
/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }
/*********************** Search input ends ********************************/

/*********************** Tracking division starts here *******************/	
ul.outer {
    list-style: none;
    margin-top: 10px;
    padding-left: 0px;
}
ul.outer  li.outerLi {
    padding-bottom: 13px;
    margin-bottom:29px;
    position:relative;
}
ul.outer  li.outerLi span.dd:first-child {
  border-radius: 50%;
  padding: 5px 15px;
  font-size: 28px;
  font-weight: 500;
  color: #a6a6a6;
  margin-right: -29px;
}
ul.outer  li.outerLi span.day {
	display:block;
    padding-left: 55px;
    margin-top: -33px;
    font-size: 12px;
    font-weight:bold;
}
ul.outer  li.outerLi span.month{
    display:block;
    /*clear: both;*/
    margin-left: 55px;
    margin-top: -3px;
    font-size: 12px;
    color: #737373;
}
ul li.outerLi:last-child .verticalLine{
  height:35%;
}
ul li.outerLi:first-child .verticalLine{
	height:84%;
	 top: 33%;
     bottom: 0;
}
.verticalLine{
  position:absolute;
  height:100%;
  width:1px;
  border-left:1px dashed #999999;
  left:23px;
  top:31px;

}
.onlyVerticalLine{
  height: 80% !important;
  top: 22% !important;
  margin-top: 10px !important;
}
.singleInnerli{
	top: 55% !important;
	height: 49% !important;

}
ul li.outerLi:first-child .multipleOuterSingleInnerli{
	height: 80% !important;
	top: 55% !important;
}

ul.inner{
	list-style: none;
}
li.innerLi::before {
  content: "•";
  color: #990000;
  margin-left: -23px;
  font-size: 250%;
  position: relative;
  z-index: 1;
}
.format2_line1{
	display:block;
	margin-top: -35px;
	margin-left: 15px;
	color: #999999;
}
.format2_line2{
	display:block;
	margin-left: 15px;
}
.lite{
	color: #999999;
}
li.format3InnerLi::before {
  content: "• ";
  color: #999999;
  margin-left: -23px;
  font-size: 250%;
  position: relative;
  z-index: 1;
}
.format3_line1{
	display:block;
	margin-top: -35px;
	margin-left: 15px;
	 font-size: 120%;
	color: #990000;
}
.format3_line2{
	display:block;
	margin-left: 15px;
}
/*********************** Tracking division ends *******************/	


.border-top{
	border-top: 1px solid #ddd;
}

.track{
	border-right: 1px solid #ddd;
    padding-top: 30px;
    background-color: #fdfdfd;
}

.trackHeading{
    margin-top: 0px;
	margin-left: 15px;
}

.docketNoDisp{
	display: block !important;
}


@media screen and (max-width: 1000px) and (min-width: 320px) {
    .track{
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .docket-info .bits{
		margin: 5px 0px;
    }

	.bigBits{
		margin-bottom: 20px;
	}

	.puDiv{
		margin-top: 0px;
	}

	.activityDivision .bits{
		margin: 15px 0px;
        padding-left: 30px;
   }

   .docketNoDisp{
		display: inline !important;
		margin-right: 15px;
	}

	.logo-band {
	   margin-left: -3px;
	}

	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	    border-color: #634475;
	}
	
	.onlyVerticalLine {
    	margin-top: 2px !important;
	}

	.infoDivision{
		border-top: 1px solid #ffffff;
	}
}