﻿/*body {}*/


.LightYellow_bmi {
    background: rgb(247,225,160) !important; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZTFhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2UxYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top, rgba(247,225,160,1) 0%, rgba(247,225,160,1) 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(247,225,160,1)), color-stop(100%, rgba(247,225,160,1))) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(247,225,160,1) 0%, rgba(247,225,160,1) 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(247,225,160,1) 0%, rgba(247,225,160,1) 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(247,225,160,1) 0%, rgba(247,225,160,1) 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, rgba(247,225,160,1) 0%, rgba(247,225,160,1) 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e1a0', endColorstr='#f7e1a0', GradientType=0 ) !important; /* IE6-8 */
}

.Green_bmi {
    background: rgb(166,189,83) !important; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E2YmQ1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNmJkNTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top, rgba(166,189,83,1) 0%, rgba(166,189,83,1) 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(166,189,83,1)), color-stop(100%, rgba(166,189,83,1))) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(166,189,83,1) 0%, rgba(166,189,83,1) 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(166,189,83,1) 0%, rgba(166,189,83,1) 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(166,189,83,1) 0%, rgba(166,189,83,1) 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, rgba(166,189,83,1) 0%, rgba(166,189,83,1) 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6bd53', endColorstr='#a6bd53', GradientType=0 ) !important; /* IE6-8 */
}

.Yellow_bmi {
    background: rgb(239,193,30) !important; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmYzExZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmMxMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top, rgba(239,193,30,1) 0%, rgba(239,193,30,1) 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(239,193,30,1)), color-stop(100%, rgba(239,193,30,1))) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(239,193,30,1) 0%, rgba(239,193,30,1) 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(239,193,30,1) 0%, rgba(239,193,30,1) 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(239,193,30,1) 0%, rgba(239,193,30,1) 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, rgba(239,193,30,1) 0%, rgba(239,193,30,1) 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc11e', endColorstr='#efc11e', GradientType=0 ) !important; /* IE6-8 */
}

.Red_bmi {
    background: rgb(247,31,10) !important; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3MWYwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNzFmMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top, rgba(247,31,10,1) 0%, rgba(247,31,10,1) 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(247,31,10,1)), color-stop(100%, rgba(247,31,10,1))) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(247,31,10,1) 0%, rgba(247,31,10,1) 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(247,31,10,1) 0%, rgba(247,31,10,1) 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(247,31,10,1) 0%, rgba(247,31,10,1) 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, rgba(247,31,10,1) 0%, rgba(247,31,10,1) 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f71f0a', endColorstr='#f71f0a', GradientType=0 ) !important; /* IE6-8 */
}

._name {
    text-transform: capitalize;
}


