/* @font-face {
  font-family: 'Trump Gothic Pro';
  src: url('TrumpGothicPro.eot');
  src: local('Trump Gothic Pro'), local('fonts/TrumpGothicPro/TrumpGothicPro'),
      url('fonts/TrumpGothicPro/TrumpGothicPro.eot?#iefix') format('embedded-opentype'),
      url('fonts/TrumpGothicPro/TrumpGothicPro.woff2') format('woff2'),
      url('fonts/TrumpGothicPro/TrumpGothicPro.woff') format('woff'),
      url('fonts/TrumpGothicPro/TrumpGothicPro.ttf') format('truetype');  
} 

 */



 @import url('https://fonts.googleapis.com/css2?family=Advent+Pro:ital,wght@0,100..900;1,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Sofia+Sans+Extra+Condensed:ital,wght@0,1..1000;1,1..1000&family=Victor+Mono:ital,wght@0,100..700;1,100..700&display=swap');



body {  
  /* font-family: 'Trump Gothic Pro', 'Tahoma' !important;   */
  /* font-size:105% !important; */

  font-family: "Victor Mono", Tahoma;
  font-optical-sizing: auto;  
  font-style: 120% !important;
  

  touch-action: manipulation;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #292c5e !important; /* #1C3457; */   
  transition:background .1s linear;

  z-index: -1;   
}


/* Ver2.3.1- 20230516 TripCalendar */
body.modal-open {
  overflow: hidden;
}

td.disabled, button.disabled {
  pointer-events: none !important;
  text-decoration: line-through !important;  
}

/* Ver2.3.1- 20230516 TripCalendar */

/* start new additions */
/* 20220207 - custom popup colors */
.modal-dialog.modal-notify.modal-company .modal-header {
  background-color: #00325F !important;
}

.btn-outline-company {
  border: 2px solid #00325F !important;
  background-color: transparent !important;
  color: #00325F !important;
}
/* 20220207 - custom popup colors */

.circle, .custom-radio,  ::after, ::before {
  box-sizing: border-box;
  border-radius: 0rem !important;
}


#toolbar-analysis .input-group-text {
  padding: .325rem .325rem !important;
}

#reservationpricetitle.disabled, #reservationpricetitle:disabled {
  opacity: 1;
}

/* seajets start footer style */
@media only screen and (max-width: 470px) {
  .smallfonts {
    font-size: 80% !important;
  }
}


.tripInfoBox .extrasCol.extrasPass {
  min-width: 110px;
}
.tripInfoBox .extrasCol.extrasVehicle {
  min-width: 165px;
}
.confirmationPage .borderDottedLeftFull {
  background-image: linear-gradient(to bottom, rgba(25, 41, 63, 0.95) 20%, rgba(255, 255, 255, 0) 0%);
  background-position: left;
  background-size: 2px 6px;
  background-repeat: repeat-y;
}

.tripDurationContainer {
  min-width: 65px;
  margin: 0;
}

span.badge {
  min-width: 2.1rem;
  padding: 0 2px;
  text-align: center;
  line-height: 16px;
  height: 16px;
  float: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 300;
  font-size: 0.8rem;
  color: #FFF;
  border-radius: 2px;
  display: inline-block;
  margin-left: 0 !important;
  margin-right: 0 !important;
}


.valign {
  display : flex;
  align-items : center;  
}
.vertical-middle {
  vertical-align: middle;
}


.border-thick {
  border-right: 6px solid  #00325F !important;
}

.list-group-item {
  background: transparent !important;
  border: none !important;
}
.footerurls a {
  color: #FFFFFF !important;  
}
.footerurls ul {
  list-style: none;
  padding: 0;
}
.footerurls li {
  padding-left: .25em;
}
.footerurls li:before {
  content: "\f111"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -.25em; /* same as padding-left set on li */
  margin-right: .75em; /* same as padding-left set on li */
  width: .25em; /* same as padding-left set on li */
  color:orange;
  font-size: 5px;
  vertical-align: middle;
}
#tr_footer_text {
  line-height: 1.75em;
  color: #FFFFFF !important;  
}
#tr_footer_text a {
  line-height: 1.75em;
  color: #CCDCF3 !important;  
}
#tr_footer_text a:hover {
  line-height: 1.75em;
  color: #CCDCF3 !important;  
}

