/* css color var */

:root {
    --blu1: #012f6d;
    --gld: #c69968;
    --whi: #ffff;
    --lgp: #ecc3b2;
    --blk: #000000;
    --blucs: cadetblue;
    --tr: #F5800F;
    --blu: rgb(0, 48, 87);
}


/* HEADER STYLE START */


/* HEADER NAVBAR LOGO */
.header_main_div{
    position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.header3_main {
    padding: 0px !important;
    background: var(--blu);
}


/* toggle button */

.toggle_div {
    background-color: var(--blk);
    display: contents;
}

.toggle_btn {
    background: transparent;
    border: 1px solid var(--blu);
    padding: 2px !important;
    border-radius: 5px;
}

.toggle_btn:hover{
    border: 2px solid var(--blk);
}

.togglerIcon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.hidden_div_tog {
    background: var(--blu);
}

.button_div_logout {
margin-left: 19px;
 margin-bottom: 5px;
 margin-top: 5px;
}

#toggleSpan{
    display: none;
}
.togglehiddenBtn{
    display: none;
}


/* toggle button style end */

.company_name {
    color: var(--blu);
    font-family: 'Times New Roman', Times, serif;
    font-size: 16px;
    font-weight: 1000;
}

.logo_desc_h4 {
    padding-left:18px;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 2px 2px 2px var(--tr);
    margin-top: -8px;
}

.logoa {
    color: rgb(0, 48, 87)!important;
   
    text-decoration: none;
    list-style: none;
    text-shadow: 10px;
    font-weight: bolder;
    font-size: xx-large;
   
}

.username_style {
    
    font-size: 12px;
    color: #000000;
    font-weight:bold;
}

li.user_welcome {
    margin-top: 10px !important;
    font-size: 18px;
}

.logoa:hover {
    text-decoration: none;
}

.companyn_div {
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 1px 2px;
    font-size: 12px;
    margin-top: -10px;
}

.button_div {
    /* margin-top: 15px; */
    direction: rtl;
}

.src {
    border-radius: 1rem !important;
}

.form_div {
    margin: auto;
}



/* user button style*/
.userBtnlog{
    font-weight: 400;

}


.userBtnlog:hover {
    border-bottom: 2px hsl(0, 0%, 100%);
    background-color: transparent !important;
    color: var(--blk) !important;
    box-shadow: inset 200px 0 0 0#EAE4DF;
    font-weight:bold;
    transition: 0.5s;
}


/* BUTTONSTYLE START*/

.log {
    background-color: rgb(0, 48, 87) !important;
    color: #ffff!important;
    font-size: larger !important;
   
}

.log:hover {
    border-bottom: 2px hsl(0, 0%, 100%);
    background-color: transparent !important;
    color: var(--blk) !important;
    box-shadow: inset 100px 0 0 0#EAE4DF;
    font-size: larger;
    font-weight: 400;
    margin-top: 10px;
    transition: 0.5s;
}

.reg {
    color: rgb(0, 48, 87) !important;
    background-color: transparent;
    border: 1px solid rgb(0, 48, 87) !important;
    margin-inline: 5px;
    margin-top: 5px;
}

.reg:hover {
    border-bottom: 2px solid rgb(0, 48, 87) !important;
    color: #ffff !important;
    background-color: rgb(0, 48, 87);
    transition: 0.5s;
}


/* BUTTON STYLE END */


/* BUTTOM NAVBAR */

.navc {
    /* background-color:rgb(0,48,87) !important; */
    color: #ffff;
}

@media (min-width: 992px) {
    .navc {
        background-color: var(--blu) !important;
    }
}


/* BUTTOM NAVBAR LISTS */

.ulc {
    color: #ffff;
    margin-left: 22px;
    font-size: 12px;
    background: var(--blu);
    font-weight: bold;
}

.ulca{
    color:var(--whi);
}


/* BUTTOM NAVBAR HOVER */


.ulca:hover {
    border-bottom: 0.10px solid rgb(134, 109, 75) !important;
    color: rgb(134, 109, 75) !important;
    transition: 0.5s !important;
}


/* HEADER CSS END */


/* FOOTER STYLE START */


/* NAV CONTAINER */

#search_div_p {
    color: var(--blu);
    font-size: larger;
    font-weight: bold;
}

#search_div {
    padding-top: 3px;
}

.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}


/*  TITLE STYLE */

