:root {
    --primary-color: #0075DB;
    --primary-dark-color: #134E91;
    --accent-color: #E4D340;
    --bg-page-color: #F9F9F9;
    --bg-sidenav-color: #EFEFEF;
    --primary-text-color: #6E6E6E;
    --primary-dark-text-color:#4E4E4E;
    --secondary-text-color: #FFF;
    --new-color: #ffbb33;
    --complete-color: #01BD62;
    --pending-color: #ff5722;
    --disabled-color: #C6CECC;
    --font-size: .875rem;
}

*{
    padding: 0;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #6E6E6E;
    font-size: .875rem;
    background-color: #F9F9F9;
}
.header {
    background-color: #0075DB;
}
.white-bg{
    background-color: #FFFFFF;
}

/* breadcrumb */
.breadcrumb-item button.btn {
    color: #C6CECC;
}
.breadcrumb-item:last-child button.btn {
    color: #4E4E4E;
}
.breadcrumb-item .dropdown-menu {
    z-index: 1001;
}
.breadcrumb-item .dropdown-menu li {
    font-weight: 400;
    color: #212529;
    background-color: transparent;
}
.breadcrumb .breadcrumb-item .dropdown-menu button {
    background-color: #0075DB;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 1rem;
    text-transform: uppercase;
}

/* buttons */
.btn-primary {
    background-color: #0075DB;
}
.btn-outline {
    background-color: transparent !important;
    border: 2px solid #0075DB !important;
}
.btn-outline.primary {
    color: #0075DB !important;
    border-color: #0075DB !important;
}
.btn-outline.secondary {
    background-color: #FFFFFF;
    color: #6E6E6E !important;
    border-color: #6E6E6E !important;
}
.btn-rounded {
    border-radius: 10em;
}

/* primary progress bar */
.navbar-nav.mobile-bar {
    margin: 0px 0px;
    background-color: #0075DB;
    border-radius: .625rem;
}
.navbar-nav.mobile-bar > li {
    color: #FFFFFF !important;
    padding: .875rem 0;
}
.navbar-nav.mobile-bar > li > span {
    color: #FFFFFF !important;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: bold;
} 
.menu-icon > i {
    font-size: 35px !important;
    color: #FFFFFF;
}
.mobile-bar li.active {
    background-color: #134E91;
}

/* secondary nav */
.secondary-nav ul > li {
    border-bottom: 1px solid #C6CECC;
    border-left: 5px solid #4E4E4E;
}
.secondary-nav ul > li.active {
    border-left: 5px solid #0075DB;
    background-color: #EFEFEF;
} 
.secondary-nav ul li.active span.resource-icon:before,
.secondary-nav ul li.active {
    color: #0075DB;
}
/* custom icons of MJ8Report in tables MJ8Projects and HVACSystems */
[data-khipu-role="MJ8Projects"] .MJ8Reports:after,
[data-khipu-role="HVACSystems"] .MJ8Report:after {   
    color: #0075DB;
    font-size: 1.8rem;
}

/* navigation tabs style */
#cf-overview-nav, #cc-detail-nav {
    background: white;
    font-weight: bold;
    font-size: 12px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    cursor: pointer;
}
#cf-overview-nav .nav-link.active, #cc-detail-nav .nav-link.active {
    background-color: #EFEFEF;
    color: #0075DB;
    border-radius: 0;
}

/* title */
.title {
    color: #0075DB;
    margin-left: 3rem;
}
.icon {
    background-color: #0075DB;
    border-radius: 50%;
    position: absolute;
    height: 38px;
    width: 38px;
}
.icon i, .icon span.resource-icon {
    position: relative;
    top: calc(50% - 12px);
    color: #FFFFFF;
    font-size: 22px;
}
.underline{
    border-bottom: solid 5px #E4D340;
    width: 50px;
    margin-left: 3rem;
}

/* table style */
table thead {
    background-color: #0075DB;
    color: #FFFFFF;
}

/* form style */
form.form{
    margin-left: 3.06rem;
}

/* form error message style */
form .error-msg {
    display: block;
    color: #DC3545;    
    font-size: 90%;
}
form .error-msg:before {   
    font-family: "Font Awesome 5 Free";
    content: "\f06a";
    font-weight: 900;
    margin-right: .3rem;
}

/* general status icons */
.state-icon {
    color: #FFFFFF;
}

/* resource icons */
.secondary-nav ul li span.resource-icon:before {
    color: #4E4E4E;
}
span.resource-icon {
    color: #FFFFFF;
}

/* nice radio */
.nice-radio input[type="radio"] + label .btn{    
    color: #6E6E6E;
    background-color: #FFFFFF;
}
.nice-radio input[type="radio"] + label .icon{
    min-width: 50px;
    min-height: 50px;
    position: relative;    
    background-color: #6E6E6E;
    border-radius: 50%;
}
.nice-radio input[type="radio"] + label i{
    position: relative;
    top: calc(50% - 12px);    
    color: #FFFFFF;
    font-size: 22px;
}
.nice-radio input[type="radio"]:checked+label .btn{
    color: #FFFFFF;
    background-color: #0075DB;
}
.nice-radio input[type="radio"]:checked+label .icon{
    background-color: #FFFFFF;
}
.nice-radio input[type="radio"]:checked+label i{
    color: #0075DB;
}
.nice-radio input[type="radio"]:checked+label:after {
    font-size: .8rem;
    color: #FFFFFF;
}

/* accordion */
.accordion-card {
    margin-bottom: .5rem;
    border-radius: 0;
    border: none;
}
.card.accordion-card:hover {
    border: none;
    cursor: pointer;
}
.accordion-card .card-header {
    padding: 0.5rem 1rem;
    background: #134E91;
    border-bottom: 0;
}
.accordion-card .card-header h6 {
    color: white !important;
}
.accordion-card .card-header::after {
    font-family: "Font Awesome 5 Free";
    content: "\f103";
    top: 9px;
    right: 12px;
    font-size: 1rem;
    color: #FFFFFF;
    position: absolute;
    font-weight: 600;
    transition: all 0.5s;
}
.accordion-card .card-header[aria-expanded="true"]::after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}
.accordion-card .card-body {
    border-left: 1px solid #C6CECC;
    border-bottom: 1px solid #C6CECC;
    border-right: 1px solid #C6CECC;
}

