
@font-face {
  font-family: Futura Md BT;
  src: url('../fonts/FuturaMediumBT.ttf');
}
@font-face {
  font-family: Futura Bk BT;
  src: url('../fonts/FuturaBookBT.ttf');
}
@media only screen and (min-width: 1200px) {
	.container-xl, .container-lg, .container-md, .container-sm, .container {
	    max-width: fit-content;
	}
	.list_container{
		max-width: inherit;
	}
	.pass_change{
		max-width: 1140px;
	}
}

/**
 * header css
*/
.margin_to_bottom_30{
	margin-top: 30px;
	margin-bottom: 30px;
}

.margin-top-10{
	margin-top: 10px;
}
.header_link{
	width: fit-content;
	margin-left: 20px;
	color: #161D1F;
	font-family: 'Futura Md BT';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	list-style-type: none!important;
	display: inline-block;
}
.header_login_user_img{
	width: 18px;
	height: 18px;
}
.header-container{
	background: #E9E9E9;
	padding: 30px 20px;
	position: fixed;
    z-index: 9;
}
.footer-container{
	background: #D9D9D9;
	padding: 35px 20px;
}
.nav_bar_right{
	text-align: right;
	padding-right: 5%;
}
/**
 * Banner css
 **/
.banner-container img{
	max-width: 100%;	
	width: 100%;	
}
.banner-container{
	position: relative;
}
.banner-floating-text{
	position: absolute;
	bottom: 10%;
	left: 5%;
}
.banner-floating-text p{
	font-family: 'Futura Bk BT';
	font-style: normal;
	font-weight: 500;
	font-size: 50px;
	line-height: 15px;
	display: flex;
	align-items: center;
	color: #161D1F;
	
}
.banner-floating-text label{
	font-family: 'Futura Bk BT';
	font-style: normal;
	font-size: 50px;
	/*line-height: 77px;*/
	display: flex;
	align-items: center;
	color: #161D1F;
}

/**
 * Middle content css 
 * **/