#footer_desc,
h5 {
    padding-top: 65px;
    color: var(--whi);
}

.footer_h5 {
    margin-top: 10px !important;
}

#footer_desc,
ul li a {
    color: var(--whi);
    text-decoration: none !important;
}


/* BUTTON STYLE */

.footer_logbtn{
    margin-inline: 10px;
}





.alog_button {
    background: var(--blu) !important;
    color: var(--whi) !important;
    margin: 5px;
}

.areg_button {
    background: var(--blu)!important;
    color: var(--whi) !important;
    margin: 5px;
}


/*  main comtainer footer*/

#footermain{
    margin-top: 100px !important;
}

.main_top_container {
    background: var(--gld);
    position: relative;
}

.top_container {
    position: absolute;
    border: #012f6d;
    background: #c6ccd3;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    padding-left: 0px !important;
    max-width: 95%;
}

#conainer_list {
    background: var(--blu);
    margin-top: 80px;
}


/* FOOTER END */


/* NAV CONTAINER */

#top_footer_p {
    color: var(--blu);
    font-size: larger;
    font-weight: bold;
    margin-left: 40px;
}

#search_div {
    padding-top: 3px;
}

.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}


/*  TITLE STYLE */

#footer_desc,
h5 {
    padding-top: 25px;
    color: var(--whi);
}

.footer_h5 {
    margin-top: 10px !important;
}

#footer_desc,
ul li a {
    color: var(--whi);
    text-decoration: none !important;
}


/* BUTTON STYLE */

.alog_button {
    background: var(--blu) !important;
    color: var(--whi) !important;
    margin: 5px;
}

.areg_button {
    background: var(--blu)!important;
    color: var(--whi) !important;
    margin: 5px;
}


/*  main comtainer footer*/

.main_top_container {
    background: var(--gld);
    position: relative;
}

.top_container {
    position: absolute;
    border: #012f6d;
    background: #c6ccd3;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    padding-left: 0px !important;
    max-width: 95%;
}

#conainer_list {
    background: var(--blu);
    margin-top: 80px;
}


/* FOOTER END */

.col_home_desc {
    /* border-style: groove;
    border:2px solid var(--blucs); */
}


/* HOME STYLE START INdex*/

.overview_container_h{
    margin-top: 30px;
}

.h4_index_header{
    text-align: center;
    margin-top: 10px;
}

.h3_welcome {
    /* font-weight: 900; */
    font-style: oblique;
    font-size: larger;
    color: var(--tr);
    font-size: 30px;
    text-shadow: 2px 2px 2px black;
    text-align: inherit;
    /* margin-top: 30px; */
    margin-bottom: 40px;
    margin-top: 50px;
    
}

.h4_welcome_h {
    font-weight: 700;
    font-style: oblique;
    font-size: large;
    margin-top: 30px;
}

.h4_welcome {
    font-weight: 700;
    font-style: oblique;
    font-size: large;
    margin-block: 0px;
}

.home_main_c {
    margin-top: 10px;
}

.client_home_p {
    font-size: 16px;
    font-weight: bold;
    color: var(--tr);
    text-shadow: 1px 1px darkslategrey;
}

.client_lists_imgdiv {
    margin-top:100px;
}

.fare_sum {
    border: 7px solid var(--blucs);
    border-radius: 5px;
    margin-top: 50px;
}

.booking_holiday {
    margin-bottom: 20px;
}

.login_home {
    margin-bottom: 30px;
}


/* BUTTONSTYLE START*/
.index_btn_cont{
    display: flex;
}


.indexbtn_div { 
 margin-top: 10px;
margin-bottom: 20px;
justify-content: center;
 display: flex;

}

.indexlog {
    background-color: rgb(0, 48, 87) !important;
    color: #ffff!important;
    padding-inline: 20px;
    margin-top: 5px;
   
}

.indexlog:hover {
    border-bottom: 2px hsl(0, 0%, 100%);
    background-color: transparent !important;
    color: rgb(0, 48, 87) !important;
    border: 1px solid rgb(0, 48, 87) !important;
    transition: 0.5s;
}

.indexreg {
    color: rgb(0, 48, 87) !important;
    background-color: transparent;
    border: 1px solid rgb(0, 48, 87) !important;
    margin-inline: 5px;
    margin-top: 5px;
    /* margin-left: 50px; */
}

