/* Inline actions: keep multiple forms on one line */
.inline-actions form {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.inline-actions form:last-child {
    margin-right: 0;
}
.inline-actions .mg-top-30 {
    margin-top: 0 !important;
}
/* ------------------------------------------------------------------------------
*
*  # CODIGO CSS PROPIO DEL SITIO
*
* ---------------------------------------------------------------------------- */
.novis {
    display:none !important;
}
input[readonly] {
    background-color: #f1f1f1;
}
select{
    font-family: fontAwesome , sans-serif;
}

/* Pautas generales: separación entre botones cuando hacen wrap (Bootstrap 3) */
.pautas-toolbar-buttons .btn {
    margin: 0 6px 6px 0;
}
.pautas-toolbar-actions .btn {
    margin: 0 0 6px 6px;
}
@media (max-width: 767px) {
    .pautas-toolbar-actions {
        text-align: left;
    }
    .pautas-toolbar-actions .btn {
        margin: 0 6px 6px 0;
    }
}
/*Cambios Vidal*/
.dataTable {
    margin: 0;
    max-width: none; }
    .dataTable thead th,
    .dataTable thead td {
        outline: 0;
        position: relative; }
        .dataTable thead .sorting_asc,
        .dataTable thead .sorting_desc,
        .dataTable thead .sorting {
            cursor: pointer; }
            .dataTable thead .sorting,
            .dataTable thead .sorting_asc,
            .dataTable thead .sorting_desc,
            .dataTable thead .sorting_asc_disabled,
            .dataTable thead .sorting_desc_disabled {
                padding-right: 2.5rem; }
                .dataTable thead .sorting:before,
                .dataTable thead .sorting:after,
                .dataTable thead .sorting_asc:after,
                .dataTable thead .sorting_desc:after,
                .dataTable thead .sorting_asc_disabled:after,
                .dataTable thead .sorting_desc_disabled:after {
                    content: '';
                    font-family: "icomoon";
                    position: absolute;
                    top: 50%;
                    right: 1.25rem;
                    font-size: 0.75rem;
                    margin-top: -0.375rem;
                    display: inline-block;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale; }
                    .dataTable thead .sorting:before {
                        content: '\e9c1';
                        margin-top: -0.125rem;
                        opacity: 0.5; }
                        .dataTable thead .sorting:after {
                            content: '\e9c2';
                            margin-top: -0.625rem;
                            opacity: 0.5; }
                            .dataTable thead .sorting_asc:after {
                                content: '\e9c2';
                                opacity: 1; }
                                .dataTable thead .sorting_desc:after {
                                    content: '\e9c1';
                                    opacity: 1; }
                                    .dataTable thead .sorting_asc_disabled:after {
                                        content: '\e9c2';
                                        opacity: 0.25; }
                                        .dataTable thead .sorting_desc_disabled:after {
                                            content: '\e9c1';
                                            opacity: 0.25; }
                                            .dataTable tbody + thead > tr:first-child > th,
                                            .dataTable tbody + thead > tr:first-child > td,
                                            .dataTable tbody + tfoot + thead > tr:first-child > th,
                                            .dataTable tbody + tfoot + thead > tr:first-child > td {
                                                border-top: 0; }
                                                .dataTable tbody th,
                                                .dataTable tbody td {
                                                    outline: 0; }
                                                    .dataTable tbody th.active,
                                                    .dataTable tbody td.active {
                                                        background-color: rgba(0, 0, 0, 0.03); }
                                                        .dataTable .dataTables_empty {
                                                            text-align: center; }
                                                            .dataTable.table-bordered {
                                                                border-collapse: collapse; }

                                                                .dataTables_wrapper {
                                                                    position: relative;
                                                                    clear: both; }
                                                                    .dataTables_wrapper::after {
                                                                        display: block;
                                                                        clear: both;
                                                                        content: ""; }
                                                                        .dataTables_wrapper .table-bordered {
                                                                            border-top: 0; }
                                                                            .dataTables_wrapper + .card-body {
                                                                                border-top: 1px solid #ddd; }

                                                                                .dataTables_processing {
                                                                                    position: absolute;
                                                                                    top: 50%;
                                                                                    left: 50%;
                                                                                    width: 100%;
                                                                                    height: 40px;
                                                                                    margin-left: -50%;
                                                                                    margin-top: -25px;
                                                                                    padding-top: 20px;
                                                                                    text-align: center;
                                                                                    background-color: #fff;
                                                                                    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); }

                                                                                    .datatable-header,
                                                                                    .datatable-footer {
                                                                                        padding: 1.25rem 1.25rem 0 1.25rem; }
                                                                                        .datatable-header::after,
                                                                                        .datatable-footer::after {
                                                                                            display: block;
                                                                                            clear: both;
                                                                                            content: ""; }
                                                                                            .datatable-header > div:first-child,
                                                                                            .datatable-footer > div:first-child {
                                                                                                margin-left: 0; }
                                                                                                .card-body .datatable-header, .card-body
                                                                                                .datatable-footer {
                                                                                                    padding-left: 0;
                                                                                                    padding-right: 0; }
                                                                                                    .datatable-header-accent,
                                                                                                    .datatable-footer-accent {
                                                                                                        background-color: rgba(0, 0, 0, 0.02); }

                                                                                                        .datatable-header {
                                                                                                          border-bottom: 1px solid #ddd; }

                                                                                                          .datatable-footer {
                                                                                                              border-top: 1px solid #b7b7b7; }

                                                                                                              .dataTables_length {
                                                                                                                  float: right;
                                                                                                                  display: inline-block;
                                                                                                                  margin: 0 0 1.25rem 1.25rem; }
                                                                                                                  .dataTables_length > label {
                                                                                                                    margin-bottom: 0; }
                                                                                                                    .dataTables_length > label > span:first-child {
                                                                                                                      float: left;
                                                                                                                      margin: 0.5rem 0.83333rem;
                                                                                                                      margin-left: 0; }
                                                                                                                      .dataTables_length select {
                                                                                                                        height: 2.25003rem;
                                                                                                                        padding: 0.4375rem 0.875rem;
                                                                                                                        font-size: 14px;
                                                                                                                        line-height: 1.5385;
                                                                                                                        color: #333;
                                                                                                                        background-color: #fff;
                                                                                                                        border: 1px solid #ddd;
                                                                                                                        height: 30px;
                                                                                                                        outline: 0; }
                                                                                                                        .length-left .dataTables_length {
                                                                                                                            float: left; }
                                                                                                                            .dataTables_length .select2-container {
                                                                                                                                width: auto; }
                                                                                                                                .dataTables_length .select2-choice {
                                                                                                                                    min-width: 3.75rem; }

                                                                                                                                    .dataTables_filter {
                                                                                                                                      position: relative;
                                                                                                                                      display: block;
                                                                                                                                      float: left;
                                                                                                                                      margin: 0 0 1.25rem 1.25rem; }
                                                                                                                                      .dataTables_filter > label {
                                                                                                                                        margin-bottom: 0;
                                                                                                                                        position: relative; }
                                                                                                                                        .dataTables_filter > label:after {
                                                                                                                                          content: "\e98e";
                                                                                                                                          font-family: "icomoon";
                                                                                                                                          font-size: 14px;
                                                                                                                                          display: inline-block;
                                                                                                                                          position: absolute;
                                                                                                                                          top: 40%;
                                                                                                                                          right: 0.875rem;
                                                                                                                                          margin-top: -0.375rem;
                                                                                                                                          line-height: 1;
                                                                                                                                          opacity: 0.5;
                                                                                                                                          -webkit-font-smoothing: antialiased;
                                                                                                                                          -moz-osx-font-smoothing: grayscale; }
                                                                                                                                          .dataTables_filter > label > span {
                                                                                                                                              float: left;
                                                                                                                                              margin: 0.5rem 0.83333rem;
                                                                                                                                              margin-left: 0; }
                                                                                                                                              .dataTables_filter input {
                                                                                                                                                outline: 0;
                                                                                                                                                width: 12.5rem;
                                                                                                                                                padding: 0.4375rem 0.875rem;
                                                                                                                                                padding-right: 2rem;
                                                                                                                                                font-size:14pxrem;
                                                                                                                                                line-height: 1.5385;
                                                                                                                                                color: #333;
                                                                                                                                                background-color: #fff;
                                                                                                                                                border: 1px solid #ddd;
                                                                                                                                                border-radius: 0.1875rem; }
                                                                                                                                                .dataTables_filter input::-webkit-input-placeholder {
                                                                                                                                                  color: #999;
                                                                                                                                                  opacity: 1; }
                                                                                                                                                  .dataTables_filter input::-moz-placeholder {
                                                                                                                                                      color: #999;
                                                                                                                                                      opacity: 1; }
                                                                                                                                                      .dataTables_filter input:-ms-input-placeholder {
                                                                                                                                                          color: #999;
                                                                                                                                                          opacity: 1; }
                                                                                                                                                          .dataTables_filter input::-ms-input-placeholder {
                                                                                                                                                              color: #999;
                                                                                                                                                              opacity: 1; }
                                                                                                                                                              .dataTables_filter input::placeholder {
                                                                                                                                                                  color: #999;
                                                                                                                                                                  opacity: 1; }
                                                                                                                                                                  .filter-right .dataTables_filter {
                                                                                                                                                                    float: right; }

                                                                                                                                                                    .dataTables_info {
                                                                                                                                                                      float: left;
                                                                                                                                                                      padding: 0.4375rem 0;
                                                                                                                                                                      margin-bottom: 1.25rem; }
                                                                                                                                                                      .info-right .dataTables_info {
                                                                                                                                                                        float: right; }

                                                                                                                                                                        .dataTables_paginate {
                                                                                                                                                                          float: right;
                                                                                                                                                                          text-align: right;
                                                                                                                                                                          margin: 0 0 1.25rem 1.25rem; }
                                                                                                                                                                          .dataTables_paginate .paginate_button {
                                                                                                                                                                            /*display: inline-block;*/
                                                                                                                                                                            /*padding: 0.4375rem;*/
                                                                                                                                                                            min-width: 2.25003rem;
                                                                                                                                                                            margin-left: 0.125rem;
                                                                                                                                                                            text-align: center;
                                                                                                                                                                            text-decoration: none;
                                                                                                                                                                            cursor: pointer;
                                                                                                                                                                            color: #333;
                                                                                                                                                                            outline: 0;
                                                                                                                                                                            border: 1px solid transparent;
                                                                                                                                                                            border-radius: 0.1875rem;
                                                                                                                                                                            transition: all ease-in-out 0.15s; }
                                                                                                                                                                            @media screen and (prefers-reduced-motion: reduce) {
                                                                                                                                                                              .dataTables_paginate .paginate_button {
                                                                                                                                                                                transition: none; } }
                                                                                                                                                                                .dataTables_paginate .paginate_button:first-child {
                                                                                                                                                                                  margin-left: 0; }
                                                                                                                                                                                  .dataTables_paginate .paginate_button:hover, .dataTables_paginate .paginate_button:focus {
                                                                                                                                                                                      background-color: #f5f5f5; }
                                                                                                                                                                                      .dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:hover, .dataTables_paginate .paginate_button.current:focus {
                                                                                                                                                                                          color: #fff;
                                                                                                                                                                                          background-color: #37474F; }
                                                                                                                                                                                          .dataTables_paginate .paginate_button.disabled, .dataTables_paginate .paginate_button.disabled:hover, .dataTables_paginate .paginate_button.disabled:focus {
                                                                                                                                                                                              cursor: default;
                                                                                                                                                                                              background-color: #fff;
                                                                                                                                                                                              color: #999; }
                                                                                                                                                                                              .dataTables_paginate.paging_simple .paginate_button {
                                                                                                                                                                                                padding-left: 0.875rem;
                                                                                                                                                                                                padding-right: 0.875rem; }
                                                                                                                                                                                                .dataTables_paginate.paging_simple .paginate_button:not(.disabled):hover, .dataTables_paginate.paging_simple .paginate_button:not(.disabled):focus {
                                                                                                                                                                                                  color: #fff;
                                                                                                                                                                                                  background-color: #37474F; }
                                                                                                                                                                                                  .paginate-left .dataTables_paginate {
                                                                                                                                                                                                    float: left; }

                                                                                                                                                                                                    .paging_simple .paginate_button:hover, .paging_simple .paginate_button:focus {
                                                                                                                                                                                                      color: #fff;
                                                                                                                                                                                                      background-color: #2196F3; }

                                                                                                                                                                                                      .dataTables_scroll {
                                                                                                                                                                                                          clear: both; }
                                                                                                                                                                                                          .dataTables_scroll .dataTables_scrollHead table {
                                                                                                                                                                                                            border-bottom: 0; }
                                                                                                                                                                                                            .dataTables_scroll .dataTables_scrollHead th,
                                                                                                                                                                                                            .dataTables_scroll .dataTables_scrollHead td {
                                                                                                                                                                                                                white-space: nowrap; }
                                                                                                                                                                                                                .dataTables_scroll .dataTables_scrollBody {
                                                                                                                                                                                                                    -webkit-overflow-scrolling: touch; }
                                                                                                                                                                                                                    .dataTables_scroll .dataTables_scrollBody table {
                                                                                                                                                                                                                      border-bottom: 0; }
                                                                                                                                                                                                                      .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:before, .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:after {
                                                                                                                                                                                                                        content: none; }
                                                                                                                                                                                                                        .dataTables_scroll .dataTables_scrollBody table tbody tr:first-child > td {
                                                                                                                                                                                                                            border-top: 0; }
                                                                                                                                                                                                                            .dataTables_scroll .dataTables_scrollBody th,
                                                                                                                                                                                                                            .dataTables_scroll .dataTables_scrollBody td {
                                                                                                                                                                                                                              white-space: nowrap; }
                                                                                                                                                                                                                              .dataTables_scroll .dataTables_scrollBody th > .dataTables_sizing,
                                                                                                                                                                                                                              .dataTables_scroll .dataTables_scrollBody td > .dataTables_sizing {
                                                                                                                                                                                                                                height: 0;
                                                                                                                                                                                                                                overflow: hidden;
                                                                                                                                                                                                                                margin: 0;
                                                                                                                                                                                                                                padding: 0; }

                                                                                                                                                                                                                                .card-body + .dataTables_wrapper,
                                                                                                                                                                                                                                .card-body + * > .dataTables_wrapper {
                                                                                                                                                                                                                                  border-top: 1px solid #ddd; }

                                                                                                                                                                                                                                  .card-body > .dataTables_wrapper .datatable-footer {
                                                                                                                                                                                                                                      border-top: 0; }
                                                                                                                                                                                                                                      .card-body > .dataTables_wrapper .datatable-footer .dataTables_length,
                                                                                                                                                                                                                                      .card-body > .dataTables_wrapper .datatable-footer .dataTables_filter,
                                                                                                                                                                                                                                      .card-body > .dataTables_wrapper .datatable-footer .dataTables_info,
                                                                                                                                                                                                                                      .card-body > .dataTables_wrapper .datatable-footer .dataTables_paginate {
                                                                                                                                                                                                                                        margin-bottom: 0; }

                                                                                                                                                                                                                                        .card-header:not([class*=bg-]) + .dataTables_wrapper > .datatable-header {
                                                                                                                                                                                                                                          padding-top: 0; }

                                                                                                                                                                                                                                          .card > .dataTables_wrapper .table-bordered {
                                                                                                                                                                                                                                              border: 0; }
                                                                                                                                                                                                                                              .card > .dataTables_wrapper .table-bordered > thead > tr > td:first-child,
                                                                                                                                                                                                                                              .card > .dataTables_wrapper .table-bordered > thead > tr > th:first-child,
                                                                                                                                                                                                                                              .card > .dataTables_wrapper .table-bordered > tbody > tr > td:first-child,
                                                                                                                                                                                                                                              .card > .dataTables_wrapper .table-bordered > tbody > tr > th:first-child,
                                                                                                                                                                                                                                              .card > .dataTables_wrapper .table-bordered > tfoot > tr > td:first-child,
                                                                                                                                                                                                                                              .card > .dataTables_wrapper .table-bordered > tfoot > tr > th:first-child {
                                                                                                                                                                                                                                                border-left: 0; }
                                                                                                                                                                                                                                                .card > .dataTables_wrapper .table-bordered > thead > tr > td:last-child,
                                                                                                                                                                                                                                                .card > .dataTables_wrapper .table-bordered > thead > tr > th:last-child,
                                                                                                                                                                                                                                                .card > .dataTables_wrapper .table-bordered > tbody > tr > td:last-child,
                                                                                                                                                                                                                                                .card > .dataTables_wrapper .table-bordered > tbody > tr > th:last-child,
                                                                                                                                                                                                                                                .card > .dataTables_wrapper .table-bordered > tfoot > tr > td:last-child,
                                                                                                                                                                                                                                                .card > .dataTables_wrapper .table-bordered > tfoot > tr > th:last-child {
                                                                                                                                                                                                                                                    border-right: 0; }
                                                                                                                                                                                                                                                    .card > .dataTables_wrapper .table-bordered > tbody > tr:last-child > th,
                                                                                                                                                                                                                                                    .card > .dataTables_wrapper .table-bordered > tbody > tr:last-child > td {
                                                                                                                                                                                                                                                        border-bottom: 0; }

                                                                                                                                                                                                                                                        .datatable-scroll-lg,
                                                                                                                                                                                                                                                        .datatable-scroll,
                                                                                                                                                                                                                                                        .datatable-scroll-sm {
                                                                                                                                                                                                                                                          min-height: .01%; }

                                                                                                                                                                                                                                                          .datatable-scroll-wrap {
                                                                                                                                                                                                                                                              width: 100%;
                                                                                                                                                                                                                                                              min-height: .01%;
                                                                                                                                                                                                                                                              overflow-x: auto; }

                                                                                                                                                                                                                                                              @media (max-width: 767.98px) {
                                                                                                                                                                                                                                                                  .datatable-scroll-sm {
                                                                                                                                                                                                                                                                    width: 100%;
                                                                                                                                                                                                                                                                    overflow-x: scroll; }
                                                                                                                                                                                                                                                                    .datatable-scroll-sm th,
                                                                                                                                                                                                                                                                    .datatable-scroll-sm td {
                                                                                                                                                                                                                                                                      white-space: nowrap; } }

                                                                                                                                                                                                                                                                      @media (max-width: 991.98px) {
                                                                                                                                                                                                                                                                        .div_lateral-info {
                                                                                                                                                                                                                                                                            display: none;
                                                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                                                        .datatable-scroll {
                                                                                                                                                                                                                                                                            width: 100%;
                                                                                                                                                                                                                                                                            overflow-x: scroll; }
                                                                                                                                                                                                                                                                            .datatable-scroll th,
                                                                                                                                                                                                                                                                            .datatable-scroll td {
                                                                                                                                                                                                                                                                              white-space: nowrap; } 
                                                                                                                                                                                                                                                                              #content-footer {
                                                                                                                                                                                                                                                                                text-align: center !important;
                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                            #content-footer .text-right {
                                                                                                                                                                                                                                                                                text-align: center !important;
                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                            .footer-meta {
                                                                                                                                                                                                                                                                                float: none !important;
                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                        }

                                                                                                                                                                                                                                                                        @media (max-width: 1199.98px) {
                                                                                                                                                                                                                                                                          .datatable-scroll-lg {
                                                                                                                                                                                                                                                                            width: 100%;
                                                                                                                                                                                                                                                                            overflow-x: scroll; }
                                                                                                                                                                                                                                                                            .datatable-scroll-lg th,
                                                                                                                                                                                                                                                                            .datatable-scroll-lg td {
                                                                                                                                                                                                                                                                              white-space: nowrap; } }

                                                                                                                                                                                                                                                                              @media (max-width: 767.98px) {
                                                                                                                                                                                                                                                                                  .dataTables_info,
                                                                                                                                                                                                                                                                                  .dataTables_paginate,
                                                                                                                                                                                                                                                                                  .dataTables_length,
                                                                                                                                                                                                                                                                                  .dataTables_filter,
                                                                                                                                                                                                                                                                                  .DTTT_container,
                                                                                                                                                                                                                                                                                  .ColVis {
                                                                                                                                                                                                                                                                                    float: none !important;
                                                                                                                                                                                                                                                                                    text-align: center;
                                                                                                                                                                                                                                                                                    margin-left: 0; }
                                                                                                                                                                                                                                                                                    .dataTables_info,
                                                                                                                                                                                                                                                                                    .dataTables_paginate {
                                                                                                                                                                                                                                                                                        margin-top: 0; }
                                                                                                                                                                                                                                                                                        .datatable-header {
                                                                                                                                                                                                                                                                                            text-align: center; } }

/* ------------------------------------------------------------------------------
*
*  # Columns reorder
*
*  Easily modify the column order of a table through drop-and-drag of column headers
*
* ---------------------------------------------------------------------------- */
.DTCR_clonedTable {
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 202;
    cursor: move; }
    .DTCR_clonedTable th,
    .DTCR_clonedTable td {
        border: 1px solid #ddd !important; }

        .DTCR_pointer {
            width: 1px;
            background-color: #2196F3;
            z-index: 201; }

/* ------------------------------------------------------------------------------
*
*  # Row Reorder extension
*
*  RowReorder adds the ability for rows in a DataTable to be reordered through
*  user interaction with the table.
*
* ---------------------------------------------------------------------------- */
.dt-rowReorder-float {
    position: absolute !important;
    table-layout: static;
    outline: 1px dashed #777;
    outline-offset: -1px;
    background-color: #fff;
    z-index: 1030;
    cursor: move;
    opacity: 0.9; }

    .dt-rowReorder-moving {
        outline: 1px solid #777;
        outline-offset: -1px; }

        .dt-rowReorder-noOverflow {
            overflow-x: hidden; }

            .dataTable td.reorder {
                text-align: center;
                cursor: move; }

/* ------------------------------------------------------------------------------
*
*  # Fixed columns
*
*  Extension that "freezes" in place the left most columns in a scrolling DataTable
*
* ---------------------------------------------------------------------------- */
.DTFC_ScrollWrapper thead th {
    white-space: nowrap; }

    .DTFC_Cloned {
        background-color: #fff;
        border-bottom: 0; }

        .DTFC_LeftWrapper .DTFC_LeftHeadWrapper,
        .DTFC_LeftWrapper .DTFC_LeftBodyWrapper,
        .DTFC_LeftWrapper .DTFC_LeftFootWrapper {
            border-right: 1px solid #ddd; }

            .DTFC_RightWrapper .DTFC_RightHeadWrapper,
            .DTFC_RightWrapper .DTFC_RightBodyWrapper,
            .DTFC_RightWrapper .DTFC_RightFootWrapper {
                border-left: 1px solid #ddd; }

                .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:before, .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:after,
                .DTFC_RightBodyWrapper .DTFC_Cloned thead th:before,
                .DTFC_RightBodyWrapper .DTFC_Cloned thead th:after {
                    content: none; }

                    .DTFC_LeftBodyWrapper .DTFC_Cloned tbody > tr:first-child > td,
                    .DTFC_LeftBodyWrapper .DTFC_Cloned tbody > tr:first-child > th,
                    .DTFC_RightBodyWrapper .DTFC_Cloned tbody > tr:first-child > td,
                    .DTFC_RightBodyWrapper .DTFC_Cloned tbody > tr:first-child > th {
                        border-top: 0; }

                        .DTFC_Blocker {
                            background-color: white; }

/* ------------------------------------------------------------------------------
*
*  # Fixed Header extension
*
*  This extension lets your users quickly determine what each column refers to
*  rather than needing to scroll back to the top of the table.
*
* ---------------------------------------------------------------------------- */
.fixedHeader-floating,
.fixedHeader-locked {
    background-color: #fff;
    margin-top: 0;
    margin-bottom: 0; }

    .fixedHeader-floating {
        position: fixed; }
        .fixedHeader-floating + .fixedHeader-floating,
        .fixedHeader-locked + .fixedHeader-floating {
            border-top: 0 !important; }
            @media (max-width: 767.98px) {
                .fixedHeader-floating {
                    display: none; } }

                    .fixedHeader-locked {
                        position: absolute; }
                        @media (max-width: 767.98px) {
                            .fixedHeader-locked {
                                display: none; } }

                                @media print {
                                    table.fixedHeader-floating {
                                        display: none; } }

/* ------------------------------------------------------------------------------
*
*  # Autofill extension
*
*  Spreadsheets such as Excel and Google Docs have a very handy data duplication
*  option of an auto fill tool
*
* ---------------------------------------------------------------------------- */
.dt-autofill-handle {
    position: absolute;
    z-index: 102;
    border: 1px solid #2196F3;
    background-color: #2196F3;
    width: 0.5rem;
    height: 0.5rem; }

    .dt-autofill-select {
        position: absolute;
        z-index: 1001;
        background-color: #2196F3;
        background-image: repeating-linear-gradient(45deg, transparent, transparent 0.3125rem, rgba(255, 255, 255, 0.75) 0.3125rem, rgba(255, 255, 255, 0.75) 0.625rem); }
        .dt-autofill-select.top, .dt-autofill-select.bottom {
            height: 1px; }
            .dt-autofill-select.left, .dt-autofill-select.right {
                width: 1px; }

                .dt-autofill-list {
                    position: fixed;
                    top: 50%;
                    left: 50%;
                    width: 31.25rem;
                    margin-left: -15.63rem;
                    background-color: #fff;
                    border: 1px solid rgba(0, 0, 0, 0.2);
                    z-index: 1050;
                    padding: 0.5rem 0;
                    border-radius: 0.1875rem; }
                    .dt-autofill-list ul {
                        display: table;
                        margin: 0;
                        padding: 0;
                        list-style: none;
                        width: 100%; }
                        .dt-autofill-list ul li {
                            display: table-row;
                            transition: all ease-in-out 0.15s; }
                            @media screen and (prefers-reduced-motion: reduce) {
                                .dt-autofill-list ul li {
                                    transition: none; } }
                                    .dt-autofill-list ul li:hover {
                                        color: #333;
                                        background-color: #f5f5f5; }
                                        .dt-autofill-list .dt-autofill-question {
                                            display: table-cell;
                                            padding: 0.5rem 1rem; }
                                            .dt-autofill-list .dt-autofill-question input[type=number] {
                                                padding: 0.375rem;
                                                width: 1.875rem;
                                                margin: -0.125rem 0; }
                                                .dt-autofill-list .dt-autofill-button {
                                                    display: table-cell;
                                                    padding: 0.5rem 1rem;
                                                    text-align: right; }
                                                    .dt-autofill-list .dt-autofill-button .btn {
                                                        padding: 0.1875rem;
                                                        background-color: #2196F3;
                                                        color: #fff;
                                                        font-size: 0; }
                                                        .dt-autofill-list .dt-autofill-button .btn:after {
                                                            content: '\e9c3';
                                                            font-family: "icomoon";
                                                            display: block;
                                                            font-size: 1rem;
                                                            width: 1rem;
                                                            line-height: 1;
                                                            -webkit-font-smoothing: antialiased;
                                                            -moz-osx-font-smoothing: grayscale; }
                                                            .dt-autofill-list .dt-autofill-button .btn:hover {
                                                                opacity: 0.85; }

                                                                .dt-autofill-background {
                                                                    position: fixed;
                                                                    top: 0;
                                                                    left: 0;
                                                                    background-color: #000;
                                                                    z-index: 1040;
                                                                    opacity: 0.5;
                                                                    width: 100%;
                                                                    height: 100%; }

/* ------------------------------------------------------------------------------
*
*  # Select extension
*
*  Adds item selection capabilities to a DataTable
*
* ---------------------------------------------------------------------------- */
.dataTable tbody > tr.selected,
.dataTable tbody > tr > .selected {
    background-color: #E8F5E9; }

    .dataTables_wrapper .select-info,
    .dataTables_wrapper .select-item {
        margin-left: 0.625rem; }
        @media (max-width: 767.98px) {
            .dataTables_wrapper .select-info,
            .dataTables_wrapper .select-item {
                margin-left: 0;
                display: block; } }

                .dataTable tbody .select-checkbox {
                    position: relative; }
                    .dataTable tbody .select-checkbox:before, .dataTable tbody .select-checkbox:after {
                        display: inline-block;
                        color: #455A64;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        cursor: pointer; }
                        .dataTable tbody .select-checkbox:before {
                            content: '';
                            background-color: #fff;
                            width: 1.25rem;
                            height: 1.25rem;
                            margin-top: -0.625rem;
                            margin-left: -0.625rem;
                            border: 0.125rem solid #455A64;
                            border-radius: 0.125rem; }

                            .dataTable tbody .selected .select-checkbox:after {
                                content: "\e600";
                                font-family: "icomoon";
                                font-size: 1rem;
                                line-height: 1;
                                margin-top: -0.5rem;
                                margin-left: -0.5rem;
                                -webkit-font-smoothing: antialiased;
                                -moz-osx-font-smoothing: grayscale; }

/* ------------------------------------------------------------------------------
*
*  # Buttons extension
*
*  The Buttons extension for DataTables provides a common set of options, API
*  methods and styling to display buttons that will interact with a DataTable
*
* ---------------------------------------------------------------------------- */
.dt-buttons-full .dt-buttons {
    float: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    border-bottom: 1px solid #ddd;
    padding-top: 1.25rem;
    padding-bottom: 0.625rem;
    background-color: rgba(0, 0, 0, 0.02); }
    .dt-buttons-full .dt-buttons > .btn {
        margin-bottom: 0.625rem;
        float: none; }

        .dt-buttons {
            position: relative;
            float: right;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: 0 0 1.25rem 1.25rem; }
            .dt-buttons-left .dt-buttons {
                float: left; }
                .dt-buttons > .btn {
                    border-radius: 0; }
                    .dt-buttons > .btn:first-child {
                        border-top-left-radius: 0.1875rem;
                        border-bottom-left-radius: 0.1875rem; }
                        .dt-buttons > .btn:last-of-type {
                            border-top-right-radius: 0.1875rem;
                            border-bottom-right-radius: 0.1875rem; }
                            .dt-buttons > .btn + .btn {
                                margin-left: -1px; }
                                @media (max-width: 767.98px) {
                                    .dt-buttons {
                                        float: none;
                                        text-align: center;
                                        display: block; }
                                        .dt-buttons .btn {
                                            float: none; } }

                                            .dt-button-background {
                                                position: fixed;
                                                top: 0;
                                                left: 0;
                                                height: 100%;
                                                width: 100%;
                                                background-color: #000;
                                                z-index: 1040;
                                                opacity: 0.5; }

                                                .dt-button-collection {
                                                    position: absolute;
                                                    background-color: #fff;
                                                    display: block;
                                                    z-index: 1050;
                                                    padding: 0.5rem 0;
                                                    overflow: hidden;
                                                    min-width: 11.25rem;
                                                    -webkit-column-gap: 0.125rem;
                                                    -moz-column-gap: 0.125rem;
                                                    column-gap: 0.125rem;
                                                    border-radius: 0.1875rem;
                                                    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1); }
                                                    .dt-button-collection:not(.fixed) {
                                                        top: 100% !important;
                                                        left: auto !important;
                                                        right: 0 !important; }
                                                        .dt-button-collection > .dt-button {
                                                            padding: 0.5rem 1rem;
                                                            color: #333;
                                                            background-color: transparent;
                                                            border: 0;
                                                            display: block;
                                                            outline: 0;
                                                            width: 100%;
                                                            text-align: left;
                                                            cursor: pointer;
                                                            transition: all ease-in-out 0.15s; }
                                                            @media screen and (prefers-reduced-motion: reduce) {
                                                                .dt-button-collection > .dt-button {
                                                                    transition: none; } }
                                                                    .dt-button-collection > .dt-button + .dt-button {
                                                                        margin-top: 1px; }
                                                                        .dt-button-collection > .dt-button:hover, .dt-button-collection > .dt-button:focus {
                                                                            color: #333;
                                                                            background-color: #f5f5f5; }
                                                                            .dt-button-collection > .dt-button.active {
                                                                                color: #fff;
                                                                                background-color: #2196F3; }
                                                                                .dt-button-collection.fixed {
                                                                                    position: fixed;
                                                                                    top: 50%;
                                                                                    left: 50%;
                                                                                    margin-left: -4.6875rem;
                                                                                    padding-left: 0.5rem;
                                                                                    padding-right: 0.5rem; }
                                                                                    .dt-button-collection.fixed.two-column {
                                                                                        margin-left: -9.375rem; }
                                                                                        .dt-button-collection.fixed.three-column {
                                                                                            margin-left: -14.065rem; }
                                                                                            .dt-button-collection.fixed.four-column {
                                                                                                margin-left: -18.75rem; }
                                                                                                .dt-button-collection > * {
                                                                                                    -webkit-column-break-inside: avoid;
                                                                                                    break-inside: avoid; }
                                                                                                    .dt-button-collection.two-column {
                                                                                                        width: 18.75rem;
                                                                                                        -webkit-column-count: 2;
                                                                                                        -moz-column-count: 2;
                                                                                                        column-count: 2; }
                                                                                                        .dt-button-collection.three-column {
                                                                                                            width: 28.13rem;
                                                                                                            -webkit-column-count: 3;
                                                                                                            -moz-column-count: 3;
                                                                                                            column-count: 3; }
                                                                                                            .dt-button-collection.four-column {
                                                                                                                width: 37.5rem;
                                                                                                                -webkit-column-count: 4;
                                                                                                                -moz-column-count: 4;
                                                                                                                column-count: 4; }

/* ------------------------------------------------------------------------------
*
*  # Key Table extension
*
*  KeyTable provides Excel like cell navigation on any table. Events (focus, blur,
*  action etc) can be assigned to individual cells, columns, rows or all cells.
*
* ---------------------------------------------------------------------------- */
.dataTable th.focus,
.dataTable td.focus {
    outline: 2px solid #2196F3;
    outline-offset: -1px; }

    .dataTable th.focus-success,
    .dataTable td.focus-success {
        background-color: #E8F5E9;
        outline-color: #4CAF50; }

        .dataTable th.focus-info,
        .dataTable td.focus-info {
            background-color: #E3F2FD;
            outline-color: #2196F3; }

            .dataTable th.focus-warning,
            .dataTable td.focus-warning {
                background-color: #FBE9E7;
                outline-color: #FF5722; }

                .dataTable th.focus-danger,
                .dataTable td.focus-danger {
                    background-color: #FFEBEE;
                    outline-color: #F44336; }

/* ------------------------------------------------------------------------------
*
*  # Datatables Scroller
*
*  Drawing the rows required for the current display only, for fast operation
*
* ---------------------------------------------------------------------------- */
.DTS tbody th,
.DTS tbody td {
    white-space: nowrap; }

    .DTS .DTS_Loading {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12.5rem;
        height: 1.25rem;
        margin-top: -1.25rem;
        margin-left: -6.25rem;
        z-index: 1;
        border: 1px solid #ddd;
        padding: 1.25rem 0;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.5); }

        .DTS .dataTables_scrollHead,
        .DTS .dataTables_scrollFoot {
            background-color: #fff; }

            .DTS .dataTables_scrollBody {
                z-index: 2; }

/* ------------------------------------------------------------------------------
*
*  # Responsive extension
*
*  Optimise the table's layout for different screen sizes through the dynamic 
*  insertion and removal of columns from the table
*
* ---------------------------------------------------------------------------- */
.dtr-inline.collapsed tbody tr td:before,
.dtr-inline.collapsed tbody tr th:before {
    margin-right: 0.625rem;
}

.dtr-inline.collapsed tbody tr td:first-child,
.dtr-inline.collapsed tbody tr th:first-child {
    position: relative;
    cursor: pointer;
    white-space: nowrap;
}
.dtr-inline.collapsed tbody tr td:first-child.dataTables_empty:before,
.dtr-inline.collapsed tbody tr th:first-child.dataTables_empty:before {
    display: none;
}

.dtr-column tbody td.control,
.dtr-column tbody th.control {
    position: relative;
    cursor: pointer;
}

.dtr-inline.collapsed tbody tr td:first-child:before,
.dtr-inline.collapsed tbody tr th:first-child:before,
.dtr-column tbody tr td.control:before,
.dtr-column tbody tr th.control:before {
    content: '\e9e4';
    font-family: "icomoon";
    display: inline-block;
    font-size: 1rem;
    width: 1rem;
    line-height: 1;
    position: relative;
    top: -0.09375rem;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before,
.dataTable.dtr-column tbody tr.parent td.control:before,
.dataTable.dtr-column tbody tr.parent th.control:before {
    content: '\e9e7';
}

.dtr-inline.collapsed tbody tr.child td:before {
    display: none;
}

.dataTable tr.child:hover {
    background-color: transparent;
}

.dataTable tr.child .dtr-title {
    display: table-cell;
    font-weight: 500;
    padding-right: 2.5rem;
}

.dataTable tr.child .dtr-data {
    display: table-cell;
    padding: 0.5rem 0;
}

.dataTable tr td.child {
    white-space: normal;
    position: relative;
}
.dataTable tr td.child > ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}
.dataTable tr td.child > ul > li {
    display: table-row;
}

.admin-form .select .arrow,
.bs-component .arrow{
}

.admin-form .block {
    top: -8px;
}

.modal-header .close {
    margin-top: -2px!important;

}


.panel-tile a:hover {
    text-decoration: none!important;
}

.flotante {
    display:scroll;
    position:fixed;
    bottom:50px;
    right: 6%;
    z-index: 99;
}

.flotante_quedarse {
    display:scroll;
    position:fixed;
    bottom: 100px;
    right: 6%;
    z-index: 99;
    width: 100px;
}

.flotante-visto {
    display:scroll;
    position:fixed;
    bottom: 100px;
    right: 1.5%;
    z-index: 99;
}

.flotante-dietetico {
    display:scroll;
    position:fixed;
    bottom: 45px;
    right: 1%;
    z-index: 99;
}
.flotante-delete {
    display: scroll;
    position: fixed;
    bottom: 95px;
    right: 6%;
    z-index: 99;
}

.flotante_ancho {
    display:scroll;
    position:fixed;
    bottom:50px;
    right: 9%;
}

.flotante-delete_ancho {
    display: scroll;
    position: fixed;
    bottom: 95px;
    right: 9%;
}

.flotante-informe {
    display: scroll;
    position: fixed;
    top: 250px;
    right: 19.5%;
}

.flotante-pdf {
    display: scroll;
    position: fixed;
    top: 250px;
    right: 19.5%;
}

.flotante-excel {
    display: scroll;
    position: fixed;
    top: 300px;
    right: 19.5%;
}

.flotante-pdf-pautas {
    position: fixed;
    bottom: 100px;
    right: 6%;
    z-index: 99;
}

#primeras_pautas.flotante-pdf-pautas {
    bottom: 100px;
}

#content-footer {
    font-size: 11px;
    line-height: 14px;
    padding: 6px 10px;
}

#content-footer .footer-meta {
    padding-right: 10px;
}

#names_table > div {
    transform: rotate(-90deg);
    margin-top: 0px !important;
    display: block;
    width: 120px;
    height: 120px;
    float: left;
    text-align: center;
}

#names_table div.lateral-desayuno {
    margin-top: 70px !important;
}

#names_table div.lateral-media {
    margin-top: 30px !important;
}

#names_table div.lateral-comida {
    margin-top: 70px !important;
}

#names_table div.lateral-merienda {
    margin-top: 80px !important;
}

#names_table div.lateral-cena {
    margin-top: 70px !important;
}

body.tray-rescale .tray-center {
    padding-right: 0px !important;
}  

@media (max-width: 767px) {

    .flotante, .flotante_ancho {
        bottom: 60px;
    }

    .flotante_quedarse, .flotante-visto, .flotante-pdf-pautas {
        bottom: 110px;
    }

    .flotante-dietetico {
        bottom: 55px;
    }

    .flotante-delete, .flotante-delete_ancho {
        bottom: 105px;
    }
}

@media (min-width: 992px) and (max-width: 1200px){
    
}

.panel {
    margin-bottom: 0px; 
}

.input-center {
    display: flex;
    align-items: center;
    justify-content: center;
    /*width: 140px;*/
    height: 25px;
    margin-bottom: 12px;
}

span.input-center {
    margin-top: 8px;
}

.admin-form .section-divider {
    margin-bottom: 30px!important;
}

.table > thead > tr > th {
    vertical-align: middle; 
}

thead {
    background-color: #ededed !important;
    border-bottom: : 7px solid yellow;
}    

tr:nth-child(even) { 
    /*background-color: #ededed !important;*/
}    


.bgicon {
    position: absolute;
    opacity: 0.8;
    right: 0;
    top: 0;
    line-height: 100px;
    font-size: 100px;
}
.bgicon.left {
    right: auto;
    left: 0;
}

.admin-form .panel {
    margin-top: 30px!important;
}

.drop-icons {
    position: relative!important;
    height: 300px;
    overflow-y: scroll;
    width: 600px;
    overflow-x: hidden;    
}

.list_icons{
    float:left;
    width: auto;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: 16px;

}
.list_icons a:hover{
    color: blue; 

}

.center-block {
    /*margin-left: 30px!important;*/
}

.separador {
    width: 100%;
    height: 48px;
    line-height: 48px;
}

.separador-mini {
    width: 100%;
    height: 10px;
    line-height: 10px;
}

.texto-msg-install-white {
    color:white;
    font-weight:bold;
    font-size:16px;
}

.panel-tabs {
    left:0!important;
    /*right: inherit!important;*/
}

.panel-tabs > li > a {
    font-size: 15px!important;
    padding-left: 20px;
    padding-right: 20px;
}

table.dataTable tbody>tr.selected.even, table.dataTable tbody>tr>.selected.even {
    background-color: #dcdcdc!important;
    color: #797b7c!important;
}

table.dataTable tbody>tr.selected.odd, table.dataTable tbody>tr>.selected.odd {
    background-color: #E8F5E9!important;
    color: #797b7c!important;
}


/*FULLCALENDAR PERSONALIZADO*/
#listaalimentos {
    width: 100%;
    overflow: auto;
    padding-left: 0px;
}

#listaalimentos div{
    cursor: pointer;
}

#listaalimentos-mod {
    width: 100%;
    overflow: auto;
    padding-left: 0px; 
}

#listaalimentos-mod div{
    cursor: pointer;
}

.suggest-element{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
.suggest-element:focus{
    color:white;
    background-color:#264e35; 
    outline: 0;
    
}

.racion1{
    float: left;
    margin-top: 25px;
    width: 14.25%;
    margin-bottom: 10px;
}

.racion1 .titulo-racion{
  text-align: center;
}


.racion1 .lacteos{
  text-align: center;
  padding: 3px 0px;
  color: #fff;
}

.racion1 .farinaceos{
  text-align: center;
  padding: 3px 0px;
  color: #fff;
}


.racion1 .vegetal{
  text-align: center;
  padding: 3px 0px;
  color: #fff;
}


.racion1 .carnicos{
  text-align: center;
  padding: 3px 0px;
  color: #fff;
}


.racion1 .fruta{
  text-align: center;
  padding: 3px 0px;
  color: #fff;
}


.racion1 .miscelanea{
  text-align: center;
  padding: 3px 0px;
  color: #fff;
}


.racion1 .grasas{
  text-align: center;
  padding: 3px 0px;
  color: #fff;
}

.racion1 .default{
  text-align: center;
  padding: 3px 0px;
  color: #fff;
}

.racion1 .total{
  text-align: center;
  padding: 3px 0px;
  color: #fff;
}

.semana{
  width: 20%;
  float: left;
  text-align: center;
  margin-bottom: 50px;
}

.semana-lateral{

  text-align: center;

}

/*LETRAS MAS GRANDES*/
.fc-time-grid-event.fc-short .fc-title {
   font-size: 11px!important;
   /*white-space: initial!important;*/
}
/*FIN LETRAS MAS GRANDES*/

/*ALTO FILA*/
/* .fc-time-grid-event.fc-v-event.fc-event {
    max-height: 50px !important;
} */
/*FIN ALTO FILA*/

/*ALTO FILA FONDO*/
.fc-time-grid .fc-slats td {
    /*    height: 50px!important;*/
}
#datos-plan7 .fc-time-grid .fc-slats tr[data-time="12:30:00"] > td, #datos-plan7 .fc-time-grid .fc-slats tr[data-time="13:00:00"] > td,
#datos-plan7 .fc-time-grid .fc-slats tr[data-time="13:30:00"] > td, #datos-plan7 .fc-time-grid .fc-slats tr[data-time="19:30:00"] > td,
#datos-plan7 .fc-time-grid .fc-slats tr[data-time="20:00:00"] > td, #datos-plan7 .fc-time-grid .fc-slats tr[data-time="20:30:00"] > td {
    height: 50px !important;
}
/*FIN ALTO FILA FONDO*/

#lateral-colores tr.tr_en_desayuno, #lateral-colores tr.tr_en_media, #lateral-colores tr.tr_en_comida,
#lateral-colores tr.tr_en_merienda, #lateral-colores tr.tr_en_cena,
.lateral-info tr.tr_en_desayuno, .lateral-info tr.tr_en_media, .lateral-info tr.tr_en_comida,
.lateral-info tr.tr_en_merienda, .lateral-info tr.tr_en_cena {
    height: 25px;
} 


#lateral-colores tr.tr_en_comida_1, #lateral-colores tr.tr_en_cena_1,
#lateral-colores tr.tr_en_comida_2, #lateral-colores tr.tr_en_cena_2,
#lateral-colores tr.tr_en_comida_3, #lateral-colores tr.tr_en_cena_3,
.lateral-info tr.tr_en_comida_1, .lateral-info tr.tr_en_cena_1,
.lateral-info tr.tr_en_comida_2, .lateral-info tr.tr_en_cena_2,
.lateral-info tr.tr_en_comida_3, .lateral-info tr.tr_en_cena_3 {
  height: 50px;
}

#lateral-colores tr.tr_reducido,
.lateral-info tr.tr_reducido{
  height: 6px;
}
/*FIN ALTURA LATERAL COLORES*/

/*BARRAS NEGRAS FINAS */
#datos-plan7 .fc-time-grid .fc-slats tr[data-time="09:00:00"] > td, #datos-plan7 .fc-time-grid .fc-slats tr[data-time="12:00:00"] > td, #datos-plan7 .fc-time-grid .fc-slats tr[data-time="16:00:00"] > td, #datos-plan7 .fc-time-grid .fc-slats tr[data-time="19:00:00"] > td, #datos-plan7 .fc-time-grid .fc-slats tr[data-time="23:30:00"] > td { height: 5px !important }
/*FIN BARRAS NEGRAS FINAS */

/* FIN FULLCALENDAR PERSONALIZADO*/

/*PARA EL SCROLL DEL DATATABLE*/
#reports-table_wrapper {
    overflow-x: auto;
}

label.field.select {
    width: 100%!important;
}


ul.tray-nav {
    margin: 0px -15px!important;
}

.tray-left, .tray-right {
    padding: 1px 15px!important;
}

/*PESTAÑA EVOLUCION MAS ANCHA*/
.body-datos-evolucion .tray.tray-right.tray320{
    display: none;
    
}
.sidebar-datos-evolucion {
    display: none!important;
}
/*FIN PESTAÑA EVOLUCION MAS ANCHA*/

#ui-datepicker-div {
    z-index: 1051!important;
}

/*AGENDA*/
.pantalla-ancha {
    max-width: 96%;
}

.fc-event-container .fc-time {
    display: inline !important;
}

.fc-widget-header .fc-widget-header{
    background-color: #264e35!important;
    color:white;
    border-radius: 0;
}

.fc-widget-header th.fc-day-header{
    border: solid 1px #fff !important;
}

.fc-widget-header th.fc-day-header a {
    color: #fff!important;
}

.fc-unthemed th.fc-today {
    color: #fff!important;
}
/*FIN AGENDA*/

/*PERFIL*/
.color-panel-heading {
    background: #e8e8e8!important;
}
/*FIN PERFIL*/

/*CAMPO NOTAS EN EL PERFIL DEL CLIENTE*/
.row {
    margin-left: 0px!important;
}
/*FIN CAMPO NOTAS EN EL PERFIL DEL CLIENTE*/

/*BREADCRUMBS PARA EL BOTON DE INFORME PRELIMINAR*/
.migas {
    list-style: none;
    float: left;
    position: relative;
    padding: 1px 25px 0 0;
    margin-bottom: 0;
    font-size: 12px;
    border-radius: 0;
    background-color: transparent;
}

.migas > li + li:before {
    /*content: "\f105";*/
    padding: 0 5px;
    color: #797b7c;
    font-family: "FontAwesome";    
}

.migas > li {
    color: #797b7c;
    display: inline-block;
}

.migas > li.crumb-icon {
    margin-right: 6px;
}

#topbar.alt .migas {
    font-size: 17px;
    margin-top: 7px;
}

.preliminar {
    margin-right: 10px;
}
/*FIN BREADCRUMBS PARA EL BOTON DE INFORME PRELIMINAR*/


/*COLORES PARA LA OBESIDAD*/
.amarillo{
    color: #000!important;
    background-color: #ffd347 !important;
}

.verde{
    color: #000!important;
    background-color: #92d050 !important;
}

.rojo{
    color: #FFF!important;
    background-color: red !important;
}

.granate{
    color: #FFF!important;
    background-color: #791d26 !important;
}

.rojo-naranja{
    color: #FFF!important;
    background-color: #ce5f16 !important;
}

.naranja{
    color: #000!important;
    background-color: orange !important;
}

.amarillo-naranja{
    color: #000!important;
    background-color: #c88c18 !important;
}

/*FIN COLORES PARA LA OBESIDAD*/

/*COLORES PARA EL IMC*/
.imc-amarillo{
    color: #ffd347;
}

.imc-verde{
    color: #92d050;
}

.imc-rojo{
    color: red;
}

.imc-granate{
    color: #791d26;
}

.imc-rojo-naranja{
    color: #ce5f16;
}

.imc-naranja{
    color: orange;
}

.imc-amarillo-naranja{
    color: #c88c18;
}

/*FIN COLORES PARA EL IMC*/


/*CORRECION VISUALIZACION DE LAS LINEAS DEL CALENDARIO DE PLAN 7*/
.fc-time-grid .fc-content-skeleton {
    left: -12px!important;
}
/*CORRECION VISUALIZACION DE LAS LINEAS DEL CALENDARIO DE PLAN 7*/

/*MOSTRAR MANO EN LAS DATATABLES*/
.click:hover {
    cursor: pointer;
}    
/* FIN MOSTRAR MANO EN LAS DATATABLES*/

/*CENTRADOS*/
/*CENTRADO HORIZONTAL Y VERTICAL DE CUALQUIER ELEMENTO*/
.centrado_ver_hor{
    display: flex;
    align-items: center;
    justify-content: center;
}
/*FIN CENTRADO HORIZONTAL Y VERTICAL DE CUALQUIER ELEMENTO*/

/*FIN CENTRADOS*/

/*ASIGNAR DIETAS A NUTRICIONISTAS - MOSTRAMOS LOS RESULTADOS AL MISMO ANCHO DEL SELECT2*/
.select2-container-multi .select2-choices .select2-search-choice {
    line-height: 22px!important;
}
.select2-container-multi .select2-choices .select2-search-field input {
    height: 39px!important;
}
/*FIN ASIGNAR DIETAS A NUTRICIONISTAS - MOSTRAMOS LOS RESULTADOS AL MISMO ANCHO DEL SELECT2*/

/*FULL CALENDAR LINEAS DE SEPARACION NON BUSSINESS*/
.fc-nonbusiness {
    background: none!important;
}

.fc-bgevent {
    background: #333!important;
    opacity: 1!important; 
    height: 5px!important;
}

/* tr[data-time="09:00:00"] > td,  tr[data-time="12:00:00"] > td, tr[data-time="16:00:00"] > td,
tr[data-time="19:00:00"] > td, tr[data-time="23:30:00"] > td {
    height: 5px !important; 
    margin-bottom: 5px !important;
} */
/*FIN FULL CALENDAR LINEAS DE SEPARACION NON BUSSINESS*/

/*SEPARADOR PARA SECCIONES*/
.section-divider{
    float: left!important;
    width: 100%!important;
}

/*ECHARTS*/
.highcharts-container {
    width: 100%!important;
}

.highcharts-container > svg {
    width: 100%!important;
}

.highcharts-container > svg > rect {
    width: 100%!important;
}
/* FIN ECHARTS*/

/*VER LA CABECERA DE LAS FECHAS DE LOS CALENDARIOS AL MISMO TAMAÑO*/
.fc-center {
    width: 365px!important;
    display: flex!important;
    justify-content: center!important;
    align-content: center!important;
}
/*FIN VER LA CABECERA DE LAS FECHAS DE LOS CALENDARIOS AL MISMO TAMAÑO*/

/*PARA PODER HACER CLICK EN TODAS LAS FECHAS DE LA AGENDA*/
.fc-scroller { overflow-x: visible !Important; }
/*FIN PARA PODER HACER CLICK EN TODAS LAS FECHAS DE LA AGENDA*/

/*BREADCRUMBS*/
.breadcrumb > li > span:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #797b7c;
    content: "\f105";
    font-family: "FontAwesome";
}
/*BREADCRUMBS*/

/* EFECTOS INDEX*/
.preloader {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: white;
    text-align: center;
}
.loading {
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 24px;
}

.progress-login {
    display: block;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    width: 100px;
    height: 1px;
    left: -102px;
    background-color: #00d9ec;
    -webkit-animation: loader-anim 1s 0s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-animation: loader-anim 1s 0s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
    animation: loader-anim 1s 0s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

/*NOMBRE DEL CLIENTE Y NUEVA CITA EN LA CABECERA*/
.nombre-cliente {
    float: left;
    font-size: 20px;
    font-family: Roboto;
    text-align: center;
    margin-top: 15px;
    width: calc(100% - 750px);
    min-width: 200px;
}

.nueva-cita{
    float: left;
    font-size: 18px;
    font-family: Roboto;
    text-align: center;
    margin-top: 10px;
    width: calc(100%-170px);
    /*background-color: #55b6ef;*/
}

.asistir-consulta{
    float: left;
    font-size: 18px;
    font-family: Roboto;
    text-align: center;
    margin-top: 10px;
    width: calc(100%-170px);
    /*background-color: #55b6ef;*/
}

/*FIN NOMBRE DEL CLIENTE Y NUEVA CITA EN LA CABECERA*/

@-webkit-keyframes loader-anim {
    0% {
        left: -102px
    }

    100% {
        left: 102px
    }
}

@-moz-keyframes loader-anim {
    0% {
        left: -102px
    }

    100% {
        left: 102px
    }
}

@keyframes loader-anim {
    0% {
        left: -102px
    }

    100% {
        left: 102px
    }
}

/*FIN EFECTOS INDEX*/


/*LISTADO DE ADJUNTOS EN LA TABLA EVOLUCION*/
#lista-adjuntos {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  /*border-collapse: collapse;*/
  width: 100%;
}

#lista-adjuntos td, #lista-adjuntos th {
  border: 1px solid #ddd;
  padding: 8px;
}

#lista-adjuntos tr:nth-child(even){background-color: #f2f2f2;}

#lista-adjuntos tr:hover {background-color: #ddd;}

#lista-adjuntos th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #E83A43;
  color: white;
}
/* FIN LISTADO DE ADJUNTOS EN LA TABLA EVOLUCION*/


/*TITULO DEL MODAL DE NUEVAS VITAS*/
.admin-form .bg-info {
    color: #FFF!important;
}
/*FIN TITULO DEL MODAL DE NUEVAS VITAS*/

/*FICHERO PERFIL COLOR DE TABS ACTIVAS*/
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #E83A43!important;
}
/*FIN FICHERO PERFIL COLOR DE TABS ACTIVAS*/

/*COLOR BLANCO PARA LOS TITULOS DEL HIGHCHART*/
.highcharts-container .highcharts-axis-labels text {
    color: #fff !important;
    fill: #fff !important;
}
/*FIN COLOR BLANCO PARA LOS TITULOS DEL HIGHCHART*/


/*DIETAS PERSONALIZADAS*/
#calendar4 .fc-center, #calendar4 .fc-today-button, #calendar4 .fc-prev-button, #calendar4 .fc-next-button, #calendar4 .fc-day-header > span {
    /*display: none!important;*/
}

/*DESAYUNO*/
.dp_des_lacteos {
    background-color: #538DD5;
    color: #FFF;
    padding: 3px 3px 4px 3px; 
}
.dp_des_farinaceos {
    background-color: #E26B0A;
    color: #FFF; 
    padding: 3px 3px 4px 3px;    
}
.dp_des_grasas {
    background-color: #FFFF00;
    color: #000;
    padding: 3px 3px 4px 3px;
}
.dp_des_fruta {
    background-color: #76933C;
    color: #FFF;
    padding: 3px 3px 4px 3px;    
}
.dp_des_carnicos {
    background-color: #DA9694;
    color: #FFF;
    padding: 3px 3px 4px 3px;
}
.dp_des_misc {
    background-color: #FFC000;
    color: #000;
    padding: 3px 3px 4px 3px; 
}
.dp_des_libre {
    background-color: #000;
    color: #FFF;
    padding: 3px 3px 4px 3px;
} 
/*FIN DESAYUNO*/

/*MEDIA MAÑANA*/
.dp_mm_lacteos {
    background-color: #538DD5;
    color: #FFF;
    padding: 3px 3px 4px 3px; 
}
.dp_mm_grasas {
    background-color: #FFFF00;
    color: #000;
    padding: 3px 3px 4px 3px;
}
.dp_mm_fruta {
    background-color: #76933C;
    color: #FFF;
    padding: 3px 3px 4px 3px;    
}
.dp_mm_carnicos {
    background-color: #DA9694;
    color: #FFF;
    padding: 3px 3px 4px 3px;
}
.dp_mm_farinaceos {
    background-color: #E26B0A;
    color: #FFF; 
    padding: 3px 3px 4px 3px;    
}
.dp_mm_libre {
    background-color: #000;
    color: #FFF;
    padding: 3px 3px 4px 3px;
} 
/*FIN MEDIA MAÑANA*/

/*COMIDA*/
.dp_cm_lacteos {
    background-color: #538DD5;
    color: #FFF;
    padding: 3px 3px 4px 3px; 
}
.dp_cm_grasas {
    background-color: #FFFF00;
    color: #000;
    padding: 3px 3px 4px 3px;
}
.dp_cm_fruta {
    background-color: #76933C;
    color: #FFF;
    padding: 3px 3px 4px 3px;    
}
.dp_cm_carnicos {
    background-color: #DA9694;
    color: #FFF;
    padding: 3px 3px 4px 3px;
}
.dp_cm_farinaceos {
    background-color: #E26B0A;
    color: #FFF; 
    padding: 3px 3px 4px 3px;    
}
.dp_cm_vegetal {
    background-color: #76933C;
    color: #FFF; 
    padding: 3px 3px 4px 3px;    
}
.dp_cm_pan {
    background-color: #E26B0A;
    color: #FFF; 
    padding: 3px 3px 4px 3px;    
}                
.dp_cm_libre {
    background-color: #000;
    color: #FFF;
    padding: 3px 3px 4px 3px;
} 
/*FIN COMIDA*/
/*MERIENDA*/
.dp_mr_lacteos {
    background-color: #538DD5;
    color: #FFF;
    padding: 3px 3px 4px 3px; 
}
.dp_mr_misc {
    background-color: #FFC000;
    color: #000;
    padding: 3px 3px 4px 3px; 
}
.dp_mr_carnicos {
    background-color: #DA9694;
    color: #FFF;
    padding: 3px 3px 4px 3px;
}
.dp_mr_fruta {
    background-color: #76933C;
    color: #FFF;
    padding: 3px 3px 4px 3px;    
}
.dp_mr_farinaceos {
    background-color: #E26B0A;
    color: #FFF; 
    padding: 3px 3px 4px 3px;    
}
.dp_mr_libre {
    background-color: #000;
    color: #FFF;
    padding: 3px 3px 4px 3px;
} 
/*FIN MERIENDA*/
/*CENA*/
.dp_ce_lacteos {
    background-color: #538DD5;
    color: #FFF;
    padding: 3px 3px 4px 3px; 
}
.dp_ce_grasas {
    background-color: #FFFF00;
    color: #000;
    padding: 3px 3px 4px 3px;
}
.dp_ce_fruta {
    background-color: #76933C;
    color: #FFF;
    padding: 3px 3px 4px 3px;    
}
.dp_ce_carnicos {
    background-color: #DA9694;
    color: #FFF;
    padding: 3px 3px 4px 3px;
}
.dp_ce_farinaceos {
    background-color: #E26B0A;
    color: #FFF; 
    padding: 3px 3px 4px 3px;    
}
.dp_ce_vegetal {
    background-color: #76933C;
    color: #FFF; 
    padding: 3px 3px 4px 3px;    
}
.dp_ce_pan {
    background-color: #E26B0A;
    color: #FFF; 
    padding: 3px 3px 4px 3px;    
}
.dp_ce_misc {
    background-color: #FFC000;
    color: #000;
    padding: 3px 3px 4px 3px; 
}                       
.dp_cm_libre {
    background-color: #000;
    color: #FFF;
    padding: 3px 3px 4px 3px;
} 
/*FIN CENA*/

.reducido{
    line-height: 0.2!important;
}
/*FIN DIETAS PERSONALIZADAS*/

/*CHECKBOX GRANDE*/
input[type='checkbox']#cb_checkall, #cb_couple, #cb-copy-couple, {
    /*-webkit-appearance: none;*/
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 5px;
    border: 2px solid #555;
}

