.copyAmt {
  cursor: pointer;
  border-radius: 3px;
  transition: background-color 0.15s; }
  .copyAmt:hover {
    background-color: rgba(0, 0, 0, 0.07); }
  .copyAmt--copied {
    background-color: #d4edda !important;
    color: #155724; }

.divisa {
  font-weight: 800;
  font-size: 9px; }

.botonAdministracion {
  font-size: 15px;
  background: transparent;
  box-shadow: none;
  border: none; }
  .botonAdministracion i {
    color: inherit;
    cursor: pointer; }

.regresarPaginaPrincipal {
  width: 100%;
  display: inline-block;
  background: #333;
  color: white;
  text-decoration: none;
  padding: 10px;
  margin-bottom: 4px; }
  .regresarPaginaPrincipal:hover {
    color: white; }

.paginator .pagination li {
  margin: 10px;
  background: lightgrey;
  height: 24px;
  width: 24px;
  text-align: center; }
  .paginator .pagination li a {
    text-decoration: none;
    height: 24px;
    width: 24px;
    text-align: center; }

main {
  display: flex; }
  main .newhhConfigurations {
    position: absolute;
    right: 200px;
    top: 0px;
    font-size: 12px;
    border-radius: 0% 0% 5px 5px;
    border-right: 1px solid grey;
    border-left: 1px solid grey;
    border-bottom: 1px solid grey;
    background: white;
    padding: 2px 4px; }
  main .hhTasksColumn {
    background: #333;
    flex: 15 1;
    display: inline-block;
    vertical-align: top;
    padding: 15px 10px; }
    main .hhTasksColumn h5 {
      display: flex;
      color: white; }
      main .hhTasksColumn h5 div {
        flex: 1 1; }
      main .hhTasksColumn h5 button {
        flex: 1 1; }
    main .hhTasksColumn .modal {
      color: black; }
      main .hhTasksColumn .modal h5 {
        color: black; }
    main .hhTasksColumn .hhRowTaskBody {
      display: block;
      font-size: 12px;
      text-align: center;
      margin-bottom: 5px; }
      main .hhTasksColumn .hhRowTaskBody.doneTask {
        background: green;
        color: white; }
        main .hhTasksColumn .hhRowTaskBody.doneTask textarea {
          background: green;
          color: white; }
        main .hhTasksColumn .hhRowTaskBody.doneTask .taskButtons {
          display: none; }
        main .hhTasksColumn .hhRowTaskBody.doneTask .taskContentActions i.fa-upload {
          display: none; }
        main .hhTasksColumn .hhRowTaskBody.doneTask .taskContentActions i.fa-undo {
          background: orange;
          border-radius: 50%;
          padding: 4px; }
      main .hhTasksColumn .hhRowTaskBody .taskContent {
        display: inline-block;
        width: 100%;
        padding: 3px;
        text-align: left;
        cursor: pointer;
        height: 60px;
        min-height: 60px;
        overflow: hidden;
        position: relative; }
        main .hhTasksColumn .hhRowTaskBody .taskContent i {
          display: inline-block; }
        main .hhTasksColumn .hhRowTaskBody .taskContent .dragButton {
          position: absolute;
          right: 0px;
          top: 0px;
          padding: 2px 4px; }
        main .hhTasksColumn .hhRowTaskBody .taskContent .input {
          width: 100%;
          padding: 0px;
          display: inline-block;
          height: auto; }
          main .hhTasksColumn .hhRowTaskBody .taskContent .input textarea {
            display: inline-block;
            width: 100%;
            border: none;
            padding-top: 2px;
            resize: none;
            overflow: hidden;
            height: 10px; }
            main .hhTasksColumn .hhRowTaskBody .taskContent .input textarea:focus, main .hhTasksColumn .hhRowTaskBody .taskContent .input textarea:focus-visible {
              border: none;
              outline: none; }
        main .hhTasksColumn .hhRowTaskBody .taskContent .taskContentFiles {
          margin: 5px;
          margin-top: 9px; }
          main .hhTasksColumn .hhRowTaskBody .taskContent .taskContentFiles .col-4 {
            position: relative;
            padding: 0px;
            background: lightgrey;
            vertical-align: middle; }
            main .hhTasksColumn .hhRowTaskBody .taskContent .taskContentFiles .col-4 i {
              position: absolute;
              right: 0px;
              color: white;
              width: 16px;
              height: 16px;
              z-index: 1;
              cursor: pointer; }
        main .hhTasksColumn .hhRowTaskBody .taskContent .taskContentActions {
          padding-top: 3px;
          display: flex;
          text-align: center; }
          main .hhTasksColumn .hhRowTaskBody .taskContent .taskContentActions .taskContentAction {
            flex: 1 1;
            display: inline-block;
            padding-top: 5px;
            cursor: pointer; }
            main .hhTasksColumn .hhRowTaskBody .taskContent .taskContentActions .taskContentAction:first-child {
              flex: 3 1;
              text-align: left;
              padding-left: 8px; }
              main .hhTasksColumn .hhRowTaskBody .taskContent .taskContentActions .taskContentAction:first-child:hover {
                background: lightgrey !important;
                color: black !important; }
            main .hhTasksColumn .hhRowTaskBody .taskContent .taskContentActions .taskContentAction:hover {
              background: white !important; }
              main .hhTasksColumn .hhRowTaskBody .taskContent .taskContentActions .taskContentAction:hover i {
                color: black !important; }
            main .hhTasksColumn .hhRowTaskBody .taskContent .taskContentActions .taskContentAction i {
              width: 20px;
              height: 20px;
              color: white; }
      main .hhTasksColumn .hhRowTaskBody .taskButtons {
        display: inline-block;
        width: 40px;
        font-weight: bold;
        font-size: 11px;
        text-align: right;
        padding-right: 5px;
        position: absolute;
        left: calc(15% - 50px); }
        main .hhTasksColumn .hhRowTaskBody .taskButtons i {
          background: #fafafa;
          cursor: pointer; }
  main .hhScheduleColumn {
    width: 15%;
    display: inline-block;
    vertical-align: top;
    padding: 15px 0px;
    margin-left: -10px;
    margin-top: -12px; }
    main .hhScheduleColumn .modifySchedules {
      position: absolute;
      left: calc(15% - 30px);
      top: 0px;
      font-size: 10px;
      border-radius: 0% 0% 5px 5px;
      border-right: 1px solid grey;
      border-left: 1px solid grey;
      border-bottom: 1px solid grey;
      background: white;
      padding: 1px 2px; }
    main .hhScheduleColumn .hhRowScheduleBody {
      font-size: 12px;
      text-align: center;
      font-weight: bold; }
      main .hhScheduleColumn .hhRowScheduleBody div:not(:first-child) {
        display: inline-block;
        width: 91.98%;
        margin-bottom: 1px;
        padding-top: 1px;
        padding-bottom: 1px; }
      main .hhScheduleColumn .hhRowScheduleBody div:first-child {
        display: inline-block;
        width: 4%;
        font-weight: bold;
        font-size: 11px;
        position: relative;
        top: -11px;
        text-align: right;
        padding-right: 10px; }
      main .hhScheduleColumn .hhRowScheduleBody.hhRowStyleRed div:not(:first-child) {
        background: #ffe5d9;
        color: #d15117; }
      main .hhScheduleColumn .hhRowScheduleBody.hhRowStyleRed.active {
        background: black; }
      main .hhScheduleColumn .hhRowScheduleBody.hhRowStyleBlue div:not(:first-child) {
        background: #c4f1ff;
        color: #009dcf; }
      main .hhScheduleColumn .hhRowScheduleBody.hhRowStyleBlue.active {
        background: black; }
      main .hhScheduleColumn .hhRowScheduleBody.hhRowStylePurple div:not(:first-child) {
        background: #ffe0f1;
        color: #cc2982; }
      main .hhScheduleColumn .hhRowScheduleBody.hhRowStylePurple.active {
        background: black; }
      main .hhScheduleColumn .hhRowScheduleBody.hhRowStyleDarkBlue div:not(:first-child) {
        background: #e3e9ff;
        color: #355be6; }
      main .hhScheduleColumn .hhRowScheduleBody.hhRowStyleDarkBlue.active {
        background: black; }
      main .hhScheduleColumn .hhRowScheduleBody.hhRowStyleYellow div:not(:first-child) {
        background: #fff7d9;
        color: #f7c711; }
      main .hhScheduleColumn .hhRowScheduleBody.hhRowStyleYellow.active {
        background: black; }
      main .hhScheduleColumn .hhRowScheduleBody.hhRowStyleGrey div:not(:first-child) {
        background: #e8e8e8;
        color: #696969; }
      main .hhScheduleColumn .hhRowScheduleBody.hhRowStyleGrey.active {
        background: black; }
  main .hhOperationsColumn {
    display: inline-block;
    flex: 85 1;
    vertical-align: top;
    padding: 0px 15px; }
    main .hhOperationsColumn h5 {
      font-size: 16px; }
  main .ufContainer {
    position: absolute;
    right: 20px;
    top: 0px;
    border-bottom: 1px solid grey;
    border-right: 1px solid grey;
    border-left: 1px solid grey;
    border-radius: 0px 0px 5px 5px;
    padding: 0px 5px 0px 5px;
    font-size: 11px;
    font-weight: bold; }
  main .hhPeriod {
    position: absolute;
    text-align: center;
    margin: 0 auto;
    left: calc(50% - 54px);
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 5px; }
    main .hhPeriod span {
      background: blue;
      color: white;
      padding: 2px 5px;
      display: inline-block;
      width: 65px;
      border-radius: 4px; }
    main .hhPeriod a {
      margin-left: 3px;
      margin-right: 3px;
      border-radius: 50%; }
      main .hhPeriod a i {
        padding: 2px 5px; }
  main .hhArea {
    padding: 15px 0px;
    font-size: 14px; }
  main .hhForm {
    display: flex;
    flex-direction: row; }
    main .hhForm form {
      display: flex;
      width: 100%; }
      main .hhForm form .hhFormInput {
        flex: 1 1;
        flex-basis: 10%; }
        main .hhForm form .hhFormInput .input .form-control {
          border-radius: 0;
          box-shadow: none; }
  main .hhRowTableHeader {
    border-bottom: 1px solid grey;
    font-weight: bold;
    padding: 0px; }
    main .hhRowTableHeader .hhFieldTableHeader {
      display: inline-block;
      padding: 5px; }
  main .hhRowTableFooter {
    border-top: 1px solid grey;
    font-weight: bold;
    padding: 0px; }
  main .hhRowTableBody {
    border-bottom: 1px solid lightgrey;
    padding: 0px; }
    main .hhRowTableBody.hhRowTableBodyInactive {
      opacity: .3; }
    main .hhRowTableBody .hhFieldTableBody {
      display: inline-block;
      padding: 5px;
      vertical-align: top; }
      main .hhRowTableBody .hhFieldTableBody .form-control {
        font-size: 14px;
        padding: 5px; }
  main .hhCharts .hhChartsTime .hhBar {
    width: 2.8%;
    font-size: 11px;
    display: inline-block;
    background-color: #00e0bb;
    position: relative; }
    main .hhCharts .hhChartsTime .hhBar .hhNumberInBar {
      background: #ececec;
      border-radius: 3px;
      position: absolute;
      bottom: 0px;
      margin-bottom: -36px;
      text-align: center;
      width: 100%; }

.modal-dialog {
  font-size: 14px; }
  .modal-dialog .form-control {
    font-size: 14px;
    padding: 5px; }

.alert {
  margin-bottom: 0px; }

.dynamicFormElement {
  display: none; }
  .dynamicFormElement .input.checkbox {
    display: inline-block; }

small.currency {
  font-size: 10px;
  font-weight: bold;
  vertical-align: middle; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

@media (max-width: 900px) {
  .hideOnMobile {
    display: none; }

  .main {
    flex-direction: column; }
    .main .hhForm {
      flex-direction: column; } }

/*# sourceMappingURL=silksong.css.map */