/* 04-06-2021 start  */
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
 

/*.popup-add {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  height: 500px;
  overflow-y: scroll;
  width: 100%;
}
.page-content-wrapper {
	position: relative;
}*/



body {
	font-size: 16px;
	font-family: 'Helvetica Neue';
}
@font-face {
    font-family:'Helvetica Neue';
    src: url('Helvetica Neue.eot');
	src: url('Helvetica Neue.eot?#iefix') format('embedded-opentype'),
		url('Helvetica Neue.woff2') format('woff2'),
		url('Helvetica Neue.woff') format('woff'),
		url('Helvetica Neue.svg#Helvetica Neue') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0-10FFFF;
}

@font-face {
    font-family:'Helvetica Neue';
    src: url('Helvetica Neue Medium.eot');
	src: url('Helvetica Neue Medium.eot?#iefix') format('embedded-opentype'),
		url('Helvetica Neue Medium.woff2') format('woff2'),
		url('Helvetica Neue Medium.woff') format('woff'),
		url('Helvetica Neue Medium.svg#Helvetica Neue Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0-10FFFF;
}

@font-face {
    font-family:'Helvetica Neue';
    src: url('Helvetica Neue Bold.eot');
	src: url('Helvetica Neue Bold.eot?#iefix') format('embedded-opentype'),
		url('Helvetica Neue Bold.woff2') format('woff2'),
		url('Helvetica Neue Bold.woff') format('woff'),
		url('Helvetica Neue Bold.svg#Helvetica Neue Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0-10FFFF;
}



.form-items #signup-form label, .form-items #forgot-pass label {
	font-size: 11px !important;
	color: #dd4b39;
	display: block;
}
.form-items #login-form .custom-control-label{
    font-size: 13px;
	color: #dd4b39;
	display: block;
    color: #000;
    
}
.form-items #forgot-pass span {
	font-size: 14px;
	padding-bottom: 10px;
	display: block;
}

.form-items .alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
	padding: 4px 5px;
	font-size: 12px;
	border-radius: 5px;
	display: block;
	margin-bottom: 8px;
}


.page-template-new-password #new-pass .form-group {
	display: block;
}
.page-template-new-password .form-group .btn
.page-template-forget-password .form-group .btn,
.page-template-new-password .form-group .btn{
	background: #117ec2;
	margin-top: 15px;
}
.page-template-forget-password .form-group .btn:focus, .page-template-new-password .form-group .btn:focus{
    color: #fff !important;
}
.page-template-forget-password .form-group .btn:hover, .page-template-new-password .form-group .btn:hover {
	background: #18466a !important;
}
.form-group #submit, .page-id-235 #signup-form #submit {
	background: #117ec2;
}
.page-id-235 #signup-form #submit:hover {
	background: #18466a;
}
.page-id-235 #signup-form #submit:focus{
    color: #fff !important;
}
.page-template-forget-password .form-group label {
	display: none;
}
.page-template-forget-password .form-group {
	display: block;
}
.form-content .page-links a.active::after {
	background-color: #117EC2 !important;
}
.edge-lit-ul li .input-proj {
	margin-right: 10px;
	min-width: 40px;
	padding: 3px 5px;
	font-size: 11px;
	display: inline-block;
	width: 3%;
}
/*********21-20-2021**********/
.navbar-custom ul li span .shortname {
	height: 45px;
	width: 45px;
	background: #fff;
	border-radius: 50px;
	color: #117ec2;
	text-align: center;
	line-height: 45px;
	margin-left: 15px;
    cursor:pointer;
}
.website-logo .logo img {
	display: none !important;
}

#nestable_list_1 #e_pro_name {
	font-weight: bold;
	color: #000;
	font-size: 14px;
}
.cc-selector-2 {
	position: relative;
}
.radio-error {
	position: absolute;
	bottom: -35px;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: table;
}
.form-group #entercircuite-error {
	position: absolute;
	left: 0;
	bottom: -35px;
}
.modal.fade.show .modal-body .form-group {
	display: block;
	margin-bottom: 15px;
    position: relative;
}
.form-items .logo img {
    width: 50%;
}
.form-items .logo {
    margin: 0 auto;
    display: table;
    float: none;
    text-align: center;
    padding-bottom: 20px;
}
/****************31-08-21****************/
#nestable_list_1 > ul {
	padding-left: 0;
}
.wattage-comm {
	margin-top: 12px;
	margin-left: 44px;
}
.wattage-comm label {
	font-size: 15px;
	font-weight: normal;
	padding-left: 5px;
}
.wattage-comm .input-proj {
	border: 1px solid #dadada !important;
	min-width: 40px !important;
		width: 8%;
}
.edit-cu-fm form .form-group {
	margin-top: 20px;
	display: flex;
}
.edit-cu-fm form div:first-child {
	margin-top: 0;
}
.edit-cu-fm {
	background: #fff;
	float: left;
	width: 100%;
}

.edit-cu-fm .form-group input[type="number"]::-webkit-inner-spin-button, 
.edit-cu-fm .form-group input[type="number"]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.drope-in {
	position: absolute;
	min-width: 172px;
	background: #fff;
	padding: 15px;
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
	bottom: -54px;
	z-index: 1000;
	right: 0;
	visibility: hidden;
	opacity: 0;
	display: block;
	transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	transition: all 0.3s;
}
.list-inline-item:hover .drope-in {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}

/*****************customer css***********************/