/* class to hide back link */
.cc-resource-map-trace .cc-no-show {
    display: none !important;
}

/* spinner */
.coolcalc-restui.contains-spinner > span.spinner,
.coolcalc-restui > .contains-spinner > span.spinner {
    z-index: 9999;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.2);
}
.coolcalc-restui.contains-spinner >  span.spinner .spinner-border,
.coolcalc-restui > .contains-spinner >  span.spinner .spinner-border {
    position: relative;
    left: calc(50% - 2rem);
    top: calc(50% - 4rem);
    width: 4rem;
    height: 4rem;
    color: white;
}

/* spinner in button */
button.contains-spinner > span.spinner {
   margin-left: .5rem;
}

/* switch radio style */
.switch-wrapper .btn .icon {
    background-color: #FFFFFF;
}
.switch-wrapper .btn.btn-not-selected .icon i {
    color: #0075DB;
}
.switch-wrapper .btn-not-selected {
    color:#FFFFFF;
    background-color: #0075DB;
}
.switch-wrapper .btn.btn-selected .icon {
    background-color: #6E6E6E;
}
.switch-wrapper .btn.btn-selected .icon i {
    color: #FFFFFF;
}
.switch-wrapper .btn-selected {
    color: #6E6E6E;
    background-color: #FFFFFF;

}

/* HVAC System principal inputs */
#HVACSystem .card .icon{
    min-width: 50px;
    min-height: 50px;
    position: relative;
}
#HVACSystem .card .icon i{
    font-size: 26px;
    top: calc(50% - 13px);
}

/* pagination */
.page-link{
    color: #0075DB;
}

/* MJ8Report resource */
.nav-pills .nav-link.active {
    background-color: #0075DB;
}
.mj8-report {
    color: #000000;
}
.mj8-report .overview {
    color: #134E91;
    border-radius: .625rem  .625rem 0 0;
    background: linear-gradient( to left, #0075DB 0%, #134E91 100% ) left bottom #FFFFFF no-repeat;
    background-size: 100% 5px;
}
.mj8-report .overview .project:before { 
    font-family: "Font Awesome 5 Free";
    content: "\f022";
    margin-right: .8rem;
    color: #134E91;
}
.mj8-report .overview .address {
    color: rgba(0, 0, 0, 0.5);
}
.mj8-report .overview .logo img {
    width: 150px;
    height: auto;
}
.mj8-report .title, 
.mj8-report .underline {
    margin-left: 0;
}
.mj8-report .card .card-header {
    padding: 10px;
    background-color: #FFFFFF;
    border-bottom: none !important;
}
.mj8-report .card .table {
    margin-bottom: 0;
}
.table-heating tbody tr:last-child,
.table-cooling tbody tr:last-child {
    font-weight: bold;
}
.mj8-report .section{
    margin-top: 2rem;
}
.mj8-report .section-title h3 {
    text-transform: uppercase;
    color: #0075DB;
}
.mj8-report .component-loads-item {
    padding: 1rem;
    border: 1px solid #C6CECC;
    margin:-1px 0 0 -1px;
    
}
.mj8-report [data-khipu-role="no-data"] {
    color: #4E4E4E;

}
.mj8-report .component-loads-item .title {
    font-weight: 500;
    color: #4E4E4E;
}

.mj8-report .component-loads-item small{
    text-transform: uppercase;
    color: #4E4E4E;
}

/* MJ8 detail */
.mj-detail .card-title {
    border-bottom: dashed 1px #E9EAEC;
    margin: 15px 0;
}
.mj-detail .card-title h5::before {
    font-family: "Font Awesome 5 Free";
    content: "\f022";
    margin-right: .5rem;
}
.mj-detail .card-footer {
    background-color: #FFFFFF;
}



/* Customized RestUI CSS Styles */
/* breadcrumb */
.breadcrumb-item button.btn {
    padding: 0;
}
.breadcrumb-item .dropdown-menu {
    z-index: 1001;
}
.breadcrumb-item .dropdown-menu li {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    text-align: inherit;
    white-space: nowrap;
    border: 0;
}
.breadcrumb .breadcrumb-item .dropdown-menu button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    line-height: 1.5;
    border-radius: .25rem;
    margin-left: .5rem;
}

/* depth */
.z-depth-1 {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0,0,0,0.05) !important;;
}

/* primary progress bar */
.navbar-nav.mobile-bar {
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
}
.navbar-nav.mobile-bar > li {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-align: center;
    cursor: pointer;
}
.menu-icon > i {
    display: block;
    margin-bottom: .75rem;
    position: relative;
}
.mobile-bar li:first-child {
    border-radius: 10px 0 0 10px;
}
.mobile-bar li:last-child {
    border-radius: 0 10px 10px 0;
}
.mobile-bar li.active:nth-last-child(2){
    border-radius: 0 10px 10px 0;
}
.mobile-bar span.state-icon {
    position: absolute;
    margin-top: -50px;
    margin-left: 5px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    padding: 3px;
    font-size: 12px;
    text-align: center;
    font-family: "Font Awesome 5 Free";
} 
.mobile-bar .navbar-toggler {
    display: none;
}
.secondary-nav .collapse:not(.show) {
    display: block;
} 

/* general status icons */
[data-khipu-status="New"]::before  {
    content: "\f621";
}
.state-icon[data-khipu-status="New"] {
    background-color: #FFBB33;
}
[data-khipu-status="Complete"]::before, [data-khipu-status="Default"]:before {
    content: "\f00c";
}
.state-icon[data-khipu-status="Complete"], .state-icon[data-khipu-status="Default"] {
    background-color: #01BD62;
}
[data-khipu-status="Pending"]::before {
    content: "\f12a";
}
.state-icon[data-khipu-status="Pending"] {
    background-color: #FF5722;
}
[data-khipu-status="Disabled"]::before {
    content: "\f05e";
}
.state-icon[data-khipu-status="Disabled"] {
    background-color: #C6CECC;
}

/* secondary nav */
.secondary-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.secondary-nav ul > li {
    padding: 1.5rem 0;
}
.secondary-nav ul > li:last-child {
    border-bottom: none;
}
.secondary-nav ul > li span.state-icon {
    position: absolute;
    right: .8rem;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    font-size: 8px;
    text-align: center;
    padding: 2px;
}
.secondary-nav h6.nav-title {
    font-size: 14px;
    text-transform: uppercase;
}
.secondary-nav p.nav-description {
    font-size: 11px;
}

