/* main style overrides */

.payoutBtn, .commisnSetBtn, .sBtn, a.paginate_button.current, .vBtn,  
.manageSbtn, .exBtn, .pubBtn, .browseBtn1 button, .resourceBtn1,.resourceBtn2, 
.resourceAdd, .qSearchBtn, .saveDbtn, 
.dayLabel span, .or_sep, .generate_code_btn, .reset_code_btn,
.searchBtn1, .addIcon i, .theme_color_bg, .assign_to_right_arr,.assign_to_left_arr,
.search_btn_big, .save_btn, .tabbable-line > .nav-tabs, .breadcrumb li.completed a, .multi_plus, 
.book_f_btn, .default_blue_btns, .memb_sel_btn, .bg_color_base, .hotel_select_btn, 
 .name_search_go_btn, .main_select_btn_hotel, 
.addon_go_btn, .btn_center, .full_summary h4, 
.hotel_summary, .addBtns, .new_transfers, .resultBtn, .modifySearchForms .modifyClose, 
.secont_details .resultBtn, .map_details h4, .action_btn, .mobile_tkt_hd, .transfers_mobile_tkt_hd, 
.btnBuy, .colsIcon, .back_to_result, .proceedBtn, .hotel_less_detail h5,  .action_btn,
.eventCalendar-daysList li.eventCalendar-dayWithEvents a, .ui-widget-header .ui-state-active,
.ui-slider-horizontal .ui-slider-handle, .bg-primary, .breadcrumb li.active a, .ins_title