input[type='checkbox']#cb_checkall:checked, #cb_couple:checked {
    background: #abd;
}

/*FIN CHECKBOX GRANDE*/


/*PERFIL*/
.lista-comidas {
    font-size: 18px!important;
}

#names_table.nombres_plan7_usuario{
    margin-top: 66px!important;
}
/*FIN PERFIL*/

.papelera{
    /*width:100px;*/
    /*display:block;*/
    height:17px;
    background:black;
    color:white;
    text-decoration:none;
    padding-left:20px;
}

.papelera:after{
    content: '';
    background:url('/assets/img/papelera_white.png');
    background-size:cover;
    position:absolute;
    width:17px;
    height:17px;
    margin-left:10px;
}


/*************************
        KCAL TOTAL
        *************************/
        .kcal_semana {
            font-family: Roboto;
            font-size: 16px;
            background-color: #264e35;
            color: white; 
            padding: 5px 10px;
            margin-bottom: 5px;
            text-align: right;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }
/*************************
      FIN KCAL TOTAL
      *************************/


/*************************
 KCAL TOTAL DIETA INICIAL
 *************************/
 .kcal_semana_dieta_inicial {
    font-family: Roboto;
    font-size: 16px;
    background-color: #264e35;
    color: white; 
    padding: 5px 15px; 
    margin-bottom: 5px;
    text-align: left;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*************************
FIN KCAL TOTAL DIETA INICIAL
*************************/


/*************************
    PRIMERAS PAUTAS
    *************************/
    #tipo_comida {
        float: left;
    }

    #etiqueta_general {
        float: left;
    }

    #contenido_general {
        float: left;
    }

    #apartado {
        float: left;
    }

    #etiqueta_tipos {
        float: left;
    }

    #select_tipos {
        float: left;
    }

    #select_tipos .select > select {
        height: 26px!important;
        padding-bottom: 0px;
        padding-top: 0px;
    }

    #select_tipos .select {
        height: 26px!important;
    }

    #select_tipos .arrow {
        top: 2px!important;
    }

    .weekDays-selector input {
      display: none!important;
  }

  .weekDays-selector input[type=checkbox] + label {
      display: inline-block;
      border-radius: 6px;
      background: #dddddd;
      height: 25px;
      width: 30px;
      margin-right: 3px;
      line-height: 25px;
      text-align: center;
      cursor: pointer;
  }

  .weekDays-selector input[type=checkbox]:checked + label {
      background: #2AD705;
      color: #ffffff;
  }

  #tipo_comida .select2-container .select2-choice {
    /*height: 26px!important;*/
    height: 30px!important;
}