/* seajets end */

.calendar {
  background-color:transparent;
  border: 1px solid transparent;
}
.custom-radio .custom-control-label::before {
  background-color: transparent;  /* orange */
}
/* This is the checked state */
.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::after {
  background-color: #00325F;  /* green */
  border-radius: 50%;
}
/* active state i.e. displayed while the mouse is being pressed down */
.custom-radio .custom-control-input:active ~ .custom-control-label::before {
  color: #fff;
  background-color: #00325F; /* red */
}
/* the shadow; displayed while the element is in focus */
.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 255, 255, 1); /* pink, 25% opacity */
}

.shadow {
  box-shadow: 0 .8rem 1rem rgba(0, 0, 0, 0)!important;
}
.rounded  {
  border-radius: 0rem !important;
}
.border {
  border: 1px solid transparent !important;
}

/* max height 50px - 55px */
.center-logo {
  display: inline-block !important;
  /* margin-left: 50% !important; */
  /* transform: translateX(-50%) !important; */
  margin-left: 50% !important; 
  transform: translateX(-50%) !important; 
}
.card-body {
  background-color: #ffffff !important
}
.bg-light {
  background-color: transparent !important
  /* background-color: #ffffff !important */
}
.bg-discount, .bg-conjuction {
  background-color: #f4f4f4 !important
}
.mylogo {
	content:url("../img/logo.png");
}
.lang-color {
  color: #00325F !important;    
}

.small-menu-text{
  color: #00325F !important;  
  font-weight: 400 !important;
  font-size: larger !important;  
}
.footer-bg-color {  
  -webkit-mask-image: linear-gradient(to top, #ffffff 100%, transparent 100%);
  mask-image: linear-gradient(to top, #ffffff 95%, transparent 100%);
  background-color: #292C5E !important;
}
.header-bg-color {
  background-color: #f3efe5 !important;  
}
.grandtotal-bg-color, .payment-info {
  background-color: #ffffff !important;
  color: #00325F !important;    
}
.title-bg-color {
  background-color: #00325F !important;
}
.btn-active {
  box-shadow: none !important;
  background-color: #b3ac52 !important;
  color: #ffffff !important;
  /* color:#ffffff !important;   */
  /* border-radius: 10em; */
  border-radius: 0;
}
.btn-inactive {  
  box-shadow: none !important;
  background-color: #ffffff !important;
  color:#00325F !important;
  border: 1px solid transparent !important;
  /* border-radius: 10em; */
  border-radius: 0;
}
.btn-invert {
  box-shadow: none !important;
  background-color: #00325F  !important;
  color: #ffffff !important;
  /* border-radius: 10em; */
  border-radius: 0;
}
.vesselnamesize {
  font-size: 1.00rem !important; 
  font-weight: 400 !important;
}
.label {
  color:#00325F !important;
}

.ports-dropdown, .form-control, .form-control, .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #00325F !important;  
  font-weight: 300 !important;
  font-size: .98rem !important;  
}
.label-light {
  /* color:#009DE0 !important; */
  color:#009DE0 !important;
}
.label-title, .md-form label.active {
  color:#00325F !important;
  font-weight: 500;
}
.date-header {
  /* background-color: #009DE0 !important; */
  background-color: #b3ac52 !important;
  color: #ffffff !important;
  /* color:#ffffff !important;   */
}

.trip-arrows {
  /* background-color: #0288C2 !important; */
  color:#ffffff !important;  
}

td.active, .bootstrap-datetimepicker-widget table td span.active  {
  /* background-color:#009DE0 !important; */
  background-color: #b3ac52 !important;
  color: #ffffff !important;
}

.bootstrap-datetimepicker-widget table td.day, .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new, .bootstrap-datetimepicker-widget table th.dow, .bootstrap-datetimepicker-widget table th.picker-switch   {
  /* color: #1D95D1 !important; */
  color: #00325F !important;
  font-weight: 900;
}

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none !important;
  color: #a5a5a5 !important;
  cursor: not-allowed !important; 
} 

