.i-icons-s,
. i-icon{
    width: 18px;
    height: 18px;
    display: inline-block;
}
commmissionSection {
    padding: 0px;
}
.commmissionSection li {
    margin-right: 10px;
    white-space: nowrap;
    list-style: none;
}
.commmissionSection {
    flex-wrap: wrap;
    padding: 0px;
    margin-bottom: 10px;
}
@media screen and (min-width: 1200px) and (max-width: 1366px){
    body>.select2-container.select2-container--default.select2-container--open{
        width: auto !important;
    }

    .articulosyNavItem  .select2-container{
        width: auto !important;
    }

}
@media screen and (min-width: 1250px) and (max-width: 1310px){
    .reSizeForResponsive {
        font-size: 15px!important;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1249px){
    .reSizeForResponsive {
        font-size: 14px!important;
    }
}
@media (min-width: 992.2px){
    .modal-dialog.modal-lg {
        max-width: 800px !important;
        width:800px !important;
    }
}
@media screen and (min-width: 991px) and (max-width: 1199px){
    .contactButtonSectionGroup{
        display: flex;
        flex-direction: column;
    }
    .modal-dialog {
        max-width:500px !important;
        width: 500px !important;
    }
    .modal-dialog.modal-lg,.modal-dialog.modal-xl {
        max-width:900px !important;
        width: 900px !important;
    }
    span.le-title.optionalLinkTitle {
        width: 200px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .custom-dotFIT-menus.selectNutritionPlan .hp_links.refmenus {
        width: 33.33% !important; }
    .custom-dotFIT-menus.selectNutritionPlan .hp_links.refmenus:nth-child(4n) {
        padding-right: 8px!important;
    }
    .custom-dotFIT-menus.selectNutritionPlan .hp_links.refmenus:nth-child(3n) {
        padding-right: 3px!important;
    }
    .logoSection{
        display: flex;
        justify-content: space-between;
    }
    .rightTopHeader ul{
        margin: 20px auto!important;
        justify-content:center!important;
    }
    .menuIconsPreview{
        text-align: right;
        display: block!important;
    }
    .menuIconsPreview i{
        font-size: 24px;
        color: #000;
    }
    .menuNavbar{
        display: none!important;
    }
    body>.select2-container.select2-container--default.select2-container--open{
        width: auto !important;
    }
    .articulosyNavItem  .select2-container{
        width: auto !important;
    }
}
/* On screens that are 992px or less, set the background color to blue */


@media screen and (max-width: 1024px) {
    span.le-title.optionalLinkTitle {
        width: 200px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    body>.select2-container.select2-container--default.select2-container--open{
        width: auto !important;
    }
    .articulosyNavItem  .select2-container{
        width: auto !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .custom-dotFIT-menus.selectNutritionPlan .hp_links.refmenus {
        width: 33.33% !important; }
    .custom-dotFIT-menus.selectNutritionPlan .hp_links.refmenus:nth-child(4n) {
        padding-right: 8px!important;
    }
    .custom-dotFIT-menus.selectNutritionPlan .hp_links.refmenus:nth-child(3n) {
        padding-right: 3px!important;
    }
}


@media screen and (max-width: 992px) {
    .modal-dialog.modal-lg,.modal-dialog.modal-xl {
        max-width:740px !important;
        width: 740px !important;
    }
    .menuNavbar{
        display: none!important;
    }

    .menuIconsPreview{
        text-align: right;
        display: block!important;
    }
    .menuNavbar {
        display: none;
        background: #4e827b !important;
    }
    .measurementItems {
        margin-left: 0px!important;
        display: flex;
    }
    .measurementItems .custom-radio-1 label.pr-5{
        padding-right: 30px!important;
    }

    .backendNavbar{
        display: flex;
        justify-content: space-between;
    }
    .backendNavbar .position-absolute{
        position: static!important;
    }
    header.header.responsiveHeader ul.navbar-item:nth-child(2) {
        margin-left: auto !important;
    }

    /*financial dashboard2 css here*/
    .financialPopupMember .modal-content .modal-header{
        flex-wrap: wrap;
    }
    .financialPopupMember .modal-content .modal-header h5.modal-title{
        width: 100%;
    }
    .rightSection{
        width:100%;
        margin-top:10px;
    }


}
/* On screens that are 767px or less, set the background color to olive */
@media screen and (max-width: 767px) {
    .custom-dotFIT-menus.selectNutritionPlan .hp_links.refmenus {
        width: 50% !important; }
    .custom-dotFIT-menus.selectNutritionPlan .hp_links.refmenus:nth-child(4n) {
        padding-right: 8px!important;
    }
    .custom-dotFIT-menus.selectNutritionPlan .hp_links.refmenus:nth-child(2n) {
        padding-right: 3px!important;
    }
    .credtNumber{
        width: 40% !important;
    }
    .lastDate{
        width: 60% !important;
    }
    .allLabelSections.borderLeft:after{
        content: none;
       }
    .hideChild{
        margin-top: 0px!important;
    }
    .managementviewThemeColorSection {
        margin-top: 10px;
        padding-left: 15px!important;
    }

    .pageTitlebarSection h1 {
        font-size: 28px!important;

    }
    .logoSection{
        display: flex;
        justify-content: space-between;
    }
    .rightTopHeader ul{
        margin: 20px auto!important;
        justify-content:center!important;
    }
    .menuIconsPreview{
        text-align: right;
        display: block!important;
    }
    .menuIconsPreview i{
        font-size: 24px;
        color: #000;
    }


    #assigned_user {
        margin-bottom: 10px;
    }
    .todayWorkoutSection {
        margin-top: 40px!important;
        min-height:inherit!important;
    }
    .c-px-md-0{
        padding-right: 0px!important;
        padding-left: 0px!important;
    }
    .rightTopHeader ul li {
        margin-left: 20px!important;
    }

}

@media screen and (min-width: 481px) and (max-width: 768px){
    /*=======landing page /cms module css started here================*/

    .c-sm-px-0{
        padding-left: 0px!important;
        padding-right:0px!important;
    }
    .c-sm-pl-0{
        padding-left: 0px!important;
    }

    .header-container .navbar{
        padding: 9px 0px;
    }
    .legender .le-title {
        font-size: 14px!important;

    }


    .menuNavbar ul li {
        padding: 0px 8px!important;

    }
    .CommunitySalesManagerSection{
        padding-bottom: 8px!important;
    }
    .c-px-md-0{
        padding-right: 0px!important;
        padding-left: 0px!important;
    }
    .c-px-md-0 {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .landingPageMainContent .widget-footer{

        padding-bottom: 0px!important;
    }

    .landingPreviewPage .widget-footer{
        margin-top:16px!important;
    }
    .layout-top-spacing .widget-footer {
        padding: 1rem 2.25rem;
    }
    .logoPage .logoPageMainContent .form-boxeds .w-100:last-child .mb-2{
        margin-bottom: 0px!important;
    }
    .themeColorPage .themeColorPageMainContent .col-lg-6.mb-2:last-child{
        margin-bottom: 0px!important;
    }
    .loginPage .col-12.col-md-4 .col-12.columns{
        margin-bottom: 16px!important;
    }
    .mb-md-3{
        margin-bottom: 15px;
    }
    .linkPage .form-row{
        padding: 16px 0px!important;
        margin: 0px;
    }
    ul.masterCompanyUserList {
        margin-top: 0px!important;

    }
    .providerSettingPage .col-6.mt-2{
        margin-top: 0px!important;

    }
    .myprofileSection fieldset.scheduler-border {
        margin-bottom: 0px!important;
    }
    .tutorialPage .widget-footer{
        padding-top: 16px!important;
    }


    .packageTable .descriptContent{
        width: auto!important;
    }
    .packageFormSection .widget-footer{
          padding-bottom: 0px!important;
    }
    .header-container .navbar {
        height: unset!important;
    }


    /*=======landing page /cms module css end here================*/

}

@media screen and (min-width: 320px) and (max-width: 580px){
    .custom-dotFIT-menus.selectNutritionPlan .hp_links.refmenus {
        width: 100% !important; }
    .c-sm-px-0{
        padding-left: 0px!important;
        padding-right:0px!important;
    }
    .c-sm-pl-0{
        padding-left: 0px!important;
    }
    .header-container .navbar-expand-sm ul.navbar-item.navbar-item-backend {
        margin-top:-22px!important;
        padding-right: 15px;
    }
    .backendNavbar {
        display: flex;
        align-items: flex-start;
    }
    .header-container .navbar-expand-sm ul.navbar-item.navbar-item-backend {
        padding-left: 15px!important;
        flex-wrap: wrap;
        justify-content: end!important;
        margin-top: -20.26px!important;
    }

    .backendNavbar .navbar-item-backend li:first-child{
        width: 100%;
        text-align: end;
        margin-bottom: 15px!important;
    }
    .backendNavbar .navbar-item-backend li:last-child{
        margin-bottom: 10px!important;
    }
    .responsiveHeader .navbar-item-backend .customWrInputText {
        width: 80%;
        position: relative;
        margin-bottom: 15px;
    }
    .header-container .navbar {
        height: unset!important;
    }

    #content.headerBreadCrumb {
        margin-top: 90px!important;
    }
    /*body .select2-container{*/
    /*    width: auto !important;*/
    /*    min-width: 150px !important;*/
    /*}*/

}
@media screen and (min-width:560px) and (max-width: 580px){
    .header-container .navbar-expand-sm ul.navbar-item.navbar-item-backend {
        margin-top:-22.26px!important;
        padding-right: 15px;
    }
}
@media screen and (min-width: 320px) and (max-width: 480px){
    .custom-dotFIT-menus.selectNutritionPlan .hp_links.refmenus:nth-child(4n) {
        padding-right: 8px!important;
    }
    .custom-dotFIT-menus.selectNutritionPlan .hp_links.refmenus:nth-child(1n) {
        padding-right: 3px!important;
    }
   .c-sm-pr-2{
       padding-right:8px!important;
   }
    .mb-sm-3{
       margin-bottom: 15px!important;
   }
    /*body .select2-container{*/
    /*    width: auto !important;*/
    /*    min-width: 180px !important;*/
    /*}*/

    .mx-sm--2{
        margin-left: -10px!important;
        margin-right: -10px!important;

    }
    .packageFormSection .widget-footer{
        padding-bottom: 0px!important;
    }
       .CommunitySalesManagerSection{
        padding-bottom: 8px!important;
    }
    .wrTable th, .wrTable td {

        font-size: 11px!important;

    }
    .wrTable tr td a i{
        font-size: 16px!important;
    }
    .c-px-sm-1{
        padding-left: 5px!important;
        padding-right: 5px!important;
    }
    .c-px-sm-0{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .packageTable .descriptContent{
        width: auto!important;
    }

    .sub-section-form.wearableSection2 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .wearableSection2 .activeBtn,
    .wearableSection2 .inactiveBtn{
        margin-top: 8px;
    }



    /*.legender .le-title {*/
    /*    font-size: 15px;*/
    /*    overflow: hidden;*/
    /*    white-space: nowrap;*/
    /*    width: 200px;*/
    /*    text-overflow: ellipsis;*/
    /*    display: block;*/
    /*    color: #888ea8;*/
    /*}*/
    .input-label{
        font-size: 13px!important;
    }

    .companyTable thead tr th:nth-child(1){
        width: 25% !important;
    }
    .companyTable thead tr th:nth-child(2){
        width: 20% !important;
    }
    .companyTable thead tr th:nth-child(3){
        width: 20% !important;
    }
    .companyTable thead tr th:nth-child(4){
        width: 20% !important;
    }
    .companyTable thead tr th:nth-child(5){
        width: 15% !important;
    }

}

@media (min-width: 576px){

    .order-sm-first {
        -ms-flex-order: -1!important;
        order: -1!important;
    }

    .order-sm-last {
        -ms-flex-order: inherit!important;
        order: inherit!important;
    }

    .order-sm-0 {
        -ms-flex-order: inherit!important;
        order: inherit!important;
    }

    .order-sm-1 {
        -ms-flex-order: inherit!important;
        order: inherit!important;
    }

    .order-sm-2 {
        -ms-flex-order: inherit!important;
        order: inherit!important;
    }

    .order-sm-3 {
        -ms-flex-order: inherit!important;
        order: inherit!important;
    }

    .order-sm-4 {
        -ms-flex-order: inherit!important;
        order: inherit!important;
    }

    .order-sm-5 {
        -ms-flex-order: inherit!important;
        order: inherit!important;
    }

    .order-sm-6 {
        -ms-flex-order: inherit!important;
        order: inherit!important;
    }
}
@media screen and (max-width:575px) {
    .responsive-msg-component{
        display: none!important;
    }
}
@media screen and (max-width:425px) {
    .modal-header.companyListPopup{
       flex-direction: column;
        text-align: center;
    }
    .modal-header.companyListPopup h5{
        margin-bottom: 10px!important;
    }
    .todayWorkoutSection {
        margin-top: 90px!important;
        min-height: inherit!important;
    }
    .todayMealsSection{
        min-height: auto!important;
        margin-top: 40px!important;
    }
    .appointSection, .messageSection {

        font-size: 12px!important;
    }
    .order-sm-first {
        -ms-flex-order: -1!important;
        order: -1!important;
    }

    .order-sm-last {
        -ms-flex-order: 13!important;
        order: 13!important;
    }

    .order-sm-0 {
        -ms-flex-order: 0!important;
        order: 0!important;
    }

    .order-sm-1 {
        -ms-flex-order: 1!important;
        order: 1!important;
    }

    .order-sm-2 {
        -ms-flex-order: 2!important;
        order: 2!important;
    }

    .order-sm-3 {
        -ms-flex-order: 3!important;
        order: 3!important;
    }

    .order-sm-4 {
        -ms-flex-order: 4!important;
        order: 4!important;
    }

    .order-sm-5 {
        -ms-flex-order: 5!important;
        order: 5!important;
    }

    .order-sm-6 {
        -ms-flex-order: 6!important;
        order: 6!important;
    }

    .backendNavbar {
        display: flex;
        align-items: flex-start;
    }
    .backendNavbar .navbar-item-backend{
        padding-left: 15px!important;
        flex-wrap: wrap;
        justify-content: end!important;
    }
    .header-container .navbar{
        height: unset!important;
    }
    #content.headerBreadCrumb {
        margin-top: 80px!important;
    }
    .sub-section-form img.w-75{
        width: 100% !important;
    }
    .header-container .navbar .sidebarCollapse i {
        font-size: 24px;
        position: relative;
        top: 0px;

    }

    .header-container .navbar-expand-sm ul.navbar-item.navbar-item-backend {
        margin-top: -22px!important;
        padding-right: 15px;
    }
    .articulosyNavItem span.select2.select2-container {

         margin-right:0px!important;
        margin-bottom: 0px!important;
    }
    li.nav-item.articulosyNavItem {
        margin-bottom: 10px;
    }
    .responsiveHeader .navbar-item-backend .customWrInputText{
        width: 80%;
        position: relative;
    }
    .responsiveHeader .navbar-item-backend .customWrInputText .fa-caret-down {
        top: 6px;
        margin-left: 10px;
        position: absolute;
        right: 5px;
    }
    .navbar .navbar-item .nav-item .nav-link.user {
        padding: 0 0px 0 16px !important;

    }
}
@media screen and (max-width:375px) {
    .responsiveHeader .navbar-item{
        padding-left: 10px!important;
        margin-left: 0px!important;

    }
    .wrTable th, .wrTable td{
        font-size: 13px;
    }
    header.header.responsiveHeader ul.navbar-item:nth-child(2) {
        margin-left: 0px!important;
    }

    .responsiveHeader .navbar-item-backend .customWrInputText{
        padding:5px!important;
        font-size: 13px;
    }
    .responsiveHeader .navbar-item-backend .customWrInputText .fa-caret-down{
        margin-left: 2px!important;
    }
    .navbar.responsiveHeader .navbar-item .nav-item .nav-link.user {
        padding: 0 0px 0 10px !important;
        position: relative;
    }

}
select.months-option-select.btn,
.grap-title-section select.select-times.btn{
    text-align: left;
}