.Color-Card-1 i{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8f02ef+0,bd5bff+100 */
    background: rgb(143, 2, 239); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(143, 2, 239, 1) 0%, rgba(189, 91, 255, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(143, 2, 239, 1) 0%, rgba(189, 91, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(143, 2, 239, 1) 0%, rgba(189, 91, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f02ef', endColorstr='#bd5bff', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.Color-Card-2 i{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00bc3e+0,17e35a+100 */
    background: rgb(0, 188, 62); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(0, 188, 62, 1) 0%, rgba(23, 227, 90, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(0, 188, 62, 1) 0%, rgba(23, 227, 90, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(0, 188, 62, 1) 0%, rgba(23, 227, 90, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bc3e', endColorstr='#17e35a', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.Color-Card-3 i{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2172c2+0,389cff+100 */
    background: rgb(33, 114, 194); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(33, 114, 194, 1) 0%, rgba(56, 156, 255, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(33, 114, 194, 1) 0%, rgba(56, 156, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(33, 114, 194, 1) 0%, rgba(56, 156, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2172c2', endColorstr='#389cff', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.Color-Card-4 i{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4e07db+0,8d54ff+100 */
    background: rgb(78, 7, 219); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(78, 7, 219, 1) 0%, rgba(141, 84, 255, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(78, 7, 219, 1) 0%, rgba(141, 84, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(78, 7, 219, 1) 0%, rgba(141, 84, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e07db', endColorstr='#8d54ff', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.Color-Card-5 i{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2cb02+0,ffd930+100 */
    background: rgb(242, 203, 2); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(242, 203, 2, 1) 0%, rgba(255, 217, 48, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(242, 203, 2, 1) 0%, rgba(255, 217, 48, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(242, 203, 2, 1) 0%, rgba(255, 217, 48, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2cb02', endColorstr='#ffd930', GradientType=0); /* IE6-9 */
}

.Color-Card-6 i{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b40078+0,f136b3+100 */
    background: rgb(180, 0, 120); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(180, 0, 120, 1) 0%, rgba(241, 54, 179, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(180, 0, 120, 1) 0%, rgba(241, 54, 179, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(180, 0, 120, 1) 0%, rgba(241, 54, 179, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b40078', endColorstr='#f136b3', GradientType=0); /* IE6-9 */
}

.Color-Card-7 i{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d81e05+0,f95741+100 */
    background: rgb(216, 30, 5); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(216, 30, 5, 1) 0%, rgba(249, 87, 65, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(216, 30, 5, 1) 0%, rgba(249, 87, 65, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(216, 30, 5, 1) 0%, rgba(249, 87, 65, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d81e05', endColorstr='#f95741', GradientType=0); /* IE6-9 */
}

/*Accordian*/
.myaccordion {
    /*max-width: 500px;*/
    margin: 0px auto;
    box-shadow: 0 0 1px rgba(0,0,0,0.1);
}

.myaccordion .card,
.myaccordion .card:last-child .card-header {
    border: none;
}
.myaccordion .card {
    border: none;
    display: block;
    width: 100%;
    padding: 0;
    color: #3b3b3b;
    border: 1px solid #f3f3f3;
    border-radius: 15px;
    transition: all 0.15s ease-in-out;
    box-shadow: 0 2px 4px 2px rgb(0 0 0 / 3%);
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}
.myaccordion .card-header {
    border-bottom-color: #EDEFF0;
    background: transparent;
    display: flex;
    padding: 0;
    gap: 10px;
    align-items: center;
    background: #fff;
    border: none;
    background: #fff;
    border: none;
    padding: 10px;
    padding: 25px 5px 20px;
    position:relative;
}
.myaccordion .card-body ul {
    margin-bottom:0;
}
.myaccordion .card-body ul li {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.myaccordion .card-body ul li img {
    width: 20px;
    height: 10px;
}
.myaccordion .fa-stack {
    font-size: 18px;
}

.myaccordion .btn {
    width: 100%;
    font-weight: bold;
    color: #004987;
    padding: 0;
}

.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus {
    text-decoration: none;
}

.myaccordion li + li {
    margin-top: 10px;
}

.myaccordion .card-header .btn-link {
    box-shadow: none;
    background: transparent;
}
.myaccordion .topic-squard i {
    position: relative;
    left: 0;
    top: 0;
    font-size: 40px;
    color: #fff;
    line-height: .5;
    text-shadow: none;
    z-index: 0;
    padding: 10px;
    border-radius: 10px;
}
.myaccordion .card-header h6 {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    background: #18d1d1;
    width: 24px;
    color: #fff;
    height: 22px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    font-size: 12px;
    align-items: center;
}
.myaccordion .card-body ul li.active {
    color: #7fceee;
    font-weight:bold;
}

.tabi_UI {
    position: absolute;
    right: -30px;
    bottom: 0;
    font-size: 175px;
    color: rgba(0, 0, 0, .02);
    line-height: .5;
    text-shadow: none;
    z-index: 0;
}

.questionnaireButtonClass {
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .5);
    font-size: 20px;
    padding: 7px 20px 7px 20px;
    background: linear-gradient(45deg, rgba(46, 73, 252, 1) 0%, rgba(13, 231, 207, 1) 100%);
    color:white;
    border-radius: 5px;
    font-weight: bolder;
}

.SuccessedControl {
    background: #0ab80a;
}

.btnNutritionIconSummary {
    background: #ff0000;
}

.iPaqScores {
    color: #0090d9;
    font-weight: bold;
}