#tipo_comida .form-control { 
    /*height: 26px!important;*/
    height: 30px!important;
}

#tipo_comida .select2-container .select2-choice .select2-arrow {
    top: -2px!important;
}

#tipo_comida .btn {
    padding: 3px 6px!important;
    margin-top: 4px;
    text-align: center;
}

#datos-plan7.tiene_fecha_tabla #lateral-colores {
    margin-top: 72px!important;
}



/*************************
    FIN PRIMERAS PAUTAS
    *************************/
    .con_tr_6, .con_tr_12, .con_tr_20, .con_tr_26, .con_tr_35{
        height: 3px;
        border-bottom:1px solid black;    
    }


    .colorear {
        background:
        linear-gradient(
            rgba(208, 114, 25, 1.0), 
            rgba(208, 114, 25, 1.0)
            );
        color: white;
    }

    body.body-datos-evolucion .panel-heading ul.nav > li.w170 {
        width: 125px !important; 
    }

    #content-footer {
        height: auto!important;
    }

    #tabla_perfil_cliente th {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .pagination > .active > a {
        z-index: 0 !important;
    }

    .datatable-footer {
        margin-bottom: 40px;
    }

    #sidebar_evol.soy_un_usuario {
        display: none;
    }

    #lateral-colores table {
        float: right;
    }

    .quitar-espacios{
        padding: 0px 0px!important;
        margin: 0px 0px!important;
    }

    .quitar-espacios .panel-primary {
        margin-top: 0px!important;

    }

    thead.fc-head.sticky{
        width: 100%;
        position: fixed;
        top:0px;
        left:0px;
        display:table;
        background: #fff;
    }

    #calendar h2 {
        font-size: 18px;
        padding-top: 5px;
    }

    #calendar_wrapper.fc-center h2 {
        color: green;
    }


    /*SALA DE ESPERA*/
    .avatar {
        height: 90px;
        width: 90px;
        display: flex;
        float: left;
        margin-bottom: 10px;
        margin-left: 30%;
    }

    .avatar img {
        width: 90px;
        height: 90px;
        border-radius: 50%;
        display: block;
        float: left;
        margin-bottom: 15px;
    }

    #cuadroavatar{
        position: relative;
        width: 150px;

    }

    .bottomleft {
        position: absolute; 
        bottom: 0;
        left:0; 

    }

    .bottomright {
        position: absolute; 
        bottom: 0;
        right:0; 
    }

    .topleft {
        position: absolute; 
        top: 0;
        left:0; 
    }

    .topright {
        position: absolute; 
        top: 0;
        right:0; 
    }

    .align-salaespera {
        position: absolute;
        bottom: 6px;
        right: 50px;
    }

    .containeruser {
        height: auto;
        width: max-content;
        display: inline-grid;
        float: left;
        text-align: right;
        margin-right: 15px;
    }


    /*FIN SALA DE ESPERA*/



    /*************************************************************************************************************************************/
    /*  RESPONSIVE - RESPONSIVE - RESPONSIVE - RESPONSIVE - RESPONSIVE - RESPONSIVE - RESPONSIVE - RESPONSIVE - RESPONSIVE - RESPONSIVE  */
    /*************************************************************************************************************************************/

    /*RESPONSIVE PARA DISPOSITIVOS MOVILES*/
    @media (max-width: 436px) {


/*    .panel-heading {
        height: 106px!important;
        }*/
        .panel-tabs > li > a {
           
            font-size: 14px!important;
            padding: 10px 5px;
        }

        .nombre-cliente{
            width:40%!important;
            font-size: 17px!important;
        }

        #cita_cliente_nuevo{
            padding-left: 20px;
        }


        #topbar.alt{
            padding: 10px 10px 10px 10px;
            height: 50px;
        }

        #topbar.alt .breadcrumb {
            font-size: 13px;
        } 

        #topbar .topbar-right{
            width: 100%;
            text-align: right;
        }

        #topbar.alt.topbar_soycliente .migas {
            margin-top: 13px;
        }

        #topbar.topbar_soycliente .topbar-right {
            width: auto;
        }

        .migas > li.crumb-icon {
            margin-right: 0;
            width: 100%;
            float: left;
        }

        .migas > li.crumb-icon.btn-volver-normal {
            float: right;
        }

        .btn-volver > a {
            margin-top: 12px;
            display: inline-block;
        }

        #informe_preliminar {
            font-size: 12px;
            width: 100%;

        }

        #btn_pareja_header {
            font-size: 12px;
            width: 100%;
            margin-bottom: 5px;
        }

        #topbar.alt .migas {
            font-size: 13px;
            float: right;
            padding-right: 0px!important;
            width: 100%;
            padding-top: 23px;
        }

        #topbar.alt.topbar_soycliente .migas {
            padding-top: 0px;
        }
        body.tray-rescale #content.table-layout > div, body.tray-rescale #content.table-layout > section {
            padding: 10px 10px 40px !important;
        }

        #content {
            padding: 0px 0px 40px;
        }

        .row {
            margin-left: 0!important;
            margin-right: 0!important;
        }    

        #lista-tabla.fs15  > thead > tr > th{
            font-size: 13px!important; 
            line-height: 1.2!important;
        }

        #lista-tabla.fs15 > tbody > tr > td {
            font-size: 13px!important; 
            line-height: 1.2!important;
        } 

        div.dataTables_wrapper div.dataTables_info {
            white-space: inherit!important;
            line-height: 20px;
        }

        body.tray-rescale .tray-center {
            padding-right: 0px !important;
        }

        .btn {
            font-size: 12px;
        }

        .responsive-tabla-perfil.p20 {
            padding: 0px!important;
        }

        .responsive-tabla-perfil .center-block {
            margin-left: 0px!important;
        }

        .responsive-tabla-perfil .pantalla-ancha{
            width: 100%;
            max-width: 100%;
        }

        .pantalla-ancha .tab-pane.p25{
            padding: 25px 0px!important;
        }

        .pantalla-ancha .tab-pane.p25 ul{ 
            padding-left: 20px;
        }

        .responsive-tabla-perfil .admin-form .panel {
            margin-top: 0px!important;
        }

        .responsive-tabla-perfil .admin-form .panel-body {
            padding: 10px;
        }

        .responsive-tabla-perfil .input-center {
            display: inline-block;
            width: auto;
            height: auto;
            margin-bottom: 5px;
        }

        .responsive-tabla-perfil .row {
            margin-bottom: 10px;
        }

        #bt_guardar_quedarse, #bt_irse, .admin-form .button, #pdfplan7, #informe_nutricional, a.flotante-visto.btn, a.flotante_ancho, a.flotante-delete{
            font-size: 12px;
            height: 42px;
            line-height: 34px;
        }

        .flotante, .flotante-dietetico, .flotante-delete_ancho, .flotante {
            right: 5%;
            bottom: 80px;
            z-index: 99;
        } 

        .flotante_quedarse, .flotante-visto, .flotante_ancho, .flotante-delete {
            bottom: 80px;
            left: 20%;
            z-index: 99;
        }

        a.flotante-visto, a.flotante_ancho, a.flotante-delete {
            padding-top: 0px;
            padding-bottom:  0px;
            width: 75px;
        }

        a.flotante_ancho, a.flotante-delete {
            width: 90px;
        }

        #calendar2 {
            margin-top: 10px;
        }

        #calendar2 h2, #calendar h2, #calendar4 h2 {
            font-size: 16px!important;
            line-height:  1.7!important;
        }

        #datos-plan7 #pdfplan7 {
            margin-bottom: 20px !important;
            /*margin-left: 10px;*/
            display: inline-block !important;
            /*width: calc(100% - 20px) !important;*/
            padding: 0px;
        }
        #datos-plan7 #informe_nutricional {
            margin-bottom: 20px !important;
            /*margin-left: 10px;*/
            display: inline-block !important;
            /*width: calc(100% - 20px) !important;*/
            padding: 0px;
        }

        #fecha_more_less #fechaless{
            display: inline-block !important;
            padding: 0px;      
        }

        #fecha_more_less #fechamore {
            display: inline-block !important;
            padding: 0px;      
        }

        #fecha_more_less #fechatoday {
            display: inline-block !important;
            padding: 0px;      
        }

        #datos-plan7 .button, #pdfplan7, #informe_nutricional, #bt_nueva_cita, #darnuevacita_sin_dieta, #bt_load_previous_week_diet, #bt_remove_week_diet, #bt_save_diet, #bt_copy_couple, #ir_hoy{
            display: block !important;
            float: left !important;
            margin-bottom: 10px;
            width: 100%;
            margin-right: 0px !important;
            font-weight:  bold;
        }

        #fecha_more_less .button {
            display: block !important;
            float: left !important;
            margin-bottom: 10px;
            width: 100%;
            margin-right: 0px !important;
            font-weight:  bold;
        }


        #datos-plan7 .mb70.row {
            margin-bottom: 100px !important;
        }

        #names_table {
            margin-top: 0px !important;
            float: left;
            width: 25px;
            display: block;
            margin-top: 0;
        }

        #names_table.nombres_plan7_usuario{
            margin-top: 50px!important;
        }

        #names_table > div {
            margin-top: 0px !important;
            display: block;
            width: 100%;
            float: left;
        }

        #calendar_wrapper {
            float: left;
            width: calc(100% - 25px) !important;
            padding: 0px;
            padding-right: 0px;
        }

        #form-ui #calendar_wrapper {
            width: 100%!important;
        }

        #names_table > a {
            margin-top: 0px !important;
            display: block;
        }

        #names_table div.lateral-desayuno {
            margin-top: 120px !important;
        }

        #names_table div.lateral-media {
            margin-top: 118px !important;
        }

        #names_table div.lateral-comida {
            margin-top: 150px !important;
        }

        #names_table div.lateral-merienda {
            margin-top: 200px !important;
        }

        #names_table div.lateral-cena {
            margin-top: 150px !important;
        }    

        body.tray-rescale .tray-center {
            padding-right: 0px !important;
        } 

    }

    @media (min-width: 1639px) {
        #lateral-colores {
            margin-top: 72px!important;
        }

        #datos-plan7.tiene_fecha_tabla #lateral-colores {
            margin-top: 72px!important;
        }

        #calendar_wrapper .col-sm-1 {
            width: 6%!important;
        }

        #calendar_wrapper .col-md-11 {
            width: 94%!important;
        }

        .nombre-cliente {
            width: calc(100% - 750px);
            font-size: 27px;
        }

        #names_table {
            margin-top: 0px !important;
            float: left;
            width: 25px !important;
            display: block;
        }

        #names_table.nombres_plan7_usuario{
            margin-top: 50px!important;
        }

        #calendar_wrapper {
            float: left;
            width: calc(100% - 25px) !important;
            padding: 0px;
            padding-right: 0px;
        }

        #form-ui #calendar_wrapper {
            width: 100%!important;
        }

        .nombre-cliente {
            width: calc(100% - 750px)!important;
        }

        #names_table > a {
            margin-top: 0px !important;
            display: block;
        } 

    }

    @media (max-width: 1200px) {
        /*CALENDARIO PERFIL CLIENTE CON SCROLL*/
        table#tabla_perfil_cliente {
          overflow: auto!important;
          white-space: nowrap!important;
          display: block!important;
      }

      table#tabla_perfil_cliente td {
        width: 200px!important;
        max-width: 200px!important;
        white-space: pre-wrap!important;
        text-align: left!important;
        padding: 0 5px 0 5px!important;
    }

    /*FIN CALENDARIO PERFIL CLIENTE CON SCROLL*/
}