{background-color: #c21a22; color: #fff}

.arw,.arw2, .dateIcon::before, .dateIcon1::before , .minimal_subtitle, .minimal_subtitle2,
.filter_main_title, .calendarIcon::before, .menu-bar ul li span, ul#secondmenu li ul li a:hover,ul.secondmenu li ul li a:hover,
ul#secondmenu li ul li a.active_link,ul.secondmenu li ul li a.active_link, .formSubTitle h5, 
.formSubTitle h3, input[type="checkbox"]:checked + label::before,input[type="checkbox"]:checked + input + label::before,
input[type="radio"]:checked + label::before,input[type="radio"]:checked + input + label::before, 
.sub2Div h4, .uploadBlock h3, .text-success, .meterial_modal .modal-title, .tab_common_heading, 
.theme_color_text, .price_total, .data_table_heading, .small_text, .title_area h1, .summary h1, 
.box_title, .colored_price, .layover_time, .saved_data a,.saved_data2 a, .room_count_label, 
.price_new, .progress_bg .prog_page .way_load h4, .option_assign, .popup_common_heading, 
.summary_col02 > p, .tabContentInner .main_title, .glyphicon-plus, .glyphicon-remove, 
.transfers_name h3, .mz-search__stars i, .flightPrice,  .green, .selection_clr,  .more, 
.flightPrice, .form_left h4, .trsfers_name_car h3, .transfers_reslt h2, .ticketCatBox h5, .innerContents h2,
.subTitle1, .line_2, .passengerBox h3, .morphsearch-input, .morphsearch.open .morphsearch-input, 
.eventCalendar-list li a.eventCalendar-eventTitle, .ui-widget-header .ui-state-focus, #popup_title, a, .main-head


{color:#c21a22}


a.paginate_button.current,.has-error .form-control{border-color:#233844 !important}
.textBox1:focus,.textBox2:focus,.textBox4:focus .textArea:focus,.new-row:focus,.inline_text_input:focus{outline:1px solid #233844 !important}
.pagination>li>a,.pagination>li>span{border-bottom:2px solid #233844 !important}
.form-group2 .alert-success,.form-group .alert-success,.input-group .alert-success{border-top:5px solid #233844 !important}
.notifiactions ul li:hover{border-left:5px solid #233844 !important}
.breadcrumb li.completed a:after{border-left:30px solid #233844 !important}
.memb_sel_btn{border:1px solid #233844 !important}
.name_search_go_btn{border:1px solid #233844 !important}
.breadcrumb li.completed a::after{border-left:30px solid #233844 !important}

#main_cat_menu li a.active_menu {background-color: #233844; color: #fff !important}

.vBtn, .eBtn, .dBtn, .uBtn, .genBtn, .dltBtn {
    background: #c21a22;
    color: #fff !important;
   
}
.pagination>.active>a, .pagination>.active>a:hover{
	    background-color: #c21a22;
    border-color: #c21a22;
    color:#fff !important;
}
#main_cat_menu li a, .book_f_btn , .tabbable-line > .nav-tabs > li > a{
    color: #FFFFFF !important;
    
}
.breadcrumb li.active a:after {
    border-left: 30px solid #233844;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #f68b1f none repeat scroll 0 0 !important;
   
    color: #ffffff !important;
   
}
.btn-primary {
    color: #fff !important;
    background-color: #c21a22;  
    border-color:transparent !important;
    border: none;
}
.btn-primary:hover, .tabbable-line > .nav-tabs > li.active > a {   
  background-color: #c21a22;   
}
 
 
 

/* main style overrides */

/* other style overrides */

.ui-slider-horizontal .ui-slider-handle{border:1px solid #233844!important}
.ui-slider-horizontal .ui-slider-handle:hover{border:1px solid #233844!important}


/* other style overrides */


.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {

    color:#233844 !important;
}

.farebrkuphd{ background-color:#233844; }

 .ui-slider-horizontal .ui-slider-handle{ background:#233844 !important;  border: 1px solid #233844 !important; }
span.alertmsgs {
    color: #f00;
}

 .price_theme_color{ color: #233844; }
 .price_total_hilight{ color: #233844; }
 .details_block .title_label{ color: #1F2937; }
 .toggle_details_links li a{ color: #1F2937; }

 .hotel_less_detail h5{ color:#fff; }

 #popup_title{ background: #0c599d;}

 .clearing{ border: 1px solid #233844; }
 .clearing:after{ color: #233844;}

  .save_edit{ background:#233844;}
  .progress_bg .prog_page .way_load h4{ color:#233844;}
  .page_heading{ color:#233844 !important;}

  .tranfrcnclpolicy{ color:#233844;}

  
BUTTON.confirmbutton:hover, .confirmbutton_wht:hover {background-color: #c21a22;}
BUTTON.confirmbutton, .confirmbutton_wht{background-color: #c21a22;}
#popup_container{ border: solid 3px #c21a22 !important; }
#popup_title{background: #c21a22 !important;}
BUTTON.confirmbutton, .confirmbutton_wht{background: #c21a22 !important;}



.map_pagination .pagination > li > a{ margin-bottom:5px; color:#233844;}
.sportsCollapse span.glyphicon{ color:#fff;}
.ticketCatBox span.glyphicon{ color:#fff;}


.activityInner .breadcrumb li.active a { background: #233844;}
.activityInner .breadcrumb li.active a:after {border-left: 30px solid #233844;}

.pagination>li>a{ color: #233844;}

        .searchBtnLoader {
            background:#c21a2269  url('../../images/Rawabi_images/15.gif');
            /*background-image: url('../../images/Rawabi_images/15.gif');*/
            background-repeat: no-repeat;
            width: 100%;
            padding: 7px 0;
            text-align: center;
            background-size: cover;
        }


        
/*new home design changes shinto*/

.main-head {
    margin-top: 1px;
    font-family: "Calibri-Light", sans-serif;
    font-size: 14px;
    display: inline-block;
    position: relative;
    text-transform: capitalize;
    background: #233844;
    width: 100%;
    padding: 10px 15px 12px;
    color: #fff !important;
    cursor: pointer;
    margin-bottom: 0px;
    background-image: url(../../images/Rawabi_images/hmdownarow.png);
    background-repeat: no-repeat;
    background-position: 99%;
}
.main-head1 {
    margin-top: 1px;
    font-family: "Calibri-Light", sans-serif;
    font-size: 14px;
    display: inline-block;
    position: relative;
    text-transform: capitalize;
    background: #233844;
    width: 100%;
    padding: 10px 15px 12px;
    color: #fff !important;
    cursor: pointer;
    margin-bottom: 0px;
    /*background-image: url(../../images/Rawabi_images/hmdownarow.png);*/
    background-repeat: no-repeat;
    background-position: 99%;
}
.help_hover_btn {
    color: #ffffff;
    margin-left: 10px;
    font-size: 20px;
    cursor: help;
    position: relative;
    right:0px;
    top:-6px;
}
 .mobile_box_row {
    margin: 0;
    padding: 10px;
    border: 1px solid #6B7280;
    width: 100%;
    float: left;
}
.hMdttlshead{background:#233844; color:#fff; width:100%; float:left; padding:10px; font-size:14px; background-image:url(../../images/Rawabi_images/hmdownarow.png); background-repeat:no-repeat;background-position:99%; cursor:pointer;}
.hMbookingdetailsfull{float:left; width:100%; padding:25px 10px 10px;  border: 1px solid #6B7280;}

.hMAgsphead{background:#233844; color:#fff; width:100%; float:left; margin: 1px 0; padding:10px; font-size:14px; background-image:url(../../images/Rawabi_images/hmdownarow.png); background-repeat:no-repeat;background-position:99%; cursor:pointer;}
.hMAgencydetailsfull{float:left; width:100%; padding:25px 10px 10px;  border: 1px solid #6B7280;}
#TransactionCounts{margin-bottom:30px;}

.hMSaleshead {background:#233844; color:#fff; width:100%; float:left; margin: 1px 0; padding:10px; font-size:14px; background-image:url(../../images/Rawabi_images/hmdownarow.png); background-repeat:no-repeat;background-position:99%; cursor:pointer;}
.hMchartdegraphfull{float:left; width:100%; padding:25px 10px 10px;  border: 1px solid #6B7280;}


/*new home design changes shinto*/
.d-flex {
    display:flex;
}
.align-items-center {
    align-items:center
}


.payCard.topup_page .radioCol label{position: relative !important;}
.payCard.topup_page input[type="radio"] + label::before, .payCard.topup_page input[type="radio"] + input + label::before
{top:5px !important;}
.payCard.topup_page .cc_ave input[type="radio"] + label::before, .payCard.topup_page .cc_ave input[type="radio"] + input + label::before
{top:0px !important;}
.payCard.topup_page .cc_ave input[type="radio"]:checked + label::before, .payCard.topup_page .cc_ave input[type="radio"]:checked + input + label::before
{top:0px !important;}

div#navmenu {
    background-color: #c21a22;
    background-image: none;
    color: #fff;
}
.material-scrolltop 
{background-color: #c21a22;}
.material-scrolltop:hover 
{background-color: #c21a22;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: medium none;
    color: #fff !important;
    background: #c21a22 !important;
}
.loadernewPNR {
    border: 16px solid #F8F9FB;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
form#AddPassenger .table_data tr td {
    border: 1px solid #EAEAEA;
    white-space: inherit;
    overflow: visible;
}

.form-group2 .alert, .form-group .alert, .input-group .alert {
    white-space: break-spaces;
}
.FlightDetailTbl .form-group2 input[type="text"] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dedede;
    color: #3c444a;
    font-size: 12px;
    height: 40px;
    padding: 6px 6px 6px 6px;
    width: 180px;
    border-radius: 0 !important;
    padding-right: 10px;
}
table.table-new0ne.break_th_label.FlightDetailTbl.table_data td{overflow: inherit;}
.FlightDetailTbl .form-group2 .alert, .FlightDetailTbl .form-group .alert, .FlightDetailTbl .input-group .alert{padding: 4px}
.FlightDetailTbl .newbox {
    margin-left: 0;
}
.FlightDetailTbl .form-group2 {
    margin-bottom: 25px;
}
.FlightDetailTbl .error_alert {
    top: 80%;
}
button#btnSaveIndividualFare {
    margin-left: 10px;
}
.hiddenBaseFarecommission span.req_field {
    position: relative;
    top: -13px;
    left: -3px;
}
h2.radio_check_label.pull-left.marg_0.user_note {
    color: #c21a22;
    border-bottom: 1px solid #E5E7EB;
    padding-bottom: 5px;
    font-size: 17px;
}
button.btn.btn-default.meterial_modal_close {
    background: #c21a22;
    color: #fff;
    border: none;
}
.tabbable-line > .nav-tabs{background-color: #c21a22; background-image:inherit;}
.save_edit {
    background: #c21a22;
}
.dBtn {
    background: #c21a22;
}
.AddHtlBtn{
     background: #c21a22;
}
.SaveBtn{
    background: #c21a22;
}
.genBtn{
     background: #c21a22;
}
a.vBtn.viewit{
     background: #c21a22;
}
span.assign_to_left_arr .glyphicon-remove {
    color: #fff;
}
.nwBtn {
     background: #c21a22;
    color: #fff !important;
    line-height: 19px;
}
#mainmenu a:hover {
    background: #c21a22;
}
td.has-feedback{overflow: inherit !important;}
td.has-feedback{overflow: inherit !important;}
.searchBtn1 {
    background-color: #c21a22 !important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff !important;
    background-color: #233844 !important;
}
.searchBtn1.moredelete {
    background: #c21a22 !important;
}

.qstn-icon {
    background-image: url(../../images/Rawabi_images/qstn.png);
    display: block;
    height: 22px;
    position: absolute;
    right: -23px;
    top: -20px;
    width: 22px;
    z-index: 999;
    background-repeat: no-repeat;
}
.hMdttlshead {
    background: #233844;
    color: #fff;
    width: 100%;
    float: left;
    padding: 10px;
    font-size: 14px;
    background-image: url(../../images/Rawabi_images/hmdownarow.png);
    background-repeat: no-repeat;
    background-position: 99%;
    cursor: pointer;
}
.eBtn:hover {
    background: #000;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000 transparent transparent transparent !important;
}
.arroMain2 {
    border-top-color: #000;
}
.color_theme_2 {
    color: #c21a22;
}
.selectric .button:after {
    border-top-color: #000000 !important;
}
.addament_btn {
    float: right;
    margin-right: 10px;
    background: #c21a22;
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 3px 10px;
}

/* planner Start */
.planner_outer {
	padding: 0px;
}
.planner_box {
	margin-bottom: 10px;
}
.planner_box h2 {
	background: #273863;
	padding: 8px 12px;
	width: fit-content;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	margin: 0;
	line-height: 20px;
}
.planner_box_bg {
	background: #ededf0;
	padding: 10px;
	margin-top: 5px;
}
.planner_box_list {
	display: flex;
	justify-content: space-between;
}
.planner_box_list ul {
	padding: 0;
	margin: 0;
}
.planner_list li {
	display: inline-block;
	font-size: 14px;
	color: #1F2937;
	padding-right: 15px;
	margin-right: 15px;
	position: relative;
}
.planner_list li:first-child {
	font-weight: bold;
}
.planner_list li:after {
	position: absolute;
	right: 0;
	content: '';
	width: 1px;
	background: #a0a0a0;
	height: 100%;
}
.planner_list li span {
	font-weight: bold;
	color: #1F2937;
}
.planner_list li:last-child:after {
	display: none;
}
.planner_btn {
}
.planner_btn li {
	padding-left: 10px;
	 display: flex;
    align-items: center;
}
.planner_edit_btn {
	background-image: url(../../images/Rawabi_images/planner_edit.png);
	width: 25px;
	height: 25px;
	display: inline-block;
	font-size: 0;
}
.planner_up_btn {
	background-image: url(../../images/Rawabi_images/planner_up.png);
	width: 23px;
	height: 23px;
	display: inline-block;
	font-size: 0;
}
.planner_down_btn {
	background-image: url(../../images/Rawabi_images/planner_down.png);
	width: 23px;
	height: 23px;
	display: inline-block;
	font-size: 0;
}
.planner_delete_btn {
    background-image: url(../../images/Rawabi_images/planner_delete.png);
    width: 23px;
    height: 23px;
    display: inline-block;
    font-size: 0;
}
.planner_list{
	width:85%;
}
.planner_btn{
	width:15%;
	justify-content: flex-end;
    display: flex;
}



/* inventory start */
.calendar_modality_form .Srch_Btn {
	float: left;
	margin-top: 20px;
	height: 40px;
}
.calendar_modality_BoxMain {
	display: flex;
	min-height: 390px;
}
.calendar_modality_Box_lft {
	width: 25%;
	border: solid #E5E7EB 1px;
	 
}
.calendar_modality_Box_Head {
	height: 45px;
	background: #F8F9FB;
	border-bottom: solid #E5E7EB 1px;
	text-align: center;
	line-height: 45px;
	font-weight: bold;
	font-size: 14px;
	color: #5e656a;
}
.inv_lft_content_main {
	padding: 25px 15px;
}
.inv_lft_content_clm1 h2 {
	font-size: 18px;
	color: #000;
	font-weight: bold;
	padding: 0;
	margin: 0;
	line-height: 22px;
}
.inv_lft_content_clm1 p {
	font-size: 14px;
	color: #000;
	padding: 0;
	margin: 0;
	line-height: 18px;
	padding-top: 8px;
}
.inv_lft_content_clm2 {
	padding-top: 25px;
}
.inv_lft_content_clm2 h2 {
	font-size: 18px;
	color: #000;
	font-weight: bold;
	padding: 0;
	margin: 0;
	line-height: 22px;
}
.inv_lft_content_clm2 p {
	font-size: 14px;
	color: #000;
	padding: 0;
	margin: 0;
	line-height: 18px;
	padding-top: 8px;
}
.calendar_modality_Box_rht {
	width: 75%;
	border-left: 0;
}
.calendar_modality_Box_rht ul {
	width: 100%;
	display: flex;
	margin: 0;
	padding: 0;
	height: 100%;
	border: solid #E5E7EB 1px;
	display: flex;
	overflow: hidden;
	flex-wrap: nowrap;
	overflow-x: scroll;
}
.calendar_modality_Box_rht ul li {
	width: 25%;
	border-left: solid #E5E7EB 1px;
	border-right: solid #E5E7EB 1px;
	flex: 0 0 auto;
}
.calendar_modality_Box_rht ul li:first-child {
	border-left: none;
}
.caldr_modality_Box_rht_content {
	padding: 15px 10px;
}
.inv_content_sec {
	width: 100%;
	height: 100%;
}
.inv_disable {
	width: 80px;
	height: 80px;
	background: url(inv_disable.svg);
	border-radius: 15px;
	display: inline-block;
	background-size: contain;
}
.inv_content_sec_noinventary {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.inv_content_sec_noinventary h4 {
	font-size: 16px;
	font-weight: bold;
	color: #adadad;
	padding: 0;
	margin: 0;
}
.caldr_modality_Box_rht_content_date {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 140px;
	position: relative;
}
.caldr_modality_Box_rht_content_date h3 {
	text-align: center;
	margin: 0;
	padding: 0;
}
.caldr_modality_Box_rht_content_date h3 span:first-child {
	font-size: 45px;
	font-weight: bold;
	display: block;
}
.caldr_modality_Box_rht_content_date h3 span:last-child {
	font-size: 16px;
	display: block;
}
.cldr_inventory_edit a {
	text-decoration: underline;
}
.cldr_inventory_plus_bx {
}
.cldr_inventory_plus_List {
	display: flex;
	background: #F8F9FB;
	height: 40px;
	border-radius: 5px;
	border: solid #e9e6e6 1px;
	margin: 8px 0;
}
.cldr_inventory_plus_List_lft {
	width: 75%;
}
.cldr_inventory_plus_List_rht {
	width: 25%;
	background: #fbeed0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
}
.cldr_inv_plus_main {
	display: flex;
	align-items: center;
	height: 100%;
}
.cldr_inv_plus_btn {
	width: 25%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cldr_inv_plus_btn a {
    display: flex;
}
.cldr_inv_plus_cntr {
	width: 75%;
	text-align: center;
	font-size: 13px;
	color: #6a6a6a;
}
.cldr_inv_plus {
	width: 18px;
	height: 18px;
	background: url(../../images/Rawabi_images/plus_inv.svg);
	border-radius: 15px;
	display: inline-block;
}
.cldr_inv_minus {
	width: 18px;
	height: 18px;
	background: url(minus_inv.svg);
	border-radius: 15px;
	display: inline-block;
}
.inv_Green_strip_top {
	width: 25px;
	height: 10px;
	background: #6dc151;
	border-radius: 15px;
	position: absolute;
	left: 0;
	top: 0;
}
.inv_Orange_strip_top {
	width: 25px;
	height: 10px;
	background: #f7a827;
	border-radius: 15px;
	position: absolute;
	left: 0;
	top: 0;
}
.inv_Red_strip_top {
	width: 25px;
	height: 10px;
	background: #e01d1d;
	border-radius: 15px;
	position: absolute;
	left: 0;
	top: 0;
}
.inv_Gray_strip_top {
	width: 25px;
	height: 10px;
	background: #e3e3e3;
	border-radius: 15px;
	position: absolute;
	left: 0;
	top: 0;
}

.DailyBooked_inv_Green_strip_top {
	width: 25px;
	height: 10px;
	background: #6dc151;
	border-radius: 15px;
	position: relative;
	display: block;
	margin-bottom: 5px;
}

.DailyBooked_Orange_strip_top {
	width: 25px;
	height: 10px;
	background: #f7a827;
	border-radius: 15px;
	position: relative;
	display: block;
	margin-bottom: 5px;
}

.DailyBooked_inv_Red_strip_top {
	width: 25px;
	height: 10px;
	background: #e01d1d;
	border-radius: 15px;
	position: relative;
	display: block;
	margin-bottom: 5px;
}

.DailyBooked_inv_Gray_strip_top {
	width: 25px;
	height: 10px;
	background: #e3e3e3;
	border-radius: 15px;
	position: relative;
	display: block;
	margin-bottom: 5px;
}
.inv_footer {
	width: 100%;
	display: inline-block;
	background: #F8F9FB;
	border: solid #E5E7EB 1px;
	border-top: 0;
}
.inv_footer_row {
	display: flex;
	padding: 25px;
	gap: 15px;
	align-items: center;
}
.inv_ftr_Strip {
}
.inv_ftr_Strip ul {
	margin: 0;
	padding: 0;
	display: flex;
}
.inv_ftr_Strip ul li {
	padding: 0 10px;
	display: inline-block;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
}
.inv_ftr_Strip ul .inv_Green_strip_top {
	width: 25px;
	height: 10px;
	background: #6dc151;
	border-radius: 15px;
	position: relative;
	display: inline-flex;
}
.inv_ftr_Strip ul .inv_Orange_strip_top {
	width: 25px;
	height: 10px;
	background: #f7a827;
	border-radius: 15px;
	position: relative;
	display: inline-flex;
}
.inv_ftr_Strip ul .inv_Red_strip_top {
	width: 25px;
	height: 10px;
	background: #e01d1d;
	border-radius: 15px;
	position: relative;
	display: inline-flex;
}
.inv_ftr_Strip ul .inv_Gray_strip_top {
	width: 25px;
	height: 10px;
	background: #e3e3e3;
	border-radius: 15px;
	position: relative;
	display: inline-flex;
}
 .calendar_modality_Box_rht ul::-webkit-scrollbar-track {
 	border-radius:15px;
 	background-color: #F8F9FB;
}
 .calendar_modality_Box_rht ul::-webkit-scrollbar {
	 height:8px;
 	background-color: #F8F9FB;
}
 .calendar_modality_Box_rht ul::-webkit-scrollbar-thumb {
	 border-radius:15px;
	 background: #b7b7b7;
	 height:3px;
}
.inv_footer_row select {
	appearance: none;
	outline: 0;
	border: 0;
	box-shadow: none;
	flex: 1;
	padding: 0 1em;
	color: #000;
	font-size: 13px;
	background-image: none;
	cursor: pointer;
	border: solid #E5E7EB 1px;
	border-radius: 5px;
}
 .inv_footer_row select::-ms-expand {
	 display: none;
}
.inv_footer_row .select {
	position: relative;
	display: flex;
	width: 210px;
	height: 45px;
	border-radius: .25em;
	overflow: hidden;
}
.inv_footer_row .select::after {
	content: '\25BC';
	position: absolute;
	top: 0;
	right: 0;
	padding: 1em;
	background-color: #c21a22;
	transition: .25s all ease;
	pointer-events: none;
}
.inv_footer_row .select:hover::after {
	color: #000;
}
/* inventory end */



@media (max-width: 767px) {
	.planner_box_list{flex-direction: column;}
	.planner_list{width:100%;}
	.planner_btn{width:100%;}
	.planner_list li{ width:100%; padding-right:0; margin-right:0;padding-bottom: 5px;}
	.planner_list li:after{ display:none;}
	
}


/* planner End */


.ContractstockreportMain table, .ContractstockreportMain th, .ContractstockreportMain td {
	border: 1px solid #E5E7EB;
	border-collapse: collapse;
}

.ContractstockreportMain th, .ContractstockreportMain td {
	padding: 10px;
}

.ContractstockreportMain .ExportBtnCls {
	border: solid #E5E7EB 1px;
	border-radius: 5px;
	padding: 10px 15px;
	font-size: 13px;
}
tr.transport-items {
	margin-bottom: 20px;
	display: block;
}
.ContractTbl_hd {
	margin-bottom: 10px;
}
.ContractTbl_hd td {
	
	background: #c21a22;
	color: #fff;
}

img.logo-fluid {
    height: 50px;
}
.common_btn_light {
    color: #c21a22;
    border: 1px solid #c21a22;
}
.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff !important;
    background-color: #c21a22 !important;
}

/* ===================== Admin login page (Views/Home/Index.cshtml) ===================== */
/* ================= Rawabi admin login - presentation only ================= */

html, body {
    height: 100%;
}

body.rw-login-page {
    margin: 0;
    padding: 0;
    min-height: 100%;
    background: #F8F9FB;
    font-family: "Roboto", "Segoe UI", Arial, Helvetica, sans-serif;
    color: #1F2937;
    -webkit-font-smoothing: antialiased;
}

/* brand band behind the card */
.rw-band {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 50vh;
    min-height: 240px;
    background: linear-gradient(135deg, #233844 0%, #16242c 100%);
    z-index: 0;
}

    .rw-band:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 4px;
        background: #c21a22;
    }

.rw-login-wrap {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    box-sizing: border-box;
    padding: 32px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.rw-login-card {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 420px;
    box-sizing: border-box;
    text-align: left;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(16, 24, 32, 0.18);
    padding: 34px 32px 30px;
    overflow: hidden;
}

.rw-login-head {
    text-align: center;
    margin-bottom: 26px;
}

.rw-logo {
    max-width: 190px;
    width: 100%;
    height: auto;
    display: inline-block;
}

.rw-title {
    margin: 20px 0 4px;
    font-size: 21px;
    line-height: 1.25;
    font-weight: 700;
    color: #1F2937;
}

.rw-subtitle {
    margin: 0;
    font-size: 13px;
    color: #6B7280;
}

.rw-field {
    margin-bottom: 18px;
}

.rw-label {
    display: block;
    margin: 0 0 7px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #6B7280;
}

.rw-login-card .rw-input,
.rw-login-card input.rw-input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 46px;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 24px;
    color: #1F2937;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    box-shadow: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}

    .rw-login-card .rw-input:focus,
    .rw-login-card input.rw-input:focus {
        outline: 0;
        border-color: #c21a22;
        box-shadow: 0 0 0 3px rgba(194, 26, 34, 0.12);
    }

    .rw-login-card .rw-input::-webkit-input-placeholder {
        color: #9aa1ab;
    }

    .rw-login-card .rw-input.redBorder {
        border-color: #c21a22;
        box-shadow: 0 0 0 3px rgba(194, 26, 34, 0.12);
    }

.rw-actions {
    margin-top: 22px;
}

.rw-actions-sub {
    margin-top: 10px;
}

.rw-login-card .rw-btn,
.rw-login-card input.rw-btn {
    display: block;
    width: 100%;
    height: 46px;
    padding: 0 16px;
    border: 1px solid #c21a22;
    border-radius: 8px;
    background-color: #c21a22;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, opacity .15s ease;
}

    .rw-login-card .rw-btn:hover,
    .rw-login-card input.rw-btn:hover {
        background-color: #a3151c !important;
        border-color: #a3151c;
    }

    .rw-login-card .rw-btn:focus,
    .rw-login-card input.rw-btn:focus {
        outline: 0;
        box-shadow: 0 0 0 3px rgba(194, 26, 34, 0.22);
    }

    .rw-login-card .rw-btn[disabled],
    .rw-login-card input.rw-btn[disabled] {
        opacity: .6;
        cursor: default;
    }

.rw-login-card .rw-btn-ghost,
.rw-login-card input.rw-btn-ghost {
    background-color: #fff !important;
    border: 1px solid #E5E7EB;
    color: #233844;
    font-weight: 500;
}

    .rw-login-card .rw-btn-ghost:hover,
    .rw-login-card input.rw-btn-ghost:hover {
        background-color: #F8F9FB !important;
        border-color: #233844;
        color: #233844;
    }

/* progress indicator shown while posting - replaces the striped gif bar */
.rw-login-card .rw-loader {
    position: relative;
    display: block;
    width: 100%;
    height: 46px;
    line-height: 46px;
    padding: 0 !important;
    box-sizing: border-box;
    border: 1px solid #c21a22;
    border-radius: 8px;
    background: #c21a22 !important;
    background-image: none !important;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-align: center;
    overflow: hidden;
}

    .rw-login-card .rw-loader:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 18px;
        height: 18px;
        margin: -2px 10px 0 0;
        border: 2px solid rgba(255, 255, 255, 0.35);
        border-top-color: #fff;
        border-radius: 50%;
        -webkit-animation: rw-spin 0.7s linear infinite;
        animation: rw-spin 0.7s linear infinite;
    }

    /* sheen sweeping across the bar */
    .rw-login-card .rw-loader:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 45%;
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.18) 50%, rgba(255,255,255,0) 100%);
        -webkit-animation: rw-sweep 1.3s ease-in-out infinite;
        animation: rw-sweep 1.3s ease-in-out infinite;
    }

@-webkit-keyframes rw-spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rw-spin {
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rw-sweep {
    0% {
        -webkit-transform: translateX(-110%);
    }

    100% {
        -webkit-transform: translateX(260%);
    }
}

@keyframes rw-sweep {
    0% {
        transform: translateX(-110%);
    }

    100% {
        transform: translateX(260%);
    }
}

/* validation output from MVC helpers */
.rw-login-card .field-validation-error,
.rw-login-card .errorMsg span,
.rw-login-card span.field-validation-error {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 16px;
    color: #c21a22;
}

.rw-login-card .validation-summary-errors {
    margin: 0 0 18px;
    padding: 10px 12px;
    border: 1px solid #c21a22;
    border-left-width: 4px;
    border-radius: 6px;
    background: #fdf3f3;
    color: #c21a22;
    font-size: 13px;
}

    .rw-login-card .validation-summary-errors ul {
        margin: 0;
        padding-left: 18px;
    }

.rw-login-card .validation-summary-valid {
    display: none;
}

.rw-foot {
    margin: 22px 0 0;
    font-size: 12px;
    color: #6B7280;
}