/* resource icons */
span.resource-icon {
    font-family: "Font Awesome 5 Free";
}
.secondary-nav ul li[data-khipu-rel="MJ8Project"] span.resource-icon:before {
    content: "\f3c5";
}
.secondary-nav ul li[data-khipu-rel="outdoorDesignConditions"] span.resource-icon:before {
    content: "\f6c4";
}
.secondary-nav ul li[data-khipu-rel="loadCalculationType"] span.resource-icon:before {
    content: "\f46c";
}
.secondary-nav ul li[data-khipu-rel="dwellingInfo"] span.resource-icon:before {
    content: "\f46d";
}
.secondary-nav ul li[data-khipu-rel="infiltration"] span.resource-icon:before {
    content: "\f72e";
}
.secondary-nav ul li[data-khipu-rel="constructionProfile"] span.resource-icon:before {
    content: "\f12e";
}
.secondary-nav ul li[data-khipu-rel="constructionFeatureOverview"] span.resource-icon:before {
    content: "\f009";
}
[data-khipu-rel="aboveGradeWalls"] span.resource-icon:before {
    content: "\f1b2";
}
[data-khipu-rel="belowGradeWalls"] span.resource-icon:before {
    content: "\f1b2";
}
[data-khipu-rel="ceilings"] span.resource-icon:before {
    font-family: "Font Awesome 5 Brands";
    content: "\f373";
    font-weight: 500;
}
[data-khipu-rel="ceilings"] span.resource-icon {
    transform: rotate(180deg);
}
[data-khipu-rel="floors"] span.resource-icon:before {
    font-family: "Font Awesome 5 Brands";
    content: "\f1a5";
}
[data-khipu-rel="windows"] span.resource-icon:before {
    content: "\f84c";
}
[data-khipu-rel="doors"] span.resource-icon:before {
    content: "\f52b";
}
[data-khipu-rel="skylights"] span.resource-icon:before {
    content: "\f5ba";
}
[data-khipu-rel="dataSource"] span.resource-icon:before {
    content: "\f5e7";
}
[data-khipu-rel="basement"] span.resource-icon:before,
[data-khipu-rel="firstFloor"] span.resource-icon:before,
[data-khipu-rel="secondFloor"] span.resource-icon:before,
[data-khipu-rel="thirdFloor"] span.resource-icon:before {
    content: "\f5fd";
}
[data-khipu-rel="HVACSystem"] span.resource-icon:before {
    content: "\f863";
}
[data-khipu-rel="HVACSystemRooms"] span.resource-icon:before {
    content: "\f1b3";
}
[data-khipu-rel="ductSystemDesign"] span.resource-icon:before {
    content: "\f83e";
}
[data-khipu-rel="internalLoads"] span.resource-icon:before {
    content: "\f0f4";
}
[data-khipu-rel="hotWaterPipings"] span.resource-icon:before {
    content: "\f7e4";
}
[data-khipu-rel="MJ8Report"] span.resource-icon:before {
    content: "\f56c";
}

/* nice radio */
.nice-radio input[type=radio]{
    display: none;
}
.nice-radio label {
    position: relative;
}
.nice-radio input[type="radio"]:checked+label:after {
    font-family: "Font Awesome 5 Free";
    content: "\f058";
    right: 5px;
    bottom: 2px;
    position: absolute;
    font-weight: 900;
}

/* switch radio style */
.switch-wrapper .btn {
    position: relative;
}
.switch-wrapper .btn .icon {
    min-width: 50px;
    min-height: 50px;
    position: relative;
}
.switch-wrapper .btn.btn-not-selected:before {
    font-family: "Font Awesome 5 Free";
    content: "\f058";
    right: 5px;
    bottom: 2px;
    font-weight: 900;
    font-size: .8rem;
    position: absolute;
}
.switch-wrapper input[type="radio"] {
    display: none;
} 
.switch-wrapper input[type="radio"]:checked + label {
    display: none;
}
.switch-wrapper .toggle-content {
    min-height: 60px;
}

/* float form */
.float-form {
    position: absolute;
    top: 12%;
    left: 1.5rem;
    background-color: #FFFFFF;
    z-index: 10;
}

/* custom icons of MJ8Report in tables MJ8Projects and HVACSystems */
[data-khipu-role="MJ8Projects"] .MJ8Reports:after,
[data-khipu-role="HVACSystems"] .MJ8Report:after {   
    font-family: "Font Awesome 5 Free";
    content: "\f56c";
    cursor: pointer;
    font-weight: 800;
}

/* map style */
#mj8-project-map {
    height: 500px;
}

/* class for hide HTML element */
.khipu-disabled {
    display: none;
}

/* rotate */
.rotate-180{
    transform: rotate(180deg);
}

/* chart size */
.cc-center-horizontal {
    display: flex;
    flex-direction: column;
    align-items: center;
}



/* component load tables */
#cc-component-LC .cc-table-no-data {
    text-align: left;
}

#cc-component-LC tbody p{
    margin: 0 !important;
}

#cc-component-LC tbody td {
    text-align: right;
}
#cc-component-LC .cc-reference-cell {
    width: 350px;
    text-align: left;
}
#cc-component-LC .cc-reference-cell + td {
    min-width: 200px;
}

#cc-component-LC .cc-reference-cell + td + td {
    min-width: 190px;
}
#cc-component-LC  .cc-reference-cell + td + td + td {
    min-width: 180px;
}

#cc-component-LC td:not(.cc-reference-cell) [class^="col-"] {
    padding-left: 0;
}


/*Tabs*/
.tab-content>.tab-pane {
    height: 1px;
    overflow: hidden;
    display: block;
    visibility: hidden;
}
.tab-content>.active {
    height: auto;
    overflow: auto;
    visibility: visible;
}