@media (min-width: 1201px) {
    #flechas_desplazamiento {
        display: none;
    }
}


/*INICIO**********CAMBIAR ANCHOS DE UNAS PESTAÑAS***********/

@media (max-width: 680px) {

    body.body-datos-evolucion .panel-heading ul.nav > li.w170 {
        width: 88px !important; 
    }

    body.body-datos-evolucion .panel-heading ul.nav > li.w170 > a{
        padding-left: 0px !important;
        padding-right: 0px !important;
        font-size: 14px !important;
    }    

}

@media (max-width: 575px) {
    body.body-datos-evolucion .heading-border .panel-heading:not(.ui-sortable-handle) {

        margin-top: 40px;
    }
    .responsive-padding-top {
        padding-top: 15px;
    }
}

@media (max-width: 517px) {
    body.body-datos-evolucion .panel-heading ul.nav > li.w170 {
        width: 100% !important;
    }
}


/**********************/



/*FIN RESPONSIVE PARA DISPOSITIVOS MOVILES*/


.fc-today-button {
    display: none!important;
}

.fc-widget-header-bot th.fc-day-header {
    border: solid 1px #fff !important;
    border: none !important;
    height: 40px;
    vertical-align: middle;
    border-radius: 0px !important;
    background-color: #264e35!important;
    color: white;
}
@media (min-width: 992px) {
    .flex-fw {
        display: flex;
    }
}
.fc-event-count {
    float: right;
    padding-right: 40% !important;
}
.fc-day-number {
    font-weight: bold;
}
.input-group2 {
    position: relative;
    display: table;
    border-collapse: separate;
}