.bootstrap-datetimepicker-widget table td.day.active  {
  color: #ffffff !important;
  font-weight: 400;
}

 .bootstrap-datetimepicker-widget table tr td.disabled td.disabled:hover {
  color: #B9BEC2 !important;
  font-weight: 100 !important;
}  

.select-wrapper input.select-dropdown{
  /* color: #1D95D1 !important; */
  color: #00325F !important;
  font-weight: 600 !important;
  /* font-size: .95rem !important;  */
}

.md-form input[type=text], .md-form input[type=password], .md-form input[type=email], .md-form input[type=url], .md-form input[type=time], .md-form input[type=date], .md-form input[type=datetime-local], .md-form input[type=tel], .md-form input[type=number], .md-form input[type=search-md], .md-form input[type=search], .md-form textarea.md-textarea {
  /* color: #1D95D1 !important; */
  color: #00325F !important;
  font-weight: 600 !important;
  /* font-size: .95rem !important;  */
} 

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
  padding-left: 0;
  color: #00325F !important;
  font-weight: 300 !important;  
  font-size: .98rem !important; 
}

.select-icon {
  display: -ms-flexbox !important;
  display: inline-grid !important;
  -ms-flex-align: center !important;  
  background-color: transparent !important;
  border: 1px solid transparent !important;
}

.select-plus-minus {
  display: -ms-flexbox !important;
  display: inline-grid !important;
  -ms-flex-align: center !important;  
  background-color: transparent !important;
  border-color: .1px solid transparent !important;
}

.select-totals {
  display: -ms-flexbox !important;
  display: inline-grid !important;
  -ms-flex-align: center !important;  
  min-width: 50px;
  max-width: 50px;
  font-weight: 600;
  font-size: large;
}

.navbar-toggler {
  padding: .0rem .0rem !important;
  font-size: .85rem !important;  
}

.badge-port {
  /* background-color: #F4A900 !important; */
  background-color: #213368 !important;
  color: #fff !important;
  display: none !important;
}

.badge-port-title {
  /* background-color: #F4A900 !important; */  
  background-color: #b3ac52 !important;
  color: #ffffff !important;
  display: none !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], div.tagsinput span.tag {
  background-color:#e0e0e0 !important; /* #42A5F5; */
}


ul.stepper li.active a .circle, ul.stepper li.completed a .circle {
  /* background-color: #009DE0 !important;   */
  background-color: #b3ac52 !important;   /* #4285f4 !important; */
  color: #ffffff !important;
}
.select2-container--default.select2-container--disabled .select2-selection--single, .form-control:disabled, .form-control[readonly] {
  background-color: transparent !important; /* #42A5F5; */
}
.text-tools-icons {
  /* color: #1D95D1 !important; */
  color: #00325F !important;
  font-weight: 600 !important;
  font-size: x-large !important;    
}
.text-tools-icons-left {
  /* color: #1D95D1 !important; */
  color: #00325F !important;
  font-weight: 600 !important;
  font-size: x-large !important;    
}
.text-tools-icons-x {
  color: #A5A8AB !important;
  font-weight: 600 !important;
  font-size: larger !important;    
}

.text-tools-icons-x-light {
  color: #A5A8AB !important;
  font-weight: 400 !important;
  font-size: large !important;    
}

.btn-calendar {
  background-color: transparent !important;
}
.btn-calendar-active{
  /* background-color: #009DE0 !important; */
  background-color: #b3ac52 !important;
  color: #ffffff !important;
}
.btn-calendar-alternative{
  /* background-color: #009DE0 !important; */
  background-color: transparent !important;
}
.btn-calendar-notrip {
  /* background-color: #009DE0 !important; */
  background-color: #b3ac52 !important;
}
.btn-calendar-notripcalendar {
  /* background-color: #009DE0 !important; */
  background-color: transparent !important;
  opacity: .5;
}
.pricebox{
  background-color: #F1F2F6 ;
  /* color: #1D95D1 !important; */
  color: #00325F !important;
  font-weight: 400 !important;   
}

