.table td, .table th {

    border: 1px solid #dee2e6 !important;

}

.table {

    font-family: 'Poppins', sans-serif !important;

}

body{

    font-family: 'Poppins', sans-serif !important;

}



.table th{

    font-size: 13px;

}



.Add_h3_class{

    font-weight: bold;

}



.numbering_heading{

    font-size: 20px;

}



.table thead th {

    text-align: center;

    font-size: 15px !important;



}



.table th{

    color: #000 !important;

    vertical-align: middle;

    background-color: #dedede;

}



.table p{

    font-size: 15px !important;

}



body{

    font-family: 'Josefin Sans', sans-serif;

}



        



/* spinner */

.table-striped tbody tr:nth-of-type(odd) {

    background-color: rgba(0,0,0,.05);

}



.spinner-border {

    width: 1.5rem;

    height: 1.5rem;

}



.table-sm td, .table-sm th {

    padding: 0.3rem;

}

p{

    margin-bottom: 0px;

}

table td{

    padding: 0.3rem !important; 

    text-align: center;

}

table th{

    background-color: #009639;

    padding: 5px !important;

}



pl,

.pl__ball,

.pl__ball-inner-shadow,

.pl__ball-side-shadows,

.pl__ball-texture,

.pl__inner-ring,

.pl__outer-ring,

.pl__track-cover {

  border-radius: 50%;

}

.pl {

  position: relative;

  width: 16em;

  height: 16em;

}

.pl__ball,

.pl__ball-inner-shadow,

.pl__ball-outer-shadow,

.pl__ball-side-shadows,

.pl__ball-texture,

.pl__ball-texture:before,

.pl__inner-ring,

.pl__outer-ring,

.pl__track-cover {

  position: absolute;

}

.pl__ball,

.pl__ball-inner-shadow,

.pl__ball-outer-shadow,

.pl__ball-texture:before,

.pl__track-cover {

  animation: ball 3s linear infinite;

}

.pl__ball {

  top: calc(50% - 1.25em);

  left: calc(50% - 1.25em);

  transform: rotate(0) translateY(-6.5em);

  width: 2.5em;

  height: 2.5em;

}

.pl__ball-inner-shadow {

  animation-name: ballInnerShadow;

  box-shadow:

    0 0.1em 0.2em hsla(0, 0%, 0%, 0.3),

    0 0 0.2em hsla(0, 0%, 0%, 0.1) inset,

    0 -1em 0.5em hsla(0, 0%, 0%, 0.15) inset;

  width: 100%;

  height: 100%;

}

.pl__ball-outer-shadow {

  animation-name: ballOuterShadow;

  background-image: linear-gradient(hsla(0, 0%, 0%, 0.15),hsla(0, 0%, 0%, 0));

  border-radius: 0 0 50% 50% / 0 0 100% 100%;

  filter: blur(2px);

  top: 50%;

  left: 0;

  width: 100%;

  height: 250%;

  transform: rotate(20deg);

  transform-origin: 50% 0;

  z-index: -2;

}

.pl__ball-side-shadows {

  background-color: hsla(0, 0%, 0%, 0.1);

  filter: blur(2px);

  width: 100%;

  height: 100%;

  transform: scale(0.75,1.1);

  z-index: -1;

}

.pl__ball-texture {

  overflow: hidden;

  width: 100%;

  height: 100%;

  transform: translate3d(0,0,0);

}

.pl__ball-texture:before {

  animation-name: ballTexture;

  animation-duration: 0.25s;

  background: url(./snow.jpg) 0 0 / 50% 100%;

  content: "";

  display: block;

  filter: brightness(1.05);

  top: 0;

  right: 0;

  width: 200%;

  height: 100%;

}

.pl__inner-ring {

  box-shadow:

    0 -0.25em 0.5em hsla(0, 0%, 100%, 0.4),

    0 0.5em 0.75em hsla(0, 0%, 100%, 0.4) inset,

    0 0.5em 0.375em hsla(0, 0%, 0%, 0.15),

    0 -0.5em 0.75em hsla(0, 0%, 0%, 0.15) inset;

  top: 2.375em;

  left: 2.375em;

  width: calc(100% - 4.75em);

  height: calc(100% - 4.75em);

}

