/*this is new for the multi-purpose booking*/

.multiTarrDepDate {
    background-image: url(../images/cal.png) !important;
    background-size: 30px !important;
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-size: 25px !important;
}
.containerMulti{

        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        width: auto;
      }


@media (min-width: 992px){
.containerMulti {
    width: 800px;
    padding: 20px 10px 20px 20px !important;


}


}

/*new css for the form  booking */


@media (min-width: 992px){
.container {
    width: 800px;
    padding: 20px 10px 20px 110px !important;


}


}

/*****menubar **08-10-2020--***/
.topnav {
  overflow: hidden;
  background-color: #333;
    background-color: #f3f3f3;


}

.topnav a {
  float: left;
  display: block;
  color: #666;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #FC6921;
  color: black;
   border-radius: 5px;
   text-decoration: none;
   opacity: 0.7;

 /* background-color: #FC6921;
  color: black;
  border-radius: 5px;
  text-decoration: none;*/
}

/*.topnav a.active {
  background-color: #4CAF50;
  color: white;
}*/

.topnav .ActMenu{
  background-color: #FC6921;
   color: black;
   border-radius: 5px;
  text-decoration: none;
}


.topnav .icon {
  display: none;
  float:left;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

/******menu-bar****/

  .has-success .form-control {
    border-color: #ccc !important ;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important ;;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important ;
}
.tooltip-inner {
    max-width: 260px;
    
}
.navbar-header{

  height: 15px;
}

  .tranClassNone
  {

      display: none;

  }
    .tranClass
    {

      display: block;

  }

  /* index page css */

  .marginDivAddTxt
  {
     margin-left: 0%;

  }

  #mainAddDiv > .col-md-2,.col-xs-6{

    padding-left: 2px !important;
    padding-right: 2px !important;
  }
/******************/

  .form-main-container {
  border-style : solid; 
  margin-top   : 20px; 
  border-radius : 8px !important;
  border-width : 1px; 
  border-color : #cfcfcf; 
  padding      : 20px 10px 20px 10px;
  background-color: #F1F8EC;
  opacity: 0.9;
}
.font-normal {
  font-weight: normal;
}
.btn-color {
  background-color: #f8ac59;
  width:9em;
  
   font-size: 1.2em;
}

.btn-color:hover {
  /*color:#FFFFFF;*/
}
.special-box {
  border        : 1px solid !important; 
  border-radius : 4px !important;
  /*border-color  : #3f3f3f3f; */
  border-color  : #ccc !important;
  background-color: #fff !important; 
  width         : 120px !important; 
  padding-left  : 10px !important; 
  padding-bottom: 10px !important;
}


    .manageMsg{

  margin-left:27%;
}


/* Small width devices:767px, Medium width devices:970px) { */
@media screen and (max-width:767px) {
  .form-main-container {
    margin-left : 20px !important;
    margin-right: 20px !important;
    margin-top  : 20px !important;
  }
  .cls220px{


     width:13.2rem !important;
     font-size: 11px;
  }

   .container{padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: auto;
      }


         .containerMulti{padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: auto;
      }

.manageMsg{

  margin-left:3.5% !important;
  
}

.btn-color {
  background-color: #f8ac59;
  width:9em;
  
   font-size: .8em;
}


}


/*@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1600px){.container{max-width:1140px}}
.container-fluid{width:auto;padding-right:auto;padding-left:auto;margin-right:auto;margin-left:auto}*/



/*@media screen and ((width:768px ) or (width:800px) or (width:740px)) {
  .form-main-container {
    margin-left : 20px;
    margin-right: 20px;
    margin-top  : 20px;
  }

  .col-md-2{

    width: 20%;


  }
}*/
/*   index page imp css  */
 .borderdwn
  {
    border-bottom: 0.5px solid black;
    

  }
  .marginDwnIndex{

      margin-top:2px;
  }
  .imageOkDel
  {  border: none;
    text-align: center;
    cursor:pointer;
  }
  .chnageClasBg{

        background-color:#f1f8ec !important;
       /* border: 1px black solid !important;*/

  }

  #arrDepDate {
  background-image: url('../images/cal.png') !important;
  background-size: 30px !important;
  background-repeat: no-repeat;
  background-position-x: 97%;
  background-size: 25px !important;;
}

  #TarrDepDate {
  background-image: url('../images/cal.png') !important;
  background-size: 30px !important;
  background-repeat: no-repeat;
  background-position-x: 97%;
  background-size: 25px !important;;
}



.myClassName {

  /*padding-left: 100px !important;*/

  padding-left:2px;
}

.disableBg{

  background-color: #EEEEEE !important;

}
.newSpecialBg{


 background-color: #fff !important;

}