.form-check-input[type="checkbox"]:checked + label:before, label.btn input[type="checkbox"]:checked + label:before {  
  border-right: 2px solid #009DE0;
  border-bottom: 2px solid #009DE0;
}

.toolbar-bg {
  background-color: #ffffff ;
  /* color: #1D95D1 !important; */
  color: #00325F !important;
  font-weight: 200 !important; 
}
/* end new additions */

.main  {
  min-height: calc(100vh - 70px);
}
.navbar{
  background-color: rgba(10, 49, 82);
  background-color: rgba(10, 49, 82, .7);
}
.modal {
  backdrop-filter: blur(3px); /* tholonei to background den paizei se firefox kai se safari  */
}
.modal-backdrop {  
  width: 100%; /* Gia na pianei to 100% platos kai se mikres siskeves  */
}
.dropdown-content li>span {
  font-size: .90rem;
 /*  color: #4285f4; */
  color: #00325F !important;
  display: block;
  padding: .5rem;
  font-weight: 400 !important;
}
.dropdown-toggle::after {
  color: #ffffff !important;  
}
.select2-results__option {
  color: #00325F !important;
  font-weight: 400 !important;
}

#map {
  height: 450px !important;  /* The height is 400 pixels */
  width: 100%;  /* The width is the width of the web page */
 }
 #Portsmap {
  height: 550px !important;  /* The height is 400 pixels */
  width: 100%;  /* The width is the width of the web page */
 }
.disableme {
  pointer-events: none;
  opacity: 0.4;
  color: darkgrey !important;
}
.selectme {
  background-color: #F3F3F3 !important
}
.range-field input[type=range] {
  margin: 10px 0 0 0;
}
.blockquote-footer {
  border-bottom-style: dotted;
}
.toDate{
  border: 0;
  border-style: dotted !important;
  border-bottom-width: 0.05em !important;  
  border-bottom-color: darkgrey !important;  
}
.border-dotted {
  border-style: dotted !important;
  border-width: 0.1em !important;
}
.thumb {
  /* to mple suneffo poy deixnei ta metra apo pano apo ta metra otan einai trailer  */
  display:none;
}
#clearform, #changecapacity, .tripanalysisdiv, .iam-pointer, #addPas, #rmvPas, #addVeh, #rmvVeh {
  cursor:pointer;
}
.footer {
  height: 30px;
  background-color: rgba(10, 49, 82);
  background-color: rgba(10, 49, 82, .7);
}
  
@media all {
  .page-break { display: none; }
}

@media print {
  .page-break { display: block; page-break-before: always; }

  body * {
  visibility: hidden;
  }
  #section-to-print, #section-to-print * {
      visibility: visible;
  }
  #section-to-print {
      position: absolute;
      left: 0;
      top: 0;
  }
}


#firstTrip_0, .toolbarselection, .slideInDown  {
  background:#f3efe5;
}
  
/* disable animation label */
md-input-container.md-input-focused:not([md-no-float]) .md-select-placeholder span:first-child {
  -webkit-transform: none;
  transform: none;
}
/* disable animation label */
  #flexfademe {
  position:fixed;
  z-index:    99999;
  top: 45%;
  left: 45%;
  width:auto;
}

#fadediv {
  opacity:    0.15; 
  background: #000000; 
  width:      100%;
  height:     100%; 
  z-index:    99999;
  top:        0; 
  left:       0; 
  position:   fixed; 
}


.switch label input[type=checkbox]:checked+.lever:after {
  background-color: #b3ac52;
  color: #ffffff !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  border-radius: 3px;
}
.tripdateselection {
  min-width: 220px;
}
.frontportselections {
  min-width: 200px;
}
.control-group .select2-container {
  /* position: relative; */
  /* z-index: 2; */
  float: left;
  width: 100%;
  /* margin-bottom: 0; */
  display: table;
  table-layout: fixed;

}