/* Responsive */
@media only screen and (max-width: 767px){
    form.form {
        margin-left: 0px;
    }
    .mobile-bar .navbar-toggler {
        display: block;
        width: .5rem;
        padding: auto 0;
        color: white;
        border-left: 2px solid #F9F9F9;
    }
    .mobile-bar .navbar-toggler i {
        padding-top: 0.25rem;
        font-size: 1.5rem;
    }
    .navbar-nav.mobile-bar > li > span {
        display: none;
    }
    .menu-icon > i {
        margin-bottom: 0;
    }
    .mobile-bar span.state-icon {
        margin-top: -36px;
        margin-left: 8px;
        width: 15px;
        height: 15px;
        padding: 3px;
        font-size: 9px;
    }
    .mobile-bar li.active:nth-last-child(2){
        border-radius: 0;
    }

    /* secondary nav */
    .secondary-nav .collapse:before {
        content: '';
        position: absolute;
        bottom: 100%;
        right: 1.5rem;
        margin-left: -3rem;
        width: 0;
        height: 0;
        border-bottom: solid 10px #FFFFFF;
        border-left: solid 10px transparent;
        border-right: solid 10px transparent;
    }
    .secondary-nav {
        margin-top: 0px;
        position: absolute;
        z-index: 1001;
        top: -2.5rem;
        right: 0.94rem;
        box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
        border-radius: .75rem;
    }
    .secondary-nav .collapse:not(.show) {
        display: none;
    }
    .secondary-nav ul > li {
        padding: 0.75rem 0;
    }
    .secondary-nav ul > li, .secondary-nav ul > li.active {
        border-left: none;
    }
    .secondary-nav ul > li:first-child {
        border-radius: .75rem .75rem 0 0;
    }
    .secondary-nav ul > li:last-child {
        border-radius: 0 0 .75rem .75rem;
    }
    .secondary-nav .nav-title {
        padding: 0 1rem 0 1.75rem;
        font-weight: 500 !important;
    }
    .secondary-nav ul > li .resource-icon,
    .secondary-nav p.nav-description {
        display: none;
    }
    .secondary-nav ul > li span.state-icon {
        left: 1.45rem;
        padding: 2px;
        top: 2px;
    }
    
    /* breadcrumb */
    .breadcrumb {
        font-size: 8px;
    }
    .breadcrumb-item button.btn {
        font-size: 12px;
    }
    
    /* collapsed menu */
    .collapse:not(.show) {
        display: none;
    }

    /* float Form */
    .float-form{
        position: relative;
        left: 0;
    }
    .float-form.w-50{
        width: 100% !important;
    }

    /* table */
    table thead {
        font-size: 12px;
    }

    /* Responsive Table
    On small screens apply class name .table-responsive-stack to the table element.
    */
    table.table-responsive-stack thead {
        display: none;
    }

    table.table-responsive-stack tbody tr {
        position: relative;
        display: block;
        margin-bottom: .8rem;
        background-color: #FFFFFF !important;
        border-radius: .25rem;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0,0,0,0.05) !important;
    }

    table.table-responsive-stack td {
        border: none;
    }

    table.table-responsive-stack td:not(.table-title):not(.table-subtitle):not(.table-trailing) {
        display: none;
    }

    table.table-responsive-stack td.table-title {
        color: #134E91;
        display: block;
        padding-bottom: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 60vw;
    }
    
    table.table-responsive-stack td.table-trailing {
        position: absolute;
        right: .5rem;
        top: 0;
        color: #4E4E4E;
        font-size: 0.8rem;
    }

    table.table-responsive-stack td.table-subtitle {
        color: #4E4E4E;
        display: block;
        font-size: 0.8rem;
        padding-top: .25rem;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    /* secondary nav */
    .secondary-nav {
    top: -3.9rem;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .switch-wrapper .btn .icon {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .switch-wrapper .btn span {
        font-size: 1rem;
    }
}


/* Customized CSS Styles */

/* CoolCalc LennoxPros Header and Footer Responsive CSS Styles */
.geo-message-alert {
	display: none !important;
}

#header .mobile-header-container-v2 .menu-button-wrapper .menu-toggle {
	line-height: 0px;
}

#header .mobile-header-container-v2 .row {
	margin-left: -10px;
	margin-right: -10px;
}

#header .mobile-header-container-v2 {
	width: auto;
	line-height: 1.3em;
}

#header .mobile-header-container-v2 .row .col-sm-9 {
	width: 75% !important;
}

#header .mobile-header-container-v2 .row .col-sm-1 {
	width: 8.33% !important;
}

#header .mobile-header-container-v2 .row .barcode-container a .fa-barcode-read {
	font-family: "Font Awesome 5 Pro";
}

#header .show-only-tablet .header-navigation a .fa-barcode-read {
	font-family: "Font Awesome 5 Pro";
	margin-left: 15px;
}

#header .mobile-header-container-v2 .ml-auto .mini-cart .fa-shopping-cart {
	font-family: "Font Awesome 5 Pro";
}

#header .mobile-header-container-v2 .row .header-search .siteSearch .controls .btn-header-search {
	position: unset;
	height: auto;
}

.homepage-v2.v2-footer .row .col-sm-12 {
	padding: 0px 10px;
}

.homepage-v2.v2-footer .row .col-sm-12 .col-lg-12 {
	padding: 0px 10px;
}

.homepage-v2.v2-footer .row .col-sm-12 .col-lg-12 .footer-links .col-sm-4 {
	padding: 0px 10px;
	line-height: 1.3em;
}

.homepage-v2.v2-footer .row.no-gutters {
	display: block;
}

#header {
	line-height: 1.3em;
}

#header .flexbox .col-auto {
	padding: 0px;
}

#header .flexbox .col-auto a img {
	vertical-align: unset;
}

#header .flexbox .col-auto a .col-auto .fa-map-marker-alt {
	font-family: "Font Awesome 5 Pro";
}

#header .flexbox .header-search {
	padding: 0px;
}

#header .flexbox .header-search .siteSearch .controls .btn-header-search {
	position: unset;
	height: auto;
}

.v2-nav-container .v2-hamburger-menu i {
	font-family: "Font Awesome 5 Pro";
}

/* .v2-nav-container .v2-navigation-header-menu .v2-navigation-tree .parent.hide {
	display: inline-block !important;
} */

.v2-nav-container .ml-mobile-auto .mini-cart {
	line-height: 1.3em;
}

.v2-nav-container .ml-mobile-auto .mini-cart .fa-shopping-cart {
	font-family: "Font Awesome 5 Pro";
}