@media (max-width:  1400px) {
    .body-datos-evolucion .btnresponsive {
        display: block !important;
        float: left !important;
        margin-bottom: 10px;
        width: 100%;
        margin-right: 0px !important;
        font-weight:  bold;
    }
}

.bootstrap-datetimepicker-widget tr:hover {
    background-color: #808080;
}

#datos_facturacion {
    height: 400px;
}

@media only screen and (min-width: 991px) {
    #datos_facturacion .row {
        margin-top: 30px;
    }
}

input.warning {
    border-color: red !important;
}

.modal-md-700 {
    width: 700px;
}
.modal-md-800 {
    width: 800px;
}

.bg-primary {
    background-color: #E83A43 !important;
    color: #90fff1;
}

.btn-warning {
    color: #fff;
    background-color: #868688 !important;
    border-color: #868688 !important;
}

.admin-form .btn-warning, .admin-form .btn-warning:hover, .admin-form .btn-warning:focus, .admin-form .btn-warning:active, .badge-warning {
    color: #fff !important;
}

.navbar.bg-primary .nav > li.open > a, .navbar.bg-primary .nav > li:hover > a, .navbar.bg-primary .nav > li:focus > a, .navbar.bg-primary .nav > li.active > a, .navbar.bg-primary .nav > li > a:hover, .navbar.bg-primary .nav > li > a:focus {
    background-color: #009344 !important;
}
.tabla_informe_nutricional {
    width: 90%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 20px;
    border: 1px solid #000000;
}
.tabla_informe_nutricional td {
    border: 1px solid #000000;
    padding: 5px;
}

