@charset "UTF-8";

@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/ShipETicketingWeb/styles/fonts/webfonts/overpass-v7-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/ShipETicketingWeb/styles/fonts/webfonts/overpass-v7-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body{
	font-family: 'Overpass', sans-serif;
    font-weight: 400;
	position: relative;
    margin: 0;
    padding-bottom: 6rem; 
    min-height: 100svh;
    background-color: #e3e7e9;
	
}

@media only screen and (max-width: 950px) {
  body {
	font-family: 'Overpass', sans-serif;
    font-weight: 400;
	position: relative;
    margin: 0;
    padding-bottom: 10rem; 
    min-height: 100svh;
  }
}

.first-nav{
  padding: 0px;
  background: #fff;
  z-index:999;
  transition: 0.5s;
  background-color: #063182;;
}

.container-xl{
	max-width:1400px;
}

/*------Top Bar-------*/


.topbar-text{
	color:#070f4e;
}
.topbar-bgcolor {
	background-color:#48C2FE;
}
.topbar span{
	font-size:15px;
}
	
.topbar-weblink{
	color:white;
	text-decoration: none;
}

.topbar-weblink:hover{
	color:#070f4e;
	text-decoration: none;
}

.topbar-twitterlink{
	color:white;
	text-decoration: none;
}

.topbar-twitterlink:hover{
	color:#070f4e;
	text-decoration: none;
}

.topbar-fblink{
	color:white;
	text-decoration: none;
}

.topbar-fblink:hover{
	color:#070f4e;
	text-decoration: none;
}

.topbar-tele{
	color:white;
}

.topbar-tele:hover{
	color:#070f4e;
}

.topbar-email{
	color:white;
}

.topbar-email:hover{
	color:#070f4e;
}

a{color:#c4c427; text-decoration:none;}
a:hover{color:#27c470;}

/*-----Page-Headers--------*/

.page-header{
	color: #063182;
}

.page-label-icon{
	color: #0984e3;
}

p {
  text-align: justify;
  text-justify: inter-word;
}

.tnc-label-icon{
	color: #0984e3;
}

.dss-enq-link{
	color:#ef5a5a;
	text-decoration: none;
}

.dss-enq-link:hover{
	color:#063182;
	text-decoration: none;
}

/* accordion */
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  transform: scale(0.75) !important;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}


/*------Footer--------- */

.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color:#D6E4E5;
  margin-top:-40px;
  
}

.footer-weblinks{
	color:#0E5E6F;
	text-decoration: none;
}

.footer-weblinks:hover{
	color:#070f4e;
	text-decoration: none;
}

/* Visitors Count */

.vcount {
  font-family: 'Menlo', 'Consolas', 'Droid Sans Mono', 'DejaVu Sans Mono', 'Courier New', Courier, monospace;
  font-variant-numeric: tabular-nums;
  font-weight:bold;
  display: inline-block;
  padding: 0px 5px;
  font-size: 16px;
  background-color: #023b91;
  color: white;
  text-decoration: none;
  /* border: 1px solid #023b91; */
  border-radius: 5px;
  text-align: center;
  margin-bottom: 5px; 
  box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.3), 
                        inset 0 2px 2px rgba(0, 0, 0, 0.5),
                        0 2px 5px rgba(0, 0, 0, 0.4);
  
}


@media only screen and (max-width: 950px) {
.vcount {
  font-family: 'Menlo', 'Consolas', 'Droid Sans Mono', 'DejaVu Sans Mono', 'Courier New', Courier, monospace;
  font-variant-numeric: tabular-nums;
  font-weight:bold;
  display: inline-block;
  padding: 0px 5px;
  font-size: 14px;
  background-color: #023b91;
  color: white;
  text-decoration: none;
  /* border: 1px solid #023b91; */
  border-radius: 5px;
  text-align: center;
  margin-bottom: 5px; 
  box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.3), 
                        inset 0 2px 2px rgba(0, 0, 0, 0.5),
                        0 2px 5px rgba(0, 0, 0, 0.4);
  
}
	
}
.vcIcon{
	color: #023b91;
}