.content-header{
	font-family: 'Futura Md BT';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #161D1F;
	margin-top: 32px;
}
.content-text{
	margin-top: 25px;
	font-family: 'Futura Bk BT';
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 24px;
	color: #161D1F;
	display: block;
}
.container .left-6-content{
	padding-left: 0px;
}
.left-6-img img{
	margin: auto;
	margin-top: 20px;
	width: 100%;
}
.rc-only-background{
	width: 92%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 10px;
	background: rgba(22, 29, 31, 0.4);
	opacity: 0.35;
	height: 400px;
}
.content-border{
	border: 1px solid #161D1F;
	border-radius: 4px;
	padding: 20px 3%;
	margin-top: 20px;
}
.content-border p{
	font-family: 'Futura Md BT';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #161D1F;
}
.margin-bottom-80{
	margin-bottom: 80px;
}
.underline-text{
	text-decoration-line: underline;
}
.content-6-border{
	border: 1px solid #161D1F;
	border-radius: 4px;
	width: 47%;
	margin-top: 15px;
	margin-bottom: 20px;
	padding: 15px 15px;
	position: relative;
}
.rc-left-box{
	margin-right: 3%;
	width: 47%;
	cursor: pointer;
}
.rc-right-box{
	margin-left: 3%;
	width: 47%;
	cursor: pointer;
}
.content-6-border .content-text{
	margin-top: 7px;
}
.rc_angle_down{
	position: absolute;
	top: 20px;
	right: 20px;
}
.rc_angle_down i {
	font-size: 20px;
}
.big-text p{
	font-family: 'Futura Bk BT';
	font-style: normal;
	font-weight: 500;
	font-size: 50px;
	line-height: 18px;
	display: flex;
	align-items: center;
	color: #161D1F;	
	margin-top: 70px;
}
.big-text label{
	font-family: 'Futura Bk BT';
	font-style: normal;
	font-size: 50px;
	display: flex;
	align-items: center;
	color: #161D1F;	
	padding-bottom: 120px;
	border-bottom: 1px solid #161D1F;
	/*margin-bottom: 10px;*/
}
.content-graph-image{
	margin: 20px 0px 70px;
}
.content-graph-image img{
	display: block;
	margin-bottom: 10px;
}
.col-sm-12 .rc_inline_block{
	display: inline-block;
}
.rc-input-html{
	margin-left: 20px;
	border: 1px solid #161D1F;
	border-radius: 4px;
	padding: 8px 10px;
	width: 15%;
	/*text-align: right;*/
	font-size: 15px;
	font-family: 'Futura Bk BT';
	font-style: normal;
	font-weight: 400;
	color: #161D1F;
}
.rc-input-html span{
	float: right;
}
.arrow_section_layout{
	width: 47%;
  	margin-top: 0px;
  	margin-bottom: 20px;
  	padding: 0px 0px;
  	/*border: 1px solid #161D1F;*/
}
.arrow_section_layout .content-header{
	margin-top: 10px;
	margin-right: 10px;
}
.arrow_section_layout .content-text{
	margin-top: 10px;
}
.align-top{
	vertical-align: top;
}
.rc_left_box_close_section .rc_input_header_column , .rc_right_box_close_section .rc_input_header_column{
	width: 60px;
    text-align: center;
    display: inline-block;
    border: 1px solid;
    font-family: 'Futura Bk BT';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 5px;
    margin-right: 5px!important;
    margin-left: 30px!important;
    text-align: center;
}
.rc_left_box_close_section .rc_input_header_column.active , .rc_right_box_close_section .rc_input_header_column.active{
	background: #161D1F;
	color: #E9E9E9;
}
.rc_left_box_close_section .rc_input_header_column.active.focus , .rc_right_box_close_section .rc_input_header_column.active.focus{
	outline: 0px auto -webkit-focus-ring-color!important;
}
body .border-layout{
	border: 1px solid #161D1F!important;
	border-radius: 4px!important;
}
.rc_left_box_close_section , .rc_right_box_close_section{
	padding-bottom: 50px;
    border-bottom: 1px solid #161D1F;
}
.rc_left_box_close_section .left ,.rc_right_box_close_section .left{
	width: 56%;
	overflow: hidden;
}
.rc_left_box_close_section .right ,.rc_right_box_close_section .right{
	width: 43%;
	overflow: hidden;
	padding-left: 30px;
}
.rc_input_column.border-layout {
    margin-left: 31px;
    padding: 10px 15px;
    width: 80%;
}
.left_angle_open_display_blocks .fa-exclamation ,.rc_right_box_close_section .fa-exclamation{
	font-size: 10px;
    border: 1px solid;
    padding: 1px 4px;
    border-radius: 137px;
}
.submit_button{
	text-align: center;
	margin-top: 30px;
}
.submit_button input,.submit_button a{
	font-family: 'Futura Bk BT';
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 22px;
	text-align: center;
	padding: 7px 30px;
	background: #fff;
	color: inherit;
}
.monthly_input_section{
	display: block;
	width: 100%;
	text-align: center;
}
.consumption_measurement_set_section{
	display: inline-block;
	width: 32.5%;
	padding-right: 5%;
}
.consumption_measurement_set_section label{
	width: 100%;
	font-family: 'Futura Bk BT';
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 19px;
	margin-top: 30px;
}
.consumption_measurement_set_section input{
	width: 90%;
	font-family: 'Futura Bk BT';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	padding: 10px 20px;
}
.yearly_measurement .right {
	text-align: right;
    width: 100%;
}
.yearly_measurement .right select{
	width: 30%;
	display: block;
    margin-left: auto;
    border: 0px;
    padding: 5px 10px 5px 0px;
    font-family: 'Futura Bk BT';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;

}
.yearly_measurement .right:after{
	border: 1px solid #161D1F!important;
    border-radius: 4px!important;
}
.right_angle_open_display_blocks .right_anual_year option {
  	border: 1px solid #161D1F!important;
    border-radius: 4px!important;
    max-height: 20px;
    overflow: auto;
}
.yearly_measurement .right input{
	width: 30%;
	display: block;
    margin-left: auto;
    border: 0px;
    padding: 5px 10px;
    font-family: 'Futura Bk BT';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;

}
select:focus-visible {   
    outline: -webkit-focus-ring-color auto 0px;
}
.rc_public_place_input_section ,.email_section , .additional_info{
	width: 35%;
	margin-top: 10px;
}
.rc_public_place_input_section select{
	width: 100%;
	display: block;
    /*margin-left: auto;*/
    border: 0px;
    padding: 5px 10px 5px 0px;
    font-family: 'Futura Bk BT';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;

}
.rc_public_place_input_section input {
	width: 100%;
	display: block;
	padding: 5px 10px;
    font-family: 'Futura Bk BT';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}