/* CoolCalc Responsive CSS Styles */
#page {
	padding: 0px;
	background-color: #F9F9F9;
}

#page .header .container-fluid .row .text-sm-right.w-100 {
	display: none !important;
}

#page .header .container-fluid ul li {
	margin-bottom: 0px;
	padding: 0px;
	text-indent: 0px;
}

#page .header .container-fluid ul li .dropdown-menu {
	box-shadow: none;
}

#page .header .container-fluid ul li .dropdown-menu .dropdown-item {
	text-indent: 0px;
}

#page .container {
	max-width: 100%;
}

#page .container .breadcrumb .breadcrumb-item {
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
}

#page .container .coolcalc-restui .my-4 .mt-4 .justify-content-between label {
	font-family: 'Poppins', sans-serif;
}
	
#page .container .coolcalc-restui .my-4 .mt-4 .rounded .table-striped {
	border: none;
}

#page .container .coolcalc-restui .my-4 .mt-4 .rounded .table-striped th {
	color: #FFFFFF;
}

#page .container .coolcalc-restui .my-4 .mt-4 .rounded .table-striped th:first-child,
#page .container .coolcalc-restui .my-4 .mt-4 .rounded .table-striped td:first-child {
	padding-left: .75rem;
}

#page .container .coolcalc-restui .my-4 .mt-4 .rounded .table-striped tbody tr:nth-of-type(odd) {
	background-color: #F9F9F9;
}

#page .container .coolcalc-restui .my-4 .mt-4 .rounded .table-striped tbody tr:nth-of-type(odd) td {
	background-color: #FFFFFF;
}

#page .container .coolcalc-restui .my-4 .mt-4 .pagination .page-link {
	padding: .5rem .75rem;
	margin-left: -1px;
}

#page .container .coolcalc-restui .mt-4 {
	text-indent: 0px;
}

#page .container .coolcalc-restui .mt-4 li {
	margin-bottom: 0px;
}

#page .container .breadcrumb .breadcrumb-item+.breadcrumb-item {
	padding-left: .5rem;
}

#page .container .coolcalc-restui .secondary-nav ul {
	text-indent: 0px;
}

#page .container .coolcalc-restui .secondary-nav ul li {
	margin-bottom: 0px;
	color: #6E6E6E;
}

#page .container .coolcalc-restui .secondary-nav ul li .nav-title {
	color: #6E6E6E;
}

#page .container .coolcalc-restui .secondary-nav ul li.active .nav-title,
#page .container .coolcalc-restui .secondary-nav ul li.active .nav-description {
	color: #0075DB;
}

#page .container .coolcalc-restui .secondary-nav ul li .nav-description {
	line-height: 1.5em;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .col-md-12 {
	min-height: 0px;
	float: none;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .col-md-9 {
	float: none;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .col-md-12 .float-form .form-group label {
	font-family: 'Poppins', sans-serif;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .col-md-9 .form-group label {
	font-family: 'Poppins', sans-serif;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .col-md-9 .form-group input[type=number] {
	text-align: left;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .col-md-9 .form-group .form-control {
	font-size: 1rem;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	line-height: 1.5;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .col-md-9 .nice-radio input[type="radio"]:checked+label .btn {
	font-family: 'Poppins', sans-serif;
	color: #FFFFFF;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .col-md-9 .nice-radio input[type="radio"]:checked+label .btn .d-flex {
	flex-wrap: nowrap;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .col-md-9 .nice-radio input[type="radio"] + label .btn {
	font-family: 'Poppins', sans-serif;
	color: #6E6E6E;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .col-md-9 .nice-radio input[type="radio"] + label .btn .d-flex {
	flex-wrap: nowrap;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .col-md-9 .nice-radio input[type="radio"]:checked+label .btn h5 {
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	color: #FFFFFF;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .col-md-9 .nice-radio input[type="radio"] + label .btn h5 {
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	color: #6E6E6E;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .mt-4 label {
	font-family: 'Poppins', sans-serif;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .mt-4 .form-group .form-control {
	font-size: 1rem;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	line-height: 1.5;
	text-align: left;
	color: #495057;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .mt-4 .form-group .custom-radio {
	margin-left: 0px;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .mt-4 .form-group .custom-radio input[type=radio] {
	width: 1rem;
	height: 1.25rem;
	left: 0px;
	z-index: -1;
	opacity: 0;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .mt-4 .form-group .custom-radio .custom-control-label {
	vertical-align: top;
	line-height: 1.8;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .mt-4 .form-group .custom-radio .custom-control-label:before {
	margin-right: 0px;
	border: 1px solid #ADB5BD;
	position: absolute;
	top: .25rem;
	left: -1.5rem;
	display: block;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .mt-4 .form-group .custom-radio input[type=radio]:checked~label:before {
	background-image: none;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .mt-4 .form-group .custom-radio .custom-control-input:checked~.custom-control-label::before {
	color: #FFFFFF;
	border-color: #007BFF;
	background-color: #007BFF;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .mt-4 .form-group .custom-radio .custom-control-input:not(:disabled):active~.custom-control-label::before {
	color: #FFFFFF;
	border-color: #B3D7FF;
	background-color: #B3D7FF;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .navbar-expand-lg ul li {
	margin-bottom: 0px;
	text-indent: 0px;
	color: #6E6E6E;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .navbar-expand-lg ul li.active {
	color: #0075DB;
}

#page .container .coolcalc-restui .my-4 .mt-2 .rounded .table-striped {
	border: none;
}

#page .container .coolcalc-restui .my-4 .mt-2 .rounded .table-striped th {
	color: #FFFFFF;
}

#page .container .coolcalc-restui .my-4 .mt-2 .rounded .table-striped th:first-child,
#page .container .coolcalc-restui .my-4 .mt-2 .rounded .table-striped td:first-child {
	padding-left: .75rem;
}

#page .container .coolcalc-restui .my-4 .mt-2 .rounded .table-striped tbody tr:nth-of-type(odd) {
	background-color: #F9F9F9;
}

#page .container .coolcalc-restui .my-4 .mt-2 .rounded .table-striped tbody tr:nth-of-type(odd) td {
	background-color: #FFFFFF;
}

#page .container .coolcalc-restui .my-4 .mt-4 .alert-info p {
	line-height: 1.5em;
}

#page .container .coolcalc-restui .my-4 .mt-4 .leaflet-container label {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif !important;
	color: #333333;
}

#page .container .coolcalc-restui .my-4 .row:before,
#page .container .coolcalc-restui .my-4 .row:after {
	content: none;
}

#page .container .coolcalc-restui .my-4 .rounded .table-striped {
	border: none;
}

#page .container .coolcalc-restui .my-4 .rounded .table-striped th {
	color: #FFFFFF;
}

#page .container .coolcalc-restui .my-4 .rounded .table-striped th:first-child,
#page .container .coolcalc-restui .my-4 .rounded .table-striped td:first-child {
	padding-left: .75rem;
}

#page .container .coolcalc-restui .my-4 .rounded .table-striped tbody tr:nth-of-type(odd) {
	background-color: #F9F9F9;
}

#page .container .coolcalc-restui .my-4 .rounded .table-striped tbody tr:nth-of-type(odd) td {
	background-color: rgba(0,0,0,.05);
}

#page .container .coolcalc-restui .my-4 .mt-4 .d-flex {
	flex-wrap: unset;
}

