@charset "utf-8";
/* CSS Document */

/*------------b2b-portal-design start---------*/
.p-0{
    padding: 0;
}
.tab-panel-color{
	background: #f7f7ff;
}
.panel-border-color{
	border-color:#f7f7ff; 
}

ul{list-style: none;}
.b2b-register{
	display: flex;
	justify-content: space-between;
	    padding: 90px 15px 0;
	    align-items: center;
}
.b2b-register h4{
	font-size: 28px;
	font-weight: 600;
	color: #21409a;
}
.b2b-register p{
	font-size: 18px;
	font-weight: 400;
}
.b2b-register p span{
	font-size: 16px;
	font-weight: 600;
}
.b2b-form{
	background: #f7f7ff;
	border: 1px solid #d8d7dc;
	border-radius: 10px;
	padding: 20px 0;
	margin: 10px 0;
	display: inline-block;
	width: 100%;
}
.b2b-form .form-group {
    margin-bottom: 10px;
}
.b2b-form .form-group input{height: 30px;}
.b2b-form h4{
	text-align: center;
	font-size: 25px;
	color: #0095da;
	padding: 10px 0;
    margin: 0;
}
.b2b-form label{
	font-size: 16px;
	font-weight: 400;
	text-align: right;
    white-space: nowrap;
}
.b2b-form label span{
	font-weight: 600;
}

.gin-chkbox[type="checkbox"]:focus{
    outline: none;
}
.gin-chkbox[type="checkbox"] {

    background-color: white;
    border-radius: 4px;
    vertical-align: middle;
       border: 1px solid #ccc;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    width: 30px;
    height: 30px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        margin: 0;
}
.gin-chkbox[type="checkbox"]:checked {
    background-color: #0095DA;
	border: 1px solid #0095da;
	color: #FFFFFF;
    width: 30px;
    height: 30px;
	
}

.gin-chkbox[type="checkbox"]:checked:after {

    content: "✓";
    position: relative;
    color: #FFFFFF;
    padding: 0;
    left: 2px;
    /* border: 0; */
    font-size: 24px;
    bottom: 4px;
    width: 30px;
    height: 30px;
}

.b2b-form-captcha{
	background: #0094da;
	border: 1px solid #d8d7dc;
	border-radius: 10px;
	padding: 10px 0px;
	margin: 5px 0;
	display: inline-block;
	width: 100%;
}
.b2b-form-captcha img{height:75px;
	width: 100%;
	    margin: 5px 0;
}
.b2b-form-captcha input{ margin: 5px 0;}
.b2b-form-captcha .form-group{margin-bottom: 0;}
.b2b-form-captcha .submitb2b-btn{
	width: 100%;
    color: #0094da;
    background: #FFFFFF;
    border: 1px solid #cccccc;
    border-radius: 3px;
    height: 32px;
    margin: 5px 0 0 0;
    font-size: 15px;
}

.registerb2b-btn{  width: 100%;
    background: #21409a;
    border-radius: 25px;
       padding: 3px 0;
    font-size: 24px;
    color: #fff;
    border: 1px solid #21409a;
	    margin: 15px 0 120px 0;
    line-height: normal;
}
.b2b-portal-two{
	background: #f7f7ff;
	width: 100%;
	height: 100%;
	margin-top: 70px;
}
.b2b-portal-two .panel-body{
	padding: 0;
}

