.subpage-heading {
    padding: 17px;
    color: white;
    text-shadow: 2px 2px 4px #000000;
}
.table td {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.1;
    font-weight: 300;
    }
    
  .progress {
    height: 6px;
    margin-bottom: 2px;
  }
  .progress-bar {
    background-color: Green;
    }
   .modal-body{
    max-height: 100rem;
    overflow-y: hidden;
    overflow-x:hidden;
}
  .badge {
     position: absolute;
     border-radius: 50%;
     color: white;
     font-size: 9px;
     border-color: transparent;   
     left:23%;
     display: none;
}
.panel-body {
    padding: 5px 15;
    font-size: 9px;
    display: inline-block;
}
.imgClass
{
   margin-left: 20px; 
   border-radius:50px;
   height: 32;
   width: 32;   
  
   }
.transClass{
	/* background-image:url(../img/tranship.png); */
	width: 18px;
	background-color: #ff6744;
	height: 22px;
	border-radius: 10px;
	margin-right: 20%;
	margin-left: 10%;
	
}
.loadIcon{
	image:url(../img/loadIcon.svg);
}
 .imgOLoad
 {box-shadow: 0px 0px 3px 5px #0e1db0;}
 .imgELoad
 {box-shadow: 0px 0px 3px 5px #ff0e00;}
 .imgLLoad
 {box-shadow: 0px 0px 3px 5px #cb7600;}
 .imgTLoad
 {box-shadow: 0px 0px 3px 5px #FFA500;}
 .imgDLoad
 {box-shadow: 0px 0px 3px 5px #049602;}
.imgCLoad
 {box-shadow: 0px 0px 3px 5px #ba04aa;}
 .body {
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
}
 div {
     
    margin: 0 auto;
    display: left;
    padding: 2px 0;
    font-size: 14px;
    line-height: 20px;
    font-weight:600;
    font-family: OpenSans-Semibold;
}
.fontFamily{
	font-family:'Open Sans', sans-serif;
}
.pagination>.disabled>a{
	font-family:'Open Sans', sans-serif;
}
.pagination>.active>a{
	font-family:'Open Sans', sans-serif;
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../font/OpenSans-Bold.eot'), url('../font/OpenSans-Bold.ttf');
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../font/OpenSans-Regular.eot'), url('../font/OpenSans-Regular.ttf');
}

@font-face {
    font-family: 'OpenSans-Semibold';
    src: url('../font/OpenSans-Semibold.eot'), url('../font/OpenSans-Semibold.ttf');
}

@font-face {
    font-family: 'SourceSansPro-Semibold';
    src: url('../font/SourceSansPro-Semibold.woff') format('woff'), url('../font/SourceSansPro-Semibold.woff2') format('woff2'), url('../font/SourceSansPro-Semibold.eot') format('embedded-opentype'), url('../font/SourceSansPro-Semibold.ttf') format('truetype');
}

@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('../font/SourceSansPro-Regular.woff2') format('woff2'), url('../font/SourceSansPro-Regular.woff') format('woff'), url('../font/SourceSansPro-Regular.ttf') format('truetype'), url('../font/SourceSansPro-Regular.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'SourceSansPro-Bold';
    src: url('../font/SourceSansPro-Bold.eot') format('embedded-opentype'), url('../font/SourceSansPro-Bold.ttf') format('truetype'), url('../font/SourceSansPro-Bold.woff') format('woff'), url('../font/SourceSansPro-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'SourceSansPro-Black';
    src: url('../font/SourceSansPro-Black.woff2') format('woff2'), url('../font/SourceSansPro-Black.woff') format('woff'), url('../font/SourceSansPro-Black.ttf') format('truetype'), url('../font/SourceSansPro-Black.eot') format('embedded-opentype');
}
/* 
@font-face {
    font-family: 'SourceSansPro-Light';
    src: url('../font/SourceSansPro-Light.eot') format('embedded-opentype'), url('../font/SourceSansPro-Light.woff') format('woff'), url('../font/SourceSansPro-Light.woff2') format('woff2'), url('font/source-sans-pro.light.ttf') format('truetype');
}
 */
@font-face {
    font-family: 'HelveticaLTStd-Bold';
    src: url('../font/HelveticaLTStd-Bold.eot') format('embedded-opentype'), url('../font/HelveticaLTStd-Bold.otf') format('opentype'), url('../font/HelveticaLTStd-Bold.ttf') format('truetype'), url('../font/HelveticaLTStd-Bold.woff') format('woff'), url('../font/HelveticaLTStd-Bold.woff2') format('woff2');
}
 .contact-text {
	display: inline-block;
	width: 100%;
	/* font-family: OpenSans-Bold; */
	font-size: 16px;
	padding: 5px 0;
	color: black;
}

.contact-row {
	padding: 10px 0px;
}

.validator {
    text-align: center;
    color: red;
    font-size: 12px;
    line-height: 24px;
    font-family: OpenSans-Semibold;
}

.page-wrapperBackground {
    background-image: url(../img/cargo3.png);
    transition: all 0.2s ease-in 0s;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
  .back_rcl {
    background-color: rgb(249, 249, 249);
    border-radius: 25px;
    padding: 1.46rem 1.19rem;
    border: 8px solid white;
    height: 50.3rem;
}

@media screen and (max-width: 1450px) and (min-width: 1000px) {
 .back_rcl {
    background-color: rgb(249, 249, 249);
    border-radius: 25px;
    padding: 1rem;
    height: 30.5rem;
    border: 8px solid white;
	}
}

@media (min-width: 768px){
.col-md-12 {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
         
}
} 
.vessel-mail{
    width:480px;
}

.vessel-mailwrapper{

}
   .progressLine{
	    width: 0%;
	}
.vessel-mailheader {
    background-color: #084b8c;
    color: white;
    font-family: SourceSansPro-Bold;
    font-size: 18px;
}

.vessel-mailheader-text{
    width:94%;
    margin:0 auto;
}

.vessel-mailbody {
    width: 94%;
    margin: 0 auto;
}

.vesselmail.contact-field{
    width:90%;
}

.vesselmail.vessel-button{
    width:130px;
}
.vessel-print-rcl{
    text-align:center;
    margin:10px 0;
}

.vessel-print-logo{
    display:inline-block;
    height:65px;
    width:160px;
    vertical-align:top;
    margin-right:20px;
    
}

@media screen and (max-width: 1280px) {
    #vesseltable thead {
        display: none;
    }

    #vesseltable tr {
        display: block;
        position: relative;
        padding: 1.0em 0;
        border-bottom:none;
    }

        #vesseltable tr:first-of-type {
            border-top: 1px solid #ccc;
        }

    #vesseltable td {
        display: table;
        width: 100%;
        border-bottom: 1px solid #d5d5d5;
    }

        #vesseltable td:first-child:before {
            display: none;
        }

        #vesseltable td:first-child {
            display: inline-block;
            position: absolute;
            top: 18px;
            padding-left: 10px;
            border-bottom: none;
        }

        #vesseltable td:nth-child(2) {
            display: inline-table;
            font-family: OpenSans-Bold;
            font-size: 16px;
            width: 100%;
            background-color: #0f59a1;
            color: white;
            border-bottom: none;
        }

        #vesseltable td:last-child {
            display: block;
            padding: 2px 0;
            border-bottom: none;
        }

        #vesseltable.ss td:last-child {
            display: table;
            padding: 2px 0;
            border-bottom: none;
        }

    .last-child-text {
        margin-left: 30px;
    }

    #vesseltable td:nth-child(2):before {
        font-family: OpenSans-Bold;
        font-size: 16px;
        width: 50px;
        padding: 8px 10px 8px 30px;
    }

    #vesseltable.ss td:nth-child(2):before {
        font-family: OpenSans-Bold;
        font-size: 16px;
        width: auto;
        padding: 8px 10px 8px 30px;
    }

    #vesseltable td:before {
        content: attr(data-label);
        display: table-cell;
        font-weight: bold;
        padding: 5px 30px;
        text-align: left;
        width: 180px;
    }

 

    .localinfo-content {
        width: 49.5%;
    }

    .loContacts-TextWrapper.pdf {
        height: 400px;
    }

    .ltschedule-wrapper{
        width:100%;
    }

    .ltschedule-block{
        margin:0 auto;
    }

}
.subpage-heading {
    font-family: SourceSansPro-Bold;
    font-size: 24px;
    color: black;
    padding: 17px 0;
}
.subpage-heading.footerstyle {
    font-size: 14px;
}