#page .container .coolcalc-restui .my-4 .mt-4 .d-flex .form-group .h5 {
	margin-top: 0px;
	font-style: normal;
	color: #6E6E6E;
}

#page .container .coolcalc-restui .my-4 .switch-wrapper .d-flex {
	flex-wrap: unset;
}

#page .container .coolcalc-restui .my-4 .switch-wrapper .d-flex .icon,
#page .container .coolcalc-restui .my-4 .switch-wrapper .d-flex span {
	font-family: 'Poppins', sans-serif;
	line-height: 1.5;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .d-flex .dropdown-menu {
	box-shadow: none;
	left: -100px !important;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .d-flex .dropdown-item .custom-radio input[type=radio] {
	width: 1rem;
	height: 1.25rem;
	left: 0px;
	z-index: -1;
	opacity: 0;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .d-flex .dropdown-item .custom-radio .custom-control-label {
	font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    color: #212529;
	vertical-align: top;
	line-height: 1.5;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .d-flex .dropdown-item .custom-radio .custom-control-label:before {
	margin-right: 0px;
	border: 1px solid #ADB5BD;
	position: absolute;
	top: .25rem;
	left: -1.5rem;
	display: block;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .d-flex .dropdown-item .custom-radio input[type=radio]:checked~label:before {
	background-image: none;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .d-flex .dropdown-item .custom-radio .custom-control-input:checked~.custom-control-label::before {
	color: #FFFFFF;
	border-color: #007BFF;
	background-color: #007BFF;
}

#page .container .coolcalc-restui .row .col-md-9 .my-4 .d-flex .dropdown-item .custom-radio .custom-control-input:not(:disabled):active~.custom-control-label::before {
	color: #FFFFFF;
	border-color: #B3D7FF;
	background-color: #B3D7FF;
}

#page .container .coolcalc-restui #my-modal .modal-content .modal-header .modal-title {
	font-style: normal;
	color: #6E6E6E;
}

#page .container .coolcalc-restui #my-modal .modal-content .modal-body .form-group label {
	font-family: 'Poppins', sans-serif;
}

#page .container .coolcalc-restui #my-modal .modal-content .modal-body .form-group .form-control {
	font-size: 1rem;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	line-height: 1.5;
	text-align: left;
	color: #495057;
}

#page .container .coolcalc-restui #my-modal .modal-content .modal-body .form-group .custom-radio {
	margin-left: 0px;
}

#page .container .coolcalc-restui #my-modal .modal-content .modal-body .form-group .custom-control-label {
	font-family: 'Poppins', sans-serif;
    font-size: .875rem;
    color: #6E6E6E;
	vertical-align: top;
	line-height: 1.8;
}

#page .container .coolcalc-restui #my-modal .modal-content .modal-body .form-group .custom-control-label:before {
	margin-right: 0px;
	border: 1px solid #ADB5BD;
	position: absolute;
	top: .25rem;
	left: -1.5rem;
	display: block;
}

#page .container .coolcalc-restui #my-modal .modal-content .modal-body .form-group input[type=radio]:checked~label:before {
	background-image: none;
}

#page .container .coolcalc-restui #my-modal .modal-content .modal-body .form-group .custom-control-input:checked~.custom-control-label::before {
	color: #FFFFFF;
	border-color: #007BFF;
	background-color: #007BFF;
}

#page .container .coolcalc-restui #my-modal .modal-content .modal-body .form-group .custom-control-input:not(:disabled):active~.custom-control-label::before {
	color: #FFFFFF;
	border-color: #B3D7FF;
	background-color: #B3D7FF;
}

#page .container .coolcalc-restui .my-4 .mt-4 .table-striped {
	border: none;
}

#page .container .coolcalc-restui .my-4 .mt-4 .table-striped th {
	color: #FFFFFF;
}

#page .container .coolcalc-restui .my-4 .mt-4 .table-striped th:first-child,
#page .container .coolcalc-restui .my-4 .mt-4 .table-striped td:first-child {
	padding-left: .75rem;
}

#page .container .coolcalc-restui .my-4 .mt-4 .table-striped tbody tr:nth-of-type(odd) {
	background-color: #F9F9F9;
}

#page .container .coolcalc-restui .my-4 .mt-4 .table-striped tbody tr:nth-of-type(odd) td {
	background-color: rgba(0,0,0,.05);
}

#page .container .coolcalc-restui .my-4 .alert-info p {
	line-height: 1.5em;
}

#page .container .coolcalc-restui .my-4 .mj8-report .nav .nav-item {
	margin-bottom: 0px;
	padding-left: 0px;
}

#page .container .coolcalc-restui .my-4 .mj8-report .nav .nav-item .nav-link {
	text-indent: 0px;
}

#page .container .coolcalc-restui .my-4 .mj8-report .tab-content {
	padding: 0px;
	display: block;
	font-size: .875rem;
	opacity: 1;
}

#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .overview .project {
	color: #134E91;
}

#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .card-body p {
	line-height: 1.5;
}

#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .table-striped {
	border: none;
}

#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .table-striped th {
	color: #FFFFFF;
}

#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .table-striped th:first-child,
#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .table-striped td:first-child {
	padding-left: .3rem;
}