.btn-warning:hover {
    color: #fff;
    background-color: #979797 !important;
}

.kcal_de {
    font-family: Roboto;
    font-size: 16px;
    color: white;
    padding: 5px 10px;
    margin-bottom: 5px;
    text-align: center;
    border-radius: 3px;
}

.kcal_de_hc {
    background-color: #113262;
}
.kcal_de_prot {
    background-color: #d64a4a;
}
.kcal_de_grasa {
    background-color: #f5c343;
}

.tabla_informe_nutricional tr:nth-child(even) {
    background-color: #fff;
}

.tabla_informe_nutricional tr:nth-child(odd) {
    background-color: #b1b1b1;
    color: #fff;
}
.racion1 .titulo-racion {
    background-color: #b1b1b1;
    color: #fff;
}
.racion1 div{
    border: solid 1px #000;
}

.admin-form .button{
    line-height:normal;
    font-size: 14px;
}

.panel-body.pn.of-h.tiene_fecha_tabla form{
    margin:0px;
}



/* CSS NUEVO */


.dieta7 .gestion-dietas input, .dieta7 .gestion-dietas button, .dieta7 .gestion-dietas input span, .dieta7 .gestion-dietas button span, .dieta7 .gestion-ticket input, .dieta7 .gestion-ticket button{
    width:auto;
    font-size:0.75vw !important;
    height: 42px;
} 