.rc_public_place_street_num,.rc_num_of_users{
	width: 15%;
	margin-top: 10px;
	margin-left: 20px;
}

.top_label label{
	font-family: 'Futura Bk BT';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	display: block;
}
.top_label input,.additional_info textarea{
	width: 100%;
	display: block;
	padding: 5px 10px;
    font-family: 'Futura Bk BT';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}
.address_input{
	margin-top: 20px;
	/*margin-top: 20px;*/
	width: 31%;
	margin-right: 2%;
}
.rc_num_of_users{
	margin-left: 0px;
}
.time_block{
	margin-top: 10px;
	width: 12.7%;
	margin-right: 1%;
}
.additional_info{
	margin-bottom: 20px;
}
.additional_info textarea{
	height: 120px;
}
.form_submit_button{
	margin-bottom: 70px;
}
.file_section{
	width: 48.5%;
	margin-right: 1%;
	padding: 10px 10px;
	margin-top: 10px;
}
.file_section .rc_inline_block{
	vertical-align: middle;
}
.file_section .content-header{
	font-size: 16px;
	line-height: 17px;
	overflow: hidden;
	margin-right: 2px;
	white-space: nowrap
}
.file_section .content-text{
	font-size: 13px;
	line-height: 17px;
}
.file_section .image_section{
	width: 13%;
}
.file_section .text_section{
	width: 75%;
}
.cancel_section{
	width: 5%;
	text-align: right;
}
.add_document{
	border: 1px solid #161D1F;
	border-style: dotted;
	text-align: center;
	padding: 30px 0px;
	margin-bottom: 20px;
}
/**
 * footer css
 * **/
.footer-left-text{
	font-family: 'Futura Md BT';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #161D1F;
	padding: 0px;
	margin-bottom: 10px;
}
.footer-left-img{
	padding: 15px;
	padding-bottom: 0px;
}
.footer-left-img img{
	max-width: 100%;
	height: 80px;
}
.rc_footer_email_title{
	font-family: 'Futura Md BT';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #161D1F;
	margin-bottom: 0px;
}
.rc_footer_email_content{
	font-family: 'Futura Md BT';
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 19px;
	color: #161D1F;
}
.rc_footer_email_content img{
	width: 18px;
	margin-right: 5px;
}
.hide{
	display: none!important;
}
.margin-top-2{
	margin-top: 10px!important;
}
.margin-top-0{
	margin-top: 0px!important;
}
.padding-0{
	padding: 0px!important;
}