ul.hover-dropdown-s li {
	display: inline-block;
}
.archive ul.hover-dropdown-s li a {
    padding: 0 5px;
}
ul.open_hover_dropdown-s { padding-left: 0 !important;}
.adding-project a.add-input-proj {
	height: auto !important;
	width: auto !important;
	background: linear-gradient(white, #e6e6e6) !important;
	color: #525252 !important;
	padding: 5px 9px;
	font-size: 12px;
	border: 1px solid #dadada;
}

.adding-project input.input-proj {
	border: 1px solid #dadada;
	min-width: 40px !important;
	width: 3%;
	text-align: center;
}
.adding-project input.input-proj:focus {
	border-color: #508aeb;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.adding-project a#e_nickname {
	border: 1px solid #dadada;
	background: linear-gradient(white, #e6e6e6) !important;
	font-size: 11px;
	padding: 5px 7px;
	height: 29px;
	margin-top: 7px;
}

.adding-project span#nikename {
	padding: 0 5px;
}
.adding-project a.copy-input-proj {
	display: inline-block;
	vertical-align: middle;
	padding: 5px 7px;
	border: 1px solid #dadada;
	font-size: 11px;
	color: #000000 !important;
	background: linear-gradient(white, #e6e6e6) !important;
	height: 29px;
	margin-top: 7px;
	color: #525252 !important;
}
button.add-input-m {
	background: linear-gradient(white, #e6e6e6) !important;
	border: 1px solid #dadada;
	color: #000;
	padding: 4px 10px;
	font-size: 12px;
}

button.add-input-m:hover{
							background: linear-gradient(white, #c5c5c5);
							color: #1d1d1d;	
}

/** FAQ CSS START **/

.faq-title h2 {
    font-size: 20px;
}
.faq-section span.badge {
    width: 22px;
    height: 22px;
    line-height: 16px;
    float: left;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100%;
    text-align: center;
    background: #117ec2;
    color: #fff;
    font-size: 12px;
    margin-right: 20px;
}
.faq-section h5.faq-title {
    cursor: pointer;
    color: #212529;
    font-size: 18px;
	font-weight: 400;
	margin: 2px 0 !important;
}
.faq-section .card-body p { color: #707070;}
.faq-section .card-header { border-bottom: 1px solid #dee2e6 !important;padding: 15px 12px !important;}
.faq-section .card-header{background-color: #fff;}
.faq-section .card { padding: 0 1.25rem !important;}
.faq-section .card:last-child .card-header{border-bottom:none !important;}
h5.sec-title { font-size: 16px; margin: 8px 0;}  
.faq-section  span.arrow {
    width: 8px;
    height: 8px;
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    border-top: 2px solid rgba(0, 0, 0, 0.33);
    border-right: 2px solid rgba(0, 0, 0, 0.33);
    float: right;
    position: relative;
    top: 5px;
    right: 19px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
 .arrow-down span.arrow  {transform: rotate(135deg) !important;}
 .collapsed span.arrow{
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg) !important;
 }
/****************11-08-2021****************/

.page-id-304 .table-over-in tbody td {
	width: 50%;
}
.page-id-304 .card.m-b-30,.page-id-609 .card.m-b-30 {
	float: left;
	display: block;
	width: 100%;
}
.page-id-304 .table-over-in tbody td a {
	padding: 0 05px;
}
.page-id-304 .table-over-in tbody td a i {
	padding: 0 !important;
}
.page-id-304 .table-over-in tbody tr td:nth-child(2) {
	width: 12%;
	text-align: center;
}
.page-id-304 .table-over-in tbody tr td {
	width: 88%;
}

/****************11-08-2021****************/

.isa_info, .isa_success, .isa_warning, .isa_error {
margin: 10px 0px;
padding:12px;
 
}
.isa_info {
    color: #00529B;
    background-color: #BDE5F8;
}
.isa_success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.isa_warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.isa_error {
    color: #D8000C;
    background-color: #FFD2D2;
}
.isa_info i, .isa_success i, .isa_warning i, .isa_error i {
    margin:10px 22px;
    font-size:2em;
    vertical-align:middle;
}
#work .full {
	display: none;
}





.form-main-in {
	background: #fff;
	float: left;
	width: 100%;
	padding: 25px 250px 100px 250px;
}

.head-02 {
	display: block;
	padding: 50px 0;
}
.head-02 i {
	display: inline-block;
	vertical-align: middle;
	font-size: 34px;
	color: #117ec2;
	padding-right: 10px;
}
.head-02 h3 {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	color: #117ec2;
}

.head-in-02 input[type="text"] {
	display: inline-block;
	vertical-align: middle;
}
#enterproject-error {
	position: absolute;
	left: 0;
	bottom: -35px;
}
.head-in-02 i {
	display: inline-block;
	vertical-align: middle;
	font-size: 25px;
	padding-left: 20px;
	line-height: 39px;
	color: #117ec2;
	cursor: pointer;
	position: relative;
	z-index: 100;
}
.peter-home span {
	color: #f60;
	text-transform: capitalize;
	padding: 1px 3px;
	border-radius: 3px;
}
.head-in-02 .icofont-question-circle:hover .peter-home{
    display: block;
}
.head-in-02 .input-field {
	display: flex;
	position: relative;
}

.peter-home {
	position: absolute;
	right: -220px;
	background: #f3f38c;
	height: 75px;
	width: 212px;
	text-align: center;
	padding: 9px;
	border-radius: 6px;
	top: -20px;
	display: none;
	transition: all 0.2s ease-in;
	font-size: 16px;
	line-height: 26px;
	font-family: 'Ubuntu';
}

.chek-in form p label {
	display: inline-block !important;
	vertical-align: middle !important;
}
.chek-in form p label span {
	font-size: 15px !important;
	color: #4b4b4d;
	display: inline-block !important;
	vertical-align: middle;
	line-height: 18px !important;
}
.room-enter-text span {
	display: block;
	padding: 20px 0 20px 0;
	font-size: 26px;
	color: #117ec2;
	text-align: center;
}

.se-radio p label span {
	font-size: 16px !important;
	color: #4b4b4d;
}
.form-50 {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	border: 2px solid #77787a;
	padding: 9px;
	cursor: pointer;
}
.se-radio form p {
	display: inline-block;
	vertical-align: middle;
}

.form-data-size {
	display: inline-block;
	vertical-align: middle;
}
.se-radio {
	text-align: left;
	margin-left: 5px;
}
.form-52 {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	border: 2px solid #77787a;
	padding: 9px;
	cursor: pointer;
}
.form-53 {
	text-align: center;
	float: none;
	display: block;
	vertical-align: middle;
    	padding-top: 10px;
}
.form-51 {
	text-align: center;
	float: none;
	display: block;
	vertical-align: middle;
	padding-top: 10px;
}
.form-54 label {
	font-size: 17px;
}
.form-54 .switch {
	padding-bottom: 10px;
}

.form-data-size form {
	display: inline-block;
	vertical-align: middle;
}
.light-box-click {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.form-55 form p label span {
	font-size: 15px !important;
	color: #4b4b4d;
	display: inline-block !important;
	vertical-align: middle;
	line-height: 18px !important;
}



.watt-01 {
	background: #117ec2;
	width: 100%;
	display: block;
	border-radius: 5px;
	padding: 10px 10px;
	margin: 30px 0;
}
.watt-01 i {
	color: #ffc220;
	font-size: 32px;
	display: inline-block;
	vertical-align: middle;
	padding: 0 11px 0 12px;
	border-right: 1px solid #2592d7;
}
.watt-01 h4 {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	color: #fff;
	padding-left: 18px;
}
.watt-02 form p label span {
	font-size: 15px !important;
}

.watt-02 form p {
	display: inline-block;
	vertical-align: middle;
	margin-right: 11px;
}
.watt-03 {
	display: block;
	margin: 45px 0;
}
.watt-02 {
	display: block;
	padding-top: 20px;
}
.save-circuit .icofont-long-arrow-right {
	position: absolute;
	left: 27px;
	z-index: 10;
	top: 9px;
	font-size: 37px;
	color: #fff;
	display: none;
}
.save-circuit {
	text-align: center;
}
.save-circuit2 {
	position: relative;
}
.save-circuit .s-circuit.waves-effect.waves-light.btn {
	position: relative;
	padding: 14px 61px 14px 70px;
	height: auto;
	font-size: 18px;
	text-transform: capitalize;
	background: #FF6600;
	color: #fff;
	border: 0;
	border: 1px solid transparent;
}

.overlay-box .uk-button {
	height: 80px;
	width: 80px;
	border-radius: 50px;
	background: #fff;
	color: #ffc220;
	font-size: 28px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
}
.overlay-box a i {
	line-height: 75px;
}


.overlay-box iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 101;
}

/***********menu************/
#wp-megamenu-header-menu {
    background-color: transparent;
}

#work .full {
	display: none;
}


.wp-megamenu-sub-menu {
  display: block;
}
.wp-megamenu-sub-menu {
  max-width: 1200px;
  margin: 0 auto;
  white-space: normal;
  overflow: hidden;
  text-align: center;
}

.wp-megamenu-sub-menu {
  top: 22px;
}

.wpmm-row .wp-megamenu-sub-menu li.wpmm-col {
  width: calc(100%/7);
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.wp-megamenu-sub-menu {
  display: table !important;
  float: none;
  margin: 0 auto !important;
  text-align: center;
}

#wp-megamenu-header-menu > .wpmm-nav-wrap ul.wp-megamenu li.wpmm-type-widget .wpmm-item-title {
	font-size: 11px;
    margin: 0;
}
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu > ul.wp-megamenu-sub-menu li, .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu > .wpmm-strees-row-container ul.wp-megamenu-sub-menu li, .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu > .wpmm-strees-row-and-content-container ul.wp-megamenu-sub-menu li {
	line-height: 0;
}
/* 14-06-2021 */

.save-circuit #backproject i, .save-circuit #backzone i {
	transform: rotate(180deg);
}
#nestable_list_1 ul ul li .add-circuite {
    background: -webkit-linear-gradient(white, #e6e6e6) !important;
    background: -o-linear-gradient(white, #e6e6e6) !important;
    background: linear-gradient(white, #e6e6e6) !important;
    border: 1px solid #dadada;
    color: #000;
    padding: 4px 10px;
    font-size: 12px;
}

    #nestable_list_1 ul ul li .add-circuite:hover {
	background: -webkit-linear-gradient(white, #d4d4d4) !important;
	background: -o-linear-gradient(white, #d4d4d4) !important;
	background: linear-gradient(white, #d4d4d4) !important;
	color: #1d1d1d;
}
#nestable_list_1 ul li #addroom,button#addpanellocation {
	background: #117ec2;
	border: 1px solid #117ec2;
	color: #fff;
	padding: 4px 10px;
	font-size: 12px;
}
#nestable_list_1 ul li #addroom:focus {
	color: #fff !important;
}
#nestable_list_1 ul li #addroom:hover {
	opacity: .75 !important;
}
.top-head-bt .top-in-save, .top-c-save {
	background: -webkit-linear-gradient(white, #e6e6e6) !important;
	background: -o-linear-gradient(white, #e6e6e6) !important;
	background: linear-gradient(white, #e6e6e6) !important;
	border: 1px solid #dadada;
	color: #000;
	padding: 4px 10px;
	font-size: 12px;
	text-align: right;
	float: right;
}
.top-head-bt .top-in-save:hover{
    color: #117ec2 !important;
}
.top-head-bt .top-p-save:hover{
	opacity: 0.75;
}
.top-head-bt a {
	margin-right: 5px;
}
.top-head-bt .top-p-save {
	background: #ff6600;
	border: 1px solid #ff6600;
	color: #fff;
	padding: 4px 10px;
	font-size: 12px;
	text-align: right;
	float: right;
	margin-right: 0;
}
.card-body #nestable_list_1 {
	float: left;
	width: 100%;
	margin-top: 15px;
}
.top-head-bt {
	width: 100%;
	float: left;
}
.header-title {
	font-size: 16px;
	width: auto;
	text-align: left;
	float: left;
}

.modal.fade.show .room-enter-text span {
	display: block;
	padding: 7px 0;
}

.modal.fade.show .project-main-pages {
	margin-bottom: 15px;
}
.adding-project span#nikename {
	display: inline-block;
	vertical-align: middle;
}


/* 04-06-2021 end  */

button:focus {
    border: 1px solid #ced4da !important;
    box-shadow: none !important;
    color: #353535 !important;
}

.list-inline.menu-left.mb-0 .list-inline-item .button-menu-mobile:focus {
	border: none !important;
	color: #fff !important;
}
.switch-label {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}
.project-main-pages {
	margin-bottom: 95px;
}
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
button.add-input-m:hover {
    background: linear-gradient(white, #d4d4d4) !important;
    color: #1d1d1d;
     border: 1px solid #dadada;
}
input:checked + .slider {
				background-color: #117ec2;
}

input:focus + .slider {
	box-shadow: 0 0 1px #5c13ec;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.form-switch {
	display: block;
	margin-left: 5px;
}
.form-switch .form-54 {
	display: inline-block;
	vertical-align: middle;
}

.form-switch input#voltageyes {
	display: inline-block !important;
	vertical-align: middle !important;
	padding-left: 20px !important;
}

.light-box-click {
	margin: 0 13px;
}

.save-circuit .s-circuit.waves-effect.waves-light.btn {
	margin-top: 28px;
}
@media(max-width:767px){
	.form-main-in {
		padding: 0;
	}
	.edit-cu-fm form .form-group {
	margin-top: 0;
}
.page-id-308 {
	min-width: 1200px;
	overflow-x: scroll !important;
}
    html {
	overflow-x: scroll !important;
}

}

.dd-handle span {
	display: inline-block;
	vertical-align: middle;
}
.dd-handle button.add-input-m {
	height: auto !important;
	width: auto !important;
	display: inline-block;
	font-size: 10px !important;
	vertical-align: middle;
	margin-left: 15px !important;
}
.dd-handle button.add-input-m:hover{
	color: #fff !important;
}

ul {
	position: relative;
	list-style: none;
	margin-left: 0;
	padding-left: 1.2em;
}
ul li.p-li:before {
	content: "+";
	position: absolute;
	left: 0;
}
.project{
	background: #eff3f6;
	border: 1px solid #eff3f6;
	height: auto;
	font-size: 15px;
	font-weight: normal;
	border-radius: 3px;
}
.p-li{
	padding: 10px 16px;
} 

/************************15-4-21********************/
.custom-dd {
	max-width: 100% !important;
}
.project button {
	font-size: 11px !important;
}

.project input[type="text"] {
	font-size: 11px !important;
	padding: 3px 5px;
	border: 1px solid #dadada;
	min-width: 329px;
}

.adding-details {
	display: block;
	margin-top: 10px;
}
.project .add-input-m {
	margin-left: 10px;
}

/************************24-4-21********************/
.modal-body h1 {
	font-size: 20px;
}

.modal-content .modal-header {
	padding: 0;
}

.modal-header button.close {
	margin-right: 0;
}

/* 22-04-2021 start */
ul.maketree, ul.maketree ul, ul.maketree li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.maketree ul {
	padding-left: 0.3em;
}
ul.maketree li {
border-left: 1px dotted #000;
padding-left: 13px;
background: url('assets/images/dotted.gif') scroll no-repeat 1px 0.8em;
}
ul.maketree li.last {
border-left-width: 0px;
padding-left: 14px;
background: url('assets/images/dottedangle.gif') scroll no-repeat left top;
}


.card-body #treeversion li:nth-child(2n+1) {
	background: #f2f5f7;
}
.card-body #treeversion li {
	padding: 10px;
}
.card-body ul ul ul li {
	padding: 6px 10px !important;
}
#treeversion ul li a:nth-child(1) {
	background: #03639e;
	display: inline-block;
}
#treeversion li a:nth-child(1) {
	background: #03639e;
	display: inline-block;
	color: #fff;
	height: 15px;
	width: 15px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	line-height: 12px;
}