@media(max-width:1853px){
    .last_row_datos_generales .col-md-5, .last_row_datos_generales .col-md-3{
        width:50%;
    }
    .last_row_datos_generales .col-md-2{
        width:40%;
    }
    .last_row_datos_generales .col-md-3{
        height: 42px;
    }
}


@media(max-width:1825px){
    .dieta7 .gestion-dietas input, .dieta7 .gestion-dietas button, .dieta7 .gestion-dietas input span, .dieta7 .gestion-dietas button span, .dieta7 .gestion-ticket input, .dieta7 .gestion-ticket button{
        width:auto;
        font-size:0.7vw !important;
    } 
}

@media(max-width:1716px){
    .dieta7 .mt20 .col-md-3{
        width:20%;
    }

    .dieta7 .mt20 .col-md-9{
        width:80%;
    }

    .dieta7 .col-md-3{
        width:20%;
    }

    .dieta7 .col-md-6{
        width:60%;
    }
    
    .dieta7 .gestion-dietas input, .dieta7 .gestion-dietas button, .dieta7 .gestion-dietas input span, .dieta7 .gestion-dietas button span, .dieta7 .gestion-ticket input, .dieta7 .gestion-ticket button{
        width:auto;
        font-size:0.7vw !important;
    }

    #kcal_total{
        font-size:0.75vw;
    }

    #kcal_total2 span{
        font-size:0.75vw !important;
    }

    .kcal_de{
        height: 31.61px;
        font-size:0.9vw;
        padding-top: 8px;
    }
}

@media(max-width:1625px){
    
    .dieta7 .gestion-dietas input, .dieta7 .gestion-dietas button, .dieta7 .gestion-dietas input span, .dieta7 .gestion-dietas button span, .dieta7 .gestion-ticket input, .dieta7 .gestion-ticket button{
        width:auto;
        font-size:0.7vw !important;
    }

    #kcal_total{
        font-size:0.75vw;
    }

    #kcal_total2 span{
        font-size:0.75vw !important;
    }

    .kcal_de{
        font-size:0.9vw;
    }
}