/* Mazema se ypsos gia ta pedia ton epivatwn */
.leader-select {
  top:-12px !important;
}
/* Mazema se ypsos gia ta pedia ton epivatwn */
.md-form {
  position: relative;
  margin-top: 1.2rem;
  margin-bottom: 1rem;
}
    
/* Accordion smaller <height>    <padding> */
.md-accordion .card .card-header {
  border-bottom: 0;
  padding: .4rem .4rem; 
  /* padding: 1rem 1.5rem; */
  background: 0 0;
}

.centeritems {
  align-items:center;
}
.verticalalign {
  vertical-align: super;
}
.accordiontripresults {
  line-height : 25px;
  align-items:center;
}


/* scroll gia to scrollbar */
.dropdown-content::-webkit-scrollbar
{
  width: 4px;
  background-clip: padding-box;
}
.dropdown-content::-webkit-scrollbar-track
{
  background-color: #F4F4F4;
  height: 1px;
  background-clip: padding-box;
  border-right: 2px solid rgba(0, 0, 0, 0);
  border-top: 2px solid rgba(0, 0, 0, 0);
  border-bottom: 2px solid rgba(0, 0, 0, 0);
}
.dropdown-content::-webkit-scrollbar-thumb
{
  background-clip: padding-box;
  background-color: #0F2464;
  border-right: 2px solid rgba(0, 0, 0, 0);
  border-top: 2px solid rgba(0, 0, 0, 0);
  border-bottom: 2px solid rgba(0, 0, 0, 0);
}
.dropdown-content::-webkit-scrollbar-button {
  display: none;
}
/* scroll gia to scrollbar */

/* scroll gia to select2 */
.select2-results__options::-webkit-scrollbar {
  width: 4px;
  background-clip: padding-box;
}
.select2-results__options::-webkit-scrollbar-track {
  background-color: #F4F4F4;
  height: 1px;
  background-clip: padding-box;
  border-right: 2px solid rgba(0, 0, 0, 0);
  border-top: 2px solid rgba(0, 0, 0, 0);
  border-bottom: 2px solid rgba(0, 0, 0, 0);
}

.select2-results__options::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #0F2464;
  border-right: 2px solid rgba(0, 0, 0, 0);
  border-top: 2px solid rgba(0, 0, 0, 0);
  border-bottom: 2px solid rgba(0, 0, 0, 0);
}

.select2-results__options::-webkit-scrollbar-button {
  display: none;
}
    /* scroll gia to select2 */

ul.stepper {
  padding-top: 2.5rem;
}

.stepper-horizontal li:hover {
  background-color: transparent;
}
#btnlangCode {
  color:transparent !important;
}

/* Stepper for small screens */
@media screen and (max-width: 47.9375rem) {
  .centeritems {
      justify-content: center;
      align-items:center;
  }

  .stepper-horizontal, .stepper-horizontal li {
      flex-direction: row;
      background-color: #ffffff;
  }
  
  .stepper-horizontal li:not(:last-child):after {
      display: none;
  }

  ul.stepper li a .label {
      display: none;
      padding: 1.8rem;
  }
}
ul.stepper li a {
  padding: 0.5rem;
}
#mdb-preloader {
  background-color: rgba(0, 0, 0, 0.15);
}
.hspecial {
  font-size: 80%;
}
.zeropadding {  
  padding: 0 0 !important; 
}


/* Preloader */
.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #ffffff;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {  
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}

/* preloader2 */
.companyname {
	position: absolute;
	left: 50%;
	margin-left: -1.9em;
	color: hsla(0,0%,100%,.3);
	font: 900 800% Baskerville, 'Palatino Linotype', Palatino, serif;	
}

@keyframes loading {
	from { max-width: 0; }
}

.companyname:before {
	content: attr(data-content);
	position: absolute;
	overflow: hidden;
	max-width: 4em;
	color: white;
	animation: loading 1s linear;
}