/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
.page-template-default {
 background: #F5F5F5;
}
.ambassador-calculator {
 font-family: 'Open Sans', sans-serif;
 /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}

.bg-white {
 background-color: #ffffff;
}

.container-preview .card-header h4 {
 font-family: 'Roboto', sans-serif;
 margin-bottom: 0;
 text-transform: uppercase;
 font-size: 18px;
 font-weight: 600;
 letter-spacing: .5px;
}

.ambassador-calculator label {
 font-family: 'Roboto', sans-serif;
 font-size: 12px;
 font-weight: 600;
 color: #565656;
 margin-bottom: -3px;
}

.ambassador-calculator input,
.ambassador-calculator select {
 font-family: 'Open Sans', sans-serif;
 font-size: 14px;
 font-weight: 600;
}

.ambassador-calculator .form-control {
 border: solid 1px #666;
}

.ambassador-calculator button {
 font-family: 'Roboto', sans-serif;
 letter-spacing: .5px;
 font-size: 14px;
 font-weight: bold;
 text-transform: uppercase;
}

.ambassador-calculator .btn-result {
 color: #017BFE;
 border: solid 1px #017BFE !important;
}

.ambassador-calculator .btn-result:focus,
.ambassador-calculator .btn-result:hover,
.ambassador-calculator .btn-result.active {
 background-color: #017BFE;
 color: #ffffff;
}

/* .ambassador-calculator table thead,
.ambassador-calculator table tbody {
 display: block;
}

.ambassador-calculator table tbody {
 height: 100px;
 overflow-y: auto;
 overflow-x: hidden;
} */

.ambassador-calculator .table-responsive{
 height:400px;  
 overflow:scroll;
}
.ambassador-calculator table thead tr:nth-child(1) th{
   background: white;
   position: sticky;
   top: 0;
   z-index: 10;
}

.ambassador-calculator table td,
.ambassador-calculator table th {
 border-top: transparent;
 border-bottom: transparent;
}

.ambassador-calculator table thead tr {
 border-bottom: solid 1px hsla(0,0%,50.2%,.5);
}

.ambassador-calculator table tbody tr:last-child {
 border-bottom: solid 1px hsla(0,0%,50.2%,.5);
}

.ambassador-calculator tr:nth-child(12n) {
 background-color: hsla(0,0%,50.2%,.5);
 color: #ffffff;
}

.ambassador-calculator table tbody>tr:nth-child(odd)>td, 
.ambassador-calculator table tbody>tr:nth-child(odd)>th {
 background-color: transparent;
}


/* blur effect */
.blur-effect {
 webkit-filter: blur(5px);
 -moz-filter: blur(5px);
 -o-filter: blur(5px);
 -ms-filter: blur(5px);
 filter: blur(5px);
 background-color: #ffffff;
}

.ambassador-calculator .spinner-border {
 position: absolute;
 z-index: 1;
 top: 50%;
 left: 50%;
 transition: all 0.3s ease-in-out;
}