body.grupotic {
  scrollbar-color: #76c3ed #3c3c3c;
  scrollbar-width: thin; }
  body.grupotic .dropdown-menu.open.show ul.dropdown-menu.inner li.selected a {
    color: #76c3ed; }
  body.grupotic .btn.btn-default, body.grupotic .btn.btn-default:hover {
    color: #76c3ed;
    border: 1px solid #76c3ed; }
  body.grupotic .btn-group.bootstrap-select.form-control .btn.btn-default, body.grupotic .btn-group.bootstrap-select.form-control .btn.btn-default:hover {
    border: 1px solid transparent; }
  body.grupotic .btn-group.bootstrap-select.show-tick.form-control {
    border-bottom: 1px solid #153144 !important; }
  body.grupotic #app {
    background: #fff; }
  body.grupotic .header {
    background-color: #f0f3f6; }
    body.grupotic .header .header-block-nav .notifications.new .counter, body.grupotic .header .header-block-nav .profile-dropdown-menu a .icon {
      color: #76c3ed; }
      body.grupotic .header .header-block-nav .profile-dropdown-menu.show a.dropdown-item:hover .icon, body.grupotic .header .header-block-nav .profile-dropdown-menu.show a.dropdown-item:hover {
        color: #153144 !important; }
      body.grupotic .header .header-block-nav > ul > li > a:hover {
        color: #153144; }
    body.grupotic .header .logo {
      width: 10em;
      height: auto; }
    body.grupotic .header .header-block-collapse .collapse-btn {
      color: #153144; }
  body.grupotic .sidebar {
    background-color: #f0f3f6;
    scrollbar-color: #76c3ed #3c3c3c;
    scrollbar-width: 5px; }
    body.grupotic .sidebar .sidebar-menu {
      padding-bottom: 100px; }
      body.grupotic .sidebar .sidebar-menu li a {
        color: #153144; }
      body.grupotic .sidebar .sidebar-menu li a:hover, body.grupotic .sidebar .sidebar-menu li.open > a, body.grupotic .sidebar .sidebar-menu li.open a:hover {
        color: #76c3ed;
        background-color: #153144; }
      body.grupotic .sidebar .sidebar-menu li.open li.open {
        opacity: 0.8; }
      body.grupotic .sidebar .sidebar-menu li.open ul li a {
        color: #fff; }
  body.grupotic a {
    color: #153144; }
  body.grupotic a:hover, body.grupotic .dropdown-menu .dropdown-item:hover {
    color: #76c3ed; }
  body.grupotic .card {
    box-shadow: none; }
  body.grupotic .app {
    padding-left: 15px; }
    body.grupotic .app .header {
      left: 0px; }
    body.grupotic .app .sidebar {
      max-width: 0px; }
  body.grupotic .app.sidebar-open {
    padding-left: 100px; }
    body.grupotic .app.sidebar-open .header {
      left: 100px; }
    body.grupotic .app.sidebar-open .sidebar {
      max-width: 100px;
      padding-bottom: 0px; }
      body.grupotic .app.sidebar-open .sidebar .sidebar-container {
        bottom: 0px; }
      body.grupotic .app.sidebar-open .sidebar a .fa.arrow {
        display: none; }
      body.grupotic .app.sidebar-open .sidebar a * {
        display: block;
        text-align: center; }
      body.grupotic .app.sidebar-open .sidebar a span {
        font-size: 0.7em; }
      body.grupotic .app.sidebar-open .sidebar .menu > ul > li i:nth-child(1) {
        font-size: 3em; }
      body.grupotic .app.sidebar-open .sidebar .sidebar-menu > li > .sidebar-nav > li a {
        padding-left: 10px; }
  body.grupotic .app.sidebar-open-big {
    padding-left: 240px; }
    body.grupotic .app.sidebar-open-big .header {
      left: 240px; }
    body.grupotic .app.sidebar-open-big .sidebar {
      max-width: 240px; }
  body.grupotic .dashbuttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-basis: auto; }
    body.grupotic .dashbuttons > div {
      flex-grow: 3;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 2em; }
      body.grupotic .dashbuttons > div a {
        display: flex;
        width: 150px;
        height: 150px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #76c3ed;
        color: #153144;
        text-align: center;
        border-radius: 6px;
        text-decoration: none;
        text-transform: capitalize;
        padding: 10px;
        -webkit-box-shadow: -1px 3px 12px -2px rgba(0, 0, 0, 0.34);
        -moz-box-shadow: -1px 3px 12px -2px rgba(0, 0, 0, 0.34);
        box-shadow: -1px 3px 12px -2px rgba(0, 0, 0, 0.34); }
        body.grupotic .dashbuttons > div a > * {
          display: flex; }
        body.grupotic .dashbuttons > div a span {
          text-transform: uppercase;
          font-size: 0.7em;
          padding-top: 5px;
          font-weight: bold; }
        body.grupotic .dashbuttons > div a i {
          font-size: 3em; }
      body.grupotic .dashbuttons > div a:hover {
        background: #153144;
        color: #76c3ed; }
    body.grupotic .dashbuttons .break {
      flex-basis: 100%;
      height: 0; }
  body.grupotic .card.card-block.filter {
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    padding-top: 4em; }
    body.grupotic .card.card-block.filter h5 {
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      padding: 0.5em 1em;
      font-size: 1em;
      background: #153144;
      color: #76c3ed; }
  body.grupotic .btn {
    border-radius: 3px; }
  body.grupotic .btn.btn-primary:hover {
    background: #153144;
    color: #76c3ed;
    border: 1px solid #153144; }
  body.grupotic .btn.btn-primary, body.grupotic .pagination .page-item.active .page-link, body.grupotic .pagination .page-item.active .page-link:focus, body.grupotic .pagination .page-item.active .page-link:hover {
    background: #76c3ed;
    color: #153144;
    border: 1px solid #76c3ed; }
  body.grupotic .btn.btn-primary-outline {
    color: #76c3ed;
    border-color: #76c3ed; }
  body.grupotic .card .card-header .nav-tabs .nav-item .nav-link.active:hover, body.grupotic .card .card-header .nav-tabs .nav-item .nav-link.active:focus {
    border-top-color: #76c3ed; }
  body.grupotic .card.card-primary {
    border-color: #76c3ed; }
  body.grupotic .card.card-primary > .card-header {
    background-color: #76c3ed;
    border-color: #76c3ed; }
  body.grupotic .pagination .page-item.active .page-link, body.grupotic .pagination .page-item.active .page-link:focus, body.grupotic .pagination .page-item.active .page-link:hover {
    border-color: #76c3ed;
    background-color: #76c3ed; }
  body.grupotic .pagination .page-item .page-link {
    color: #76c3ed;
    text-decoration: none; }
  body.grupotic .pagination .page-item .page-link:hover {
    background: #153144;
    color: #76c3ed;
    border: 1px solid #153144; }
  body.grupotic .auth-container .auth-header {
    text-align: center;
    border-bottom: 1px solid #76c3ed; }
  body.grupotic ::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #76c3ed; }
  body.grupotic .dropdown-menu .dropdown-item:hover {
    color: #76c3ed !important; }
  body.grupotic .input-group span.input-group-addon.focus {
    background-color: #76c3ed; }
  body.grupotic .has-error .form-control.underlined:focus, body.grupotic .has-warning .form-control.underlined:focus, body.grupotic .has-success .form-control.underlined:focus, body.grupotic .form-control.underlined:focus {
    border-bottom: 1px solid #76c3ed; }
  body.grupotic .form-control.boxed:focus {
    border: 1px solid #76c3ed; }
  body.grupotic .images-container .image-container.active {
    border-color: #76c3ed; }
  body.grupotic .item-list .item-actions-dropdown.active .item-actions-toggle-btn {
    color: #76c3ed; }
  body.grupotic .logo .l {
    background-color: #76c3ed; }
  body.grupotic .modal-body.modal-tab-container .modal-tabs .nav-link:hover, body.grupotic .modal-body.modal-tab-container .modal-tabs .nav-link.active {
    color: #76c3ed;
    border-bottom: 2px solid #76c3ed; }
  body.grupotic .nav.nav-tabs-bordered {
    border-color: #76c3ed; }
  body.grupotic .nav.nav-tabs-bordered + .tab-content {
    border-color: #76c3ed; }
  body.grupotic .nav.nav-tabs-bordered .nav-item .nav-link:hover {
    background-color: #76c3ed;
    border: 1px solid #76c3ed; }
  body.grupotic .nav.nav-tabs-bordered .nav-item .nav-link.active {
    border-color: #76c3ed; }
  body.grupotic .nav.nav-pills .nav-item .nav-link.active {
    border-color: #76c3ed;
    background-color: #76c3ed; }
  body.grupotic .nav.nav-pills .nav-item .nav-link.active:hover {
    background-color: #76c3ed; }
  body.grupotic #nprogress .bar {
    background: #76c3ed !important; }
  body.grupotic #nprogress .bar .peg {
    box-shadow: 0 0 10px #76c3ed, 0 0 5px #76c3ed; }
  body.grupotic #nprogress .spinner .spinner-icon {
    border-top-color: #76c3ed !important;
    border-left-color: #76c3ed !important; }
  body.grupotic .pagination .page-item .page-link {
    color: #76c3ed; }
  body.grupotic #ref .color-primary {
    color: #76c3ed; }
  body.grupotic #ref .chart .color-primary {
    color: #76c3ed; }
  body.grupotic #ref .chart .color-secondary {
    color: #76c3ed; }
  body.grupotic .modal .modal-header {
    background-color: #76c3ed; }
  body.grupotic #modal-media .upload-container .dropzone {
    border: 2px dashed #76c3ed; }
  body.grupotic #modal-media .upload-container .dropzone .dz-message-block .dz-message {
    color: #76c3ed; }
  body.grupotic .dashboard-page .stats .stat-progress {
    color: #76c3ed; }
  body.grupotic .dashboard-page .stats .stat-progress .progress-bar {
    background-color: #76c3ed; }
  body.grupotic .images-container .image-container.new {
    border: 1px #76c3ed solid;
    color: #76c3ed; }
  body.grupotic .radio:checked + span:before, body.grupotic .checkbox:checked + span:before {
    color: #153144; }
  body.grupotic .btn.btn-primary-outline:hover {
    color: #153144;
    background-color: #76c3ed;
    border-color: #76c3ed; }
  body.grupotic .btn.btn-primary-outline.disabled, body.grupotic .btn.btn-primary-outline:disabled {
    color: #153144;
    background-color: #76c3ed;
    border-color: #76c3ed;
    opacity: 0.4; }
  body.grupotic .btn.btn-primary-outline:not(:disabled):not(.disabled):active, body.grupotic .btn.btn-primary-outline:not(:disabled):not(.disabled).active, body.grupotic .show > .btn.btn-primary-outline.dropdown-toggle {
    color: #153144;
    background-color: #76c3ed;
    border-color: #76c3ed; }
  body.grupotic .card .card-header .nav-tabs .nav-item .nav-link.active {
    border-top-color: #76c3ed; }
  body.grupotic ul.nav.nav-tabs {
    border-bottom-color: #153144; }
    body.grupotic ul.nav.nav-tabs li {
      display: flex; }
      body.grupotic ul.nav.nav-tabs li a {
        display: inline-block;
        text-decoration: none;
        color: #76c3ed;
        text-transform: uppercase;
        font-size: 0.75em;
        font-weight: bold;
        padding: 0.5em 1em; }
      body.grupotic ul.nav.nav-tabs li a.active {
        background-color: #153144; }
  body.grupotic .form-control {
    border: 0px;
    border-bottom: 1px solid #153144;
    border-radius: 0px; }
  body.grupotic .form-control:focus {
    border-bottom: 2px solid #76c3ed;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  body.grupotic .btn-group.bootstrap-select.form-control::after, body.grupotic .changepage button::after {
    content: '';
    position: absolute;
    top: 25%;
    right: 12px;
    border-top: 7px solid #76c3ed;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    z-index: 1; }
  body.grupotic .btn-group.bootstrap-select.form-control:disabled::after {
    border-top: 7px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent; }
  body.grupotic .items-search input.form-control, body.grupotic .items-search .btn-group.bootstrap-select.show-tick.form-control {
    border: 0px;
    border-bottom: 1px solid #76c3ed !important; }
    body.grupotic .items-search .input-group-btn button {
      border: 0px;
      border-bottom: 1px solid #76c3ed;
      border-radius: 0px;
      color: #76c3ed; }
  body.grupotic .dropdown-toggle::after, body.grupotic .dropup .dropdown-toggle::after {
    border-top: 7px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent; }
  body.grupotic .changepage button {
    border-bottom: 1px solid #76c3ed !important; }

@media (min-width: 769px) {
  body.grupotic .dashbuttons {
    padding: 3em; }
    body.grupotic .app.sidebar-open .totalsdata {
      padding-left: 150px; }
    body.grupotic .totalsdata {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 1000;
      padding: 1em 2em 0.2em;
      background-color: #153144; }
      body.grupotic .totalsdata > .row, body.grupotic .totalsdata > .row > .col-sm-6 {
        flex-grow: 3;
        flex-direction: column;
        flex: 0 0 17%;
        max-width: 95%; }
      body.grupotic .totalsdata .row .col-sm-6:nth-child(1) {
        display: none; }
      body.grupotic .totalsdata .row > .col-sm-6 .form-group.row {
        flex-direction: column; }
      body.grupotic .totalsdata .row > .col-sm-6 .form-group.row > * {
        flex: 0 0 100%;
        max-width: 100%; }
      body.grupotic .totalsdata label {
        color: #76c3ed;
        font-size: 0.8em; }
      body.grupotic .totalsdata input {
        height: 27px; }
    body.grupotic .formactiosn {
      padding-right: 40px; }
    body.grupotic .actionsorder.form-group.row {
      position: fixed;
      top: 1.3em;
      width: 100px;
      right: 0;
      height: calc(100% - 1.5em - 8em);
      background: #f0f3f6;
      padding: 0.5em 0.2em;
      flex-direction: row; }
      body.grupotic .actionsorder.form-group.row > * {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0 0.5em;
        margin: 0; }
        body.grupotic .actionsorder.form-group.row > * > .btn {
          max-width: 90%;
          display: flex;
          height: 80px;
          flex-direction: row;
          flex-wrap: wrap;
          align-items: center;
          align-content: center;
          flex-grow: 3; }
          body.grupotic .actionsorder.form-group.row > * > .btn > * {
            display: block;
            width: 50px;
            font-size: 0.65em;
            white-space: pre-wrap;
            flex-grow: 3; }
          body.grupotic .actionsorder.form-group.row > * > .btn > i {
            font-size: 2em; }

  .tab-content > .tab-pane > .card h3 {
    display: none; }

  iframe.iframepage {
    width: 100%;
    height: 100%;
    border: none; }

  .modalpage .modal-dialog {
    min-height: 600px; }
    .modalpage .modal-dialog .modal-content {
      height: 600px; }
      .modalpage .modal-dialog .modal-content .modal-body {
        min-height: calc(100% - 50px); }
    .modalpage .modal-dialog .modal-header {
      padding: 7px; }
      .modalpage .modal-dialog .modal-header h4.modal-title {
        font-size: 1em; } }

body.grupotic.notheader header, body.grupotic.notheader .sidebar, body.grupotic.notheader div#sidebar-overlay {
  display: none; }
  body.grupotic.notheader .app {
    padding: 0 !important;
    margin: 0 !important; }
    body.grupotic.notheader .app .content {
      padding: 0 !important;
      margin: 0 !important; }

.bootstrap-select.btn-group .dropdown-menu li.hidden {
  display: none; }

@media (min-width: 1100px) {
  body.grupotic .modal-lg {
    max-width: 1025px; } }

@media (max-width: 768px) {
  body.grupotic li.item.item-list-header {
    display: none; }
    body.grupotic .item-row {
      flex-direction: column; } }

.card.card-block.filter.hiddenform {
  padding-top: 20px !important;
}

.card.card-block.filter.hiddenform form, .card.card-block.filter.hiddenform .bodyform{
  display: none;
}
.card.card-block.filter h5{
  cursor: pointer;
}