#treeversion ul li a {
	display: inline-block;
	vertical-align: middle;
}

#treeversion li a:nth-child(2) {
	color: #525252;
	margin-left: 11px;
}
.p-ul-list-3 {
	background: none !important;
	color: #000 !important;
	display: inline-block !important;
	vertical-align: middle !important;
	width: 100% !important;
	text-align: left !important;
}

/* 22-04-2021 end */


/* 23-04-2021 end */



.gn-scroller .gn-menu li {
	display: block !important;
}

.gn-menu-wrapper.gn-open-all{
    height: auto !important;
}

.gn-menu-wrapper.gn-open-all {
	width: 100% !important;
}

.gn-scroller {
	width: 100% !important;
}


/*******************05-20-2021**********************/
#enterproject-error {
	font-size: 13px;
	padding-left: 15px;
}
.light-pic-box {
    display: inline-block;
    vertical-align: middle;
}
.form-51, .form-53 {
    padding-left: 20px;
    display: block;
    text-align: center;
}
.how-many {
    vertical-align: middle;
    display: inline-block !important;
    float: none !important;
}
.qty-sec {
    display: inline-block !important;
    vertical-align: middle;
    float: none !important;
}
.item .qty-sec input {
    display: inline-block;
    vertical-align: middle;
    height: auto;
    padding: 5px;
    font-size: 12px;
}

/******************************heating componants *********************/

div#add-heating-com-sec {
    padding: 32px 15px 15px 15px;
}

.sec-heating-co .row {
    display: block;
}
.sec-checkbox .row {
    display: inline-block;
}
.sec-checkbox .item {
    text-align: left;
    display: block;
}
.how-many {
    vertical-align: middle;
    display: inline-block;
    float: none;
    font-size: 11px;
}
.sec-checkbox .how-many label {
    display: inline-block;
    vertical-align: middle;
}
.qty-sec {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.item .qty-sec input {
    display: inline-block;
    vertical-align: middle;
    height: auto;
    padding: 2px;
    font-size: 10px;
}
.form-group {
    display: flex;
    margin-bottom: 0;
}
.sec-checkbox .form-group {
    margin-bottom: 26px;
}
.sec-checkbox .item {
    text-align: center;
    margin-bottom: 30px;
}
.sec-checkbox .how-many label {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    padding-right: 5px;
    font-size: 10px;
}
.qty-sec label#qty_how_many_two-error, 
.qty-sec label#qty_how_many_three-error, 
.qty-sec label#qty_how_many_four-error, 
.qty-sec label#qty_how_many_one-error {
    margin: 0;
    display: block;
    font-size: 10px;
        position: absolute;
}
.sec-checkbox .item label {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    padding: 0 3px;
}
.sec-checkbox .item input {
    display: inline-block;
    vertical-align: middle;
}
.sec-heating-co .circuite-sec {
    margin-bottom: 24px;
}
/******************************radio button click image *********************/


.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}

.cc-selector-2 input{
    position:absolute;
    z-index:999;
}

.visa {
	background-image: url(../images/light-zone.png?ver);
	width: 158px !important;
	height: 140px !important;
	background-repeat: no-repeat !important;
	background-size: auto !important;
}
.mastercard {
	background-image: url(../images/light-zone.png?ver);
	width: 150px !important;
	height: 140px !important;
	background-repeat: no-repeat !important;
	background-size: auto !important;
	background-position: -160px 0px;
}

.blind {
    background-image: url(../images/light-zone.png?ver);
    width: 150px !important;
    height: 140px !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
    background-position: -325px 0px;
}

.twofor-dim {
	background-image: url(../images/light-zone.png);
	width: 158px !important;
	height: 140px !important;
	background-repeat: no-repeat !important;
	background-size: auto !important;
	background-position: 0px -234px;
}
.low-light-in {
	background-image: url(../images/light-zone.png);
	width: 158px !important;
	height: 140px !important;
	background-repeat: no-repeat !important;
	background-size: auto !important;
	background-position: -153px -234px;
}
.sensor-se1 {
    background-image: url(../images/sensor-set.png);
    width: 103px !important;
    height: 97px !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
}
.sensor-se2 {
	background-image: url(../images/sensor-set.png);
    width: 103px !important;
    height: 97px !important;
	background-repeat: no-repeat !important;
	background-size: auto !important;
	background-position: -111px 0px;
}
.sensor-se3 {
	background-image: url(../images/sensor-set.png);
    width: 103px !important;
    height: 97px !important;
	background-repeat: no-repeat !important;
	background-size: auto !important;
	background-position: 0px -168px;
}
.sensor-se4 {
	background-image: url(../images/sensor-set.png);
    width: 103px !important;
    height: 97px !important;
	background-repeat: no-repeat !important;
	background-size: auto !important;
	background-position: -110px -168px;
}
.cc-selector-2 input:active +.drinkcard-cc, .cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector-2 input:checked +.drinkcard-cc, .cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.light-pic-box input[type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px !important;
}
.drinkcard-cc {
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	height: 70px;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
	-webkit-filter: brightness(1) grayscale(1) opacity(10);
	-moz-filter: brightness(1) grayscale(1) opacity(10);
	filter: brightness(1) grayscale(1) opacity(10);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}

