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

@font-face {
	font-family: 'Gotham HTF Book';
	src: url('../fonts/GothamBook.eot');
	src: url('../fonts/GothamBook.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GothamBook.woff') format('woff'),
		url('../fonts/GothamBook.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

.panel-actions-custom{
	position: absolute;
    right: 15px;
    top: 12px;
}

.success a{color:#fff !important; text-decoration:underline;font-weight:bold;}
tr.danger  a{ color:#fff !important;}
.d-lg-none{ display:none;}
.logo2 img{ margin-top:11px; margin-left:8px;}
.align_vertical_stockmanagement_text{vertical-align: middle !important;}
tr.danger  a{ color:#fff !important;}
.display_none{display:none;}
.display_block{display:block;}
.full_width{width:100%;}
.black_color{color:#000;}
.hidden{display:none;}
.text_right{text-align:right;}
.text_left{text-align:left;}
.no_click{ pointer-events: none; cursor:not-allowed !important;}

body
{
	font-family: "Gotham HTF Book";
}


.Open_Sans
{
	font-family: "Gotham HTF Book"; 
}


.page-header h2 {
	font-family: "Gotham HTF Book"; 
    border-color:#f18121!important;
	font-size:28px!important;	
}

.panel-heading
{
	font-family: "Gotham HTF Book"; 
	
}
html.sidebar-light:not(.dark) ul.nav-main > li.nav-active > a  {
    font-family: "Gotham HTF Book"; 
    color:#f18121!important;
	font-size:17px!important;
}

.left_menu_font
{
	font-family: "Gotham HTF Book"; 
	font-size:30px!important;
}
ul.nav-main > li.nav-active > a {
    box-shadow: 2px 0 0 #f18121 inset !important;
}
html.no-overflowscrolling .nano > .nano-pane > .nano-slider {
    background: #f18121 none repeat scroll 0 0 !important;
}

html.sidebar-light:not(.dark) ul.nav-main li a {
    color: #777!important;
}
html .pagination > li.active a, html.dark .pagination > li.active a {
    background-color: #f18121 !important;
}
.body-sign .panel-sign .panel-title-sign .title {
    background-color: #f18121 !important;
}
.body-sign .panel-sign .panel-body {
    border-top-color: #f18121 !important;
}
body .btn-primary {
    
    background-color: #f18121 !important;
    /*border-color: #f18121 !important;*/
}
/*.active a{ color:#FFF !important; border-color: #f18121 !important;}*/

.userbox.open .dropdown-menu a:hover {
    background: #f18121 none repeat scroll 0 0!important;
	color:#FFF !important;
}
.body .btn-primary:hover {
    background-color: #b02a30;
    /*border-color: #f18121 !important;*/
}
body .btn-primary:hover {
	/*border-color: #f18121 !important;*/
    background-color: #f18121;
}
body .btn-primary:active, body .btn-primary:focus {
    background-color: #f18121;
    border-color: #f18121 !important;
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #f18121 !important;
    color: #fff;
}
.bootstrap-timepicker-widget table td a:hover {
    background-color: #f18121 !important;
	color: #fff !important;
}
.dropdown-menu	> .active	> a,
.dropdown-menu	> .active	> a:hover,
.dropdown-menu	> .active	> a:focus {
	background-color: #f18121 !important;
}
.login_heading_font
{
	font-family: "Gotham HTF Book"; 
	font-size:15px!important;
}
.login_btn_font
{
	font-family: "Gotham HTF Book"; 
	font-size:17px!important;
}
.reset_button {
    color:#FFF !important;
}
.overflow_table{
		overflow-x: scroll;
}
.aign_center{
	text-align:center;
	padding-top:10px;	
}
.error-fileupload{
	border: 2px solid #f18121 !important;
	margin-right:2px;	
}
.aign_center .btn{
	margin-right:25px;	
}
.btn{
	margin-right:5px;	
}
.input_style {
	width: 52px !important;
}
.label_style {
	line-height: 35px !important;
}
.input_scroll {
	overflow-x:scroll;
}
.input_max_width {
	width:1368px;
}
.ml5 {
	margin-left:5px;
}
.mb5 {
	margin-bottom:5px;
}
.mt20 {
	margin-top:20px;
}
.mb20 {
	margin-bottom:20px;
}

.input_align {
	text-align: left !important;
}
.table_column_width {


	width: 20%;
}
.hide_data {
	display: none !important;
}
.ml20 {
	margin-left: 20px !important;
}
.timeline.timeline-simple .tm-body .tm-items > li:before {
    background: #f18121 !important;
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #f18121 !important;
}
.header .toggle-sidebar-left {
    background: #f18121 !important;
}
.toggle label {
    border-left-color: #f18121 !important;
    color: #f18121 !important;
}
.toggle.active > label {
    background:#f18121 !important;
    border-color:#f18121 !important;
}
.ad_approved_btn_position
{
	    margin-top: -10px !important;
		color:#FFF !important;
}

.modal-block-primary .modal-icon .fa {
    color: #f18121 !important;
}
.cursor_pointer
{
	cursor:pointer;	
}
.padding_fix
{
	/*padding-left: 0 !important;*/
    padding-right: 0 !important;
}
.no_padding
{
	padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.padding_modal_5px
{
	padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.header_style
{
	background-color: #C10000;
    color: #FFFFFF;
}
.panel_padding_fix
{
	padding: 0 !important;
	margin-bottom: 0 !important;
}
.w50
{
	width: 50%;
}
.header_style_blue
{
	background-color: #001E6C;
    color: #FFFFFF;
}
.style_data
{
	background-color: #001E6C;
    color: #FFFFFF;
}
/*============================== align ==============================*/
.btn_align_left 
{
    margin-left: 8px;
}
.btn_align_right 
{
    margin-right: 0px !important;
}
.btn_align_right_comments
{
	margin-left: -15px;	
}
@media only screen and (min-width: 768px) and (max-width: 990px)
{
    .btn_align_left 
	{
		margin-left: 15px;
	}
}
/*=====================================================================*/
.modal_custom_style_patient_departure
{
	background-color: #f18121 !important;
	color:#FFF !important;
}
.close_btn_patient_departure
{
	color:#FFF !important;
}
.panel-featured {
    border-top: 3px solid #f18121 !important;
}
.modal_custom_style_header
{
	background-color: #f18121 !important;
	color:#FFF !important;
}
.modal_custom_style_header_text
{
	color:#FFF !important;
}
.no_record_display
{
	margin-top: 50vh;
}
.input_scroll_padding_bottom {
	padding-bottom:5px !important; 
}
.no_border
{
	border: 0px solid #ddd !important;
	 border-radius: 0px !important; 
}
.bold_text
{
	font-weight: bold;
}
.ml15
{
	margin-left:0 !important;
}
.list_is_active_0_style
{
	background-color:#D50000 !important;
	color:#FFF !important;
}
.list_is_approved_0_style
{
	background-color:#5C6BC0 !important;
	color:#FFF !important;
}
.font_color_white {
    color:#FFF !important;
}
.margin_bottom_15px
{
	margin-bottom:15px;
}
.margin_bottom_10px
{
	margin-bottom:10px;
}
.margin_top_15px
{
	margin-top:15px;
}
.video_advertisement_style 
{
    width: 71%;
	height: 400px;
}
.audio_advertisement_style
{
	margin-top:40px;
	width: 100%;
    height: auto;
}
.image_advertisement_style
{
	width: 50%;
}.image_pre_wedding_style
{
	width: 200px;
}
.image_profile_pic_style
{
	width: 100%;
}
@media only screen and (min-width: 320px) and (max-width: 480px) 
{

.logo2 img{ margin-top:-11px; margin-left:8px;}
.d-lg-none{ display:block;}
    .video_advertisement_style 
	{
		width: 100%;
		height: auto;
	}
	.image_advertisement_style
	{
		width: 100%;
	}
}
/*============================== preview ===================================*/

.video_preview_advertisement_style {
    width: 100%;
    height: auto;
}
.audio_preview_advertisement_style
{
	margin-top:40px;
	width: 100%;
    height: auto;
}
.image_preview_advertisement_style
{
	width: 100%;
}

/*==========================================================================*/
.text_align_center
{
	text-align:center !important;	
}
/*=====================hide video download button===================*/
video::-internal-media-controls-download-button 
{
    display:none;
}
video::-webkit-media-controls-enclosure 
{
    overflow:hidden;
}
video::-webkit-media-controls-panel 
{
    width: calc(100% + 30px); /* Adjust as needed */
}
/*===================hide audio download button=======================*/
audio::-internal-media-controls-download-button 
{
    display:none;
}
audio::-webkit-media-controls-enclosure 
{
    overflow:hidden;
}
audio::-webkit-media-controls-panel 
{
    width: calc(100% + 30px); /* Adjust as needed */
}
/*==============================================================*/
.custom_border {
    border-top: 3px solid #f18121;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f18121 !important;
    color: #FFF !important;
}
.phpTables_empty {
    padding: 50px 0 !important;
    text-align: center;

}
.control-lable-custom{
	padding-top: 7px;
    margin-bottom: 0;
    text-align: center !important;	
}
.accept_request{
	background-color: #1B5E20 !important;
	color: #fff !important;	
}
.decline_request{
	background-color: #D50000 !important;
	color: #fff !important;	
}
.white_pen{
	color: #fff !important;	
}
.float_right_class{
	text-align: right !important;	
}
.datepicker table thead tr th.prev:hover, .datepicker table thead tr th.next:hover {
    background: #f18121 !important;
	color:#FFF !important;
}
.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
    color: #ffffff !important;
    background-color: #f18121 !important;
    border-color: #f18121 !important;
}
.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom {
    background-color: #f18121 !important;
}
.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar {
    background-color: #f18121 !important;
}
.mobile_background{
	background-image:url(../images/phone.jpg);
	background-size: cover;
	min-height:700px !important;
	display: flex;
  	align-items: center;
	text-align:center;
}
.mobile_content{
	margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	padding:27px;	
}
.audio_advertisement_style2
{
	width: 250px;
    height: auto;
}
.text_white{
	color: #fff !important;	
}
.slider-primary .ui-slider-range, .slider-primary .ui-slider-handle {
    background: #f18121 !important;
}
.mt10{
	margin-top:10px !important;	
}
.mb20{margin-bottom: 20px !important;}
.mobile_view_image{
	padding-left:25px !important;
	padding-right: 25px !important;	
}
.app_view_padding
{
	padding-right:30px !important;
	padding-left:30px !important;
}

@media only screen and (min-width: 320px) and (max-width: 480px) 
{
	.add_ad_btn 
	{
    	float: none !important;
    	margin-top: 40px !important;
	}
	.custom_panel_heading
	{
		height:100px;	
	}
	
}
@media only screen and (min-width: 500px) and (max-width: 700px) {
	.mt10_mob{
		margin-top: 10px;
	}
}
.border_badge{
	    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;	
}
.mb0{
	margin-bottom: 0px !important;
}
.p0{
	padding: 0 !important;	
}

.no_pre_wedding_data_div
{
	width:100%;
	height:300px;
	text-align:center;	
}

.no_wedding_media_div
{
	width:100%;
	height:300px;
	text-align:center;	
}

textarea { resize: none!important; }

.inner-body {
    border-top-width: 110px !important;
}
.background_color_white
{
	background-color:#FFF !important;
}

.media-gallery .mg-files {
    padding: 35px 0 30px !important;

}
.close 
{
    margin-top: 13px !important;
}
.margin_top_10px
{
	    margin-top: 10px !important;
}
.display_crop_none{display:none !important;}

body .btn-primary {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #f18121 !important;
    /*border-color: #f18121 !important;*/
}

.label-info {
    background: #f18121 !important;
    color: #FFF;
}
.padding_20px
{
	padding: 20px !important;
}
.checkbox {
    display: inherit !important;
}
.background_color_036b11
{
	background-color: #f18121 !important;
}
.top_align_pagination{
	padding-top: 20px;

}
.table-striped > tbody > tr.tr_inactive{
	background:#f18121;
	color:#FFF;
}
.table-striped > tbody > tr.tr_inactive a{
	color:#FFF !important;
}

.btn_link_table_color,.table .actions a, .table .actions-hover a 
{
    color: #f18121!important; float:left;
}
.attachment_log_td{color: #f18121!important;}
.modal_custom_style_last_notified
{
	background-color: #f18121 !important;
	color:#FFF !important;
}
.close_btn_last_notified
{
	color:#FFF !important;

}
.border_class
{
	border: 2px solid #FFF !important;
}
.border_class:hover
{
	border: 2px solid #FFF !important;
}
.nav-pills > li + li {
    margin-left: 10px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	vertical-align:middle;
}
.active .dropdown-menu a{
	color:#777 !important;
	border-bottom: 1px solid #f4f4f4 !important;
}

.input-group .form-control[readonly]{
	background:#FFF;
} 
.tr_inactive .btn_link_table_color{ color:#FFF;}
.center_align_class{
	text-align:-webkit-center;	
}

.text_colour_green{
color:#f18121 !important;	
}
.display_none_class{
	display:none;	
}

.fixed_width{
	width: 10px !important;	
}
.text_link:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
.text_link:active {
	color:#FFFFFF;
	text-decoration:underline;
}

/* ------------------ for google 2-factor authentication --------------------------*/
.img_pos {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 45%;
}
.g2fa_1{
}
.g2fa_2{
}
.dropdown-menu .active a{color:#fff!important;}
.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus {
    color: #fff !important;
}

.btn-stage1{ color:#FFFFFF !important; background-color:#ffc453 !important; border-color:#ffc453 !important;}
.btn-stage2{ color:#FFFFFF !important; background-color:#ffac53 !important; border-color:#ffac53 !important;}
.btn-stage3{ color:#FFFFFF !important; background-color:#fb890e !important; border-color:#fb890e !important;}
.btn-stage4{ color:#FFFFFF !important; background-color:#f18121 !important; border-color:#f18121 !important;}



.image_icon{ margin-left:10px; }

.black_text{ color:#000000 !important;}
.pending_verification{ background:#fb890e; color:#000;}
.pending_verification h2{ color:#000; }
.panel_report{ border: 1px solid #dadada;}
.panel_report_body{ padding: 20px;}
.timeline .tm-items > li .tm-icon{     width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px; }
.timeline .tm-items > li .tm-icon{ padding: 3px; font-size: 15px;}
.timeline .tm-items > li .tm-box:after{ border: none !important;}
.timeline .tm-body {
    padding: 0px 0;
}
.timeline .tm-items > li .tm-datetime .tm-datetime-time { font-size: 1.5rem;}

.modal_cross_customized{ display:inline; float:right; background:none !important; padding-top:0px; }
.panel_title_customized{ display:inline-block; color:#FFFFFF !important;}
.btn_inactive{ text-align:center; cursor:inherit; width: 100%!important; padding: 10px 0!important; display: block!important;}
a.btn_inactive:hover{ text-decoration:none;}
a.blue, a.blue:hover { color: #29499F; text-decoration:none;}
a.red, a.red:hover { color: #c02432; text-decoration:none;}
body .btn-danger, .btn-success{ color:#fff!important;}

.td_width_for_approve{
	width:100px !important;
}
.margin_left_sample_dwn_diesel{
	margin-left:-10px !important;
}
.centerize { 
    text-align: center !important;
}
.btn_payment_status_color { 
    color: #f18121 !important;
    width:101px;
}
.maximize_min_height{
	padding:20px 20px !important;
}
/* Blog Css */

.margin_0
{
    margin: 0px !important;
}
.margin_top_0
{
    margin-top: 0px !important;
	padding-top: 10px;
}
.margin_top_10
{
    margin-top: 0px !important;
	padding-top: 10px;
	height: 202px;
    text-align: center;
}
.category_background {
    background: #ffffff !important;
}
.category_background_padding a {
    padding: 10px !important;
}
.on_hover_text a:hover {
	color: #29499F;
}
.active_catagory {
	background-color :#f18121 !important;
	color:#FFFFFF !important;
	}
.link_on_heder{
	color:#FFFFFF !important;
	}
.panel_prev_next{
	position: absolute;
    right: 15px;
	top: 21%;
}
.width_75{
	width: 75%;
}
a{ color:#f18121;}
.text-primary {
    color: #f18121 !important;
}
/*custom Css blog page*/
.search-results-list{ max-width:100%;}
.search-content > .tab-content{ padding:0 17px;}
.tab-content{ padding-top:15px!important;}
.search-results-list .result-type{ right:12px;}
/*Animation Slide*/
.animation-element {
  opacity: 0;
  position: relative;
}
/*animation element sliding left*/

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
/*animation slide left styled for testimonials*/

.animation-element.slide-left.testimonial {
  float: left;
  width:100%;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  border: solid 1px #EAEAEA;
}
.animation-element.slide-left.testimonial:hover,
.animation-element.slide-left.testimonial:active{
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}

.animation-element.slide-left.testimonial:nth-of-type(odd) {
  width: 100%;
  
}

.animation-element.slide-left.testimonial:nth-of-type(even) {
  width:100%;
  
}

.animation-element.slide-left.testimonial .right{
  float: left;
}

.animation-element.slide-left.testimonial img {
  border-radius: 50%;
  box-shadow: 0px 1px 3px rgba(51, 51, 51, 0.5);
}


.animation-element.slide-left.testimonial .content {
  float: left;
  width:100%;
}

.animation-element.slide-left.testimonial .rating{}

.animation-element.slide-left.testimonial i {
  color: #aaa;

}

.search-results-list li{ padding:0;}

/*media queries for small devices*/
@media screen and (max-width: 678px){
  /*testimonials*/
  .animation-element.slide-left.testimonial,
  .animation-element.slide-left.testimonial:nth-of-type(odd),
  .animation-element.slide-left.testimonial:nth-of-type(even){
    width: 100%;
    margin: 0px 0px 20px 0px;
  }
  .animation-element.slide-left.testimonial .right,
  .animation-element.slide-left.testimonial .left,
  .animation-element.slide-left.testimonial .content,
  .animation-element.slide-left.testimonial .rating{
    text-align: center;
    float: none;
  }
  .animation-element.slide-left.testimonial img{
    width: 85px;
    height: 85px;
    margin-bottom: 5px;
  }
  
}

.testimonial{background:#F4F4F4!important;}
/*Menu fadein*/
/*************
* FadeInLeft *
*************/


@-webkit-keyframes fadeInLeftmenu { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInLeftmenu { 
    0% { 
        opacity: 0; 
        transform: translateX(-400px); 
    } 
    50%{

       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 

.animate_menu li:hover { 
    -webkit-animation-name: fadeInLeftmenu; 
    animation-name: fadeInLeftmenu; 
}
.search-results-list a:hover{ background:#eee;}
.description_style .panel-body { padding-left:31px; padding-right:31px;}
.search-results-list .result-type{ right:26px; top:0px;}
.description_date{ 
background:#b02a30;
position: absolute;
float: right;
padding: 5px 10px;
right:4px;
color:#fff;} 
.hvr-forward{margin:0;}
.tr_side{ width:13px; height:61px; position:absolute; right:-2px; top:-8px;}
@media only screen and (min-width: 320px) and (max-width: 480px) 
{
	.add_ad_btn 
	{
    	float: none !important;
    	margin-top: 40px !important;
	}
	.custom_panel_heading
	{
		height:100px;	
	}
	/*Blog Page*/
	.search-results-list .result-type{ top:-14px;}
	.panel_prev_next {
 position: absolute;
    right: -5px;
    top: -60%;

}
.panel-heading{ margin-top:59px;}
.panel_prev_next .border_class {border: 1px solid #29499F !important; color:#29499F!important;}
.description_date{ top:-5px!important;}
}
/*new style*/
.panel_prev_next{ text-align:right;}
.label-primary2 {background:#ad2a31!important; padding: 9px 10px; font-size: 13px; border-radius: 0;}
.result-type-post{
right: -9px!important;
top: 18px!important;
}
.tr_side_front_page{ position: absolute; right: -9px; top:5px; z-index:-1;}
.tr_side_front_page img{ box-shadow:none!important;}
.animation-element.slide-left.testimonial{border-radius:5px;}
.green{color:#29499F;}
/*new style*/
.panel_prev_next{ text-align:right;}
.label-primary2 {background:#29499F; padding: 9px 10px; font-size: 13px; border-radius: 0;}
.result-type-post{
right: -9px!important;
top: 18px!important;
}
.tr_side_front_page{ position: absolute; right: -9px; top:1px; z-index:-1;}
.tr_side_front_page img{ box-shadow:none!important;}
.animation-element.slide-left.testimonial{border-radius:5px;}
.green{color:#f18121;} 

.dropdown-menu .active a{color:#fff!important;}
.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus {
    color: #fff !important;
} 

/*new style*/
.panel_prev_next{ text-align:right;}
.label-primary2 {background:#29499F; padding: 9px 10px; font-size: 13px; border-radius: 0;}
.result-type-post{
right: -9px!important;
top: 18px!important;
}
.tr_side_front_page{ position: absolute; right: -9px; top:5px; z-index:-1;}
.tr_side_front_page img{ box-shadow:none!important;}
.animation-element.slide-left.testimonial{border-radius:5px;}
.green{color:#29499F;}
.heading-dark{ color:#252525!important;}
.mb-20{ margin-bottom:20px;}
.form-horizontal .control-label{ text-align:left!important;}
.form-control{height:37px; }
.select2-container--bootstrap .select2-selection--single{ height:37px; line-height:21px;
box-shadow: rgb(0 0 0 / 15%) 3px 3px 0;}
.input-daterange{box-shadow: rgb(0 0 0 / 15%) 3px 3px 0;}
.shadow-box{box-shadow: rgb(0 0 0 / 15%) 3px 3px 0;}
.multiselect {box-shadow: rgb(0 0 0 / 15%) 3px 3px 0;}
.btn-group button{ text-align:left; width:100%; min-height:37px;}

.multiselect .caret{ float:right; margin-top:9px;}
.white{color:#fff!important;}

body .btn-primary {
    color:#fff;
    text-shadow:none!important;
    border:0;    
    /*padding: 11px 26px;*/
    border-width: 2px;
    border-radius:6px!important;
}
.mr10{ margin-right:8px!important;}
.col-sm-half{width:5.33333333%!important;}
.mr75{margin-right:75px;}
.panel_custom_class_energy .panel-actions-custom{position:absolute;}
.header.header-nav-menu .header-nav{ background:#f18121;}
.nav-pills li a{ color:#fff;}
.header.header-nav-menu .header-nav-main nav > ul > li.active > a{ border:1px solid #fff; background:#f18121;}
.nav-pills li .dropdown li a{ color:#777!important;}
.header.header-nav-menu .header-nav-main nav > ul > li > a{ padding:5px;}
.input-group{box-shadow: rgb(0 0 0 / 15%) 3px 3px 0;}
.header.header-nav-menu .header-nav-main nav > ul > li > a:focus {
    color: #fff;
}
.nav > li > a:hover{ border:1px solid #fff;}
.nav-pills li a{ border:1px solid #f18121;}
.nav-pills .dropdown-menu a{ border:none;}
.header.header-nav-menu .header-nav-main nav > ul > li.dropdown:hover > a{ padding-bottom:7px;}
.header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu{ margin-top:-5px;}
.panel-actions-custom .hvr-fade{ border:2px solid #fff!important;}
.multiselect-container{ width:100%!important;}
.btn-group {
    width: 100%;
}
.form-control {box-shadow: rgb(0 0 0 / 15%) 3px 3px 0!important;}
.table-striped th{ background: #e9e9e9; text-transform: uppercase; font-size: 10px; width:15%; text-align:center; color:#545454;}
.table > tbody > tr > td{font-size:11px;}


.btn-primary {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #2098D1;
  color: white;
}
.button-control{     width: 180px!important;
    float: right!important;
    display: block!important; margin-top:5px;}
.uneditable-input{box-shadow: rgb(0 0 0 / 15%) 3px 3px 0!important;}  
.btn-file{box-shadow: rgb(0 0 0 / 15%) 3px 3px 0!important;}  
.active .dropdown-menu li a{ color:#777;} 
/*.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover{ background-color:#fff!important;}*/
.toggle.active i.fa-plus-circle {display: none;}
.toggle > label i{ font-size:1.0em;}
.toggle > label i{ top:2px;}
.summary-icon{
box-shadow: 2px 11px 13px -8px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 11px 13px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 11px 13px -8px rgba(0,0,0,0.75);
}
.dropdown-menu > li > a{ white-space:inherit;}
.dropdown-menu .active a{ color:#fff!important;}

.dropdown-menu li:hover{ background:#f18121!important;}

.dropdown-menu li a:hover{ background:#f18121; color:#fff!important;}
.active .dropdown-menu li a{ color:#000!important;}
.active .dropdown-menu .active a{ color:#fff!important;}
.height-fix-chart-left{min-height:380px;}
.mt-60{ margin-top:60px;}
.mt25{ margin-top:25px;}
.form-horizontal .col-sm-1{width: 5.333333%!important;}
.multiselect-container li{background:none;}
.frappe-chart{ width:400px!important;}
body .btn-primary:hover{background-color: #b02a30!important;}
.pt0{ padding-top:0!important;}
/*Energy CSS*/
html .panel-primary .panel-heading{ display:flow-root;}

.btn-group .hvr-sweep-to-bottom { border-radius:6px!important; border:2px solid #FFF !important; margin-right:8px!important;
box-shadow: -1px 3px 17px -4px rgba(0,0,0,0.75);
-webkit-box-shadow: -1px 3px 17px -4px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 3px 17px -4px rgba(0,0,0,0.75);
}
.btn-block{padding-top:19px;}
#btn-search{ position:relative;
border: 2px solid #f18121;
padding-left: 44px;
padding-top: 9px;
padding-bottom: 9px;
padding-right: 20px;
background:#fff!important;
color:#f18121!important;
}
#btn-search i {
   color: #fff;
position: absolute;
z-index: 1;
left:10px;
top: 11px;
}
#btn-search:after{ 
position: absolute;
content: '';
width: 35px;
height: 38px;
left:-1px;
top: 0px;
background: #f18121;
}


#btn-reset{ position:relative;
border: 2px solid #f18121;
padding-left: 44px;
padding-top: 9px;
padding-bottom: 9px;
padding-right: 20px;
background:#fff!important;
color:#f18121!important; margin-left:17px;
}
#btn-reset i {
   color: #fff;
position: absolute;
z-index: 1;
left:11px;
top: 11px;
}
#btn-reset:after{ 
position: absolute;
content: '';
width: 35px;
height: 38px;
left: 0px;
top: 0px;
background: #f18121;
}
.button-outer-div a{ padding:9px 19px;}
.button-outer-div a:hover{ border:2px solid #fff!important;}


.button-outer-div a i{
	font-size: 18px;
margin-right: 9px;
	}
.btn-group{width:100%;}

.table-striped th{ background: #e9e9e9; text-transform: uppercase; font-size: 12px; width:12%; text-align:center; color:#545454;}
.panel_body_custom_class_energy .col-sm-1{width:5.333333%!important;}
.reset-position{ position:static!important;}
/*.change_chart_circle{width:80px; margin-left:5px;}
.change_chart_nr{width:80px; margin-left:5px;}
.change_chart_energy_expenditure{width:80px; margin-left:5px;}
.change_chart_payable_amount{width:80px; margin-left:5px;}
.change_chart_unit{width:80px; margin-left:5px;}
.change_chart_eb{width:80px; margin-left:5px;}
.change_chart_energy_cost{margin-left:5px; width:48%;}*/
.width-control-consumer th{ width:auto;}

select{ background:#fff!important;}

.table-bordered{background:#fff!important;}
.table-bordered td{width:auto!important;}
.action .comment_log_td{margin-top:8px!important;}
.action .btn_link_table_color {
    border: 1px solid #f18121;
    min-width: 55px;
    border-radius: 6px!important;
    min-width: 105px;
    text-align:center;
    padding:3px;
    color:#f18121!important;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}
.fa-file-pdf-o{border: 0;
    padding: 0!important;
    min-width: auto!important;}
   
.action .btn_link_table_color:hover {
    background-color:#0099e6!important;
    color: white!important;
    text-decoration:none;
}
.cursor_pointer{color:#777!important;}
.btn_link_table_color:hover i{ color:#fff!important;}
.cursor_pointer:hover{ background:none!important; color:#777!important;}
.btn_payment_status_color {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    border: 1px solid #58b4ff;
    min-width: 55px;
    border-radius: 6px!important;
   	
    text-align: center;
    padding: 3px;
  
    color: #f18121!important;
}
.btn_payment_status_color:hover {
    background-color: #58b4ff;
    color: white!important;
    text-decoration:none;
}
.available-balance-block {
    background: #fdf7e8;
    padding: 16px 22px;
    margin-bottom: 25px;
    border-radius: 10px;
    border: 2px solid #ffe096; overflow:hidden; width:300px;
}
.available-balance-block h5 {
    font-size: 23px;
    color: #1D75BC;
}
.mt-30{margin-top:30px;}
.pagination .prev a i{line-height:18px;}
.pagination .next a i{line-height:18px;}
.header.header-nav-menu .header-nav-main nav > ul > li:hover > a{ background:#b02a30!important;}
html .panel-primary .panel-heading {
    background: #f18121;
    border-color: #f18121;
}
.card-featured-success{border-color: #f18121;}
.bg-primary{background:#f18121!important;}
.pagination > li a{color:#f18121 !important;}
html .pagination > li.active a, html.dark .pagination > li.active a{color: #fff!important;}
.btn-border a{ display: block; font-size:10px;
    border:1px solid #f18121; border-radius:5px;
    padding:5px 10px;
    text-align: center;}
.btn-border a i{ color:#f18121!important;}    
.btn-border a:hover i{ color:#f18121!important; color:#fff!important;} 
.btn-border a:hover{text-decoration:none; color:#fff!important; background:#b02a30;} 
.header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    border-top: 5px solid #f18121;
}




.input_container {
  border: 1px solid #e5e5e5;
}

input[type=file]::file-selector-button {
  background-color: #e9ecef;
  color: #000;
  border: 0px;
  border-right: 1px solid #e5e5e5;
  padding: 10px 15px;
  margin-right: 20px;
  transition: .5s;
}

input[type=file]::file-selector-button:hover {
  background-color: #eee;
  border: 0px;
  border-right: 1px solid #e5e5e5;
}
.input-append .form-control{padding:0!important;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover {
    background-color: #f18121 !important;
}
.dropdown-menu > .active > a{background-color: #f18121 !important;}
.dropdown-menu > .active > a {
    background-color: #f18121 !important;
}
.btn_link_table_color {
    border: 1px solid #f18121;
    padding: 7px 12px;
    border-radius: 6px;
}
.btn_link_table_color i{ color:#f18121;}
.btn_link_table_color:hover{ background:#b02a30!important; color:#fff!important; text-decoration:none;}
.btn_link_table_color:hover{background:none;}
.btn_link_table_color{background:none;}
.bottom-border-td{border-bottom:1px solid #ddd!important;}
.viewbill-btn{
    display: block;
    border: 1px solid #f18121!important;
    border-radius: 5px!important;
    padding: 5px!important;
    text-align: center!important; width:111px;
}
.w-76{width:76px;}
.icon_hover:hover i {
    color:#f18121!important;
}
.text_colour_blue{ color:#f18121;}
.timeline .tm-items > li .tm-datetime .tm-datetime-time {
    color:#f18121;
}
.mfp-close, .mfp-close-btn-in .mfp-close{color:#fff!important;}

.background_ebill_comment_log{background:#17b5ff!important; color:#fff;}
.background_ebill_comment_log .fa-comment{color:#fff!important;}
.background_ebill_comment_log:hover{background:#b02a30!important;}
.btn_payment_status_color .fa-comment{color:#f18121;}
.action-cell{min-width:332px;}
.bg-color2 .bg-quartenary{background:#95b501!important;}
.bg-color2{border-left-color: rgb(149, 181, 1)!important;}
.bg-color-3 .bg-primary{background:#0184b5!important;}
.bg-color-3{border-left-color: rgb(1, 132, 181)!important;}
.bg-color-4 .bg-tertiary{background:#b02a30!important;}
.bg-color-4{border-left-color: #b02a30 !important;}
.select2-container--bootstrap {
    display: block;
    width: 100%!important;
}
.set-btn a{ width:auto; padding:5px;} 
#chart_energy_expenditure{margin-right:6px;}
#chart_payable_amount{margin-right:6px;}
.set-btn a{ margin-bottom:8px;}
.mt-9{ margin-top:9px;}
a:focus{text-decoration:none!important;}
.btn-stage4:hover{background:#b02a30!important; }
.popover{max-width:auto!important;}
.checkbox-size{ width:45px!important; display:block;}
.background_ebill_comment_log{background:#036b11!important;  border:1px solid #036b11!important;}
.background_ebill_comment_log .fa-comment{color:#fff!important;}
.background_ebill_comment_log:hover{background:#58a200!important;}
.btn_payment_status_color .fa-comment{color:#2E57A7;}
.attach-error { color: #B94A48; margin-top: 2px; font-size: 0.9em;}
.btn-attachment-submit {margin-top: 14px;}
.panel-server-msg .progress {height: 26px; display:none; }
.panel-server-msg .progress-bar.active, .panel-server-msg .progress.active .progress-bar {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
}
.reinitiaion-required-bill-count{padding:16px 22px; border:2px solid #9adff5; margin-left:18px;}
.panel-server-msg .progress-bar-striped, .panel-server-msg .progress-striped .progress-bar {
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
}
.panel-server-msg .progress-bar {
	float: left;
	width: 0%;
	height: 100%;
	font-size: 12px;
	line-height: 26px;
	color: #fff;
	text-align: center;
	background-color: #337ab7;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease;
}
.select2-container{width: 100%!important;} 
.remarks-btn{background: none !important;}
.remarks-btn .fa-comment{color:#036b11!important;}
.remarks-btn:hover{background:#b02a30!important;}
.white{color:#fff!important;}
.actions .background_ebill_comment_log{color:#fff!important;}
.available-balance-block{float:left;}
.reinitiaion-required-bill-count{ float:left; background:#d5edf5; border-radius: 10px;}
#modalSuccess .panel-body{ border-radius:0;} 
.btn_link_table_color{min-width:137px; text-align:center;}
.table .actions a{ width:139px;}
.pfp-bg{background:#D1AE32!important;}
.pfp-border{border-color:#D1AE32!important;}

.pfr-bg{background:#C98D32!important;}
.pfr-border{border-color:#C98D32!important;}

.edb-bg{background:#D26745!important;}
.edb-border{border-color:#D26745!important;}

.UCKWH{background:#7A7D5B!important;}
.UCKWH-border{border-color:#7A7D5B!important;}

@media all and (max-width: 1366px) {
.m-table-responsive{width:1800px!important;}
}