/*table css*/
.detail_th{
	width: 18%;
}
.detail_td{
	width: 75%;
}
.uppercase{
	text-transform: uppercase;
}
.dropdown-menu-end.show .dropdown-item{
	font-family: 'Futura Md BT';
    font-style: normal;
    font-size: 15px;
}
.profile_img{
	max-width: 100px;
}
.profile_img img{
	width: 100%;
}
.button_change_image{
	padding: 10px;
	cursor: pointer;
	margin-top: 15px;
}
.background_white{
	background: #fff !important;
}
.login input.form-control {
	width: 80%;
}
.login .submit_button {
	text-align: left;
}
.width_49{
	width: 49%;
}
.bold {
	font-weight: 800;
	font-family: 'Futura Md BT';
    font-style: normal;
    font-size: 18px;
}
.energy_estimation_right_set{
	margin-left: 53%;
}
.energy_estimation_right_set .rc-input-html{
	width: 30%;
}

.header-logo.banner-floating-text{
	position: absolute;
    bottom: 10%;
    left: 0%;
    top: 0%;
    z-index: 999;
    background: #E9E9E9;
    width: fit-content;
    height: fit-content;
    padding: 25px 60px 22px 70px;
    
}
.header-logo.banner-floating-text p {
	font-size: 27px;
	line-height: 19px;
}
.header-logo.banner-floating-text label {
	font-size: 27px;
}
.tooltip-inner {
    max-width: 500px !important;
    word-break: break-all;
    text-align: left;
    padding: 20px;
}
.tooltip-inner span{
	text-decoration: underline
}
.input-group .input-group-text{
	height: 34px;
    text-align: -webkit-center;
    font-size: 13px;
    width: fit-content;
}
.has-feedback input{
	text-align: left;
}
.has-feedback .form-control-feedback {
    position: absolute;
    top: 48%;
    right: 1%;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}
.has-feedback  .meter_sr{
	top: 12%;
    right: 6%;
}
.monthly_input_section .has-feedback label~.form-control-feedback {
    top: 61%;
    right: 24%;
}
.align-top{
	vertical-align: top;
}

.loader_container .loader_image{
	width: 17px;
	margin-left: 13px;
}
.header_menu{
	display: block;
}
.mobile_menu{
	display: none;
}
@media only screen and (max-width: 767px) {
	.header_menu{
		display: none;
	}
	.navbar-inverse .container{
		margin-top: 25px;
	}
	.mobile_menu{
		display: block;
		z-index: 9999;
	    width: 100%;
	    background: none;
	    position: absolute;
	}
	.mobile_menu .navbar-header button{
		top: -20px;
	    position: absolute;
	    right: -6px;
	    z-index: 99999;
	}
	.mobile_menu .navbar-inverse {
	    background: none;
	    border: none;
	}
	.mobile_menu .navbar-inverse #navbar{
	    background-color: #fff;
	    
	}
	.mobile_menu .navbar-inverse .navbar-toggle{
		background-color: black;
	}
	.mobile_menu li.dropdown .dropdown-toggle{
		text-align: left;
	}

	.mobile_menu .dropdown-menu>li>a {
	    width: fit-content;
	    margin-left: 20px;
	    color: #161D1F;
	    font-family: 'Futura Md BT';
	    font-style: normal;
	    font-weight: 400;
	    font-size: 18px;
	    line-height: 22px;
	    text-align: center;
	    list-style-type: none!important;
	    display: inline-block;
	}
	.mobile_menu .navbar-inverse .navbar-nav>li>a {
	    color: #161D1F;
	}
	.mobile_menu .navbar-inverse li.dropdown .dropdown-toggle{
		font-family: 'Futura Md BT';
	    font-style: normal;
	    font-weight: 800;
	    font-size: 18px;
	    line-height: 22px;
	    color: #161D1F;
	    margin-left: 20px;
	}
	.mobile_menu .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	    color: #161D1F;
	}
	.mobile_menu .navbar-inverse .navbar-nav>.open>a,.mobile_menu .navbar-inverse .navbar-nav>.open>a:focus,.mobile_menu .navbar-inverse .navbar-nav>.open>a:hover{
		color: #fff;
	}
}
.navmenu-mobile {
  position: absolute;
  right: 80px;
  top: 15px;
  text-align: center;
}