/* Extras */
a:visited{color:#888}
a{color:#444;text-decoration:none;}
p{margin-bottom:.3em;}

/*************03-05-2021**************/
.page-list ul li a {
	padding: 1px 13px;
}
.page-list .page-label {
	margin-right: 7px;
}
.page-list {
	margin-top: 25px;
}
.save-module button i {
    color: #fff;
    display: none;
}
.save-module .sa-mod-ins.btn.btn-primary.waves-effect.waves-light:focus {
    color: #fff !important;
}
.sensor-33.slected-glass {
    display: block;
    margin-top: 20px;
}
/*************05-22-2021**************/

.project button {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 7px;
    border: 1px solid #dadada;
    font-size: 11px;
    color: #000000 !important;
    background: linear-gradient(white, #e6e6e6) !important;
    height: 29px;
    color: #525252 !important;
    margin-right: 5px;
}
.project button:hover {
    background: linear-gradient(white, #d4d4d4) !important;
    color: #1d1d1d;
    border: 1px solid #dadada;
}
.adding-project a.copy-input-proj:hover{
        background: linear-gradient(white, #d4d4d4) !important;
    color: #1d1d1d;
}

.pro-input {
    padding: 25px 0;
}

.module-main-section {
    margin: 0;

}
.page-id-308 .modal-header button.close:hover {
	opacity: .75 !important;
}
.page-id-308 .modal-header button.close {
	padding: 13px 10px 17px 10px;
	margin: 0;
	line-height: 0;
	font-size: 22px !important;
	border: 1px solid transparent !important;
	background: #117ec2 !important;
	color: #fff !important;
	opacity: 1 !important;
	cursor: pointer;
	position: absolute;
	right: 0;
	z-index: 999;
}

.page-id-308 .modal-header button.close:focus {
	color: #fff !important;
}
.page-id-308 h4.modal-title {
    margin-left: 15px;
}
.page-id-308 .modal-header {
    display: inline-block;
    vertical-align: middle;
}
.page-id-308 h4.modal-title {
    margin-left: 15px;
    font-size: 22px;
}

div#nestable_list_1 a#e_name,button#editpanellocation {
    background: linear-gradient(white, #e6e6e6) !important;
	border: 1px solid #dadada;
	color: #000;
	padding: 4px 10px;
	font-size: 12px;
}
ul.p-ul-list a#e_room {
    background: linear-gradient(white, #e6e6e6) !important;
	border: 1px solid #dadada;
	color: #000;
	padding: 4px 10px;
	font-size: 12px;
    margin-right: 5px;
}
div#nestable_list_1 a#e_name:hover {
	background: -webkit-linear-gradient(white, #d4d4d4) !important;
	background: -o-linear-gradient(white, #d4d4d4) !important;
	background: linear-gradient(white, #d4d4d4) !important;
	color: #1d1d1d;
}
/**********************24-05-2021*********************/
.page-id-232 .form-button button#submit {
	background: #0e7dc2;
	box-shadow: 0 0 0 !important;
	font-size: 14px !important;
	padding: 6px 28px;
	border: none !important;
}
.page-id-232 .form-button button#submit:focus {
	color: #fff !important;
}
.page-id-232 .form-button button:hover {
    border: none !important;
    background: #18466a !important;
    color: #fff !important;
    padding: 6px 28px !important;
    font-size: 14px !important;
    box-shadow: 0 0 0 !important;
    border-radius: 6px !important;
}

.hit-modul-in {
  display: block;
  padding: 15px;
}
.heating-box-main {
	float: left;
	width: 100%;
	background: #f7f7f7;
	margin-top: 15px;
	border: 1px solid #dedede;
	padding: 13px 0;
	display: table;
}

.heat-by-radi {
	display: inline-block;
	vertical-align: middle;
}
.heat-by-qty {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: 47%;
	top: -4px;
}
.heat-name {
    display: inline-block;
    vertical-align: middle;
}
.heat-by-radi label, .heat-by-radi input {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}
.heat-by-qty input {
	display: inline-block;
	vertical-align: middle;
	width: 65%;
	padding: 2px;
	font-size: 10px;
}
.heat-by-qty label {
    margin: 0;
    font-size: 11px;
    padding-right: 5px;
}
.heat-by-qty label#qty_how_many_one-error, .heat-by-qty label#qty_how_many_tow-error,
.heat-by-qty label#qty_how_many_three-error, .heat-by-qty label#qty_how_many_four-error,
.heat-by-qty #qty_how_many_two-error
{
    position: absolute;
    width: 100%;
    left: 125px;
    bottom: 7px;
}
.heat-by-qty input {
	display: inline-block;
	vertical-align: middle;
	width: 26%;
	border-radius: 0;
	padding: 3px 5px;
	font-size: 11px;
	min-width: 40px;
}
.glass-panels-li .glass-panels-ul li input {
	width: 3%;
	padding: 3px 5px;
	font-size: 11px;
	margin-right: 10px;
}

.Sensor-panels-ul li input{
    	width: 3%;
	padding: 3px 5px;
	font-size: 11px;
	margin-right: 10px;
    min-width: 40px;
}

.heat-by-radi {
	display: inline-block;
	vertical-align: middle;
}
.heat-by-radi label, .heat-by-radi input {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}
.heat-name label {
	display: block;
	margin: 0;
	font-size: 15px;
	line-height: 0;
}
ul#treeversion .edit-circuite{
    background: -webkit-linear-gradient(white, #e6e6e6) !important;
    background: -o-linear-gradient(white, #e6e6e6) !important;
    background: linear-gradient(white, #e6e6e6) !important;
    border: 1px solid #dadada;
    color: #000;
    padding: 4px 10px;
    font-size: 12px;
}
ul#treeversion .edit-circuite:hover {
background: -webkit-linear-gradient(white, #d4d4d4) !important;
background: -o-linear-gradient(white, #d4d4d4) !important;
background: linear-gradient(white, #d4d4d4) !important;
    color: #1d1d1d;
}
ul#treeversion .edit-circuite:focus, button.add-input-m:focus {
	border: 1px solid #dadada;
	color: #4e4a4a !important;
}
div#nestable_list_1 ul ul {
    padding-left: 0px !important;
}
.add-input-heating:focus {
	color: #4e4a4a !important;
}
    .glass-31 {
    text-align: center;
}
.watt-03 .form-group {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}
.save-circuit .s-circuit:focus {
    color: #fff !important;
}
.add-input-heating:hover{
    color: #000;
    border: 1px solid #dadada;
    background: linear-gradient(white, #d4d4d4) !important;
}

.modal.fade.show button#savecircuitedit {
	background: #ff6600 !important;
	color: #fff !important;
	line-height: 0;
	padding: 20px 26px;
}
.modal.fade.show .head-02 h3 {
    font-size: 20px;
}
#treeversion ul li a.add-input-proj {
    display: inline-block;
    vertical-align: middle;
    height: auto !important;
    width: auto !important;
    background: linear-gradient(white, #e6e6e6) !important;
    color: #525252 !important;
    padding: 4px 9px;
    font-size: 12px;
    border: 1px solid #dadada;
}
button#addpanellocation:focus {
    color: #fff !important;
}
.page-id-309 .form-main-in {
	padding: 0;
}
#treeversion ul li a.add-input-proj:hover {
	background: -webkit-linear-gradient(white, #d4d4d4) !important;
	background: -o-linear-gradient(white, #d4d4d4) !important;
	background: linear-gradient(white, #d4d4d4) !important;
	color: #1d1d1d;
}
/********************************************login form css***************************/

.card-body .addnew button {
	background: #117ec2;
	margin-bottom: 10px;
	border-radius: .2rem;
	border: none;
	border: 1px solid transparent;
}
.card-body .addnew button:hover {
background: #0779bf;
}
.drinkcard-cc {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
}
.cc-selector-2 input {
	position: relative;
	z-index: 99;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0px;
}

.forgot-pass-inside {
	display: table;
	float: none;
	margin: 0 auto;
}
.forg-center {
	float: left;
	width: 100%;
	margin-top: 150px;
	margin-bottom: 63px;
}

.ft-pas-cont {
	margin: 0;
}
.chek-in label input {
	position: relative;
	margin: 0;
}

.chek-in label input, .chek-in label span {
	display: inline-block;
	vertical-align: middle;
}
.chek-in label span {
	padding-left: 10px;
}

.chek-in label span {
	padding-left: 10px;
}

.chek-in label input {
	position: relative;
	margin: 0;
}

.form-55 label input, .form-55 label span {
	display: inline-block;
	vertical-align: middle;
}
.form-55 label span {
	padding-left: 10px;
}

.form-55 label span {
	padding-left: 10px;
}


.watt-02 label input {
	position: relative;
	margin: 0;
}

.watt-02 label input, .watt-02 label span {
	display: inline-block;
	vertical-align: middle;
}
.watt-02 label span {
	padding-left: 10px;
}

.form-55 label span {
	padding-left: 10px;
}

.form-54 div {
	display: block;
	margin-bottom: 14px;
}

#switchnovice, #switchintermediate {
	position: relative;
	left: 12px;
}

.navbar-custom {
	background-color: #117ec2 !important;
}
#datatable_filter {
	float: left;
}
.fa.fa-trash {
	display: inline-block;
	vertical-align: middle;
	font-size: 19px;
	color: #e50000;
}
.fa.fa-pencil-square-o {
	display: inline-block;
	vertical-align: middle;
	padding-right: 4px;
	font-size: 19px;
}

.child ul li span {
	padding: 5px 10px;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	margin: 6px 0 !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
	top: 16px !important;
	left: 8px;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
	padding-left: 34px !important;
}
.add-input-heating {
    background: linear-gradient(white, #e6e6e6) !important;
    border: 1px solid #dadada;
    color: #000;
    padding: 4px 10px;
    font-size: 12px;
}
.add-input-heating {
	margin: 0 auto;
	top: 16px !important;
	display: table;
}

#add-heating-com-sec #add-input-heating:hover {
       color: #353535 !important;
    border: 1px solid #ced4da !important;
    background: linear-gradient(white, #cdcbcb) !important;
}
/*********************4-05-2021*****************/

@media (max-width:1645px){

}
@media (max-width:1499px){
	
	.form-main-in {
	padding: 25px 200px 100px 200px;
}
	.adding-project span#nikename {
	padding: 0 5px;
	margin-top: 0px;
}

}
@media (max-width:1399px){
	
.glass-panels-li .glass-panels-ul li input {
	width: 4%;
    min-width: 40px !important;
}
.page-id-304 .table-over-in tbody tr td:nth-child(2),.page-id-609 .table-over-in tbody tr td:nth-child(2) {width: 20% !important;	}
.page-id-304 .table-over-in tbody tr td,.page-id-609 .table-over-in tbody tr td{width: 80%;}
}



@media (max-width:1107px){
	.adding-project input.input-proj {
	border: 1px solid #dadada;
	margin-top: 7px;
}
		.peter-home {
    right: -68px;
    height: 63px;
    width: 162px;
    padding: 9px;
    border-radius: 6px;
    top: 44px;
    font-size: 12px;
    line-height: 16px;
}
}
@media (max-width:1026px){
	.adding-project span#nikename {
	margin-top: 7px;
}
}
@media (max-width:1199px){

	.glass-plist input {
	width: 6%;
}

	.glass-plist span {

	width: 89%;
}
	.adding-project span#nikename {
	font-size: 13px;
}
	
	.form-main-in {
	padding: 25px 100px 100px 100px;
}
	.head-02 h3 {
	font-size: 23px;
}
	.head-02 {
	display: block;
	padding: 34px 0;
}
.peter-home {
	right: -100px;
	width: 170px;
	top: 45px;
	height: 54px;
}
    .new-enter-cu input[type="submit"] {
	right: 18px;
}
}


@media (max-width:991px){
    
.peter-home {
	right: -58px;
	width: 160px;
	top: 45px;
	height: 54px;
}
    
    .page-content-wrapper .row {
    display: inherit;
}
    .page-title {
    padding-top: 14px;
}

    .glass-plist span {
    font-size: 12px;
}
.save-module .sa-mod-ins.btn.btn-primary.waves-effect.waves-light {
    font-size: 12px;
}
    .table-over-in {
	overflow-y: auto;
	width: 100%;
}
	.watt-01 {
	padding: 8px 7px;
}
	.watt-01 h4 {
	font-size: 18px;
}
	.watt-01 i {
	font-size: 24px;
}
	.form-main-in {
	padding: 25px 50px 100px 50px;
}
	
		.visa {
	width: 86px !important;
	height: 82px !important;
	background-position: 0 -148px;
}
.mastercard {
	width: 86px !important;
	height: 82px !important;
	background-position: -86px -148px;
}
	.blind {
    background-position: -173px -147px;
    width: 86px !important;
    height: 82px !important;
}
.twofor-dim {
	width: 86px !important;
	height: 82px !important;
	background-position: 0 -378px;
}
.low-light-in {
	width: 86px !important;
	height: 82px !important;
	background-position: -85px -378px;
}
.form-data-size {
	margin-left: 0;
}
	.text-center {
	display: none;
}
	.save-circuit .s-circuit.waves-effect.waves-light.btn {
	margin-top: 28px;
	padding: 10px 40px 9px 58px;
}
	.save-circuit .icofont-long-arrow-right {
	left: 16px;
	top: 5px;
}
	.card-body .addnew button {
	padding: 6px 16px;
	font-size: 12px;
}
	.form-control {
	font-size: 13px !important;
}
		.child ul li span:first-child {
	width: 38%;
}
	.slected-glass i {
	font-size: 14px;
	line-height: 15px;
}
	.save-module .sa-mod-ins.btn.btn-primary.waves-effect.waves-light {
	padding: 9px 25px 9px 17px;
	font-size: 14px;
}
    .heat-by-qty {
	right: 0;
}
section.faq-section {
    padding-bottom: 30px;
}
}

@media (max-width:767px){
    .page-id-304 .table-over-in tbody tr td {
	line-height: 0;
	font-size: 13px;
}
    .page-id-304 .table-over-in tbody td a:nth-child(2) {
	padding: 0 14px;
}
        .pro-input .custom-control-label::after {
	top: 3px !important;
}
.glass-31 {
	padding: 6px;
	width: 100%;
}
    .custom-control-label::before {
	top: 0 !important;
}
    .heat-by-radi label, .heat-by-radi input {
	font-size: 12px;
}
    
    .pro-input label {
    font-size: 14px;
}
    .save-circuit .icofont-long-arrow-right {
    display: none;
}
    .head-02 {
    display: block;
    padding: 14px 0;
}
    .modal.fade.show .head-02 {
    padding: 0px 0 0 0;
}
    
      .modal.fade.show .form-main-in {
    padding: 0px 0px 38px 0px;
}

    .room-enter-text span {
    font-size: 16px;
    display: block;
}
    .heating-box-main input.form-control {
    margin-bottom: 0;
        font-size: 10px !important;
}
.heat-name {
    font-size: 12px;
    vertical-align: middle;
}  
    	.heat-name {
    vertical-align: middle;
}

    .page-id-308 .heating-box-main .col-xs-6 {
    width: 50%;
}
        .page-id-308 .heating-box-main .col-xs-8 {
    width: 66.66666667%;
}
            .page-id-308 .heating-box-main .col-xs-4 {
    width: 33.33333333%;
}
    .watt-01 h4 {
    font-size: 15px;
}
    .form-control {
    margin-bottom: 10px;
}
    .glass-31 {
    font-size: 12px;
    text-align: center;
}
    .glass-32 {
    font-size: 12px;
}
    .sensor-box01 {

    padding: 8px 0 10px 0;
}
    .slected-glass .glass-30 {
    font-size: 18px;
}
        .form-51, .form-53 {
    font-size: 25px;
}
    .light-pic-box input[type="checkbox"] {
    margin: 0 5px !important;
}
    .pro-input label {
    font-size: 14px;
}
    .pro-input {
    padding: 9px 0;
}
        .form-51, .form-53 {
    font-size: 13px;
}
    .pro-input label {
    font-size: 14px;
}
    .pro-input {
    padding: 9px 0;
}
    .page-id-308 .content-page .content {
    padding: 0;
}
    .adding-project span#nikename {
    padding: 0 5px;
    margin-top: 7px;
    display: inline-block;
}
    .sensor-se1 {
    width: 60px !important;
    height: 56px !important;
    background-position: 0px -103px;
}
	.sensor-se2 {
    width: 60px !important;
    height: 56px !important;
    background-position: -63px -103px;
}
      .sensor-se3 {
    width: 60px !important;
    height: 56px !important;
    background-position: 0px -273px;
}
    .sensor-se4 {
    width: 60px !important;
    height: 56px !important;
    background-position: -63px -273px;
}
.peter-home {
	right: -21px;
	height: 46px;
	width: 151px;
	padding: 9px;
	border-radius: 6px;
	top: 34px;
	font-size: 12px;
	line-height: 14px;
}
.form-main-in {
	padding: 0px 0px 100px 0px;
}
	.head-02 h3 {
	font-size: 19px;
}
.head-02 i {
	font-size: 31px;
	padding-left: 15px;
}
	.room-enter-text span {
	padding: 10px 0 10px 0;
	font-size: 18px;

}
.save-circuit .s-circuit.waves-effect.waves-light.btn {
    margin-top: 37px;
    padding: 5px 44px 7px 48px;
    font-size: 14px;
}

	div.dataTables_wrapper div.dataTables_filter label {
	white-space: inherit;
	text-align: center !important;
	display: inline-block !important;
	vertical-align: middle !important;
}

#datatable_filter {
	float: none !important;
	margin-top: 14px !important;

}
div.dataTables_wrapper div.dataTables_filter input {
	margin-left: 0;
}
.page-link {
	padding: 4px 14px;
	font-size: 13px;
}
	div.dataTables_wrapper div.dataTables_info {
	font-size: 13px;
}
	.footer span {
	font-size: 13px !important;
}
	.footer {
	padding: 12px 30px !important;
}
	.ion-close {
	font-size: 15px !important;
}
	.button-menu-mobile-topbar {
	font-size: 20px !important;
	height: 35px !important;
	width: 35px !important;
	line-height: 14px !important;
	right: -34px !important;

}
	.child ul li span:first-child {
	width: 38%;
}
	div.dataTables_wrapper div.dataTables_paginate {
	margin: 0 auto !important;
	white-space: inherit !important;
	display: table !important;
	float: none !important;
	padding-top: 10px !important;
}
.page-id-304 button.action{padding: 14px 10px !important;}
}

@media (max-width:645px){

.new-enter-cu input[type="submit"] {right: 14px;}
.page-id-304 .table-over-in tbody tr td { width: 70%;}
.page-id-304 .table-over-in tbody tr td:nth-child(2) { width: 30% !important;}

}
@media (max-width:513px){
    .new-enter-cu input[type="submit"] {
	right: 10px;
}
.page-id-304 ul.hover-dropdown-s li {
    display: block !important;
    padding: 8px 23px !important;
}
.page-id-304 .table-over-in tbody td a {
    padding: 0px 0px !important;
}
.page-id-304 ul.hover-dropdown-s{z-index: 1 !important;top: 103px !important;bottom: unset !important;}
}
@media (max-width:533px){
    .card-body ul ul ul li {
	padding: 2px 10px !important;
}
    .adding-project span#nikename {
	font-size: 12px;
}
        #nestable_list_1 ul li #addroom,
    div#nestable_list_1 a#e_name,
    ul#treeversion .edit-circuite,
    #nestable_list_1 ul ul li .add-circuite,
    button.add-input-m{
	font-size: 11px;
}
    #treeversion ul li a.add-input-proj {
	padding: 3px 9px;
	font-size: 11px;
}
       .top-p-save, .top-in-save, .top-c-save{
        font-size: 11px !important;
    }
}
@media (max-width:430px){
    .new-enter-cu input[type="submit"] {
	right: 8px;
}
}
@media (max-width:375px){
    .top-c-save {
	margin-right: 0 !important;
	margin-top: 5px;
}
        .new-enter-cu input[type="submit"] {
	right: 5px;
}

}
@media (max-width:382px){
.project input[type="text"] {
	margin-top: 5px;
}
}


