html{
overflow-x: hidden;
}
body {
font-family: "Poppins", sans-serif;
font-weight: 400;
overflow-x:hidden;
background-image: linear-gradient(to right, #263463 , #07133f);
}
a {
text-decoration:none;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
a:hover{text-decoration:none;}
.duct_type_data tr td {
vertical-align: middle !important;
}
.show_unit_ventilation tr td {
vertical-align: middle !important;
}
.terminal_data tr td {
vertical-align: middle !important;
}
.container{
max-width: 1550px;
}
.d-flex.gap-2.mb-3 {
margin-top: 60px;
}
.error {
color:red;
}
.loader-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(33, 37, 41, 0.85); /* dark gray background */
z-index: 9999;
display: none;
justify-content: center;
align-items: center;
}
.logo_data{
width: 350px;
}
.loader {
padding: 20px;
border-radius: 10px;
}
.zoom-logo {
width: 150px; /* Adjust as needed */
animation: zoomInOut 2s ease-in-out infinite;
}
/* Zoom in and out keyframes */
@keyframes zoomInOut {
0% {
transform: scale(1);
}
50% {
transform: scale(1.15);
}
100% {
transform: scale(1);
}
}
.header{
padding: 20px 0;
}
.navbar-brand img{
max-height: 65px;
}
.header .navbar-nav .nav-item{
padding-left: 30px;
}
.header .navbar-nav .nav-link{
color: #fff;
font-size: 17px;
text-transform: uppercase;
font-weight: 500;
padding: 0;
}
.header .navbar-nav .nav-link:hover{
color: #7588c4;
}
.bannerbg{
padding: 50px 0;
/*background: url(../images/airwide-bannertext.png) no-repeat center center;*/
}
.bannerleft{
display: block;
align-items: center;
height: 100%;
}
.bannerleft img {
width: 50%;
margin: 0 auto;
display: block;
}
.bannerright{
padding: 25px;
background: #fff;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
text-align: center;
}
.bannerright p{
color: #010101;
font-size: 17px;
}
.bannerright p img{
max-height: 60px;
}
.bannerright h3{
color: #010101;
font-size: 22px;
font-weight: 500;
}
.bannerright a{
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 30px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
background: #eeeeee;
font-size: 20px;
color: #595959;
}
.bannerright a .fa{
color: #1a2856;
}
.bannerright a:hover{
background: #1a2856;
color: #fff;
}
.bannerright a:hover .fa{
color: #fff;
}
.footer{
padding: 45px 0;
background: #253362;
}
.footer-bottom{
padding-top: 45px;
text-align: center;
color: #fff;
font-size: 17px;
}
.footer-top{
display: flex;
justify-content: space-between;
}
.footerlogo img{
max-height: 65px;
}
.footerlinks h3{
font-size: 20px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
margin: 0 0 25px 0;
}
.footerlinks ul{
padding: 0 0 0 15px;
margin: 0;
}
.footerlinks ul li{
list-style-type: disc;
color: #fff;
padding: 5px 0;
}
.footerlinks ul li a{
color: #fff;
font-size: 17px;
}
.footerlinks ul li a:hover{
color: #7588c4;
}
.contentbg{
padding: 60px 0;
min-height: 80vh;
}
.leftnavbg a{
display: block;
margin-bottom: 5px;
text-align: center;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
background: #28396e;
padding: 22px 10px;
color: #48588E;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
}
.leftnavbg a:hover, .leftnavbg a.active {
background: #fff !important;
color: #213165 !important;
}
.righttab-bg .nav-tabs{
display: flex;
justify-content: space-evenly;
border: none;
gap: 5px;
}
.righttab-bg .nav-item{
flex: 1;
}
.righttab-bg .nav-tabs .nav-link{
width: 100%;
padding: 10px 30px;
color: #48588E;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
background: #213165;
margin-bottom: 5px;
border: none;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.righttab-bg .nav-tabs .nav-link:hover, .righttab-bg .nav-tabs .nav-link.active{
background: #fff;
color: #253362;
}
.righttab-bg .tab-content{
background: #fff;
border-radius: 0px 0px 20px 20px;
padding: 30px;
}
.selecttempletebox{
position: relative;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
overflow: hidden;
}
.selecttempletebox img{
width: 100%;
}
.selecttempletebox-content{
position: absolute;
left: 0;
bottom: 0;
padding: 20px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: end;
background-image: linear-gradient(to top, rgba(0,0,0,0.6) , rgba(0,0,0,0.1));
width: 100%;
}
.selecttempletebox-content h3{
color: #fff;
font-size: 20px;
font-weight: 600;
margin: 0 0 10px 0;
}
.selecttempletebox-content p{
color: #fff;
font-size: 15px;
margin: 0;
}
.saveprojects table tr th {
padding: 11px 6px;
background: #010e38;
font-size: 13px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
vertical-align: middle;
white-space: nowrap;
}
.saveprojects.overview table tr th {
white-space: normal !important;
}
.saveprojects table tr td{
padding: 25px 10px;
color: #010101;
border: none;
font-size: 15px;
vertical-align: middle;
}
.saveprojects table tr th:first-child, .saveprojects table tr td:first-child{
border-radius: 15px 0px 0 15px;
-webkit-border-radius: 15px 0px 0 15px;
-moz-border-radius: 15px 0px 0 15px;
-ms-border-radius: 15px 0px 0 15px;
-o-border-radius: 15px 0px 0 15px;
}
.saveprojects table tr th:last-child, .saveprojects table tr td:last-child{
border-radius: 0px 15px 15px 0px;
-webkit-border-radius: 0px 15px 15px 0px;
-moz-border-radius: 0px 15px 15px 0px;
-ms-border-radius: 0px 15px 15px 0px;
-o-border-radius: 0px 15px 15px 0px;
}
.saveprojects-btns{
white-space: nowrap;
display: flex;
align-items: center;
gap: 5px;
}
.saveprojects-btns a{
background: #28396e;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
width: 40px;
height: 40px;
color: #fff;
}
.saveprojects-btns a:hover{
background: #000;
}
.currentprojects{
max-width: 80%;
margin: 0 auto;
}
.currentprojects-head{
text-align: center;
}
.currentprojects-head h3{
color: #010101;
font-size: 17px;
font-weight: 600;
}
.currentprojects-head p{
color: #010101;
font-size: 16px;
}
.currentprojects-form .form-control{
min-height: 45px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
background-color: #f2f2f2;
border: none;
box-shadow: 0px 3px 3px #ccc;
}
.submitbtn{
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
background: #253362;
padding: 16px 0;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
color: #fff;
width: 100%;
text-align: center;
}
.buildingtab{
max-width: 100%;
}
.radiogrp{
display: flex;
gap: 20px;
}
.fileinput{
padding: 10px;
}
.roomstab .form-control, .addroomsbg .form-control{
min-height: 45px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
background-color: #f2f2f2;
border: none;
box-shadow: 0px 3px 3px #ccc;
}
.roomstab .dropdown a{
color: #000;
}
.roomstab table tr td{
padding: 10px;
}
.addroomsbg{
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.addroombtn{
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
padding: 15px 45px;
background: #28396e;
border-radius: 10px;
display: inline-block;
}
.addroombtn:hover{
background: #000;
}
.room-modal .modal-header{
background: #29396c;
}
.modal-header button{
color:#fff;
}
.room-modal .modal-header .btn-close{
opacity: 1;
}
.room-modal .modal-title{
color: #fff;
text-transform: uppercase;
}
.headingblue{
color: #48588E;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
margin: 30px 0;
}
.summerybox{
display: flex;
gap: 20px;
}
.summerybox-content p{
display: flex;
justify-content: space-between;
gap: 15px;
}
.summerybox-content p span{
white-space: nowrap;
}
.summerybox-img img{
max-width: 160px;
}
.visualization img{
max-width: 100%;
}
.materialbg{
padding: 25px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
background: #fff;
}
.delbtn{
display: inline-block;
min-width: 100px;
background: #a7a7a7;
color: #fff;
font-weight: 600;
text-align: center;
padding: 10px 0;
border-radius: 10px;
}
.delbtn:hover{
background: #010e38;
}
.materialboxbg table tr td{
vertical-align: top;
}
.optional-accessories{
display: flex;
justify-content: space-between;
align-items: center;
}
.materialcost-bg{
margin-top: 30px;
display: flex;
justify-content: end;
}
.materialcost-bg-inner{
padding: 20px;
background: #d9d9d9;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.materialcost-bg-inner p{
color: #010101;
font-size: 18px;
font-weight: 600;
}
.materialcost-bg-inner p label{
text-align: left;
min-width: 200px;
margin: 0;
}
.contactbox{
padding: 15px;
background: #fff;
height: 100%;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
display: flex;
flex-direction: column;
}
.contactbox img{
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
width: 12%;
margin:0 auto;
}
.contactbox h3{
color: #28396E;
font-size: 17px;
font-weight: 600;
margin: 15px 0;
text-transform: uppercase;
}
.contactbox p{
font-size: 14px;
color: #000;
}
.contactlink{
display: block;
text-align: center;
background: #30427d;
font-weight: 600;
color: #fff;
font-size: 14px;
text-transform: uppercase;
padding: 12px 0;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
margin-top: auto;
}
.contactlink:hover{
background: #000;
}
.skipbtn, .prevbtn, .nextbtn {
display: inline-block;
text-align: center;
background: #30427d;
font-weight: 600;
color: #fff;
font-size: 14px;
text-transform: uppercase;
padding: 10px 30px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
margin-top: auto;
}
.skipbtn:hover, .prevbtn:hover .nextbtn:hover{
background: #000;
}
.contactbox .form-check{
font-size: 14px;
color: #000;
}
.headerright{
display: flex;
justify-content: end;
align-items: center;
height: 100%;
gap: 30px;
}
.headerright span, .headerright a{
color: #fff;
font-size: 17px;
font-weight: 500;
}
.headerright a:hover{
color: #7588c4;
}
.homebg{
padding: 60px 0;
}
.heading-title{
color: #fff;
text-align: center;
margin: 0 0 30px 0;
}
.subtitle{
color: #fff;
text-align: center;
font-weight: 400;
font-size: 17px;
line-height: 30px;
text-align: center;
}
.hometextleft{
display: flex;
align-items: center;
height: 100%;
flex-direction: column;
justify-content: center;
}
.hometextleft p{
color: #fff;
font-weight: 400;
font-size: 25px;
}
.homeimgright{
position: relative;
}
.homeimgright img{
width: 100%;
border-radius: 10px;
}
.homeimgright h2{
color: #fff;
position: absolute;
left: 0;
top: 0;
display: flex;
align-items: center;
height: 100%;
padding: 0 25px;
margin: 0;
}
.footer{
color: #fff;
font-size: 17px;
font-weight: 500;
padding: 25px 0;
}
.footer a{
color: #fff;
}
.footer a:hover{
color: #7588c4;
}
.footer-inner{
display: flex;
align-items: center;
justify-content: space-between;
}
.footerlinks{
display: flex;
gap: 20px;
}
.faqbg .accordion-item{
background-color: inherit;
color: #fff;
}
.faqbg .accordion-button{
font-weight: 600;
padding: 25px 15px;
}
.contactform .form-control{
min-height: 55px;
padding: 0 20px;
color: #000;
font-size: 17px;
}
.submitbtn{
background: #5262a9;
color: #fff;
border: none;
border-radius: 5px;
padding: 12px 25px;
font-size: 18px;
font-weight: 600;
}
.loginbg{
padding: 25px 15px;
display: flex;
align-items: center;
height: 100%;
justify-content: center;
flex-direction: column;
}
.mobile_part{
display: none;
}
.website_part{
display: block;
}
.loginform .form-control{
height: 70px;
background: #eaeaea;
border: none;
padding: 0 30px;
color: #000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.remembaer{
font-size: 15px;
color: #000;
}
.forgotpass{
font-size: 15px;
color: #3c4e98;
}
.forgotpass:hover{
color: #000;
}
.submitbtn{
background-color: #2c3255;
padding: 20px 0;
text-align: center;
color: #fff;
font-size: 20px;
width: 100%;
border: none;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.loginform{
background: #fff;
border-radius: 15px;
padding: 35px;
min-width: 600px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.needacc a{
color: #3c4e98;
}
.loginlogo img{
max-height: 75px;
max-width: 340px;
}
.loginlogo{
text-align: center;
}
.heading_icon{
color: #fff;
display: block;
text-align: center;
font-size: 60px;
}
.top_heading{
color: #fff;
text-align: center;
margin-bottom: 70px;
}
.project_title{
color: #fff;
text-align:center;
}
.headerright p{margin: 0;}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.navbar-brand img {max-height: 36px;}
.footerlogo img {max-height: 35px;}
.footerlinks ul li a{font-size: 15px;}
.saveprojects table tr th, .saveprojects table tr td{padding: 10px; white-space: nowrap;}
.saveprojects{overflow-x: scroll;}
.addroombtn{text-align: center; font-size: 12px; padding: 15px;}
.righttab-bg .nav-tabs .nav-link{font-size: 12px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.navbar-brand img {max-height: 35px;}
.header .navbar-nav .nav-item{padding-left: 20px;}
.header .navbar-nav .nav-link{font-size: 14px;}
.bannerright p img {max-height: 40px;}
.footerlogo img {max-height: 35px;}
.footerlinks ul li a{font-size: 13px;}
.footerlinks h3{font-size: 16px;}
.footer-top{gap: 20px;}
.saveprojects table tr th, .saveprojects table tr td{padding: 10px; white-space: nowrap;}
.saveprojects{overflow-x: scroll;}
.addroombtn{text-align: center; font-size: 12px; padding: 15px;}
.righttab-bg .nav-tabs .nav-link{font-size: 12px;}
.headerright {display: flex;justify-content: space-between;}
}
@media only screen and (max-width: 767px) {
.mobile_part{
display: block;
color: #fff;
font-size: 17px;
font-weight: 500;
}
.mobile_part a{
color: #fff;
font-size: 17px;
font-weight: 500;
}
.website_part{
display: none;
}
.logo_data {
width: 350px;
}
.navbar-brand img {
max-height: 35px;
max-width: 260px;
}
.navbar-brand img {max-height: 35px;}
.navbar-toggler{background: #fff;}
.header .navbar-nav .nav-item{padding: 10px 0; border-bottom: solid 1px #fff;}
.bannerbg{padding: 0;}
.bannerleft{display: block; text-align: center; margin-bottom: 50px;}
.bannerright p img{max-height: 40px;}
.footer-top{flex-direction: column; gap: 30px;}
.footerlogo{text-align: center;}
.footerlogo img{max-height: 45px;}
.saveprojects table tr th, .saveprojects table tr td{padding: 10px; white-space: nowrap;}
.radiogrp{display: block;}
.saveprojects{overflow-x: scroll;}
.addroomsbg{flex-direction: column; text-align: center;}
.righttab-bg .nav-tabs .nav-link{font-size: 13px;}
.loginbg{display: block;}
.loginlogo img{max-height: 45px;}
.loginform{min-width: 100%; padding: 15px;}
}
@media (max-width: 768px){
.footerlinks {
display: flex;
gap: 10px;
flex-direction: row;
}
.footer-inner {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
gap:8px;
}
.footer {
font-size: 14px;
}
.headerright {
display: flex;
gap: 10px;
flex-direction: column;
}
.addroomsbg {
margin-top: 25px;
}
.saveprojects {
margin-top: 25px;
}
.optional-accessories {
margin-top: 25px;
}
}
@media (max-width: 576px){
.modal-dialog{
margin: 0 auto;
max-width: 80% !important;
}
}
.same_class_body p strong img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.modal-header{
justify-content: space-between;
}
.same_class_body {
overflow-y:scroll;
background-color:#f2f2f2;
}
a.home_link {
color: #fff;
}
.modal-body ol li a{
color:#000;
}
.modal-header{
background-color:#29396c;
}
.modal-header .modal-title{
color:#fff;
}
/* width */
::-webkit-scrollbar {
width: 2px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey;
border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #29396c;
border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #b30000;
}
.help_class h3 {
color:#fff;
}
span.input-group-text {
background: #F2F2F2;
box-shadow: 0px 3px 3px #ccc;
}
button.btn.btn-outline-secondary {
background: #172451 !important;
color: #fff !important;
}
td.action_class {
width: 65px;
}
.action_class .fa.fa-clone {
color: green;
font-size:22px;
}
.action_class .fa.fa-trash {
color: red;
font-size:22px;
}
.select2-container{
min-height: 45px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
background-color: #f2f2f2;
border: none;
box-shadow: 0px 3px 3px #ccc;
width: 100%!important;
}
.select2-container--default .select2-selection--single{
background-color: inherit!important;
border: none!important;
border-radius: 0!important;
min-height: 45px!important;
height: 45px!important;
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
-ms-border-radius: 0!important;
-o-border-radius: 0!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 45px!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
height: 45px!important;
}
.select2-container--open{
box-shadow: none!important;
background: none!important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
background: #f2f2f2;
box-shadow: 0px 3px 3px #ccc;
border-radius: 10px;
}
.outletstab table tr th:first-child {
border-radius: 6px 0px 0 6px;
-webkit-border-radius: 6px 0px 0 6px;
-moz-border-radius: 6px 0px 0 6px;
-ms-border-radius: 6px 0px 0 6px;
-o-border-radius: 6px 0px 0 6px;
}
.outletstab table tr th:last-child {
border-radius: 0px 6px 6px 0px;
-webkit-border-radius: 0px 6px 6px 0px;
-moz-border-radius: 0px 6px 6px 0px;
-ms-border-radius: 0px 6px 6px 0px;
-o-border-radius: 0px 6px 6px 0px;
}
.outletstab table {
margin-bottom: 0;
}
.outletstab table tr th {
padding: 10px;
line-height: 1.15;
font-size: 13px;
font-weight: 500;
white-space: nowrap;
text-align: center;
background-color: #010e38;
}
.outletstab table tr td {
padding: 3px;
text-align: center;
}
.outletstab table tr th span {
text-transform: lowercase;
}
.outletstab .form-control {
min-height: auto;
padding: 2px 5px;
border-radius: 5px;
font-size: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
background-color: #ffffff;
border: 1px solid #555;
box-shadow: unset;
}
#calculation-tab3 .form-control{
min-height: 45px !important;
border-radius: 10px !important;
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
-ms-border-radius: 10px !important;
-o-border-radius: 10px !important;
background-color: #f2f2f2;
border: none !important;
box-shadow: 0px 3px 3px #ccc !important;
}
#calculation-tab4 .form-control{
min-height: 45px !important;
border-radius: 10px !important;
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
-ms-border-radius: 10px !important;
-o-border-radius: 10px !important;
background-color: #f2f2f2;
border: none !important;
box-shadow: 0px 3px 3px #ccc !important;
}
#calculation-tab5 .form-control{
min-height: 45px !important;
border-radius: 10px !important;
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
-ms-border-radius: 10px !important;
-o-border-radius: 10px !important;
background-color: #f2f2f2;
border: none !important;
box-shadow: 0px 3px 3px #ccc !important;
}
/*.outletstab table tr th {
padding: 10px;
background-color: #010e38;
}*/
#calculation-tab3 h6{
min-height: 45px;
line-height: 45px;
padding: 0 15px !important;
}
.faqbg .accordion{
margin-bottom: 15px;
}
.righttab-bg button.btn.btn-outline-secondary{
min-height: 45px;
}
.selecttempletebox{
height: 100%;
}
.selecttempletebox img{
height: 100%;
object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1140px) {
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.currentprojects{max-width: 100%;}
.righttab-bg .nav-tabs .nav-link{height: 100%;}
}
@media only screen and (max-width: 767px) {
.footerlinks a{font-size: 11px;}
.footer-inner span, .footer-inner a{font-size: 11px;}
.bannerleft img{width: 80%; margin-top: 15px;}
.currentprojects{max-width: 100%;}
.righttab-bg .nav-tabs .nav-link{height: 100%;}
.table-responsive{margin-bottom: 20px;}
.addroombtn{font-size: 15px; padding: 15px;}
.leftnavbg{flex-direction: row !important; gap: 5px; justify-content: center;}
.leftnavbg a{display: inline-block; font-size: 13px; padding: 10px; margin: 0;}
.projectbox-row-img{margin-top: 0;}
.projectbox-table{overflow-x: scroll;}
.projectbox-header p label{text-align: center;}
}
.equipmentleftbox{
border: solid 1px #29325b;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
padding: 20px;
}
.supplybox{
text-align: center;
}
.supplyboxinnerbox{
display: inline-block;
border: solid 1px #29325b;
padding: 3px 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.ductbox{
background: #abd8f3;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
padding: 15px;
margin-bottom: 25px;
}
.ductbox table td{
vertical-align: middle;
background: none;
}
.airchangestab .form-control{
min-height: 45px !important;
border-radius: 10px !important;
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
-ms-border-radius: 10px !important;
-o-border-radius: 10px !important;
background-color: #f2f2f2;
border: none !important;
box-shadow: 0px 3px 3px #ccc !important;
}
.airchangestab h6 {
min-height: 45px;
line-height: 45px;
padding: 0 15px !important;
}
.equipmentleftbox mb-3
{
margin-bottom:25px;
}
.quantitys {
width:70px;
}
input[readonly] {
color: #333;
background-color: lightgray !important;
}
input.form-control[readonly] {
color: #333;
background-color: lightgray !important;
}
.overview_screen {
background: #0d6efd;
color: #fff;
padding: 5px 20px 5px 20px;
border-radius: 30px;
width: fit-content;
}
.overview_screen1 {
background: #8c4a54 !important;
color: #fff;
padding: 5px 20px 5px 20px;
border-radius: 30px;
width: fit-content;
}
.summarydiv-left{
display: flex;
flex-direction: column;
align-items: end;
}
.summarydiv-left p{
font-size: 16px;
color: #000;
text-transform: uppercase;
display: flex;
gap: 5px;
align-items: center;
margin: 0 0 5px 0;
}
.summarydiv-left p label{
text-align: end;
}
.summarydiv-left p span{
display: inline-block;
border: solid 1px #000;
border-radius: 50px;
padding: 3px 15px;
}
.summarydiv-right img{
width: 100%;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.summarydiv input{
background: none;
border: solid 1px #000;
border-radius: 50px;
padding: 5px 15px;
width: 200px;
min-width: inherit;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
text-align: left !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
top: 8px !important;
right: 20px !important;
}
.projectbox-header{
display: flex;
flex-direction: column;
background-color: #e4e8f6;
justify-content: center;
align-items: center;
padding: 25px 10px;
margin-bottom: 15px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.projectbox-header p{
margin-bottom: 5px;
font-size: 16px;
}
.projectbox-header p label{
margin: 0;
font-weight: 600;
text-align: right;
min-width: 200px;
}
.projectbox-row{
border: solid 2px #e4e8f6;
padding: 15px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
}
.projectbox-header p span{
min-width: 200px;
text-align: center;
border: solid 1px #000;
display: inline-block;
}
.projectbox-row-img img{
max-width: 100%;
}
.projectbox-row-top{
position: relative;
}
.projectbox-row-top-dec{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 99;
position: relative;
}
.projectbox-row-top-dec p{
margin-bottom: 5px;
font-size: 13px;
}
.projectbox-row-top-dec p label{
margin: 0;
font-weight: 600;
text-align: right;
min-width: 135px;
}
.projectbox-row-top-dec p span{
min-width: 100px !important;
text-align: center;
border: solid 1px #000;
display: inline-block;
}
.projectbox-table tr th, .projectbox-table tr td{
font-size: 12px;
padding: 5px;
}
.projectbox-table tr td:first-child{
width: 60%;
}
.projectbox-row-img{
margin-top: -110px;
}
.floortitle{
background-color: #263463;
color: #fff;
display: inline-block;
padding: 5px 15px;
border-radius: 5px;
position: absolute;
text-transform: uppercase;
}
.floortitle{
z-index: 99;
}
.projectbox-row-img{
position: relative;
}
.unitlabel{
position: absolute;
border: solid 1px #000;
min-width: 70px;
text-align: center;
color: #000;
padding: 3px 0;
font-size: 13px;
background-color: rgba(255, 255, 255, 0.5);
max-width: 70px;
outline: none;
}
.unitlabel-1{
bottom: 85%;
right: 8%;
}
.unitlabel-01{
bottom: 24%;
right: 9%;
}
.unitlabel-2 {
bottom: 82%;
right: 8%;
}
.unitlabel-02 {
bottom: 23%;
right: 8%;
}
.unitlabel-3 {
bottom: 86%;
right: 11%;
}
.unitlabel-03 {
bottom: 53%;
right: 11%;
}
.unitlabel-4 {
bottom: 86%;
right: 10%;
}
.unitlabel-04 {
bottom: 53%;
right: 10%;
}
.unitlabel-5 {
bottom: 86%;
right: 8%;
}
.unitlabel-05 {
bottom: 37%;
right: 8%;
}
.unitlabel-6 {
bottom: 85%;
right: 10%;
}
.unitlabel-06 {
bottom: 36%;
right: 10%;
}
.unitlabel-7{
bottom: 66%;
right: 8%;
}
.unitlabel-07{
bottom: 43%;
right: 2%;
}
.unitlabel-8{
bottom: 72%;
right: 12%;
}
.unitlabel-08{
bottom: 43%;
right: 4%;
}
.unitlabel-9{
bottom: 65%;
right: 22%;
}
.unitlabel-09{
bottom: 31%;
right: 12%;
}
.unitlabel-10{
bottom: 65%;
right: 32%;
}
.unitlabel-010{
bottom: 35%;
right: 0%;
}
.unitlabel-11 {
right: 9%;
bottom: 68%;
}
.unitlabel-011 {
right: 8%;
bottom: 35%;
}
.projectbox-table.sup_top6 {
margin-top: 110px;
}
.projectbox-table.ex_top6 {
margin-top: 85px;
}
.projectbox-table.sup_top7 {
margin-top: 110px;
}
.projectbox-table.sup_top8 {
margin-top: 110px;
}
.projectbox-table.ex_top8 {
margin-top: 86px;
}
.projectbox-table.sup_top9 {
margin-top: 108px;
}
.projectbox-table.ex_top9 {
margin-top: 85px;
}
.projectbox-table.ex_top7 {
margin-top: 80px;
}
.unitlabel-013 {
right: 9%;
bottom: 35%;
}
.unitlabel-13 {
right: 10%;
bottom: 67%;
}
.unitlabel-14 {
right: 0;
bottom: 67%;
}
.unitlabel-014 {
right: 0;
bottom: 35%;
}
.unitlabel-012 {
right: 0;
bottom: 36%;
}
.unitlabel-12 {
right: 0;
bottom: 67%;
}
.unitlabel-15 {
right: 0%;
bottom: 75%;
}
.unitlabel-015 {
right: 0%;
bottom: 43%;
}
.unitlabel-16 {
right: 0;
bottom: 71%;
}
.unitlabel-016 {
right: 0;
bottom: 49%;
}
.unitlabel-17 {
right: 8%;
bottom: 65%;
}
.unitlabel-017 {
right: 7%;
bottom: 32%;
}
.unitlabel-18 {
right: 0;
bottom: 91%;
}
.unitlabel-18 {
right: 0;
bottom: 71%;
}
.unitlabel-018 {
right: 0;
bottom: 40%;
}
.unitlabel-19 {
right: -18px;
bottom: 76%;
}
.unitlabel-019 {
right: -3%;
bottom: 44%;
}
.unitlabel-20 {
right: 21%;
bottom: 66%;
}
.unitlabel-020 {
right: 12%;
bottom: 31%;
}
.unitlabel-21 {
right: 0;
bottom: 69%;
}
.unitlabel-021 {
right: 0;
bottom: 39%;
}
.unitlabel-22 {
right: 20%;
bottom: 80%;
}
.unitlabel-022 {
right: 12%;
bottom: 47%;
}
.unitlabel-23 {
right: 0;
bottom: 71%;
}
.unitlabel-023 {
right: 0;
bottom: 49%;
}
.floortitle{
font-size: 15px;
left: 0;
padding: 5px 10px;
}
.projectbox-table.sup_top2 {
margin-top: 100px;
}
.projectbox-table.ex_top2 {
margin-top: 25px;
}
.projectbox-row-top-dec p{
font-size: 12px;
}
.projectbox-row-top-dec{
max-width: 80%;
}
.projectbox-header p{
font-size: 13px;
}
.projectbox-header p span{
min-width: 350px;
}
.show_outlet_class{
min-width: 160px;
}
.projectbox-table.sup_top3 {
margin-top: 100px;
}
.projectbox-table.ex_top3 {
margin-top: 25px;
}
.projectbox-table.sup_top1 {
margin-top: 100px;
}
.projectbox-table.ex_top1 {
margin-top: 70px;
}
.projectbox-table.sup_top4 {
margin-top: 100px;
}
.projectbox-table.ex_top4 {
margin-top: 60px;
}
.projectbox-table.sup_top5 {
margin-top: 100px;
}
.projectbox-table.ex_top5 {
margin-top: 65px;
}
.outletstab table tr th{
padding: 10px 5px;
font-size: 10px;
}
.projectbox-table.sup_top10 {
margin-top: 115px;
}
.projectbox-table.ex_top10 {
margin-top: 85px;
}
.projectbox-table.sup_top11 {
margin-top: 90px;
}
.projectbox-table.ex_top11 {
margin-top: 40px;
}
.projectbox-table.sup_top12 {
margin-top: 120px;
}
.projectbox-table.ex_top12 {
margin-top: 90px;
}
.projectbox-table.sup_top13 {
margin-top: 90px;
}
.projectbox-table.ex_top13 {
margin-top: 80px;
}
.projectbox-table.sup_top14 {
margin-top: 130px;
}
.projectbox-table.ex_top14 {
margin-top: 85px;
}
.projectbox-table.sup_top15 {
margin-top: 120px;
}
.projectbox-table.ex_top15 {
margin-top: 95px;
}
.projectbox-table.sup_top16 {
margin-top: 100px;
}
.projectbox-table.ex_top16 {
margin-top: 75px;
}
.projectbox-table.sup_top17 {
margin-top: 100px;
}
.projectbox-table.ex_top17 {
margin-top: 90px;
}
.projectbox-table.sup_top18 {
margin-top: 90px;
}
.projectbox-table.ex_top18 {
margin-top: 40px;
}
.projectbox-table.sup_top19 {
margin-top: 135px;
}
.projectbox-table.ex_top19 {
margin-top: 75px;
}
.projectbox-table.sup_top20 {
margin-top: 125px;
}
.projectbox-table.ex_top20 {
margin-top: 80px;
}
.unitlabel-24 {
right: 7%;
bottom: 67%;
}
.unitlabel-024 {
right: -3%;
bottom: 46%;
}
.unitlabel-25 {
right: 123px;
bottom: 66%;
}
.unitlabel-025 {
right: 11%;
bottom: 34%;
}
.projectbox-table.sup_top21 {
margin-top: 95px;
}
.projectbox-table.ex_top21 {
margin-top: 80px;
}
.unitlabel-26 {
right: 0;
bottom: 70%;
}
.unitlabel-026 {
right: 0;
bottom: 39%;
}
.projectbox-table.sup_top22 {
margin-top: 135px;
}
.unitlabel-27 {
right: -2%;
bottom: 81%;
}
.unitlabel-027 {
right: -2%;
bottom: 49%;
}
.projectbox-table.sup_top23 {
margin-top: 92px;
}
.unitlabel-28 {
right: -17%;
bottom: 73%;
}
.unitlabel-028 {
right: -17%;
bottom: 41%;
}
.unitlabel-29 {
right: 20%;
bottom: 80%;
}
.unitlabel-029 {
right: 11%;
bottom: 45%;
}
.projectbox-table.sup_top26 {
margin-top: 135px;
}
.projectbox-table.ex_top26 {
margin-top: 78px;
}
.projectbox-table.sup_top27 {
margin-top: 45px;
}
.projectbox-table.ex_top27 {
margin-top: 90px;
}
.projectbox-table.sup_top28 {
margin-top: 95px;
}
.projectbox-table.ex_top28 {
margin-top: 70px;
}
.projectbox-table.sup_29 {
margin-top: 80px;
}
.projectbox-table.ex_29 {
margin-top: 16%;
}
.projectbox-table.sup_30 {
margin-top: 20%;
}
.projectbox-table.ex_30 {
margin-top: 10%;
}
.projectbox-table.sup_31 {
margin-top: 25%;
}
.projectbox-table.ex_31 {
margin-top: 5%;
}
.projectbox-table.sup_32 {
margin-top: 8%;
}
.projectbox-table.ex_32 {
margin-top: 5%;
}
.projectbox-table.sup_40 {
margin-top: 6%;
}
.projectbox-table.ex_40 {
margin-top: 14%;
}
.projectbox-table.sup_41 {
margin-top: 20%;
}
.projectbox-table.ex_41 {
margin-top: 11%;
}
.projectbox-table.sup_42 {
margin-top: 25%;
}
.projectbox-table.ex_42 {
margin-top: 6%;
}
.projectbox-table.sup_43 {
margin-top: 8%;
}
.projectbox-table.ex_43 {
margin-top: 10%;
}
.projectbox-table.ex_44 {
margin-top: 8%;
}
.projectbox-table.sup_45 {
margin-top: 13%;
}
.projectbox-table.ex_45 {
margin-top: 15%;
}
.projectbox-table.sup_46 {
margin-top: 17%;
}
.projectbox-table.ex_46 {
margin-top: 12%;
}
.projectbox-table.ex_47 {
margin-top: 5%;
}
.projectbox-table.sup_48 {
margin-top: 17%;
}
.projectbox-table.ex_48 {
margin-top: 12%;
}
.projectbox-table.sup_33 {
margin-top: 18%;
}
.projectbox-table.ex_33 {
margin-top: 20%;
}
.projectbox-table.sup_34 {
margin-top: 10%;
}
.projectbox-table.ex_34 {
margin-top: 26%;
}
.projectbox-table.sup_35 {
margin-top: 4%;
}
.unitlabel-30 {
right: -4%;
bottom: 61%;
}
.unitlabel-030 {
right: -4%;
bottom: 31%;
}
.projectbox-table.ex_top24 {
margin-top: 85px;
}
.projectbox-table.sup_top24 {
margin-top: 125px;
}
.projectbox-table.ex_top23 {
margin-top: 85px;
}
/*#calculation-tab4 .form-control{
font-size: 11px;
}*/
.show_outlet_class {
min-width: 130px;
}
span.select2-dropdown.select2-dropdown--below
{
max-width:600px !important;
}
/*span.select2-dropdown.select2-dropdown--below {
width: auto !important;
}*/
.roof {
width: 100%;
aspect-ratio: 2 / 1; /* Width is twice the height */
background-color: #8b5c6e;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
height: 100px;
}
.projectbox{
overflow: hidden;
}
.projectbox-header{
border-radius: 0px 0px 10px 10px;
border-top: solid #966e7e;
}
.template_class {
border-collapse: collapse;
margin: 20px auto;
width: 350px;
}
.template_class td {
border: none;
padding: 8px 12px;
font-family: Arial, sans-serif;
}
.template_class td.value-cell {
border: 1px solid #000;
text-align: left;
width: 40%;
}
.template_class td.label-cell {
font-weight: bold;
width: 60%;
}
.projectbox-header.newtemplateclass {
display: flex;
flex-direction: row;
}
.projectbox-header{
position: relative;
}
.fandiv {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 31.8%;
background: url(../images/extractfan-top_1.png) no-repeat;
background-size: 100% 100%;
background-position: bottom;
padding-top: 50px;
}
.fanimg{
position: absolute;
top: 10px;
left: 20px;
}
.fanimg img{
width: 50px;
height: 50px;
object-fit: contain;
background-color: #fff;
}
.falseceilingbox-row-img{
margin-top: -17px;
position: relative;
}
.falseceilingbox-row-img img{
width: 100%;
}
.falselabel1{
bottom: 60%;
right: 14%;
}
.falselabel2{
bottom: 33%;
right: 14%;
}
.falselabel3{
bottom: 69%;
right: 0%;
}
.falselabel4{
bottom: 35%;
right: 10%;
}
.falselabel5{
bottom: 35%;
right: 14%;
}
.falselabel6{
bottom: 13%;
right: 10%;
}
.falselabel7{
bottom: 61%;
right: 1%;
}
.falselabel8{
bottom: 28%;
right: 10%;
}
.falselabel9{
bottom: 61%;
right: 0%;
}
.falselabel10{
bottom: 34%;
right: 20%;
}
.falselabel11{
bottom: 56%;
right: 0%;
}
.falselabel12{
bottom: 26%;
right: 9%;
}
.falselabel13{
bottom: 66%;
right: 2%;
}
.falselabel14{
bottom: 33%;
right: 9%;
}
.falselabel15{
bottom: 63%;
right: 5%;
}
.falselabel16{
bottom: 35%;
right: 14%;
}
.falselabel17{
bottom: 55%;
right: 10%;
}
.falselabel18{
bottom: 35%;
right: 21%;
}
.falselabel19{
bottom: 52%;
right: 8%;
}
.falselabel20{
bottom: 26%;
right: 22%;
}
.fanimg2{
top: 90px;
left: 20px;
}
.mooningdiv{
background: url(../images/mountingtop-image.png) no-repeat;
background-size: 100% 100%;
}
.mooningimagestop{
position: relative;
}
.mooningtopimg1{
position: absolute;
top: 0;
left: 7%;
z-index: 99;
}
.mooningtopimg2{
position: absolute;
top: 0;
left: 20%;
z-index: 99;
}
td.desc_data {
font-size: 13px;
text-align: justify;
border: 1px solid;
padding: 5px;
}
.projectbox-header p span {
min-width: 460px;
}
.projectbox-table.show_top_supp {
margin-top: 23%;
}
.projectbox-table.show_top_ex {
margin-top: 45px;
}
.projectbox-table.show_second {
margin-top: 70px;
}
.projectbox-table.show_third {
margin-top: 100px;
}
.projectbox-table.show_four {
margin-top: 65px;
}
.projectbox-table.sup_top {
margin-top: 100px;
}
.projectbox-table.exh_top {
margin-top: 60px;
}
.projectbox-table.ex_top_supp {
margin-top: 37px;
}
.side_convent_data {
margin-left: 120px;
}
.topinfotable tr td{
white-space: nowrap;
font-size: 14px;
}
.topinfotable tr td:first-child{
text-align: right;
}
.topinfotable tr td span{
display: block;
border: solid 1px #000;
padding: 2px 5px;
}
td.desc_data {
font-size: 13px;
}
textarea.selected_ventilation {
height: 119px;
border-radius: 35px;
padding: 12px;
background: lightgray;
color: #333;
}
.readonly-select {
pointer-events: none; /* disables clicking */
background-color: #e9ecef; /* gray background like disabled */
}
.select2-readonly {
pointer-events: none !important;
opacity: 1 !important;
}
.select2-readonly .select2-selection {
background-color: #e9ecef !important;
}
.col-md-6.col-lg-4.box_height {
height: 260px;
}
.selected_ventilation[readonly] {
background: #eee;
cursor: not-allowed;
}
@media only screen and (min-width: 1101px) and (max-width: 1500px) {
.leftnavbg a{font-size: 15px; padding: 22px 5px;}
.righttab-bg .nav-tabs .nav-link{padding: 10px;}
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
.leftnavbg a{font-size: 12px; padding: 22px 5px;}
.righttab-bg .nav-tabs .nav-link{padding: 10px;}
}
@media only screen and (max-width: 991px) {
.ductbox table td{white-space: nowrap;}
.ductbox table td .form-control{min-width: 200px;}
.fandiv{position: relative; width: 100%; background: none; padding: 25px 0;}
.fanimg{position: inherit; top: 0; left: 0; width: 100%; text-align: center;}
.projectbox-header p{text-align: center;}
}