@media (min-width: 768px) {
  .logo-center {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    margin: auto;
  }
}
@media only screen and (max-width: 500px) {
	.header-logo.banner-floating-text p {
	    font-size: 17px;
	    line-height: 4px;
	}
	.header-logo.banner-floating-text label {
	    font-size: 17px;
	}
	.header-logo.banner-floating-text {
	    padding: 19px 38px 10px 41px;
	}
	.rc-left-box {
	    width: 100%;
	    margin-right: 0%;
	}
	.rc-right-box {
	    margin-left: 0%;
	    width: 100%;
	}
	.rc_left_box_close_section .right, .rc_right_box_close_section .right {
	    width: 25%;
	    padding-left: 5px;
	}
	.rc_left_box_close_section .left, .rc_right_box_close_section .left {
	    width: 73%;
	}
	.rc_input_column.border-layout {
	    margin-left: 9px;
	    padding: 10px 15px;
	    width: 90%;
	}
	.rc_right_box_close_section  .yearly_measurement{
		width: 100%;
	}
	.rc_right_box_close_section  .yearly_measurement .rc_inline_block.align-top.right{
		width: 100%;
	}
	.yearly_measurement .right select ,.yearly_measurement .right input{
    	width: 40%;
    }
    .rc-input-html{
    	width: 37%;
    }
    .rc_public_place_input_section, .email_section, .additional_info {
	    width: 40%;
	}
	.rc_public_place_street_num, .rc_num_of_users {
	    width: 20%;
	}
	.address_input {
	    width: 41%;
	}
	.rc_num_of_users {
	    width: 41%;
	}
	.time_block {
	    width: 21.7%;
	}
	.additional_info{
		width: 100%;
	}
}
@media only screen and (max-width: 400px) {
	.rc_left_box_close_section .rc_input_header_column, .rc_right_box_close_section .rc_input_header_column {
	    width: 48px;
	    margin-left: 25px!important;
	}
	.rc_input_column.border-layout {
	    margin-left: 5px;
	    padding: 10px 15px;
	    width: 94%;
	}
	.rc_right_box_close_section .rc_input_header_column {
	    width: 57px;
    	margin-left: 21px!important;
	}
	.rc-input-html {
	    width: 34%;
	}
}
@media only screen and (max-width: 350px) {
	#app{
		width: 100%;
    	overflow: auto;
	}
	.rc_left_box_close_section .rc_input_header_column, .rc_right_box_close_section .rc_input_header_column {
	    width: 48px;
	    margin-left: 13px!important;
	}
	.rc_input_column.border-layout {
	    margin-left: 3px;
	    padding: 10px 15px;
	    width: 94%;
	}
	.rc_right_box_close_section .rc_input_header_column {
	    width: 52px;
    	margin-left: 11px!important;
	}
	.rc-input-html {
	    width: 34%;
	}
	.consumption_measurement_set_section {
	    width: 32%;
	}
	.content-graph-image img {
	    max-height: 29px;
	}
	.rc-input-html {
	    width: 33%;
	    margin-left: 9px;
	}
}

@media (max-width: 1023px) {
	#app .banner-container{
		padding-top: 6%;
	}
}

@media (max-width: 900px) {
	#app .banner-container{
		padding-top: 9%;
	}
}

@media (max-width: 790px) {
	#app .banner-container{
		padding-top: 13%;
	}
}

@media (max-width: 767px) {
	#app .banner-container{
		padding-top: 8%;
	}
}

@media (max-width: 555px) {
	#app .banner-container{
		padding-top: 11%;
	}
}

@media (max-width: 430px) {
	#app .banner-container{
		padding-top: 14%;
	}
}

@media (max-width: 375px) {
	#app .banner-container{
		padding-top: 16%;
	}
}

@media (max-width: 320px) {
	#app .banner-container{
		padding-top: 19%;
	}
}

.rc_footer_email_content,.content-border .underline-text{
	word-break: break-all;
}