.indexreg:hover {
    border-bottom: 2px solid rgb(0, 48, 87) !important;
    color: #ffff !important;
    background-color: rgb(0, 48, 87);
    transition: 0.5s;
}


/* BUTTON STYLE END */


/* HOME STYLE END */


/* FLIGHT SECTION STYLE */

@media (min-width: 992px){
    .checkBoxdiv{
        text-align: center;
    }
}
.checkBoxdiv{
    text-align: end;
}

input#dep_flights{
    position:relative;
    overflow:hidden;
  }
  input#dep_flights::-webkit-calendar-picker-indicator{
    display:block;
    top:0;
    left:0;
    background: #0000;
    position:absolute;
    transform: scale(12)
  }

  input#ret_flights{
    position:relative;
    overflow:hidden;
  }
  input#ret_flights::-webkit-calendar-picker-indicator{
    display:block;
    top:0;
    left:0;
    background: #0000;
    position:absolute;
    transform: scale(12)
  }

.top_main_flights {
    margin-top: 30px;
}

.flights_search {
    background-color: transparent;
    flex-wrap: wrap;
    position: relative;
    margin-top: 10px;
    align-content: center;
}

.adults_childs{
    display: none;
    margin-left: 10px;
}

.adult_ch {
    font-weight: bold;
    align-items: center;
    font-size: 14px;
    margin-bottom: 4px; 
    
}
#class_type{
    margin-left: 10px;
}

.traveller_add{
    margin-right: 10px;

}
.adult_chc {
    font-size:14px !important;
    font-weight:bold !important;
    margin-bottom: 4px;   
}

.radio_flight {
    border: 2px solid var(--blucs);
}

.radio_name_f {
    font-weight: bold;
}

.input_search_f {
    border: 2px solid var(--blucs);
}

.class_type_flights {
    color: var(--blk);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.dropdown_btn:hover {
    cursor: pointer;
}

.from_search {
    margin-top: 5px;
}

.to_search {
    margin-top: 5px;
}

.dep_search {
    margin-top: 5px;
}

.search_row {
    display: flex;
    justify-content: center;
    margin-top: 5px;
}

.traveller_trip {
    /* color:var(--blk); */
    display: flex;
    align-items: center;
}

.retdat_search {
    display: none;
    margin-top: 5px;
}

.button_search {
    margin-top: 5px;
}

.trip_info {
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
    align-items: center;
}

.flight_title_h4 {
    font-size: 18px;
    font-weight: bold;
    text-shadow: 1px 1px 1px;
    text-align: center;
}

.flight_list_desc_h6 {
    text-align: center;
    text-size: 13px;
    font-weight: bold;
}

.main_div_popular {
    margin-top: 50px;
}

.main_div_trend {
    margin: top 50px;
}

.main_div_offers {
    margin-top: 50px;
}


/* FLIGHTS STYLE END */


/* FLIGHTSLANDING STYLE START */

.f_name {
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
    padding: 10px;
}

.fc_list1 {
    display: block;
    margin-top: 20px;
    margin-buttom: 30px;
    border: 0.25px solid var(--blu);
    border-radius: 5px;
}

.fc_list2 {
    display: block;
    border: 0.25px solid var(--blu);
    border-radius: 5px;
    margin-top: 20px;
    margin-buttom: 30px;
}

.fc_list3 {
    display: block;
    border: 0.25px solid var(--blu);
    border-radius: 5px;
    margin-top: 20px;
    margin-buttom: 30px;
}

.fc_list4 {
    display: block;
    border: 0.25px solid var(--blu);
    border-radius: 5px;
    margin-top: 20px;
    margin-buttom: 30px;
}

.fc_list5 {
    display: block;
    border: 0.25px solid var(--blu);
    border-radius: 5px;
    margin-top: 20px;
    margin-buttom: 30px;
}

.fc_list6 {
    display: block;
    border: 0.25px solid var(--blu);
    border-radius: 5px;
    margin-top: 20px;
    margin-buttom: 30px;
}

.fc_list7 {
    display: block;
    border: 0.25px solid var(--blu);
    border-radius: 5px;
    margin-top: 20px;
    margin-buttom: 30px;
}

.nav_fl {
    align-items: center;
    align-content: center;
    border: 0.25px solid var(--blu);
    border-radius: 5px;
}

.fl_type {
    font-size: 14px;
    font-weight: bolder;
    background: aliceblue;
}

.main_container_fpage {
    align-items: center;
    margin-top: 50px;
}

.flight_list_button_p {
    font-size: 13px;
    font-weight: bold;
}

.fl_h6 {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin-top: 15px;
}

.fl_p {
    font-size: 13px;
    text-align: center;
}

.book_btn_flists {
    display: inline-flex;
    margin-block: 10px;
    /* text-align: center; */
    margin-top: 15px;
}

.lists_f {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px;
}


/* FLIGHTS LISTS  END */


/* FLIGHT REVIEW */


/* FLIGHTS REVIEW START */

.freview_main {
    margin-top: 30px;
}

.flight_rev {
    border: 0.25px solid var(--blu);
    border-radius: 10px;
    margin-top: 10px;
}

.cancel_policy_r {
    margin-top: 10px;
}

.date_policy_r {
    margin-top: 10x;
}

.flight_notice {
    border: .25px solid var(--blu);
    border-radius: 10px;
    margin-top: 10px;
}

.fl_details {
    border: 0.25px solid var(--blu);
    border-radius: 10px;
}

.date_policy_f {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cancel_policy_f {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}


/* FLIGHT REVIEW END */


/* PAYMENTPAGE START*/

.payment_page {
    border: 1px solid var(--blk);
    border-radius: 10px;
    /* background: var(--blu); */
    align-content: center;
    margin-top: 15vh;
    /* margin-left: 250px; */
    display: flex;
    flex-wrap: wrap;
}

.li_payment {
    color: var(--blu);
}

.payment_page_tc {
    margin-top: 10px;
}

.cards {
    display: none;
}

.card_d {
    margin: 10px;
}


/* PAYMENT PAGE END */


/* THANKS PAGE START */

.thanks_col1{
    margin-top:50px;
}

#thank_hotels {
    align-items: center;
    margin-top: 5vh;
    margin-bottom: 6vh;
}

.thanks_main {
    display: flex;
    flex-wrap: wrap;
}

#h4_th {
    font-weight: bold;
    font-size: 25px;
    display: ruby;
}