/*****************pdf***********************/


.gen-pdg {
	float: left;
	width: 100%;
}

.cln-ad address {
    font-weight: bold;
    text-align: right;
    line-height: 42px;
    font-size: 28px;
}
.cln-ad2 address {
    text-align: right;
    font-weight: bold;
    line-height: 42px;
    font-size: 28px;
}
.cln-ad3 h4 {
    font-weight: bold;
    font-size: 32px;
}
.cln-ad3 ul li {
    font-weight: bold;
    text-align: left;
    line-height: 42px;
    list-style: none;
    font-size: 28px;
}

.cln-ad4 ul li {
    line-height: 41px;
    list-style: none;
    font-size: 25px;
}
.cln-ad3 ul {
    padding: 0;
}
    .cln-ad4 ul {
    padding: 0;
}
.cln-ad3 {
  float: left;
}
.cln-ad4 {
    float: left;
    margin-top: 50px;
    margin-left: 20px;
    font-size: 19px;
}
.cln-ad5 ul li:first-child {
    font-weight: bold;
}
.cln-ad5 {
    margin-top: 30px;
}
.cln-ad5 ul li {
    line-height: 35px;
    list-style: none;
    font-size: 25px;
}
.des-list table tr {
    border-bottom: 3px solid #000;
}
.des-list table tr th {
    padding: 20px 0 20px 20px;
    text-align: right;
    display: table-cell;
    font-size: 28px;
    vertical-align: middle;
}
.des-list table tr {
    border-bottom: 3px solid #000;
}
.des-list table tr th:nth-child(2) {
    text-align: left;
}
.des-list table {
    display: table;
    width: 100%;
}
.des-list table tr th:first-child {
    text-align: left;
}
.des-list table tr  {
    border-bottom: 1px solid #e3e3e3;
}
.des-list table tr td {
    padding: 15px 0 15px 16px; 
    font-size: 26px;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    font-weight: 500;
}
    