@media(max-width:1550px){

    .texto_responsive {
        font-size: 12px !important;
    }
    
    .dieta7 .mt20 .col-md-3{
        width:18%;
    }

    .dieta7 .mt20 .col-md-9{
        width:82%;
    }

    .dieta7 .col-md-3{
        width:20%;
    }

    .dieta7 .col-md-6{
        width:60%;
    }

    .dieta7 .gestion-dietas input, .dieta7 .gestion-dietas button, .dieta7 .gestion-dietas input span, .dieta7 .gestion-dietas button span, .dieta7 .gestion-ticket input, .dieta7 .gestion-ticket button{
        width:auto;
        font-size:0.7vw !important;
    }

    #kcal_total{
        font-size:0.75vw;
    }

    #kcal_total2 span{
        font-size:14px !important;
    }

    .kcal_de{
        font-size:14px;
    }
}

@media(max-width:1450px){
    
    .dieta7 .mt20 .col-md-3{
        width:17%;
    }

    .dieta7 .mt20 .col-md-9{
        width:83%;
    }


}

@media(max-width:1420px){
    .responsive_column_50 .col-md-4, .responsive_column_50 .col-md-8{
        width:50%;
    }
    
    .tray-right {
        width: 184px !important;
    }
    
    .dieta7 .mt20 .col-md-3{
        width:25%;
    }

    .dieta7 .mt20 .col-md-9{
        width:75%;
        display: flex;
        flex-direction: column;
    }

    .dieta7 .col-md-3{
        width:30%;
    }

    .dieta7 .col-md-6{
        width:70%;
    }

    .dieta7 .gestion-dietas, .dieta7 .gestion-ticket{
        width: 100%;
    }

    .dieta7 .gestion-ticket{
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    .dieta7 .gestion-dietas input, .dieta7 .gestion-dietas button, .dieta7 .gestion-dietas input span, .dieta7 .gestion-dietas button span, .dieta7 .gestion-ticket input, .dieta7 .gestion-ticket button{
        width:auto;
        font-size:0.87vw !important;
    }

    #kcal_total{
        font-size:1vw;
    }

    .calculofa .field-icon {
        display: none;
    }

    .calculofa input {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center;
    }

     .kcal_semana_dieta_inicial {
        padding: 5px 5px; 
    }

}

@media(max-width:1200px){
    
    #lateral-colores tr.tr_en_desayuno, #lateral-colores tr.tr_en_media, #lateral-colores tr.tr_en_comida, #lateral-colores tr.tr_en_merienda, #lateral-colores tr.tr_en_cena, .lateral-info tr.tr_en_desayuno, .lateral-info tr.tr_en_media, .lateral-info tr.tr_en_comida, .lateral-info tr.tr_en_merienda, .lateral-info tr.tr_en_cena {
        height: 25px;
        font-size: 11px;
    }

}
@media(max-width:1100px){
    
    .dieta7 .mt20 .col-md-3{
        width:100%;
    }

    .dieta7 .mt20 .col-md-9{
        width:100%;
        display: flex;
        flex-direction: column;
    }

    .dieta7 .col-md-3{
        width:25%;
    }

    .dieta7 .col-md-6{
        width:74%;
    }

    .dieta7 .gestion-dietas, .dieta7 .gestion-ticket{
        width: 100%;
    }

    .dieta7 .gestion-dietas{
        display: flex;
    }

    .dieta7 .gestion-ticket{
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    .dieta7 .gestion-dietas input, .dieta7 .gestion-dietas button, .dieta7 .gestion-dietas input span, .dieta7 .gestion-dietas button span, .dieta7 .gestion-ticket input, .dieta7 .gestion-ticket button, .dieta7 .gestion-ticket form{
        width:48%;
        font-size:1.2vw !important;
    }

    .dieta7 .gestion-ticket form button, .dieta7 .gestion-ticket form input{
        width: 96%;
    }

    #kcal_total{
        font-size:1.1vw;
    }

    #kcal_total2 span{
        font-size:1.1vw !important;
    }

    .kcal_de{
        font-size:1.3vw;
        padding-top: 7px;
    }

}

@media(max-width:991px){
    
    #select-dietas{
        width:99%;
    }

    .dieta7 .mt20 .col-md-3{
        width:100%;
    }

    .dieta7 .mt20 .col-md-9{
        width:100%;
        display: flex;
        flex-direction: column;
    }

    .dieta7 .col-md-3{
        width:99%;
        display: flex;
    }

    .dieta7 .col-md-6{
        width:100%;
        display: flex;
    }

    .dieta7 .gestion-dietas, .dieta7 .gestion-ticket{
        width: 100%;
    }

    .dieta7 .gestion-dietas{
        display: flex;
    }

    .dieta7 .gestion-ticket{
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }

    .tabla{
        display: flex;
        width:99%;
    }

    .dieta7 .gestion-dietas input, .dieta7 .gestion-dietas button, .dieta7 .gestion-dietas input span, .dieta7 .gestion-dietas button span, .dieta7 .gestion-ticket input, .dieta7 .gestion-ticket button, .dieta7 .gestion-ticket form{
        width:48%;
        font-size:1.4vw !important;
    }

    .dieta7 .gestion-ticket form button, .dieta7 .gestion-ticket form input{
        width: 96%;
    }

    #kcal_total{
        font-size:1.4vw;
    }

    #kcal_total2 span{
        font-size:1.4vw !important;
    }

    .kcal_de{
        font-size:1.4vw;
        padding-top: 7px;
        width: 100%;
    }

    .dieta7 .col-md-12{
        padding-bottom: 15px;
    }
}


@media(max-width:600px){
    
    #select-dietas{
        width:99%;
    }

    .dieta7 .mt20 .col-md-3{
        width:100%;
    }

    .dieta7 .mt20 .col-md-9{
        width:100%;
        display: flex;
        flex-direction: column;
    }

    .dieta7 .col-md-3{
        width:99%;
        display: flex;
    }

    .dieta7 .col-md-6{
        width:100%;
        display: flex;
    }

    .dieta7 .gestion-dietas, .dieta7 .gestion-ticket{
        width: 100%;
    }

    .dieta7 .gestion-dietas{
        display: flex;
        flex-direction: column;
    }

    .dieta7 .gestion-ticket{
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }

    .tabla{
        display: flex;
        flex-direction: column;
        width:99%;
    }

    .dieta7 .gestion-dietas input, .dieta7 .gestion-dietas button, .dieta7 .gestion-dietas input span, .dieta7 .gestion-dietas button span, .dieta7 .gestion-ticket input, .dieta7 .gestion-ticket button, .dieta7 .gestion-ticket form{
        width:100%;
        font-size:13px !important;
    }

    .dieta7 .gestion-ticket form button, .dieta7 .gestion-ticket form input{
        width: 100%;
        height: 42px !important;
        margin-bottom:0px !important;
    }

    #kcal_total{
        font-size:13px;
    }

    #kcal_total2 span{
        font-size:13px !important;
    }

    .kcal_de{
        font-size:13px;
        padding-top: 7px;
        width: 100%;
    }

    .dieta7 .col-md-12{
        padding-bottom: 15px;
    }
}


@media(max-width:505px){
    
    #select-dietas{
        width:99%;
    }

    .dieta7 .mt20 .col-md-3{
        width:100%;
    }

    .dieta7 .mt20 .col-md-9{
        width:100%;
        display: flex;
        flex-direction: column;
    }

    .dieta7 .col-md-3{
        width:99%;
        display: flex;
    }

    .dieta7 .col-md-6{
        width:100%;
        display: flex;
    }

    .dieta7 .gestion-dietas, .dieta7 .gestion-ticket{
        width: 100%;
    }

    .dieta7 .gestion-dietas{
        display: flex;
        flex-direction: column;
    }

    .dieta7 .gestion-ticket{
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }

    .tabla{
        display: flex;
        flex-direction: column;
        width:99%;
    }

    .dieta7 .gestion-dietas input, .dieta7 .gestion-dietas button, .dieta7 .gestion-dietas input span, .dieta7 .gestion-dietas button span, .dieta7 .gestion-ticket input, .dieta7 .gestion-ticket button, .dieta7 .gestion-ticket form{
        width:100%;
        font-size:13px !important;
    }

    .dieta7 .gestion-ticket form button, .dieta7 .gestion-ticket form input{
        width: 100%;
        height: 42px !important;
        margin-bottom:0px !important;
    }

    #kcal_total{
        font-size:13px;
    }

    #kcal_total2 span{
        font-size:13px !important;
    }

    .kcal_de{
        font-size:13px;
        padding-top: 7px;
        width: 100%;
    }

    .dieta7 .col-md-12{
        padding-bottom: 15px;
    }
}


.admin-form .panel-primary.heading-border:before, .admin-form .panel-primary .heading-border:before {
    background-color: #E83A43;
}

.admin-form.theme-primary .section-divider span {
    color: #E83A43;
}
.panel .panel-tabs > li.active > a, .panel .panel-tabs > li.active > a:hover, .panel .panel-tabs > li.active > a:focus {
    color: #ffffff !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #ffffff !important;
}
#chartpdfanalisis {
    display: none !important;
}
.selct2_alto .select2-container .select2-choice {
    height: 39px;
}

.leyenda_valores {
    margin-top: 0px !important;
    padding-right: 0px;
}

.leyenda_valores > .racion1 {
    width: 100%;
}

#lateral-colores {
    padding-right: 0px;
}

.calculofa span {
    font-size: 12px;
}
.calculofa .col-md-2 {
    text-align: center;
}
.calculofa .row {
    margin: 10px 0 10px 0;
}

.nombres_plan7 div > span {
    display: block;
}

#pautas_generales.ql-container,
#pautas_generales .ql-editor,
#anotaciones.ql-container,
#anotaciones .ql-editor
 {
  min-height: 900px;  
}

#lateral-colores {
    font-size: 12px;
}

@media (max-width: 1440px) {
    .panel-heading-clientes ul {
        display: flex;
        flex-wrap: wrap;
    }
    .panel-heading-clientes li {
        flex: 1 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0;
        box-sizing: border-box;
        white-space: normal;
        line-height: 1;
    }
    .panel-heading-clientes li a {
        font-size: 13px !important;
        line-height: 1;
        border-left: 0px !important;
        min-height: 48px;
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-evenly;
    }
}

@media (min-width: 1440px) and (max-width: 1540px) {
    .panel-heading-clientes li a {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}
@media (max-width: 805px) {
    .fullwidthresponsive {
        width: 98%;
    }
}
@media (min-width: 773px) and (max-width: 805px) {
    .panel-heading-clientes li a {
        font-size: 12px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .panel-heading-clientes li a {
        font-size: 12px !important;
    }
}
@media (max-width: 772px) {
    .panel-heading-clientes li a {
        font-size: 10px !important;
    }
}

.seleccionar_alimento_relacionado:hover {
    text-decoration: underline;
    cursor: pointer;
}

@media (max-width: 1140px) {
    .fc-toolbar {
        display: block !important;
    }
}

/* modificaciones para que se vea el perfil en clientes en movil */
@media (max-width: 400px) {
    .lista-comidas {
        font-size: 12px !important;
        padding: 0px !important;
    }
    .panel-title {
        font-size: 14px !important;
    }
    .admin-form .panel-body {
        padding: 5px !important;
    }
    .table.p-sm td{
        width: 100% !important;
        float: left;
        text-align: center;
    }
    .col-md-8.responsive-padding-top {
        padding: 0px !important;
    }
}

.tipo_valores_nutricionales.btn-success {
    background-color: #E83A43 !important;
    border-color: #E83A43 !important;
}

.section-divider2 {
    border-top: 1px solid #949596;
    width: 100%;
}

@media(min-width:1399px){
    .alineado-derecha{
        display: flex;
        justify-content: flex-end;
    }
}

.leftcenas {
    padding: 1px 0 1.3px 0;
}