.pl__outer-ring {

  box-shadow:

    0 -0.45em 0.375em hsla(0, 0%, 0%, 0.15),

    0 0.5em 0.75em hsla(0, 0%, 0%, 0.15) inset,

    0 0.25em 0.5em hsla(0, 0%, 100%, 0.4),

    0 -0.5em 0.75em hsla(0, 0%, 100%, 0.4) inset;

  top: 0.75em;

  left: 0.75em;

  width: calc(100% - 1.5em);

  height: calc(100% - 1.5em);

}

.pl__track-cover {

  animation-name: trackCover;

  background-image: conic-gradient(hsla(223, 90%, 95%, 1) 210deg, hsla(223, 90%, 95%, 0) 270deg);

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}







@keyframes ball {

  from {

    transform: rotate(0) translateY(-6.5em);

  }

  50% {

    transform: rotate(180deg) translateY(-6em);

  }

  to {

    transform: rotate(360deg) translateY(-6.5em);

  }

}

@keyframes ballInnerShadow {

  from {

    transform: rotate(0);

  }

  to {

    transform: rotate(-360deg);

  }

}

@keyframes ballOuterShadow {

  from {

    transform: rotate(20deg);

  }

  to {

    transform: rotate(-340deg);

  }

}

@keyframes ballTexture {

  from {

    transform: translateX(0);

  }

  to {

    transform: translateX(50%);

  }

}

@keyframes trackCover {

  from {

    transform: rotate(0);

  }

  to {

    transform: rotate(360deg);

  }

}