.des-list table tr:first-child {
    border-bottom: 3px solid #000;
}

.des-list table tr td:first-child, .des-list table tr td:nth-child(2) {
    text-align: left;
}
.des-list-right table {
  display: inline;
}
.des-list-right {
  float: right;
  margin-top: 20px;
}
.des-list-right table tr td {
    text-align: right;
    padding: 5px 0;
    font-size: 16px;
}
.des-list-right table tr td {
    text-align: right;
    padding: 5px 0;
    font-size: 28px;
}
.des-list-right table tr th {
    font-size: 28px;
}
.des-list-right table tr td:first-child {
  padding-right: 76px;
}

.des-list-right table tr th:first-child {
  padding-right: 76px;
}
.des-list-right table tr:nth-child(2n-1) {
    border: none;
}

.des-list-right table tr {
    border-bottom: 2px solid #000;
}
.cont-17 {
    margin: 0 auto;
    width: 90%;
}
.cln-ad5 ul {
    padding: 0;
}

.amz-text h6 {
	display: block;
	background: #117ec2;
	color: #fff;
	padding: 14px 15px;
	font-size: 30px;
	text-transform: capitalize;
	letter-spacing: 4px;
	text-align: center;
}
.some-amaz {
  position: relative;
  float: left;
  width: 100%;
}

.amz-text {
	margin-top: 119px;
}
.p-pic {
  text-align: center;
}
    
.ft-details {
  width: 100%;
  float: left;
  text-align: center;
}
.ft-main {
  float: left;
  width: 100%;
  margin-top: 130px;
}
.ft-details span {
  color: #aaabaf;
  font-size: 28px;
}
.fot-call-mail {
  float: left;
  width: 100%;
  background: #117ec2;
  margin-top: 30px;
}
.new-add-d ul {
  display: table;
  width: 100%;
}
.new-add-d ul li {
  display: table-cell;
}
    
.cont-ft-in {
  display: flex;
}
.aro-sup {
	display: none;
}
.new-add-add span {
	padding-left: 10px;
}
.new-add-add {
	width: 100%;
	text-align: center;
}
.new-add-d {
	padding-left: 20px;
}
    .cont-ft-in div:first-child {
	padding: 0;
}
.new-add-d span {
	font-size: 43px;
	color: #fff;
}
.new-add-d {
	width: 100%;
	text-align: center;
}
.main-detials-box {
	padding: 50px 0 50px 0px;
	position: relative;
}
    .aro-sup {
	position: absolute;
	bottom: 0;
	left: 0;
}
    .new-add-add span {
	font-size:43px;
	color: #fff;
}
    .new-add-add {
	padding-top: 10px;
}
    
    
    
.new-add-d img {
  display: inline-block;
  vertical-align: middle;
}
.new-add-d span {
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
}

.new-add-add img {
  display: inline-block;
  vertical-align: middle;
}
.new-add-add span {
  display: inline-block;
  vertical-align: middle;
}
    
@media (max-width:1816px){
.new-add-d span {
	font-size: 33px;
}
.new-add-d img {
	width: 7%;
}
    .new-add-add span {
	font-size: 33px;
}
    .new-add-add img {
	width: 2%;
}
    }
    
    @media (max-width:1199px){
        .des-list table tr td {
	font-size: 18px;
}
        .des-list table tr th {
	padding: 20px 0 14px 20px;
	font-size: 17px;
}
        .cln-ad5 ul li {
	line-height: 27px;
	font-size: 20px;
}
        .amz-text h6 {
	font-size: 22px;
}
        .des-list-right table tr td {
	font-size: 18px;
}
.ft-details span {
	font-size: 16px;
}
        .main-detials-box {
	padding: 75px 0 75px 0px;
}
        .aro-sup {
	display: none;
}
        .new-add-d span, .new-add-add span {
	font-size: 27px;
}
.new-add-d img {
	width: 9%;
}
        .new-add-add img{
            width: 2%;
        }
        .main-detials-box {
	padding: 36px 0 23px 0px;
}
    }

@media (max-width:991px){
    .new-add-d span, .new-add-add span {
	font-size: 18px;
}
    .p-pic img {
	width: 80%;
}
    .amz-text {
	margin-top: 84px;
}
    .amz-text h6 {
	letter-spacing: 2px;
}
.heat-by-qty label#qty_how_many_one-error, .heat-by-qty label#qty_how_many_tow-error, .heat-by-qty label#qty_how_many_three-error, .heat-by-qty label#qty_how_many_four-error, .heat-by-qty #qty_how_many_two-error {
	width: auto;
	line-height: 13px;
	font-size: 9px;
	top: 5px;
}
}

@media (max-width:767px){
.amz-text h6 {
	font-size: 13px;
}
    .p-pic img {
	width: 76%;
}
    .amz-text {
	margin-top: 56px;
}
    .cln-ad5 ul li {
	line-height: 17px;
	font-size: 14px;
}
    .des-list table tr th {
	font-size: 11px;
}
    .des-list table tr td {
	font-size: 11px;
}
    .des-list-right table tr td {
	font-size: 11px;
}
    .ft-details span {
	font-size: 11px;
}
    .new-add-d span, .new-add-add span {
	font-size: 17px;
}
}

@media (max-width:665px){
    .new-add-d span, .new-add-add span {
	font-size: 14px;
}
    
    .new-add-add {
	padding-top: 0;
}
    .main-detials-box {
	padding: 22px 0 16px 0px;
}
    .ft-details {
	padding: 0 10px;
}
    .cln-ad5 ul li {
	line-height: 16px;
	font-size: 12px;
}

}
@media (max-width:582px){
.project input[type="text"] {
	margin-top: 5px;
}
}
@media (max-width:575px){

        .p-pic img {
	width: 50%;
}
}
@media (max-width:567px){
.new-add-d span, .new-add-add span {
	font-size: 11px;
}
.new-add-add img {
	width: 3%;
}
.des-list table tr td {
	font-size: 10px;
}
    .des-list table tr th {
	font-size: 10px;
}
    .des-list-right table tr td {
	font-size: 10px;
}
}