.bltable{
    width: 100%;
    border: 1px solid #d5d5d5;
    margin:50px 0;
 
}

.regtable {
    width: 100%;
    border: 1px solid #d5d5d5;
    margin: 50px 0;
}

.bltable th {
    text-align: left;
    vertical-align: middle;
    padding: 10px 5px;
    font-family: SourceSansPro-Bold;
    font-size: 20px;
    line-height: 24px;
    border: 0.5px solid #d5d5d5;
    background-color: #004b8e;
    color:white;
}

    .bltable tr {
        border-bottom: 1px solid #d5d5d5;
    }

    .bltable td {
        font-family: OpenSans-Regular;
        font-size: 14px;
        line-height: 14px;
        padding: 10px 0;
        padding-left: 7px;
    }


.regtable th {
    text-align: left;
    vertical-align: middle;
    padding: 10px 5px;
    font-family: SourceSansPro-Bold;
    font-size: 20px;
    line-height: 24px;
    border: 0.5px solid #d5d5d5;
    background-color: #004b8e;
    color: white;
}

    .regtable tr {
        border-bottom: 1px solid #d5d5d5;
    }

    .regtable td {
        font-family: OpenSans-Regular;
        font-size: 14px;
        line-height: 14px;
        padding: 10px 0;
        padding-left: 7px;
    }

