:root {
  --color-white: #fff;
  --color-red: #cc3333;
  --color-red-hover: #8d031c;
  --color-gray-guide: #6b6b6b;
  --color-dark-gray: #e2e0dc;
  --color-light-gray: #ededed;
  --color-black: #1d1d1b;
  --color-blue: #106ba0;
  --color-focus: rgba(59, 153, 252, .8);
  --focus: 2px var(--color-focus); }

.panel {
  background-color: transparent; }

#wrapper #main-content section.portlet {
  background: var(--color-dark-gray);
  margin: 20px 0 40px;
  padding: 1rem; }
  #wrapper #main-content section.portlet .portlet-body {
    /* pagination */ }
    #wrapper #main-content section.portlet .portlet-body *[role="alert"], #wrapper #main-content section.portlet .portlet-body .alert {
      display: flex;
      align-items: center;
      gap: 1rem;
      flex-wrap: nowrap;
      padding: 1rem;
      border: 2px solid var(--color-gray-guide);
      border-radius: 5px;
      margin-block: 1rem;
      background: #fff4cc;
      color: var(--color-red-hover); }
      #wrapper #main-content section.portlet .portlet-body *[role="alert"]:before, #wrapper #main-content section.portlet .portlet-body .alert:before {
        content: 'report';
        font-family: 'Material Icons Rounded';
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        display: inline-block;
        color: var(--color-gray-guide); }
    #wrapper #main-content section.portlet .portlet-body .material-icons-warning {
      content: 'warning';
      font-family: 'Material Icons Rounded';
      font-size: 24px;
      color: #d03434;
      vertical-align: middle;
      margin-right: 5px; }
    #wrapper #main-content section.portlet .portlet-body fieldset:not(.noLegend) legend.fieldset-legend,
    #wrapper #main-content section.portlet .portlet-body .splitter {
      padding: 30px 0 10px;
      font-size: 1.4rem;
      font-style: italic;
      background: transparent;
      -webkit-box-shadow: none;
      box-shadow: none; }
      #wrapper #main-content section.portlet .portlet-body fieldset:not(.noLegend) legend.fieldset-legend span,
      #wrapper #main-content section.portlet .portlet-body .splitter span {
        display: inline-block;
        padding: 5px 10px;
        border-radius: 5px 5px 0 0;
        box-shadow: 0 0.2rem 0.25rem rgba(0, 0, 0, 0.2);
        background-color: #1d1d1b;
        color: #fff;
        font-style: normal;
        text-transform: uppercase; }
    #wrapper #main-content section.portlet .portlet-body fieldset.noLegend legend {
      display: none; }
    #wrapper #main-content section.portlet .portlet-body form {
      /* end fieldset */ }
      #wrapper #main-content section.portlet .portlet-body form .alert-info:before {
        content: 'notifications'; }
      #wrapper #main-content section.portlet .portlet-body form .alert-warning:before {
        content: 'warning'; }
      #wrapper #main-content section.portlet .portlet-body form .flex-btn .button-holder {
        display: flex;
        gap: 1rem;
        align-items: center; }
        @media (max-width: 768px) {
          #wrapper #main-content section.portlet .portlet-body form .flex-btn .button-holder {
            flex-direction: column; } }
        #wrapper #main-content section.portlet .portlet-body form .flex-btn .button-holder::after {
          content: unset; }
        #wrapper #main-content section.portlet .portlet-body form .flex-btn .button-holder .btn:not(:last-child) {
          margin-right: 0; }
      #wrapper #main-content section.portlet .portlet-body form .info {
        font-family: Roboto,sans-serif;
        line-height: inherit; }
        #wrapper #main-content section.portlet .portlet-body form .info.alert {
          padding-inline: 2rem;
          border: none;
          box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.38);
          color: #1d1d1b; }
          #wrapper #main-content section.portlet .portlet-body form .info.alert.alert:before {
            content: none; }
      #wrapper #main-content section.portlet .portlet-body form fieldset {
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        /* multiple files */
        /* end select */
        /***** checkbox */
        /* solo checkbox */
        /* solo switch */ }
        #wrapper #main-content section.portlet .portlet-body form fieldset svg.lexicon-icon-asterisk {
          fill: var(--color-black); }
        #wrapper #main-content section.portlet .portlet-body form fieldset .has-error .text-warning svg.lexicon-icon-asterisk {
          fill: #a94442; }
        #wrapper #main-content section.portlet .portlet-body form fieldset .has-success .text-warning svg.lexicon-icon-asterisk {
          fill: #3c763d; }
        #wrapper #main-content section.portlet .portlet-body form fieldset legend {
          border: 0; }
        #wrapper #main-content section.portlet .portlet-body form fieldset input.form-control {
          border-radius: 0;
          height: 50px;
          font-size: 1.1rem; }
        #wrapper #main-content section.portlet .portlet-body form fieldset .field.form-control.error-field {
          margin-bottom: 5px; }
        #wrapper #main-content section.portlet .portlet-body form fieldset .help-block {
          margin: 0;
          font-size: 1rem; }
        #wrapper #main-content section.portlet .portlet-body form fieldset .has-error.checkbox label, #wrapper #main-content section.portlet .portlet-body form fieldset .has-error.radio-inline label,
        #wrapper #main-content section.portlet .portlet-body form fieldset .has-success.checkbox label, #wrapper #main-content section.portlet .portlet-body form fieldset .has-success.radio-inline label {
          color: #000; }
        #wrapper #main-content section.portlet .portlet-body form fieldset .form-group.checkbox label {
          position: relative;
          margin: 10px 0;
          padding: 0; }
          #wrapper #main-content section.portlet .portlet-body form fieldset .form-group.checkbox label .text-warning {
            line-height: unset; }
        #wrapper #main-content section.portlet .portlet-body form fieldset .form-group.file {
          display: flex; }
          @media (max-width: 768px) {
            #wrapper #main-content section.portlet .portlet-body form fieldset .form-group.file {
              display: block; } }
          #wrapper #main-content section.portlet .portlet-body form fieldset .form-group.file input[type="file"] {
            width: 0.1px;
            height: 0.1px;
            opacity: 0;
            overflow: hidden;
            position: absolute;
            z-index: -1; }
          #wrapper #main-content section.portlet .portlet-body form fieldset .form-group.file label, #wrapper #main-content section.portlet .portlet-body form fieldset .form-group.file div {
            transition: all .5s;
            margin: 0;
            padding: 14px 40px;
            font-size: 1rem;
            text-transform: uppercase;
            width: fit-content;
            text-align: center;
            border: 1px solid var(--color-blue);
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
          #wrapper #main-content section.portlet .portlet-body form fieldset .form-group.file label {
            cursor: pointer;
            background-color: var(--color-blue);
            color: white;
            background: var(--color-blue) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMyAxNXY0YzAgMS4xLjkgMiAyIDJoMTRhMiAyIDAgMCAwIDItMnYtNE0xNyA4bC01LTUtNSA1TTEyIDQuMnYxMC4zIi8+PC9zdmc+") no-repeat 16px 16px;
            padding-left: 50px; }
          #wrapper #main-content section.portlet .portlet-body form fieldset .form-group.file div {
            background: white;
            color: var(--color-gray-guide);
            flex: 1; }
        #wrapper #main-content section.portlet .portlet-body form fieldset select.form-control {
          display: block;
          font-size: 14px;
          padding: .6em 1.4em .5em .8em;
          width: 100%;
          height: 50px;
          max-width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          margin: 0 0 5px;
          font-size: 1.1rem;
          border: 1px solid var(--color-dark-gray);
          /*box-shadow: 0 1px 0 1px rgba(0,0,0,.04);*/
          border-radius: 0;
          -moz-appearance: none;
          -webkit-appearance: none;
          appearance: none;
          background-color: var(--color-white);
          /* arrow */
          background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%20007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
          background-repeat: no-repeat, repeat;
          background-position: right .7em top 50%, 0 0;
          background-size: .65em auto, 100%;
          cursor: pointer;
          /* Hide arrow icon para IE */
          /* Disabled styles */ }
          #wrapper #main-content section.portlet .portlet-body form fieldset select.form-control::-ms-expand {
            display: none; }
          #wrapper #main-content section.portlet .portlet-body form fieldset select.form-control:hover {
            border-color: #888; }
          #wrapper #main-content section.portlet .portlet-body form fieldset select.form-control:focus {
            border-color: var(--color-focus);
            -webkit-box-shadow: 0 0 5px 1px var(--color-focus);
            box-shadow: 0 0 5px 1px var(--color-focus);
            box-shadow: 0 0 0 3px -moz-mac-focusring;
            color: #222;
            outline: none; }
          #wrapper #main-content section.portlet .portlet-body form fieldset select.form-control:disabled, #wrapper #main-content section.portlet .portlet-body form fieldset select.form-control[aria-disabled=true] {
            color: graytext;
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
            background-color: rgba(232, 232, 232, 0.7); }
          #wrapper #main-content section.portlet .portlet-body form fieldset select.form-control:disabled:hover, #wrapper #main-content section.portlet .portlet-body form fieldset select.form-control[aria-disabled=true] {
            border-color: #aaa; }
          #wrapper #main-content section.portlet .portlet-body form fieldset select.form-control option {
            font-weight: normal; }
        #wrapper #main-content section.portlet .portlet-body form fieldset .input-select-wrapper.has-error select {
          border-color: #a94442; }
          #wrapper #main-content section.portlet .portlet-body form fieldset .input-select-wrapper.has-error select:focus {
            border-color: #a94442;
            box-shadow: 0 0 3px 1px rgba(169, 68, 66, 0.7); }
        #wrapper #main-content section.portlet .portlet-body form fieldset .input-select-wrapper.has-success select {
          border-color: #3c763d; }
          #wrapper #main-content section.portlet .portlet-body form fieldset .input-select-wrapper.has-success select:hover {
            -webkit-box-shadow: 0 0 3px 1px rgba(60, 118, 61, 0.7);
            box-shadow: 0 0 3px 1px rgba(60, 118, 61, 0.7); }
        #wrapper #main-content section.portlet .portlet-body form fieldset input[type='checkbox'], #wrapper #main-content section.portlet .portlet-body form fieldset input[type='radio'] {
          -webkit-appearance: none;
          -moz-appearance: none;
          margin: 1px 5px 0 0;
          height: 21px;
          outline: none;
          display: inline-block;
          vertical-align: top;
          position: relative;
          cursor: pointer;
          border: 1px solid var(--bc, var(--color-gray-guide));
          background: var(--b, var(--color-white));
          -webkit-transition: background 0.3s, border-color 0.3s, -webkit-box-shadow 0.2s;
          transition: background 0.3s, border-color 0.3s, -webkit-box-shadow 0.2s;
          -o-transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
          transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
          transition: background 0.3s, border-color 0.3s, box-shadow 0.2s, -webkit-box-shadow 0.2s; }
          #wrapper #main-content section.portlet .portlet-body form fieldset input[type='checkbox']:after, #wrapper #main-content section.portlet .portlet-body form fieldset input[type='radio']:after {
            content: '';
            display: block;
            left: 0;
            top: 0;
            position: absolute;
            -webkit-transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
            transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
            transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
            transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease); }
          #wrapper #main-content section.portlet .portlet-body form fieldset input[type='checkbox']:checked, #wrapper #main-content section.portlet .portlet-body form fieldset input[type='radio']:checked {
            --b: var(--color-red);
            --bc: var(--color-red);
            --d-o: 0.3s;
            --d-t: 0.6s;
            --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2); }
          #wrapper #main-content section.portlet .portlet-body form fieldset input[type='checkbox']:disabled, #wrapper #main-content section.portlet .portlet-body form fieldset input[type='radio']:disabled {
            --b: var(--color-light-gray);
            cursor: not-allowed;
            opacity: 0.9; }
            #wrapper #main-content section.portlet .portlet-body form fieldset input[type='checkbox']:disabled:checked, #wrapper #main-content section.portlet .portlet-body form fieldset input[type='radio']:disabled:checked {
              --b: var(--color-light-gray);
              --bc: var(--color-gray-guide); }
          #wrapper #main-content section.portlet .portlet-body form fieldset input[type='checkbox']:hover:not(:checked):not(:disabled), #wrapper #main-content section.portlet .portlet-body form fieldset input[type='radio']:hover:not(:checked):not(:disabled) {
            --bc: var(--color-red-hover); }
          #wrapper #main-content section.portlet .portlet-body form fieldset input[type='checkbox']:focus, #wrapper #main-content section.portlet .portlet-body form fieldset input[type='radio']:focus {
            -webkit-box-shadow: 0 0 0 var(--focus);
            box-shadow: 0 0 0 var(--focus);
            outline: none; }
          #wrapper #main-content section.portlet .portlet-body form fieldset input[type='checkbox']:not(.switch), #wrapper #main-content section.portlet .portlet-body form fieldset input[type='radio']:not(.switch) {
            width: 21px;
            min-width: 21px; }
            #wrapper #main-content section.portlet .portlet-body form fieldset input[type='checkbox']:not(.switch):after, #wrapper #main-content section.portlet .portlet-body form fieldset input[type='radio']:not(.switch):after {
              opacity: var(--o, 0); }
            #wrapper #main-content section.portlet .portlet-body form fieldset input[type='checkbox']:not(.switch):checked, #wrapper #main-content section.portlet .portlet-body form fieldset input[type='radio']:not(.switch):checked {
              --o: 1; }
        #wrapper #main-content section.portlet .portlet-body form fieldset input[type="checkbox"]:not(.switch) {
          border-radius: 7px; }
          #wrapper #main-content section.portlet .portlet-body form fieldset input[type="checkbox"]:not(.switch):after {
            width: 5px;
            height: 9px;
            border: 2px solid var(--color-white);
            border-top: 0;
            border-left: 0;
            left: 7px;
            top: 4px;
            -webkit-transform: rotate(var(--r, 20deg));
            -ms-transform: rotate(var(--r, 20deg));
            transform: rotate(var(--r, 20deg)); }
          #wrapper #main-content section.portlet .portlet-body form fieldset input[type="checkbox"]:not(.switch):checked {
            --r: 43deg; }
        #wrapper #main-content section.portlet .portlet-body form fieldset input[type="checkbox"].switch {
          width: 38px;
          border-radius: 11px;
          background: var(--color-red); }
          #wrapper #main-content section.portlet .portlet-body form fieldset input[type="checkbox"].switch:after {
            left: 2px;
            top: 2px;
            border-radius: 50%;
            width: 15px;
            height: 15px;
            background: var(--color-white);
            transform: translateX(var(--x, 0)); }
          #wrapper #main-content section.portlet .portlet-body form fieldset input[type="checkbox"].switch:checked {
            background: var(--color-white);
            border-color: var(--color-gray-guide);
            --x: 17px; }
            #wrapper #main-content section.portlet .portlet-body form fieldset input[type="checkbox"].switch:checked:after {
              background: var(--color-gray-guide); }
          #wrapper #main-content section.portlet .portlet-body form fieldset input[type="checkbox"].switch:disabled:not(:checked):after {
            opacity: 0.6; }
          #wrapper #main-content section.portlet .portlet-body form fieldset input[type="checkbox"].switch + label {
            margin: 0 !important; }
    #wrapper #main-content section.portlet .portlet-body .searchcontainer-content {
      width: 100%;
      margin-bottom: 30px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      overflow-x: auto;
      border-radius: 4px;
      border-width: 1px;
      border-color: rgba(0, 0, 0, 0.12);
      -webkit-overflow-scrolling: touch; }
      @media (max-width: 991px) {
        #wrapper #main-content section.portlet .portlet-body .searchcontainer-content.shadowLeftVisible:before, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content:after {
          content: '';
          position: absolute;
          width: 36px;
          top: 0;
          bottom: 0;
          right: auto;
          left: 0;
          background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #FFF 100%);
          pointer-events: none; }
        #wrapper #main-content section.portlet .portlet-body .searchcontainer-content:after {
          right: 0;
          left: auto;
          background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #FFF 100%); }
        #wrapper #main-content section.portlet .portlet-body .searchcontainer-content.shadowRightHidden:after {
          content: none !important; } }
      #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table {
        width: auto;
        min-width: 100%;
        border: 0;
        border-collapse: collapse;
        /* celdas ajuste espacio */ }
        #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table thead th {
          padding-top: 16px;
          padding-bottom: 16px;
          /* background: var(--color-dark-gray); */
          /* font-weight: normal; */
          text-align: center;
          word-break: normal; }
          #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table thead th.table-last-header {
            text-align: center; }
        @media (min-width: 992px) {
          #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr:hover {
            box-shadow: 9px 0 9px 0 rgba(107, 107, 107, 0.5); } }
        #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td {
          word-break: normal;
          padding-top: 16px;
          padding-bottom: 16px;
          font-size: 1rem;
          border: 0;
          word-break: normal; }
          @media (max-width: 991px) {
            #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td {
              min-width: 150px; } }
          @media (min-width: 991px) {
            #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td {
              min-width: 100px; } }
          #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder {
            margin: 0;
            padding: 0 3px;
            text-align: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: distribute;
            justify-content: space-around; }
            @media (max-width: 992px) {
              #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder button.btn {
                margin-left: 10px; } }
            #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .documentacion, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .asignarGestor, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .gestionarCita, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .cerrarCita, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .infoCita, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .asignar, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .iniciar, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .videoconferencia {
              width: 35px;
              float: left;
              padding: 0;
              text-align: center;
              border: none;
              background: transparent;
              box-shadow: none; }
              #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .documentacion:after, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .asignarGestor:after, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .gestionarCita:after, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .cerrarCita:after, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .infoCita:after, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .asignar:after, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .iniciar:after, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .videoconferencia:after {
                font-family: 'Glyphicons Halflings';
                font-size: 1.6rem;
                color: #cc3333; }
              #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .documentacion:hover, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .asignarGestor:hover, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .gestionarCita:hover, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .cerrarCita:hover, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .infoCita:hover, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .asignar:hover, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .iniciar:hover, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .videoconferencia:hover {
                text-decoration: none;
                cursor: pointer; }
                #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .documentacion:hover:after, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .asignarGestor:hover:after, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .gestionarCita:hover:after, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .cerrarCita:hover:after, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .infoCita:hover:after, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .asignar:hover:after, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .iniciar:hover:after, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .videoconferencia:hover:after {
                  color: #8d031c; }
              #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .documentacion span, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .asignarGestor span, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .gestionarCita span, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .cerrarCita span, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .infoCita span, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .asignar span, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .iniciar span, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .videoconferencia span {
                display: none; }
            #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .videoconferencia:after {
              content: "\e059"; }
            #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .documentacion:after {
              content: "\e118"; }
            #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .asignarGestor:after {
              content: "\e008"; }
            #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .gestionarCita:after {
              content: "\e136"; }
            #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .cerrarCita:after {
              content: "\e014"; }
            #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .infoCita:after {
              content: "\e105"; }
            #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .asignar:after {
              content: "\e129"; }
            #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .button-holder .iniciar::after {
              content: "\e072"; }
          #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td button.btn:last-child {
            margin-left: 5px; }
          #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .user-info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
            #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .user-info .user-icon {
              /*display: inline-block;
                                min-width: 34px;*/
              display: none; }
            #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .user-info .user-details .line {
              margin: 0;
              padding-bottom: 0; }
              #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table tbody tr td .user-info .user-details .line .user-name {
                padding: 0;
                color: var(--color-black);
                max-width: 150px;
                font-size: .9rem; }
        #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table th.table-last-header {
          text-align: left; }
        #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table th.accionCita, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table td.accionCita {
          padding: 8px 0 !important; }
        #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table th.idiomaCita, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table td.idiomaCita {
          width: 70px !important;
          min-width: auto !important;
          text-align: center; }
        #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table th.fechaCita, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table td.fechaCita {
          width: 94px !important;
          min-width: auto !important;
          text-align: center; }
        #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table th.horaCita, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table td.horaCita {
          width: 100px !important;
          min-width: auto !important;
          text-align: center; }
        #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table th.dniCita, #wrapper #main-content section.portlet .portlet-body .searchcontainer-content table td.dniCita {
          min-width: 88px !important;
          text-align: center; }
    #wrapper #main-content section.portlet .portlet-body .flexCalendar {
      display: flex;
      flex-wrap: nowrap;
      gap: 2rem; }
      @media (max-width: 768px) {
        #wrapper #main-content section.portlet .portlet-body .flexCalendar {
          flex-direction: column; } }
      #wrapper #main-content section.portlet .portlet-body .flexCalendar #_es_navarra_cita_previa_web_CitaPreviaWebPortlet_calendario-wrapper,
      #wrapper #main-content section.portlet .portlet-body .flexCalendar #_es_navarra_cita_previa_sge_web_portlet_FranjasHorariasSGEBuscadorWebPortlet_calendario-wrapper {
        /* width: calc(50% - 20px);
                margin-right: 20px; */
        flex: auto; }
        @media (max-width: 768px) {
          #wrapper #main-content section.portlet .portlet-body .flexCalendar #_es_navarra_cita_previa_web_CitaPreviaWebPortlet_calendario-wrapper,
          #wrapper #main-content section.portlet .portlet-body .flexCalendar #_es_navarra_cita_previa_sge_web_portlet_FranjasHorariasSGEBuscadorWebPortlet_calendario-wrapper {
            width: 100%;
            margin-right: 0; } }
      #wrapper #main-content section.portlet .portlet-body .flexCalendar .calendario {
        width: 50%; }
        @media (max-width: 768px) {
          #wrapper #main-content section.portlet .portlet-body .flexCalendar .calendario {
            width: 100%; } }
      #wrapper #main-content section.portlet .portlet-body .flexCalendar .resultsContainer {
        flex: 0 0 100%; }
        @media screen and (max-width: 768px) {
          #wrapper #main-content section.portlet .portlet-body .flexCalendar .resultsContainer tr {
            display: revert !important; } }
      #wrapper #main-content section.portlet .portlet-body .flexCalendar .lista-franjas {
        width: 50%; }
        @media (max-width: 768px) {
          #wrapper #main-content section.portlet .portlet-body .flexCalendar .lista-franjas {
            width: 100%;
            margin: 20px 0; } }
        #wrapper #main-content section.portlet .portlet-body .flexCalendar .lista-franjas ul {
          list-style: none;
          padding: 0;
          display: flex;
          flex-wrap: wrap;
          gap: 1rem; }
          #wrapper #main-content section.portlet .portlet-body .flexCalendar .lista-franjas ul li {
            margin: 0;
            width: max-content;
            text-align: center; }
            #wrapper #main-content section.portlet .portlet-body .flexCalendar .lista-franjas ul li a {
              display: block;
              padding: 4px 10px;
              background-color: #f3f3f3;
              color: #272e38;
              box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) inset, 0 0.5px 1px var(--color-gray-guide);
              font-family: monospace; }
              #wrapper #main-content section.portlet .portlet-body .flexCalendar .lista-franjas ul li a:hover, #wrapper #main-content section.portlet .portlet-body .flexCalendar .lista-franjas ul li a:focus {
                text-decoration: none;
                background-color: var(--color-gray-guide);
                color: var(--color-white); }
            #wrapper #main-content section.portlet .portlet-body .flexCalendar .lista-franjas ul li.off {
              display: block;
              padding: 4px 10px;
              background: var(--color-dark-gray);
              color: #272e38;
              box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) inset, 0 0.5px 1px var(--color-gray-guide);
              font-family: monospace; }
            #wrapper #main-content section.portlet .portlet-body .flexCalendar .lista-franjas ul li.info {
              font-size: 1rem;
              color: var(--color-red-hover); }
            #wrapper #main-content section.portlet .portlet-body .flexCalendar .lista-franjas ul li.active a {
              background-color: var(--color-red);
              color: var(--color-white);
              text-decoration: none; }
    #wrapper #main-content section.portlet .portlet-body .button-holder.flex {
      display: flex;
      justify-content: space-between; }
      #wrapper #main-content section.portlet .portlet-body .button-holder.flex button.anterior {
        background-color: var(--color-gray-guide) !important; }
      #wrapper #main-content section.portlet .portlet-body .button-holder.flex button:first-of-type {
        margin-right: 10px; }
      #wrapper #main-content section.portlet .portlet-body .button-holder.flex button:last-child {
        margin-left: 10px; }
      #wrapper #main-content section.portlet .portlet-body .button-holder.flex button:first-of-type:disabled {
        margin-right: 0; }
      #wrapper #main-content section.portlet .portlet-body .button-holder.flex button:first-of-type:disabled + button {
        margin-left: 0; }
    #wrapper #main-content section.portlet .portlet-body table .icon-monospaced, #wrapper #main-content section.portlet .portlet-body table .icon-monospaced[class^='icon-'],
    #wrapper #main-content section.portlet .portlet-body table .icon-monospaced[class*=' icon-'] {
      height: auto; }
    #wrapper #main-content section.portlet .portlet-body table tbody tr:nth-of-type(even),
    #wrapper #main-content section.portlet .portlet-body table tbody tr:nth-of-type(even) td,
    #wrapper #main-content section.portlet .portlet-body table tbody tr:nth-of-type(even) th {
      background-color: var(--color-light-gray); }
    #wrapper #main-content section.portlet .portlet-body table.table-hover tbody tr:hover,
    #wrapper #main-content section.portlet .portlet-body table.table-hover tbody tr:hover td,
    #wrapper #main-content section.portlet .portlet-body table.table-hover tbody tr:hover th {
      background-color: var(--color-dark-gray); }
    #wrapper #main-content section.portlet .portlet-body .btn-default {
      color: var(--color-white);
      background-color: var(--color-red);
      border: none;
      width: 100%;
      border-radius: 0;
      letter-spacing: -0.18px;
      line-height: 2.857rem;
      text-transform: uppercase;
      -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.24, 0.9);
      -o-transition: all 0.25s cubic-bezier(0, 0, 0.24, 0.9);
      transition: all 0.25s cubic-bezier(0, 0, 0.24, 0.9); }
      #wrapper #main-content section.portlet .portlet-body .btn-default:focus:enabled, #wrapper #main-content section.portlet .portlet-body .btn-default:active:focus:enabled {
        color: var(--color-white);
        background-color: #ff5252; }
      #wrapper #main-content section.portlet .portlet-body .btn-default:hover:enabled, #wrapper #main-content section.portlet .portlet-body .btn-default:active:hover:enabled {
        color: var(--color-white);
        background-color: var(--color-red-hover); }
      #wrapper #main-content section.portlet .portlet-body .btn-default:disabled {
        opacity: 0.5; }
    #wrapper #main-content section.portlet .portlet-body .lfr-pagination {
      margin-block: 1rem; }
    @media (min-width: 768px) and (max-width: 992.98px) {
      #wrapper #main-content section.portlet .portlet-body .taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector,
      #wrapper #main-content section.portlet .portlet-body .lfr-pagination .lfr-pagination-delta-selector .lfr-icon-menu-text {
        display: inline-block; }
      #wrapper #main-content section.portlet .portlet-body .lfr-pagination-config {
        margin-block-end: 1rem; } }

/* second calendar */
.ui-datepicker .ui-datepicker-header {
  background: #fff;
  border: none;
  cursor: pointer; }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before,
  .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
    content: '';
    font-family: 'Glyphicons Halflings';
    content: "\e079";
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%; }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
    content: "\e079"; }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
    content: "\e080"; }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
  .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
    background: transparent;
    border-color: transparent;
    text-decoration: none; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover:before,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover:before {
      color: #cc3333; }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
    border: none;
    width: auto !important;
    max-width: 45%; }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
    margin-right: 5% !important; }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
    margin-left: 5% !important; }

.ui-datepicker table.ui-datepicker-calendar td a {
  text-align: center; }

@media screen and (max-width: 768px) {
  .ui-datepicker tr {
    display: revert !important; } }