/* spinner */



        table tbody p {

            color: #000;

        }



        table thead th {

            color: #FFF;

            font-size: 12px;

        }



        .nav {

            margin-bottom: 0;

            padding-left: 0;

            list-style: none

        }



        .nav:after,

        .nav:before {

            content: " ";

            display: table

        }



        .nav:after {

            clear: both

        }



        .nav>li {

            position: relative;

            display: block

        }



        .nav>li>a {

            position: relative;

            display: block;

            padding: 10px 15px

        }



        .nav>li>a:focus,

        .nav>li>a:hover {

            text-decoration: none;

            background-color: #eee

        }



        .nav>li.disabled>a {

            color: #999

        }



        .nav>li.disabled>a:focus,

        .nav>li.disabled>a:hover {

            color: #999;

            text-decoration: none;

            background-color: transparent;

            cursor: not-allowed

        }



        .nav .open>a,

        .nav .open>a:focus,

        .nav .open>a:hover {

            background-color: #eee;

            border-color: #ba1461

        }



        .nav .nav-divider {

            height: 1px;

            margin: 9px 0;

            overflow: hidden;

            background-color: #e5e5e5

        }



        .nav>li>a>img {

            max-width: none

        }



        .nav-tabs {

            border-bottom: 1px solid #ddd

        }



        .nav-tabs>li {

            float: left;

            margin-bottom: -1px

        }



        .nav-tabs>li>a {

            /* margin-right: 2px; */

            line-height: 1.428571429;

            border: 1px solid transparent;

            /* border-radius: 4px 4px 0 0 */

        }





        .nav-tabs>li.active>a,

        .nav-tabs>li.active>a:focus,

        .nav-tabs>li.active>a:hover {

            color: #fff;

            background-color: #009639;

            border: 1px solid #009639;

            border-bottom-color: transparent;

            cursor: default

        }



        .nav-tabs.nav-justified {

            width: 100%;

            border-bottom: 0

        }



        .nav-tabs.nav-justified>li {

            float: none

        }



        .nav-tabs.nav-justified>li>a {

            text-align: center;

            margin-bottom: 5px

        }



        .nav-tabs.nav-justified>.dropdown .dropdown-menu {

            top: auto;

            left: auto

        }



        @media (min-width: 768px) {

            .nav-tabs.nav-justified>li {

                display: table-cell;

                width: 1%

            }



            .nav-tabs.nav-justified>li>a {

                margin-bottom: 0

            }

        }



        .nav-tabs.nav-justified>li>a {

            margin-right: 0;

            border-radius: 4px

        }



      @media (max-width:425px) {

        .Mob_res{

            font-size: 24px;

        }

        .form-control{

            font-size: 10px !important;

        }

        p{

            font-size: 12px;

        }



        table th{

            font-size: 12px;

        }

        table td{

            font-size: 12px;

        }

        label{

            font-size: 12px !important;

        }

      }



        @media (min-width: 768px) {

            .nav-tabs.nav-justified>li>a {

                border-bottom: 1px solid #ddd;

                border-radius: 4px 4px 0 0

            }



           

        }



        .nav-pills>li {

            float: left

        }



        .nav-pills>li>a {

            border-radius: 4px

        }



        .nav-pills>li+li {

            margin-left: 2px

        }



        .nav-pills>li.active>a,

        .nav-pills>li.active>a:focus,

        .nav-pills>li.active>a:hover {

            color: #fff;

            background-color: #ba1461

        }



        .nav-stacked>li {

            float: none

        }



        .nav-stacked>li+li {

            margin-top: 2px;

            margin-left: 0

        }



        .nav-justified {

            width: 100%

        }



        .nav-justified>li {

            float: none

        }



        .nav-justified>li>a {

            text-align: center;

            margin-bottom: 5px

        }



        .nav-justified>.dropdown .dropdown-menu {

            top: auto;

            left: auto

        }



        @media (min-width: 768px) {

            .nav-justified>li {

                display: table-cell;

                width: 1%

            }



            .nav-justified>li>a {

                margin-bottom: 0

            }

        }



        .nav-tabs-justified {

            border-bottom: 0

        }



        .nav-tabs-justified>li>a {

            margin-right: 0;

            border-radius: 4px

        }



        



        @media (min-width: 768px) {

            .nav-tabs-justified>li>a {

                border-bottom: 1px solid #ddd;

                border-radius: 4px 4px 0 0

            }



            .nav-tabs-justified>.active>a,

            .nav-tabs-justified>.active>a:focus,

            .nav-tabs-justified>.active>a:hover {

                border-bottom-color: #fff

            }

        }



        ul .nav-tabs {

            display: flex;



        }



        .nav-tabs li {

            -ms-flex: 1 1 auto !important;

            flex: 1 1 auto !important;

            text-align: center;

            background: #FFF;

            color: rgb(42, 68, 91) !important;

        }



        .nav-tabs li:hover {

            background-color: #e0e0e0;

            outline: none;

            border: none;

        }



        .nav-tabs li a:hover {

            background-color: #e0e0e0;

            outline: none;

            border: none;

        }



        .nav-tabs li .title {

            color: #009639

        }



        .nav-tabs li.disable {

            background: #cccccc;

            color: #a8a8a8 !important;

        }



        .nav-tabs li.disable:hover,

        .nav-tabs li.disable:active {

            background-color: #cccccc;

            outline: none;

            border: none;

            cursor: not-allowed

        }



        .nav-tabs li.disable a:hover,

        .nav-tabs li.disable a:active {

            background-color: #cccccc;

            outline: none;

            border: none;

            cursor: not-allowed

        }



        .nav-tabs li.disable .title {

            color: #a8a8a8;

        }





        .nav-tabs li.active .title {

            font-size: 18px;

            font-weight: 700;

            color: #fff !important;

        }



        .nav-tabs>li.active>a,

        .nav-tabs>li.active>a:focus,

        .nav-tabs>li.active>a:hover {

            background-color: none;

            border: none;

            outline: none;

        }



       





        @media (max-width: 767px) {

            .nav-tabs li {

                width: 100%;



            }



            .nav-tabs li.active {

                width: 100%;

                border: none;

            }

        }



        label {

            margin-top: 15px;

            font-weight: 400;

            margin-bottom: 5px;

        }



        .form-control {

            text-align: center;

            font-weight: 600;

            border-color: #e0e0e0;

            border-bottom: 1px solid #1f4f7898;

            border-radius: 0px;

        }



        table thead th {

            text-align: center;

            font-weight: 600;

        }

        table th {

            text-align: center;

        }



        table tbody tr td:nth-child(2) {

            text-align: center;

            font-weight: 600;



        }



        table tbody tr:nth-child(even) {

            background: #f7f7f7;

            color: #3b3b3b;

        }



        table tbody tr:nth-child(odd) {

            background: #fdfdfd;

            color: #3b3b3b;

        }



        .heading-sub-blue {

            background: #009639;

            color: white;

            text-align: center;

        }



        .heading-sub-red {

            background: #e53639;

            color: white;

            text-align: center;

        }



        table.table-tab1 thead th {

            background: #009639;

            color: white;

        }



        table.table-tab1 tbody td:nth-child(1) {

            color: #009639;

            font-weight: 600;

            background-color: #fbf9fb;

        }



        table.table-tab1 tbody td:nth-child(2) {

            padding: 0px;

        }



        table.table-tab1 tbody td:nth-child(2) .form-control {

            border-radius: 0px;

            border: none;

        }



        .form-control:disabled,

        .form-control[readonly] {

            background-color: #FFF;

            opacity: 1;

            border-color: #FFF;

        }



        table .result {

            background: #b4c6e7 !important;

            color: #000;

            font-weight: 500;

        }





        .resp-sharing-button__link,

        .resp-sharing-button__icon {

            display: inline-block

        }



        .resp-sharing-button__link {

            text-decoration: none;

            color: #fff;

            margin: 0.5em

        }



        .resp-sharing-button {

            border-radius: 5px;

            transition: 25ms ease-out;

            padding: 0.5em 0.75em;

            font-family: Helvetica Neue, Helvetica, Arial, sans-serif

        }



        .resp-sharing-button__icon svg {

            width: 1em;

            height: 1em;

            margin-right: 0.4em;

            vertical-align: top

        }



        .resp-sharing-button--small svg {

            margin: 0;

            vertical-align: middle

        }



        /* Non solid icons get a stroke */

        .resp-sharing-button__icon {

            stroke: #fff;

            fill: none

        }



        /* Solid icons get a fill */

        .resp-sharing-button__icon--solid,

        .resp-sharing-button__icon--solidcircle {

            fill: #fff;

            stroke: none

        }



        .resp-sharing-button--twitter {

            background-color: #55acee

        }



        .resp-sharing-button--twitter:hover {

            background-color: #2795e9

        }



        .resp-sharing-button--pinterest {

            background-color: #bd081c

        }



        .resp-sharing-button--pinterest:hover {

            background-color: #8c0615

        }



        .resp-sharing-button--facebook {

            background-color: #3b5998

        }



        .resp-sharing-button--facebook:hover {

            background-color: #2d4373

        }



        .resp-sharing-button--tumblr {

            background-color: #35465C

        }



        .resp-sharing-button--tumblr:hover {

            background-color: #222d3c

        }



        .resp-sharing-button--reddit {

            background-color: #5f99cf

        }



        .resp-sharing-button--reddit:hover {

            background-color: #3a80c1

        }



        .resp-sharing-button--google {

            background-color: #dd4b39

        }



        .resp-sharing-button--google:hover {

            background-color: #c23321

        }



        .resp-sharing-button--linkedin {

            background-color: #0077b5

        }



        .resp-sharing-button--linkedin:hover {

            background-color: #046293

        }



        .resp-sharing-button--email {

            background-color: #777

        }



        .resp-sharing-button--email:hover {

            background-color: #5e5e5e

        }



        .resp-sharing-button--xing {

            background-color: #1a7576

        }



        .resp-sharing-button--xing:hover {

            background-color: #114c4c

        }



        .resp-sharing-button--whatsapp {

            background-color: #25D366

        }



        .resp-sharing-button--whatsapp:hover {

            background-color: #1da851

        }



        .resp-sharing-button--hackernews {

            background-color: #FF6600

        }



        .resp-sharing-button--hackernews:hover,

        .resp-sharing-button--hackernews:focus {

            background-color: #FB6200

        }



        .resp-sharing-button--vk {

            background-color: #507299

        }



        .resp-sharing-button--vk:hover {

            background-color: #43648c

        }



        .resp-sharing-button--facebook {

            background-color: #3b5998;

            border-color: #3b5998;

        }



        .resp-sharing-button--facebook:hover,

        .resp-sharing-button--facebook:active {

            background-color: #2d4373;

            border-color: #2d4373;

        }



        .resp-sharing-button--twitter {

            background-color: #55acee;

            border-color: #55acee;

        }



        .resp-sharing-button--twitter:hover,

        .resp-sharing-button--twitter:active {

            background-color: #2795e9;

            border-color: #2795e9;

        }



        .resp-sharing-button--tumblr {

            background-color: #35465C;

            border-color: #35465C;

        }



        .resp-sharing-button--tumblr:hover,

        .resp-sharing-button--tumblr:active {

            background-color: #222d3c;

            border-color: #222d3c;

        }



        .resp-sharing-button--email {

            background-color: #777777;

            border-color: #777777;

        }



        .resp-sharing-button--email:hover,

        .resp-sharing-button--email:active {

            background-color: #5e5e5e;

            border-color: #5e5e5e;

        }



        .resp-sharing-button--pinterest {

            background-color: #bd081c;

            border-color: #bd081c;

        }



        .resp-sharing-button--pinterest:hover,

        .resp-sharing-button--pinterest:active {

            background-color: #8c0615;

            border-color: #8c0615;

        }





        .calorie_calculator button.next {

    background: #90c03e !important;

    color: #F9F9F9;

    border: 1px solid #90c03e;

}

    .calorie_calculator button.button {

        cursor: pointer;

        font-size: 20px;

        margin-top: 15px;

        background: transparent;

        color: #90c03e;

        border: none;

        text-transform: uppercase;

        padding: 7px;

        font-weight: 500;

        border-radius: 5px;

        border-radius: 0px;

        width: 200px;

        border: 1px solid #90c03e;

    }









    .form-control{

        font-size: 14px;

        /* box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; */

        /* height: 47px; */

        /* border: 0px; */

        /* background-color: #f8f5f5; */

        /* border: none; */

    }



    label{

        font-size: 14px;

        font-weight: 500 !important;

        color: #999999 !important;

    }



    .table-container{

        max-height: 500px; /* Set a fixed height for the container */

        overflow-y: auto; /* Enable vertical scrolling */

    }







    .paddingOnallCards{

        padding: 50px;

    }



    @media (max-width:768px) {

        .paddingOnallCards{

            padding: 35px 10px;

        }



        .mar_top_on_small{

            margin-top: 50px;

        }





    }



    .h1_heading {

    font-family: 'Righteous', cursive;

    color: #009639;

}





select{

    padding: 0px !important;

    font-size: 12px !important;

}



    .form-control{

        border-radius: 0.25rem !important;

    }





    .greenBg{

        background-color: #a9d08e;

    }



    .blueBg{

        background-color: #bdd7ee

    }

    .orangeBg{

        background-color: #ffd966

    }





    .buttonStyle button, .buttonStylePDF button {

        cursor: pointer;

        font-size: 16px;

        font-weight: 500;

        border-radius: 6px;

        border: 1px solid gray;

        width: 100%;

        min-width: 180px;

        max-width: 250px;

        padding: 10px 15px;

        letter-spacing: 1px;

        color: #000;

        background: #FFFFFF;

    }

    









    .table-sm td, .table-sm th {

        padding: 0.3rem;

    }

    p{

        margin-bottom: 0px;

    }

    table td{

        padding: 0rem !important; 

    }

  

    .terms{

        font-size: 12px;

    }