.cargo-singleresults
{
    border-top:1px solid #d5d5d5;
}

    .cargo-singleresults:first-child {
       border: 0.5px solid #d5d5d5;
    }

    .cargo-singleresults:nth-child(2) {
        border: 0.5px solid #d5d5d5;
    }
    

 .cargo-singleresults:nth-child(2) .bltable {
        display:table;
    }

.bltable .bltablehead {
    font-family: SourceSansPro-Bold;
    font-size: 16px;
}


.regtable .bltablehead {
    font-family: SourceSansPro-Bold;
    font-size: 16px;
}

.ltschedule {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}

.ltschedule-wrapper {
    width: 100%;
    border-bottom: 1px solid #d5d5d5;
}

.ltschedule-block {
    width: 100%;
    padding: 10px 0;margin:0 auto;
}

.ltschedule-heading-row {
    background-color: #004b8e;
    color: white;
    font-family: SourceSansPro-Bold;
    font-size: 18px;
    line-height:22px;
}

.lttable {
    width:94%;
    margin:0 auto;
    margin-bottom:20px;
}

    .lttable th {
        
        font-family: SourceSansPro-Bold;
        font-size: 16px;
        border-bottom:1px solid  #d5d5d5;
        text-align:center;
    }

    .lttable tr {
        border-bottom: 1px solid #d5d5d5;
    }

    .lttable .ltschedule-heading-right {
        color: white;
        text-align:right;
        padding-right:10px;
    }

    .lttable .ltschedule-heading-left {
        color: white;
        text-align:left;
        padding-left:10px;
    }

.lttable td {
    text-align:center;
    font-family:OpenSans-Regular;
    font-size:16px;
    line-height:22px;
}