@media (max-width:503px){
 .new-add-d span, .new-add-add span {
	font-size: 11px;
}

}
@media (max-width:444px){
 .new-add-d span, .new-add-add span {
	font-size: 11px;
}

}
@media (max-width:438px){
.project input[type="text"] {
	min-width: 303px;
}

}
@media (max-width:410px){
.project input[type="text"] {
	min-width: 288px;
}

}
@media (max-width:394px){
.project input[type="text"] {
	min-width: 273px;
}
}
@media (max-width:379px){
.project input[type="text"] {
	min-width: 258px;
}
}
@media (max-width:364px){
.project input[type="text"] {
	min-width: 243px;
}
}
@media (max-width:349px){
.project input[type="text"] {
	min-width: 228px;
}
}
@media (max-width:334px){
.project input[type="text"] {
	min-width: 213px;
}
}
/*********************detals page pdf**********************/

.pagewidth {
    margin: 0 auto;
    padding: 0 15px;
    width: 90%;
}
.in-head {
    background: #fff;
    padding: 25px 0 0;
}
.home-det ul li {
	font-size: 19px;
	line-height: 28px;
	list-style: symbols;
	position: relative;
	padding-left: 22px;
}

  .home-det ul li.plus-in {
	/*background-image: url("https://superklick.com/smarthome/admin/assets/images/pluse.png");*/
    background-repeat: no-repeat;
    background-position: 0 6px;
}
.home-det {
	padding: 20px 0;
	width: 60%;
	margin-top: 15px;
}
.home-det ul {
	padding-left: 20px;
}
.di-left {
	padding: 60px 0;
}
.col-6 {
    float: left;
    width: 50%;
    padding: 0 15px;
}
.col-3 {
    float: left;
    width: 25%;
    padding: 0 15px;
}
.col-4 {
    width: 10%;
    float: left;
    padding: 0 15px;
}
    .box-heating {
	float: left;
	width: 100%;
	margin-top: 15px;
}
.plus-in .input-proj {
	max-width: 33px;
	margin-right: 5px;
	text-align: center;
}
    .home-det ul li ul {
	margin: 14px 0;
}
    .home-det ul li ul li {
	margin-top: 10px;
}

@media (max-width:991px){
    .home-det {
	width: 100%;
}
div#add-heating-com-sec {
	float: left;
	width: 100%;
}
}

    @media (max-width:767px){
        .heating-box-main {
	float: left;
	width: 100%;
        }
        .col-6 {
	width: 45%;
}
    }

/* HOVER ON ICON DROPDOWN */
.hover-dropdown {
    visibility: hidden;
    opacity: 0;
    min-width: 5rem;
    transition: 0.5s;
    margin-top: 1rem;
    display: none;
}
ul.hover-dropdown li {list-style: none !important;display: inline-block;}
.open_hover_dropdown li ul:hover,ul.open_hover_dropdown li:hover > ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
	margin-top: 0px !important;
transition: .5s;
}
ul.open_hover_dropdown,ul.hover-dropdown {padding-left: 0px;}
ul.open_hover_dropdown > li{display: inline-block;}
.hover-dropdown a {
    padding: 00 10px !important;
}
/* HOVER ON ICON DROPDOWN CSS END */

#add-panel-location .input-group{margin-bottom: 20px;}
#add-panel-location input,#myModalpanellocation  input{ position: relative;}
#add-panel-location label.error,#myModalpanellocation label.error {position: absolute; bottom: -26px;}
.page-id-609 .table-over-in tbody tr td:nth-child(2) {
    width: 12%;
    text-align: center;
}

.add-textbox,.add-textbox:hover,.add-textbox:focus{
    border: 2px solid #117ec2 !important;
    border-radius: 50%;
    padding: 4px 9px;
    margin-left: 15px;
	background-color: transparent !important;
}
.add-textbox i.fa.fa-plus {
    color: #117ec2;
    font-size: 15px !important;
}
.remove-textbox,.remove-textbox:hover,.remove-textbox:focus {
    margin-left: 15px;
    background-color: transparent;
    border: 2px solid #ff5560 !important;
    border-radius: 50%;
	background-color: transparent !important;
    padding: 4px 10px;
}
.remove-textbox  i.fa.fa-minus {
    color: #ff5560;font-size: 15px !important;
}
button#savepanellocation {padding: 8px 30px;}
button#savepanellocation { padding: 8px 30px;}
select {
    width: 25%;
    word-wrap: normal;
    padding: 5px;
	font-size: 12px;
}



.heat-by-qty.qty-how-many-two.slect-2 {
    right: 13% !important;
    top: 1px !important;
}

.heat-by-qty.qty-how-many-three.slect-3 {
    right: 13% !important;
    top: 1px !important;
}

.heat-by-qty.qty-how-many-four.slect-4 {
    right: 13% !important;
    top: 1px !important;
}

.heat-by-qty select {
    width: auto !important;
    font-size: 11px !important;
    border: 1px solid #dadada;
    padding: 5px 5px;
}
button.action {
    display: inline-block;
    padding: 8px 10px;
    background: #117ec2;
    color: #fff !important;
    margin-bottom: 10px;
    border-radius: 0.2rem;
    border: none !important;
	font-size: 12px;
}
ul.open_hover_dropdown-s {
    padding-left: 0 !important;
	margin-bottom: 0 !important;
}


/**** 14-09-2022 ****/


.heat-btin {
    display: flex;
    width: 100%;
    justify-content: center;
}


span.sp-btn i {
    font-size: 23px;
    padding-right: 10px;
}
span.sp-btn button {
    font-size: 13px !important;
    padding: 10px 15px !important;
    margin-right: 15px !important;
    position: relative;
    display: flex !important;
    align-items: center;
}



.add-encloser-pop {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    padding: 12px 15px;
}



.add-encloser-pop span {
    font-size: 20px;
    color: #117ec2;
}



:root{
    --white:#fff;
    --smoke-white:#f1f3f5;
    --blue:#4169e1;
}
.containert{
    position:relative;
    width:100%;
}
.selectort {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.selecotr-item{
    position:relative;
    flex-basis:calc(70% / 3);
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.selector-item_radio{
    appearance:none;
    display:none;
}
.selector-item_label{
    position:relative;
    height:80%;
    width:100%;
    text-align:center;
    font-weight:900;
    transition-property:transform, color, box-shadow;
    transform:none;
        padding: 10px;
}
.selector-item_radio:checked + .selector-item_label {
    background-color: #117ec2 !important;
    color: var(--white);
    box-shadow: 0 0 4px
    rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.5);
    transform: translateY(-2px);
}
label.selector-item_label {
    display: flex;
    align-items: center;
}


.box-enclose ul li {
    padding-bottom: 15px;
    color: #117ec2;
    text-align: left;
}

.box-enclose ul li input[type="radio"] {
    margin-right: 10px;
}
.box-enclose ul li input[type="number"] {
    margin-left: 10px;
    max-width: 80px;
    width: 100%;
    text-align: center;
    -moz-appearance: textfield;
}
.box-enclose ul li input::-webkit-outer-spin-button,
.box-enclose ul li input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.box-enclose {
    margin-top: 30px;
}
#enclosureform input[type="submit"] {
    font-size: 16px;
    padding: 7px 22px;
    line-height: normal;
    margin: 40px auto 10px auto;
    display: table;
    background: linear-gradient(white, #d4d4d4) !important;
    color: #1d1d1d;
    border: 1px solid #dadada;
}


.box-enclose ul {
    text-align: center;
    padding-left: 0;
    margin: 20px 0;
    margin: 0 auto;
    display: table;
}
.box-enclose ul li:last-child {
    padding: 0;
}
.selecotr-item.plasctic-img.active img, .selecotr-item.steel-img.active img {
    filter: grayscale(1) invert(1);
}
@media (max-width:480px) {
	.selectort{
		width: 90%;
	}
}




/***** 21-10-2022 *****/


/*drag css*/
a.sortroom {
    position: absolute;
    left: -15px;
    top: 22px;
    margin: 0 !important;
    cursor: all-scroll;
}


.row_position.ui-sortable .ui-sortable-handle {
    margin-left: 25px;
}

.ui-sortable-handle {
    position: relative;
}

a.sortroom i {
    font-size: 22px;
}
a.sortroom.circuite {
    background: none !important;
    
}

a.sortroom.circuite i {
    color: #525252;
}
a.sortroom.circuite {
    top: 11px;
    cursor: all-scroll;
}
/*drag css end*/

/*project list css*/

.table-over-in {
    float: left;
    width: 100%;
}
.table-over-in .no-footer div#datatable_filter {
    float: right;
}

.card-body .addnew button {
    float: right;
}
.page-id-304 .card.m-b-30, .page-id-609 .card.m-b-30 {
    padding-bottom: 20px;
}
.card-body .addnew button:focus {
    color: #fff !important;
}
/*project list css*/





/*Edit Panel Location*/


.locationp #edit-panel-location h4.modal-title {
    margin: 0 !important;
    padding: 10px;
}