#p_th {
    font-size: large;
    font-size: 15;
    display: inline-block;
    margin-top: 10px;
}

/* thanks page model */
.reservation_model{
    color: var(--blk) !important;
}

.ticketp_h4{
    font-size: 18px;
    font-weight: bold;
}
.ticketp_h6{
    font-size: 14px;
    font-weight: bold;
}
.ticketp_p{
    font-size: 12px;
    font-weight: 600;

}

.model_thankyou_ticket{
    margin-top:100px;
}

 @media print{
    .modal-body{
        display: block;
    }

    .modal-header{
        display: none;
    }
    .modal-footer{
        display: none;
    }
    .noprint {
        display: none;
     }    
 }


/* model css end */

.airdetails_row{
    border: .5px solid var(--blk);
    border-radius: 5px;
    text-align: justify;
    padding:5px

}


.passenger_details_row{
    border: .5px solid var(--blk);
    border-radius: 5px;
    text-align: justify;
    padding: 5px;
    

}

/* THANKS PAGE END */


/* ticket reissue page start */
.reissueHeading{
    margin-top: 50px;
    
}








/* LOGIN PAGE CSS START  */

.login_input_b {
    margin-top: 10px;
}

.login_input_text{
margin-bottom: 10px !important;
}

.loginPage_cont{
    /* border: 2px solid var(--blu1); */
    
}
.loginHeader{
    text-shadow: 2px 1px 2px black;
    text-align:center;
}

.loginBody{
    display: flex;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
    height: 100%;
   
  }

  .login_change{
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;

  }

  .login_reg{
    font-size: 16px;
    font-weight: bold;
    margin-top: -18px;
  }

  :hover.login_ltag{
    /* background: var(--tr); */
    color:var(--blk) ;
    text-decoration: solid;
    box-shadow: inset 100px 0 0 0 var(--tr);
  }

  :hover.login_rtag{
    /* background: var(--tr); */
    color:var(--blk) ;
    text-decoration: solid;
    box-shadow: inset 100px 0 0 0 var(--tr);
  }

  .login_ltag{
    text-decoration: none;
  }

  .login_rtag{
    text-decoration: none;
  }

  .reg_link{
    font-size:16px;
    margin-top: 10px;
    font-weight: bold;
  }

  .reg_linka{
    text-decoration: none;

  }

  :hover.reg_linka{
    color:var(--blk) ;
    text-decoration: solid;
    box-shadow: inset 100px 0 0 0 var(--tr);
  }

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
  }
  
  .form-signin .checkbox {
    font-weight: 400;
  }
  
  .form-signin .form-floating:focus-within {
    z-index: 2;
  }
  
  .form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  
  .form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  