.lt-heading-text {
    font-family: OpenSans-Bold;
    font-size: 16px;
}
.transLoad{
	display: inline-block;
	background-color: #7ad197;	
	font-size: 22px;
	border-radius: 9px;
	padding: 8px;
}
.transDis{
	display: inline-block;
	background-color: #ffd580;
	font-size: 22px;
	border-radius: 9px;
	padding: 8px;
    margin-left: 1%;
	
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

.timeline {
  position: relative;
    width: 85%;
    max-width: 1140px;
    margin: 0 0;
    padding: 0px 0;
}

.timeline::after {
  content: '';
  position: absolute;
  width: 2px;
  background: #006E51;
  top: 0;
  bottom: 0;
  left: 59%;
  margin-left: 82	px;
 /*  z-index: -1; */
}

.containerBox {
  padding: 0px 0px;
  position: relative;
  background: inherit;
  width: 40%;
}

.containerBox.left {
    right: 25%;
}

.containerBox.right {
  left: 42%;
}

.containerBox::after {
content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    top: calc(50% - 8px);
    right: -111px;
    background: #ffffff;
    border: 2px solid #006E51;
    border-radius: 16px;
    z-index: 1;
}

.containerBox.right::after {
  left: -101px;
}

.containerBox::before {
    content: '';
    position: absolute;
    width: 101px;
    height: 2px;
    top: calc(50% - 1px);
    right: -95px;
    border-top: 1px dashed #006E51;
    /* background: #006E51; */
    z-index: 1;
}

.containerBox.right::before {
  left: -87px;
}

/* .containerBox .date {
  position: absolute;
  display: inline-block;
  top: calc(50% - 2px);
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #006E51;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 1;
} */
/* 
.containerBox.left .date {
      right: -217px;
    margin-top: -10px;
}

.containerBox.right .date {
      left: -197px;
    margin-top: -10px;
} */

.containerBox .imgLocator {
position: absolute;
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 0px 0;
    top: calc(50% - 28px);
   /*  background: #F6D155;
    border: 2px solid #006E51; */
    border-radius: 40px;
    text-align: center;
    font-size: 18px;
    /* color: #006E51; */
    z-index: 1;

}

.containerBox.left .imgLocator {
 
    right: -11px;
    margin-top: -1px;

}

.containerBox.right .imgLocator {
 
    left: -3px;
    margin-top: -1px;
}

.containerBox .contentBox {
  padding: 5px 5px 5px 10px;
  background: #f0f0f0;
  position: relative;
  border-radius: 0 500px 500px 0;
  word-wrap: break-word;
  white-space: normal; 
  font-size: 11px;
  
}

.containerBox.right .contentBox {
  padding:5px 5px 5px 25px;
  border-radius: 500px 0 0 500px;
}

.containerBox .contentBox h2 {
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: normal;
  color: #006E51;
}

.containerBox .contentBox p {
  margin: 0;
  font-size: 11px;
  line-height: 14px;
  color: #000000;
}

@media (max-width: 767.98px) {
  .timeline::after {
    left: 5px;
  }

  .containerBox {
   	padding: 0px 0px;
    position: relative;
    background: inherit;
    width: 50%;
  }

  .containerBox.right {
    left: 0%;
  }

  .containerBox.left::after, 
  .containerBox.right::after {
    left: 0px;
  }

  .containerBox.left::before,
  .containerBox.right::before {
    left: 0px;
    border-color: transparent #006E51 transparent transparent;
  }

/*   .containerBox.left .date,
  .containerBox.right .date {
    right: auto;
    left: 15px;
  }
 */
  .containerBox.left .imgLocator,
  .containerBox.right .imgLocator {
    right: auto;
    left: 146px;
  }

  .containerBox.left .contentBox,
  .containerBox.right .contentBox {
    padding: 30px 30px 30px 90px;
    border-radius: 500px 0 0 500px;
  }
}


/* .down-bar:after{
	content: '';
    display: block;
    position: absolute;
    left: 0;
    height: 40px;
    top: 15px;
    width: 2px;
    background: #dcdee0;
} */

 .progressTimeline div{
padding: 0px;
/*     height: 65px; */
 margin-bottom: -6.5%;
} 
.progressTimeline hr {
    border-top: 6px solid #038127;
    margin: 0;
    top: 33px;
    position: relative;}

    .corner {
    border: 6px solid #038127;
    width: 100%;
    position: relative;
    border-radius: 15px;
    }
    .progressTimeline .right-top {
    left: -48%;
    top: calc(47% - 2px);
    }
   .right-down {
    left: -48%;
    top:-35.5%;
    }  
    .hr2{
   border-top: 6px solid #038127;
    margin: 0;
    top: 29px;
    position: relative;
    }
    #rightDownDiv{
    display: flex; overflow: hidden; margin-top: 178.77px; margin-bottom: -59%; position: relative; float: right; margin-right: -3%; height: 173px;
    }