.locationp #edit-panel-location .input-group.m-3 {
    display: block;
    width: 100%;
    margin: 0 !important;
    position: relative;
    margin-bottom: 20px !important;
}

.locationp #edit-panel-location .input-group.m-3 .input-group-prepend {
    position: absolute;
    right: 0;
    z-index: 10;
}
.locationp #edit-panel-location .input-group.m-3 input[type=text] {
    padding: 10px;
    width: 90%;
}

.locationp #edit-panel-location button#savepanellocation {
    margin: 0;
}

.locationp #edit-panel-location button#rowAdder {
    padding: .375rem .75rem;
    line-height: 0;
    display: block;
    margin: 0 auto;
    border-radius: 0;
    margin-bottom: 15px;
    border: none;
    background: none;
}


.locationp #edit-panel-location button#rowAdder:focus {
    color: #000 !important;
    border: none !important;
}

.input-group.m-3 .input-group-prepend button:focus {
    border: none !important;
}
.modal.fade .project-main-pages {
    margin-bottom: 15px;
}
.input-group.m-3 .input-group-prepend i {
    font-size: 19px;
    color: #dc3545;
}
.input-group.m-3 .input-group-prepend button {
    border-radius: 0;
}
.input-group.m-3 .input-group-prepend button:hover {
    border: none;
}

.locationp #edit-panel-location button#rowAdder i {
    display: block;
    font-size: 23px;
    color: #000;
}


.locationp #edit-panel-location .btn-danger {
    background: none !important;
    border: none;
}

.locationp #edit-panel-location .btn-danger:hover{
	border: none;
}


/*add Panel Location*/


#add-panel-location h4.modal-title {
    margin: 0 !important;
    padding: 10px;
}

#add-panel-location .input-group.m-3 {
    display: block;
    width: 100%;
    margin: 0 !important;
    position: relative;
    margin-bottom: 20px !important;
}

.input-group.m-3 .input-group-prepend {
    position: absolute;
    right: 0;
    z-index: 10;
}
#add-panel-location .input-group.m-3 input[type=text] {
    padding: 10px;
    width: 90%;
}

#add-panel-location button#savepanellocation {
    margin: 0;
}

#add-panel-location button#rowAdder {
    padding: .375rem .75rem;
    line-height: 0;
    display: block;
    margin: 0 auto;
    border-radius: 0;
    margin-bottom: 15px;
    border: none;
    background: none;
}


#add-panel-location button#rowAdder:focus {
    color: #000 !important;
    border: none !important;
}

.input-group.m-3 .input-group-prepend button:focus {
    border: none !important;
}
.modal.fade .project-main-pages {
    margin-bottom: 15px;
}
.input-group.m-3 .input-group-prepend i {
    font-size: 19px;
    color: #dc3545;
}
.input-group.m-3 .input-group-prepend button {
    border-radius: 0;
}
.input-group.m-3 .input-group-prepend button:hover {
    border: none;
}

#add-panel-location button#rowAdder i {
    display: block;
    font-size: 23px;
    color: #000;
}


#add-panel-location .btn-danger {
    background: none !important;
    border: none;
}

#add-panel-location .btn-danger:hover{
	border: none;
}

#add-panel-location button.btn.btn-dark.submit {
    height: auto;
    font-size: 18px;
    text-transform: capitalize;
    background: #FF6600;
    color: #fff;
    border: 0;
    border: 1px solid transparent;
    display: block;
    text-align: center;
    margin: 0 auto;
}


/***** table location ******/



table.loc-table {
    width: 100%;
    background: #f7f7f7;
}
table.loc-table tr td {
    border-right: 1px solid #dedede !important;
}

table.loc-table tr td select, table.loc-table tr td input {
    padding: 5px 9px;
    font-size: 13px;
    border: 1px solid #dedede;
}

table.loc-table tr th {
    padding: 10px 0 !important;
}

h4.closeen {
    margin-top: 25px;
    display: block;
}

.heat-btin {
    margin-top: 20px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/***** 21-10-2022 *****/






/**** 14-09-2022 end ****/


/*** 27-09-2022 ***/


.model-option .modal-title {
    font-size: 20px !important;
    padding: 9px 0;
}

.modal-header {
    position: relative;
}

.model-option button.close {
    position: absolute;
    top: 0;
    right: 0;
}

.model-option .hover-dropdown-s {
    padding-left: 0;
    margin: 0 auto;
    display: table;
}
.model-option .hover-dropdown-s li a i {
    font-size: 24px;
    margin-right: 10px;
}
.model-option ul.hover-dropdown-s li a {
    line-height: normal;
    font-size: 16px;
    color: #444;
}
.model-option ul.hover-dropdown-s li {
    display: flex;
    align-items: center;
    padding: 0 10px;
    padding-bottom: 15px;
}
.hover-dropdown-s li a:hover {
    color: #117ec2 !important;
}
.modal-backdrop {
    background-color: #00000085;
}



.model-option .modal .modal-header button.close {
    padding: 13px 10px 17px 10px;
    margin: 0;
    line-height: 0px;
    font-size: 22px !important;
    border: 1px solid transparent !important;
    background: #117ec2 !important;
    color: #fff !important;
    opacity: 1 !important;
    height: 100%;
    width: 53px;
}


.model-option .modal-dialog {
    max-width: 350px;
    margin: 1.75rem auto;
}

.modal .modal-header {
    display: inline-block;
    vertical-align: middle;
}
.model-option .hover-dropdown-s li a i {
    font-size: 24px !important;
    margin-right: 10px;
}

@media (max-width: 513px){
	.model-option ul.hover-dropdown-s {
    z-index: 1 !important;
    top: 0px !important;
    bottom: unset !important;
}
.model-option .modal-dialog {
    max-width: 270px;
}
}

/**** 27-09-2022 ****/.





/***** 21-10-2022 *****/




/**** 03-11-2022 *****/
.ui-sortable-handle {
    min-width: 1212px;
}
.custom-dd.dd #treeversion {
    width: 100%;
    padding: 0 !important;
    overflow-x: scroll;
    min-width: 0px;
    background-color: #f2f5f7;
}

.adding-project {
    min-width: 0px;
}

.col-md-12.col-sm-12.col-xs-12.pull-left.min-wid, .col-md-12.col-sm-12.min-wid {
    overflow-x: visible;
    min-width: 0;
    position: relative;
}

@media (max-width: 1499px){
.project select {
    min-width: 462px;
}
.ui-sortable-handle {
    min-width: 1352px;
}
}


@media (max-width: 1199px){
.ui-sortable-handle {
    min-width: 1522px;
}
}


@media (max-width: 991px){
.ui-sortable-handle {
    min-width: 1602px;
}
}

@media (max-width: 820px){
.ui-sortable-handle {
    min-width: 1920px;
}

}


@media (max-width: 767px){
.ui-sortable-handle {
    min-width: 1550px;
}
}


@media (max-width: 575px){
.ui-sortable-handle {
    min-width: 1600px;
}
}

@media (max-width: 375px){
.ui-sortable-handle {
    min-width: 1440px;
}

}



/***** div table structure ****/
div#resp-table {
    padding: 0 15px;
}
.resp-table-row .row .col:last-child {
    border-right: 0;
}
#resp-table {
        width: 100%;
    }

.resp-table-row.row {
    border: 1px solid #dedede;
}

.table-body-cell.col {
    padding: 10px 15px;
    border-right: 1px solid #dedede;
    box-sizing: border-box;
    background: #f2f5f7;
}
.resp-table-row form {
    border: 1px solid #dedede;
    border-top: none;
}

.page-content-wrapper .row {
    display: flex !important;
}

.sortroom button.btn.btn-primary, .sortroom button.btn.btn-danger{
    font-size: 9px;
    height: 22px;
    width: 22px;
    padding: 0;
}

a.sortroom button.btn {
    background: linear-gradient(white, #e6e6e6) !important;
    color: #000;
    border: 1px solid #dadada;
}

a.sortroom {
    left: -47px !important;
}
.row_position.ui-sortable .ui-sortable-handle {
    margin-left: 55px !important;
}


a.sortroom.circuite {
    width: 51px !important;
}

a.sortroom button.btn:hover{
	background: linear-gradient(white, #d4d4d4) !important;
}

.glass-heading-sen a.allformsubmit {
    display: block;
    height: auto !important;
    width: auto !important;
    padding: 10px 15px;
    font-size: 16px;
    background: #ff6600 !important;
    border-radius: 3px;
    text-transform: capitalize;
    color: #fff;
}

.table-body-cell.col select {
    width: auto !important;
    width: auto !important;
    font-size: 11px !important;
    border: 1px solid #dadada;
    padding: 5px 5px;
}

.table-body-cell.col input[type=number] {
    width: auto !important;
    font-size: 11px !important;
    border: 1px solid #dadada;
    padding: 5px 5px;
}

.enc-heading{
    float: left;
    width: 100%;
    margin-bottom: 18px;
}


.bunch-div {
    display: flex;
    flex-direction: column;
}

.bunch-div :nth-child(5) {
    order: 3;
}

.bunch-div :nth-child(6) {
    order: 4;
}