/* REGISTRATION PAGE CSS START   */

.reg_page_b {
    margin-top: 10px;
}


/* VISA SERVICES STYLE */



.visaBody{
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

.labelvisa{
   font-size: 16px !important;
   font-weight: 700 !important; 
}

.div_visa_text{
    margin-top: 10px;
}

.formvisa{
  width: 100%;
  max-width: 630px;
  padding: 15px;
  margin: auto;
}

.visaSubmitBtn{
    margin-top: 10px;
    background: var(--blu) !important;
}

:hover.visaSubmitBtn{
    background:#c6ccd3 !important;
    color: var(--blk);



}


.form-signin .form-floating:focus-within {
  z-index: 2;
}

/* visa service end */

.container.mainVisa {
    max-width: 700px;
    min-width: 324px;
    margin: 50px auto 0px;
    border-style: ridge;
    margin-top: 100px;
}

.row.Visarow {
    width: 100%;
    padding: 0 2.5em;
    &.header {
        padding: 1.5em 2.5em;
        background-color: var(--blu);
        color: var(--whi);
        text-align: center;
        font-weight: bolder;
    }
    .zoom.newForm {
        transition: transform .2s;
        margin: 0 auto;
    }
    .zoom.newForm:hover {
        transform: scale(1.2);
    }
}




  




/* VISA STYLE END */


/* ADMIN DASHBOARD STYLE */


/* ADMIN INDEXPAGE START */

.admin_title {
    text-align: center;
    text-shadow: 1px 1px 2px var(--blk);
    font-style: italic;
    font-weight: bold;
    color: var(--blu);
}

.admin_sr_input {
    border: 2px solid var(--blucs);
}

.search_btn_admin {
    margin-left: 5px;
}


/* NAVBARLEFT  START*/

.admin_name {
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 1px;
}
.booking_div{
  text-align: center;  
}

.tickets_div{
    display: none;
    text-align: center;
}

.user_div{
    /* display: none; */
}
.report_div{
    display: none;
}

.visa_div
{
  
text-align: center; 
}
.all_bookingt{
    display: flex;
    justify-content: center;
}

.head_title_h4 {
    font-size: 16px;
    font-weight: bold;
    text-shadow: 1px 1px 1px var(--tr);
}

.desc_p {
    font-size: 14px;
    font-weight: 200;
}

.left_nav {
    color: var(--blk);
    font-size: 18px;
    text-shadow: 1px 1px 1px var(--blu);
    font-weight: bold;
}

.booking_his_dash {
    background: var(--blu);
}

.welcome_msg {
    margin-top:50px;
}

.userlist_div {
    /* display: block; */   
}

/* reportsection */
.report_modelc{
    display:flex;
    text-align: center;
}

/* report model container */
.report_modeluser {
    text-align: center;
  display: flex;
}


.reportDate{
    font-size: 14px;
    font-weight: bold;
    margin:10px;
    
}
 /* generate report start gide button */
#reportPrint{
    display: none;
}

#reportPrintuser{
    display: none;
}

.head_welcome_h4{
    font-size: 28px;
  font-weight: bolder;
  color:var(--tr);
  text-shadow: 2px 2px 2px black;
}

.admin_dash_h1 {
    margin: 20px;
    font-weight: bolder;
    text-shadow: 2px 2px 2px;
}
.admin_dash_h2 {
    margin: 20px;
    font-weight: bolder;
    text-shadow: 2px 2px 2px;
}
.admin_dash_h3 {
    margin: 20px;
    font-weight: bolder;
    text-shadow: 2px 2px 2px;
}
.admin_dash_h4 {
    margin: 20px;
    font-weight: bolder;
    text-shadow: 2px 2px 2px;
}
.head_welcome_h4{

}

/* report nav list style */

:hover.report_list_nav
{
 color: var(--blu1) !important;
 /* background: var(--blk); */
text-shadow: 2px 2px 2px var(--whi);
text-decoration: underline;
 }


/* nav bar left end */


/* admin end */