.b2b-portal-two  .panel-default {
    margin-top: 30px;
    background: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
.b2b-form-two{
    background: #FFFFFF;
    border: 1px solid #d8d7dc;
    border-radius: 10px;
    padding: 10px 10px;
    margin: 5px 0;
    display: inline-block;
    width: 100%;


}
.b2b-form-two label {
       font-size: 14px;
    font-weight: 600;

    white-space: nowrap;
    color: #21409a;
}
.b2b-form-two label span {
    font-weight: 600;
}
.b2b-form-two .form-group input {
    height: 28px;
	padding: 1px 5px;
	font-size: 12px;
}
.b2b-form-two .form-group select {
    height: 28px;
	margin-bottom: 0;
	    appearance: none;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 12px;
}
.b2b-portal-two .panel-default{
margin-top: 0;
	    margin-bottom: 0;
	
}
.b2b-portal-two .panel-default>.panel-heading {
    color: #333;
    background-color: #f7f7ff;
    border-color: #f7f7ff;
    position: relative;
	padding: 0;
	
}
.b2b-portal-two .btn-design{
	    position: absolute;
    margin: 0;
    top: -25px;
	border: none;
	    z-index: 1;
	
}
.b2b-portal-two .btn-design li {
	margin: 0 5px;
}

.nav-tabs>li.active>.btns-b, .nav-tabs>li.active>.btns-b:hover, .nav-tabs>li.active>.btns-b:focus {
    color: #FFFFFF;
    background-color: #21409a;
    border-bottom-color: transparent;
    

}


.btn-design li .btns-b{
    color: #21409a;
    background-color: #f7f7ff;
    border-bottom-color: transparent;
    cursor: pointer;
     font-size: 18px; 
        padding: 8px 35px;
    border-radius: 10px;
    width: 183px;
	    text-align: center;
	    font-weight: 500;

}
.btn-design .active .btns-b {
    color: #FFFFFF;
    background-color: blue;

}

.space-mt-{
	margin-top: 50px;
}




.check-box-b2b-heading{
	    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d9d9d9;
	padding: 0 0 6px 0;

}
.check-box-b2b-heading p{
	    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    color: #21409a;
	margin-bottom: 0;

}

.all-tick{  display: flex;
    align-items: center;}
.all-tick span{
	 font-size: 16px;
    font-weight: 600;
	color: #0095da;
	margin-right: 5px;
}
.all-tick input{
	    height: 17px;
    width: 17px;

margin-top: 0;}
.town-parent{
	padding-left: 15px;
	
	
}
.town-parent-b2c{
	display: none
}

/*
.town li{
	    display: flex;
    align-items: center;
}
*/
.b2c-form-end-div{
	display: inline-block;
	    width: 100%;
}
.town li span{
	font-size: 13px;
	padding-left: 5px;
	font-weight: 500;
	color: #2a2828;
}
.town-parent li span{
	font-size: 12px;
	padding-left: 5px;
}

.all-tick input[type="checkbox"] {

    background-color: white;
    border-radius: 4px;
    vertical-align: middle;
    border: 1px solid #d8d7dc;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;

}
.all-tick input[type="checkbox"]:checked {
    background-color: #0095DA;
	border: 1px solid #0095da;
	color: #FFFFFF;
	
}

.all-tick input[type="checkbox"]:checked:after {
    content: "✓";
    position: relative;
    color: #FFFFFF;
    margin: 0 0 12px 0;
    padding: 0;
    left: 1px;
    /* border: 0; */
    font-size: 17px;
    bottom: 4px;
}

/*=====city-check-box====*/

.town li input[type="checkbox"] {

    background-color: white;
    border-radius: 3px;
    vertical-align: middle;
    border: 1px solid #d8d7dc;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
margin:5px 0;
	height: 14px;
width: 14px;
}
.town li input[type="checkbox"]:checked {
    background-color: #0095DA;
	border: 1px solid #0095da;
	color: #FFFFFF;
	
}

.town li input[type="checkbox"]:checked:after {
    content: "✓";
    position: relative;
    color: #FFFFFF;
    margin: 0 0 12px 0;
    padding: 0;
    left: 1px;
    /* border: 0; */
    font-size: 14px;
    bottom: 4px;
}

.town li input{    
    margin: 5px 0;
    height: 15px;
    width: 15px;}
.town {
    max-height: 122px; 
    overflow-y: auto; 
    margin: 5px 0 0 0;
    min-height: 122px;
    padding: 0px 0 0 0;

}


.town::-webkit-scrollbar{
    width: 6px; 
}

.town::-webkit-scrollbar-track {
    background: #FFFFFF; 
    border-radius: 15px; 
	border: 1px solid #f1f1f1;
}


.town::-webkit-scrollbar-thumb {
    background: #d5d5d5;
    border-radius: 15px;
}


.town::-webkit-scrollbar-button {
    display: none; 
}


.town::-webkit-scrollbar-thumb:hover {
    background: #007bb5; 
}
.town .icon-chk i{    color: #f69e1d; margin-left:7px; font-size:12px;}
.town .icon-chk span sup{    position: relative;
    font-size: 94%;
    line-height: 0;
    vertical-align: middle;
 }
 .b2b-form-end-div .check-boxes .town{

    min-height: auto;
    overflow: hidden;
}
.search-b2b-btn {
    background: #21409a;
    border-radius: 25px;
    padding: 5px 35px 6px 36px;
    font-size: 18px;
    color: #fff;
    border: 1px solid #21409a;
    margin: 36px 0 0px 0;
    line-height: normal;
    float: right;
    height: 100%;
	line-height: normal;}
.search-b2b-btn:hover {
    background: #21409a;
    border-radius: 25px;

    color: #fff;
    border: 1px solid #21409a;

    line-height: normal;
    float: right;
    height: 100%;
    line-height: normal;
}
.explantion-list{

        padding: 5px 0;
}
.explantion-list li{
	font-size: 14px;
    display: flex;
    column-gap: 10px;
    padding: 5px 0;
}
.explantion-list li i{
	font-size: 22px;
	padding-left: 1px;
    
}
.explantion-list li p{
    margin: 0;
}

.explantion-list li p:nth-child(2) span{color: #2b2b2b; font-size: 14px; position: relative; padding-right:8px;}
.explantion-list li p:nth-child(2) span::before {
    content: '/'; 
    position: absolute; 
    left: -7px;
}

.explantion-list li p:nth-child(2) span:first-child::before {
    content: ''; /* This will ensure the first span does not show the slash */
}
.explanation-right {padding: 0}
.explanation-right li{    font-size: 14px;
    color: #2b2b2b;
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 5px 0;
    line-height: 15px;}
.explanation-right p{font-size: 16px; color: #2b2b2b;     font-weight: 500;}
.avl-clor{color: #0ea36c;}

.not-avl-clor{color:#d40201;}
.few-avl-clo{color:#fac40c;}
.request-avl-clor{color:#a1a1a1;}

.htl-span {
    height: 18px;
    width: 4px;
    border-radius: 25px;
    display: inline-block;
	margin: 0 5px 0 0;
}
.htl-vertical-span{
	    height: 4px;
    width: 35px;
    border-radius: 25px;
    display: inline-block;
}

.avl-bgclor{background-color: #0ea36c;}

.not-avl-bgclor{background-color:#d40201;}
.few-avl-bgclor{background-color:#fac40c;}
.request-avl-bgclor{background-color:#a1a1a1;}

.explanation-button{
	font-size: 18px;
    color: #0c9adb !important;
    text-decoration: none;
    padding: 10px 0 0 0;
    display: inline-block;
}
.explantion-section{
	    padding: 15px 0 15px 0;
}
.explantion-section .explanation-button{
        padding: 0px  0;
}
.explantion-row{
	    padding: 10px 0;
}



/*---------------------------------------------tables css ---------------------------------------*/
    .table-responsive {
  border: none;
}

.table-responsive .thead {
  background-color: #21409a;
  padding: 5px 10px;
  border-bottom: none;
}

.custom-color-table .tbody .tr {
  padding: 5px 10px;
  align-items: center;
}

.b2bdata-tables .th,
.b2bdata-tables .td {
  display: flex;
  padding: 5px;
  vertical-align: middle;
  align-items: center;
  text-align: center;
}

.custom-color-table .thead .tr .th {
  color: white;
  font-size: 15px;
  font-weight: 600;
}

.custom-color-table {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
}

.custom-color-table .thead,
.custom-color-table .tbody {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.custom-color-table .tbody .tr .td {
  align-items: center;
}

.custom-color-table .tbody .tr .td:nth-child(1) {
  display: block;
}

.custom-color-table .thead .tr .th:nth-child(1),
.custom-color-table .tbody .tr .td:nth-child(1) {
  width: 10%;
}

.custom-color-table .thead .tr .th:nth-child(2),
.custom-color-table .tbody .tr .td:nth-child(2) {
  width: 15%;
}

.custom-color-table .thead .tr .th:nth-child(3),
.custom-color-table .tbody .tr .td:nth-child(3) {
  width: 5%;
  justify-content: center;
}

.custom-color-table .thead .tr .th:nth-child(4),
.custom-color-table .tbody .tr .td:nth-child(4) {
  width: 20%;
}

.custom-color-table .thead .tr .th:nth-child(5),
.custom-color-table .tbody .tr .td:nth-child(5) {
  width: 7%;
  justify-content: center;
}

.custom-color-table .thead .tr .th:nth-child(6),
.custom-color-table .tbody .tr .td:nth-child(6) {
  width: 5%;
  justify-content: center;
}

.custom-color-table .thead .tr .th:nth-child(7),
.custom-color-table .tbody .tr .td:nth-child(7) {
  width: 13%;
}

.custom-color-table .thead .tr .th:nth-child(8),
.custom-color-table .tbody .tr .td:nth-child(8) {
  width: 10%;
}

.custom-color-table .thead .tr .th:nth-child(9),
.custom-color-table .tbody .tr .td:nth-child(9) {
  width: 8%;
}

.custom-color-table .thead .tr .th:nth-child(10),
.custom-color-table .tbody .tr .td:nth-child(10) {
  width: 7%;
}

.custom-color-table .tr {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.custom-color-table .td {
  align-content: center;
  vertical-align: middle;
  text-align: center;
}

.custom-color-table .tr p {
  font-size: 12px;
  margin-bottom: 0;
  text-align: left;
}

.custom-color-table .tr p img {
  margin: 0 2px;
}

.avl-line {
  height: 24px;
  width: 4px;
  border-radius: 25px;
  display: inline-block;
  margin: 0 1px 0 0;
  background-color: #a1a1a1;
}

.custom-color-table .tbody .tr:nth-child(even) {
  background: #f7f7ff;
}

.d-flex-ctm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  flex-wrap: wrap;
}

.d-flex-ctm span i {
  font-size: 14px;
}

.ctm-btnb2b {
  border: 1px solid #a1a1a1;
  border-radius: 5px;
  padding: 4px;
  background: #fff;
  color: #2196f3;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

@media (min-width: 991px) and (max-width: 1200px) {
  .custom-color-table .td,
  .custom-color-table .thead .tr .th {
    flex: 1;
    align-content: center;
    vertical-align: middle;
    text-align: center;
  }

  .custom-color-table .tbody .tr .td {
    justify-content: center;
    align-items: center;
    padding: 0px 0 0 6px;
  }

  .custom-color-table .tbody .tr .td:nth-child(1) {
    flex-direction: column;
  }

  .custom-color-table .thead .tr .th {
    color: white;
    font-size: 12px !important;
    font-weight: 600;
    white-space: nowrap;
  }
}

@media (max-width: 991px) {
  .custom-color-table .thead {
    display: none;
  }

  .custom-color-table .tbody .tr .td {
    width: 100% !important;
  }

  .custom-color-table .tr {
    flex-direction: column;

    margin-bottom: 15px;
  }

  .custom-color-table .td {
    display: block;
    text-align: left;
    padding: 10px 5px;
  }

  .custom-color-table .td::before {
    content: attr(data-heading);
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    font-size: 15px;
    color: #21409a;
  }

  .custom-color-table .tbody .tr {
    padding: 0;
    align-items: center;
  }

  .custom-color-table .tbody .tr .td {
    padding: 7px 15px;
  }

  .custom-color-table .tbody .tr .td:nth-child(odd) {
    background: #f7f7ff;
  }

  .custom-color-table .tbody .tr:nth-child(even) {
    background: none;
  }

  .custom-color-table .tr p {
    font-size: 13px;
    margin-bottom: 0;
    text-align: left;
  }

  .d-flex-ctm {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
}


/*----------------------------------------------------------------table css end----------------------------------------*/

.form-icon{
    position: relative;
    right: 4%;
}
.form-icon img {
    position: absolute;
    right: 0;
    top: 0%;
    margin: 0;
    height: 20px;
}
.b2b-form-icon img {
         position: absolute;
    right: 14px;
     top: 21%;
    margin: 0;
    height: 16px;
	pointer-events: none;}

.b2b-drop {
    top: -4px;
    position: absolute;
    margin: 0;
    right: 0;
	cursor: pointer;
}
.package-content-table{
    padding: 0;
    border: 1px solid #b7b7b7;
    border-radius: 17px;
    overflow: hidden;

}
.package-content-table .content-list-item {
    padding: 5px 15px;
    display: flex;
    flex-direction: row;
    column-gap: 10%;
    align-items: center;
    height: 100%;
}
.package-content-table .content-list-item p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}
.package-content-b2b {
    padding: 18px 25px 33px 25px;
}
.package-content-table .bg-clr-second{
	    background-color: #f7f7ff;
}
.bg-clr-blue{
	 background-color: #0094da;
}
.border-bottom-b2b{
	  border-bottom:1px solid #b7b7b7;
}
.b2b-modal .modal-header {
    border-bottom: none;
    padding: 33px 33px 0px 32px;
}
.b2b-modal .modal-header h3{
	    font-size: 18px;
    font-weight: 600;
    color: #0094da;
}

.dashed-border{display: inline-block;
    border-bottom: 1px solid #b7b7b7;
    border-bottom-style: dashed;
    width: 100%;
    border-width: 2px;
        margin: 30px 0 18px 0;
}

.service-heading{
    font-size: 18px;
    font-weight: 600;
    color: #0094da;
	margin-bottom: 25px;
}
.package-content-table .bg-clr-blue p{font-size:16px;     color: #FFFFFF;}
.b2b-modal .modal-dialog .modal-content .modal-header .close span{ font-size: 42px;
    /* margin-bottom: 0; */
    position: absolute;
    top: 10px;
    right: 2%;
    color: #727272;
	    z-index: 9;
    padding: 5px;
}
.package-content-table .content-list-item .small-txt{
	font-size: 13px;
}




/*--------------------------------------- Dropdown menu styling--------------- */
.b2b-drp-menu {
    display: none; 
    position: absolute;
    top: 100%;
    right: 10px;
    background-color: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
    z-index: 1000;
    padding: 0;
    list-style: none;
    width: max-content;
    margin: 10px 0 10px;
}
.b2b-drp-menu::before {
     content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFF;
     top: -8px;
    right: 10px;
    
}
.b2b-drp-menu li { 
    padding: 0 0px;
}

.b2b-drp-menu > li > a {
    display: flex;
	gap:10px;
    padding: 6px 15px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
}

.b2b-drp-menu li:last-child a { 
    border-bottom: none;
}

.b2b-drp-menu > li > a:hover {
    color: #21409a;
}

.ctm-dropdown a i { 
    transition: transform 0.3s; 
}

.ctm-dropdown.active .dropdown-toggle-icon i {
    transform: rotate(180deg);
}
@media (max-width: 1024px) {

    .b2b-drp-menu{
      position: relative;
      margin: 0 0 10px;
      width: 100%;
      left: 0px;

    
    }
}



/*--------------------------------------- Dropdown menu styling end--------------- */

.table-responsive::-webkit-scrollbar {
    height: 5px; 
	width: 100%;
}
.table-responsive::-webkit-scrollbar-thumb {
    background: #d5d5d5; 
   
}

.b2b-right-sidebar ul{
    padding: 0px 0 70px 0;
}

.b2b-right-sidebar ul h3 {
	font-size: 27px;
    color: #1988d0;
    font-weight: 600;
    margin: 15px 0;
}
.b2b-right-sidebar ul li a{
		font-size: 22px;
    font-weight: 500;
    margin: 15px 0;
	color: #2b2b2b;
	
}
.b2b-section-padding{
	padding: 70px 0;
}
.explanation-caret img{
	margin-bottom: 0;
}

/*
    .b2bdata-tables th {
            background-color: #007bff;
            color: white;
        }

.custom-color-table{
	margin: 0;
}
.custom-color-table>thead>tr>th, .custom-color-table>tbody>tr>th, .custom-color-table>tfoot>tr>th, .custom-color-table>thead>tr>td, .custom-color-table>tbody>tr>td, .custom-color-table>tfoot>tr>td{
	border: none;
	    align-content: center;
	background: none;
}
.custom-color-table thead tr th{background: #21409a; color: #FFFFFF; font-size: 16px; padding: 10px 16px;}
.custom-color-table tr{padding: 5px 15px;
}
.custom-color-table tr p{font-size: 13px;}
.custom-color-table tr p img{ margin:0 2px; }
.avl-line {
    height: 24px;
    width: 4px;
    border-radius: 25px;
    display: inline-block;
    margin: 0 1px 0 0;
	    background-color: #a1a1a1;
}

.custom-color-table tbody tr:nth-child(even) {
  background: #f7f7ff;
}
.custom-color-table tbody tr td{
	padding: 8px 15px;
}

.custom-color-table tbody tr p {margin-bottom: 0; padding: 0 0 5px 0;}
.custom-color-table tbody tr p .ctm-btnb2b {
    background: #fff;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #bfbfbf;
    padding: 5px 6px;
    display: flex;
    justify-content: space-between;

}
.custom-color-table tbody tr p .ctm-btnb2b i{
font-size: 18px;
}
.b2b-icon-size{
	font-size: 18px;
}
.d-flex-ctm{
	display: flex;
	align-items: center;
	justify-content: space-between
}
.d-flex-ctm span{margin:0 5px; font-size: 18px;}
.heading-statsics{ background-color:#21409a; padding: 5px 0 5px 28px;
	color: #FFFFFF;
	font-size: 15px;
}
.content-statistics{
	padding: 10px 0 10px 28px;
	font-size: 14px;
}

.statistics-col-p-0{
padding: 0	
}
.package-b2b-statsics {

	border-radius: 10px;
	overflow: hidden;
	    border: 1px solid #bfbbbb;
}

.margin-left-right-0{
	margin-left: 0;
	margin-right: -1px;
}
p .ctm-btnb2b {
    background: #fff;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #bfbfbf;
    padding: 5px 6px;
    display: flex;
    justify-content: space-between;
    gap: 15px;
}
p .ctm-btnb2b i {
    font-size: 18px;
}
.content-statistics p{
	margin: 0; padding: 5px 0;
}
.content-statistics p .flight-time{font-weight: 600;}
.content-statistics p img{margin-bottom: 0; padding-right: 5px;}
.content-statistics .flight-class{
 background: #00aa6c;
    color: #ffffff;
    cursor: pointer;
       padding: 10px 24px;
    font-size: 16px;
    margin: 8px 0 0 0;
    display: inline-block;
    border-radius: 4px;
}
.fligh-monitor{
	display: flex;
	margin-left: 15px;
}
.fligh-monitor li{
	padding-right: 15px;
	display: inline-flex;
	margin-right: 10px;
	    font-size: 15px;
}

.fligh-monitor li b{font-size:16px;}
.fligh-monitor li span{ 
    height: 21px;
    width: 21px;
    display: inline-block;
    border-radius: 3px;
	padding-right: 15px;
	    margin: 0px 10px 0 0;
}
.green{
	background: #00aa6c;
}
.yellow{
	background:  #fec400;
}
.red{
	background:  #da0000;
}
.gray{
	background:  #a1a1a1;
}
*/

#myChart {
    margin: 10px 0;
           max-height: 200px;
        }

.statistics-font{
	font-size: 16px;margin-top: 14px !important;
}
.text-left{
	text-align: left !important;
}
.b2c-form-bg{
	    background: #d0dfed;
    height: 100%;
    display: inline-block;
    width: 100%;
    border-radius: 10px;
        padding-top: 10px;
    padding-bottom: 10px;
}
.b2c-pading{
	padding: 20px;
}
.border-bottom-b2c{
	border-bottom: 1px solid #21409a;
}
.border-top-b2c{
	border-top: 1px solid #21409a;
        margin: 5px 0;
}
.b2c-form-end-div .town{
	min-height: auto;
	    overflow: hidden;
}

.townfrom_filter {
    margin: 20px 0;
}

.direction_left {
    font-weight: bold;
}

.chosen-container {
    position: relative;
}

.chosen-single {
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    background-color: #fff;
	    height: 28px;
    position: relative;
    align-content: center;

    line-height: 0;
}

.chosen-drop {
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
	padding: 10px;
}

/*
.chosen-search input {
    margin: 5px;
}
*/

.list-group-item {
    cursor: pointer;
}

.list-group-item:hover {
    background-color: #f5f5f5; /* Light gray on hover */
}
.chosen-results{
	    margin-bottom: 10px;
    padding-left: 0;
    margin-top: 10px;
}
.chosen-results li{
	    padding: 6px 15px;
}
.up-btn{top: 29px;
    /* transform: rotate(180deg); */
/*    position-try-fallbacks: flip-start;*/
    transform: scaleY(-1);
}
.dwn-btn{top: 0px;
    /* transform: rotate(180deg); */

}
.box-b2cfilter{display: inline-flex; align-items: center;}
.box-b2cfilter input{margin: 0 5px;}
.box-b2cfilter input[type="search"]{
	border: 1px solid #21409a;
    border-radius: 5px;
    width: 132px;
    height: 22px;

}
.box-b2cfilter input:focus-visible{
	
border: 1px solid #21409a;
	outline: none;
}
.selected-only span{font-size: 14px;}

.selected-only input{
    height: 17px;
    width: 17px;
    margin-top: 0;
}
.selected-only input[type="checkbox"] {

    background-color: white;
    border-radius: 4px;
    vertical-align: middle;
    border: 1px solid #d8d7dc;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;

}
.selected-only  input[type="checkbox"]:checked {
    background-color: #0095DA;
	border: 1px solid #0095da;
	color: #FFFFFF;
	
}

.selected-only input[type="checkbox"]:checked:after {
    content: "✓";
    position: relative;
    color: #FFFFFF;
    margin: 0 0 12px 0;
    padding: 0;
    left: 2px;
    /* border: 0; */
    font-size: 17px;
    bottom: 3px;
}

.price-selcet:before {
    content: "";
    border-color: #0073bb transparent transparent;
    border-style: solid;
    border-width: 6px;
    width: 0;
    height: 0;
    position: absolute;

    right: 20px;
    top: 16px;
		pointer-events: auto;
}
.price-selcet:after {
    content: "";
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 5px;
    width: 0;
    height: 0;
    position: absolute;
 
    right: 21px;
    top: 15px;
		pointer-events: auto;
}
.children_inputs{
	display: flex;
	justify-content: flex-start;
	width: 100%;
	margin: 10px 0;
}
.children_inputs{
	display: flex;
       justify-content: space-between;

    flex-direction: row;

}
.children_inputs .form-group{
      margin: 0px 25px 0 0px;
	    width: 100%;
}
.children_inputs .form-group .control-label{
	font-size: 12px;
	font-weight: 600;
	text-align: left;
}
.children_inputs .form-group select{
font-size: 12px !important;
}
.pr-0{
	padding-right: 0;
}
.pl-0{
	padding-left: 0;
}



.icon-chk {
    display: flex; /* Use flexbox for alignment */
    align-items: center; /* Align items at the start */

}



.icon-chk span {
    display: block; /* Make span a block element */
    width: calc(100% - 30px); /* Adjust width to fit next to checkbox */

}


.daily-data-modal li{
    padding: 8px 16px;
    width: auto;
	
} 
.daily-data-modal li img{margin-bottom: 0;height: 20px; opacity: .3; cursor: pointer; margin-left: 3px;}

.daily-data-modal li:hover img{margin-bottom: 0;height: 20px; opacity: 1}
.daily-data-modal li a{color: #333; }
.daily-data-modal li strong{
		font-size: 15px;
	    display: flex;
    align-items: center;
	margin-bottom: 5px;
}
.price-data-chart {
    width: 100% !important;
    height: 300px;
}


.side-bar-data-chart{
	max-height: 300px;
}
.scrollbar-custom {
    max-height: 250px; /* Set a max height for the scrollbar to appear */
    overflow-y: auto; /* Enable vertical scrolling */
	margin: 5px 0 0 0;
	    min-height: 180px;
	padding-top: 10px;
	overflow-x: hidden;
}


/* Width of the scrollbar */
.scrollbar-custom::-webkit-scrollbar {
    width: 6px; /* Width of the scrollbar */
}

/* Track of the scrollbar */
.scrollbar-custom::-webkit-scrollbar-track {
    background: #FFFFFF; /* Background color of the track */
    border-radius: 15px; /* Rounded corners for the track */
	border: 1px solid #f1f1f1;
}

/* Handle of the scrollbar */
.scrollbar-custom::-webkit-scrollbar-thumb {
    background: #d5d5d5; /* Color of the scrollbar handle */
    border-radius: 15px; /* Rounded corners for the handle */
}

/* Remove the default arrows */
.scrollbar-custom::-webkit-scrollbar-button {
    display: none; /* Hide the scrollbar buttons */
}

/* Optional: Hover effect for the scrollbar handle */
.scrollbar-custom::-webkit-scrollbar-thumb:hover {
    background: #007bb5; /* Darker color on hover */
}
.data-container strong{font-size: 16px;}
.data-content .data-item div{padding: 5px 0;}
.data-content .data-item div span{font-size: 13px;}


.data-content .data-item:nth-child(odd) {
  background-color: #ebebeb;
	    display: table;
	width: 100%;
	    padding: 4px 5px;
}

.data-content .data-item:nth-child(even) {
  background-color: #f9f9f9;
	width: 100%;
	    display: table;
	    padding: 4px 5px;
}

.data-bg-color{
	    background: #0d9bdf;
    padding: 5px 5px;
    color: #fff;

}
.chart-data-heading{
	text-align: center;
}
.daily-data-modal {
    display: flex;
    margin-top: 20px;
    position: absolute;
    right: 0 !important;
    top: 37px;
}

     #SamoProgress {
            width: 100%;
            background-color: #ddd;
            display: none; /* Initially hidden */
            border-radius: 5px;
            overflow: hidden;
		  position: fixed;
			top: 0;
		 z-index: 999;

        }

        #samotopbarProgress {
            width: 0%;
            height: 3px;
            background-color: #1ea0de;
            transition: width 0.1s; /* Smooth transition */
			
        }
    #svgCircleProgress1 {
            position: relative;
            width: 100px;
            height: 100px;
        }

        #percent {
            font-family: Arial;
            font-size: 14px;
            font-weight: bold;
            position: absolute;
            top: 40px;
            left: 25px;
            width: 50px;
            text-align: center;
        }
.b2b-portal-two .b2c-form-bg  .form-group {
      margin-top: 3px;
	margin-bottom: 3px;
}

.b2b-portal-two.b2b-home-form{margin-top:28px;}
.b2b-home-form .b2c-form-bg  .form-group {
      margin: 3px 0;
}
.b2b-portal-two .b2b-form-two  .form-group {
      margin: 3px 0;
}


.b2b-portal-two.b2b-home-form .b2c-form-bg {
    background: #d0dfed;
    height: 100%;
    display: inline-block;
    width: 100%;
    border-radius: 10px;
    padding: 5px;
	margin: 5px 0;
}
/*.b2b-home-form .b2c-form-bg .form-group input{height: 25px;}*/

.b2c-paddzero{
	padding: 0 !important;
}

.b2b-portal-two.b2b-home-form  .tab-content .tab-pane {
    padding: 26px 10px 5px 10px;
    line-height: 1.7em;
}

.b2b-home-form .children_inputs .form-group {
    margin: 3px 6px;
}
.b2b-portal-two.b2b-home-form  .panel-default{
	    padding: 0 0 0px 0;
}
.b2b-portal-two .panel-default{
	    padding: 0 0 42px 0;
}

.tab-panel-color{
	background: none;
	border: none;
	box-shadow: none;
}
.panel-border-color{
	border-color:#fff; 
}
.b2b-portal-two.b2b-home-form .panel-default>.panel-heading {

    position: relative;
    padding: 0;
    border: none;
}

.b2b-portal-two.b2b-home-form .panel{

    background-color: none;
    border: none;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow:none;

}
      .countloaderCircle {
             position: fixed;
    width: 150px;
    height: 150px;
    z-index: 1;
    right: 50%;
    top: 50%;
		      transform: translate(50%, -50%);
		  display: none;
        }

        .countloaderCircle svg {
            position: absolute;
            top: 0;
            left: 0;
            transform: rotate(-90deg);
            fill: #fff9f9d4;
        }

        .countloaderCircle circle {
            stroke-width: 10;
            opacity: 0.9; /* Adjusted opacity */
        }

        .countloaderCircle .behind {
            stroke: rgba(224, 224, 224, 0.9); /* Light gray background for the circle */
        }

        .countloaderCircle .front {
            stroke: #21409a; /* Progress color */
            stroke-linecap: round;
            transition: stroke-dashoffset 0.5s ease;
        }

        .percentage {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #21409a;
            font-weight: bold;
            font-size: 33px;
            z-index: 2;
        }

.result-div-bg{
	    background: #fdfdfd;
    padding: 10px 0;
    box-shadow: 1px 4px 6px 0px #cdcdcddb;
	margin-bottom: 40px;
	position: relative;
	overflow: hidden;
}
.result-data{
	font-size: 16px;
}
.result-data strong{color:#21409a; }
.result-data{display: flex; justify-content: space-between;     flex-wrap: wrap;}
.result-data ul{padding-right: 10px;}
.result-data ul p{margin: 0; margin: 5px 0;}

/* Container Styles */

.hidereultButton{
	position: relative;
    left: 94%;
    background: #0095da;
    padding: 6px;
    z-index: 1;
    color: #fff;
    font-size: 17px;
    cursor: pointer;
    border-radius: 6px;
    top: -12px;
    padding: 4px 15px;
}
.hidereultButton:hover{
	    position: relative;
   
    color: #fff;

}



strong {
  font-weight: bold;
}
.result-form{display: none;}
/* Button Styles */
.resulut-edit-btn{text-align: right;}
.resulut-edit-btn a {
  display: inline-block;
  padding: 8px 20px;
  font-size: 16px;
  text-decoration: none;
  border-radius: 25px;
  background-color: #007bff;
  color: #fff;
  border: none;
  cursor: pointer;
	text-align: center;

	margin-top: 10px;
}

.btn:hover {
  background-color: #0056b3;
}
.p-4{
	padding: 4px 0;
}


.car-pick-drop{position: relative;}
.car-pick-drop .options:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 11px solid #ffffff;
    position: absolute;
    top: -8px;
    right: 25px;
}

.car-pick-drop .options {
    display: none;
    position: absolute;
    width: 100%;
    
    max-height: auto;
    padding: 10px;
    top: 35px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    animation-name: fadeInDown;
    animation-duration: 0.35s;
    animation-fill-mode: both;
}

.car-pick-drop .options .option {
    display: flex;
    height: 33px;
    cursor: pointer;
    padding: 0 10px;
    border-radius: 0px;
    border-bottom: solid 1px #e3e3e3;
    align-items: center;
    background: #fff;
}

.car-pick-drop .options .option:nth-last-child(1) {
    border-bottom: none;
}

.car-pick-drop .options .option:hover span {
    color: #0088c6;
}

.car-pick-drop .options .option .option-text {
    font-size: 14px;
    color: #333;
}

.car-pick-drop.active .options {
    display: block;
    opacity: 0;
    z-index: 10;
    animation-name: fadeInUp;
    animation-duration: 0.4s;
    animation-fill-mode: both;
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0, 30px, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes fadeInDown {
    from {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    to {
        transform: translate3d(0, 20px, 0);
        opacity: 0;
    }
}


.pick-drop-scroll-bar {
    max-height: 220px; /* Set a max height for the scrollbar to appear */
    overflow-y: auto; /* Enable vertical scrolling */
	margin: 5px 0 0 0;
	    min-height: 150px;
	padding-top: 10px;
	overflow-x: hidden;
	
	padding: 0 10px 0 0;
}


/* Width of the scrollbar */
.pick-drop-scroll-bar::-webkit-scrollbar {
    width: 5px; /* Width of the scrollbar */


}

/* Track of the scrollbar */
.pick-drop-scroll-bar::-webkit-scrollbar-track {
    background: #FFFFFF; /* Background color of the track */
    border-radius: 15px; /* Rounded corners for the track */
	border: 1px solid #f1f1f1;

}

/* Handle of the scrollbar */
.pick-drop-scroll-bar::-webkit-scrollbar-thumb {
    background: #d5d5d5; /* Color of the scrollbar handle */
    border-radius: 15px; /* Rounded corners for the handle */

}

/* Remove the default arrows */
.pick-drop-scroll-bar::-webkit-scrollbar-button {
    display: none; /* Hide the scrollbar buttons */
	
}

/* Optional: Hover effect for the scrollbar handle */
.pick-drop-scroll-bar::-webkit-scrollbar-thumb:hover {
    background: #21409a; /* Darker color on hover */

}


/*------------------------------New Added 20250819-----------------------------------*/


.date-red .DateDaycustom {
    background-color: red !important;
}

.date-green .DateDaycustom {
    background: green !important;
}

.date-yellow .DateDaycustom {
    background: yellow !important;
}


/*---------------Add new css for Holiday hotels-----------------------*/

.loading_curser {
         cursor: wait;
     }

     .check-boxes label {
         display: inline-flex;
         font-weight: normal;
         padding-left: 10px;
         cursor: pointer;
     }
     .invalid-input2
     {
         border: 1px solid #f00;
     }