#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .table-striped tbody tr:nth-of-type(odd) {
	background-color: #F9F9F9;
}

#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .table-striped tbody tr:nth-of-type(odd) td {
	background-color: rgba(0,0,0,.05);
}

#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .nkn-text-justify {
	line-height: 1.5;
}

#page .container .coolcalc-restui .title {
	border-bottom: solid 5px #E4D340;
    display: inline-block;
}

#page .container .coolcalc-restui .underline {
	display: none;
}

#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active {
	overflow: unset;
}

#page .container .coolcalc-restui .my-4 .mj8-report .tab-content #cc-overview .card {
	display: block;
}

#page .container .coolcalc-restui .my-4 .mj8-report .tab-content #cc-overview .card .mt-3 .card .table td {
	padding: 10px;
}

#page .container .coolcalc-restui .my-4 .mj8-report .tab-content #cc-overview .text-center .title {
	display: none;
}

#page .container .coolcalc-restui .my-4 .mj8-report .tab-content #cc-overview .title {
	margin-top: 0px !important;
	text-transform: uppercase;
}

#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .table-striped td {
	text-transform: capitalize;
}

#page .container .coolcalc-restui .my-4 .mj8-report .tab-content svg g text {
	font-size: 12px;
}

#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .card .offset-md-2 {
	margin-left: 12.5%;
}


#page .container .coolcalc-restui #cc-modal-share-report .modal-content .modal-header .modal-title {
	font-style: normal;
	color: #6E6E6E;
}

#page .container .coolcalc-restui #cc-modal-share-report .modal-content .modal-body .form-group label {
	font-family: 'Poppins', sans-serif;
}


@media (max-width: 1024px) {
	#page .container {
		max-width: 960px !important;
	}
}

@media (max-width: 768px) {
	#page .container {
		max-width: 720px !important;
	}
}

@media (max-width: 576px) {
	#page .container {
		max-width: 540px !important;
	}
}

.coolcalc-header .row .text-sm-right.w-100 {
	display: none !important;
}

@media only screen and (max-width: 767px){
	.leaflet-popup-content-wrapper .leaflet-popup-content .d-flex {
		flex-wrap: wrap !important;
	}
}

.hide {
	display: none !important;
}

#iEHelpText {
	text-align: center;
}

.coolcalc-container {
	position: relative;
}

.leaflet-popup-content form[name='ceiling'] .d-flex {
	flex-wrap: wrap !important;
}

.gor-main-content .container .coolcalc-restui .row {
	flex-wrap: nowrap;
}

.coolcalc-container .coolcalc-restui .title {
	border-bottom: solid 5px #E4D340;
    display: inline-block;
}

.coolcalc-container .coolcalc-restui .underline {
	display: none;
}

.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .tab-pane .card.card-body {
	display: block;
}

.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content #cc-overview .text-center .title {
	display: none;
}

.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content #cc-overview .title {
	margin-top: 0px !important;
	text-transform: uppercase;
}

.mj8-report .title {
	border-bottom: solid 5px #E4D340;
    display: inline-block;
}

.mj8-report .underline {
	display: none;
}

.mj8-report .cc-page-break .text-center .title {
	display: none;
}

.mj8-report .cc-page-break .title {
	text-transform: uppercase;
}

.mj8-report .cc-page-break .card.card-body {
	display: block;
}
.cc-ie-browser-warning-message-container {
	width: 100%;
	height: 200px;
}
.cc-ie-browser-warning-message-container .cc-ie-browser-warning-message {
	background-color: #f3ccd2;
	margin: 50px 10%;
	color: #000000;
	padding: 10px 20px;
}
.cc-ie-browser-warning-message-container .cc-warning-icon {
	display: inline-block;
	position: relative;
	top: -7px;
}
.cc-ie-browser-warning-message-container .cc-warning-info {
	display: inline-block;
	padding-left: 15px;
}
.cc-ie-browser-warning-message-container .cc-close-icon {
	display: inline-block;
	float: right;
	line-height: 1.8;
	font-size: 24px;
	cursor: pointer;
}
.cc-ie-browser-warning-message-container .cc-close-icon:after {
	font-family: "Font Awesome 5 Free";
	content: "\f00d";
	font-weight: 800;
	font-size: 24px;
}
.cc-ie-browser-warning-message-container .cc-warning-icon:after {
	font-family: "Font Awesome 5 Free";
	content: "\f071";
	cursor: pointer;
	font-weight: 800;
	font-size: 24px;
}
.add-morgin-top {
	margin-top: 100px;
}

ul#cf-overview-nav li.flex-sm-column {
	width: 100%;
}

ul#cc-detail-nav li.flex-sm-column {
	width: 100%;
}

@media (max-width: 767px) {
	#cc-project-list button[data-khipu-role="add-to-collection"] {
		position: relative;
		right: 15px;
	}
}

#cc-nested-resource .row.d-flex.justify-content-between {
    flex-wrap: wrap !important;
}

.rounded table[data-khipu-role="HVACSystems"] tbody tr td {
    background-color: #FFFFFF !important;
}

.leaflet-popup-content-wrapper .leaflet-popup-content {
    min-width: 175px !important;
}

@media (min-width: 768px) {
	#page .container .coolcalc-restui .row {
		flex-wrap: nowrap;
	}
}

.coolcalc-container .coolcalc-restui .row .col-md-9 .my-4 .d-flex .dropdown-menu {
	box-shadow: none;
	left: -100px !important;
}

