


.bg-logo{
    background-color: #ef6603!important;
    /* background-color: #699ced!important; */
}

.text-logo{
    color: #ef6603!important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    /* color: #495057;
    background-color: #ef6603;
    border-color: #dee2e6 #dee2e6 #f8fafc; */
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs{
  /* color: #495057;
  background-color: #aaa;
  border-color: #dee2e6 #dee2e6 #f8fafc; */
}

#tabsJustified .nav-item{
    font-size: 19px;
}


.input-group-append, .input-group-prepend{
  display: block !important;
}

.slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #4CAF50;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #4CAF50;
  cursor: pointer;
}

#compact b{
    color : white !important;
}

.nacolor{
    background-color:#c9cbcf;
    /* color: white; */
}

.noShipData{
    background-color: #ffcd56;
}


#compactTable > .table td, .table th{
  vertical-align : inherit!important;


}

.yescolor{
  background-color:#4bc0c0;
}

.cautioncolor{
  background-color:#ff9f40;
}

.nocolor{
  background-color:#ff6384 !important;
}

 @media print{

  .yescolor td {
    background-color:#4bc0c0 !important;
  }

  .cautioncolor td{
    background-color:#ff9f40;
  }


  .nocolor td{
    background-color:#ff6384 !important;
  }

  .noShipData td{
    background-color: #ffcd56;
  }

  .nacolor td{
    background-color:#c9cbcf;

   }



}

body{
  -webkit-print-color-adjust: exact;
}

.div-center {
  display: flex;
  align-items: center;
}

.berth-fit-result-box {
  height: 150px;
  align-items: center;
}

p {
    margin: 0;
    padding: 0;
    text-align: center;
}

td {
  vertical-align: middle !important;
}

.radioFwdAft {
  margin-right: 10px;
  align-items: center;
}

.labelFwdAft {
  margin: 0;
  padding: 0;
}


@-moz-document url-prefix() {
.mozilla {

  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  }
}
.label {
  margin: 0;
  padding: 0;
}

.help-icon {
  font-size: 15px !important;
  margin-left: 10px;
}


[data-toggle="collapse"].collapsed .fa:before {
  content: "\f13a";
}

[data-toggle="collapse"] .fa:before {
  content: "\f139";
}

.resultcard{

    width: 40vw;
    /* height: 20vh; */
    max-height:fit-content ;
    border-radius: 10px;
    box-shadow: 10px 10px 18px #888888;
    text-align: center;
}

.containerResult {
  height: 300px;
  position: relative;
  border: 3px solid green;

  }

  .vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
  }


.cardicon{
  font-size: 50px !important;
  padding: 10px;
}


.cardbg1{
   background-color: #FFC233;
}

.cardbg2{
    background-color: #4BC0C0;
 }


 .cardbg3{
    background-color: #FF3D67;
 }

 .blue{
 background-color: #ff9040 !important;
}

.cardFont{
    font-size: 20px;
}


#passwordDiv > .input-group-append, .input-group-prepend{
  display: flex !important;
}

/* flag image size */
.adjustImage{
 height: 25px;
 width: 30px;
}

.selectImg{
    max-width: 30px;
    border-radius: 10px;
}
