@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://fonts.gstatic.com/s/outfit/v6/QGYvz_MVcBeNP4NJtEtq.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://fonts.gstatic.com/s/outfit/v6/QGYvz_MVcBeNP4NJtEtq.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/outfit/v6/QGYvz_MVcBeNP4NJtEtq.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/outfit/v6/QGYvz_MVcBeNP4NJtEtq.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/outfit/v6/QGYvz_MVcBeNP4NJtEtq.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/outfit/v6/QGYvz_MVcBeNP4NJtEtq.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/outfit/v6/QGYvz_MVcBeNP4NJtEtq.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://fonts.gstatic.com/s/outfit/v6/QGYvz_MVcBeNP4NJtEtq.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/outfit/v6/QGYvz_MVcBeNP4NJtEtq.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}body {
--fitcal-primary: #3952ff;
--fitcal-quote-bg: #3952ff;
--fitcal-quote-text: #ffffff;
--fitcal-secondary: #f2f8fd;
--fitcal-secondary: #f4f6fa;
--fitcal-white: #ffffff;
--fitcal-dark: #161f37;
--fitcal-dark-text: #95a1b8;
--fitcal-border-color: #c0d1e4;
--fitcal-global-color: #7d889c;
--fitcal-title-color: #202d51;
--fitcal-shadow: 0 30px 30px rgb(32 45 81 / 10%);
--fitcal-font-family: 'Outfit', sans-serif;
--fitcal-transition: all .3s;
--fitcal-box-bg: #f9f9f9;
--fitcal-input-color: #7d889c;
--fitcal-input-bg: #ffffff;
--fitcal-placeholder: #7e7e7e;
} .fc-calculator-wrapper {
font-family: var(--fitcal-font-family);
font-size: 15px;
margin: 0 0 50px;
line-height: 1.5;
}
.fc-calculator-wrapper * {
outline: 0 !important;
box-sizing: border-box;
} .fc-col {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px;
}
.fc-col-2 {
grid-template-columns: repeat(2, 1fr);
}
.fc-col-3 {
grid-template-columns: repeat(3, 1fr);
}
.fc-col-4 {
grid-template-columns: repeat(4, 1fr);
}
.fc-divider {
display: block;
text-align: center;
margin: 3px 0;
font-size: 14px;
font-weight: 500;
color: var(--fitcal-global-color);
} .fc-btn-wrap {
padding: 10px 0 0;
}
.fc-btn {
font-size: 14px;
display: inline-flex;
justify-content: center;
font-weight: 600;
border: 0;
outline: none;
border-radius: 50px;
color: var(--fitcal-white);
background-color: var(--fitcal-primary);
padding: 15px 30px;
cursor: pointer;
position: relative;
overflow: hidden;
text-transform: uppercase;
min-width: 180px;
text-align: center;
text-decoration: none;
letter-spacing: 2px;
box-shadow: 0px 0 40px 0px rgb(57 82 255 / 28%) !important;
}
.fc-btn:before {
background-color: var(--fitcal-white);
content: "";
height: 150px;
left: -75px;
position: absolute;
top: -35px;
transform: rotate(45deg);
transition: all 1.6s cubic-bezier(.19, 1, .22, 1);
width: 60px;
opacity: 0;
}
.fc-btn:hover {
color: var(--fitcal-white);
border: 0;
}
.fc-btn:hover:before {
left: 120%;
transition: all 1.3s cubic-bezier(.19, 1, .22, 1);
opacity: .25;
} .fc-title h1 {
margin: 0 0 20px;
color: var(--fitcal-title-color);
font-weight: 700;
font-size: 22px;
text-align: center;
} .fc-calculator-wrapper .fc-input-wrapper {
position: relative;
width: 100%;
margin: 0 0 24px;
}
.fc-calculator-wrapper .fc-input-wrapper label {
font-size: 14px;
font-weight: 500;
margin: 0 0 10px;
color: var(--fitcal-global-color);
width: 100%;
display: inline-block;
}
.fc-calculator-wrapper .fc-input-wrapper input,
.fc-calculator-wrapper .fc-input-wrapper select {
width: 100%;
height: 50px;
border: 1px solid var(--fitcal-border-color);
padding: 0 20px;
border-radius: 6px;
max-width: 100%;
color: var(--fitcal-input-color);
background: var(--fitcal-input-bg);
}
.fc-calculator-wrapper .fc-input-wrapper select option {
cursor: pointer;
}
.fc-calculator-wrapper .fc-input-wrapper input:focus,
.fc-calculator-wrapper .fc-input-wrapper select:focus {
border-color: var(--fitcal-primary);
box-shadow: none;
color: var(--fitcal-input-color);
background: var(--fitcal-input-bg);
}
.fc-calculator-wrapper .fc-input-wrapper select {
color: var(--fitcal-global-color);
font-size: 14px;
cursor: pointer;
} .fc-calculator-wrapper .fc-input-wrapper input::-webkit-input-placeholder { color: var(--fitcal-placeholder);
}
.fc-calculator-wrapper .fc-input-wrapper input::-moz-placeholder { color: var(--fitcal-placeholder);
}
.fc-calculator-wrapper .fc-input-wrapper input:-ms-input-placeholder { color: var(--fitcal-placeholder);
}
.fc-calculator-wrapper .fc-input-wrapper input:-moz-placeholder { color: var(--fitcal-placeholder);
} .fc-calculator-section {
display: flex;
flex-wrap: wrap;
grid-gap: 30px;
}
.fc-calculator-section>* {
width: calc(50% - 15px);
} .fc-quote-wrap {
background: var(--fitcal-primary);
color: var(--fitcal-quote-text);
padding: 20px 40px 20px 100px;
border-radius: 10px;
position: relative;
min-height: 80px;
display: inline-flex;
flex-wrap: wrap;
align-items: center;
font-style: italic;
font-weight: 500;
font-size: 15px;
margin: 00 0 10px;
}
.fc-quote-wrap:before {
content: "";
background: url(//nadieta.com/wp-content/plugins/fitness-calculator/public/images/quotes-sign.png);
background-repeat: no-repeat;
width: 50px;
height: 50px;
display: inline-block;
background-size: 100%;
background-position: center;
position: absolute;
top: 0;
bottom: 0;
left: 20px;
margin: auto;
} .fc-top-left,
.fc-top-right,
.fc-bottom-left,
.fc-bottom-right {
position: fixed;
z-index: 99999;
padding: 10px 20px 10px 60px;
font-size: 14px;
}
.fc-top-left:before,
.fc-top-right:before,
.fc-bottom-left:before,
.fc-bottom-right:before {
left: 10px;
width: 30px;
height: 30px;
}
.fc-top-left {
top: 0;
left: 0;
border-radius: 0px 0px 10px 0px;
}
.fc-top-right {
top: 0;
right: 0;
border-radius: 0px 0px 0px 10px;
}
.fc-bottom-left {
bottom: 0;
left: 0;
border-radius: 0px 10px 0px 0px;
}
.fc-bottom-right {
bottom: 0;
right: 0;
border-radius: 10px 0px 0px 0px;
} .fc-calculation-form-inner {
background: var(--fitcal-box-bg);
padding: 30px 30px;
border-radius: 10px;
}
.fc-dietplan-result.fc-bt-result-new {
background: var(--fitcal-box-bg);
margin: 30px 0 0 0;
}
.fc-success-ans span,
.fc-cc-success-ans>span {
display: block;
text-align: center;
background: #01bdb3;
color: var(--fitcal-white);
padding: 10px 15px;
border-radius: 10px;
margin: 20px 0 0;
}
.fc-cc-success-ans>span span strong {
background: rgb(255 255 255 / 16%);
margin: 0 6px;
border-radius: 2px;
padding: 3px 11px;
display: inline-block;
}
.fc-cc-success-ans span span {
display: block;
text-align: left;
}
.fc-calculation-result {
background: var(--fitcal-box-bg);
padding: 30px 30px;
border-radius: 10px;
} .fc-result-table {
width: 100%;
border-collapse: separate;
margin: 0;
border-spacing: 0;
background: #f9faff;
border-radius: 6px;
font-weight: 500;
border: 1px solid #e1e6fb;
padding: 3px;
}
.fc-result-table th,
.fc-result-table td {
padding: 5px 15px;
border: 0;
text-align: left;
}
.fc-result-table th {
background: var(--fitcal-primary);
color: var(--fitcal-white);
font-weight: 700;
}
.fc-result-table tr th:first-child {
border-radius: 6px 0px 0px 0;
}
.fc-result-table tr th:last-child {
border-radius: 0px 6px 0 0px;
}
div#bmiChart {
margin-bottom: -50px;
}
#bmiChartcd {
display: none;
}
.fc-calculator-wrapper.fc-wake-wrapper.full-width .fc-calculation-form {
width: 100%;
}
.fc-table-wrap {
overflow: auto;
} .fc-bmi-indicator {
position: relative;
margin: -200px 0 30px 0;
text-align: center;
height: 100px;
}
.fc-bmi-indicator div {
width: 6px;
height: 80px;
transition: transform 1s linear;
transform-origin: bottom left;
transform-style: preserve-3D;
transform: rotate(-90deg);
margin: auto;
background: var(--fitcal-primary);
border-radius: 30px;
}
.fc-bmi-indicator div:before {
content: "";
position: absolute;
bottom: -6px;
width: 20px;
height: 20px;
background: var(--fitcal-primary);
border-radius: 10px;
left: -6.11px;
}
.fc-container {
max-width: 1380px;
margin: auto;
}
.fc-one-col.fc-calculator-section>* {
width: 100%;
}
div#bmiChart {
position: relative;
z-index: 1;
}
.fc-col.fc-col-spacer {
grid-row-gap: 5px;
}
.has-vertical-or-divider {
position: relative;
grid-column-gap: 30px;
}
.fc-divider.fc-vertical {
position: absolute;
right: 0;
bottom: 0;
margin: auto;
left: 0;
top: 0;
width: 30px;
height: fit-content;
}
.fc-divider {
text-transform: uppercase;
}
.print-wrapper.social-share {
width: fit-content;
display: flex;
flex-wrap: wrap;
z-index: 99;
grid-gap: 10px;
margin: 10px 0 0;
align-items: center;
position: relative;
}
.social-share-btn {
width: 20px;
display: inline-block;
color: var(--fitcal-primary);
cursor: pointer;
}
.print-wrapper:not(.social-share) {
display: inline-flex;
flex-wrap: wrap;
}
.print-wrapper:not(.social-share) img {
height: 25px;
}
.fc-wd-result {
background: var(--fitcal-box-bg);
padding: 30px 30px;
border-radius: 10px;
height: 630px;
}
.fc-wd-result-value1 {
background-color: var(--fitcal-primary);
padding: 40px 20px;
border-radius: 10px;
color: #fff;
text-align: center;
width: 100%;
max-width: 340px;
margin: 0 auto 20px;
}
.fc-wd-result-value2 {
background-color: var(--fitcal-primary);
padding: 40px 20px;
border-radius: 10px;
color: #fff;
text-align: center;
width: 100%;
max-width: 340px;
margin: 0 auto;
}
.fc-svg svg {
width: 70px;
height: 50px;
margin-bottom: 20px;
}
.fc-wd-result-value1 .fc-wd-mwd6 {
font-size: 30px;
font-weight: 600;
}
.fc-wd-result-value2 .fc-wd-mwd6-lower {
font-size: 30px;
font-weight: 600;
}
.fc-wd-result-inner .fc-wd-result-value1 label {
font-size: 18px;
margin: 0;
}
.fc-wd-result-inner .fc-wd-result-value2 label {
font-size: 18px;
margin: 0;
}
.fc-input-wrapper.fc-input-wrapper-new {
margin: 30px 0 0 0;
}
.fc-bt-result.fc-bt-result-new {
background: var(--fitcal-box-bg);
padding: 30px 30px;
border-radius: 10px;
min-height: 330px;
}
.fc-bt-inner-flex {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
grid-gap: 5px;
}
.fc-bt-inner-left1 {
background-color: var(--fitcal-primary);
padding: 10px 40px;
margin-bottom: 5px;
color: #ffffff;
border-radius: 5px;
}
.fc-bt-inner-left1 label {
font-size: 15px;
}
.print-wrapper.print-wrapper-waling { }
.fc-calculator-sectionfc-one-col.oneRowWalking .fc-wd-result {
height: 100%;
margin-top: 20px;
}
.fc-calculator-sectionfc-one-col.oneRowWalking .fc-wd-result-inner {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 100%;
margin: 0 auto;
}
.fc-calculator-sectionfc-one-col.oneRowWalking .fc-wd-result-inner .fc-wd-result-value1 {
width: 50%;
height: 100%;
margin: 0;
margin: 0px 5px 0 0;
}
.fc-calculator-sectionfc-one-col.oneRowWalking .fc-wd-result-inner .fc-wd-result-value2 {
width: 50%;
height: 100%;
margin: 0px 0px 0 5px;
}
.fc-calculator-sectionfc-one-col.oneRowBloodType .fc-bt-result.fc-bt-result-new {
margin-top: 20px;
height: 100%;
}
.fc-calculator-sectionfc-one-col.oneRowBloodType .fc-bt-inner-flex {
justify-content: center;
}
.fc-calculator-sectionfc-one-col.oneRowBloodType .fc-bt-inner-flex .fc-bt-inner-left {
width: 50%;
margin: 0px 3px;
}
.fc-calculator-sectionfc-one-col.oneRowBloodType .fc-bt-inner-flex .fc-bt-inner-left .fc-bt-inner-left1 {
display: flex;
align-items: center;
justify-content: space-between;
}
.fc-calculator-sectionfc-one-col.oneRowWalking .fc-wd-result-inner .fc-wd-result-value1 {
height: 250px;
}
.fc-calculator-sectionfc-one-col.oneRowWalking .fc-wd-result-inner .fc-wd-result-value2 {
height: 250px;
} .fc-chatboat-wrap * {
outline: 0 !important;
} .fc-chatboat-wrap {
background: #ffffff;
width: 100%;
border-radius: 10px;
padding: 0;
position: relative;
max-width: 360px;
box-shadow: 0 0px 20px 0 rgb(0 0 0 / 26%);
overflow: hidden;
}
.fc-chatboat-message .fc-input-wrapper {
margin: 0;
display: flex;
flex-wrap: wrap;
position:relative;
}
.fc-chatboat-message .fc-input-wrapper input {
width: calc(100% - 50px);
border-radius: 0;
font-size: 14px;
min-height: 45px;
border: 0;
padding: 0 60px 0px 20px;
max-width: 100%;
box-shadow: none;
background-color: #f3f3f3;
}
.fc-chatboat-message .fc-input-wrapper input:focus {
border-color: var(--fitcal-primary);
box-shadow: none;
}
.fc-chatboat-message .fc-input-wrapper .fc-btn {
border-radius: 0px 0;
min-width: 50px;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
right: 0;
width: 45px;
height: 45px;
}
.fc-chatboat-message .fc-input-wrapper svg {
height: 15px;
display: inline-block;
margin: 0;
color: var(--fitcal-white);
}
.fc-chatboat-content {
font-size: 14px;
}
.fc-chatboat-content ul {
height: 400px;
margin: 0 0 10px;
padding: 10px;
overflow-y: auto;
border-radius: 6px 6px 6px 6px;
} .fc-chatboat-content {
max-height: 260px;
overflow: hidden auto;
padding: 10px 10px;
min-height: 50px;
}
.fc-chatboat-content::-webkit-scrollbar {
width: 6px;
}
.fc-chatboat-content::-webkit-scrollbar-track {
background-color: #f5f5f5;
}
.fc-chatboat-content::-webkit-scrollbar-thumb {
background-color: var(--fitcal-primary);
}
.gpt_chat_input {
text-align: right;
}
.fc-chatboat-content .gpt_chat_msg,
.fc-chatbox-messages .gpt_chat_msg {
margin: 10px 0;
position: relative;
width: 100%;
display: inline-block;
}
.fc-chatboat-content .gpt_chat_msg>span,
.fc-chatbox-messages .gpt_chat_msg>span {
padding: 6px 10px 7px;
border-radius: 10px 10px 10px 0;
font-size: 14px;
line-height: 1.4;
position: relative;
text-shadow: 0 1px 1px rgb(0 0 0 / 15%);
background: var(--fitcal-white);
box-shadow: 0 0 30px rgb(0 0 0 / 6%);
display: inline-block;
}
.fc-chatboat-content .gpt_chat_msg.gpt_chat_input>span,
.fc-chatbox-messages .gpt_chat_msg.gpt_chat_input>span {
border-radius: 10px 10px 0 10px;
}
.fc-chatboat-content .gpt_chat_msg>span small,
.fc-chatbox-messages .gpt_chat_msg>span small {
color: var(--fitcal-primary);
text-align: left;
display: block;
} .fc-chatboat-wrap.fc-chatboat-right.fc-chat-has-title,
.fc-chatboat-wrap.fc-chatboat-left.fc-chat-has-title {
padding: 0;
}
.fc-chatboat-wrap.fc-chatboat-right.fc-chat-has-title .fc-form-title,
.fc-chatboat-wrap.fc-chatboat-left.fc-chat-has-title .fc-form-title {
background: var(--fitcal-primary);
border-radius: 6px 6px 0 0;
margin: 00;
padding: 15px 20px 8px;
color: var(--fitcal-white);
} .fc-typing-balls span {
width: 6px;
height: 6px;
background-color: var(--fitcal-primary);
display: inline-block;
margin: 1px;
border-radius: 50%;
}
.fc-typing-balls span:nth-child(1) {
-webkit-animation: bounce 1s infinite;
animation: bounce 1s infinite;
}
.fc-typing-balls span:nth-child(2) {
-webkit-animation: bounce 1s infinite 0.2s;
animation: bounce 1s infinite 0.2s;
}
.fc-typing-balls span:nth-child(3) {
-webkit-animation: bounce 1s infinite 0.4s;
animation: bounce 1s infinite 0.4s;
}
@-webkit-keyframes bounce {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(8px);
}
100% {
transform: translateY(0px);
}
}
@keyframes bounce {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(8px);
}
100% {
transform: translateY(0px);
}
}
.fc-chatboat-wrap .fc-form-title {
font-size: 16px;
color: #222;
font-weight: 700;
margin: 0 0 10px;
background: #ffffff;
box-shadow: 0 0px 40px 0 rgb(0 0 0 / 16%);
padding: 12px 20px;
text-align: center;
} .fc-chatboat-wrap.fc-chatboat-left {
position: fixed;
left: 40px;
bottom: 100px;
min-width: 400px;
max-width: 450px !important;
width: 100%;
margin: 0;
z-index: 999;
box-shadow: 0 0 30px rgb(0 0 0 / 6%);
background: #ffffff;
}
.fc-chatboat-wrap.fc-chatboat-right {
position: fixed;
right: 40px;
bottom: 100px;
min-width: 400px;
max-width: 450px !important;
width: 100%;
margin: 0;
z-index: 999;
box-shadow: 0 0 30px rgb(0 0 0 / 6%);
background: #ffffff;
} .fc-chatboat-wrap.fc-chatbox-hide {
padding: 0;
}
.fc-chatboat-icon {
width: 70px;
height: 70px;
background: var(--fitcal-primary);
border-radius: 50%;
box-shadow: 0 0 30px rgb(0 0 0 / 10%);
justify-content: center;
align-items: center;
color: var(--fitcal-white);
cursor: pointer;
position: fixed;
right: 20px;
bottom: 20px;
z-index: 9;
}
.fc-chatboat-icon-inner {
position: relative;
background: var(--fitcal-primary);
width: 70px;
height: 70px;
justify-content: center;
align-items: center;
display: inline-flex;
border-radius: 50%;
}
@keyframes modalRipple {
0% {
opacity: 0;
-webkit-transform: scale(.5);
transform: scale(.5)
}
10% {
opacity: 1
}
90% {
opacity: 0
}
to {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1)
}
}
.fc-chatboat-icon svg {
height: 40px;
display: inline-block;
width: 40px;
fill: var(--fitcal-white);
}
.fc-chatboat-wrap.fc-chatboat-left .fc-chatboat-icon {
display: inline-flex;
left: 20px;
}
.fc-chatboat-wrap.fc-chatboat-right .fc-chatboat-icon {
display: inline-flex;
right: 20px;
} .fc-chatboat-close {
position: absolute;
right: 10px;
top: 6px;
background: #ff4040;
width: 25px;
height: 25px;
justify-content: center;
display: inline-flex;
border-radius: 50%;
align-items: center;
color: #ffffff;
font-weight: 600;
cursor: pointer;
border: 2px solid #ff8484;
box-shadow: 0 0 20px rgb(0 0 0 / 24%);
}
.fc-chatboat-wrap.fc-chatboat-left .fc-chatboat-close {
display: inline-flex;
}
.fc-chatboat-wrap.fc-chatboat-right .fc-chatboat-close {
display: inline-flex;
} .fc-calculation-template-box {
max-width: 520px;
margin: auto;
background: #f1f1fb;
padding: 30px 30px;
border-radius: 10px;
}
.fc-chatboat-main-wrap {
display: flex;
flex-wrap: wrap;
max-width: 520px;
position: fixed;
right: 100px;
bottom: 20px;
z-index: 9;
}
.print-wrapper.social-share ul {
position: absolute;
top: 30px;
list-style: none;
padding: 15px 10px;
left: -6px;
transform: translateY(50px);
margin: 0;
opacity: 0;
visibility: hidden;
background: #ffffff;
z-index: 9;
width: 40px;
border-radius: 10px;
}
.print-wrapper.social-share,
.print-wrapper.social-share.show,
.print-wrapper.social-share ul {
transition: all .3s;
}
.print-wrapper.social-share.show ul {
opacity: 1;
transform: translateY(0);
visibility: visible;
} .fc-not-found-box {
display: inline-block;
max-width: 420px;
width: 100%;
margin: 0 auto 0;
}
.fc-not-found-box {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 20px 20px;
text-align: center;
}
.fc-not-found-box-row {
max-width: 460px;
width: 100%;
background: #eff7ff;
padding: 30px 20px;
border-radius: 10px;
border: 1px solid #dbedff;
}
.fc-not-found-box img {
max-height: 200px;
margin: 0 0 10px;
}
.fc-not-found-box p {
font-size: 18px;
margin: 0;
font-weight: 500;
color: #627b95;
}
select {
cursor: pointer;
text-transform: capitalize;
}
.fc_chat_input.gpt_chat_msg {
text-align: right;
}
.fc-dietplan-result.fc-bt-result-new >*:first-child {
font-size: 22px;
padding: 10px 20px;
background: var(--fitcal-primary);
color: var(--fitcal-white);
border-radius: 5px 5px 0px 0px;
}
.fc-dietplan-result.fc-bt-result-new > p {
margin: 0 0 10px;
padding: 0 20px;
}
.fc-dietplan-result.fc-bt-result-new h2, .fc-dietplan-result.fc-bt-result-new h3 {
padding: 0 20px;
font-size: 18px;
font-weight: 700;
margin: 20px 0 10px;
}
.fc-dietplan-result.fc-bt-result-new ul {
padding: 0 0 20px 40px;
margin: 0;
}
.social-data-type {
text-align: center;
margin: 10px 0;
font-weight: 500;
text-transform: capitalize;
padding: 10px 20px;
}
.social-data-type span {
color: var(--fitcal-primary);
}
#fc_dietchart_form {
position: relative;
}
.fc-preloader {
position: absolute;
top: -30px;
bottom: -30px;
left: -30px;
right: -30px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background: #000;
border-radius: 10px;
opacity: .6;
z-index: 3;
display: none;
} .fc_response_massage > span {
position: fixed;
top: 50px;
right: 0px;
z-index: 999;
background: red;
padding: 10px 20px;
border-radius: 10px;
border-left: 8px solid red;
}
.fc-dietplan-result.fc-bt-result-new >*.fc-diet-error {
font-size: 20px;
padding: 10px 20px;
color: var(--fitcal-white);
border-radius: 0;
background: #ffa700;
} .fc-plan-alert-wrapper {
position: fixed;
top: 40px;
right: 20px;
height: 50px;
z-index: 999999;
}
.fc-plan-alert-wrapper p {
padding: 0px 30px;
background: #dc3232;
border-radius: 5px;
line-height: 1.5;
font-size: 18px;
color: #fff;
box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 0.2);
transition: 0.5s;
}
.fc-plan-alert-wrapper p.fc-plan-success {
box-shadow: 0px 0px 30px 0px rgba(18, 224, 215, 0.1), inset 0px -5px 0px #8bc34a;
}
.fc-plan-alert-wrapper p {
background-color: #ffffff;
box-shadow: 0px 0px 30px 0px rgba(18, 224, 215, 0.1);
border-radius: 5px;
padding: 15px 20px;
margin: 0;
color: #9ca2ab;
font-size: 16px;
position: relative;
padding-left: 80px;
-webkit-animation: alertanim 0.3s;
-moz-animation: alertanim 0.3s;
animation: alertanim 0.3s;
}
.fc-plan-alert-wrapper p {
box-shadow: 0px 0px 30px 0px rgba(18, 224, 215, 0.1), inset 0px -5px 0px #fe5c31;
}
.fc-plan-alert-wrapper p::before {
content: "Yeay!";
font-size: 16px;
font-weight: bold;
display: block;
color: #0e141b;
}
.fc-plan-alert-wrapper p::after {
content: "";
position: absolute;
top: 15px;
left: 15px;
width: 45px;
height: 45px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.fc-plan-alert-wrapper p::before {
content: "Duhh!";
}
.fc-plan-alert-wrapper p.fc-plan-success::before {
content: "Yeay!";
}
.fc-plan-alert-wrapper p::after {
background-image: url(//nadieta.com/wp-content/plugins/fitness-calculator/public/images/sad.png);
}
.fc-plan-alert-wrapper .fc-plan-success::after {
background-image: url(//nadieta.com/wp-content/plugins/fitness-calculator/public/images/happy.png);
}
.fc-plan-alert-wrapper .fc-plan-success {
box-shadow: 0px 0px 30px 0px rgba(18, 224, 215, 0.1), inset 0px -5px 0px #54cc7c;
} @media(min-width: 992px) { 
.fc-chatboat-wrap {
min-width: 360px;
}
}
@media(max-width:1200px) {
.fc-wd-result-inner .fc-wd-result-value1 label {
font-size: 16px;
}
.fc-wd-result-inner .fc-wd-result-value2 label {
font-size: 16px;
}
}
@media(max-width:991px) {
.fc-bt-inner-flex {
justify-content: center;
}
.fc-calculator-sectionfc-one-col.oneRowWalking .fc-wd-result-inner .fc-wd-result-value1 {
height: 220px;
}
.fc-calculator-sectionfc-one-col.oneRowWalking .fc-wd-result-inner .fc-wd-result-value2 {
height: 220px;
}
.fc-calculator-sectionfc-one-col.oneRowBloodType .fc-bt-inner-flex {
display: block;
}
.fc-calculator-sectionfc-one-col.oneRowBloodType .fc-bt-inner-flex .fc-bt-inner-left {
width: 100%;
margin: 0;
}
.fc-bt-inner .fc-bt-inner-flex .fc-bt-inner-left .fc-bt-inner-left1 {
width: 100%;
}
.fc-bt-inner .fc-bt-inner-flex .fc-bt-inner-left {
width: 50%;
margin: 0 3px;
}
.fc-bt-inner-left1 label {
font-size: 16px;
}
.fc-bt-result.fc-bt-result-new {
height: 100%;
}
.fc-wd-result {
height: 100%;
}
}
@media(max-width:580px) {
.fc-wd-result-value1 {
padding: 50px 20px;
}
.fc-wd-result-value2 {
padding: 50px 20px;
}
.fc-bt-inner .fc-bt-inner-flex .fc-bt-inner-left .fc-bt-inner-left1 {
padding: 10px 10px;
}
.fc-bt-inner .fc-bt-inner-flex .fc-bt-inner-left {
width: 100%;
margin: 0;
}
.fc-bt-inner-flex {
display: block;
}
.fc-calculator-sectionfc-one-col.oneRowBloodType .fc-bt-inner-flex .fc-bt-inner-left .fc-bt-inner-left1 {
padding: 10px 10px;
}
.fc-calculator-sectionfc-one-col.oneRowWalking .fc-wd-result-inner {
display: block;
}
.fc-calculator-sectionfc-one-col.oneRowWalking .fc-wd-result-inner .fc-wd-result-value1 {
height: 100%;
width: 100%;
max-width: 100%;
}
.fc-calculator-sectionfc-one-col.oneRowWalking .fc-wd-result-inner .fc-wd-result-value2 {
height: 100%;
width: 100%;
margin: 10px 0 0 0;
max-width: 100%;
}
.fc-wd-result-value1 .fc-wd-mwd6 {
font-size: 22px;
}
.fc-wd-result-value2 .fc-wd-mwd6-lower {
font-size: 22px;
}
}
@media(max-width:380px) {
.fc-wd-result-value1 .fc-wd-mwd6 {
font-size: 20px;
}
.fc-wd-result-value2 .fc-wd-mwd6-lower {
font-size: 20px;
}
.fc-wd-result-value1 {
padding: 30px 20px;
}
.fc-wd-result-value2 {
padding: 30px 20px;
}
.fc-calculator-sectionfc-one-col.oneRowBloodType .fc-bt-inner-flex .fc-bt-inner-left .fc-bt-inner-left1 {
display: block;
}
}
@media (min-width: 1200px) {
.fc-col {
grid-gap: 30px;
}
}
@media (max-width: 991.98px) {
.fc-calculator-section>* {
width: 100%;
}
}
@media (max-width: 575.98px) {
div#bmiChart {
margin-bottom: 20px;
}
.fc-chatboat-main-wrap {
right: 10px;
bottom: 100px;
max-width: 290px;
}
}
@media (max-width: 479.98px) {
.fc-bmi-indicator {
margin: -140px 0 10px 0;
}
.fc-bmi-indicator .fc-pendulum {
height: 60px;
}
}