@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i&display=swap');
body {
    font-family: 'Lato', sans-serif  !important;
}
.btn-margin{
    margin-bottom: 20px;
}
.section-title h2:before {
    position: absolute;
    content: "";
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: #b5ff877a;
    z-index: -1;
    top: 0px;
    left: -12px;
}
.dashboard-container .row {
    /* background-color: blue; */
    margin-top: 10px;
    padding: 10px;
}
.table-primary, .table-primary>td, .table-primary>th {
    background-color: #bdf5bcdb;
}
.table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th {
    border-color: #dee2e6;
}
.btn-secondary {
    color: #503838;
    background-color: #c6f5c5;
    border-color: #c6f5c5;
}
.btn-fill:hover {
    background: #416337;
    color: #fff;
    border: 2px solid #43543a;
    transform: translate3d(0, -3px, 0);
}
body {
    font-size: 16px;
    color: var(--cl-black);
    /* line-height: 1.7em; */
    font-weight: 400;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-family: sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    position: relative;
    font-weight: normal;
    margin: 0px;
    background: none;
    line-height: 1.2em;
    font-family: sans-serif;
}
.dashboard-container .row {
    padding: 10px;
}
table td, table th, .note-editor.note-frame {
    border: 1px solid #5ea700!important;
}
.table-primary, .table-primary>td, .table-primary>th {
    background-color: #dbf2d2;
}
.footer-area {
    background: var(--cl-black);
    color: #fff;
    padding-bottom: 5px;
    width: 100%;
    bottom: 0;
    position: fixed;
    background-image: linear-gradient(to top, #453e3e 0%, #41c20f 100%);
}
.copyright {
    padding-top: 5px;
    border-top: 1px solid #ffffff0f;
}
.footer-area {
    background: var(--cl-black);
    color: #fff;
    padding-bottom: 5px;
    width: 100%;
    bottom: 0;
    /* position: absolute; */
    background-image: linear-gradient(to top, #223344 0%, #223344 100%);
}

.payment-div {
    background-color: #529c0061;
    width: 100%;
    height: 100%;
    padding: 30px;
}
.btn-primary:hover {
    color: #fff;
    background-color: #438624;
    border-color: #437b28;
}
.bttn-mid {
    width: 100%;
    margin-bottom: 10px;
}
a {
    color: #223344;
}
.loginBtn {
    padding: 0 13px 0 46px;
}
.applyplan .modal-header{
    background-color: #223344;
    padding: 10px 20px;
}
.applyplan .modal-header h5{
    color: #ffffff !important;
    font-size: 25px;
    font-weight: 600;
}
.applyplan .modal-header button  {
    opacity: 1;
    color: white;
}
.applyplan .modal-body select ,
.applyplan .modal-body input {
    width: 100%;
    padding: 15px;
    height: auto !important;
    line-height: inherit;
    font-size: 14px;
    font-weight: 400;
    color: #223344;
    border: 1px solid #223344;
}
.applyplan .modal-body .form-group {
    margin-bottom: 0;
}
#payment1 ,
#resend_otp{
    /* background-color: #007705;
    font-weight: 300;
    font-size: 14px;
    padding: 7px 20px;
    border-radius: 3px; */
}
#price-display {
    font-size: 16px;
    padding-right: 10px;
    font-weight: 900;
    color: #223344;
}

#max_didth button {
    background-color: #007c05;
    border: 0;
    border-radius: 2px;
    font-size: 12px;
    text-transform: capitalize;
}
#max_didth .col-sm-9 {
    font-weight: 500;
}
#my_document .m-subheader__title {
    padding-top: 30px;
    font-weight: 600;
    color: #007c05;
    font-size: 26px;
}
#my_document .form-group label{
    font-weight: 600;
    font-size: 16px;
}
#my_document .form-group input {
    font-size: 15px;
    font-weight: 400;
    padding: 12px;
    height: auto;
    line-height: initial
}
#my_document .form-group .add-more ,
#my_document .btn.btn-success ,
.follow-list .add-more ,
#my_diet button{
    background-color: #007905;
    font-weight: 400;
    font-size: 14px;
    border: 0;
    border-radius: 3px !important;
    margin: 20px 0;
    padding: 10px 20px;
}
#my_document .table_responsive  {
    padding: 0px 30px;
    /* padding-bottom: 20px; */
}
.follow-list h2 {
    font-size: 22px;
    color: #007c05;
}
.follow-list .add-more {
    margin: 0;
}
.follow-list .table-container.responsive {
    margin-top: 15px;
}
.follow-list .table-container.responsive th {
    background-color: #007905;
    color: #ffffff;
    font-weight: 400;
    font-size: 14px;
}
.form-diet {
    margin-top: 0px !important;
}
.form-diet h3 {
    color: #007505;
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 600;
}
#my_diet .form-container .row.heading-row {
    background-color: #5da500;
    color: #f9f9f9;
    text-align: left;
    height: auto;
    padding: 16px !important;
    margin: 0;
    font-weight: 500;
    border-radius: 2px !important;
}
#my_diet .form-container {
    margin-bottom: 15px;
    cursor: pointer;
}
#my_diet .form-container .col-xs-11 li{
    float: none !important;
    font-size: 16px !important;
    line-height: initial !important;
    padding-top: 0px !important;
}
#my_diet .form-container .col-xs-11 {
    padding: 0;
}
#my_diet .col-xs-1.coll-button i {
    font-size: 21px;
    margin-top: 4px;
    line-height: 0;
    padding-top: 5px;
}
#my_diet .col-xs-1.coll-button {
    padding-right: 0px;
}
#my_diet .collapse.in {
    background-color: #e4e4e4;
    margin-top: -5px;
}
.my_diet_section .form-container .collapse.in{
    padding: 15px;
}
.my_diet_section .form-container .col-sm-2 .llli {
    font-size: 14px !important;
    display: block;
    float: none !important;
}
.collapse-container.panel-collapse.shownow {
    display: block;
}
.collapse-container.panel-collapse {
    display: none;
}
.follow-list #DataTables_Table_0 th {
    background-color: #007905;
    color: #ffffff;
    font-weight: 400;
    font-size: 14px;
}



@media(max-width:638px){
    .dropdown.mobile_head {
        position: absolute;
        right: 0;
        width: auto;
    }
}

#test-email,#email
{
    text-transform:unset;
}

.tab-content
{
    padding-bottom:80px;
}
.footer-area
{
z-index: 99999999;
}