@media (max-width: 540px) {
	#page .container .coolcalc-restui .my-4 .mt-4 .d-flex {
		flex-wrap: wrap;
	}
	
	#page .container .coolcalc-restui .my-4 .mt-4 .d-flex h5.upper-case {
		font-style: normal;
    	color: #6e6e6e;
	}
	
	#page .container .coolcalc-restui .my-4 .mt-4 .d-flex .badge {
		line-height: 1.3;
		white-space: pre-wrap;
	}
	
	#page .container .coolcalc-restui .my-4 .mt-4 .card-body {
		overflow-x: auto;
	}
	
	#page .container .coolcalc-restui .my-4 .mt-4 .card-body .row {
		margin: 0px 0px 0px 15px;
	}
	
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .card-body .mt-3 .table-full-width {
		overflow-x: auto;
	}
	
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .card-body .mt-3 .row.mt-3 {
		overflow-x: auto;
    	overflow-y: hidden;
	}
	
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .card-body .mt-3 .row.mt-3 .offset-md-2 {
		margin-left: 0px;
	}
	
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .row.ml-2.mt-2 {
		margin-left: 0px !important;
	}
	
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .row.ml-2.mt-2 .col-md-6 {
		padding-left: 0px;
	    padding-right: 0px;
	    overflow-x: auto;
	    margin-right: 15px;
	}
	
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .table.table-bordered {
		display: inline-block;
	}
	
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .table.table-bordered thead,
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .table.table-bordered tr,
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .table.table-bordered th {
		width: 100%;
		display: inline-block;
	}
	
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .table.table-bordered tbody {
		width: 100%;
		overflow-x: auto;
	    display: inline-block;
	}
	
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .ml-2.mt-2 {
		margin-left: 0px !important;
	}
	
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .ml-2.mt-2 .table-full-width {
		overflow-x: auto;
	}
	
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active {
		overflow: hidden;
	}
	
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active .card-body .mt-3 .table-full-width {
		overflow-x: auto;
	}
	
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active .row.ml-2.mt-2 {
		margin-left: 0px !important;
	}
	
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active .row.ml-2.mt-2 .col-md-6 {
		padding-left: 0px;
	    padding-right: 0px;
	    overflow-x: auto;
	    margin-right: 15px;
	}
	
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active .table.table-bordered {
		display: inline-block;
	}
	
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active .table.table-bordered thead,
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active .table.table-bordered tr,
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active .table.table-bordered th {
		width: 100%;
		display: inline-block;
	}
	
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active .table.table-bordered tbody {
		width: 100%;
		overflow-x: auto;
	    display: inline-block;
	}
	
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active .ml-2.mt-2 {
		margin-left: 0px !important;
	}
	
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active .ml-2.mt-2 .table-full-width {
		overflow-x: auto;
	}
}

@media (max-width: 960px) {
	#page .container .coolcalc-restui .my-4 .mt-4 .d-flex {
		flex-wrap: wrap;
	}
	
	#page .container .coolcalc-restui .my-4 .mt-4 .d-flex h5.upper-case {
		font-style: normal;
    	color: #6e6e6e;
	}
	
	#page .container .coolcalc-restui .my-4 .mt-4 .d-flex .badge {
		line-height: 1.3;
		white-space: pre-wrap;
	}
	
	#page .container .coolcalc-restui .my-4 .mt-4 .card-body {
		overflow-x: auto;
	}
	
	#page .container .coolcalc-restui .my-4 .mt-4 .card-body .row {
		margin: 0px 0px 0px 15px;
	}
	
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .card-body .mt-3 .table-full-width {
		overflow-x: auto;
	}
	
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .card-body .mt-3 .row.mt-3 {
		overflow-x: auto;
    	overflow-y: hidden;
	}
	
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .card-body .mt-3 .row.mt-3 .offset-md-2 {
		margin-left: 0px;
	}
	
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .row.ml-2.mt-2 {
		margin-left: 0px !important;
	}
	
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .row.ml-2.mt-2 .col-md-6 {
		padding-left: 0px;
	    padding-right: 0px;
	    overflow-x: auto;
	}
	
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .table.table-bordered {
		display: inline-block;
	}
	
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .table.table-bordered thead,
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .table.table-bordered tr,
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .table.table-bordered th {
		width: 100%;
		display: inline-block;
	}
	
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .table.table-bordered tbody {
		width: 100%;
		overflow-x: auto;
	    display: inline-block;
	}
	
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .ml-2.mt-2 {
		margin-left: 0px !important;
	}
	
	#page .container .coolcalc-restui .my-4 .mj8-report .tab-content .active .ml-2.mt-2 .table-full-width {
		overflow-x: auto;
	}
	
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active {
		overflow: hidden;
	}
	
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active .card-body .mt-3 .table-full-width {
		overflow-x: auto;
	}
	
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active .row.ml-2.mt-2 {
		margin-left: 0px !important;
	}
	
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active .row.ml-2.mt-2 .col-md-6 {
		padding-left: 0px;
	    padding-right: 0px;
	    overflow-x: auto;
	    margin-right: 15px;
	}
	
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active .table.table-bordered {
		display: inline-block;
	}
	
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active .table.table-bordered thead,
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active .table.table-bordered tr,
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active .table.table-bordered th {
		width: 100%;
		display: inline-block;
	}
	
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active .table.table-bordered tbody {
		width: 100%;
		overflow-x: auto;
	    display: inline-block;
	}
	
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active .ml-2.mt-2 {
		margin-left: 0px !important;
	}
	
	.coolcalc-container .coolcalc-restui .my-4 .mj8-report .tab-content .active .ml-2.mt-2 .table-full-width {
		overflow-x: auto;
	}
}

#page .container .coolcalc-restui .modal .modal-dialog .modal-content .cc-resource-map-trace .navbar-expand-lg ul.nav {
	display: flex !important;
    text-indent: 0em;
}

#page .container .coolcalc-restui .modal .modal-dialog .modal-content .cc-resource-map-trace .navbar-expand-lg ul.nav li {
	margin-bottom: 0px;
}

#cc-resource-geo.cc-resource-map-trace .nav-link {
    width: auto;
    display: block;
}

button[data-coolcalc-role="download-pdf"] {
    text-indent: -9999px;
    line-height: 0;
}

button[data-coolcalc-role="download-pdf"]:after {
	content: "View Report";
    text-indent: 0;
    display: block;
    line-height: initial;
}

@media (max-width: 390px) {
	.cc-resource-map-trace button[data-khipu-role="add-to-collection"] {
		margin-top: 20px;
	}
}

.spoof-customer-header .Spoof-Header .container .col-sm-6 {
	width: 50%;
}

.spoof-customer-header .Spoof-Header .container .col-sm-6 .Spoof-Nav .info-icon .fa-info-square {
	font-family: "Font Awesome 5 Pro";
}

.spoof-customer-header .Spoof-Header .container .col-sm-6 .Spoof-Nav li {
	line-height: 19px;
}

@media (max-width: 768px) {
	.page-coolCalcPage .siteSearchInput {
			font-size: 16px !important;
	}
}