@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Dosis:300,700|Ubuntu+Mono|Lato:300,400,700,300italic,400italic&subset=latin,latin-ext);


a {
    color:#FFF;
}

#miseccion{
	
	/*position:absolute !important;
	width:100% !important;
	height:100% !important;
	*/
}

.page {
  padding: 20px;
  background-color: #e7eaeb; }

.page-full {
  height: 100%;
  padding: 0; }

.page-core {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 60px 10px;
  background-color: #3f4e62; }

.page-tree {
  height: 100%;
  padding: 0; }

.w-xxxl, .w-640 {
  width: 640px; }
  
.page-chat #inbox {
  margin: 20px -15px -15px; }
  .page-chat #inbox > li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .page-chat #inbox > li:last-child {
      border-bottom: 0;
      padding-bottom: 0;
      margin-bottom: 0; }
    .page-chat #inbox > li > a {
      display: block;
      position: relative;
      color: #616f77;
      padding: 15px; }
      .page-chat #inbox > li > a:hover {
        text-decoration: none;
        background-color: rgba(255, 255, 255, 0.5); }
        .page-chat #inbox > li > a:hover .chat-actions {
          display: block; }
      .page-chat #inbox > li > a:focus {
        text-decoration: none; }
      .page-chat #inbox > li > a .media {
        position: relative;
        height: 45px; }
        .page-chat #inbox > li > a .media .media-body {
          width: 100%;
          display: inline-block;
          padding-right: 40px;
          position: absolute;
          top: 0; }
      .page-chat #inbox > li > a .message {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        width: 85%; }
      .page-chat #inbox > li > a .chat-actions {
        font-size: 11px;
        display: none; }
        .page-chat #inbox > li > a .chat-actions > span {
          margin-left: 4px;
          cursor: pointer; }
          .page-chat #inbox > li > a .chat-actions > span.archive:hover {
            color: #ff4a43; }
          .page-chat #inbox > li > a .chat-actions > span.mark-unread:hover {
            color: #16a085; }
            .page-chat #inbox > li > a .chat-actions > span.mark-unread:hover i:before {
              content: "\f111"; }
          .page-chat #inbox > li > a .chat-actions > span.mark-readed {
            color: #16a085; }
            .page-chat #inbox > li > a .chat-actions > span.mark-readed:hover {
              color: #616f77; }
              .page-chat #inbox > li > a .chat-actions > span.mark-readed:hover i:before {
                content: "\f10c"; }
    .page-chat #inbox > li.active > a {
      background-color: white; }
.page-chat ul.chats > li .media-body {
  padding: 10px; }
.page-chat ul.chats > li.in .media-body {
  background-color: white;
  padding-left: 20px; }
.page-chat ul.chats > li.out .media-body {
  background-color: rgba(255, 255, 255, 0.5);
  padding-right: 20px; }

ul.chats {
  list-style: none; }
  ul.chats > li {
    margin: 20px auto;
    font-size: 12px; }
    ul.chats > li:last-child {
      margin-bottom: 0; }
    ul.chats > li .media {
      position: relative;
      z-index: 1; }
    ul.chats > li .name,
    ul.chats > li .datetime {
      font-size: 14px;
      font-weight: 400; }
    ul.chats > li .datetime {
      color: #95a2a9;
      font-size: 12px; }
    ul.chats > li.conversation-divider {
      font-size: 10px;
      color: white;
      text-align: center; }
      ul.chats > li.conversation-divider span {
        display: inline-block;
        position: relative;
        background-color: rgba(0, 0, 0, 0.15);
        padding: 4px 10px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
    ul.chats > li.in .media-body {
      text-align: left;
      border-left: 3px solid #16a085;
      margin-left: 65px;
      padding-left: 5px; }
    ul.chats > li.in .name {
      color: #16a085; }
    ul.chats > li.in .media:after {
      content: "";
      height: 0;
      width: 0;
      border-bottom: 4px solid transparent;
      border-right: 4px solid #16a085;
      border-top: 4px solid transparent;
      position: absolute;
      top: 18px;
      left: 36px;
      z-index: 1; }
    ul.chats > li.out .media-body {
      border-right: 3px solid #e05d6f;
      margin-right: 65px;
      text-align: right;
      padding-right: 5px; }
    ul.chats > li.out .name {
      color: #e05d6f; }
    ul.chats > li.out .name,
    ul.chats > li.out .datetime {
      text-align: right; }
    ul.chats > li.out .media:after {
      content: "";
      height: 0;
      width: 0;
      border-bottom: 4px solid transparent;
      border-left: 4px solid #e05d6f;
      border-top: 4px solid transparent;
      position: absolute;
      top: 18px;
      right: 36px;
      z-index: 1; }

.chat-form {
  padding: 10px;
  background-color: #dbe0e2;
  overflow: hidden;
  clear: both; }

.page.page-mail #mail-nav #mail-folders > li > a,
.page.page-mail #mail-nav #mail-labels > li > a {
  color: #616f77; }
  .page.page-mail #mail-nav #mail-folders > li > a .badge,
  .page.page-mail #mail-nav #mail-labels > li > a .badge {
    margin-top: 2px; }
  .page.page-mail #mail-nav #mail-folders > li > a:hover,
  .page.page-mail #mail-nav #mail-labels > li > a:hover {
    background-color: white; }
.page.page-mail #mail-nav #mail-folders > li.active > a,
.page.page-mail #mail-nav #mail-labels > li.active > a {
  color: white; }
  .page.page-mail #mail-nav #mail-folders > li.active > a:hover,
  .page.page-mail #mail-nav #mail-labels > li.active > a:hover {
    background-color: #10acdd; }
.page.page-mail #mails-list {
  margin-bottom: 0; }
  .page.page-mail #mails-list > li {
    border: 0;
    border-left: 3px solid;
    margin-bottom: 1px;
    padding: 20px; }
    .page.page-mail #mails-list > li .thumb > div {
      height: 40px;
      background-color: #616f77;
      color: white;
      text-transform: uppercase;
      font-size: 26px;
      font-family: "Dosis", "Arial", sans-serif;
      padding: 1px 0;
      text-align: center; }
    .page.page-mail #mails-list > li .media-heading > a {
      font-weight: 700; }
      .page.page-mail #mails-list > li .media-heading > a:hover {
        text-decoration: none; }
    .page.page-mail #mails-list > li .controls {
      display: inline-block;
      margin-right: 10px;
      vertical-align: top;
      text-align: center;
      margin-top: -2px; }
      .page.page-mail #mails-list > li .controls .favourite {
        font-size: 16px; }
        .page.page-mail #mails-list > li .controls .favourite:hover, .page.page-mail #mails-list > li .controls .favourite:focus:hover {
          color: #798992; }
        .page.page-mail #mails-list > li .controls .favourite:focus {
          color: #ffc100; }
      .page.page-mail #mails-list > li .controls .mail-select {
        width: 20px; }
.page.page-mail .ta-root .ta-scroll-window {
  min-height: 160px; }

.page-search-results .search-bar {
  margin: 10px 0; }
.page-search-results .search-results {
  list-style: none;
  padding: 10px 0;
  margin: 0; }
  .page-search-results .search-results > .search-result {
    padding: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
    .page-search-results .search-results > .search-result:last-child {
      border-bottom: 0;
      padding-bottom: 0; }
    .page-search-results .search-results > .search-result .cover {
      padding: 20px;
      background-color: white;
      -webkit-transition: all 0.25s linear;
      -moz-transition: all 0.25s linear;
      transition: all 0.25s linear;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px; }
      .page-search-results .search-results > .search-result .cover h4 {
        padding: 0;
        margin: 0 0 10px 0;
        font-weight: 700;
        font-family: "Dosis", "Arial", sans-serif; }
        .page-search-results .search-results > .search-result .cover h4 a {
          color: #3f484d; }
          .page-search-results .search-results > .search-result .cover h4 a:hover {
            text-decoration: none;
            color: #418bca; }
      .page-search-results .search-results > .search-result .cover > p {
        color: #95a2a9; }
      .page-search-results .search-results > .search-result .cover > a {
        font-size: 12px;
        color: #418bca; }
        .page-search-results .search-results > .search-result .cover > a:hover {
          color: #69a3d5; }
    .page-search-results .search-results > .search-result:hover .cover {
      background-color: #fafafa; }
    .page-search-results .search-results > .search-result .media img {
      width: 130px;
      max-height: 85px;
      margin-right: 10px; }
      .page-search-results .search-results > .search-result .media img.img-circle {
        width: 85px; }
    .page-search-results .search-results > .search-result .media > a > i {
      width: 130px;
      background-color: rgba(0, 0, 0, 0.05);
      margin-right: 10px;
      line-height: 85px;
      text-align: center;
      color: #616f77;
      font-size: 3.5em;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px; }
    .page-search-results .search-results > .search-result .media > a:hover i {
      color: #418bca; }
    .page-search-results .search-results > .search-result .media .media-body small {
      font-size: 10px;
      color: #95a2a9; }
.page-search-results .refine-results .slider {
  width: 100%; }

.search-filters > a {
  padding: 5px 15px;
  border: 1px solid #616f77;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 12px;
  margin: 0 2px;
  color: #616f77;
  line-height: 36px; }
  .search-filters > a:hover {
    border: 1px solid #418bca;
    color: #418bca;
    text-decoration: none; }
  .search-filters > a.active {
    background-color: #418bca;
    border-color: transparent;
    color: white; }

html {
  /*background-color: #cbd1d4; */
   background: rgb(63, 78, 98);}
  html.boxed-layout {
    height: 100%; }
    html.boxed-layout body {
      height: 100%;
      background-color: #cbd1d4; }
    html.boxed-layout #wrap {
      min-height: 100%;
      margin: 0 auto;
      position: relative;
      -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
      background-color: #e7eaeb; }
    html.boxed-layout #header {
      position: relative !important; }
    html.boxed-layout .appWrapper.header-static.aside-fixed #header .branding {
      left: auto;
      margin-left: -250px; }
    html.boxed-layout .appWrapper.header-static.aside-fixed.sidebar-sm #header .branding {
      margin-left: -80px; }
    html.boxed-layout .appWrapper.header-static.aside-fixed.sidebar-xs #header .branding {
      margin-left: -40px; }
    html.boxed-layout .appWrapper.header-fixed #header {
      position: fixed !important;
      left: auto;
      right: auto;
      width: 100%; }

@media only screen and (min-width: 768px) {
  html.boxed-layout #wrap {
    width: 750px; }
  html.boxed-layout .appWrapper.header-fixed #header {
    width: 750px; } }
@media only screen and (min-width: 992px) {
  html.boxed-layout #wrap {
    width: 970px; }
  html.boxed-layout .appWrapper.header-fixed #header {
    width: 970px; } }
@media only screen and (min-width: 1200px) {
  html.boxed-layout #wrap {
    width: 1170px; }
  html.boxed-layout .appWrapper.header-fixed #header {
    width: 1170px; } }
@media only screen and (min-width: 1100px) {
  .hz-menu #sidebar {
    width: 100%;
    bottom: auto !important; }
    .hz-menu #sidebar .slimScrollDiv {
      overflow: visible !important; }
    .hz-menu #sidebar uib-accordion {
      height: auto !important;
      overflow: visible !important; }
      .hz-menu #sidebar uib-accordion .panel-heading,
      .hz-menu #sidebar uib-accordion .charts,
      .hz-menu #sidebar uib-accordion .settings {
        display: none; }
      .hz-menu #sidebar uib-accordion .panel-body {
        padding: 0 10px; }
      .hz-menu #sidebar uib-accordion .panel-collapse.collapse {
        display: block !important; }
      .hz-menu #sidebar uib-accordion .panel-group {
        height: auto; }
        .hz-menu #sidebar uib-accordion .panel-group .panel,
        .hz-menu #sidebar uib-accordion .panel-group .panel-collapse,
        .hz-menu #sidebar uib-accordion .panel-group .panel-body {
          height: auto !important; }
  .hz-menu #header {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    z-index: 999; }
    .hz-menu #header .sidebar-collapse {
      display: none; }
  .hz-menu #navigation > li {
    display: inline-block;
    float: left;
    overflow: visible !important; }
    .hz-menu #navigation > li > a {
      text-align: center;
      padding: 15px;
      font-weight: 300;
      font-size: 12px; }
      .hz-menu #navigation > li > a .badge {
        left: 5px; }
      .hz-menu #navigation > li > a .label {
        top: 5px;
        left: 5px;
        right: auto; }
      .hz-menu #navigation > li > a > i {
        display: block;
        margin: 0 auto 2px; }
    .hz-menu #navigation > li.dropdown > a > i:last-of-type {
      top: auto;
      bottom: 3px;
      left: 50%;
      margin-left: -10px; }
      .hz-menu #navigation > li.dropdown > a > i:last-of-type:before {
        content: "\f107"; }
    .hz-menu #navigation > li.dropdown > ul {
      position: absolute;
      left: 0;
      top: 100%;
      width: auto;
      min-width: 220px;
      background-color: #3c3246; }
    .hz-menu #navigation > li.dropdown.open > ul {
      display: none !important; }
    .hz-menu #navigation > li.dropdown:hover > ul {
      display: block !important; }
    .hz-menu #navigation > li li.submenu > ul {
      position: absolute;
      left: 100%;
      top: 0;
      width: auto;
      min-width: 220px;
      background-color: #3c3246; }
    .hz-menu #navigation > li li.submenu.open > ul {
      display: none !important; }
    .hz-menu #navigation > li li.submenu:hover > ul {
      display: block !important; }
  .hz-menu #content {
    left: 0 !important;
    top: 110px !important; }

  .appWrapper.hz-menu.aside-static #controls {
    width: 100%; }
    .appWrapper.hz-menu.aside-static #controls #sidebar {
      min-height: 0; }
  .appWrapper.hz-menu.aside-static #content {
    padding-left: 0 !important;
    padding-top: 110px !important; }
  .appWrapper.hz-menu.aside-static.header-static #content {
    padding-top: 60px !important; }
  .appWrapper.hz-menu.header-static.aside-fixed #header {
    position: fixed;
    left: 0;
    right: 0; }
  .appWrapper.hz-menu.header-static.aside-fixed #content {
    padding-left: 0 !important;
    padding-top: 110px !important; } }
.appWrapper.rtl {
  /*******************************************************************************
  *              bootstrap-rtl (Version 3.2.0-rc7)
  *      Author: Morteza Ansarinia <ansarinia@me.com> (http://github.com/morteza)
  *  Created on: September 11,2014
  *     Project: bootstrap-rtl
  *   Copyright: See the file "LICENSE.md" for the full license governing this code.
  *******************************************************************************/
  direction: rtl;
  unicode-bidi: embed; }
  .appWrapper.rtl .list-unstyled {
    padding-right: 0;
    padding-left: initial; }
  .appWrapper.rtl .list-inline {
    padding-right: 0;
    padding-left: initial;
    margin-right: -5px;
    margin-left: 0; }
  .appWrapper.rtl dd {
    margin-right: 0;
    margin-left: initial; }
  @media (min-width: 768px) {
    .appWrapper.rtl .dl-horizontal dt {
      float: right;
      clear: right;
      text-align: left; }
    .appWrapper.rtl .dl-horizontal dd {
      margin-right: 180px;
      margin-left: 0; } }
  .appWrapper.rtl blockquote {
    border-right: 5px solid #eee;
    border-left: 0; }
  .appWrapper.rtl .blockquote-reverse, .appWrapper.rtl blockquote.pull-left {
    padding-left: 15px;
    padding-right: 0;
    border-left: 5px solid #eee;
    border-right: 0;
    text-align: left; }
  .appWrapper.rtl .col-xs-1, .appWrapper.rtl .col-sm-1, .appWrapper.rtl .col-md-1, .appWrapper.rtl .col-lg-1, .appWrapper.rtl .col-xs-2, .appWrapper.rtl .col-sm-2, .appWrapper.rtl .col-md-2, .appWrapper.rtl .col-lg-2, .appWrapper.rtl .col-xs-3, .appWrapper.rtl .col-sm-3, .appWrapper.rtl .col-md-3, .appWrapper.rtl .col-lg-3, .appWrapper.rtl .col-xs-4, .appWrapper.rtl .col-sm-4, .appWrapper.rtl .col-md-4, .appWrapper.rtl .col-lg-4, .appWrapper.rtl .col-xs-5, .appWrapper.rtl .col-sm-5, .appWrapper.rtl .col-md-5, .appWrapper.rtl .col-lg-5, .appWrapper.rtl .col-xs-6, .appWrapper.rtl .col-sm-6, .appWrapper.rtl .col-md-6, .appWrapper.rtl .col-lg-6, .appWrapper.rtl .col-xs-7, .appWrapper.rtl .col-sm-7, .appWrapper.rtl .col-md-7, .appWrapper.rtl .col-lg-7, .appWrapper.rtl .col-xs-8, .appWrapper.rtl .col-sm-8, .appWrapper.rtl .col-md-8, .appWrapper.rtl .col-lg-8, .appWrapper.rtl .col-xs-9, .appWrapper.rtl .col-sm-9, .appWrapper.rtl .col-md-9, .appWrapper.rtl .col-lg-9, .appWrapper.rtl .col-xs-10, .appWrapper.rtl .col-sm-10, .appWrapper.rtl .col-md-10, .appWrapper.rtl .col-lg-10, .appWrapper.rtl .col-xs-11, .appWrapper.rtl .col-sm-11, .appWrapper.rtl .col-md-11, .appWrapper.rtl .col-lg-11, .appWrapper.rtl .col-xs-12, .appWrapper.rtl .col-sm-12, .appWrapper.rtl .col-md-12, .appWrapper.rtl .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .appWrapper.rtl .col-xs-1, .appWrapper.rtl .col-xs-2, .appWrapper.rtl .col-xs-3, .appWrapper.rtl .col-xs-4, .appWrapper.rtl .col-xs-5, .appWrapper.rtl .col-xs-6, .appWrapper.rtl .col-xs-7, .appWrapper.rtl .col-xs-8, .appWrapper.rtl .col-xs-9, .appWrapper.rtl .col-xs-10, .appWrapper.rtl .col-xs-11, .appWrapper.rtl .col-xs-12 {
    float: right; }
  .appWrapper.rtl .col-xs-12 {
    width: 100%; }
  .appWrapper.rtl .col-xs-11 {
    width: 91.66666667%; }
  .appWrapper.rtl .col-xs-10 {
    width: 83.33333333%; }
  .appWrapper.rtl .col-xs-9 {
    width: 75%; }
  .appWrapper.rtl .col-xs-8 {
    width: 66.66666667%; }
  .appWrapper.rtl .col-xs-7 {
    width: 58.33333333%; }
  .appWrapper.rtl .col-xs-6 {
    width: 50%; }
  .appWrapper.rtl .col-xs-5 {
    width: 41.66666667%; }
  .appWrapper.rtl .col-xs-4 {
    width: 33.33333333%; }
  .appWrapper.rtl .col-xs-3 {
    width: 25%; }
  .appWrapper.rtl .col-xs-2 {
    width: 16.66666667%; }
  .appWrapper.rtl .col-xs-1 {
    width: 8.33333333%; }
  .appWrapper.rtl .col-xs-pull-12 {
    left: 100%;
    right: auto; }
  .appWrapper.rtl .col-xs-pull-11 {
    left: 91.66666667%;
    right: auto; }
  .appWrapper.rtl .col-xs-pull-10 {
    left: 83.33333333%;
    right: auto; }
  .appWrapper.rtl .col-xs-pull-9 {
    left: 75%;
    right: auto; }
  .appWrapper.rtl .col-xs-pull-8 {
    left: 66.66666667%;
    right: auto; }
  .appWrapper.rtl .col-xs-pull-7 {
    left: 58.33333333%;
    right: auto; }
  .appWrapper.rtl .col-xs-pull-6 {
    left: 50%;
    right: auto; }
  .appWrapper.rtl .col-xs-pull-5 {
    left: 41.66666667%;
    right: auto; }
  .appWrapper.rtl .col-xs-pull-4 {
    left: 33.33333333%;
    right: auto; }
  .appWrapper.rtl .col-xs-pull-3 {
    left: 25%;
    right: auto; }
  .appWrapper.rtl .col-xs-pull-2 {
    left: 16.66666667%;
    right: auto; }
  .appWrapper.rtl .col-xs-pull-1 {
    left: 8.33333333%;
    right: auto; }
  .appWrapper.rtl .col-xs-pull-0 {
    left: auto;
    right: auto; }
  .appWrapper.rtl .col-xs-push-12 {
    right: 100%;
    left: 0; }
  .appWrapper.rtl .col-xs-push-11 {
    right: 91.66666667%;
    left: 0; }
  .appWrapper.rtl .col-xs-push-10 {
    right: 83.33333333%;
    left: 0; }
  .appWrapper.rtl .col-xs-push-9 {
    right: 75%;
    left: 0; }
  .appWrapper.rtl .col-xs-push-8 {
    right: 66.66666667%;
    left: 0; }
  .appWrapper.rtl .col-xs-push-7 {
    right: 58.33333333%;
    left: 0; }
  .appWrapper.rtl .col-xs-push-6 {
    right: 50%;
    left: 0; }
  .appWrapper.rtl .col-xs-push-5 {
    right: 41.66666667%;
    left: 0; }
  .appWrapper.rtl .col-xs-push-4 {
    right: 33.33333333%;
    left: 0; }
  .appWrapper.rtl .col-xs-push-3 {
    right: 25%;
    left: 0; }
  .appWrapper.rtl .col-xs-push-2 {
    right: 16.66666667%;
    left: 0; }
  .appWrapper.rtl .col-xs-push-1 {
    right: 8.33333333%;
    left: 0; }
  .appWrapper.rtl .col-xs-push-0 {
    right: auto;
    left: 0; }
  .appWrapper.rtl .col-xs-offset-12 {
    margin-right: 100%;
    margin-left: 0; }
  .appWrapper.rtl .col-xs-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0; }
  .appWrapper.rtl .col-xs-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0; }
  .appWrapper.rtl .col-xs-offset-9 {
    margin-right: 75%;
    margin-left: 0; }
  .appWrapper.rtl .col-xs-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0; }
  .appWrapper.rtl .col-xs-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0; }
  .appWrapper.rtl .col-xs-offset-6 {
    margin-right: 50%;
    margin-left: 0; }
  .appWrapper.rtl .col-xs-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0; }
  .appWrapper.rtl .col-xs-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0; }
  .appWrapper.rtl .col-xs-offset-3 {
    margin-right: 25%;
    margin-left: 0; }
  .appWrapper.rtl .col-xs-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0; }
  .appWrapper.rtl .col-xs-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0; }
  .appWrapper.rtl .col-xs-offset-0 {
    margin-right: 0;
    margin-left: 0; }
  @media (min-width: 768px) {
    .appWrapper.rtl .col-sm-1, .appWrapper.rtl .col-sm-2, .appWrapper.rtl .col-sm-3, .appWrapper.rtl .col-sm-4, .appWrapper.rtl .col-sm-5, .appWrapper.rtl .col-sm-6, .appWrapper.rtl .col-sm-7, .appWrapper.rtl .col-sm-8, .appWrapper.rtl .col-sm-9, .appWrapper.rtl .col-sm-10, .appWrapper.rtl .col-sm-11, .appWrapper.rtl .col-sm-12 {
      float: right; }
    .appWrapper.rtl .col-sm-12 {
      width: 100%; }
    .appWrapper.rtl .col-sm-11 {
      width: 91.66666667%; }
    .appWrapper.rtl .col-sm-10 {
      width: 83.33333333%; }
    .appWrapper.rtl .col-sm-9 {
      width: 75%; }
    .appWrapper.rtl .col-sm-8 {
      width: 66.66666667%; }
    .appWrapper.rtl .col-sm-7 {
      width: 58.33333333%; }
    .appWrapper.rtl .col-sm-6 {
      width: 50%; }
    .appWrapper.rtl .col-sm-5 {
      width: 41.66666667%; }
    .appWrapper.rtl .col-sm-4 {
      width: 33.33333333%; }
    .appWrapper.rtl .col-sm-3 {
      width: 25%; }
    .appWrapper.rtl .col-sm-2 {
      width: 16.66666667%; }
    .appWrapper.rtl .col-sm-1 {
      width: 8.33333333%; }
    .appWrapper.rtl .col-sm-pull-12 {
      left: 100%;
      right: auto; }
    .appWrapper.rtl .col-sm-pull-11 {
      left: 91.66666667%;
      right: auto; }
    .appWrapper.rtl .col-sm-pull-10 {
      left: 83.33333333%;
      right: auto; }
    .appWrapper.rtl .col-sm-pull-9 {
      left: 75%;
      right: auto; }
    .appWrapper.rtl .col-sm-pull-8 {
      left: 66.66666667%;
      right: auto; }
    .appWrapper.rtl .col-sm-pull-7 {
      left: 58.33333333%;
      right: auto; }
    .appWrapper.rtl .col-sm-pull-6 {
      left: 50%;
      right: auto; }
    .appWrapper.rtl .col-sm-pull-5 {
      left: 41.66666667%;
      right: auto; }
    .appWrapper.rtl .col-sm-pull-4 {
      left: 33.33333333%;
      right: auto; }
    .appWrapper.rtl .col-sm-pull-3 {
      left: 25%;
      right: auto; }
    .appWrapper.rtl .col-sm-pull-2 {
      left: 16.66666667%;
      right: auto; }
    .appWrapper.rtl .col-sm-pull-1 {
      left: 8.33333333%;
      right: auto; }
    .appWrapper.rtl .col-sm-pull-0 {
      left: auto;
      right: auto; }
    .appWrapper.rtl .col-sm-push-12 {
      right: 100%;
      left: 0; }
    .appWrapper.rtl .col-sm-push-11 {
      right: 91.66666667%;
      left: 0; }
    .appWrapper.rtl .col-sm-push-10 {
      right: 83.33333333%;
      left: 0; }
    .appWrapper.rtl .col-sm-push-9 {
      right: 75%;
      left: 0; }
    .appWrapper.rtl .col-sm-push-8 {
      right: 66.66666667%;
      left: 0; }
    .appWrapper.rtl .col-sm-push-7 {
      right: 58.33333333%;
      left: 0; }
    .appWrapper.rtl .col-sm-push-6 {
      right: 50%;
      left: 0; }
    .appWrapper.rtl .col-sm-push-5 {
      right: 41.66666667%;
      left: 0; }
    .appWrapper.rtl .col-sm-push-4 {
      right: 33.33333333%;
      left: 0; }
    .appWrapper.rtl .col-sm-push-3 {
      right: 25%;
      left: 0; }
    .appWrapper.rtl .col-sm-push-2 {
      right: 16.66666667%;
      left: 0; }
    .appWrapper.rtl .col-sm-push-1 {
      right: 8.33333333%;
      left: 0; }
    .appWrapper.rtl .col-sm-push-0 {
      right: auto;
      left: 0; }
    .appWrapper.rtl .col-sm-offset-12 {
      margin-right: 100%;
      margin-left: 0; }
    .appWrapper.rtl .col-sm-offset-11 {
      margin-right: 91.66666667%;
      margin-left: 0; }
    .appWrapper.rtl .col-sm-offset-10 {
      margin-right: 83.33333333%;
      margin-left: 0; }
    .appWrapper.rtl .col-sm-offset-9 {
      margin-right: 75%;
      margin-left: 0; }
    .appWrapper.rtl .col-sm-offset-8 {
      margin-right: 66.66666667%;
      margin-left: 0; }
    .appWrapper.rtl .col-sm-offset-7 {
      margin-right: 58.33333333%;
      margin-left: 0; }
    .appWrapper.rtl .col-sm-offset-6 {
      margin-right: 50%;
      margin-left: 0; }
    .appWrapper.rtl .col-sm-offset-5 {
      margin-right: 41.66666667%;
      margin-left: 0; }
    .appWrapper.rtl .col-sm-offset-4 {
      margin-right: 33.33333333%;
      margin-left: 0; }
    .appWrapper.rtl .col-sm-offset-3 {
      margin-right: 25%;
      margin-left: 0; }
    .appWrapper.rtl .col-sm-offset-2 {
      margin-right: 16.66666667%;
      margin-left: 0; }
    .appWrapper.rtl .col-sm-offset-1 {
      margin-right: 8.33333333%;
      margin-left: 0; }
    .appWrapper.rtl .col-sm-offset-0 {
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 992px) {
    .appWrapper.rtl .col-md-1, .appWrapper.rtl .col-md-2, .appWrapper.rtl .col-md-3, .appWrapper.rtl .col-md-4, .appWrapper.rtl .col-md-5, .appWrapper.rtl .col-md-6, .appWrapper.rtl .col-md-7, .appWrapper.rtl .col-md-8, .appWrapper.rtl .col-md-9, .appWrapper.rtl .col-md-10, .appWrapper.rtl .col-md-11, .appWrapper.rtl .col-md-12 {
      float: right; }
    .appWrapper.rtl .col-md-12 {
      width: 100%; }
    .appWrapper.rtl .col-md-11 {
      width: 91.66666667%; }
    .appWrapper.rtl .col-md-10 {
      width: 83.33333333%; }
    .appWrapper.rtl .col-md-9 {
      width: 75%; }
    .appWrapper.rtl .col-md-8 {
      width: 66.66666667%; }
    .appWrapper.rtl .col-md-7 {
      width: 58.33333333%; }
    .appWrapper.rtl .col-md-6 {
      width: 50%; }
    .appWrapper.rtl .col-md-5 {
      width: 41.66666667%; }
    .appWrapper.rtl .col-md-4 {
      width: 33.33333333%; }
    .appWrapper.rtl .col-md-3 {
      width: 25%; }
    .appWrapper.rtl .col-md-2 {
      width: 16.66666667%; }
    .appWrapper.rtl .col-md-1 {
      width: 8.33333333%; }
    .appWrapper.rtl .col-md-pull-12 {
      left: 100%;
      right: auto; }
    .appWrapper.rtl .col-md-pull-11 {
      left: 91.66666667%;
      right: auto; }
    .appWrapper.rtl .col-md-pull-10 {
      left: 83.33333333%;
      right: auto; }
    .appWrapper.rtl .col-md-pull-9 {
      left: 75%;
      right: auto; }
    .appWrapper.rtl .col-md-pull-8 {
      left: 66.66666667%;
      right: auto; }
    .appWrapper.rtl .col-md-pull-7 {
      left: 58.33333333%;
      right: auto; }
    .appWrapper.rtl .col-md-pull-6 {
      left: 50%;
      right: auto; }
    .appWrapper.rtl .col-md-pull-5 {
      left: 41.66666667%;
      right: auto; }
    .appWrapper.rtl .col-md-pull-4 {
      left: 33.33333333%;
      right: auto; }
    .appWrapper.rtl .col-md-pull-3 {
      left: 25%;
      right: auto; }
    .appWrapper.rtl .col-md-pull-2 {
      left: 16.66666667%;
      right: auto; }
    .appWrapper.rtl .col-md-pull-1 {
      left: 8.33333333%;
      right: auto; }
    .appWrapper.rtl .col-md-pull-0 {
      left: auto;
      right: auto; }
    .appWrapper.rtl .col-md-push-12 {
      right: 100%;
      left: 0; }
    .appWrapper.rtl .col-md-push-11 {
      right: 91.66666667%;
      left: 0; }
    .appWrapper.rtl .col-md-push-10 {
      right: 83.33333333%;
      left: 0; }
    .appWrapper.rtl .col-md-push-9 {
      right: 75%;
      left: 0; }
    .appWrapper.rtl .col-md-push-8 {
      right: 66.66666667%;
      left: 0; }
    .appWrapper.rtl .col-md-push-7 {
      right: 58.33333333%;
      left: 0; }
    .appWrapper.rtl .col-md-push-6 {
      right: 50%;
      left: 0; }
    .appWrapper.rtl .col-md-push-5 {
      right: 41.66666667%;
      left: 0; }
    .appWrapper.rtl .col-md-push-4 {
      right: 33.33333333%;
      left: 0; }
    .appWrapper.rtl .col-md-push-3 {
      right: 25%;
      left: 0; }
    .appWrapper.rtl .col-md-push-2 {
      right: 16.66666667%;
      left: 0; }
    .appWrapper.rtl .col-md-push-1 {
      right: 8.33333333%;
      left: 0; }
    .appWrapper.rtl .col-md-push-0 {
      right: auto;
      left: 0; }
    .appWrapper.rtl .col-md-offset-12 {
      margin-right: 100%;
      margin-left: 0; }
    .appWrapper.rtl .col-md-offset-11 {
      margin-right: 91.66666667%;
      margin-left: 0; }
    .appWrapper.rtl .col-md-offset-10 {
      margin-right: 83.33333333%;
      margin-left: 0; }
    .appWrapper.rtl .col-md-offset-9 {
      margin-right: 75%;
      margin-left: 0; }
    .appWrapper.rtl .col-md-offset-8 {
      margin-right: 66.66666667%;
      margin-left: 0; }
    .appWrapper.rtl .col-md-offset-7 {
      margin-right: 58.33333333%;
      margin-left: 0; }
    .appWrapper.rtl .col-md-offset-6 {
      margin-right: 50%;
      margin-left: 0; }
    .appWrapper.rtl .col-md-offset-5 {
      margin-right: 41.66666667%;
      margin-left: 0; }
    .appWrapper.rtl .col-md-offset-4 {
      margin-right: 33.33333333%;
      margin-left: 0; }
    .appWrapper.rtl .col-md-offset-3 {
      margin-right: 25%;
      margin-left: 0; }
    .appWrapper.rtl .col-md-offset-2 {
      margin-right: 16.66666667%;
      margin-left: 0; }
    .appWrapper.rtl .col-md-offset-1 {
      margin-right: 8.33333333%;
      margin-left: 0; }
    .appWrapper.rtl .col-md-offset-0 {
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 1200px) {
    .appWrapper.rtl .col-lg-1, .appWrapper.rtl .col-lg-2, .appWrapper.rtl .col-lg-3, .appWrapper.rtl .col-lg-4, .appWrapper.rtl .col-lg-5, .appWrapper.rtl .col-lg-6, .appWrapper.rtl .col-lg-7, .appWrapper.rtl .col-lg-8, .appWrapper.rtl .col-lg-9, .appWrapper.rtl .col-lg-10, .appWrapper.rtl .col-lg-11, .appWrapper.rtl .col-lg-12 {
      float: right; }
    .appWrapper.rtl .col-lg-12 {
      width: 100%; }
    .appWrapper.rtl .col-lg-11 {
      width: 91.66666667%; }
    .appWrapper.rtl .col-lg-10 {
      width: 83.33333333%; }
    .appWrapper.rtl .col-lg-9 {
      width: 75%; }
    .appWrapper.rtl .col-lg-8 {
      width: 66.66666667%; }
    .appWrapper.rtl .col-lg-7 {
      width: 58.33333333%; }
    .appWrapper.rtl .col-lg-6 {
      width: 50%; }
    .appWrapper.rtl .col-lg-5 {
      width: 41.66666667%; }
    .appWrapper.rtl .col-lg-4 {
      width: 33.33333333%; }
    .appWrapper.rtl .col-lg-3 {
      width: 25%; }
    .appWrapper.rtl .col-lg-2 {
      width: 16.66666667%; }
    .appWrapper.rtl .col-lg-1 {
      width: 8.33333333%; }
    .appWrapper.rtl .col-lg-pull-12 {
      left: 100%;
      right: auto; }
    .appWrapper.rtl .col-lg-pull-11 {
      left: 91.66666667%;
      right: auto; }
    .appWrapper.rtl .col-lg-pull-10 {
      left: 83.33333333%;
      right: auto; }
    .appWrapper.rtl .col-lg-pull-9 {
      left: 75%;
      right: auto; }
    .appWrapper.rtl .col-lg-pull-8 {
      left: 66.66666667%;
      right: auto; }
    .appWrapper.rtl .col-lg-pull-7 {
      left: 58.33333333%;
      right: auto; }
    .appWrapper.rtl .col-lg-pull-6 {
      left: 50%;
      right: auto; }
    .appWrapper.rtl .col-lg-pull-5 {
      left: 41.66666667%;
      right: auto; }
    .appWrapper.rtl .col-lg-pull-4 {
      left: 33.33333333%;
      right: auto; }
    .appWrapper.rtl .col-lg-pull-3 {
      left: 25%;
      right: auto; }
    .appWrapper.rtl .col-lg-pull-2 {
      left: 16.66666667%;
      right: auto; }
    .appWrapper.rtl .col-lg-pull-1 {
      left: 8.33333333%;
      right: auto; }
    .appWrapper.rtl .col-lg-pull-0 {
      left: auto;
      right: auto; }
    .appWrapper.rtl .col-lg-push-12 {
      right: 100%;
      left: 0; }
    .appWrapper.rtl .col-lg-push-11 {
      right: 91.66666667%;
      left: 0; }
    .appWrapper.rtl .col-lg-push-10 {
      right: 83.33333333%;
      left: 0; }
    .appWrapper.rtl .col-lg-push-9 {
      right: 75%;
      left: 0; }
    .appWrapper.rtl .col-lg-push-8 {
      right: 66.66666667%;
      left: 0; }
    .appWrapper.rtl .col-lg-push-7 {
      right: 58.33333333%;
      left: 0; }
    .appWrapper.rtl .col-lg-push-6 {
      right: 50%;
      left: 0; }
    .appWrapper.rtl .col-lg-push-5 {
      right: 41.66666667%;
      left: 0; }
    .appWrapper.rtl .col-lg-push-4 {
      right: 33.33333333%;
      left: 0; }
    .appWrapper.rtl .col-lg-push-3 {
      right: 25%;
      left: 0; }
    .appWrapper.rtl .col-lg-push-2 {
      right: 16.66666667%;
      left: 0; }
    .appWrapper.rtl .col-lg-push-1 {
      right: 8.33333333%;
      left: 0; }
    .appWrapper.rtl .col-lg-push-0 {
      right: auto;
      left: 0; }
    .appWrapper.rtl .col-lg-offset-12 {
      margin-right: 100%;
      margin-left: 0; }
    .appWrapper.rtl .col-lg-offset-11 {
      margin-right: 91.66666667%;
      margin-left: 0; }
    .appWrapper.rtl .col-lg-offset-10 {
      margin-right: 83.33333333%;
      margin-left: 0; }
    .appWrapper.rtl .col-lg-offset-9 {
      margin-right: 75%;
      margin-left: 0; }
    .appWrapper.rtl .col-lg-offset-8 {
      margin-right: 66.66666667%;
      margin-left: 0; }
    .appWrapper.rtl .col-lg-offset-7 {
      margin-right: 58.33333333%;
      margin-left: 0; }
    .appWrapper.rtl .col-lg-offset-6 {
      margin-right: 50%;
      margin-left: 0; }
    .appWrapper.rtl .col-lg-offset-5 {
      margin-right: 41.66666667%;
      margin-left: 0; }
    .appWrapper.rtl .col-lg-offset-4 {
      margin-right: 33.33333333%;
      margin-left: 0; }
    .appWrapper.rtl .col-lg-offset-3 {
      margin-right: 25%;
      margin-left: 0; }
    .appWrapper.rtl .col-lg-offset-2 {
      margin-right: 16.66666667%;
      margin-left: 0; }
    .appWrapper.rtl .col-lg-offset-1 {
      margin-right: 8.33333333%;
      margin-left: 0; }
    .appWrapper.rtl .col-lg-offset-0 {
      margin-right: 0;
      margin-left: 0; } }
  .appWrapper.rtl th {
    text-align: right; }
  @media screen and (max-width: 767px) {
    .appWrapper.rtl .table-responsive > .table-bordered {
      border: 0; }
    .appWrapper.rtl .table-responsive > .table-bordered > thead > tr > th:first-child, .appWrapper.rtl .table-responsive > .table-bordered > tbody > tr > th:first-child, .appWrapper.rtl .table-responsive > .table-bordered > tfoot > tr > th:first-child, .appWrapper.rtl .table-responsive > .table-bordered > thead > tr > td:first-child, .appWrapper.rtl .table-responsive > .table-bordered > tbody > tr > td:first-child, .appWrapper.rtl .table-responsive > .table-bordered > tfoot > tr > td:first-child {
      border-right: 0;
      border-left: initial; }
    .appWrapper.rtl .table-responsive > .table-bordered > thead > tr > th:last-child, .appWrapper.rtl .table-responsive > .table-bordered > tbody > tr > th:last-child, .appWrapper.rtl .table-responsive > .table-bordered > tfoot > tr > th:last-child, .appWrapper.rtl .table-responsive > .table-bordered > thead > tr > td:last-child, .appWrapper.rtl .table-responsive > .table-bordered > tbody > tr > td:last-child, .appWrapper.rtl .table-responsive > .table-bordered > tfoot > tr > td:last-child {
      border-left: 0;
      border-right: initial; } }
  .appWrapper.rtl .radio label, .appWrapper.rtl .checkbox label {
    padding-right: 20px;
    padding-left: initial; }
  .appWrapper.rtl .radio input[type=radio], .appWrapper.rtl .radio-inline input[type=radio], .appWrapper.rtl .checkbox input[type=checkbox], .appWrapper.rtl .checkbox-inline input[type=checkbox] {
    margin-right: -20px;
    margin-left: auto; }
  .appWrapper.rtl .radio-inline, .appWrapper.rtl .checkbox-inline {
    padding-right: 20px;
    padding-left: 0; }
  .appWrapper.rtl .radio-inline + .radio-inline, .appWrapper.rtl .checkbox-inline + .checkbox-inline {
    margin-right: 10px;
    margin-left: 0; }
  .appWrapper.rtl .has-feedback .form-control {
    padding-left: 42.5px;
    padding-right: 12px; }
  .appWrapper.rtl .form-control-feedback {
    left: 0;
    right: auto; }
  @media (min-width: 768px) {
    .appWrapper.rtl .form-inline label {
      padding-right: 0;
      padding-left: initial; }
    .appWrapper.rtl .form-inline .radio input[type=radio], .appWrapper.rtl .form-inline .checkbox input[type=checkbox] {
      margin-right: 0;
      margin-left: auto; } }
  @media (min-width: 768px) {
    .appWrapper.rtl .form-horizontal .control-label {
      text-align: left; } }
  .appWrapper.rtl .form-horizontal .has-feedback .form-control-feedback {
    left: 15px;
    right: auto; }
  .appWrapper.rtl .caret {
    margin-right: 2px;
    margin-left: 0; }
  .appWrapper.rtl .dropdown-menu {
    right: 0;
    left: auto;
    float: left;
    text-align: right; }
  .appWrapper.rtl .dropdown-menu.pull-right {
    left: 0;
    right: auto;
    float: right; }
  .appWrapper.rtl .dropdown-menu-right {
    left: auto;
    right: 0; }
  .appWrapper.rtl .dropdown-menu-left {
    left: 0;
    right: auto; }
  @media (min-width: 768px) {
    .appWrapper.rtl .navbar-right .dropdown-menu {
      left: auto;
      right: 0; }
    .appWrapper.rtl .navbar-right .dropdown-menu-left {
      left: 0;
      right: auto; } }
  .appWrapper.rtl .btn-group > .btn, .appWrapper.rtl .btn-group-vertical > .btn {
    float: right; }
  .appWrapper.rtl .btn-group .btn + .btn, .appWrapper.rtl .btn-group .btn + .btn-group, .appWrapper.rtl .btn-group .btn-group + .btn, .appWrapper.rtl .btn-group .btn-group + .btn-group {
    margin-right: -1px;
    margin-left: 0; }
  .appWrapper.rtl .btn-toolbar {
    margin-right: -5px;
    margin-left: 0; }
  .appWrapper.rtl .btn-toolbar .btn-group, .appWrapper.rtl .btn-toolbar .input-group {
    float: right; }
  .appWrapper.rtl .btn-toolbar > .btn, .appWrapper.rtl .btn-toolbar > .btn-group, .appWrapper.rtl .btn-toolbar > .input-group {
    margin-right: 5px;
    margin-left: 0; }
  .appWrapper.rtl .btn-group > .btn:first-child {
    margin-right: 0; }
  .appWrapper.rtl .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .appWrapper.rtl .btn-group > .btn:last-child:not(:first-child), .appWrapper.rtl .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  .appWrapper.rtl .btn-group > .btn-group {
    float: right; }
  .appWrapper.rtl .btn-group.btn-group-justified > .btn, .appWrapper.rtl .btn-group.btn-group-justified > .btn-group {
    float: none; }
  .appWrapper.rtl .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0; }
  .appWrapper.rtl .btn-group > .btn-group:first-child > .btn:last-child, .appWrapper.rtl .btn-group > .btn-group:first-child > .dropdown-toggle {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .appWrapper.rtl .btn-group > .btn-group:last-child > .btn:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  .appWrapper.rtl .btn .caret {
    margin-right: 0; }
  .appWrapper.rtl .btn-group-vertical > .btn + .btn, .appWrapper.rtl .btn-group-vertical > .btn + .btn-group, .appWrapper.rtl .btn-group-vertical > .btn-group + .btn, .appWrapper.rtl .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-right: 0; }
  .appWrapper.rtl .input-group .form-control {
    float: right; }
  .appWrapper.rtl .input-group .form-control:first-child, .appWrapper.rtl .input-group-addon:first-child, .appWrapper.rtl .input-group-btn:first-child > .btn, .appWrapper.rtl .input-group-btn:first-child > .btn-group > .btn, .appWrapper.rtl .input-group-btn:first-child > .dropdown-toggle, .appWrapper.rtl .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .appWrapper.rtl .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .appWrapper.rtl .input-group-addon:first-child {
    border-right: 1px solid #ccc;
    border-left: 0; }
  .appWrapper.rtl .input-group .form-control:last-child, .appWrapper.rtl .input-group-addon:last-child, .appWrapper.rtl .input-group-btn:last-child > .btn, .appWrapper.rtl .input-group-btn:last-child > .btn-group > .btn, .appWrapper.rtl .input-group-btn:last-child > .dropdown-toggle, .appWrapper.rtl .input-group-btn:first-child > .btn:not(:first-child), .appWrapper.rtl .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  .appWrapper.rtl .input-group-addon:last-child {
    border-left: 1px solid #ccc;
    border-right: 0; }
  .appWrapper.rtl .input-group-btn > .btn + .btn {
    margin-right: -1px;
    margin-left: auto; }
  .appWrapper.rtl .input-group-btn:first-child > .btn, .appWrapper.rtl .input-group-btn:first-child > .btn-group {
    margin-left: -1px;
    margin-right: auto; }
  .appWrapper.rtl .input-group-btn:last-child > .btn, .appWrapper.rtl .input-group-btn:last-child > .btn-group {
    margin-right: -1px;
    margin-left: auto; }
  .appWrapper.rtl .nav {
    padding-right: 0;
    padding-left: initial; }
  .appWrapper.rtl .nav-tabs > li {
    float: right; }
  .appWrapper.rtl .nav-tabs > li > a {
    margin-left: auto;
    margin-right: -2px;
    border-radius: 4px 4px 0 0; }
  .appWrapper.rtl .nav-pills > li {
    float: none; }
  .appWrapper.rtl .nav-pills > li > a {
    border-radius: 4px; }
  .appWrapper.rtl .nav-pills > li + li {
    margin-right: 2px;
    margin-left: auto; }
  .appWrapper.rtl .nav-stacked > li {
    float: none; }
  .appWrapper.rtl .nav-stacked > li + li {
    margin-right: 0;
    margin-left: auto; }
  .appWrapper.rtl .nav-justified > .dropdown .dropdown-menu {
    right: auto; }
  .appWrapper.rtl .nav-tabs-justified > li > a {
    margin-left: 0;
    margin-right: auto; }
  @media (min-width: 768px) {
    .appWrapper.rtl .nav-tabs-justified > li > a {
      border-radius: 4px 4px 0 0; } }
  @media (min-width: 768px) {
    .appWrapper.rtl .navbar-header {
      float: right; } }
  .appWrapper.rtl .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px; }
  .appWrapper.rtl .navbar-brand {
    float: right; }
  @media (min-width: 768px) {
    .appWrapper.rtl .navbar > .container .navbar-brand, .appWrapper.rtl .navbar > .container-fluid .navbar-brand {
      margin-right: -15px;
      margin-left: auto; } }
  .appWrapper.rtl .navbar-toggle {
    float: left;
    margin-left: 15px;
    margin-right: auto; }
  @media (max-width: 767px) {
    .appWrapper.rtl .navbar-nav .open .dropdown-menu > li > a, .appWrapper.rtl .navbar-nav .open .dropdown-menu .dropdown-header {
      padding: 5px 25px 5px 15px; } }
  @media (min-width: 768px) {
    .appWrapper.rtl .navbar-nav {
      float: right; }
    .appWrapper.rtl .navbar-nav > li {
      float: right; }
    .appWrapper.rtl .navbar-nav.navbar-right:last-child {
      margin-left: -15px;
      margin-right: auto; }
    .appWrapper.rtl .navbar-nav.navbar-right.flip {
      float: left !important; }
    .appWrapper.rtl .navbar-nav.navbar-right .dropdown-menu {
      left: 0;
      right: auto; } }
  @media (min-width: 768px) {
    .appWrapper.rtl .navbar-text {
      float: right; }
    .appWrapper.rtl .navbar-text.navbar-right:last-child {
      margin-left: 0;
      margin-right: auto; } }
  .appWrapper.rtl .pagination {
    padding-right: 0; }
  .appWrapper.rtl .pagination > li > a, .appWrapper.rtl .pagination > li > span {
    float: right;
    margin-right: -1px;
    margin-left: 0; }
  .appWrapper.rtl .pagination > li:first-child > a, .appWrapper.rtl .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .appWrapper.rtl .pagination > li:last-child > a, .appWrapper.rtl .pagination > li:last-child > span {
    margin-right: -1px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  .appWrapper.rtl .pager {
    padding-right: 0;
    padding-left: initial; }
  .appWrapper.rtl .pager .next > a, .appWrapper.rtl .pager .next > span {
    float: left; }
  .appWrapper.rtl .pager .previous > a, .appWrapper.rtl .pager .previous > span {
    float: right; }
  .appWrapper.rtl .nav-pills > li > a > .badge {
    margin-left: 0;
    margin-right: 3px; }
  .appWrapper.rtl .alert-dismissable, .appWrapper.rtl .alert-dismissible {
    padding-left: 35px;
    padding-right: 15px; }
  .appWrapper.rtl .alert-dismissable .close, .appWrapper.rtl .alert-dismissible .close {
    right: 0;
    left: 21px; }
  .appWrapper.rtl .progress-bar {
    float: right; }
  .appWrapper.rtl .media > .pull-left {
    margin-right: 10px; }
  .appWrapper.rtl .media > .pull-left.flip {
    margin-right: 0;
    margin-left: 10px; }
  .appWrapper.rtl .media > .pull-right {
    margin-left: 10px; }
  .appWrapper.rtl .media > .pull-right.flip {
    margin-left: 0;
    margin-right: 10px; }
  .appWrapper.rtl .media-list {
    padding-right: 0;
    padding-left: initial;
    list-style: none; }
  .appWrapper.rtl .list-group {
    padding-right: 0;
    padding-left: initial; }
  .appWrapper.rtl .list-group-item > .badge {
    float: left; }
  .appWrapper.rtl .list-group-item > .badge + .badge {
    margin-right: 5px;
    margin-left: auto; }
  .appWrapper.rtl .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .appWrapper.rtl .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .appWrapper.rtl .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .appWrapper.rtl .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .appWrapper.rtl .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .appWrapper.rtl .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .appWrapper.rtl .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .appWrapper.rtl .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 0; }
  .appWrapper.rtl .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .appWrapper.rtl .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .appWrapper.rtl .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .appWrapper.rtl .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .appWrapper.rtl .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .appWrapper.rtl .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .appWrapper.rtl .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .appWrapper.rtl .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 0; }
  .appWrapper.rtl .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .appWrapper.rtl .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .appWrapper.rtl .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .appWrapper.rtl .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .appWrapper.rtl .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .appWrapper.rtl .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .appWrapper.rtl .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .appWrapper.rtl .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0; }
  .appWrapper.rtl .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .appWrapper.rtl .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .appWrapper.rtl .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .appWrapper.rtl .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .appWrapper.rtl .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .appWrapper.rtl .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .appWrapper.rtl .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .appWrapper.rtl .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0; }
  .appWrapper.rtl .panel > .table-bordered > thead > tr > th:first-child, .appWrapper.rtl .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .appWrapper.rtl .panel > .table-bordered > tbody > tr > th:first-child, .appWrapper.rtl .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .appWrapper.rtl .panel > .table-bordered > tfoot > tr > th:first-child, .appWrapper.rtl .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .appWrapper.rtl .panel > .table-bordered > thead > tr > td:first-child, .appWrapper.rtl .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .appWrapper.rtl .panel > .table-bordered > tbody > tr > td:first-child, .appWrapper.rtl .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .appWrapper.rtl .panel > .table-bordered > tfoot > tr > td:first-child, .appWrapper.rtl .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-right: 0;
    border-left: none; }
  .appWrapper.rtl .panel > .table-bordered > thead > tr > th:last-child, .appWrapper.rtl .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .appWrapper.rtl .panel > .table-bordered > tbody > tr > th:last-child, .appWrapper.rtl .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .appWrapper.rtl .panel > .table-bordered > tfoot > tr > th:last-child, .appWrapper.rtl .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .appWrapper.rtl .panel > .table-bordered > thead > tr > td:last-child, .appWrapper.rtl .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .appWrapper.rtl .panel > .table-bordered > tbody > tr > td:last-child, .appWrapper.rtl .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .appWrapper.rtl .panel > .table-bordered > tfoot > tr > td:last-child, .appWrapper.rtl .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: none;
    border-left: 0; }
  .appWrapper.rtl .embed-responsive .embed-responsive-item, .appWrapper.rtl .embed-responsive iframe, .appWrapper.rtl .embed-responsive embed, .appWrapper.rtl .embed-responsive object {
    right: 0;
    left: auto; }
  .appWrapper.rtl .close {
    float: left; }
  .appWrapper.rtl .modal-footer {
    text-align: left; }
  .appWrapper.rtl .modal-footer .btn + .btn {
    margin-left: auto;
    margin-right: 5px; }
  .appWrapper.rtl .modal-footer .btn-group .btn + .btn {
    margin-right: -1px;
    margin-left: auto; }
  .appWrapper.rtl .modal-footer .btn-block + .btn-block {
    margin-right: 0;
    margin-left: auto; }
  .appWrapper.rtl .popover {
    left: auto;
    text-align: right; }
  .appWrapper.rtl .popover.top > .arrow {
    right: 50%;
    left: auto;
    margin-right: -11px;
    margin-left: auto; }
  .appWrapper.rtl .popover.top > .arrow:after {
    margin-right: -10px;
    margin-left: auto; }
  .appWrapper.rtl .popover.bottom > .arrow {
    right: 50%;
    left: auto;
    margin-right: -11px;
    margin-left: auto; }
  .appWrapper.rtl .popover.bottom > .arrow:after {
    margin-right: -10px;
    margin-left: auto; }
  .appWrapper.rtl .carousel-control {
    right: 0;
    bottom: 0; }
  .appWrapper.rtl .carousel-control.left {
    right: auto;
    left: 0;
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .appWrapper.rtl .carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .appWrapper.rtl .carousel-control .icon-prev, .appWrapper.rtl .carousel-control .glyphicon-chevron-left {
    left: 50%;
    right: auto;
    margin-right: -10px; }
  .appWrapper.rtl .carousel-control .icon-next, .appWrapper.rtl .carousel-control .glyphicon-chevron-right {
    right: 50%;
    left: auto;
    margin-left: -10px; }
  .appWrapper.rtl .carousel-indicators {
    right: 50%;
    left: 0;
    margin-right: -30%;
    margin-left: 0;
    padding-left: 0; }
  @media screen and (min-width: 768px) {
    .appWrapper.rtl .carousel-control .glyphicon-chevron-left, .appWrapper.rtl .carousel-control .icon-prev {
      margin-left: 0;
      margin-right: -15px; }
    .appWrapper.rtl .carousel-control .glyphicon-chevron-right, .appWrapper.rtl .carousel-control .icon-next {
      margin-left: 0;
      margin-right: -15px; }
    .appWrapper.rtl .carousel-caption {
      left: 20%;
      right: 20%;
      padding-bottom: 30px; } }
  .appWrapper.rtl .pull-right.flip {
    float: left !important; }
  .appWrapper.rtl .pull-left.flip {
    float: right !important; }
  .appWrapper.rtl #header .branding {
    float: right; }
    .appWrapper.rtl #header .branding a.brand {
      float: right; }
  .appWrapper.rtl #header .nav-left {
    float: right !important;
    padding: 0;
    padding-left: 20px; }
    .appWrapper.rtl #header .nav-left .divided-right {
      border-right: 0;
      border-left: 1px solid rgba(255, 255, 255, 0.1); }
  .appWrapper.rtl #header .search:after {
    right: auto;
    left: 0; }
  .appWrapper.rtl #header .nav-right {
    float: left !important; }
  .appWrapper.rtl #header .nav-left > li.nav-profile > a span > i,
  .appWrapper.rtl #header .nav-right > li.nav-profile > a span > i {
    margin-left: 0;
    margin-right: 5px; }
  .appWrapper.rtl .pageheader .page-bar .page-breadcrumb > li:first-child {
    margin-right: 0;
    margin-left: 8px; }
  .appWrapper.rtl .pageheader .page-bar .page-toolbar {
    float: left; }
  .appWrapper.rtl #sidebar uib-accordion .panel-group .panel > .panel-heading .panel-title > a > i {
    right: auto;
    left: 0; }
  .appWrapper.rtl #sidebar .summary .media .pull-right {
    float: left !important; }
  .appWrapper.rtl #sidebar .settings .onoffswitch {
    right: auto;
    left: -10px; }
  .appWrapper.rtl .onoffswitch.labeled .onoffswitch-inner:after {
    padding-right: 0;
    padding-left: 7px; }
  .appWrapper.rtl .onoffswitch.labeled .onoffswitch-switch {
    right: auto;
    left: 21px; }
  .appWrapper.rtl .onoffswitch.small {
    left: -5px;
    right: auto; }
    .appWrapper.rtl .onoffswitch.small .onoffswitch-switch {
      left: 6px;
      right: auto; }
  .appWrapper.rtl .onoffswitch-inner {
    display: block;
    width: 200%;
    margin-right: -100%;
    margin-left: 0;
    -webkit-transition: margin 0.2s ease-in 0s;
    -moz-transition: margin 0.2s ease-in 0s;
    transition: margin 0.2s ease-in 0s; }
  .appWrapper.rtl .onoffswitch-switch {
    right: auto;
    left: 15px; }
  .appWrapper.rtl .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-right: 0; }
  .appWrapper.rtl .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    left: 0px;
    right: auto; }
  .appWrapper.rtl .onoffswitch-inner:before,
  .appWrapper.rtl .onoffswitch-inner:after {
    float: right; }
  .appWrapper.rtl #navigation > li > a > i {
    margin-right: 0;
    margin-left: 10px; }
    .appWrapper.rtl #navigation > li > a > i:last-of-type {
      right: auto;
      left: 0; }
  .appWrapper.rtl #navigation > li > a .badge {
    left: auto;
    right: 25px; }
  .appWrapper.rtl #navigation > li > a .label {
    left: 10px;
    right: auto; }
  .appWrapper.rtl #navigation .dropdown > ul li > a {
    padding: 8px 30px 8px 0; }
    .appWrapper.rtl #navigation .dropdown > ul li > a > i {
      margin-right: 0;
      margin-left: 15px; }
      .appWrapper.rtl #navigation .dropdown > ul li > a > i:first-of-type:before {
        content: "\f0d9"; }
      .appWrapper.rtl #navigation .dropdown > ul li > a > i:last-of-type {
        right: auto;
        left: 0; }
  .appWrapper.rtl #navigation .dropdown.submenu > ul {
    padding-left: 0;
    padding-right: 15px; }
  .appWrapper.rtl .form-control.underline-input {
    padding-left: 12px;
    padding-right: 0; }
  .appWrapper.rtl .dropdown-menu {
    right: 0;
    left: auto;
    float: right;
    text-align: right; }
    .appWrapper.rtl .dropdown-menu.with-arrow:before {
      left: auto;
      right: 12px; }
    .appWrapper.rtl .dropdown-menu.with-arrow:after {
      left: auto;
      right: 13px; }
    .appWrapper.rtl .dropdown-menu.pull-right.with-arrow:before {
      left: 11px;
      right: auto; }
    .appWrapper.rtl .dropdown-menu.pull-right.with-arrow:after {
      left: 12px;
      right: auto; }
    .appWrapper.rtl .dropdown-menu.panel .panel-footer > a > i {
      float: left !important; }
      .appWrapper.rtl .dropdown-menu.panel .panel-footer > a > i:before {
        content: "\f104"; }
    .appWrapper.rtl .dropdown-menu > li > a > i {
      margin-right: 0;
      margin-left: 5px; }
    .appWrapper.rtl .dropdown-menu > li > a > .label,
    .appWrapper.rtl .dropdown-menu > li > a > .badge {
      float: left !important; }
  .appWrapper.rtl .dropdown.settings .color-schemes {
    padding: 5px 10px;
    margin-right: 0; }
  .appWrapper.rtl.header-fixed.aside-fixed #content {
    right: 250px;
    left: 0; }
  .appWrapper.rtl #rightbar .tab-content .tab-pane ul > li .media .media-body {
    text-align: left; }
  .appWrapper.rtl #rightbar .tab-content .tab-pane ul.settings > li .form-group .control-label .onoffswitch {
    right: auto;
    left: -35px; }
  .appWrapper.rtl.rightbar-hidden #rightbar {
    left: -250px;
    right: auto; }
  .appWrapper.rtl.header-fixed.rightbar-show #rightbar, .appWrapper.rtl.aside-fixed.rightbar-show #rightbar {
    left: 0;
    right: auto; }
  .appWrapper.rtl.header-fixed.rightbar-show #header, .appWrapper.rtl.aside-fixed.rightbar-show #header {
    left: 250px;
    right: 0; }
  .appWrapper.rtl.header-fixed.rightbar-show #content, .appWrapper.rtl.aside-fixed.rightbar-show #content {
    left: 250px; }
  .appWrapper.rtl .nav-tabs.nav-justified > li {
    float: none; }
  .appWrapper.rtl.sidebar-sm #sidebar #navigation > li.dropdown > ul, .appWrapper.rtl.sidebar-xs #sidebar #navigation > li.dropdown > ul {
    left: auto;
    right: 100%; }
  .appWrapper.rtl.sidebar-sm #sidebar #navigation > li li.submenu > ul, .appWrapper.rtl.sidebar-xs #sidebar #navigation > li li.submenu > ul {
    left: auto;
    right: 100%; }
  .appWrapper.rtl.sidebar-xs #sidebar #navigation > li > a .badge {
    left: auto;
    right: 5px; }
  .appWrapper.rtl.header-fixed.sidebar-sm #content {
    right: 80px;
    left: 0;
    padding-right: 0;
    padding-left: 0; }
  .appWrapper.rtl.header-fixed.sidebar-xs #content {
    right: 40px;
    left: 0;
    padding-right: 0;
    padding-left: 0; }
  .appWrapper.rtl.header-static #header {
    padding-right: 250px;
    padding-left: 0; }
    .appWrapper.rtl.header-static #header .branding {
      position: fixed;
      right: 0;
      left: auto; }
  .appWrapper.rtl.header-static #content {
    padding-right: 250px;
    padding-left: 0;
    padding-top: 0; }
  .appWrapper.rtl.header-static.sidebar-sm #header {
    padding-right: 80px;
    padding-left: 0; }
    .appWrapper.rtl.header-static.sidebar-sm #header .branding .brand {
      margin-left: 0;
      margin-right: 8px; }
  .appWrapper.rtl.header-static.sidebar-sm #content {
    padding-right: 80px;
    padding-left: 0; }
  .appWrapper.rtl.header-static.sidebar-xs #header {
    padding-right: 40px;
    padding-left: 0; }
  .appWrapper.rtl.header-static.sidebar-xs #content {
    padding-right: 40px;
    padding-left: 0; }
  .appWrapper.rtl.header-static.rightbar-show #rightbar {
    right: auto;
    left: 0; }
  .appWrapper.rtl.header-static.rightbar-show #header {
    padding-left: 250px; }
  .appWrapper.rtl.header-static.rightbar-show #content {
    padding-left: 250px; }
  .appWrapper.rtl.aside-static #wrap #controls {
    left: auto;
    right: 0; }
  .appWrapper.rtl.aside-static #sidebar {
    float: right; }
  .appWrapper.rtl.aside-static #content {
    padding-left: 0;
    padding-right: 250px; }
  .appWrapper.rtl.aside-static.sidebar-sm #content {
    padding-right: 80px;
    padding-left: 0; }
  .appWrapper.rtl.aside-static.sidebar-xs #content {
    padding-right: 40px;
    padding-left: 0; }
  .appWrapper.rtl.aside-static.header-static #header {
    padding-right: 0; }

@media only screen and (max-width: 1200px) {
  .appWrapper.rtl.rightbar-show #rightbar {
    left: 0; }
  .appWrapper.rtl.rightbar-show #header {
    left: 0 !important;
    padding-left: 0 !important; }
  .appWrapper.rtl.rightbar-show #content {
    left: 0 !important;
    padding-left: 0 !important; } }
@media only screen and (max-width: 992px) {
  .appWrapper.rtl.sidebar-sm #header .branding .brand, .appWrapper.rtl:not(.sidebar-sm):not(.sidebar-xs) #header .branding .brand {
    margin-right: 8px;
    margin-left: 0; }
  .appWrapper.rtl:not(.sidebar-sm):not(.sidebar-xs) #header .branding .brand {
    margin-right: -12px;
    margin-left: 0; }
  .appWrapper.rtl.header-fixed.aside-fixed:not(.sidebar-sm):not(.sidebar-xs) #content {
    left: 0;
    right: 80px; } }
@media only screen and (max-width: 768px) {
  .appWrapper.rtl.sidebar-xs #header .branding {
    float: none;
    position: relative; }
    .appWrapper.rtl.sidebar-xs #header .branding > a {
      float: none;
      background-position: 8px -1px; }
    .appWrapper.rtl.sidebar-xs #header .branding .brand > span {
      display: inline-block; }
  .appWrapper.rtl.sidebar-xs #header .search {
    left: auto;
    right: 15px; }
  .appWrapper.rtl.sidebar-xs #header .nav-left {
    right: auto;
    left: 0;
    padding-left: 0; }
    .appWrapper.rtl.sidebar-xs #header .nav-left .settings .dropdown-menu {
      right: auto;
      left: 0; }
      .appWrapper.rtl.sidebar-xs #header .nav-left .settings .dropdown-menu.with-arrow:before {
        right: auto;
        left: 11px; }
      .appWrapper.rtl.sidebar-xs #header .nav-left .settings .dropdown-menu.with-arrow:after {
        right: auto;
        left: 12px; }
  .appWrapper.rtl.sidebar-xs #header .nav-right {
    float: right !important;
    padding-left: 0;
    padding-right: 3px; }
    .appWrapper.rtl.sidebar-xs #header .nav-right .nav-profile {
      right: auto;
      left: 40px; }
      .appWrapper.rtl.sidebar-xs #header .nav-right .nav-profile .dropdown-menu {
        left: 0;
        right: auto; }
        .appWrapper.rtl.sidebar-xs #header .nav-right .nav-profile .dropdown-menu.with-arrow:before {
          right: auto;
          left: 11px; }
        .appWrapper.rtl.sidebar-xs #header .nav-right .nav-profile .dropdown-menu.with-arrow:after {
          right: auto;
          left: 12px; }
    .appWrapper.rtl.sidebar-xs #header .nav-right .toggle-right-sidebar {
      right: auto;
      left: 0; }
    .appWrapper.rtl.sidebar-xs #header .nav-right .users .dropdown-menu,
    .appWrapper.rtl.sidebar-xs #header .nav-right .messages .dropdown-menu,
    .appWrapper.rtl.sidebar-xs #header .nav-right .notifications .dropdown-menu {
      left: auto;
      right: 0; }
      .appWrapper.rtl.sidebar-xs #header .nav-right .users .dropdown-menu.with-arrow:before,
      .appWrapper.rtl.sidebar-xs #header .nav-right .messages .dropdown-menu.with-arrow:before,
      .appWrapper.rtl.sidebar-xs #header .nav-right .notifications .dropdown-menu.with-arrow:before {
        left: auto;
        right: 11px; }
      .appWrapper.rtl.sidebar-xs #header .nav-right .users .dropdown-menu.with-arrow:after,
      .appWrapper.rtl.sidebar-xs #header .nav-right .messages .dropdown-menu.with-arrow:after,
      .appWrapper.rtl.sidebar-xs #header .nav-right .notifications .dropdown-menu.with-arrow:after {
        left: auto;
        right: 12px; }
  .appWrapper.rtl.sidebar-xs.header-static.aside-fixed #header .search {
    right: 55px;
    left: auto; } }
@media only screen and (max-width: 480px) {
  .appWrapper.rtl.sidebar-xs #header .branding {
    text-align: right;
    padding-left: 0;
    padding-right: 10px; }
    .appWrapper.rtl.sidebar-xs #header .branding > a {
      background-position: 5px -1px; }
    .appWrapper.rtl.sidebar-xs #header .branding .brand > span {
      display: none; }
  .appWrapper.rtl.sidebar-xs #header .search {
    left: auto;
    right: 55px; }
  .appWrapper.rtl.sidebar-xs.header-static.aside-fixed #header .search {
    left: auto;
    right: 95px; } }
@media only screen and (max-width: 360px) {
  .appWrapper.rtl.rightbar-hidden #rightbar {
    right: auto;
    left: -100%; } }
.no-rtl {
  direction: ltr;
  unicode-bidi: embed; }

#content {
  padding-top: 45px;
  width: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-overflow-scrolling: -blackberry-touch;
  -webkit-transition: right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335), padding-right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  -moz-transition: right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335), padding-right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335), padding-right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
  #content > div[ui-view] {
    height: 100%; }
  #content.ng-enter .page {
    -webkit-animation: littleFadeInUp 0.5s ease;
    -moz-animation: littleFadeInUp 0.5s ease;
    animation: littleFadeInUp 0.5s ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  #content.ng-leave .page {
    filter: alpha(opacity=0);
    opacity: 0; }
  #content > [ui-view].ng-enter, #content > [ui-view].ng-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  #content > [ui-view].ng-enter {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    -moz-transform: scale3d(0.5, 0.5, 0.5);
    -ms-transform: scale3d(0.5, 0.5, 0.5);
    -o-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5); }
  #content > [ui-view].ng-enter-active {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  #content > [ui-view].ng-leave {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  #content > [ui-view].ng-leave-active {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translate3d(100px, 100px, 0);
    -moz-transform: translate3d(100px, 100px, 0);
    -ms-transform: translate3d(100px, 100px, 0);
    -o-transform: translate3d(100px, 100px, 0);
    transform: translate3d(100px, 100px, 0); }

.appWrapper.header-fixed.aside-fixed #content {
  position: absolute;
  top: 45px;
  right: 0;
  bottom: 0;
  width: auto;
  left: 250px;
  padding-left: 0;
  padding-top: 0;
  z-index: 1; }

.appWrapper.header-static #content {
  padding-left: 250px;
  padding-top: 0; }

.appWrapper.aside-static #content {
  padding-left: 250px; }

@media only screen and (max-width: 992px) {
  .appWrapper.header-fixed.aside-fixed:not(.sidebar-sm):not(.sidebar-xs) #content {
    left: 80px; } }
@media only screen and (max-width: 768px) {
  .appWrapper.header-fixed.aside-fixed #content {
    top: 90px; }
  .appWrapper.header-fixed.aside-fixed:not(.sidebar-sm):not(.sidebar-xs) #content {
    left: 40px; }
  .appWrapper.aside-static #content {
    padding-top: 90px; }
  .appWrapper.header-static.aside-static #content {
    padding-top: 0; } }
.appWrapper.header-fixed #header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0; }

.appWrapper:not(.header-fixed) #header {
  padding-left: 250px; }
  .appWrapper:not(.header-fixed) #header .branding {
    position: fixed;
    left: 0; }

.appWrapper:not(.header-fixed):not(.aside-fixed) #header {
  padding-left: 0;
  position: relative; }
  .appWrapper:not(.header-fixed):not(.aside-fixed) #header .branding {
    position: static; }

.appWrapper:not(.sidebar-offcanvas) #header .branding .offcanvas-toggle {
  display: none !important; }

#header {
  background-color: #3f4e62;
  z-index: 1001;
  -webkit-transition: right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335), padding-right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  -moz-transition: right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335), padding-right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335), padding-right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
  #header .branding {
    background-color: #495a72;
    width: 250px;
    height: 45px;
    float: left;
    padding: 0 15px; }
    #header .branding a.brand {
      font-family: "Dosis", "Arial", sans-serif;
      font-size: 18px;
      font-weight: 300;
      color: white;
      padding-left: 30px;
      height: 45px;
      line-height: 45px;
      background: url(/images/recorda2.png) no-repeat;
      float: left;
      background-size: contain;
      margin-top:5px;
      width: 100%;
      -webkit-transition: none;
      -moz-transition: none;
      transition: none; }
      
          #header .branding a.brand_bola {
      font-family: "Dosis", "Arial", sans-serif;
      font-size: 18px;
      font-weight: 300;
      color: white;
      padding-left: 30px;
      height: 45px;
      line-height: 45px;
      background: url(/images/recorda2_bola.png) no-repeat;
      float: left;
      background-size: contain;
      margin-top:5px;
      width: 100%;
      -webkit-transition: none;
      -moz-transition: none;
      transition: none; }
      
      
      #header .branding a.brand:hover {
        text-decoration: none; }
    #header .branding .offcanvas-toggle {
      color: white;
      margin-left: 5px;
      opacity: .5;
      padding: 1px 4px;
      font-size: 18px; }
      #header .branding .offcanvas-toggle:hover {
        opacity: 1; }
  #header .search {
    display: inline-block;
    margin-left: 15px;
    position: relative;
    background-color: #3f4e62; }
    #header .search .form-control {
      margin-top: 3px; }
    #header .search:after {
      content: '\f002';
      display: inline-block;
      font-family: "FontAwesome";
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      top: 0;
      right: 0;
      line-height: 43px;
      color: rgba(255, 255, 255, 0.25); }
    #header .search .underline-input {
      color: rgba(255, 255, 255, 0.7);
      border-color: rgba(255, 255, 255, 0.25);
      font-family: "Ubuntu Mono", sans-serif;
      font-size: 16px; }
      #header .search .underline-input::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.25);
        font-style: normal;
        font-size: 16px;
        line-height: 24px; }
      #header .search .underline-input::-moz-placeholder {
        color: rgba(255, 255, 255, 0.25);
        font-style: normal;
        font-size: 16px;
        line-height: 24px; }
      #header .search .underline-input:-moz-placeholder {
        color: rgba(255, 255, 255, 0.25);
        font-style: normal;
        font-size: 16px;
        line-height: 24px; }
      #header .search .underline-input:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.25);
        font-style: normal;
        font-size: 16px;
        line-height: 24px; }
      #header .search .underline-input:focus {
        border-color: rgba(255, 255, 255, 0.7); }
        #header .search .underline-input:focus::-webkit-input-placeholder {
          color: rgba(255, 255, 255, 0.7); }
        #header .search .underline-input:focus::-moz-placeholder {
          color: rgba(255, 255, 255, 0.7); }
        #header .search .underline-input:focus:-moz-placeholder {
          color: rgba(255, 255, 255, 0.7); }
        #header .search .underline-input:focus:-ms-input-placeholder {
          color: rgba(255, 255, 255, 0.7); }
  #header .nav-right,
  #header .nav-left {
    margin-bottom: 0; }
    #header .nav-right > li,
    #header .nav-left > li {
      margin-top: 3px;
      vertical-align: top;
      background-color: #3f4e62; }
      #header .nav-right > li > a,
      #header .nav-left > li > a {
        color: rgba(255, 255, 255, 0.7);
        line-height: 42px;
        padding: 0 10px;
        display: inline-block;
        position: relative; }
        #header .nav-right > li > a:hover,
        #header .nav-left > li > a:hover {
          color: white; }
        #header .nav-right > li > a > .badge,
        #header .nav-left > li > a > .badge {
          position: absolute;
          top: 7px;
          left: 1px; }
      #header .nav-right > li.nav-profile,
      #header .nav-left > li.nav-profile {
        margin-top: 0;
      	cursor:pointer;
      }
        #header .nav-right > li.nav-profile > a,
        #header .nav-left > li.nav-profile > a {
          font-size: 12px; }
          #header .nav-right > li.nav-profile > a img,
          #header .nav-left > li.nav-profile > a img {
            margin-top: -2px; }
          #header .nav-right > li.nav-profile > a span,
          #header .nav-left > li.nav-profile > a span {
            margin: 0 5px;
            line-height: 45px; }
            #header .nav-right > li.nav-profile > a span > i,
            #header .nav-left > li.nav-profile > a span > i {
              margin-left: 5px; }
      #header .nav-right > li.language,
      #header .nav-left > li.language {
        margin-top: 0; }
        #header .nav-right > li.language > a img,
        #header .nav-left > li.language > a img {
          height: 20px; }
        #header .nav-right > li.language .dropdown-menu,
        #header .nav-left > li.language .dropdown-menu {
          right: 8px;
          margin-top: 1px;
          display: none !important; }
          #header .nav-right > li.language .dropdown-menu > li > a img,
          #header .nav-left > li.language .dropdown-menu > li > a img {
            height: 20px;
            margin-right: 5px; }
        #header .nav-right > li.language.open .dropdown-menu,
        #header .nav-left > li.language.open .dropdown-menu {
          display: block !important; }
      #header .nav-right > li.toggle-right-sidebar,
      #header .nav-left > li.toggle-right-sidebar {
        margin-top: 0;
        padding: 0; }
        #header .nav-right > li.toggle-right-sidebar > a,
        #header .nav-left > li.toggle-right-sidebar > a {
          background-color: #495a72;
          line-height: 45px;
          padding: 0 15px; }
  #header .nav-left {
    margin-left: 0; }
    #header .nav-left > li.divided-right {
      margin-top: 0;
      border-color: rgba(255, 255, 255, 0.1); }
      #header .nav-left > li.divided-right > a {
        line-height: 45px; }

@media only screen and (max-width: 992px) {
  .appWrapper.sidebar-sm #header .branding, .appWrapper:not(.sidebar-sm):not(.sidebar-xs) #header .branding {
    width: 80px; }
    .appWrapper.sidebar-sm #header .branding .brand > span, .appWrapper:not(.sidebar-sm):not(.sidebar-xs) #header .branding .brand > span {
      display: none; }
    .appWrapper.sidebar-sm #header .branding .brand, .appWrapper:not(.sidebar-sm):not(.sidebar-xs) #header .branding .brand {
      margin-left: 12px; }
  .appWrapper:not(.sidebar-sm):not(.sidebar-xs) #header .branding {
    width: 80px;
    }
    .appWrapper:not(.sidebar-sm):not(.sidebar-xs) #header .branding .brand {
      margin-left: -9px; } }
@media only screen and (max-width: 768px) {
  .appWrapper.sidebar-xs #header {
    position: relative;
    z-index: 22; }
    .appWrapper.sidebar-xs #header .branding {
      float: none;
      width: 100% !important;
      text-align: center;
      position: relative; }
      .appWrapper.sidebar-xs #header .branding > a {
        float: none;
        width: auto;
        background-position: 8px 1px; }
      .appWrapper.sidebar-xs #header .branding .brand > span {
        display: inline-block;
        margin-left: 10px; }
    .appWrapper.sidebar-xs #header .search {
      position: absolute;
      left: 0;
      top: 0;
      width: 120px; }
    .appWrapper.sidebar-xs #header .nav-left {
      position: absolute;
      right: 0;
      top: 0; }
      .appWrapper.sidebar-xs #header .nav-left .sidebar-collapse {
        display: none; }
      .appWrapper.sidebar-xs #header .nav-left .settings .dropdown-menu {
        right: 0;
        left: auto; }
        .appWrapper.sidebar-xs #header .nav-left .settings .dropdown-menu.with-arrow:before {
          right: 12px;
          left: auto; }
        .appWrapper.sidebar-xs #header .nav-left .settings .dropdown-menu.with-arrow:after {
          right: 13px;
          left: auto; }
    .appWrapper.sidebar-xs #header .nav-right {
      float: left !important;
      padding-left: 10px; }
      .appWrapper.sidebar-xs #header .nav-right .nav-profile {
        position: absolute;
        bottom: 0;
        right: 40px; }
        .appWrapper.sidebar-xs #header .nav-right .nav-profile > a > span {
          display: none; }
        .appWrapper.sidebar-xs #header .nav-right .nav-profile .dropdown-menu {
          left: auto;
          right: 0; }
          .appWrapper.sidebar-xs #header .nav-right .nav-profile .dropdown-menu.with-arrow:before {
            right: 12px;
            left: auto; }
          .appWrapper.sidebar-xs #header .nav-right .nav-profile .dropdown-menu.with-arrow:after {
            right: 13px;
            left: auto; }
      .appWrapper.sidebar-xs #header .nav-right .toggle-right-sidebar {
        position: absolute;
        bottom: 0;
        right: 0; }
      .appWrapper.sidebar-xs #header .nav-right .users .dropdown-menu,
      .appWrapper.sidebar-xs #header .nav-right .messages .dropdown-menu,
      .appWrapper.sidebar-xs #header .nav-right .notifications .dropdown-menu {
        left: 0;
        right: auto; }
        .appWrapper.sidebar-xs #header .nav-right .users .dropdown-menu.with-arrow:before,
        .appWrapper.sidebar-xs #header .nav-right .messages .dropdown-menu.with-arrow:before,
        .appWrapper.sidebar-xs #header .nav-right .notifications .dropdown-menu.with-arrow:before {
          left: 12px;
          right: auto; }
        .appWrapper.sidebar-xs #header .nav-right .users .dropdown-menu.with-arrow:after,
        .appWrapper.sidebar-xs #header .nav-right .messages .dropdown-menu.with-arrow:after,
        .appWrapper.sidebar-xs #header .nav-right .notifications .dropdown-menu.with-arrow:after {
          left: 13px;
          right: auto; }
  .appWrapper.sidebar-xs.header-static.aside-fixed #header .search {
    left: 40px; }
  .appWrapper.sidebar-xs.header-fixed #header {
    position: fixed; } }
@media only screen and (max-width: 480px) {
  .appWrapper.sidebar-xs #header .branding {
    text-align: left;
    padding-left: 10px; }
    .appWrapper.sidebar-xs #header .branding > a {
      background-position: 0 1px; }
    .appWrapper.sidebar-xs #header .branding .brand > span {
      display: none; }
  .appWrapper.sidebar-xs #header .search {
    left: 40px; }
  .appWrapper.sidebar-xs.header-static.aside-fixed #header .search {
    left: 80px; }
  .appWrapper.sidebar-xs.sidebar-offcanvas #header .search {
    left: 70px; } }
@media only screen and (max-width: 420px) {
  .appWrapper.sidebar-xs #header .nav-right > li {
    position: static !important; }
    .appWrapper.sidebar-xs #header .nav-right > li.toggle-right-sidebar {
      position: absolute !important; }
    .appWrapper.sidebar-xs #header .nav-right > li .dropdown-menu {
      left: 0 !important;
      right: 0 !important; }
      .appWrapper.sidebar-xs #header .nav-right > li .dropdown-menu.with-arrow:before, .appWrapper.sidebar-xs #header .nav-right > li .dropdown-menu.with-arrow:after {
        display: none !important; } }
.appWrapper.sidebar-xs .sidebar-collapse i:before {
  content: "\f03c"; }

.appWrapper.aside-fixed #sidebar {
  position: fixed;
  top: 45px;
  bottom: 0; 
  z-index: 1;
}

.appWrapper.aside-static #wrap {
  position: relative; }
  .appWrapper.aside-static #wrap #controls {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0; }
    .appWrapper.aside-static #wrap #controls.dropdown-open {
      right: 0; }
.appWrapper.aside-static #sidebar {
  position: static;
  float: left;
  padding-top: 45px;
  min-height: 100%; }

.appWrapper.aside-static.header-static #sidebar {
  padding-top: 45px; }

#sidebar {
  width: 250px;
  padding: 0;
  /*background-color: #493d55;*/
  background-color: #495a72;
  z-index: 21;
  -webkit-overflow-scrolling: touch;
  -webkit-overflow-scrolling: -blackberry-touch; }
  #sidebar uib-accordion {
    display: block; }
    #sidebar uib-accordion .panel-group {
      margin-bottom: 0; }
      #sidebar uib-accordion .panel-group .panel + .panel {
        margin-top: 0; }
      #sidebar uib-accordion .panel-group .panel {
        border-radius: 0;
        border: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none; }
        #sidebar uib-accordion .panel-group .panel > .panel-heading {
          background-color: transparent;
          border: 0;
          text-transform: uppercase;
          padding: 0 15px; }
          #sidebar uib-accordion .panel-group .panel > .panel-heading .panel-title {
            border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
            #sidebar uib-accordion .panel-group .panel > .panel-heading .panel-title > a {
              display: block;
              position: relative;
              padding: 15px 0;
              cursor: pointer;
              font-size: 10px;
              color: rgba(255, 255, 255, 0.2); }
              #sidebar uib-accordion .panel-group .panel > .panel-heading .panel-title > a:hover {
                text-decoration: none;
                color: rgba(255, 255, 255, 0.5); }
              #sidebar uib-accordion .panel-group .panel > .panel-heading .panel-title > a > i {
                position: absolute;
                right: 0; }
          #sidebar uib-accordion .panel-group .panel > .panel-heading + .panel-collapse > .panel-body {
            border-top: 0; }
        #sidebar uib-accordion .panel-group .panel:not(.panel-open) > .panel-heading {
          background-color: rgba(0, 0, 0, 0.05); }
          #sidebar uib-accordion .panel-group .panel:not(.panel-open) > .panel-heading .panel-title {
            border: 0; }
            #sidebar uib-accordion .panel-group .panel:not(.panel-open) > .panel-heading .panel-title > a {
              color: rgba(255, 255, 255, 0.5); }
              #sidebar uib-accordion .panel-group .panel:not(.panel-open) > .panel-heading .panel-title > a:hover {
                color: white; }
        #sidebar uib-accordion .panel-group .panel .panel-body {
          color: rgba(255, 255, 255, 0.5); }
  #sidebar .summary .media .media-body {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.3);
    text-transform: uppercase; }
    #sidebar .summary .media .media-body .media-heading {
      font-weight: 700;
      color: rgba(255, 255, 255, 0.5); }
  #sidebar .settings label {
    font-weight: 400; }
  #sidebar .settings .onoffswitch {
    right: -10px; }
    #sidebar .settings .onoffswitch .onoffswitch-label {
      filter: alpha(opacity=40);
      opacity: 0.4;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
  #sidebar .settings .onoffswitch-checkbox:checked + .onoffswitch-label {
    filter: alpha(opacity=100);
    opacity: 1; }

#sidebar-wrap {
  -webkit-overflow-scrolling: touch;
  -webkit-overflow-scrolling: -blackberry-touch;
  width: 100%;
  height: 100%; }

#navigation {
  margin: 0 -15px;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  -webkit-overflow-scrolling: -blackberry-touch;
  list-style: none;
  /* background-color: #493d55;*/
  }
  #navigation > li > a > i {
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    font-size: 14px;
    width: 20px;
    line-height: 1;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear; }
  #navigation > li {
    position: relative;
    margin: 0;
    overflow: hidden;
    z-index: 10; }
    #navigation > li.open > a, #navigation > li:hover > a {
      background-color: rgba(0, 0, 0, 0.2);
      color: white; }
    #navigation > li.open > i, #navigation > li:hover > i {
      color: white; }
    #navigation > li.active > a {
      background-color: #16a085;
      color: white; }
    #navigation > li.active > i {
      color: white; }
    #navigation > li.active .ink {
      z-index: 9; }
    #navigation > li a {
      font-size: 13px;
      color: rgba(255, 255, 255, 0.5);
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      transition: all 0.2s linear;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      position: relative; }
      #navigation > li a:hover {
        text-decoration: none; }
    #navigation > li .ink {
      display: block;
      position: absolute;
      background: rgba(255, 255, 255, 0.1);
      border-radius: 100%;
      transform: scale(0);
      width: 250px !important;
      height: 250px !important; }
    #navigation > li .ink.animate {
      -webkit-animation: ripple 0.65s linear;
      -moz-animation: ripple 0.65s linear;
      animation: ripple 0.65s linear; }
    #navigation > li > a {
      font-weight: 700;
      position: relative;
      display: block;
      padding: 12px 15px; }
      #navigation > li > a > .badge {
        position: absolute;
        top: 7px;
        left: 25px; }
      #navigation > li > a > .label {
        position: absolute;
        top: 13px;
        right: 10px; }
  #navigation .dropdown > a > i:last-of-type {
    font-size: 10px;
    position: absolute;
    top: 17px;
    right: 0px; }
  #navigation .dropdown.open > a > i:last-of-type:before {
    content: "\f068"; }
  #navigation .dropdown > a > .label {
    right: 35px; }
  #navigation .dropdown > ul {
    display: none;
    background-color: rgba(0, 0, 0, 0.15);
    list-style: none;
    padding: 5px 0; }
    #navigation .dropdown > ul li {
      position: relative;
      padding: 0; }
      #navigation .dropdown > ul li:hover > a, #navigation .dropdown > ul li.active > a {
        color: #16a085; }
      #navigation .dropdown > ul li:last-child > a {
        border-bottom: 0; }
      #navigation .dropdown > ul li > a {
        font-size: 12px;
        position: relative;
        display: block;
        padding: 8px 0 8px 30px;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        transition: all 0.2s linear; }
        #navigation .dropdown > ul li > a > i {
          margin-right: 15px; }
        #navigation .dropdown > ul li > a > .badge,
        #navigation .dropdown > ul li > a > .label {
          position: absolute;
          right: 10px;
          top: 8px; }
  #navigation .dropdown.submenu > a > i:last-of-type {
    top: 14px; }
  #navigation .dropdown.submenu.open > a {
    color: white !important; }
  #navigation .dropdown.submenu > ul {
    background-color: transparent;
    padding-left: 15px; }

.sidebar-sm #sidebar,
.sidebar-xs #sidebar {
  background-color: transparent; }
  .sidebar-sm #sidebar #sidebar-wrap:before,
  .sidebar-xs #sidebar #sidebar-wrap:before {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 80px;
    background-color: #493d55; }
  .sidebar-sm #sidebar.dropdown-open,
  .sidebar-xs #sidebar.dropdown-open {
    width: 100% !important; }
  .sidebar-sm #sidebar .slimScrollDiv .slimScrollBar,
  .sidebar-sm #sidebar .slimScrollDiv .slimScrollRail,
  .sidebar-xs #sidebar .slimScrollDiv .slimScrollBar,
  .sidebar-xs #sidebar .slimScrollDiv .slimScrollRail {
    right: auto !important;
    left: 1px !important;
    width: 4px !important; }
  .sidebar-sm #sidebar uib-accordion .panel-heading,
  .sidebar-sm #sidebar uib-accordion .charts,
  .sidebar-sm #sidebar uib-accordion .settings,
  .sidebar-xs #sidebar uib-accordion .panel-heading,
  .sidebar-xs #sidebar uib-accordion .charts,
  .sidebar-xs #sidebar uib-accordion .settings {
    display: none; }
  .sidebar-sm #sidebar uib-accordion .panel-body,
  .sidebar-xs #sidebar uib-accordion .panel-body {
    padding: 0 10px; }
  .sidebar-sm #sidebar uib-accordion .panel-collapse.collapse,
  .sidebar-xs #sidebar uib-accordion .panel-collapse.collapse {
    display: block !important; }
  .sidebar-sm #sidebar uib-accordion .panel-group,
  .sidebar-xs #sidebar uib-accordion .panel-group {
    height: 100%; }
    .sidebar-sm #sidebar uib-accordion .panel-group .panel,
    .sidebar-sm #sidebar uib-accordion .panel-group .panel-collapse,
    .sidebar-sm #sidebar uib-accordion .panel-group .panel-body,
    .sidebar-xs #sidebar uib-accordion .panel-group .panel,
    .sidebar-xs #sidebar uib-accordion .panel-group .panel-collapse,
    .sidebar-xs #sidebar uib-accordion .panel-group .panel-body {
      height: 100% !important; }
  .sidebar-sm #sidebar #navigation,
  .sidebar-xs #sidebar #navigation {
    margin: 0 -10px;
   
 }
    .sidebar-sm #sidebar #navigation > li,
    .sidebar-xs #sidebar #navigation > li {
      overflow: visible; }
      .sidebar-sm #sidebar #navigation > li > a,
      .sidebar-xs #sidebar #navigation > li > a {
        padding: 15px 5px;
        text-align: center;
        font-size: 10px; }
        .sidebar-sm #sidebar #navigation > li > a > i,
        .sidebar-xs #sidebar #navigation > li > a > i {
          display: block;
          margin: 0 auto 3px;
          font-size: 22px; }
        .sidebar-sm #sidebar #navigation > li > a > .label,
        .sidebar-xs #sidebar #navigation > li > a > .label {
          display: none; }
      .sidebar-sm #sidebar #navigation > li .ink,
      .sidebar-xs #sidebar #navigation > li .ink {
        display: none; }
      .sidebar-sm #sidebar #navigation > li.dropdown > a > i:last-of-type,
      .sidebar-xs #sidebar #navigation > li.dropdown > a > i:last-of-type {
        display: none; }
      .sidebar-sm #sidebar #navigation > li.dropdown > ul,
      .sidebar-xs #sidebar #navigation > li.dropdown > ul {
        position: absolute;
        left: 100%;
        top: 0;
        width: 220px;
        background-color: #3c3246; }
      .sidebar-sm #sidebar #navigation > li.dropdown.open > ul,
      .sidebar-xs #sidebar #navigation > li.dropdown.open > ul {
        display: none !important; }
      .sidebar-sm #sidebar #navigation > li.dropdown:hover > ul,
      .sidebar-xs #sidebar #navigation > li.dropdown:hover > ul {
        display: block !important; }
      .sidebar-sm #sidebar #navigation > li li.submenu > ul,
      .sidebar-xs #sidebar #navigation > li li.submenu > ul {
        position: absolute;
        left: 100%;
        top: 0;
        width: 220px;
        background-color: #3c3246;
        padding-left: 0; }
      .sidebar-sm #sidebar #navigation > li li.submenu.open > ul,
      .sidebar-xs #sidebar #navigation > li li.submenu.open > ul {
        display: none !important; }
      .sidebar-sm #sidebar #navigation > li li.submenu:hover > ul,
      .sidebar-xs #sidebar #navigation > li li.submenu:hover > ul {
        display: block !important; }

.appWrapper.header-fixed.sidebar-sm #content {
  left: 80px;
  padding-left: 0; }

.appWrapper:not(.header-fixed).sidebar-sm #header {
  padding-left: 80px; }
  .appWrapper:not(.header-fixed).sidebar-sm #header .branding {
    width: 80px; }
    .appWrapper:not(.header-fixed).sidebar-sm #header .branding .brand > span {
      display: none; }
    .appWrapper:not(.header-fixed).sidebar-sm #header .branding .brand {
      margin-left: 12px; }
.appWrapper:not(.header-fixed).sidebar-sm #content {
  padding-left: 80px; }

.appWrapper:not(.aside-fixed).sidebar-sm #content {
  padding-left: 80px; }

.appWrapper:not(.header-fixed):not(.aside-fixed).sidebar-sm #header {
  padding-left: 0; }

.sidebar-sm #sidebar,
.sidebar-sm #navigation {
  width: 80px; }
.sidebar-sm #content {
  padding-left: 80px; }

.sidebar-xs #header .branding {
  width: 40px;
  padding: 0; }
  .sidebar-xs #header .branding > a {
    background-position: 6px 10px;
    width: 40px; }
    .sidebar-xs #header .branding > a > span {
      display: none; }
.sidebar-xs #sidebar,
.sidebar-xs #navigation {
  width: 40px; }
.sidebar-xs #sidebar #navigation > li > a {
  padding: 10px 5px; }
  .sidebar-xs #sidebar #navigation > li > a > i {
    margin: 0;
    display: inline-block;
    font-size: 14px; }
  .sidebar-xs #sidebar #navigation > li > a span {
    display: none; }
  .sidebar-xs #sidebar #navigation > li > a .badge {
    display: block;
    left: 5px;
    top: 3px; }
.sidebar-xs #content {
  padding-left: 40px; }
.sidebar-xs #sidebar #sidebar-wrap:before {
  width: 40px; }

.appWrapper.header-fixed.sidebar-xs #content {
  left: 40px;
  padding-left: 0; }

.appWrapper:not(.header-fixed).sidebar-xs #header {
  padding-left: 40px; }
  .appWrapper:not(.header-fixed).sidebar-xs #header .branding {
    width: 40px; }
.appWrapper:not(.header-fixed).sidebar-xs #content {
  padding-left: 40px; }

.appWrapper:not(.aside-fixed).sidebar-xs #content {
  padding-left: 40px; }

.appWrapper:not(.header-fixed):not(.aside-fixed).sidebar-xs #header {
  padding-left: 0; }

.appWrapper.sidebar-xs.sidebar-offcanvas #sidebar {
  left: -40px;
  -webkit-transition: left 0.2s;
  -moz-transition: left 0.2s;
  transition: left 0.2s; }
.appWrapper.sidebar-xs.sidebar-offcanvas #content {
  left: 0; }
.appWrapper.sidebar-xs.sidebar-offcanvas.offcanvas-opened #sidebar {
  left: 0; }
.appWrapper.sidebar-xs.sidebar-offcanvas.offcanvas-opened #content {
  left: 40px; }

@media only screen and (max-width: 768px) {
  .appWrapper.sidebar-xs.aside-fixed #sidebar {
    top: 90px; }
  .appWrapper.sidebar-xs.aside-fixed.header-static #sidebar {
    top: 0;
    z-index: 99; }
    .appWrapper.sidebar-xs.aside-fixed.header-static #sidebar #navigation > li > a {
      height: 45px;
      line-height: 26px; }
  .appWrapper.sidebar-xs.aside-static #sidebar {
    padding-top: 90px; } }
.pageheader {
  margin-bottom: 30px; }
  .pageheader h2 {
    display: inline-block;
    color: #4a555b;
    font-size: 32px;
    font-weight: 300;
    margin-top: 10px; }
    .pageheader h2 span {
      font-size: 14px;
      color: #95a2a9;
      font-style: italic; }
  .pageheader .page-bar {
    background-color: white; }
    .pageheader .page-bar .page-breadcrumb {
      padding: 0;
      margin: 0;
      list-style: none;
      display: inline-block; }
      .pageheader .page-bar .page-breadcrumb > li {
        display: inline-block; }
        .pageheader .page-bar .page-breadcrumb > li > a {
          color: #95a2a9;
          padding: 8px 10px;
          display: inline-block; }
          .pageheader .page-bar .page-breadcrumb > li > a:hover {
            color: #16a085;
            text-decoration: none; }
        .pageheader .page-bar .page-breadcrumb > li:before {
          display: inline-block;
          font-family: "FontAwesome";
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\f105";
          color: #95a2a9; }
        .pageheader .page-bar .page-breadcrumb > li:first-child {
          background-color: #493d55;
          margin-right: 8px; }
          .pageheader .page-bar .page-breadcrumb > li:first-child > a {
            color: rgba(255, 255, 255, 0.5); }
            .pageheader .page-bar .page-breadcrumb > li:first-child > a:hover {
              color: white; }
          .pageheader .page-bar .page-breadcrumb > li:first-child:before {
            content: ""; }
    .pageheader .page-bar .page-toolbar {
      display: inline-block;
      float: right; }
      .pageheader .page-bar .page-toolbar .btn {
        padding: 8px 12px; }

@media only screen and (max-width: 992px) {
  .page-bar .page-toolbar .btn span {
    display: none; } }
@media only screen and (max-width: 768px) {
  .page-bar .page-toolbar .btn {
    width: 37px; }
    .page-bar .page-toolbar .btn i:last-of-type {
      display: none; } }
@media only screen and (max-width: 480px) {
  .pageheader h2 span {
    display: block; }
  .pageheader .page-bar .page-breadcrumb {
    width: 100%; }
    .pageheader .page-bar .page-breadcrumb > li {
      font-size: 12px;
      display: block;
      padding-left: 10px; }
      .pageheader .page-bar .page-breadcrumb > li:first-child {
        padding-left: 0;
        margin-right: 0; }
      .pageheader .page-bar .page-breadcrumb > li > a {
        padding: 8px 5px; }
  .pageheader .page-bar .page-toolbar {
    display: none; } }
.appWrapper.rightbar-hidden #rightbar {
  right: -250px; }

.appWrapper.header-fixed.rightbar-show #rightbar,
.appWrapper.aside-fixed.rightbar-show #rightbar {
  right: 0; }
.appWrapper.header-fixed.rightbar-show #header,
.appWrapper.aside-fixed.rightbar-show #header {
  right: 250px; }
.appWrapper.header-fixed.rightbar-show #content,
.appWrapper.aside-fixed.rightbar-show #content {
  right: 250px; }

.appWrapper.header-static.rightbar-show #rightbar {
  right: 0; }
.appWrapper.header-static.rightbar-show #header {
  padding-right: 250px; }
.appWrapper.header-static.rightbar-show #content {
  padding-right: 250px; }

.appWrapper.aside-static.rightbar-show #content {
  padding-right: 250px; }

#rightbar {
  width: 250px;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9999;
  background-color: #1d2833;
  -webkit-transition: all 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  -moz-transition: all 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: all 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  overflow: auto; }
  #rightbar .nav.nav-tabs {
    padding: 0;
    max-height: 45px;
    z-index: 2; }
    #rightbar .nav.nav-tabs > li {
      display: table-cell;
      width: 1%; }
      #rightbar .nav.nav-tabs > li > a {
        border-radius: 0;
        border: 0;
        padding: 12px 15px;
        min-height: 45px;
        color: #95a2a9;
        background-color: #141b23;
        cursor: pointer; }
        #rightbar .nav.nav-tabs > li > a:hover {
          background-color: #172029;
          color: #bfc7cb; }
      #rightbar .nav.nav-tabs > li.active > a {
        background-color: #1d2833;
        color: white; }
        #rightbar .nav.nav-tabs > li.active > a:hover
        #rightbar .nav.nav-tabs > li.active > a:focus {
          background-color: #1d2833;
          color: white; }
  #rightbar .tab-content {
    left: 0;
    background: #1d2833;
    padding: 5px 15px; }
    #rightbar .tab-content .tab-pane {
      padding: 0; }
      #rightbar .tab-content .tab-pane > h6 {
        color: #95a2a9;
        font-family: "Dosis", "Arial", sans-serif;
        text-transform: uppercase;
        font-weight: 300;
        border-bottom: 1px dotted rgba(255, 255, 255, 0.15);
        padding-bottom: 10px; }
      #rightbar .tab-content .tab-pane ul {
        list-style-type: none;
        padding: 0;
        margin: 0; }
        #rightbar .tab-content .tab-pane ul > li {
          margin-bottom: 15px; }
          #rightbar .tab-content .tab-pane ul > li:last-child {
            margin-bottom: 30px; }
          #rightbar .tab-content .tab-pane ul > li .media {
            position: relative; }
            #rightbar .tab-content .tab-pane ul > li .media .unread {
              position: absolute;
              left: 30px; }
            #rightbar .tab-content .tab-pane ul > li .media .media-body {
              padding-top: 2px;
              padding-bottom: 6px;
              position: relative; }
              #rightbar .tab-content .tab-pane ul > li .media .media-body .media-heading {
                font-family: "Lato", "Arial", sans-serif;
                font-weight: 300;
                color: #bfc7cb;
                margin: 0 0 3px;
                display: block; }
              #rightbar .tab-content .tab-pane ul > li .media .media-body small {
                font-size: 11px;
                color: rgba(255, 255, 255, 0.3);
                display: inline-block;
                width: 130px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden; }
                #rightbar .tab-content .tab-pane ul > li .media .media-body small i {
                  font-size: 14px; }
              #rightbar .tab-content .tab-pane ul > li .media .media-body .status {
                position: absolute;
                right: 0px;
                top: 18px; }
          #rightbar .tab-content .tab-pane ul > li.online .status {
            border-color: #16a085; }
          #rightbar .tab-content .tab-pane ul > li.busy .status {
            border-color: #ffc100; }
          #rightbar .tab-content .tab-pane ul > li.offline .media .thumb {
            filter: alpha(opacity=40);
            opacity: 0.4; }
          #rightbar .tab-content .tab-pane ul > li.offline .status {
            border-color: #616f77; }
        #rightbar .tab-content .tab-pane ul.settings > li .form-group .control-label {
          margin: 0;
          padding: 0;
          margin-bottom: 15px;
          color: #95a2a9;
          font-weight: 300;
          line-height: 22px; }
          #rightbar .tab-content .tab-pane ul.settings > li .form-group .control-label .onoffswitch {
            right: -35px; }

@media only screen and (max-width: 1200px) {
  #rightbar {
    top: 45px; }

  .appWrapper:not(.rtl).rightbar-show #rightbar {
    right: 0; }
  .appWrapper:not(.rtl).rightbar-show #header {
    right: 0 !important;
    padding-right: 0 !important; }
  .appWrapper:not(.rtl).rightbar-show #content {
    right: 0 !important;
    padding-right: 0 !important; } }
@media only screen and (max-width: 768px) {
  #rightbar {
    top: 90px; } }
@media only screen and (max-width: 360px) {
  #rightbar {
    width: 100%; }

  .appWrapper.rightbar-hidden #rightbar {
    right: -100%; } }
#pageloader.hide {
  display: none; }

#pageloader.animate {
  width: 40px;
  height: 40px;
  position: fixed;
  text-align: center;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
  -webkit-animation: loaderrotate 2s infinite linear;
  -moz-animation: loaderrotate 2s infinite linear;
  animation: loaderrotate 2s infinite linear; }
  #pageloader.animate .dot1, #pageloader.animate .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #16a085;
    border-radius: 100%;
    -webkit-animation: loaderbounce 2s infinite ease-in-out;
    -moz-animation: loaderbounce 2s infinite ease-in-out;
    animation: loaderbounce 2s infinite ease-in-out; }
  #pageloader.animate .dot2 {
    top: auto;
    bottom: 0px;
    -webkit-animation-delay: -1s;
    -moz-animation-delay: -1s;
    animation-delay: -1s;
    background-color: #e05d6f; }

@-webkit-keyframes loaderrotate {
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes loaderrotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg); } }
@-webkit-keyframes loaderbounce {
  0%, 100% {
    -webkit-transform: scale(0); }
  50% {
    -webkit-transform: scale(1); } }
@keyframes loaderbounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
.add-nav {
  margin-top: -29px; }
  .add-nav .nav-heading {
    background-color: white;
    padding: 30px 20px; }
    .add-nav .nav-heading h1, .add-nav .nav-heading h2, .add-nav .nav-heading h3, .add-nav .nav-heading h4, .add-nav .nav-heading h5, .add-nav .nav-heading h6 {
      margin: 0;
      display: inline-block; }
  .add-nav .nav-tabs {
    background-color: white; }
    .add-nav .nav-tabs > li:first-child {
      margin-left: 10px; }
    .add-nav .nav-tabs > li > a {
      color: #616f77;
      padding: 0 8px 10px;
      margin: 0 10px; }
      .add-nav .nav-tabs > li > a:hover {
        color: #428bca;
        background-color: transparent; }
    .add-nav .nav-tabs > li.active > a,
    .add-nav .nav-tabs > li.active > a:hover,
    .add-nav .nav-tabs > li.active > a:focus {
      background-color: white;
      color: #428bca;
      font-weight: 700; }
    .add-nav .nav-tabs > li.active:after {
      display: none; }
  .add-nav .tab-content .tab-pane {
    padding: 40px 0 15px; }

.tile {
  position: relative;
  margin-bottom: 20px;
  color: #616f77;
  background-color: white;
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-out;
  -moz-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out; }
  .tile.tile-shadow {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07); }
  .tile.tile-rounded {
    border-radius: 3px; }
  .tile.collapsed .controls .minimize {
    display: none; }
  .tile.collapsed .controls .expand {
    display: inline !important; }
  .tile.refreshing {
    filter: alpha(opacity=30);
    opacity: 0.3;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .tile.refreshing a {
      pointer-events: none;
      cursor: default; }
  .tile.isInFullScreen {
    width: 90%;
    overflow: auto; }
    .tile.isInFullScreen .controls .remove {
      display: none; }
    .tile.isInFullScreen .controls > li:first-child {
      margin-right: 0 !important; }
  .tile.mfp-hide {
    display: block !important; }
  .tile .tile-header,
  .tile .tile-widget,
  .tile .tile-body,
  .tile .tile-footer {
    position: relative;
    padding: 15px; }
    
  .tile .dvd {
    border-color: rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 0; }
    .tile .dvd.dvd-white {
      border-color: rgba(255, 255, 255, 0.1); }
    .tile .dvd.dvd-btm {
      border-bottom-width: 1px; }
    .tile .dvd.dvd-top {
      border-top-width: 1px; }
  .tile.tile-simple .tile-header .controls > li {
    background-color: transparent !important; }
    .tile.tile-simple .tile-header .controls > li > a {
      line-height: 28px;
      min-width: 28px;
      padding: 0 10px;
      font-size: 12px; }
  .tile .tile-header {
    padding: 8px 15px; }
    .tile .tile-header h1,
    .tile .tile-header h2,
    .tile .tile-header h3,
    .tile .tile-header h4 {
      padding: 0;
      margin: 0;
      display: inline-block;
      font-weight: 400;
      font-size: 20px;
      line-height: 26px; }
    .tile .tile-header h2 {
      font-size: 18px; }
    .tile .tile-header h3 {
      font-size: 16px; }
    .tile .tile-header h4 {
      font-size: 14px; }
    .tile .tile-header .controls {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 9;
      list-style: none;
      padding: 0;
      margin: 0;
      height: 100%; }
      .tile .tile-header .controls > li {
        display: inline-block;
        height: 100%;
        float: left; }
        .tile .tile-header .controls > li > a {
          display: block;
          height: 100%;
          line-height: 43px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #95a2a9; }
          .tile .tile-header .controls > li > a:hover {
            color: #616f77;
            text-decoration: none; }
      .tile .tile-header .controls .expand {
        display: none; }
    .tile .tile-header.dvd .controls {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .tile .tile-header.dvd .controls > li {
        border-left: 1px solid rgba(0, 0, 0, 0.1); }
    .tile .tile-header.dvd.dvd-white .controls > li {
      border-left: 1px solid rgba(255, 255, 255, 0.1); }
    .tile .tile-header .note {
      display: inline-block;
      padding: 2px 5px;
      background-color: rgba(0, 0, 0, 0.1);
      color: #95a2a9;
      font-family: "Dosis", "Arial", sans-serif;
      font-size: 12px;
      margin-left: 5px;
      position: relative;
      top: -2px;
      margin-top: 5px; }
    .tile .tile-header .btn {
      padding: 2px 5px;
      margin-right: -24px; }
    .tile .tile-header.cover {
      padding: 0; }
  .tile .tile-nav {
    margin-bottom: 15px; }
    .tile .tile-nav > li {
      display: inline-block; }
      .tile .tile-nav > li > a {
        padding: 6px 12px; }

.tile[class*='bg-']:not(.bg-default) .dvd, .tile[class*='bg-']:not(.bg-default).dvd,
.tile-header[class*='bg-']:not(.bg-default) .dvd,
.tile-header[class*='bg-']:not(.bg-default).dvd,
.tile-widget[class*='bg-']:not(.bg-default) .dvd,
.tile-widget[class*='bg-']:not(.bg-default).dvd,
.tile-body[class*='bg-']:not(.bg-default) .dvd,
.tile-body[class*='bg-']:not(.bg-default).dvd,
.tile-footer[class*='bg-']:not(.bg-default) .dvd,
.tile-footer[class*='bg-']:not(.bg-default).dvd {
  border-color: rgba(255, 255, 255, 0.2); }
.tile[class*='bg-']:not(.bg-default) .controls > li,
.tile-header[class*='bg-']:not(.bg-default) .controls > li,
.tile-widget[class*='bg-']:not(.bg-default) .controls > li,
.tile-body[class*='bg-']:not(.bg-default) .controls > li,
.tile-footer[class*='bg-']:not(.bg-default) .controls > li {
  border-left: 1px solid rgba(255, 255, 255, 0.2); }
  .tile[class*='bg-']:not(.bg-default) .controls > li:last-child,
  .tile-header[class*='bg-']:not(.bg-default) .controls > li:last-child,
  .tile-widget[class*='bg-']:not(.bg-default) .controls > li:last-child,
  .tile-body[class*='bg-']:not(.bg-default) .controls > li:last-child,
  .tile-footer[class*='bg-']:not(.bg-default) .controls > li:last-child {
    background-color: rgba(0, 0, 0, 0.1);
    border: 0; }
  .tile[class*='bg-']:not(.bg-default) .controls > li:nth-last-child(2),
  .tile-header[class*='bg-']:not(.bg-default) .controls > li:nth-last-child(2),
  .tile-widget[class*='bg-']:not(.bg-default) .controls > li:nth-last-child(2),
  .tile-body[class*='bg-']:not(.bg-default) .controls > li:nth-last-child(2),
  .tile-footer[class*='bg-']:not(.bg-default) .controls > li:nth-last-child(2) {
    background-color: rgba(0, 0, 0, 0.05);
    border: 0; }
.tile[class*='bg-']:not(.bg-default) .legend table,
.tile-header[class*='bg-']:not(.bg-default) .legend table,
.tile-widget[class*='bg-']:not(.bg-default) .legend table,
.tile-body[class*='bg-']:not(.bg-default) .legend table,
.tile-footer[class*='bg-']:not(.bg-default) .legend table {
  color: white !important; }
.tile[class*='bg-']:not(.bg-default) h1.underline, .tile[class*='bg-']:not(.bg-default) h2.underline, .tile[class*='bg-']:not(.bg-default) h3.underline, .tile[class*='bg-']:not(.bg-default) h4.underline, .tile[class*='bg-']:not(.bg-default) h5.underline, .tile[class*='bg-']:not(.bg-default) h6.underline,
.tile[class*='bg-']:not(.bg-default) .h1.underline, .tile[class*='bg-']:not(.bg-default) .h2.underline, .tile[class*='bg-']:not(.bg-default) .h3.underline, .tile[class*='bg-']:not(.bg-default) .h4.underline, .tile[class*='bg-']:not(.bg-default) .h5.underline, .tile[class*='bg-']:not(.bg-default) .h6.underline,
.tile-header[class*='bg-']:not(.bg-default) h1.underline,
.tile-header[class*='bg-']:not(.bg-default) h2.underline,
.tile-header[class*='bg-']:not(.bg-default) h3.underline,
.tile-header[class*='bg-']:not(.bg-default) h4.underline,
.tile-header[class*='bg-']:not(.bg-default) h5.underline,
.tile-header[class*='bg-']:not(.bg-default) h6.underline,
.tile-header[class*='bg-']:not(.bg-default) .h1.underline,
.tile-header[class*='bg-']:not(.bg-default) .h2.underline,
.tile-header[class*='bg-']:not(.bg-default) .h3.underline,
.tile-header[class*='bg-']:not(.bg-default) .h4.underline,
.tile-header[class*='bg-']:not(.bg-default) .h5.underline,
.tile-header[class*='bg-']:not(.bg-default) .h6.underline,
.tile-widget[class*='bg-']:not(.bg-default) h1.underline,
.tile-widget[class*='bg-']:not(.bg-default) h2.underline,
.tile-widget[class*='bg-']:not(.bg-default) h3.underline,
.tile-widget[class*='bg-']:not(.bg-default) h4.underline,
.tile-widget[class*='bg-']:not(.bg-default) h5.underline,
.tile-widget[class*='bg-']:not(.bg-default) h6.underline,
.tile-widget[class*='bg-']:not(.bg-default) .h1.underline,
.tile-widget[class*='bg-']:not(.bg-default) .h2.underline,
.tile-widget[class*='bg-']:not(.bg-default) .h3.underline,
.tile-widget[class*='bg-']:not(.bg-default) .h4.underline,
.tile-widget[class*='bg-']:not(.bg-default) .h5.underline,
.tile-widget[class*='bg-']:not(.bg-default) .h6.underline,
.tile-body[class*='bg-']:not(.bg-default) h1.underline,
.tile-body[class*='bg-']:not(.bg-default) h2.underline,
.tile-body[class*='bg-']:not(.bg-default) h3.underline,
.tile-body[class*='bg-']:not(.bg-default) h4.underline,
.tile-body[class*='bg-']:not(.bg-default) h5.underline,
.tile-body[class*='bg-']:not(.bg-default) h6.underline,
.tile-body[class*='bg-']:not(.bg-default) .h1.underline,
.tile-body[class*='bg-']:not(.bg-default) .h2.underline,
.tile-body[class*='bg-']:not(.bg-default) .h3.underline,
.tile-body[class*='bg-']:not(.bg-default) .h4.underline,
.tile-body[class*='bg-']:not(.bg-default) .h5.underline,
.tile-body[class*='bg-']:not(.bg-default) .h6.underline,
.tile-footer[class*='bg-']:not(.bg-default) h1.underline,
.tile-footer[class*='bg-']:not(.bg-default) h2.underline,
.tile-footer[class*='bg-']:not(.bg-default) h3.underline,
.tile-footer[class*='bg-']:not(.bg-default) h4.underline,
.tile-footer[class*='bg-']:not(.bg-default) h5.underline,
.tile-footer[class*='bg-']:not(.bg-default) h6.underline,
.tile-footer[class*='bg-']:not(.bg-default) .h1.underline,
.tile-footer[class*='bg-']:not(.bg-default) .h2.underline,
.tile-footer[class*='bg-']:not(.bg-default) .h3.underline,
.tile-footer[class*='bg-']:not(.bg-default) .h4.underline,
.tile-footer[class*='bg-']:not(.bg-default) .h5.underline,
.tile-footer[class*='bg-']:not(.bg-default) .h6.underline {
  border-color: rgba(255, 255, 255, 0.2); }
.tile[class*='bg-']:not(.bg-default) .owl-theme .owl-controls .owl-page span,
.tile-header[class*='bg-']:not(.bg-default) .owl-theme .owl-controls .owl-page span,
.tile-widget[class*='bg-']:not(.bg-default) .owl-theme .owl-controls .owl-page span,
.tile-body[class*='bg-']:not(.bg-default) .owl-theme .owl-controls .owl-page span,
.tile-footer[class*='bg-']:not(.bg-default) .owl-theme .owl-controls .owl-page span {
  background: white; }
.tile[class*='bg-']:not(.bg-default) .form-control,
.tile-header[class*='bg-']:not(.bg-default) .form-control,
.tile-widget[class*='bg-']:not(.bg-default) .form-control,
.tile-body[class*='bg-']:not(.bg-default) .form-control,
.tile-footer[class*='bg-']:not(.bg-default) .form-control {
  border-color: rgba(255, 255, 255, 0.3);
  background-color: transparent;
  color: white; }
  .tile[class*='bg-']:not(.bg-default) .form-control::-webkit-input-placeholder,
  .tile-header[class*='bg-']:not(.bg-default) .form-control::-webkit-input-placeholder,
  .tile-widget[class*='bg-']:not(.bg-default) .form-control::-webkit-input-placeholder,
  .tile-body[class*='bg-']:not(.bg-default) .form-control::-webkit-input-placeholder,
  .tile-footer[class*='bg-']:not(.bg-default) .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5); }
  .tile[class*='bg-']:not(.bg-default) .form-control::-moz-placeholder,
  .tile-header[class*='bg-']:not(.bg-default) .form-control::-moz-placeholder,
  .tile-widget[class*='bg-']:not(.bg-default) .form-control::-moz-placeholder,
  .tile-body[class*='bg-']:not(.bg-default) .form-control::-moz-placeholder,
  .tile-footer[class*='bg-']:not(.bg-default) .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5); }
  .tile[class*='bg-']:not(.bg-default) .form-control:-moz-placeholder,
  .tile-header[class*='bg-']:not(.bg-default) .form-control:-moz-placeholder,
  .tile-widget[class*='bg-']:not(.bg-default) .form-control:-moz-placeholder,
  .tile-body[class*='bg-']:not(.bg-default) .form-control:-moz-placeholder,
  .tile-footer[class*='bg-']:not(.bg-default) .form-control:-moz-placeholder {
    color: rgba(255, 255, 255, 0.5); }
  .tile[class*='bg-']:not(.bg-default) .form-control:-ms-input-placeholder,
  .tile-header[class*='bg-']:not(.bg-default) .form-control:-ms-input-placeholder,
  .tile-widget[class*='bg-']:not(.bg-default) .form-control:-ms-input-placeholder,
  .tile-body[class*='bg-']:not(.bg-default) .form-control:-ms-input-placeholder,
  .tile-footer[class*='bg-']:not(.bg-default) .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5); }
  .tile[class*='bg-']:not(.bg-default) .form-control:hover:not(:disabled),
  .tile-header[class*='bg-']:not(.bg-default) .form-control:hover:not(:disabled),
  .tile-widget[class*='bg-']:not(.bg-default) .form-control:hover:not(:disabled),
  .tile-body[class*='bg-']:not(.bg-default) .form-control:hover:not(:disabled),
  .tile-footer[class*='bg-']:not(.bg-default) .form-control:hover:not(:disabled) {
    border-color: rgba(255, 255, 255, 0.5); }
  .tile[class*='bg-']:not(.bg-default) .form-control:focus, .tile[class*='bg-']:not(.bg-default) .form-control:focus:hover,
  .tile-header[class*='bg-']:not(.bg-default) .form-control:focus,
  .tile-header[class*='bg-']:not(.bg-default) .form-control:focus:hover,
  .tile-widget[class*='bg-']:not(.bg-default) .form-control:focus,
  .tile-widget[class*='bg-']:not(.bg-default) .form-control:focus:hover,
  .tile-body[class*='bg-']:not(.bg-default) .form-control:focus,
  .tile-body[class*='bg-']:not(.bg-default) .form-control:focus:hover,
  .tile-footer[class*='bg-']:not(.bg-default) .form-control:focus,
  .tile-footer[class*='bg-']:not(.bg-default) .form-control:focus:hover {
    border-color: #22beef; }
.tile[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap.open,
.tile-header[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap.open,
.tile-widget[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap.open,
.tile-body[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap.open,
.tile-footer[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap.open {
  border-color: #22beef; }
.tile[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search::-webkit-input-placeholder,
.tile-header[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search::-webkit-input-placeholder,
.tile-widget[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search::-webkit-input-placeholder,
.tile-body[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search::-webkit-input-placeholder,
.tile-footer[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5); }
.tile[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search::-moz-placeholder,
.tile-header[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search::-moz-placeholder,
.tile-widget[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search::-moz-placeholder,
.tile-body[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search::-moz-placeholder,
.tile-footer[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5); }
.tile[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search:-moz-placeholder,
.tile-header[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search:-moz-placeholder,
.tile-widget[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search:-moz-placeholder,
.tile-body[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search:-moz-placeholder,
.tile-footer[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5); }
.tile[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search:-ms-input-placeholder,
.tile-header[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search:-ms-input-placeholder,
.tile-widget[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search:-ms-input-placeholder,
.tile-body[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search:-ms-input-placeholder,
.tile-footer[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5); }

@media only screen and (max-width: 628px) {
  .tile .tile-header .controls {
    display: none; } }
.form-control {
  color: #616f77;
  outline: 0;
  vertical-align: top;
  background-color: #fff;
  filter: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 2px;
  border: 1px solid #dbe0e2;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  .form-control:not(select) {
    -webkit-appearance: none !important; }
  .form-control::-webkit-input-placeholder {
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    transition: color 0.2s linear;
    color: #bfc7cb;
    font-style: italic;
    font-size: 12px;
    line-height: 20px; }
  .form-control::-moz-placeholder {
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    transition: color 0.2s linear;
    color: #bfc7cb;
    font-style: italic;
    font-size: 12px;
    line-height: 20px; }
  .form-control:-moz-placeholder {
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    transition: color 0.2s linear;
    color: #bfc7cb;
    font-style: italic;
    font-size: 12px;
    line-height: 20px; }
  .form-control:-ms-input-placeholder {
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    transition: color 0.2s linear;
    color: #bfc7cb;
    font-style: italic;
    font-size: 12px;
    line-height: 20px; }
  .form-control.input-lg::-webkit-input-placeholder {
    font-size: 18px; }
  .form-control.input-lg::-moz-placeholder {
    font-size: 18px; }
  .form-control.input-lg:-moz-placeholder {
    font-size: 18px; }
  .form-control.input-lg:-ms-input-placeholder {
    font-size: 18px; }
  .form-control.input-sm::-webkit-input-placeholder {
    line-height: 18px; }
  .form-control.input-sm::-moz-placeholder {
    line-height: 18px; }
  .form-control.input-sm:-moz-placeholder {
    line-height: 18px; }
  .form-control.input-sm:-ms-input-placeholder {
    line-height: 18px; }
  .form-control:hover:not(:disabled) {
    border-color: #b1bac0; }
  .form-control:focus, .form-control:focus:hover {
    outline: none;
    border: 1px solid;
    border-color: #22beef;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .form-control.underline-input {
    background: none;
    border: 0;
    border-bottom: 1px solid;
    border-radius: 0;
    -webkit-appearance: none !important;
    vertical-align: middle;
    padding-left: 0;
    border-color: #dbe0e2; }
    .form-control.underline-input:focus:hover {
      border: 0;
      border-bottom: 1px solid #22beef; }
    .form-control.underline-input:focus {
      border-color: #22beef; }
  .form-control.rounded {
    border-radius: 600px; }
  .form-control.input-unstyled {
    border: 0;
    padding: 0;
    background-color: transparent; }
    .form-control.input-unstyled::-webkit-input-placeholder {
      font-size: 16px; }
    .form-control.input-unstyled::-moz-placeholder {
      font-size: 16px; }
    .form-control.input-unstyled:-moz-placeholder {
      font-size: 16px; }
    .form-control.input-unstyled:-ms-input-placeholder {
      font-size: 16px; }
    .form-control.input-unstyled:focus, .form-control.input-unstyled:focus:hover {
      border: 0; }

.form-group.legend h1, .form-group.legend h2, .form-group.legend h3, .form-group.legend h4, .form-group.legend h5, .form-group.legend h6 {
  color: #428bca;
  margin-bottom: 3px; }
.form-group.legend p {
  font-size: 12px;
  color: #95a2a9;
  border-bottom: 1px dotted #cacaca;
  padding-bottom: 5px; }

label {
  font-weight: 400; }

.input-group-addon {
  border-radius: 2px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 3px; }

.input-group .btn {
  border-radius: 2px; }

.form-validation .form-control.has-focus + .help-block {
  display: none; }
.form-validation .form-control.has-visited:not(.has-focus) + .help-block {
  display: block; }
.form-validation .form-control.ng-dirty.ng-invalid, .form-validation .form-control.ng-dirty.ng-invalid[type="checkbox"] + i {
  border-color: #ff7b76; }
  .form-validation .form-control.ng-dirty.ng-invalid + .help-block, .form-validation .form-control.ng-dirty.ng-invalid[type="checkbox"] + i + .help-block {
    color: #ff635c; }
.form-validation .form-control.ng-dirty.ng-valid {
  border-color: #b2e600; }
  .form-validation .form-control.ng-dirty.ng-valid + .help-block {
    color: #aadc00; }

.has-error .form-control,
.has-error .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #ff7b76; }
  .has-error .form-control.has-focus,
  .has-error .form-control:focus.has-focus {
    border-color: #22beef; }
  .has-error .form-control.has-visited:not(.has-focus),
  .has-error .form-control:focus.has-visited:not(.has-focus) {
    border-color: #ff7b76; }
.has-error .control-label,
.has-error .help-block {
  color: #ff635c; }
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #616f77; }
.has-error .checkbox-custom > i,
.has-error .checkbox-custom:hover > i {
  border-color: #ff7b76; }

.has-success .form-control,
.has-success .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #b2e600; }
  .has-success .form-control.has-focus,
  .has-success .form-control:focus.has-focus {
    border-color: #22beef; }
  .has-success .form-control.has-visited:not(.has-focus),
  .has-success .form-control:focus.has-visited:not(.has-focus) {
    border-color: #b2e600; }
.has-success .control-label,
.has-success .help-block {
  color: #aadc00; }
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #616f77; }
.has-success .checkbox-custom > i {
  border-color: #b2e600; }

.has-warning .form-control,
.has-warning .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #ffcd33; }
  .has-warning .form-control.has-focus,
  .has-warning .form-control:focus.has-focus {
    border-color: #22beef; }
  .has-warning .form-control.has-visited:not(.has-focus),
  .has-warning .form-control:focus.has-visited:not(.has-focus) {
    border-color: #ffcd33; }
.has-warning .control-label,
.has-warning .help-block {
  color: #ffc71a; }
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #616f77; }
.has-warning .checkbox-custom > i {
  border-color: #ffcd33; }

.checkbox-custom,
.checkbox-custom-alt {
  padding-left: 20px;
  cursor: pointer; }
  .checkbox-custom input,
  .checkbox-custom-alt input {
    position: absolute;
    opacity: 0; }
    .checkbox-custom input:checked + i,
    .checkbox-custom-alt input:checked + i {
      border-color: #428bca;
      background-color: #428bca; }
      .checkbox-custom input:checked + i:before,
      .checkbox-custom-alt input:checked + i:before {
        top: 3px;
        left: 3px;
        width: 12px;
        height: 12px;
        background-color: #fff; }
    .checkbox-custom input:checked + span .active,
    .checkbox-custom-alt input:checked + span .active {
      display: inherit; }
    .checkbox-custom input[type='radio'] + i,
    .checkbox-custom input[type='radio'] + i:before,
    .checkbox-custom-alt input[type='radio'] + i,
    .checkbox-custom-alt input[type='radio'] + i:before {
      border-radius: 50%; }
    .checkbox-custom input[disabled] + i,
    .checkbox-custom-alt input[disabled] + i {
      border-color: #e2e2e2;
      background-color: #f2f2f2; }
    .checkbox-custom input[disabled] + i:before,
    .checkbox-custom-alt input[disabled] + i:before {
      background-color: #e2e2e2; }
  .checkbox-custom > i,
  .checkbox-custom-alt > i {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -2px;
    margin-right: 4px;
    margin-left: -20px;
    line-height: 1;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s; }
    .checkbox-custom > i:before,
    .checkbox-custom-alt > i:before {
      position: absolute;
      top: 50%;
      left: -100%;
      width: 0;
      height: 0;
      background-color: transparent;
      content: "";
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      transition: all 0.2s;
      z-index: 1; }
  .checkbox-custom > span,
  .checkbox-custom-alt > span {
    margin-left: -20px; }
    .checkbox-custom > span .active,
    .checkbox-custom-alt > span .active {
      display: none; }
  .checkbox-custom:hover > i,
  .checkbox-custom-alt:hover > i {
    border-color: #22beef; }
  .checkbox-custom.checkbox-custom-sm input:checked + i:before,
  .checkbox-custom-alt.checkbox-custom-sm input:checked + i:before {
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px; }
  .checkbox-custom.checkbox-custom-sm > i,
  .checkbox-custom-alt.checkbox-custom-sm > i {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    margin-left: -18px; }
  .checkbox-custom.checkbox-custom-lg input:checked + i:before,
  .checkbox-custom-alt.checkbox-custom-lg input:checked + i:before {
    top: 3px;
    left: 3px;
    width: 22px;
    height: 22px; }
  .checkbox-custom.checkbox-custom-lg > i,
  .checkbox-custom-alt.checkbox-custom-lg > i {
    width: 30px;
    height: 30px; }

.checkbox-custom-alt input:checked + i {
  background-color: transparent;
  border-color: #666;
  color: #666; }
  .checkbox-custom-alt input:checked + i:before {
    top: 2px;
    left: 2px;
    width: auto;
    height: auto;
    background-color: transparent;
    opacity: 1; }
.checkbox-custom-alt input[type='radio']:checked + i:before {
  left: 1px; }
.checkbox-custom-alt input[disabled] + i {
  border-color: #e2e2e2;
  background-color: #f2f2f2; }
.checkbox-custom-alt input[disabled] + i:before {
  background-color: transparent;
  color: #ccc; }
.checkbox-custom-alt > i {
  width: 18px;
  height: 18px;
  background-color: transparent;
  border: 2px solid #dfdfdf; }
  .checkbox-custom-alt > i:before {
    content: "\f00c";
    top: 0;
    left: 0;
    display: inline-block;
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s; }
.checkbox-custom-alt.checkbox-custom-sm > i:before {
  font-size: 9px; }
.checkbox-custom-alt.checkbox-custom-sm input:checked + i:before {
  font-size: 9px;
  top: 1px; }
.checkbox-custom-alt.checkbox-custom-lg input:checked + i:before {
  font-size: 18px;
  top: 4px;
  left: 4px; }

.onoffswitch {
  position: relative;
  width: 40px;
  height: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .onoffswitch.green .onoffswitch-inner:before {
    background-color: #a2d200; }
  .onoffswitch.red .onoffswitch-inner:before {
    background-color: #ff4a43; }
  .onoffswitch.cyan .onoffswitch-inner:before {
    background-color: #22beef; }
  .onoffswitch.orange .onoffswitch-inner:before {
    background-color: #ffc100; }
  .onoffswitch.amethyst .onoffswitch-inner:before {
    background-color: #cd97eb; }
  .onoffswitch.greensea .onoffswitch-inner:before {
    background-color: #16a085; }
  .onoffswitch.dutch .onoffswitch-inner:before {
    background-color: #1693A5; }
  .onoffswitch.hotpink .onoffswitch-inner:before {
    background-color: #FF0066; }
  .onoffswitch.drank .onoffswitch-inner:before {
    background-color: #A40778; }
  .onoffswitch.blue .onoffswitch-inner:before {
    background-color: #418bca; }
  .onoffswitch.slategray .onoffswitch-inner:before {
    background-color: #536781; }
  .onoffswitch.darkgray .onoffswitch-inner:before {
    background-color: #4d4d4d; }
  .onoffswitch.lightred .onoffswitch-inner:before {
    background-color: #e05d6f; }
  .onoffswitch.primary .onoffswitch-inner:before {
    background-color: #428bca; }
  .onoffswitch.success .onoffswitch-inner:before {
    background-color: #5cb85c; }
  .onoffswitch.warning .onoffswitch-inner:before {
    background-color: #f0ad4e; }
  .onoffswitch.danger .onoffswitch-inner:before {
    background-color: #d9534f; }
  .onoffswitch.info .onoffswitch-inner:before {
    background-color: #5bc0de; }
  .onoffswitch.labeled {
    width: 46px; }
    .onoffswitch.labeled .onoffswitch-inner:before {
      content: "On";
      padding-left: 7px; }
    .onoffswitch.labeled .onoffswitch-inner:after {
      content: "Off";
      padding-right: 7px; }
    .onoffswitch.labeled .onoffswitch-switch {
      right: 21px; }
  .onoffswitch.small {
    width: 20px;
    height: 15px;
    margin-top: 3px;
    right: -5px; }
    .onoffswitch.small .onoffswitch-switch {
      right: 6px; }
    .onoffswitch.small .onoffswitch-inner:before, .onoffswitch.small .onoffswitch-inner:after {
      height: 15px;
      line-height: 15px; }
    .onoffswitch.small .onoffswitch-switch {
      width: 10px; }
  .onoffswitch.medium {
    width: 30px;
    height: 20px;
    margin-top: 3px;
    right: -5px; }
    .onoffswitch.medium .onoffswitch-switch {
      right: 11px; }
    .onoffswitch.medium .onoffswitch-inner:before, .onoffswitch.medium .onoffswitch-inner:after {
      height: 20px;
      line-height: 20px; }
    .onoffswitch.medium .onoffswitch-switch {
      width: 15px; }

.onoffswitch-checkbox {
  display: none; }

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px; }

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.2s ease-in 0s;
  -moz-transition: margin 0.2s ease-in 0s;
  transition: margin 0.2s ease-in 0s; }

.onoffswitch-inner:before, .onoffswitch-inner:after {
  float: left;
  width: 50%;
  height: 25px;
  padding: 0;
  line-height: 25px;
  font-size: 9px;
  color: white;
  box-sizing: border-box;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  -webkit-transform: none; }

.onoffswitch-inner:before {
  content: "";
  padding-left: 9px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #FFFFFF; }

.onoffswitch-inner:after {
  content: "";
  padding-right: 9px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #999999;
  text-align: right; }

.onoffswitch-switch {
  display: block;
  width: 21px;
  margin: 2px;
  background: #FFFFFF;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px; }

fieldset[disabled] .checkbox-custom input + i {
  border-color: rgba(0, 0, 0, 0.1); }

fieldset[disabled] .checkbox-custom input + i:before {
  background-color: rgba(0, 0, 0, 0.1); }

.help-block {
  font-size: 12px;
  color: #95a2a9; }

.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  .slider.slider-horizontal {
    width: 210px;
    height: 20px; }
    .slider.slider-horizontal .slider-track {
      width: 100%;
      margin-top: -5px;
      top: 50%;
      left: 0; }
    .slider.slider-horizontal .slider-selection {
      height: 100%;
      top: 0;
      bottom: 0; }
    .slider.slider-horizontal .slider-handle {
      margin-left: -10px;
      margin-top: -8px; }
      .slider.slider-horizontal .slider-handle.triangle {
        border-width: 0 10px 10px 10px;
        width: 0;
        height: 0;
        margin-top: 0;
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom-color: #e05d6f; }
  .slider.slider-vertical {
    height: 210px;
    width: 20px; }
    .slider.slider-vertical .slider-track {
      height: 100%;
      left: 50%;
      top: 0;
      width: 6px;
      margin-left: -2px; }
    .slider.slider-vertical .slider-selection {
      width: 100%;
      left: 0;
      top: 0;
      bottom: 0; }
    .slider.slider-vertical .slider-handle {
      margin-left: -8px;
      margin-top: -10px; }
      .slider.slider-vertical .slider-handle.triangle {
        border-width: 10px 0 10px 10px;
        width: 1px;
        height: 1px;
        margin-left: 0;
        border-left-color: #e05d6f; }
  .slider.disabled .slider-track {
    cursor: not-allowed; }
  .slider input {
    display: none; }
  .slider .tooltip {
    display: none; }
    .slider .tooltip.top {
      margin-top: -22px; }
  .slider:hover .tooltip {
    display: block; }
  .slider .tooltip-inner {
    white-space: nowrap; }
  .slider .hide {
    display: none; }
  .slider .slider-track {
    position: absolute;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #dbe0e2;
    height: 6px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .slider .slider-selection {
    position: absolute;
    box-sizing: border-box;
    background-color: #418bca;
    background-image: none;
    border-radius: 3px; }
  .slider .slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    outline: none;
    background-color: #fff;
    background-image: none;
    border: 1px solid;
    border-color: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); }
    .slider .slider-handle.round {
      border-radius: 20px; }
    .slider .slider-handle.triangle {
      background: transparent none; }

.ui-select-bootstrap > .ui-select-match {
  border-color: #dbe0e2 !important;
  border-radius: 2px; }
  .ui-select-bootstrap > .ui-select-match .ui-select-toggle > span:first-of-type {
    color: #bfc7cb;
    font-style: italic;
    font-size: 12px; }
  .ui-select-bootstrap > .ui-select-match .ui-select-toggle > span:nth-of-type(2) > a {
    position: absolute;
    right: 35px;
    top: 7px;
    font-size: 10px;
    padding: 2px;
    color: #bfc7cb; }
    .ui-select-bootstrap > .ui-select-match .ui-select-toggle > span:nth-of-type(2) > a:hover {
      color: #428bca; }
.ui-select-bootstrap .ui-select-match-item.btn-primary {
  color: white; }
.ui-select-bootstrap .ui-select-choices {
  
  /*top: 0px !important;   biby change*/ 
  
  }

.ui-select-choices .ui-select-choices-row {
  padding: 0; }
  .ui-select-choices .ui-select-choices-row > a {
    color: #616f77;
    font-size: 12px; }
  .ui-select-choices .ui-select-choices-row.active > a {
    background: #798992; }

.ui-select-multiple.ui-select-bootstrap.open {
  border-color: #22beef; }
.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  line-height: .8; }
.ui-select-multiple.ui-select-bootstrap input.ui-select-search::-webkit-input-placeholder {
  color: #bfc7cb;
  font-style: italic;
  font-size: 12px;
  line-height: 20px;
  padding: 0 7px; }
.ui-select-multiple.ui-select-bootstrap input.ui-select-search::-moz-placeholder {
  color: #bfc7cb;
  font-style: italic;
  font-size: 12px;
  line-height: 20px;
  padding: 0 7px; }
.ui-select-multiple.ui-select-bootstrap input.ui-select-search:-moz-placeholder {
  color: #bfc7cb;
  font-style: italic;
  font-size: 12px;
  line-height: 20px;
  padding: 0 7px; }
.ui-select-multiple.ui-select-bootstrap input.ui-select-search:-ms-input-placeholder {
  color: #bfc7cb;
  font-style: italic;
  font-size: 12px;
  line-height: 20px;
  padding: 0 7px; }
.ui-select-multiple.ui-select-bootstrap.underline-input input.ui-select-search::-webkit-input-placeholder {
  padding: 0; }
.ui-select-multiple.ui-select-bootstrap.underline-input input.ui-select-search::-moz-placeholder {
  padding: 0; }
.ui-select-multiple.ui-select-bootstrap.underline-input input.ui-select-search:-moz-placeholder {
  padding: 0; }
.ui-select-multiple.ui-select-bootstrap.underline-input input.ui-select-search:-ms-input-placeholder {
  padding: 0; }

.ta-toolbar {
  margin-bottom: 10px; }

.ta-root.focussed .ta-scroll-window.form-control {
  border-color: #22beef;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ta-hidden-input {
  display: none; }

.form-control.ta-editor {
  height: auto; }

tags-input .tags {
  border: 1px solid #ccc;
  box-shadow: none; }
  tags-input .tags.focused, tags-input .tags.focused:hover {
    box-shadow: none;
    border-color: #22beef; }
  tags-input .tags .tag-item {
    background: white;
    border-radius: 2px;
    border-color: #cfcfcf;
    font-size: 12px;
    font-family: "Lato", "Arial", sans-serif; }
    tags-input .tags .tag-item.selected {
      background: #f2f2f2;
      border-color: #e05d6f; }

.badge,
.label {
  font-size: 10px;
  font-weight: 400; }

.badge {
  padding: 3px 5px; }
  .badge.badge-success {
    background-color: #5cb85c; }
  .badge.badge-danger {
    background-color: #d9534f; }
  .badge.badge-warning {
    background-color: #f0ad4e; }
  .badge.badge-info {
    background-color: #5bc0de; }
  .badge.badge-primary {
    background-color: #428bca; }
  .badge.badge-default {
    background-color: #616f77; }
  .badge.badge-outline {
    display: inline-block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: 1px solid;
    background: transparent; }

uib-accordion .panel .panel-heading {
  padding: 0; }

.panel {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .panel .panel-heading {
    border-radius: 0; }
    .panel .panel-heading .panel-title .accordion-toggle {
      display: block;
      cursor: pointer;
      font-size: 14px;
      padding: 10px 15px; }
      .panel .panel-heading .panel-title .accordion-toggle span {
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s; }
      .panel .panel-heading .panel-title .accordion-toggle:hover {
        text-decoration: none; }
        .panel .panel-heading .panel-title .accordion-toggle:hover span {
          padding-left: 5px; }
          .panel .panel-heading .panel-title .accordion-toggle:hover span.text-muted {
            padding-left: 0; }
  .panel.panel-cyan {
    border-color: #22beef; }
    .panel.panel-cyan > .panel-heading {
      color: white;
      background-color: #22beef;
      border-color: #22beef; }
  .panel.panel-amethyst {
    border-color: #cd97eb; }
    .panel.panel-amethyst > .panel-heading {
      color: white;
      background-color: #cd97eb;
      border-color: #cd97eb; }
  .panel.panel-green {
    border-color: #a2d200; }
    .panel.panel-green > .panel-heading {
      color: white;
      background-color: #a2d200;
      border-color: #a2d200; }
  .panel.panel-orange {
    border-color: #ffc100; }
    .panel.panel-orange > .panel-heading {
      color: white;
      background-color: #ffc100;
      border-color: #ffc100; }
  .panel.panel-red {
    border-color: #ff4a43; }
    .panel.panel-red > .panel-heading {
      color: white;
      background-color: #ff4a43;
      border-color: #ff4a43; }
  .panel.panel-greensea {
    border-color: #16a085; }
    .panel.panel-greensea > .panel-heading {
      color: white;
      background-color: #16a085;
      border-color: #16a085; }
  .panel.panel-dutch {
    border-color: #1693A5; }
    .panel.panel-dutch > .panel-heading {
      color: white;
      background-color: #1693A5;
      border-color: #1693A5; }
  .panel.panel-hotpink {
    border-color: #FF0066; }
    .panel.panel-hotpink > .panel-heading {
      color: white;
      background-color: #FF0066;
      border-color: #FF0066; }
  .panel.panel-drank {
    border-color: #A40778; }
    .panel.panel-drank > .panel-heading {
      color: white;
      background-color: #A40778;
      border-color: #A40778; }
  .panel.panel-blue {
    border-color: #418bca; }
    .panel.panel-blue > .panel-heading {
      color: white;
      background-color: #418bca;
      border-color: #418bca; }
  .panel.panel-lightred {
    border-color: #e05d6f; }
    .panel.panel-lightred > .panel-heading {
      color: white;
      background-color: #e05d6f;
      border-color: #e05d6f; }
  .panel.panel-slategray {
    border-color: #3f4e62; }
    .panel.panel-slategray > .panel-heading {
      color: white;
      background-color: #3f4e62;
      border-color: #3f4e62; }
  .panel.panel-darkgray {
    border-color: #333; }
    .panel.panel-darkgray > .panel-heading {
      color: white;
      background-color: #333;
      border-color: #333; }
  .panel.panel-filled.panel-default .panel-body {
    background-color: white; }
  .panel.panel-filled.panel-primary .panel-body {
    background-color: #6aa3d5;
    color: white; }
  .panel.panel-filled.panel-success .panel-body {
    background-color: #eaf6ea;
    color: #357935; }
  .panel.panel-filled.panel-warning .panel-body {
    background-color: #fef9f3;
    color: #c77c11; }
  .panel.panel-filled.panel-danger .panel-body {
    background-color: #fdf7f7;
    color: #a02622; }
  .panel.panel-filled.panel-info .panel-body {
    background-color: #f0f9fc;
    color: #2390b0; }
  .panel.panel-filled.panel-cyan .panel-body {
    background-color: #3ac5f1;
    color: white; }
  .panel.panel-filled.panel-amethyst .panel-body {
    background-color: #d1a0ed;
    color: white; }
  .panel.panel-filled.panel-green .panel-body {
    background-color: #aadc00;
    color: white; }
  .panel.panel-filled.panel-orange .panel-body {
    background-color: #ffc71a;
    color: white; }
  .panel.panel-filled.panel-red .panel-body {
    background-color: #ff635c;
    color: white; }
  .panel.panel-filled.panel-greensea .panel-body {
    background-color: #19b698;
    color: white; }
  .panel.panel-filled.panel-dutch .panel-body {
    background-color: #19a7bc;
    color: white; }
  .panel.panel-filled.panel-hotpink .panel-body {
    background-color: #ff1a75;
    color: white; }
  .panel.panel-filled.panel-drank .panel-body {
    background-color: #bc088a;
    color: white; }
  .panel.panel-filled.panel-blue .panel-body {
    background-color: #5597d0;
    color: white; }
  .panel.panel-filled.panel-lightred .panel-body {
    background-color: #e47282;
    color: white; }
  .panel.panel-filled.panel-slategray .panel-body {
    background-color: #495a72;
    color: white; }
  .panel.panel-filled.panel-darkgray .panel-body {
    background-color: #404040;
    color: white; }
  .panel.panel-transparent {
    border-left: 0;
    border-right: 0; }
    .panel.panel-transparent:last-of-type {
      border-bottom: 0; }
    .panel.panel-transparent .panel-heading {
      background: none; }
      .panel.panel-transparent .panel-heading .panel-title .accordion-toggle {
        padding: 15px; }
    .panel.panel-transparent .panel-body {
      background-color: #f7f7f7;
      padding: 0; }

.panel-group .panel {
  border-radius: 0; }

.panel-group .panel.panel-transparent + .panel.panel-transparent {
  margin-top: -1px; }

.well {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.breadcrumb {
  border-radius: 0; }
  .breadcrumb > li + li:before {
    content: "\f105";
    display: inline-block;
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.datepicker .btn-default {
  border-width: 0;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .datepicker .btn-default .glyphicon {
    top: 2px; }
.datepicker .btn[disabled] {
  opacity: .3; }
.datepicker .btn-info {
  color: white !important; }
  .datepicker .btn-info .text-info {
    color: white; }
  .datepicker .btn-info.active {
    background-color: #5bc0de !important; }
.datepicker td > em {
  color: #95a2a9; }

.pagination {
  border-radius: 0; }
  .pagination > li > a,
  .pagination > li > span {
    border-color: #e4e7e9; }
    .pagination > li > a:hover, .pagination > li > a:focus,
    .pagination > li > span:hover,
    .pagination > li > span:focus {
      background-color: #f2f3f4; }
  .pagination > li:first-child > a, .pagination > li:last-child > a {
    border-radius: 0; }

.pager > li > a,
.pager > li > span {
  border-color: #e4e7e9; }
  .pager > li > a:hover, .pager > li > a:focus,
  .pager > li > span:hover,
  .pager > li > span:focus {
    background-color: #f2f3f4; }

.popover {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  border-color: #cdd3d7; }
  .popover .popover-title {
    background-color: #f8f8f9;
    font-weight: 700;
    border-radius: 0; }
  .popover .popover-content {
    font-size: 12px;
    color: #95a2a9; }

check-toggler,
.check-toggler {
  cursor: pointer;
  padding: 2px; }
  check-toggler:before,
  .check-toggler:before {
    content: "\f00d";
    display: inline-block;
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #d9534f; }
  check-toggler.checked:before,
  .check-toggler.checked:before {
    content: "\f00c";
    color: #5cb85c; }

.dropdown > a:hover, .dropdown > a:focus {
  text-decoration: none; }
.dropdown.settings .dropdown-menu {
  padding: 0; }
  .dropdown.settings .dropdown-menu:after {
    border-bottom-color: #f2f2f2; }
.dropdown.settings .color-schemes {
  padding: 5px 10px;
  background-color: #f2f2f2;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 10px; }
  .dropdown.settings .color-schemes li:not(.title) {
    padding: 3px; }
    .dropdown.settings .color-schemes li:not(.title) > a {
      display: inline-block;
      width: 10px;
      height: 10px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
      border-radius: 20px;
      -webkit-transition: all 0.25s ease;
      -moz-transition: all 0.25s ease;
      transition: all 0.25s ease; }
      .dropdown.settings .color-schemes li:not(.title) > a:hover {
        -webkit-transform: scale(1.3, 1.3);
        -moz-transform: scale(1.3, 1.3);
        -ms-transform: scale(1.3, 1.3);
        -o-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3);
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }
.dropdown.settings .form-group {
  margin-bottom: 0; }
.dropdown.nav-profile .dropdown-menu {
  min-width: 180px; }

#header .dropdown > .dropdown-menu {
  margin-top: -2px; }
#header .dropdown.open > a {
  color: white; }

.dropdown-menu {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  border-radius: 0; }
  .dropdown-menu.with-arrow:before {
    content: "";
    position: absolute;
    left: 12px;
    top: -10px;
    height: 0;
    width: 0;
    border-bottom: 9px solid rgba(0, 0, 0, 0.15);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent; }
  .dropdown-menu.with-arrow:after {
    content: "";
    position: absolute;
    left: 13px;
    top: -8px;
    height: 0;
    width: 0;
    border-bottom: 8px solid white;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent; }
  .dropdown-menu.pull-right.with-arrow:before {
    left: auto;
    right: 11px; }
  .dropdown-menu.pull-right.with-arrow:after {
    left: auto;
    right: 12px; }
  .dropdown-menu > li > a {
    color: #4a555b;
    padding: 5px 15px; }
    .dropdown-menu > li > a > i {
      margin-right: 5px; }
    .dropdown-menu > li > a > .label,
    .dropdown-menu > li > a > .badge {
      margin-top: 2px; }
  .dropdown-menu > li > div {
    padding: 5px 10px; }
  .dropdown-menu > li > ul {
    margin-left: 0;
    padding: 0 10px; }
    .dropdown-menu > li > ul > li.title {
      padding: 5px 0 0;
      display: block;
      font-size: 12px;
      color: #616f77;
      border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
  .dropdown-menu.panel {
    min-width: 280px;
    margin-bottom: 0;
    padding: 0;
    border-color: rgba(0, 0, 0, 0.15); }
    .dropdown-menu.panel .panel-heading {
      background-color: #333;
      border-radius: 0;
      color: #95a2a9;
      border: 0;
      font-weight: 300; }
      .dropdown-menu.panel .panel-heading strong {
        color: white; }
    .dropdown-menu.panel .panel-footer {
      background-color: white;
      padding: 0; }
      .dropdown-menu.panel .panel-footer > a {
        display: block;
        padding: 10px 15px;
        color: #616f77;
        font-size: 12px; }
        .dropdown-menu.panel .panel-footer > a > i {
          margin-top: 2px; }
        .dropdown-menu.panel .panel-footer > a:hover {
          text-decoration: none;
          color: #428bca; }
    .dropdown-menu.panel.with-arrow:before {
      border-color: transparent; }
    .dropdown-menu.panel.with-arrow:after {
      height: 0;
      width: 0;
      border-bottom: 9px solid #333;
      border-left: 9px solid transparent;
      border-right: 9px solid transparent; }
    .dropdown-menu.panel .list-group > li {
      padding: 0;
      border-color: #eaeaea; }
      .dropdown-menu.panel .list-group > li .media .media-object {
        margin: 10px 10px 10px 15px; }
      .dropdown-menu.panel .list-group > li .media .media-body {
        padding: 10px 15px 10px 0; }
      .dropdown-menu.panel .list-group > li:hover {
        background-color: #f8f8f8; }
      .dropdown-menu.panel .list-group > li > a:hover {
        text-decoration: none; }

.jqstooltip {
  box-sizing: content-box; }

#flotTip {
  z-index: 100;
  padding: 4px 10px;
  font-size: 12px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  border: 0;
  border-radius: 2px; }

.legendColorBox > div {
  margin: 3px 5px;
  border: none !important; }
  .legendColorBox > div > div {
    border-radius: 10px; }

.easypiechart {
  display: inline-block;
  position: relative;
  text-align: center;
  margin: 5px auto; }
  .easypiechart .pie-percent {
    display: inline-block;
    line-height: 100%;
    font-size: 40px;
    font-weight: 300;
    color: #95a2a9; }
    .easypiechart .pie-percent:after {
      content: '%';
      margin-left: 0.1em;
      font-size: .6em; }
  .easypiechart canvas {
    position: absolute;
    top: 0;
    left: 0; }

/* General button style (reset) */
.btn-ef {
  border: none;
  display: inline-block;
  outline: none;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  /* Success and error */ }
  .btn-ef:focus, .btn-ef:active {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-ef:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
  .btn-ef.btn-ef-1 {
    background: none;
    border: 2px solid #616f77;
    color: #616f77; }
    .btn-ef.btn-ef-1.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1a.active {
      background-color: #616f77;
      color: white; }
    .btn-ef.btn-ef-1.btn-ef-1b:after {
      width: 100%;
      height: 0;
      top: 0;
      left: 0;
      background: #616f77; }
    .btn-ef.btn-ef-1.btn-ef-1b:hover, .btn-ef.btn-ef-1.btn-ef-1b:active, .btn-ef.btn-ef-1.btn-ef-1b.active {
      color: white; }
      .btn-ef.btn-ef-1.btn-ef-1b:hover:after, .btn-ef.btn-ef-1.btn-ef-1b:active:after, .btn-ef.btn-ef-1.btn-ef-1b.active:after {
        height: 100%; }
    .btn-ef.btn-ef-1.btn-ef-1c:after {
      width: 0;
      height: 100%;
      top: 0;
      left: 0;
      background: #616f77; }
    .btn-ef.btn-ef-1.btn-ef-1c:hover, .btn-ef.btn-ef-1.btn-ef-1c:active, .btn-ef.btn-ef-1.btn-ef-1c.active {
      color: white; }
      .btn-ef.btn-ef-1.btn-ef-1c:hover:after, .btn-ef.btn-ef-1.btn-ef-1c:active:after, .btn-ef.btn-ef-1.btn-ef-1c.active:after {
        width: 100%; }
    .btn-ef.btn-ef-1.btn-ef-1d {
      overflow: hidden; }
      .btn-ef.btn-ef-1.btn-ef-1d:after {
        width: 0;
        height: 103%;
        top: 50%;
        left: 50%;
        background: #616f77;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%); }
      .btn-ef.btn-ef-1.btn-ef-1d:hover, .btn-ef.btn-ef-1.btn-ef-1d:active, .btn-ef.btn-ef-1.btn-ef-1d.active {
        color: white; }
        .btn-ef.btn-ef-1.btn-ef-1d:hover:after, .btn-ef.btn-ef-1.btn-ef-1d:active:after, .btn-ef.btn-ef-1.btn-ef-1d.active:after {
          width: 80%;
          opacity: 1; }
      .btn-ef.btn-ef-1.btn-ef-1d:active:after, .btn-ef.btn-ef-1.btn-ef-1d.active:after {
        width: 101%;
        opacity: 1; }
    .btn-ef.btn-ef-1.btn-ef-1e {
      overflow: hidden; }
      .btn-ef.btn-ef-1.btn-ef-1e:after {
        width: 110%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #616f77;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform: translateX(-50%) translateY(-50%) rotate(45deg); }
      .btn-ef.btn-ef-1.btn-ef-1e:hover, .btn-ef.btn-ef-1.btn-ef-1e:active, .btn-ef.btn-ef-1.btn-ef-1e.active {
        color: white; }
        .btn-ef.btn-ef-1.btn-ef-1e:hover:after, .btn-ef.btn-ef-1.btn-ef-1e:active:after, .btn-ef.btn-ef-1.btn-ef-1e.active:after {
          height: 160%;
          opacity: 1; }
      .btn-ef.btn-ef-1.btn-ef-1e:active:after, .btn-ef.btn-ef-1.btn-ef-1e.active:after {
        height: 400%;
        opacity: 1; }
    .btn-ef.btn-ef-1.btn-ef-1f {
      overflow: hidden; }
      .btn-ef.btn-ef-1.btn-ef-1f:after {
        width: 101%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #616f77;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%); }
      .btn-ef.btn-ef-1.btn-ef-1f:hover, .btn-ef.btn-ef-1.btn-ef-1f:active, .btn-ef.btn-ef-1.btn-ef-1f.active {
        color: white; }
        .btn-ef.btn-ef-1.btn-ef-1f:hover:after, .btn-ef.btn-ef-1.btn-ef-1f:active:after, .btn-ef.btn-ef-1.btn-ef-1f.active:after {
          height: 75%;
          opacity: 1; }
      .btn-ef.btn-ef-1.btn-ef-1f:active:after, .btn-ef.btn-ef-1.btn-ef-1f.active:after {
        height: 130%;
        opacity: 1; }
    .btn-ef.btn-ef-1.btn-ef-1-primary {
      border-color: #428bca;
      color: #428bca; }
      .btn-ef.btn-ef-1.btn-ef-1-primary.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-primary.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-primary.btn-ef-1a.active {
        background-color: #428bca; }
      .btn-ef.btn-ef-1.btn-ef-1-primary:after {
        background-color: #428bca; }
    .btn-ef.btn-ef-1.btn-ef-1-success {
      border-color: #5cb85c;
      color: #5cb85c; }
      .btn-ef.btn-ef-1.btn-ef-1-success.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-success.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-success.btn-ef-1a.active {
        background-color: #5cb85c; }
      .btn-ef.btn-ef-1.btn-ef-1-success:after {
        background-color: #5cb85c; }
    .btn-ef.btn-ef-1.btn-ef-1-warning {
      border-color: #f0ad4e;
      color: #f0ad4e; }
      .btn-ef.btn-ef-1.btn-ef-1-warning.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-warning.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-warning.btn-ef-1a.active {
        background-color: #f0ad4e; }
      .btn-ef.btn-ef-1.btn-ef-1-warning:after {
        background-color: #f0ad4e; }
    .btn-ef.btn-ef-1.btn-ef-1-danger {
      border-color: #d9534f;
      color: #d9534f; }
      .btn-ef.btn-ef-1.btn-ef-1-danger.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-danger.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-danger.btn-ef-1a.active {
        background-color: #d9534f; }
      .btn-ef.btn-ef-1.btn-ef-1-danger:after {
        background-color: #d9534f; }
    .btn-ef.btn-ef-1.btn-ef-1-info {
      border-color: #5bc0de;
      color: #5bc0de; }
      .btn-ef.btn-ef-1.btn-ef-1-info.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-info.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-info.btn-ef-1a.active {
        background-color: #5bc0de; }
      .btn-ef.btn-ef-1.btn-ef-1-info:after {
        background-color: #5bc0de; }
    .btn-ef.btn-ef-1.btn-ef-1-cyan {
      border-color: #22beef;
      color: #22beef; }
      .btn-ef.btn-ef-1.btn-ef-1-cyan.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-cyan.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-cyan.btn-ef-1a.active {
        background-color: #22beef; }
      .btn-ef.btn-ef-1.btn-ef-1-cyan:after {
        background-color: #22beef; }
    .btn-ef.btn-ef-1.btn-ef-1-amethyst {
      border-color: #cd97eb;
      color: #cd97eb; }
      .btn-ef.btn-ef-1.btn-ef-1-amethyst.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-amethyst.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-amethyst.btn-ef-1a.active {
        background-color: #cd97eb; }
      .btn-ef.btn-ef-1.btn-ef-1-amethyst:after {
        background-color: #cd97eb; }
    .btn-ef.btn-ef-1.btn-ef-1-green {
      border-color: #a2d200;
      color: #a2d200; }
      .btn-ef.btn-ef-1.btn-ef-1-green.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-green.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-green.btn-ef-1a.active {
        background-color: #a2d200; }
      .btn-ef.btn-ef-1.btn-ef-1-green:after {
        background-color: #a2d200; }
    .btn-ef.btn-ef-1.btn-ef-1-orange {
      border-color: #ffc100;
      color: #ffc100; }
      .btn-ef.btn-ef-1.btn-ef-1-orange.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-orange.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-orange.btn-ef-1a.active {
        background-color: #ffc100; }
      .btn-ef.btn-ef-1.btn-ef-1-orange:after {
        background-color: #ffc100; }
    .btn-ef.btn-ef-1.btn-ef-1-red {
      border-color: #ff4a43;
      color: #ff4a43; }
      .btn-ef.btn-ef-1.btn-ef-1-red.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-red.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-red.btn-ef-1a.active {
        background-color: #ff4a43; }
      .btn-ef.btn-ef-1.btn-ef-1-red:after {
        background-color: #ff4a43; }
    .btn-ef.btn-ef-1.btn-ef-1-greensea {
      border-color: #16a085;
      color: #16a085; }
      .btn-ef.btn-ef-1.btn-ef-1-greensea.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-greensea.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-greensea.btn-ef-1a.active {
        background-color: #16a085; }
      .btn-ef.btn-ef-1.btn-ef-1-greensea:after {
        background-color: #16a085; }
    .btn-ef.btn-ef-1.btn-ef-1-dutch {
      border-color: #1693A5;
      color: #1693A5; }
      .btn-ef.btn-ef-1.btn-ef-1-dutch.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-dutch.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-dutch.btn-ef-1a.active {
        background-color: #1693A5; }
      .btn-ef.btn-ef-1.btn-ef-1-dutch:after {
        background-color: #1693A5; }
    .btn-ef.btn-ef-1.btn-ef-1-hotpink {
      border-color: #FF0066;
      color: #FF0066; }
      .btn-ef.btn-ef-1.btn-ef-1-hotpink.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-hotpink.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-hotpink.btn-ef-1a.active {
        background-color: #FF0066; }
      .btn-ef.btn-ef-1.btn-ef-1-hotpink:after {
        background-color: #FF0066; }
    .btn-ef.btn-ef-1.btn-ef-1-drank {
      border-color: #A40778;
      color: #A40778; }
      .btn-ef.btn-ef-1.btn-ef-1-drank.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-drank.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-drank.btn-ef-1a.active {
        background-color: #A40778; }
      .btn-ef.btn-ef-1.btn-ef-1-drank:after {
        background-color: #A40778; }
    .btn-ef.btn-ef-1.btn-ef-1-blue {
      border-color: #418bca;
      color: #418bca; }
      .btn-ef.btn-ef-1.btn-ef-1-blue.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-blue.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-blue.btn-ef-1a.active {
        background-color: #418bca; }
      .btn-ef.btn-ef-1.btn-ef-1-blue:after {
        background-color: #418bca; }
    .btn-ef.btn-ef-1.btn-ef-1-lightred {
      border-color: #e05d6f;
      color: #e05d6f; }
      .btn-ef.btn-ef-1.btn-ef-1-lightred.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-lightred.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-lightred.btn-ef-1a.active {
        background-color: #e05d6f; }
      .btn-ef.btn-ef-1.btn-ef-1-lightred:after {
        background-color: #e05d6f; }
    .btn-ef.btn-ef-1.btn-ef-1-slategray {
      border-color: #3f4e62;
      color: #3f4e62; }
      .btn-ef.btn-ef-1.btn-ef-1-slategray.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-slategray.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-slategray.btn-ef-1a.active {
        background-color: #3f4e62; }
      .btn-ef.btn-ef-1.btn-ef-1-slategray:after {
        background-color: #3f4e62; }
    .btn-ef.btn-ef-1.btn-ef-1-darkgray {
      border-color: #333;
      color: #333; }
      .btn-ef.btn-ef-1.btn-ef-1-darkgray.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-darkgray.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-darkgray.btn-ef-1a.active {
        background-color: #333; }
      .btn-ef.btn-ef-1.btn-ef-1-darkgray:after {
        background-color: #333; }
  .btn-ef.btn-ef-2 {
    background: #e6e6e6;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 3px;
    box-shadow: 0 3px;
    color: #616f77;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }
    .btn-ef.btn-ef-2.btn-rounded {
      border-radius: 4px; }
    .btn-ef.btn-ef-2.btn-ef-2a:hover {
      top: 2px;
      -webkit-box-shadow: 0 1px;
      box-shadow: 0 1px; }
    .btn-ef.btn-ef-2.btn-ef-2a:active, .btn-ef.btn-ef-2.btn-ef-2a.active {
      top: 3px;
      -webkit-box-shadow: 0 0;
      box-shadow: 0 0; }
    .btn-ef.btn-ef-2.btn-ef-2b:hover {
      top: -2px;
      -webkit-box-shadow: 0 5px;
      box-shadow: 0 5px; }
    .btn-ef.btn-ef-2.btn-ef-2b:active, .btn-ef.btn-ef-2.btn-ef-2b.active {
      top: 3px;
      -webkit-box-shadow: 0 0;
      box-shadow: 0 0; }
    .btn-ef.btn-ef-2.btn-ef-2c {
      -webkit-box-shadow: -3px 0;
      box-shadow: -3px 0; }
      .btn-ef.btn-ef-2.btn-ef-2c:hover {
        left: -2px;
        -webkit-box-shadow: -1px 0;
        box-shadow: -1px 0; }
      .btn-ef.btn-ef-2.btn-ef-2c:active, .btn-ef.btn-ef-2.btn-ef-2c.active {
        left: -3px;
        -webkit-box-shadow: 0 0;
        box-shadow: 0 0; }
    .btn-ef.btn-ef-2.btn-ef-2d {
      -webkit-box-shadow: 3px 0;
      box-shadow: 3px 0; }
      .btn-ef.btn-ef-2.btn-ef-2d:hover {
        left: 2px;
        -webkit-box-shadow: 1px 0;
        box-shadow: 1px 0; }
      .btn-ef.btn-ef-2.btn-ef-2d:active, .btn-ef.btn-ef-2.btn-ef-2d.active {
        left: 3px;
        -webkit-box-shadow: 0 0;
        box-shadow: 0 0; }
    .btn-ef.btn-ef-2.btn-ef-2-primary {
      color: #428bca;
      background-color: #cde1f1; }
    .btn-ef.btn-ef-2.btn-ef-2-success {
      color: #5cb85c;
      background-color: #d8eed8; }
    .btn-ef.btn-ef-2.btn-ef-2-warning {
      color: #f0ad4e;
      background-color: #fceedb; }
    .btn-ef.btn-ef-2.btn-ef-2-danger {
      color: #d9534f;
      background-color: #f9e2e2; }
    .btn-ef.btn-ef-2.btn-ef-2-info {
      color: #5bc0de;
      background-color: #f0f9fc; }
    .btn-ef.btn-ef-2.btn-ef-2-cyan {
      color: #22beef;
      background-color: #e0f6fd; }
    .btn-ef.btn-ef-2.btn-ef-2-amethyst {
      color: #cd97eb;
      background-color: #f6edfb; }
    .btn-ef.btn-ef-2.btn-ef-2-green {
      color: #a2d200;
      background-color: #f5ffd2; }
    .btn-ef.btn-ef-2.btn-ef-2-orange {
      color: orange;
      background-color: #fff3cc; }
    .btn-ef.btn-ef-2.btn-ef-2-red {
      color: #ff4a43;
      background-color: #ffdddc; }
    .btn-ef.btn-ef-2.btn-ef-2-greensea {
      color: #16a085;
      background-color: #d5f9f2; }
    .btn-ef.btn-ef-2.btn-ef-2-dutch {
      color: #1693A5;
      background-color: #daf6fa; }
    .btn-ef.btn-ef-2.btn-ef-2-hotpink {
      color: #FF0066;
      background-color: #ffe5f0; }
    .btn-ef.btn-ef-2.btn-ef-2-drank {
      color: #A40778;
      background-color: #fdc7ee; }
    .btn-ef.btn-ef-2.btn-ef-2-blue {
      color: #418bca;
      background-color: #e1ecf6; }
    .btn-ef.btn-ef-2.btn-ef-2-lightred {
      color: #e05d6f;
      background-color: #f9dde1; }
    .btn-ef.btn-ef-2.btn-ef-2-slategray {
      color: #3f4e62;
      background-color: #b6c1d0; }
    .btn-ef.btn-ef-2.btn-ef-2-darkgray {
      color: #333;
      background-color: #a6a6a6; }
  .btn-ef.btn-ef-3 {
    /* Button 3a */
    /* Button 3b */
    /* Button 3c */ }
    .btn-ef.btn-ef-3.btn-default {
      background: #e2e2e2;
      color: #616f77; }
      .btn-ef.btn-ef-3.btn-default:hover {
        background: #c9c9c9; }
      .btn-ef.btn-ef-3.btn-default:active, .btn-ef.btn-ef-3.btn-default.active {
        background: #bcbcbc; }
      .btn-ef.btn-ef-3.btn-default:focus {
        background: #e2e2e2;
        color: #616f77; }
    .btn-ef.btn-ef-3:active {
      top: 2px; }
    .btn-ef.btn-ef-3 > i {
      position: absolute;
      height: 100%;
      left: 0;
      top: 0;
      line-height: 32px;
      font-size: 130%;
      width: 40px; }
    .btn-ef.btn-ef-3.btn-ef-3a {
      padding-left: 50px; }
      .btn-ef.btn-ef-3.btn-ef-3a > i {
        background: rgba(0, 0, 0, 0.05); }
    .btn-ef.btn-ef-3.btn-ef-3b {
      padding-left: 45px; }
      .btn-ef.btn-ef-3.btn-ef-3b > i {
        width: 36px;
        border-right: 1px solid rgba(255, 255, 255, 0.3); }
    .btn-ef.btn-ef-3.btn-ef-3c {
      padding-right: 45px;
      overflow: hidden; }
      .btn-ef.btn-ef-3.btn-ef-3c > i {
        left: auto;
        right: -6px;
        font-size: 12px;
        z-index: 2; }
      .btn-ef.btn-ef-3.btn-ef-3c:after {
        width: 30%;
        height: 200%;
        background: rgba(255, 255, 255, 0.1);
        z-index: 1;
        right: 0;
        top: 0;
        margin: -5px 0 0 -5px;
        -webkit-transform-origin: 0 0;
        -webkit-transform: rotate(-20deg);
        -moz-transform-origin: 0 0;
        -moz-transform: rotate(-20deg);
        -ms-transform-origin: 0 0;
        -ms-transform: rotate(-20deg);
        transform-origin: 0 0;
        transform: rotate(-20deg); }
      .btn-ef.btn-ef-3.btn-ef-3c:hover:after {
        width: 40%; }
  .btn-ef.btn-ef-4 {
    overflow: hidden;
    padding: 6px 30px;
    /* Button 4a */
    /* Button 4b */
    /* Button 4c */
    /* Button 4d */ }
    .btn-ef.btn-ef-4.btn-default {
      border: 2px solid #ccc; }
      .btn-ef.btn-ef-4.btn-default:hover {
        border: 2px solid #b3b3b3; }
    .btn-ef.btn-ef-4:active, .btn-ef.btn-ef-4.active {
      top: 2px; }
    .btn-ef.btn-ef-4 > i {
      position: absolute;
      height: 100%;
      line-height: 32px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s; }
    .btn-ef.btn-ef-4.btn-ef-4a > i {
      left: 130%;
      top: 0; }
    .btn-ef.btn-ef-4.btn-ef-4a:hover > i {
      left: 80%; }
    .btn-ef.btn-ef-4.btn-ef-4b > i {
      left: 70%;
      opacity: 0;
      top: 0; }
    .btn-ef.btn-ef-4.btn-ef-4b:hover > i {
      left: 80%;
      opacity: 1; }
    .btn-ef.btn-ef-4.btn-ef-4c > i {
      left: -50%;
      top: 0; }
    .btn-ef.btn-ef-4.btn-ef-4c:hover > i {
      left: 10%; }
    .btn-ef.btn-ef-4.btn-ef-4d > i {
      left: 30%;
      opacity: 0;
      top: 0; }
    .btn-ef.btn-ef-4.btn-ef-4d:hover > i {
      left: 10%;
      opacity: 1; }
  .btn-ef.btn-ef-5 {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Button 5a */
    /* Button 5b */ }
    .btn-ef.btn-ef-5.btn-default {
      border-width: 1px;
      border-style: solid;
      border-color: #ccc; }
      .btn-ef.btn-ef-5.btn-default:hover {
        border-color: #b3b3b3; }
    .btn-ef.btn-ef-5:active, .btn-ef.btn-ef-5.active {
      top: 2px; }
      .btn-ef.btn-ef-5:active i, .btn-ef.btn-ef-5.active i {
        color: white; }
    .btn-ef.btn-ef-5 span {
      display: inline-block;
      width: 100%;
      height: 100%;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .btn-ef.btn-ef-5 i {
      position: absolute;
      height: 100%;
      width: 100%;
      line-height: 1.8;
      font-size: 130%;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s; }
    .btn-ef.btn-ef-5.btn-ef-5a:hover span {
      -webkit-transform: translateY(300%);
      -moz-transform: translateY(300%);
      -ms-transform: translateY(300%);
      -o-transform: translateY(300%);
      transform: translateY(300%); }
    .btn-ef.btn-ef-5.btn-ef-5a:hover i {
      top: 0; }
    .btn-ef.btn-ef-5.btn-ef-5a i {
      left: 0;
      top: -100%; }
    .btn-ef.btn-ef-5.btn-ef-5b:hover span {
      -webkit-transform: translateX(200%);
      -moz-transform: translateX(200%);
      -ms-transform: translateX(200%);
      -o-transform: translateX(200%);
      transform: translateX(200%); }
    .btn-ef.btn-ef-5.btn-ef-5b:hover i {
      left: 0; }
    .btn-ef.btn-ef-5.btn-ef-5b i {
      left: -100%;
      top: 0; }
  .btn-ef.btn-ef-6 {
    border-width: 0;
    padding: 8px 14px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    /* Button 6a */
    /* Button 6b */
    /* Button 6c */
    /* Button 6d */ }
    .btn-ef.btn-ef-6.btn-default {
      background: #e2e2e2;
      color: #616f77; }
      .btn-ef.btn-ef-6.btn-default:hover {
        background: #c9c9c9; }
      .btn-ef.btn-ef-6.btn-default:active, .btn-ef.btn-ef-6.btn-default.active {
        background: #bcbcbc; }
      .btn-ef.btn-ef-6.btn-default:focus {
        background: #e2e2e2;
        color: #616f77; }
    .btn-ef.btn-ef-6:active, .btn-ef.btn-ef-6.active {
      top: 2px; }
    .btn-ef.btn-ef-6:hover {
      padding: 6px 12px;
      border-width: 2px;
      background: transparent !important;
      color: #616f77; }
    .btn-ef.btn-ef-6.btn-ef-6a {
      border-style: solid; }
    .btn-ef.btn-ef-6.btn-ef-6b {
      border-style: dashed; }
    .btn-ef.btn-ef-6.btn-ef-6c {
      border-style: dotted; }
    .btn-ef.btn-ef-6.btn-ef-6d {
      padding: 10px 16px;
      border-style: double; }
      .btn-ef.btn-ef-6.btn-ef-6d:hover {
        border-width: 4px;
        padding: 6px 12px; }
  .btn-ef.btn-ef-7 {
    border-width: 1px;
    border-style: solid;
    padding: 6px 16px 6px 40px;
    /* Button 7a */
    /* Button 7b */
    /* Button 7c */
    /* Button 7d */
    /* Button 7e */
    /* Button 7f */
    /* Button 7g */
    /* Button 7h */ }
    .btn-ef.btn-ef-7:not(.btn-icon-only) i {
      color: rgba(255, 255, 255, 0.5); }
    .btn-ef.btn-ef-7.btn-default {
      border-color: #ccc; }
      .btn-ef.btn-ef-7.btn-default:not(.btn-icon-only) i {
        color: rgba(0, 0, 0, 0.5); }
      .btn-ef.btn-ef-7.btn-default:hover {
        border-color: #b3b3b3; }
    .btn-ef.btn-ef-7.btn-ef-7a {
      overflow: hidden; }
      .btn-ef.btn-ef-7.btn-ef-7a i {
        position: absolute;
        left: 0;
        width: 32%;
        font-size: 130%;
        line-height: 1.1; }
      .btn-ef.btn-ef-7.btn-ef-7a.btn-activated {
        -webkit-animation: fadeOutText 0.5s;
        -moz-animation: fadeOutText 0.5s;
        animation: fadeOutText 0.5s; }
        .btn-ef.btn-ef-7.btn-ef-7a.btn-activated i {
          -webkit-animation: moveToRight 0.5s;
          -moz-animation: moveToRight 0.5s;
          animation: moveToRight 0.5s; }
    .btn-ef.btn-ef-7.btn-ef-7b {
      overflow: hidden; }
      .btn-ef.btn-ef-7.btn-ef-7b i {
        position: absolute;
        left: 0;
        width: 28%;
        font-size: 130%;
        line-height: 1.1; }
      .btn-ef.btn-ef-7.btn-ef-7b.btn-activated i {
        -webkit-animation: scaleUp 0.5s;
        -moz-animation: scaleUp 0.5s;
        animation: scaleUp 0.5s; }
    .btn-ef.btn-ef-7.btn-ef-7c {
      overflow: hidden; }
      .btn-ef.btn-ef-7.btn-ef-7c i {
        z-index: 1; }
      .btn-ef.btn-ef-7.btn-ef-7c:after {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 0;
        width: 0;
        background: rgba(0, 0, 0, 0.1);
        -webkit-transition: none;
        -moz-transition: none;
        transition: none; }
      .btn-ef.btn-ef-7.btn-ef-7c.btn-activated:after {
        -webkit-animation: fillToRight 0.7s forwards;
        -moz-animation: fillToRight 0.7s forwards;
        animation: fillToRight 0.7s forwards; }
    .btn-ef.btn-ef-7.btn-ef-7d {
      overflow: hidden; }
      .btn-ef.btn-ef-7.btn-ef-7d i {
        z-index: 1; }
      .btn-ef.btn-ef-7.btn-ef-7d:after {
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 100%;
        z-index: 0;
        background: rgba(0, 0, 0, 0.1);
        -webkit-transition: none;
        -moz-transition: none;
        transition: none; }
      .btn-ef.btn-ef-7.btn-ef-7d.btn-activated:after {
        -webkit-animation: emptyBottom 0.7s forwards;
        -moz-animation: emptyBottom 0.7s forwards;
        animation: emptyBottom 0.7s forwards; }
    .btn-ef.btn-ef-7.btn-ef-7e i.after {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 1;
      font-size: 22px;
      line-height: 42px;
      color: #ea515e;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: none;
      -moz-transition: none;
      transition: none; }
    .btn-ef.btn-ef-7.btn-ef-7e.btn-activated i.after {
      -webkit-animation: scaleFade 0.5s forwards;
      -moz-animation: scaleFade 0.5s forwards;
      animation: scaleFade 0.5s forwards; }
    .btn-ef.btn-ef-7.btn-ef-7f i.after {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 1;
      font-size: 22px;
      line-height: 42px;
      color: #ffe44d;
      visibility: hidden;
      -webkit-transform: scale(4);
      -moz-transform: scale(4);
      -ms-transform: scale(4);
      -o-transform: scale(4);
      transform: scale(4);
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: none;
      -moz-transition: none;
      transition: none; }
    .btn-ef.btn-ef-7.btn-ef-7f.btn-activated i.after {
      visibility: visible;
      -webkit-animation: dropDown 0.3s forwards;
      -moz-animation: dropDown 0.3s forwards;
      animation: dropDown 0.3s forwards; }
    .btn-ef.btn-ef-7.btn-ef-7g i.after {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 1;
      font-size: 22px;
      line-height: 42px;
      color: #616f77;
      visibility: hidden;
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -ms-transform: scale(2);
      -o-transform: scale(2);
      transform: scale(2);
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: none;
      -moz-transition: none;
      transition: none; }
    .btn-ef.btn-ef-7.btn-ef-7g.btn-activated i.after {
      visibility: visible;
      -webkit-animation: dropDownFade 0.5s forwards;
      -moz-animation: dropDownFade 0.5s forwards;
      animation: dropDownFade 0.5s forwards; }
    .btn-ef.btn-ef-7.btn-ef-7h span {
      display: inline-block;
      width: 100%; }
    .btn-ef.btn-ef-7.btn-ef-7h i {
      position: absolute;
      left: 0;
      width: 28%;
      font-size: 130%;
      line-height: 1.1; }
    .btn-ef.btn-ef-7.btn-ef-7h.btn-activated i {
      -webkit-animation: scaleUp 0.5s;
      -moz-animation: scaleUp 0.5s;
      animation: scaleUp 0.5s; }
  .btn-ef.btn-activated-success, .btn-ef.btn-activated-error {
    color: transparent !important; }
    .btn-ef.btn-activated-success:after, .btn-ef.btn-activated-error:after {
      z-index: 1;
      color: #fff;
      left: 40%; }
  .btn-ef.btn-activated-success .fa:before {
    content: "\f118"; }
  .btn-ef.btn-activated-success:after {
    content: "Success!";
    -webkit-animation: moveUp 0.5s;
    -moz-animation: moveUp 0.5s;
    animation: moveUp 0.5s; }
  .btn-ef.btn-activated-error {
    -webkit-animation: shake 0.5s;
    -moz-animation: shake 0.5s;
    animation: shake 0.5s; }
    .btn-ef.btn-activated-error .fa:before {
      content: "\f119"; }
    .btn-ef.btn-activated-error:after {
      content: "Error!";
      -webkit-animation: scaleFromUp 0.5s;
      -moz-animation: scaleFromUp 0.5s;
      animation: scaleFromUp 0.5s; }

button:focus {
  outline: 0 !important; }

.btn {
  border-radius: 0;
  outline: 0 !important; }
  .btn.rounded-corners, .btn.btn-rounded {
    border-radius: 4px; }
    .btn.rounded-corners.btn-lg, .btn.btn-rounded.btn-lg {
      border-radius: 6px; }
    .btn.rounded-corners.btn-sm, .btn.rounded-corners.btn-xs, .btn.btn-rounded.btn-sm, .btn.btn-rounded.btn-xs {
      border-radius: 3px; }
  .btn.btn-rounded-10 {
    border-radius: 10px; }
  .btn.btn-rounded-20 {
    border-radius: 20px; }
  .btn.btn-rounded-40 {
    border-radius: 40px; }
  .btn.btn-rounded-50p {
    border-radius: 50%; }
  .btn.no-border {
    border: 0; }
  .btn.btn-icon-only {
    font-size: 0;
    padding: 20px 25px;
    position: relative; }
    .btn.btn-icon-only i {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 22px;
      line-height: 42px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
  .btn:focus, .btn:active {
    outline: 0 !important; }
  .btn.btn-cyan {
    background-color: #22beef;
    color: white;
    border-color: #10acdd; }
    .btn.btn-cyan:hover, .btn.btn-cyan:active, .btn.btn-cyan.active {
      background-color: #10acdd;
      border-color: #0f9dca;
      color: white; }
    .btn.btn-cyan:active, .btn.btn-cyan.active {
      background-color: #0f9dca;
      border-color: #0e92bc; }
  .btn.btn-amethyst {
    background-color: #cd97eb;
    color: white;
    border-color: #c382e7; }
    .btn.btn-amethyst:hover, .btn.btn-amethyst:active, .btn.btn-amethyst.active {
      background-color: #c382e7;
      border-color: #ba71e4;
      color: white; }
    .btn.btn-amethyst:active, .btn.btn-amethyst.active {
      background-color: #ba71e4;
      border-color: #b464e1; }
  .btn.btn-green {
    background-color: #a2d200;
    color: white;
    border-color: #96c300; }
    .btn.btn-green:hover, .btn.btn-green:active, .btn.btn-green.active {
      background-color: #96c300;
      border-color: #86ae00;
      color: white; }
    .btn.btn-green:active, .btn.btn-green.active {
      background-color: #86ae00;
      border-color: #7b9f00; }
  .btn.btn-orange {
    background-color: #ffc100;
    color: white;
    border-color: #f0b500; }
    .btn.btn-orange:hover, .btn.btn-orange:active, .btn.btn-orange.active {
      background-color: #f0b500;
      border-color: #dba600;
      color: white; }
    .btn.btn-orange:active, .btn.btn-orange.active {
      background-color: #dba600;
      border-color: #cc9a00; }
  .btn.btn-red {
    background-color: #ff4a43;
    color: white;
    border-color: #ff1910; }
    .btn.btn-red:hover, .btn.btn-red:active, .btn.btn-red.active {
      background-color: #ff1910;
      border-color: #e60900;
      color: white; }
    .btn.btn-red:active, .btn.btn-red.active {
      background-color: #e60900;
      border-color: #d70800; }
  .btn.btn-greensea {
    background-color: #16a085;
    color: white;
    border-color: #138a72; }
    .btn.btn-greensea:hover, .btn.btn-greensea:active,
    .btn.btn-greensea.active, .btn.btn-greensea:focus {
      background-color: #138a72;
      border-color: #107863;
      color: white; }
    .btn.btn-greensea:active, .btn.btn-greensea.active {
      background-color: #107863;
      border-color: #0f6a58; }
  .btn.btn-dutch {
    background-color: #1693A5;
    color: white;
    border-color: #137f8f; }
    .btn.btn-dutch:hover, .btn.btn-dutch:active, .btn.btn-dutch.active {
      background-color: #137f8f;
      border-color: #116f7d;
      color: white; }
    .btn.btn-dutch:active, .btn.btn-dutch.active {
      background-color: #116f7d;
      border-color: #0f636f; }
  .btn.btn-hotpink {
    background-color: #FF0066;
    color: white;
    border-color: #e6005c; }
    .btn.btn-hotpink:hover, .btn.btn-hotpink:active, .btn.btn-hotpink.active {
      background-color: #e6005c;
      border-color: #d10054;
      color: white; }
    .btn.btn-hotpink:active, .btn.btn-hotpink.active {
      background-color: #d10054;
      border-color: #c2004e; }
  .btn.btn-drank {
    background-color: #A40778;
    color: white;
    border-color: #8c0666; }
    .btn.btn-drank:hover, .btn.btn-drank:active, .btn.btn-drank.active {
      background-color: #8c0666;
      border-color: #780558;
      color: white; }
    .btn.btn-drank:active, .btn.btn-drank.active {
      background-color: #780558;
      border-color: #69044d; }
  .btn.btn-blue {
    background-color: #418bca;
    color: white;
    border-color: #357ebd; }
    .btn.btn-blue:hover, .btn.btn-blue:active, .btn.btn-blue.active {
      background-color: #357ebd;
      border-color: #3074ad;
      color: white; }
    .btn.btn-blue:active, .btn.btn-blue.active {
      background-color: #3074ad;
      border-color: #2d6ca1; }
  .btn.btn-lightred {
    background-color: #e05d6f;
    color: white;
    border-color: #dc485c; }
    .btn.btn-lightred:hover, .btn.btn-lightred:active, .btn.btn-lightred.active {
      background-color: #dc485c;
      border-color: #d9364d;
      color: white; }
    .btn.btn-lightred:active, .btn.btn-lightred.active {
      background-color: #d9364d;
      border-color: #d62a41; }
  .btn.btn-slategray {
    background-color: #3f4e62;
    color: white;
    border-color: #354252; }
    .btn.btn-slategray:hover, .btn.btn-slategray:active, .btn.btn-slategray.active {
      background-color: #354252;
      border-color: #2d3846;
      color: white; }
    .btn.btn-slategray:active, .btn.btn-slategray.active {
      background-color: #2d3846;
      border-color: #27303d; }
  .btn.btn-darkgray {
    background-color: #333;
    color: white;
    border-color: #262626; }
    .btn.btn-darkgray:hover, .btn.btn-darkgray:active, .btn.btn-darkgray.active {
      background-color: #262626;
      border-color: #1c1c1c;
      color: white; }
    .btn.btn-darkgray:active, .btn.btn-darkgray.active {
      background-color: #1c1c1c;
      border-color: #141414; }
  .btn.btn-default {
    color: #616f77;
    border-color: #cdd3d7; }
    .btn.btn-default:focus {
      background-color: white;
      border-color: #b1bac0; }
    .btn.btn-default:hover {
      background-color: #f2f3f4; }
    .btn.btn-default:active, .btn.btn-default.active {
      background-color: #eaeced; }
  .btn.btn-primary:focus {
    background-color: #428bca;
    border-color: #357ebd; }
  .btn.btn-primary:hover {
    background-color: #3071a9; }
  .btn.btn-primary:active, .btn.btn-primary.active {
    background-color: #2a6496; }
  .btn.btn-success:focus {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn.btn-success:hover {
    background-color: #449d44; }
  .btn.btn-success:active, .btn.btn-success.active {
    background-color: #3d8b3d; }
  .btn.btn-warning:focus {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn.btn-warning:hover {
    background-color: #ec971f; }
  .btn.btn-warning:active, .btn.btn-warning.active {
    background-color: #df8a13; }
  .btn.btn-danger:focus {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn.btn-danger:hover {
    background-color: #c9302c; }
  .btn.btn-danger:active, .btn.btn-danger.active {
    background-color: #b52b27; }
  .btn.btn-info:focus {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn.btn-info:hover {
    background-color: #31b0d5; }
  .btn.btn-info:active, .btn.btn-info.active {
    background-color: #28a1c5; }
  .btn.btn-border {
    background-color: transparent;
    border-width: 2px;
    border-style: solid; }
    .btn.btn-border:hover, .btn.btn-border:active, .btn.btn-border.active, .btn.btn-border:focus {
      background-color: transparent; }
    .btn.btn-border.btn-xs, .btn.btn-border.btn-sm {
      border-width: 1px; }
    .btn.btn-border.btn-cyan {
      color: #22beef; }
      .btn.btn-border.btn-cyan:hover, .btn.btn-border.btn-cyan:active, .btn.btn-border.btn-cyan.active {
        color: #0f9dca; }
    .btn.btn-border.btn-amethyst {
      color: #cd97eb; }
      .btn.btn-border.btn-amethyst:hover, .btn.btn-border.btn-amethyst:active, .btn.btn-border.btn-amethyst.active {
        color: #ba71e4; }
    .btn.btn-border.btn-green {
      color: #a2d200; }
      .btn.btn-border.btn-green:hover, .btn.btn-border.btn-green:active, .btn.btn-border.btn-green.active {
        color: #86ae00; }
    .btn.btn-border.btn-orange {
      color: #ffc100; }
      .btn.btn-border.btn-orange:hover, .btn.btn-border.btn-orange:active, .btn.btn-border.btn-orange.active {
        color: #dba600; }
    .btn.btn-border.btn-red {
      color: #ff4a43; }
      .btn.btn-border.btn-red:hover, .btn.btn-border.btn-red:active, .btn.btn-border.btn-red.active {
        color: #e60900; }
    .btn.btn-border.btn-greensea {
      color: #16a085; }
      .btn.btn-border.btn-greensea:hover, .btn.btn-border.btn-greensea:active, .btn.btn-border.btn-greensea.active {
        color: #107863; }
    .btn.btn-border.btn-dutch {
      color: #1693A5; }
      .btn.btn-border.btn-dutch:hover, .btn.btn-border.btn-dutch:active, .btn.btn-border.btn-dutch.active {
        color: #116f7d; }
    .btn.btn-border.btn-hotpink {
      color: #FF0066; }
      .btn.btn-border.btn-hotpink:hover, .btn.btn-border.btn-hotpink:active, .btn.btn-border.btn-hotpink.active {
        color: #d10054; }
    .btn.btn-border.btn-drank {
      color: #A40778; }
      .btn.btn-border.btn-drank:hover, .btn.btn-border.btn-drank:active, .btn.btn-border.btn-drank.active {
        color: #780558; }
    .btn.btn-border.btn-blue {
      color: #418bca; }
      .btn.btn-border.btn-blue:hover, .btn.btn-border.btn-blue:active, .btn.btn-border.btn-blue.active {
        color: #3074ad; }
    .btn.btn-border.btn-lightred {
      color: #e05d6f; }
      .btn.btn-border.btn-lightred:hover, .btn.btn-border.btn-lightred:active, .btn.btn-border.btn-lightred.active {
        color: #d9364d; }
    .btn.btn-border.btn-slategray {
      color: #3f4e62; }
      .btn.btn-border.btn-slategray:hover, .btn.btn-border.btn-slategray:active, .btn.btn-border.btn-slategray.active {
        color: #2d3846; }
    .btn.btn-border.btn-darkgray {
      color: #333; }
      .btn.btn-border.btn-darkgray:hover, .btn.btn-border.btn-darkgray:active, .btn.btn-border.btn-darkgray.active {
        color: #1c1c1c; }
    .btn.btn-border.btn-primary {
      color: #428bca; }
      .btn.btn-border.btn-primary:hover, .btn.btn-border.btn-primary:active, .btn.btn-border.btn-primary.active {
        color: #245682; }
    .btn.btn-border.btn-success {
      color: #5cb85c; }
      .btn.btn-border.btn-success:hover, .btn.btn-border.btn-success:active, .btn.btn-border.btn-success.active {
        color: #357935; }
    .btn.btn-border.btn-warning {
      color: #f0ad4e; }
      .btn.btn-border.btn-warning:hover, .btn.btn-border.btn-warning:active, .btn.btn-border.btn-warning.active {
        color: #c77c11; }
    .btn.btn-border.btn-danger {
      color: #d9534f; }
      .btn.btn-border.btn-danger:hover, .btn.btn-border.btn-danger:active, .btn.btn-border.btn-danger.active {
        color: #a02622; }
    .btn.btn-border.btn-info {
      color: #5bc0de; }
      .btn.btn-border.btn-info:hover, .btn.btn-border.btn-info:active, .btn.btn-border.btn-info.active {
        color: #2390b0; }
    .btn.btn-border.btn-white {
      color: #fff;
      border-color: white; }
      .btn.btn-border.btn-white:hover, .btn.btn-border.btn-white:active, .btn.btn-border.btn-white.active {
        background-color: rgba(255, 255, 255, 0.1); }

.open .dropdown-toggle.btn-cyan {
  background-color: #10acdd;
  color: white; }

.open .dropdown-toggle.btn-amethyst {
  background-color: #c382e7;
  color: white; }

.open .dropdown-toggle.btn-green {
  background-color: #96c300;
  color: white; }

.open .dropdown-toggle.btn-orange {
  background-color: #f0b500;
  color: white; }

.open .dropdown-toggle.btn-red {
  background-color: #ff1910;
  color: white; }

.open .dropdown-toggle.btn-greensea {
  background-color: #138a72;
  color: white; }

.open .dropdown-toggle.btn-dutch {
  background-color: #137f8f;
  color: white; }

.open .dropdown-toggle.btn-hotpink {
  background-color: #e6005c;
  color: white; }

.open .dropdown-toggle.btn-drank {
  background-color: #dc485c;
  color: white; }

.open .dropdown-toggle.btn-drank {
  background-color: #dc485c;
  color: white; }

.open .dropdown-toggle.btn-blue {
  background-color: #357ebd;
  color: white; }

.open .dropdown-toggle.btn-lightred {
  background-color: #dc485c;
  color: white; }

.open .dropdown-toggle.btn-slategray {
  background-color: #354252;
  color: white; }

.open .dropdown-toggle.btn-darkgray {
  background-color: #262626;
  color: white; }

.btn-group > .btn {
  border-radius: 0; }
.btn-group.btn-group-rounded > .btn {
  border-radius: 4px; }
.btn-group.btn-group-rounded-20 > .btn {
  border-radius: 20px; }

.btn-group-lg > .btn {
  border-radius: 0; }
.btn-group-lg.btn-group-rounded > .btn {
  border-radius: 6px; }

.btn-group-sm > .btn,
.btn-group-xs > .btn {
  border-radius: 0; }
.btn-group-sm.btn-group-rounded > .btn,
.btn-group-xs.btn-group-rounded > .btn {
  border-radius: 3px; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-radius: 0; }

.btn-group > .btn:not(.btn-default) {
  /*&:not(.dropdown-toggle){
    &:hover,
    &:focus,
    &.active,
    &:active {
      border-right: 1px solid $transparent-black-2;
    }
  }*/ }
  .btn-group > .btn:not(.btn-default) + .dropdown-toggle {
    border-left: 1px solid rgba(0, 0, 0, 0.1); }
    .btn-group > .btn:not(.btn-default) + .dropdown-toggle:hover, .btn-group > .btn:not(.btn-default) + .dropdown-toggle:focus, .btn-group > .btn:not(.btn-default) + .dropdown-toggle.active, .btn-group > .btn:not(.btn-default) + .dropdown-toggle:active {
      border-left: 1px solid rgba(0, 0, 0, 0.2); }

.tile-button {
  display: block;
  padding: 30px 20px;
  text-align: center;
  font-size: 18px;
  color: #616f77;
  opacity: .6; }
  .tile-button:hover, .tile-button:focus {
    color: #616f77;
    opacity: 1;
    text-decoration: none; }

.icon {
  display: inline-block;
  font-size: 0px;
  cursor: pointer;
  margin: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #fff;
  /* Effect 1 */
  /* Effect 2 */
  /* Effect 3 */
  /* Effect 4 */
  /* Effect 5 */
  /* Effect 6 */
  /* Effect 7 */
  /* Effect 8 */
  /* Effect 9 */ }
  .icon:hover {
    text-decoration: none; }
  .icon > .fa {
    speak: none;
    font-size: 26px;
    line-height: 50px;
    display: block; }
  .icon:after, .icon:before {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    box-sizing: content-box; }
  .icon:before {
    display: none; }
  .icon.icon-ef-1 {
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
    /* Effect 1a */
    /* Effect 1b */ }
    .icon.icon-ef-1:after {
      top: -5px;
      left: -5px;
      padding: 5px;
      box-shadow: 0 0 0 3px;
      -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
      -moz-transition: -moz-transform 0.2s, opacity 0.2s;
      transition: transform 0.2s, opacity 0.2s;
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8);
      filter: alpha(opacity=0);
      opacity: 0; }
    .icon.icon-ef-1:before {
      display: none; }
    .icon.icon-ef-1.icon-ef-1a:hover:after {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      filter: alpha(opacity=100);
      opacity: 1; }
    .icon.icon-ef-1.icon-ef-1b:after {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2); }
    .icon.icon-ef-1.icon-ef-1b:hover:after {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      filter: alpha(opacity=100);
      opacity: 1; }
  .icon.icon-ef-2 {
    background-color: transparent !important;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    /* Effect 2a */
    /* Effect 2b */ }
    .icon.icon-ef-2:after {
      box-shadow: 0 0 0 3px;
      left: 0;
      top: 0; }
    .icon.icon-ef-2:before {
      display: block;
      top: -2px;
      left: -2px;
      padding: 2px;
      z-index: -1;
      -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
      -moz-transition: -moz-transform 0.2s, opacity 0.2s;
      transition: transform 0.2s, opacity 0.2s; }
    .icon.icon-ef-2.icon-ef-2a:hover:before {
      -webkit-transform: scale(0.85);
      -moz-transform: scale(0.85);
      -ms-transform: scale(0.85);
      -o-transform: scale(0.85);
      transform: scale(0.85); }
    .icon.icon-ef-2.icon-ef-2b:hover:before {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      -webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
      -moz-transition: -moz-transform 0.4s, opacity 0.2s;
      transition: transform 0.4s, opacity 0.2s;
      opacity: 0; }
  .icon.icon-ef-3 {
    background-color: transparent !important;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    /* Effect 3a */
    /* Effect 3b */ }
    .icon.icon-ef-3:after {
      box-shadow: 0 0 0 3px;
      left: 0;
      top: 0; }
    .icon.icon-ef-3:before {
      display: block;
      top: -2px;
      left: -2px;
      padding: 2px;
      z-index: -1;
      -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
      -moz-transition: -moz-transform 0.2s, opacity 0.3s;
      transition: transform 0.2s, opacity 0.3s; }
    .icon.icon-ef-3.icon-ef-3a:hover:before {
      -webkit-transform: scale(1.3);
      -moz-transform: scale(1.3);
      -ms-transform: scale(1.3);
      -o-transform: scale(1.3);
      transform: scale(1.3);
      filter: alpha(opacity=0);
      opacity: 0; }
    .icon.icon-ef-3.icon-ef-3b:before {
      -webkit-transform: scale(1.3);
      -moz-transform: scale(1.3);
      -ms-transform: scale(1.3);
      -o-transform: scale(1.3);
      transform: scale(1.3);
      filter: alpha(opacity=0);
      opacity: 0; }
    .icon.icon-ef-3.icon-ef-3b:hover {
      color: white !important; }
      .icon.icon-ef-3.icon-ef-3b:hover:before {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        filter: alpha(opacity=100);
        opacity: 1; }
  .icon.icon-ef-4 {
    background-color: transparent !important;
    box-shadow: 0 0 0 3px;
    /* Effect 4a */
    /* Effect 4b */ }
    .icon.icon-ef-4:after {
      top: -3px;
      left: -3px;
      padding: 0;
      z-index: 10;
      border: 3px dashed; }
    .icon.icon-ef-4:before {
      display: none; }
    .icon.icon-ef-4:hover {
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
    .icon.icon-ef-4.icon-ef-4a {
      -webkit-transition: box-shadow 0.2s;
      -moz-transition: box-shadow 0.2s;
      transition: box-shadow 0.2s; }
    .icon.icon-ef-4.icon-ef-4b:hover {
      -webkit-transition: box-shadow 0.2s;
      -moz-transition: box-shadow 0.2s;
      transition: box-shadow 0.2s; }
      .icon.icon-ef-4.icon-ef-4b:hover:after {
        -webkit-animation: spinAround 9s linear infinite;
        -moz-animation: spinAround 9s linear infinite;
        animation: spinAround 9s linear infinite; }
  .icon.icon-ef-5 {
    background-color: transparent !important;
    /* Effect 5a */
    /* Effect 5b */
    /* Effect 5c */
    /* Effect 5d */ }
    .icon.icon-ef-5:after {
      top: 0;
      left: 0;
      box-shadow: 0 0 0 3px;
      -webkit-transition: box-shadow 0.3s;
      -moz-transition: box-shadow 0.3s;
      transition: box-shadow 0.3s; }
    .icon.icon-ef-5:before {
      display: block;
      top: -2px;
      left: -2px;
      padding: 2px;
      display: none;
      z-index: -1;
      -webkit-transition: background 0.3s;
      -moz-transition: background 0.3s;
      transition: background 0.3s; }
    .icon.icon-ef-5:hover > .fa {
      color: white !important; }
    .icon.icon-ef-5:hover:before {
      display: block; }
    .icon.icon-ef-5:hover:after {
      box-shadow: 0 0 0 6px;
      filter: alpha(opacity=30);
      opacity: 0.3; }
    .icon.icon-ef-5.icon-ef-5a:hover > .fa {
      -webkit-animation: toRightFromLeft 0.3s forwards;
      -moz-animation: toRightFromLeft 0.3s forwards;
      animation: toRightFromLeft 0.3s forwards; }
    .icon.icon-ef-5.icon-ef-5b:hover > .fa {
      -webkit-animation: toLeftFromRight 0.3s forwards;
      -moz-animation: toLeftFromRight 0.3s forwards;
      animation: toLeftFromRight 0.3s forwards; }
    .icon.icon-ef-5.icon-ef-5c:hover > .fa {
      -webkit-animation: toTopFromBottom 0.3s forwards;
      -moz-animation: toTopFromBottom 0.3s forwards;
      animation: toTopFromBottom 0.3s forwards; }
    .icon.icon-ef-5.icon-ef-5d:hover > .fa {
      -webkit-animation: toBottomFromTop 0.3s forwards;
      -moz-animation: toBottomFromTop 0.3s forwards;
      animation: toBottomFromTop 0.3s forwards; }
  .icon.icon-ef-6 {
    background-color: transparent !important;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    transition: color 0.2s; }
    .icon.icon-ef-6:after {
      top: 0;
      left: 0;
      box-shadow: 0 0 0 3px; }
    .icon.icon-ef-6:before {
      display: block;
      top: -2px;
      left: -2px;
      padding: 2px;
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: opacity 0.2s;
      -moz-transition: opacity 0.2s;
      transition: opacity 0.2s; }
    .icon.icon-ef-6:hover {
      color: white !important; }
      .icon.icon-ef-6:hover > .fa {
        -webkit-animation: spinAround 2s linear infinite;
        -moz-animation: spinAround 2s linear infinite;
        animation: spinAround 2s linear infinite; }
      .icon.icon-ef-6:hover:before {
        filter: alpha(opacity=100);
        opacity: 1; }
  .icon.icon-ef-7 {
    background-color: transparent !important;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    transition: color 0.2s;
    box-shadow: 0 0 0 3px;
    /* Effect 7a */
    /* Effect 7b */ }
    .icon.icon-ef-7:after {
      top: -6px;
      left: -6px;
      padding: 6px;
      z-index: -1;
      filter: alpha(opacity=0);
      opacity: 0; }
    .icon.icon-ef-7:before {
      display: none; }
    .icon.icon-ef-7 > .fa {
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8);
      -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
      -moz-transition: -moz-transform 0.2s, opacity 0.2s;
      transition: transform 0.2s, opacity 0.2s;
      filter: alpha(opacity=70);
      opacity: 0.7; }
    .icon.icon-ef-7:hover > .fa {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      filter: alpha(opacity=100);
      opacity: 1; }
    .icon.icon-ef-7.icon-ef-7a:after {
      box-shadow: 0 0 0;
      -webkit-transition: opacity 0.2s, box-shadow 0.2s;
      -moz-transition: opacity 0.2s, box-shadow 0.2s;
      transition: opacity 0.2s, box-shadow 0.2s; }
    .icon.icon-ef-7.icon-ef-7a:hover:after {
      filter: alpha(opacity=100);
      opacity: 1;
      box-shadow: 2px 2px 0; }
    .icon.icon-ef-7.icon-ef-7b:after {
      box-shadow: 2px 2px;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
      -moz-transition: opacity 0.2s, -moz-transform 0.2s;
      transition: opacity 0.2s, transform 0.2s; }
    .icon.icon-ef-7.icon-ef-7b:hover:after {
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -ms-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0); }
  .icon.icon-ef-8 {
    background: transparent !important;
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s; }
    .icon.icon-ef-8:after {
      top: 0;
      left: 0;
      padding: 0;
      z-index: -1;
      box-shadow: 0 0 0 2px;
      opacity: 0; }
    .icon.icon-ef-8:before {
      display: block;
      top: 0;
      left: 0;
      filter: alpha(opacity=10);
      opacity: 0.1; }
    .icon.icon-ef-8:hover {
      -webkit-transform: scale(0.93);
      -moz-transform: scale(0.93);
      -ms-transform: scale(0.93);
      -o-transform: scale(0.93);
      transform: scale(0.93); }
      .icon.icon-ef-8:hover:before {
        filter: alpha(opacity=5);
        opacity: 0.05; }
      .icon.icon-ef-8:hover:after {
        -webkit-animation: sonarEffect 1.3s ease-out 75ms;
        -moz-animation: sonarEffect 1.3s ease-out 75ms;
        animation: sonarEffect 1.3s ease-out 75ms; }
  .icon.icon-ef-9 {
    background-color: transparent !important;
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s; }
    .icon.icon-ef-9:after {
      top: 0;
      left: 0;
      padding: 0;
      box-shadow: 0 0 0 3px;
      -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
      -moz-transition: -moz-transform 0.2s, opacity 0.2s;
      transition: transform 0.2s, opacity 0.2s; }
    .icon.icon-ef-9:before {
      display: none; }
    .icon.icon-ef-9:hover {
      box-shadow: 0 0 0 5px; }
      .icon.icon-ef-9:hover:after {
        filter: alpha(opacity=30);
        opacity: 0.3;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8); }
  .icon.icon-cyan {
    background-color: #22beef;
    color: white; }
    .icon.icon-cyan.transparent {
      background-color: rgba(34, 190, 239, 0.1);
      color: #22beef; }
      .icon.icon-cyan.transparent:hover {
        background-color: #22beef;
        color: white; }
    .icon.icon-cyan:after, .icon.icon-cyan.hover-color:hover, .icon.icon-cyan.icon-color {
      color: #22beef; }
    .icon.icon-cyan:before {
      background-color: #22beef; }
    .icon.icon-cyan:hover {
      background-color: #10acdd; }
    .icon.icon-cyan:active {
      background-color: #0f9dca; }
  .icon.icon-amethyst {
    background-color: #cd97eb;
    color: white; }
    .icon.icon-amethyst.transparent {
      background-color: rgba(205, 151, 235, 0.1);
      color: #cd97eb; }
      .icon.icon-amethyst.transparent:hover {
        background-color: #cd97eb;
        color: white; }
    .icon.icon-amethyst:after, .icon.icon-amethyst.hover-color:hover, .icon.icon-amethyst.icon-color {
      color: #cd97eb; }
    .icon.icon-amethyst:before {
      background-color: #cd97eb; }
    .icon.icon-amethyst:hover {
      background-color: #c382e7; }
    .icon.icon-amethyst:active {
      background-color: #ba71e4; }
  .icon.icon-green {
    background-color: #a2d200;
    color: white; }
    .icon.icon-green.transparent {
      background-color: rgba(162, 210, 0, 0.1);
      color: #a2d200; }
      .icon.icon-green.transparent:hover {
        background-color: #a2d200;
        color: white; }
    .icon.icon-green:after, .icon.icon-green.hover-color:hover, .icon.icon-green.icon-color {
      color: #a2d200; }
    .icon.icon-green:before {
      background-color: #a2d200; }
    .icon.icon-green:hover {
      background-color: #96c300; }
    .icon.icon-green:active {
      background-color: #86ae00; }
  .icon.icon-orange {
    background-color: #ffc100;
    color: white; }
    .icon.icon-orange.transparent {
      background-color: rgba(255, 193, 0, 0.1);
      color: #ffc100; }
      .icon.icon-orange.transparent:hover {
        background-color: #ffc100;
        color: white; }
    .icon.icon-orange:after, .icon.icon-orange.hover-color:hover, .icon.icon-orange.icon-color {
      color: #ffc100; }
    .icon.icon-orange:before {
      background-color: #ffc100; }
    .icon.icon-orange:hover {
      background-color: #f0b500; }
    .icon.icon-orange:active {
      background-color: #dba600; }
  .icon.icon-red {
    background-color: #ff4a43;
    color: white; }
    .icon.icon-red.transparent {
      background-color: rgba(255, 74, 67, 0.1);
      color: #ff4a43; }
      .icon.icon-red.transparent:hover {
        background-color: #ff4a43;
        color: white; }
    .icon.icon-red:after, .icon.icon-red.hover-color:hover, .icon.icon-red.icon-color {
      color: #ff4a43; }
    .icon.icon-red:before {
      background-color: #ff4a43; }
    .icon.icon-red:hover {
      background-color: #ff1910; }
    .icon.icon-red:active {
      background-color: #e60900; }
  .icon.icon-greensea {
    background-color: #16a085;
    color: white; }
    .icon.icon-greensea.transparent {
      background-color: rgba(22, 160, 133, 0.1);
      color: #16a085; }
      .icon.icon-greensea.transparent:hover {
        background-color: #16a085;
        color: white; }
    .icon.icon-greensea:after, .icon.icon-greensea.hover-color:hover, .icon.icon-greensea.icon-color {
      color: #16a085; }
    .icon.icon-greensea:before {
      background-color: #16a085; }
    .icon.icon-greensea:hover {
      background-color: #138a72; }
    .icon.icon-greensea:active {
      background-color: #107863; }
  .icon.icon-dutch {
    background-color: #1693A5;
    color: white; }
    .icon.icon-dutch.transparent {
      background-color: rgba(22, 147, 165, 0.1);
      color: #1693A5; }
      .icon.icon-dutch.transparent:hover {
        background-color: #1693A5;
        color: white; }
    .icon.icon-dutch:after, .icon.icon-dutch.hover-color:hover, .icon.icon-dutch.icon-color {
      color: #1693A5; }
    .icon.icon-dutch:before {
      background-color: #1693A5; }
    .icon.icon-dutch:hover {
      background-color: #137f8f; }
    .icon.icon-dutch:active {
      background-color: #116f7d; }
  .icon.icon-hotpink {
    background-color: #FF0066;
    color: white; }
    .icon.icon-hotpink.transparent {
      background-color: rgba(255, 0, 102, 0.1);
      color: #FF0066; }
      .icon.icon-hotpink.transparent:hover {
        background-color: #FF0066;
        color: white; }
    .icon.icon-hotpink:after, .icon.icon-hotpink.hover-color:hover, .icon.icon-hotpink.icon-color {
      color: #FF0066; }
    .icon.icon-hotpink:before {
      background-color: #FF0066; }
    .icon.icon-hotpink:hover {
      background-color: #e6005c; }
    .icon.icon-hotpink:active {
      background-color: #d10054; }
  .icon.icon-drank {
    background-color: #A40778;
    color: white; }
    .icon.icon-drank.transparent {
      background-color: rgba(164, 7, 120, 0.1);
      color: #A40778; }
      .icon.icon-drank.transparent:hover {
        background-color: #A40778;
        color: white; }
    .icon.icon-drank:after, .icon.icon-drank.hover-color:hover, .icon.icon-drank.icon-color {
      color: #A40778; }
    .icon.icon-drank:before {
      background-color: #A40778; }
    .icon.icon-drank:hover {
      background-color: #8c0666; }
    .icon.icon-drank:active {
      background-color: #780558; }
  .icon.icon-blue {
    background-color: #418bca;
    color: white; }
    .icon.icon-blue.transparent {
      background-color: rgba(65, 139, 202, 0.1);
      color: #418bca; }
      .icon.icon-blue.transparent:hover {
        background-color: #418bca;
        color: white; }
    .icon.icon-blue:after, .icon.icon-blue.hover-color:hover, .icon.icon-blue.icon-color {
      color: #418bca; }
    .icon.icon-blue:before {
      background-color: #418bca; }
    .icon.icon-blue:hover {
      background-color: #357ebd; }
    .icon.icon-blue:active {
      background-color: #3074ad; }
  .icon.icon-lightred {
    background-color: #e05d6f;
    color: white; }
    .icon.icon-lightred.transparent {
      background-color: rgba(224, 93, 111, 0.1);
      color: #e05d6f; }
      .icon.icon-lightred.transparent:hover {
        background-color: #e05d6f;
        color: white; }
    .icon.icon-lightred:after, .icon.icon-lightred.hover-color:hover, .icon.icon-lightred.icon-color {
      color: #e05d6f; }
    .icon.icon-lightred:before {
      background-color: #e05d6f; }
    .icon.icon-lightred:hover {
      background-color: #dc485c; }
    .icon.icon-lightred:active {
      background-color: #d9364d; }
  .icon.icon-slategray {
    background-color: #3f4e62;
    color: white; }
    .icon.icon-slategray.transparent {
      background-color: rgba(63, 78, 98, 0.1);
      color: #3f4e62; }
      .icon.icon-slategray.transparent:hover {
        background-color: #3f4e62;
        color: white; }
    .icon.icon-slategray:after, .icon.icon-slategray.hover-color:hover, .icon.icon-slategray.icon-color {
      color: #3f4e62; }
    .icon.icon-slategray:before {
      background-color: #3f4e62; }
    .icon.icon-slategray:hover {
      background-color: #354252; }
    .icon.icon-slategray:active {
      background-color: #2d3846; }
  .icon.icon-darkgray {
    background-color: #333;
    color: white; }
    .icon.icon-darkgray.transparent {
      background-color: rgba(51, 51, 51, 0.1);
      color: #333; }
      .icon.icon-darkgray.transparent:hover {
        background-color: #333;
        color: white; }
    .icon.icon-darkgray:after, .icon.icon-darkgray.hover-color:hover, .icon.icon-darkgray.icon-color {
      color: #333; }
    .icon.icon-darkgray:before {
      background-color: #333; }
    .icon.icon-darkgray:hover {
      background-color: #262626; }
    .icon.icon-darkgray:active {
      background-color: #1c1c1c; }
  .icon.icon-primary {
    background-color: #428bca;
    color: white; }
    .icon.icon-primary.transparent {
      background-color: rgba(66, 139, 202, 0.1);
      color: #428bca; }
      .icon.icon-primary.transparent:hover {
        background-color: #428bca;
        color: white; }
    .icon.icon-primary:after, .icon.icon-primary.hover-color:hover, .icon.icon-primary.icon-color {
      color: #428bca; }
    .icon.icon-primary:before {
      background-color: #428bca; }
    .icon.icon-primary:hover {
      background-color: #3071a9; }
    .icon.icon-primary:active {
      background-color: #245682; }
  .icon.icon-success {
    background-color: #5cb85c;
    color: white; }
    .icon.icon-success.transparent {
      background-color: rgba(92, 184, 92, 0.1);
      color: #5cb85c; }
      .icon.icon-success.transparent:hover {
        background-color: #5cb85c;
        color: white; }
    .icon.icon-success:after, .icon.icon-success.hover-color:hover, .icon.icon-success.icon-color {
      color: #5cb85c; }
    .icon.icon-success:before {
      background-color: #5cb85c; }
    .icon.icon-success:hover {
      background-color: #449d44; }
    .icon.icon-success:active {
      background-color: #357935; }
  .icon.icon-warning {
    background-color: #f0ad4e;
    color: white; }
    .icon.icon-warning.transparent {
      background-color: rgba(240, 173, 78, 0.1);
      color: #f0ad4e; }
      .icon.icon-warning.transparent:hover {
        background-color: #f0ad4e;
        color: white; }
    .icon.icon-warning:after, .icon.icon-warning.hover-color:hover, .icon.icon-warning.icon-color {
      color: #f0ad4e; }
    .icon.icon-warning:before {
      background-color: #f0ad4e; }
    .icon.icon-warning:hover {
      background-color: #ec971f; }
    .icon.icon-warning:active {
      background-color: #c77c11; }
  .icon.icon-danger {
    background-color: #d9534f;
    color: white; }
    .icon.icon-danger.transparent {
      background-color: rgba(217, 83, 79, 0.1);
      color: #d9534f; }
      .icon.icon-danger.transparent:hover {
        background-color: #d9534f;
        color: white; }
    .icon.icon-danger:after, .icon.icon-danger.hover-color:hover, .icon.icon-danger.icon-color {
      color: #d9534f; }
    .icon.icon-danger:before {
      background-color: #d9534f; }
    .icon.icon-danger:hover {
      background-color: #c9302c; }
    .icon.icon-danger:active {
      background-color: #a02622; }
  .icon.icon-info {
    background-color: #5bc0de;
    color: white; }
    .icon.icon-info.transparent {
      background-color: rgba(91, 192, 222, 0.1);
      color: #5bc0de; }
      .icon.icon-info.transparent:hover {
        background-color: #5bc0de;
        color: white; }
    .icon.icon-info:after, .icon.icon-info.hover-color:hover, .icon.icon-info.icon-color {
      color: #5bc0de; }
    .icon.icon-info:before {
      background-color: #5bc0de; }
    .icon.icon-info:hover {
      background-color: #31b0d5; }
    .icon.icon-info:active {
      background-color: #2390b0; }
  .icon.icon-default {
    background-color: #616f77;
    color: white; }
    .icon.icon-default.transparent {
      background-color: rgba(97, 111, 119, 0.1);
      color: #616f77; }
      .icon.icon-default.transparent:hover {
        background-color: #616f77;
        color: white; }
    .icon.icon-default:after, .icon.icon-default.hover-color:hover, .icon.icon-default.icon-color {
      color: #616f77; }
    .icon.icon-default:before {
      background-color: #616f77; }
    .icon.icon-default:hover {
      background-color: #4a555b; }
    .icon.icon-default:active {
      background-color: #333b3f; }

.icons-list div {
  line-height: 40px;
  white-space: nowrap;
  cursor: default;
  position: relative;
  z-index: 1; }
  .icons-list div::after {
    content: '';
    position: absolute;
    left: 15px;
    right: 0;
    width: 85%;
    height: 100%;
    background-color: #f8f8f8;
    z-index: -1;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
    -moz-transition: opacity 0.2s, -moz-transform 0.4s;
    transition: opacity 0.2s, transform 0.4s;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }
  .icons-list div i {
    display: inline-block;
    width: 40px;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: font-size 0.2s;
    -moz-transition: font-size 0.2s;
    transition: font-size 0.2s; }
  .icons-list div:hover::after {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  .icons-list div:hover i {
    font-size: 26px; }

.icon-border {
  border: 1px solid;
  border-radius: 50%; }

md-icon[md-font-icon] {
  height: auto;
  font-size: 2rem; }

ul > li.divided-right,
ol > li.divided-right {
  border-right: 1px solid rgba(0, 0, 0, 0.1); }
ul.list-type,
ol.list-type {
  padding: 0;
  margin: 7px 0 7px 20px;
  list-style-type: none; }
  ul.list-type li,
  ol.list-type li {
    padding: 2px 2px 2px 0px;
    position: relative; }
    ul.list-type li:before,
    ol.list-type li:before {
      position: absolute;
      left: -18px;
      margin-top: 3px;
      display: inline-block;
      font-family: "FontAwesome";
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  ul.list-type.arrow li:before,
  ol.list-type.arrow li:before {
    content: "\f061"; }
  ul.list-type.circle li:before,
  ol.list-type.circle li:before {
    content: "\f10c"; }
  ul.list-type.check li:before,
  ol.list-type.check li:before {
    content: "\f046"; }
  ul.list-type.caret-right li:before,
  ol.list-type.caret-right li:before {
    content: "\f0da"; }

.angular-ui-tree .tree-node {
  background: #f0f9fc;
  border: 1px solid #daf1f8;
  color: #6aa3d5;
  padding: 0;
  margin-bottom: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .angular-ui-tree .tree-node:hover {
    color: #428bca;
    background: #daf1f8;
    border-color: #c5e9f3; }
  .angular-ui-tree .tree-node .btn.add, .angular-ui-tree .tree-node .btn.remove, .angular-ui-tree .tree-node .btn.edit {
    padding: 6px;
    font-size: 12px;
    line-height: 20px; }
  .angular-ui-tree .tree-node .btn:active {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .angular-ui-tree .tree-node .tree-handle {
    padding: 6px 8px;
    line-height: 22px;
    background-color: #daf1f8;
    border-right: 1px solid #c5e9f3; }
.angular-ui-tree .angular-ui-tree-placeholder {
  background: #f4fbfd;
  border: 2px dashed #85d0e7;
  box-sizing: border-box; }

.list-group.no-radius .list-group-item {
  border-radius: 0 !important; }
.list-group.no-border .list-group-item {
  border-width: 1px 0; }

.media .media-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 20px; }

.thumb {
  width: 60px;
  display: inline-block; }
  .thumb img {
    height: auto;
    max-width: 100%;
    vertical-align: middle; }
  .thumb.thumb-sm {
    width: 40px; }
  .thumb.thumb-md {
    width: 80px; }
  .thumb.thumb-lg {
    width: 100px; }
  .thumb.thumb-xl {
    width: 120px; }
  .thumb.thumb-xxl {
    width: 160px; }
  .thumb .thumb-header,
  .thumb .thumb-body {
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1); }
  .thumb .thumb-header {
    border-bottom: 0;
    background-color: rgba(0, 0, 0, 0.01); }
  .thumb .thumb-body {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.text-muted {
  color: #95a2a9; }

.custom-font {
  font-family: "Dosis", "Arial", sans-serif; }

.filled {
  padding: 10px;
  color: white; }

.text-thin {
  font-weight: 300; }

.text-italic {
  font-style: italic; }

.text-strong {
  font-weight: 700; }

.text-small {
  font-size: 85%; }

.text-lowercase {
  text-transform: lowercase !important; }

.text-active {
  display: none; }

.active > .text-active {
  display: inline-block; }
.active > .text-inactive {
  display: none; }

h1.underline, h2.underline, h3.underline, h4.underline, h5.underline, h6.underline,
.h1.underline, .h2.underline, .h3.underline, .h4.underline, .h5.underline, .h6.underline {
  border-bottom: 1px solid #95a2a9;
  padding-bottom: 5px; }

p.docs {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.010em;
  line-height: 1.6em;
  margin: 0.8em 0 1.6em; }

address.filled strong {
  display: block;
  margin: -10px;
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: 300; }
address.filled i {
  font-size: 80px;
  margin-top: -50px;
  filter: alpha(opacity=5);
  opacity: 0.05; }
address.filled.append {
  margin-top: -20px; }

dl.filled {
  padding: 0; }
  dl.filled dt {
    font-family: "Dosis", "Arial", sans-serif; }
  dl.filled dt,
  dl.filled dd {
    padding: 5px 10px; }

blockquote.filled {
  min-height: 60px;
  padding: 10px;
  border-left: 5px solid;
  border-color: rgba(0, 0, 0, 0.3); }
  blockquote.filled i[class*='fa-quote-'] {
    font-size: 46px;
    margin: 0 10px 10px 0;
    color: rgba(0, 0, 0, 0.1); }
  blockquote.filled .fa.pull-right {
    margin-left: .3em; }
  blockquote.filled small {
    color: rgba(0, 0, 0, 0.3); }
  blockquote.filled.text-right {
    border-left-width: 0;
    border-right: 5px solid rgba(0, 0, 0, 0.3); }
blockquote p {
  line-height: 1.6em; }

.note {
  display: inline-block;
  padding: 2px 5px;
  background-color: rgba(0, 0, 0, 0.1);
  color: #95a2a9;
  font-family: "Dosis", "Arial", sans-serif;
  font-size: 12px;
  margin-left: 5px;
  position: relative;
  top: -2px;
  margin-top: 5px; }

.example .link-effect {
  font-family: "Dosis", "Arial", sans-serif;
  margin: 15px 25px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 1px; }

.link-effect {
  font-family: "Dosis", "Arial", sans-serif;
  margin: 15px 25px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 1px;
  position: relative;
  display: inline-block;
  outline: none;
  text-decoration: none;
  vertical-align: middle;
  /* Effect 1: Brackets */
  /* Effect 2: 3D rolling links, idea from http://hakim.se/thoughts/rolling-links */
  /* Effect 3: bottom line slides/fades in */
  /* Effect 4: bottom border enlarge */
  /* Effect 5: same word slide in */
  /* Effect 6: same word slide in and border bottom */
  /* Effect 7: second border slides up */
  /* Effect 8: border slight translate */
  /* Effect 9: second text and borders */
  /* Effect 10: reveal, push out */
  /* Effect 11: text fill based on Lea Verou's animation http://dabblet.com/gist/6046779 */
  /* Effect 12: circle */
  /* Effect 13: three circles */
  /* Effect 14: border switch */
  /* Effect 15: scale down, reveal */
  /* Effect 16: fall down */
  /* Effect 17: move up fade out, push border */
  /* Effect 18: cross */
  /* Effect 19: 3D side */
  /* Effect 20: 3D side */
  /* Effect 21: borders slight translate */ }
  .link-effect:hover, .link-effect:focus {
    outline: 0;
    text-decoration: none; }
  .link-effect.link-effect-1::before, .link-effect.link-effect-1::after {
    display: inline-block;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s; }
  .link-effect.link-effect-1::before {
    margin-right: 10px;
    content: '[';
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }
  .link-effect.link-effect-1::after {
    margin-left: 10px;
    content: ']';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }
  .link-effect.link-effect-1:hover::before, .link-effect.link-effect-1:hover::after, .link-effect.link-effect-1:focus::before, .link-effect.link-effect-1:focus::after {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  .link-effect.link-effect-2 {
    color: white;
    line-height: 1.8em;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px; }
    .link-effect.link-effect-2 span {
      position: relative;
      display: inline-block;
      padding: 0 10px;
      background: #428bca;
      -webkit-transition: -webkit-transform 0.3s;
      -moz-transition: -moz-transform 0.3s;
      transition: transform 0.3s;
      -webkit-transform-origin: 50% 0;
      -moz-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
      -o-transform-origin: 50% 0;
      transform-origin: 50% 0;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d; }
      .link-effect.link-effect-2 span::before {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 100%;
        background: #245682;
        content: attr(data-hover);
        padding: 0 10px;
        -webkit-transition: background 0.3s;
        -moz-transition: background 0.3s;
        transition: background 0.3s;
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        -webkit-transform-origin: 50% 0;
        -moz-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        -o-transform-origin: 50% 0;
        transform-origin: 50% 0; }
    .link-effect.link-effect-2:hover span, .link-effect.link-effect-2:focus span {
      -webkit-transform: rotateX(90deg) translateY(-22px);
      -moz-transform: rotateX(90deg) translateY(-22px);
      -ms-transform: rotateX(90deg) translateY(-22px);
      -o-transform: rotateX(90deg) translateY(-22px);
      transform: rotateX(90deg) translateY(-22px); }
      .link-effect.link-effect-2:hover span::before, .link-effect.link-effect-2:focus span::before {
        background-color: #428bca; }
  .link-effect.link-effect-3 {
    padding: 4px 0; }
    .link-effect.link-effect-3::after {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 4px;
      background: rgba(66, 139, 202, 0.15);
      content: '';
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
      -moz-transition: opacity 0.3s, -moz-transform 0.3s;
      transition: opacity 0.3s, transform 0.3s;
      -webkit-transform: translateY(10px);
      -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
      -o-transform: translateY(10px);
      transform: translateY(10px); }
    .link-effect.link-effect-3:hover::after, .link-effect.link-effect-3:focus::after {
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px); }
  .link-effect.link-effect-4 {
    padding: 0 0 4px; }
    .link-effect.link-effect-4::after {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 1px;
      background: rgba(66, 139, 202, 0.15);
      content: '';
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
      -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
      transition: height 0.3s, opacity 0.3s, transform 0.3s;
      -webkit-transform: translateY(-10px);
      -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      -o-transform: translateY(-10px);
      transform: translateY(-10px); }
    .link-effect.link-effect-4:hover::after, .link-effect.link-effect-4:focus::after {
      height: 5px;
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px); }
  .link-effect.link-effect-5 {
    overflow: hidden;
    padding: 0 4px; }
    .link-effect.link-effect-5 span {
      position: relative;
      display: inline-block;
      -webkit-transition: -webkit-transform 0.3s;
      -moz-transition: -moz-transform 0.3s;
      transition: transform 0.3s; }
      .link-effect.link-effect-5 span::before {
        position: absolute;
        top: 100%;
        content: attr(data-hover);
        font-weight: 700;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
    .link-effect.link-effect-5:hover span, .link-effect.link-effect-5:focus span {
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      transform: translateY(-100%); }
  .link-effect.link-effect-6 {
    margin: 0 10px;
    padding: 5px 10px; }
    .link-effect.link-effect-6::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background: #428bca;
      content: '';
      -webkit-transition: top 0.3s;
      -moz-transition: top 0.3s;
      transition: top 0.3s; }
    .link-effect.link-effect-6::after {
      position: absolute;
      top: 0;
      left: 0;
      width: 2px;
      height: 2px;
      background: #428bca;
      content: '';
      -webkit-transition: height 0.3s;
      -moz-transition: height 0.3s;
      transition: height 0.3s; }
    .link-effect.link-effect-6:hover::before {
      top: 100%;
      filter: alpha(opacity=100);
      opacity: 1; }
    .link-effect.link-effect-6:hover::after {
      height: 100%; }
  .link-effect.link-effect-7 {
    padding: 6px 5px 5px; }
    .link-effect.link-effect-7::before, .link-effect.link-effect-7::after {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 2px;
      background: #428bca;
      content: '';
      -webkit-transition: -webkit-transform 0.3s;
      -moz-transition: -moz-transform 0.3s;
      transition: transform 0.3s;
      -webkit-transform: scale(0.85);
      -moz-transform: scale(0.85);
      -ms-transform: scale(0.85);
      -o-transform: scale(0.85);
      transform: scale(0.85); }
    .link-effect.link-effect-7::after {
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
      -moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
      transition: top 0.3s, opacity 0.3s, transform 0.3s; }
    .link-effect.link-effect-7:hover::before, .link-effect.link-effect-7:hover::after, .link-effect.link-effect-7:focus::before, .link-effect.link-effect-7:focus::after {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
    .link-effect.link-effect-7:hover::after, .link-effect.link-effect-7:focus::after {
      top: 0%;
      filter: alpha(opacity=100);
      opacity: 1; }
  .link-effect.link-effect-8 {
    padding: 5px 10px; }
    .link-effect.link-effect-8::before, .link-effect.link-effect-8::after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 2px solid #333;
      content: '';
      -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
      -moz-transition: -moz-transform 0.3s, opacity 0.3s;
      transition: transform 0.3s, opacity 0.3s; }
    .link-effect.link-effect-8::after {
      border-color: #428bca;
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: translateY(-7px) translateX(6px);
      -moz-transform: translateY(-7px) translateX(6px);
      -ms-transform: translateY(-7px) translateX(6px);
      -o-transform: translateY(-7px) translateX(6px);
      transform: translateY(-7px) translateX(6px); }
    .link-effect.link-effect-8:hover::before, .link-effect.link-effect-8:focus::before {
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translateY(5) translateX(-5px);
      -moz-transform: translateY(5) translateX(-5px);
      -ms-transform: translateY(5) translateX(-5px);
      -o-transform: translateY(5) translateX(-5px);
      transform: translateY(5) translateX(-5px); }
    .link-effect.link-effect-8:hover::after, .link-effect.link-effect-8:focus::after {
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translateY(0) translateX(0);
      -moz-transform: translateY(0) translateX(0);
      -ms-transform: translateY(0) translateX(0);
      -o-transform: translateY(0) translateX(0);
      transform: translateY(0) translateX(0); }
  .link-effect.link-effect-9 {
    margin: 0 20px;
    padding: 8px 10px;
    text-align: center; }
    .link-effect.link-effect-9::before, .link-effect.link-effect-9::after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background: #428bca;
      content: '';
      filter: alpha(opacity=20);
      opacity: 0.2;
      -webkit-transition: opacity 0.3s, height 0.3s;
      -moz-transition: opacity 0.3s, height 0.3s;
      transition: opacity 0.3s, height 0.3s; }
    .link-effect.link-effect-9::after {
      top: 100%;
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
      -moz-transition: -moz-transform 0.3s, opacity 0.3s;
      transition: transform 0.3s, opacity 0.3s;
      -webkit-transform: translateY(-10px);
      -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      -o-transform: translateY(-10px);
      transform: translateY(-10px); }
    .link-effect.link-effect-9 span:first-child {
      z-index: 2;
      display: block; }
    .link-effect.link-effect-9 span:last-child {
      z-index: 1;
      display: block;
      padding: 2px 0 0 0;
      color: rgba(0, 0, 0, 0.4);
      text-shadow: none;
      text-transform: none;
      font-style: italic;
      font-size: 10px;
      font-family: Georgia, serif;
      opacity: 0;
      -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
      -moz-transition: -moz-transform 0.3s, opacity 0.3s;
      transition: transform 0.3s, opacity 0.3s;
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      transform: translateY(-100%); }
    .link-effect.link-effect-9:hover::before, .link-effect.link-effect-9:focus::before {
      height: 6px; }
    .link-effect.link-effect-9:hover::before, .link-effect.link-effect-9:hover::after, .link-effect.link-effect-9:focus::before, .link-effect.link-effect-9:focus::after {
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
    .link-effect.link-effect-9:hover span:last-child, .link-effect.link-effect-9:focus span:last-child {
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
  .link-effect.link-effect-10 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0 8px; }
    .link-effect.link-effect-10 span {
      display: block;
      padding: 5px 10px;
      background: #cde1f1;
      -webkit-transition: -webkit-transform 0.3s;
      -moz-transition: -moz-transform 0.3s;
      transition: transform 0.3s; }
    .link-effect.link-effect-10::before {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      padding: 5px 10px;
      width: 100%;
      height: 100%;
      background: #428bca;
      color: white;
      content: attr(data-hover);
      -webkit-transition: -webkit-transform 0.3s;
      -moz-transition: -moz-transform 0.3s;
      transition: transform 0.3s;
      -webkit-transform: translateX(-25%);
      -moz-transform: translateX(-25%);
      -ms-transform: translateX(-25%);
      -o-transform: translateX(-25%);
      transform: translateX(-25%); }
    .link-effect.link-effect-10:hover span, .link-effect.link-effect-10:focus span {
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%); }
    .link-effect.link-effect-10:hover::before, .link-effect.link-effect-10:focus::before {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); }
  .link-effect.link-effect-11 {
    padding: 5px 0;
    border-top: 2px solid rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.4); }
    .link-effect.link-effect-11::before {
      position: absolute;
      top: 0;
      left: 0;
      overflow: hidden;
      padding: 5px 0;
      max-width: 0;
      border-bottom: 2px solid #428bca;
      color: #428bca;
      content: attr(data-hover);
      -webkit-transition: max-width 0.5s;
      -moz-transition: max-width 0.5s;
      transition: max-width 0.5s; }
    .link-effect.link-effect-11:hover::before, .link-effect.link-effect-11:focus::before {
      max-width: 100%; }
  .link-effect.link-effect-12::before, .link-effect.link-effect-12::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    content: '';
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
    -ms-transform: translateX(-50%) translateY(-50%) scale(0.2);
    -o-transform: translateX(-50%) translateY(-50%) scale(0.2);
    transform: translateX(-50%) translateY(-50%) scale(0.2); }
  .link-effect.link-effect-12:after {
    width: 60px;
    height: 60px;
    border-width: 4px;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
    -ms-transform: translateX(-50%) translateY(-50%) scale(0.8);
    -o-transform: translateX(-50%) translateY(-50%) scale(0.8);
    transform: translateX(-50%) translateY(-50%) scale(0.8); }
  .link-effect.link-effect-12:hover::before, .link-effect.link-effect-12:hover::after, .link-effect.link-effect-12:focus::before, .link-effect.link-effect-12:focus::after {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1); }
  .link-effect.link-effect-13 {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s; }
    .link-effect.link-effect-13::before {
      position: absolute;
      top: 70%;
      left: 50%;
      color: transparent;
      content: '•';
      text-shadow: 0 0 transparent;
      font-size: 1.2em;
      -webkit-transition: text-shadow 0.3s, color 0.3s;
      -moz-transition: text-shadow 0.3s, color 0.3s;
      transition: text-shadow 0.3s, color 0.3s;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      pointer-events: none; }
    .link-effect.link-effect-13:hover::before, .link-effect.link-effect-13:focus::before {
      color: #616f77;
      text-shadow: 10px 0 #616f77, -10px 0 #616f77; }
  .link-effect.link-effect-14 {
    padding: 0 10px;
    height: 30px;
    line-height: 30px; }
    .link-effect.link-effect-14::before, .link-effect.link-effect-14::after {
      position: absolute;
      width: 30px;
      height: 2px;
      background: #428bca;
      content: '';
      filter: alpha(opacity=20);
      opacity: 0.2;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
      pointer-events: none; }
    .link-effect.link-effect-14::before {
      top: 0;
      left: 0;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      -o-transform-origin: 0 0;
      transform-origin: 0 0; }
    .link-effect.link-effect-14::after {
      right: 0;
      bottom: 0;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform-origin: 100% 0;
      -moz-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
      -o-transform-origin: 100% 0;
      transform-origin: 100% 0; }
    .link-effect.link-effect-14:hover::before, .link-effect.link-effect-14:hover::after, .link-effect.link-effect-14:focus::before, .link-effect.link-effect-14:focus::after {
      filter: alpha(opacity=100);
      opacity: 1; }
    .link-effect.link-effect-14:hover::before, .link-effect.link-effect-14:focus::before {
      left: 50%;
      -webkit-transform: rotate(0deg) translateX(-50%);
      -moz-transform: rotate(0deg) translateX(-50%);
      -ms-transform: rotate(0deg) translateX(-50%);
      -o-transform: rotate(0deg) translateX(-50%);
      transform: rotate(0deg) translateX(-50%); }
    .link-effect.link-effect-14:hover::after, .link-effect.link-effect-14:focus::after {
      right: 50%;
      -webkit-transform: rotate(0deg) translateX(50%);
      -moz-transform: rotate(0deg) translateX(50%);
      -ms-transform: rotate(0deg) translateX(50%);
      -o-transform: rotate(0deg) translateX(50%);
      transform: rotate(0deg) translateX(50%); }
  .link-effect.link-effect-15 {
    color: rgba(0, 0, 0, 0.2);
    font-weight: 700; }
    .link-effect.link-effect-15::before {
      color: #428bca;
      content: attr(data-hover);
      position: absolute;
      -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
      -moz-transition: -moz-transform 0.3s, opacity 0.3s;
      transition: transform 0.3s, opacity 0.3s; }
    .link-effect.link-effect-15:hover::before, .link-effect.link-effect-15:focus::before {
      -webkit-transform: scale(0.9);
      -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
      -o-transform: scale(0.9);
      transform: scale(0.9);
      filter: alpha(opacity=0);
      opacity: 0; }
  .link-effect.link-effect-16 {
    color: rgba(0, 0, 0, 0.4); }
    .link-effect.link-effect-16::before {
      color: #428bca;
      content: attr(data-hover);
      position: absolute;
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
      -moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
      -ms-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
      -o-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
      transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
      -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
      -moz-transition: -moz-transform 0.3s, opacity 0.3s;
      transition: transform 0.3s, opacity 0.3s;
      pointer-events: none; }
    .link-effect.link-effect-16:hover::before, .link-effect.link-effect-16:focus::before {
      -webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
      -moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
      -ms-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
      -o-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
      transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
      filter: alpha(opacity=100);
      opacity: 1; }
  .link-effect.link-effect-17 {
    color: rgba(0, 0, 0, 0.4);
    padding: 10px 0; }
    .link-effect.link-effect-17::before {
      color: #428bca;
      content: attr(data-hover);
      position: absolute;
      -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
      -moz-transition: -moz-transform 0.3s, opacity 0.3s;
      transition: transform 0.3s, opacity 0.3s;
      pointer-events: none; }
    .link-effect.link-effect-17::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 2px;
      background: #616f77;
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: translateY(5px);
      -moz-transform: translateY(5px);
      -ms-transform: translateY(5px);
      -o-transform: translateY(5px);
      transform: translateY(5px);
      -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
      -moz-transition: -moz-transform 0.3s, opacity 0.3s;
      transition: transform 0.3s, opacity 0.3s;
      pointer-events: none; }
    .link-effect.link-effect-17:hover::before, .link-effect.link-effect-17:focus::before {
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: translateY(-2px);
      -moz-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
      -o-transform: translateY(-2px);
      transform: translateY(-2px); }
    .link-effect.link-effect-17:hover::after, .link-effect.link-effect-17:focus::after {
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
  .link-effect.link-effect-18 {
    position: relative;
    z-index: 1;
    padding: 0 5px;
    color: rgba(0, 0, 0, 0.2);
    font-weight: 700;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s; }
    .link-effect.link-effect-18::before, .link-effect.link-effect-18::after {
      position: absolute;
      width: 100%;
      left: 0;
      top: 50%;
      height: 2px;
      margin-top: -1px;
      background: rgba(0, 0, 0, 0.2);
      content: '';
      z-index: -1;
      -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
      -moz-transition: -moz-transform 0.3s, opacity 0.3s;
      transition: transform 0.3s, opacity 0.3s;
      pointer-events: none; }
    .link-effect.link-effect-18::before {
      -webkit-transform: translateY(-20px);
      -moz-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      -o-transform: translateY(-20px);
      transform: translateY(-20px); }
    .link-effect.link-effect-18::after {
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -o-transform: translateY(20px);
      transform: translateY(20px); }
    .link-effect.link-effect-18:hover, .link-effect.link-effect-18:focus {
      color: #428bca; }
      .link-effect.link-effect-18:hover::before, .link-effect.link-effect-18:hover::after, .link-effect.link-effect-18:focus::before, .link-effect.link-effect-18:focus::after {
        filter: alpha(opacity=70);
        opacity: 0.7;
        background: rgba(0, 0, 0, 0.1);
        width: 100%; }
      .link-effect.link-effect-18:hover::before, .link-effect.link-effect-18:focus::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      .link-effect.link-effect-18:hover::after, .link-effect.link-effect-18:focus::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
  .link-effect.link-effect-19 {
    line-height: 1.8em;
    margin: 15px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    perspective: 800px;
    color: white; }
    .link-effect.link-effect-19 span {
      position: relative;
      display: inline-block;
      width: 100%;
      padding: 0 15px;
      background: #428bca;
      -webkit-transition: -webkit-transform 0.4s, background 0.4s;
      -moz-transition: -moz-transform 0.4s, background 0.4s;
      transition: transform 0.4s, background 0.4s;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transform-origin: 50% 50% -100px;
      -moz-transform-origin: 50% 50% -100px;
      -ms-transform-origin: 50% 50% -100px;
      -o-transform-origin: 50% 50% -100px;
      transform-origin: 50% 50% -100px; }
      .link-effect.link-effect-19 span::before {
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        height: 100%;
        padding: 0 15px;
        background: #245682;
        content: attr(data-hover);
        -webkit-transition: background 0.4s;
        -moz-transition: background 0.4s;
        transition: background 0.4s;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg);
        -webkit-transform-origin: 0 50%;
        -moz-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        -o-transform-origin: 0 50%;
        transform-origin: 0 50%;
        pointer-events: none; }
    .link-effect.link-effect-19:hover span, .link-effect.link-effect-19:focus span {
      background: #245682;
      -webkit-transform: rotateY(-90deg);
      -moz-transform: rotateY(-90deg);
      -ms-transform: rotateY(-90deg);
      -o-transform: rotateY(-90deg);
      transform: rotateY(-90deg); }
      .link-effect.link-effect-19:hover span::before, .link-effect.link-effect-19:focus span::before {
        background: #428bca; }
  .link-effect.link-effect-20 {
    line-height: 1.8em;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    perspective: 800px; }
    .link-effect.link-effect-20 span {
      position: relative;
      display: inline-block;
      padding: 3px 15px 0;
      background: #cde1f1;
      box-shadow: inset 0 3px #92bce0;
      -webkit-transition: background 0.6s;
      -moz-transition: background 0.6s;
      transition: background 0.6s;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transform-origin: 0% 50%;
      -moz-transform-origin: 0% 50%;
      -ms-transform-origin: 0% 50%;
      -o-transform-origin: 0% 50%;
      transform-origin: 0% 50%; }
      .link-effect.link-effect-20 span::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 3px 15px 0;
        background: #428bca;
        color: #fff;
        content: attr(data-hover);
        -webkit-transition: -webkit-transform 0.6s;
        -moz-transition: -moz-transform 0.6s;
        transition: transform 0.6s;
        -webkit-transform: rotateX(270deg);
        -moz-transform: rotateX(270deg);
        -ms-transform: rotateX(270deg);
        -o-transform: rotateX(270deg);
        transform: rotateX(270deg);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        pointer-events: none; }
    .link-effect.link-effect-20:hover span, .link-effect.link-effect-20:focus span {
      background: #92bce0; }
      .link-effect.link-effect-20:hover span::before, .link-effect.link-effect-20:focus span::before {
        -webkit-transform: rotateX(10deg);
        -moz-transform: rotateX(10deg);
        -ms-transform: rotateX(10deg);
        -o-transform: rotateX(10deg);
        transform: rotateX(10deg); }
  .link-effect.link-effect-21 {
    padding: 10px;
    color: rgba(0, 0, 0, 0.2);
    font-weight: 700;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s; }
    .link-effect.link-effect-21::before, .link-effect.link-effect-21::after {
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background: #428bca;
      content: '';
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
      -moz-transition: opacity 0.3s, -moz-transform 0.3s;
      transition: opacity 0.3s, transform 0.3s;
      -webkit-transform: translateY(-10px);
      -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      -o-transform: translateY(-10px);
      transform: translateY(-10px); }
    .link-effect.link-effect-21::before {
      top: 0;
      -webkit-transform: translateY(-10px);
      -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      -o-transform: translateY(-10px);
      transform: translateY(-10px); }
    .link-effect.link-effect-21::after {
      bottom: 0;
      -webkit-transform: translateY(10px);
      -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
      -o-transform: translateY(10px);
      transform: translateY(10px); }
    .link-effect.link-effect-21:hover, .link-effect.link-effect-21:focus {
      color: #428bca; }
      .link-effect.link-effect-21:hover::before, .link-effect.link-effect-21:hover::after, .link-effect.link-effect-21:focus::before, .link-effect.link-effect-21:focus::after {
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }

#loading-bar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99; }
  #loading-bar .bar {
    position: absolute;
    background-color: #16a085;
    z-index: 9; }
  #loading-bar .peg {
    -webkit-box-shadow: #16a085 1px 0 6px 1px;
    box-shadow: #16a085 1px 0 6px 1px; }

#loading-bar-spinner {
  position: absolute;
  z-index: 99; }
  #loading-bar-spinner .spinner-icon {
    border-top-color: #16a085;
    border-left-color: #16a085; }

.daterangepicker .ranges li {
  font-size: 12px;
  border-radius: 0; }
.daterangepicker .ranges .daterangepicker_start_input label,
.daterangepicker .ranges .daterangepicker_end_input label {
  color: #616f77;
  text-transform: none; }
.daterangepicker .ranges .input-mini {
  border-radius: 0;
  color: #616f77;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .daterangepicker .ranges .input-mini:focus {
    outline: 0;
    border: 1px solid gray; }

.alert {
  padding: 10px 15px;
  border-radius: 0;
  border: 0;
  border-left: 3px solid; }
  .alert.alert-big {
    padding: 15px; }
  .alert.alert-dismissable {
    padding-right: 35px; }
  .alert.closeable > .close {
    right: 0; }
  .alert.notcloseable > .close {
    display: none; }
  .alert.alert-primary {
    color: #428bca;
    background-color: #cde1f1; }
    .alert.alert-primary .alert-link {
      color: #357ebd; }
  .alert.alert-success {
    color: #5cb85c;
    background-color: #eaf6ea; }
    .alert.alert-success .alert-link {
      color: #4cae4c; }
  .alert.alert-warning {
    color: #f0ad4e;
    background-color: #fef9f3; }
    .alert.alert-warning .alert-link {
      color: #eea236; }
  .alert.alert-danger {
    color: #d9534f;
    background-color: #fdf7f7; }
    .alert.alert-danger .alert-link {
      color: #d43f3a; }
  .alert.alert-info {
    color: #5bc0de;
    background-color: #f0f9fc; }
    .alert.alert-info .alert-link {
      color: #46b8da; }
  .alert.alert-default {
    color: #616f77;
    background-color: #dbe0e2; }
    .alert.alert-default .alert-link {
      color: #566269; }
  .alert.alert-cyan {
    color: #22beef;
    background-color: #e0f6fd; }
    .alert.alert-cyan .alert-link {
      color: #10acdd; }
  .alert.alert-amethyst {
    color: #cd97eb;
    background-color: #f6edfb; }
    .alert.alert-amethyst .alert-link {
      color: #c382e7; }
  .alert.alert-green {
    color: #a2d200;
    background-color: #f5ffd2; }
    .alert.alert-green .alert-link {
      color: #96c300; }
  .alert.alert-orange {
    color: #ffc100;
    background-color: #fff3cc; }
    .alert.alert-orange .alert-link {
      color: #f0b500; }
  .alert.alert-red {
    color: #ff4a43;
    background-color: #ffdddc; }
    .alert.alert-red .alert-link {
      color: #ff1910; }
  .alert.alert-greensea {
    color: #16a085;
    background-color: #d5f9f2; }
    .alert.alert-greensea .alert-link {
      color: #138a72; }
  .alert.alert-dutch {
    color: #1693A5;
    background-color: #daf6fa; }
    .alert.alert-dutch .alert-link {
      color: #137f8f; }
  .alert.alert-hotpink {
    color: #FF0066;
    background-color: #ffe5f0; }
    .alert.alert-hotpink .alert-link {
      color: #e6005c; }
  .alert.alert-drank {
    color: #A40778;
    background-color: #fdc7ee; }
    .alert.alert-drank .alert-link {
      color: #8c0666; }
  .alert.alert-blue {
    color: #418bca;
    background-color: #e1ecf6; }
    .alert.alert-blue .alert-link {
      color: #357ebd; }
  .alert.alert-lightred {
    color: #e05d6f;
    background-color: #f9dde1; }
    .alert.alert-lightred .alert-link {
      color: #dc485c; }
  .alert.alert-slategray {
    color: #3f4e62;
    background-color: #b6c1d0; }
    .alert.alert-slategray .alert-link {
      color: #354252; }
  .alert.alert-darkgray {
    color: #333;
    background-color: #a6a6a6; }
    .alert.alert-darkgray .alert-link {
      color: #262626; }

#toast-container > div {
  opacity: 0.8 !important;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  transition: opacity 0.25s;
  position: relative; }
  #toast-container > div:hover {
    opacity: 1 !important;
    -webkit-box-shadow: none;
    box-shadow: none; }
  #toast-container > div .toast-title {
    font-family: "Dosis", "Arial", sans-serif; }
  #toast-container > div .toast-message {
    font-size: 12px; }
  #toast-container > div > .fa:not(.toast-close-button) {
    position: absolute;
    font-size: 2em;
    left: 13px; }
#toast-container .toast-close-button {
  font-size: 12px;
  font-weight: 400;
  text-shadow: none;
  opacity: 1; }
  #toast-container .toast-close-button:hover {
    text-shadow: none;
    opacity: .5;
    color: white; }

.nav-tabs {
  border: 0;
  background-color: #f5f5f5; }
  .nav-tabs > li {
    margin-bottom: 0; }
    .nav-tabs > li > a {
      border: 0;
      border-radius: 0;
      margin-right: 0;
      cursor: pointer;
      -webkit-box-shadow: inset 0 -3px 0 transparent;
      box-shadow: inset 0 -3px 0 transparent; }
      .nav-tabs > li > a:hover {
        background-color: #f0f0f0;
        border: 0; }
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
      -webkit-box-shadow: inset 0 -3px 0 #428bca;
      box-shadow: inset 0 -3px 0 #428bca;
      background-color: #e8e8e8;
      border: 0; }
    .nav-tabs > li.active:after {
      content: '';
      position: absolute;
      left: 50%;
      margin-left: -4px;
      height: 0;
      width: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #428bca; }
    .nav-tabs > li.tabs-title {
      padding: 8px 0 0 20px;
      font-size: 16px;
      color: white;
      font-weight: 300; }
  .nav-tabs.nav-justified > li > a {
    border: 0;
    border-radius: 0; }
  .nav-tabs.nav-justified > li.active > a,
  .nav-tabs.nav-justified > li.active > a:hover,
  .nav-tabs.nav-justified > li.active > a:focus {
    border: 0; }

.tab-content .tab-pane {
  padding: 15px; }

.nav-pills > li > a {
  cursor: pointer; }

.nav.nav-sm > li > a {
  padding: 7px 10px; }

.tabs-dark .nav-tabs {
  background-color: #3f4e62; }
  .tabs-dark .nav-tabs > li > a {
    color: rgba(255, 255, 255, 0.5); }
    .tabs-dark .nav-tabs > li > a:hover {
      background-color: #354252;
      color: rgba(255, 255, 255, 0.8); }
  .tabs-dark .nav-tabs > li.disabled > a {
    color: rgba(255, 255, 255, 0.2); }
  .tabs-dark .nav-tabs > li.active > a,
  .tabs-dark .nav-tabs > li.active > a:hover,
  .tabs-dark .nav-tabs > li.active > a:focus {
    background-color: #2b3543;
    color: white; }

.tab-container .nav-tabs {
  background-color: white; }
  .tab-container .nav-tabs > li {
    border-right: 1px solid #eaeaea; }
    .tab-container .nav-tabs > li:last-child {
      border-right: 0; }
    .tab-container .nav-tabs > li > a {
      color: #bfc7cb; }
      .tab-container .nav-tabs > li > a:hover {
        background-color: #f5f5f5; }
    .tab-container .nav-tabs > li.active > a,
    .tab-container .nav-tabs > li.active > a:hover,
    .tab-container .nav-tabs > li.active > a:focus {
      color: #616f77;
      background-color: #f5f5f5; }
    .tab-container .nav-tabs > li.disabled > a:hover,
    .tab-container .nav-tabs > li.disabled > a:focus {
      color: #bfc7cb; }
.tab-container .tab-content .tab-pane {
  background-color: white; }

.tab-nopadding .tab-pane {
  padding: 15px 0; }

.tab-wizard .nav-tabs > li > a {
  text-align: left;
  padding-left: 30px;
  position: relative; }
  .tab-wizard .nav-tabs > li > a:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-bottom: 19px solid transparent;
    border-left: 19px solid #f5f5f5;
    border-top: 19px solid transparent;
    top: 1px;
    right: -18px;
    z-index: 6;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s; }
  .tab-wizard .nav-tabs > li > a:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #f5f5f5;
    border-top: 20px solid transparent;
    top: 0;
    right: -20px;
    z-index: 5; }
  .tab-wizard .nav-tabs > li > a .wizard-step {
    font-size: 14px;
    font-weight: 700;
    padding: 5px 8px;
    border-radius: 50%;
    background-color: #616f77;
    color: #eaeaea;
    border: 1px solid #eaeaea;
    margin-top: -2px;
    margin-right: -10px;
    width: 26px;
    height: 26px;
    line-height: 14px; }
.tab-wizard .nav-tabs > li:first-child > a {
  padding-left: 15px; }
.tab-wizard .nav-tabs > li:last-child > a:after, .tab-wizard .nav-tabs > li:last-child > a:before {
  display: none; }
.tab-wizard .nav-tabs > li:last-child > a .wizard-step {
  margin-right: 0; }
.tab-wizard .nav-tabs > li > a,
.tab-wizard .nav-tabs > li > a:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f5f5f5; }
.tab-wizard .nav-tabs > li:after, .tab-wizard .nav-tabs > li:before {
  content: "";
  position: absolute;
  border: 0;
  width: 100%;
  height: 10px;
  background-color: #798992;
  left: 0;
  margin-left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  transition: opacity 0.8s; }
.tab-wizard .nav-tabs > li:before {
  background-color: #428bca;
  bottom: -10px;
  opacity: 1;
  -webkit-transition: width 0.8s;
  -moz-transition: width 0.8s;
  transition: width 0.8s; }
.tab-wizard .nav-tabs > li.active > a:before {
  border-left-color: white; }
.tab-wizard .nav-tabs > li.active > a .wizard-step {
  background-color: transparent;
  color: #616f77;
  border-color: #616f77; }
.tab-wizard .nav-tabs > li.active > a,
.tab-wizard .nav-tabs > li.active > a:hover {
  background-color: white; }
.tab-wizard .nav-tabs > li.active:after {
  opacity: 1; }
.tab-wizard .nav-tabs > li.active:before {
  opacity: 0;
  width: 0; }
.tab-wizard .nav-tabs > li.disabled > a:before {
  border-left-color: white; }
.tab-wizard .nav-tabs > li.disabled > a .wizard-step {
  background-color: transparent;
  color: #eaeaea;
  border-color: #eaeaea; }
.tab-wizard .nav-tabs > li.active ~ li > a:before {
  border-left-color: white; }
.tab-wizard .nav-tabs > li.active ~ li > a .wizard-step {
  background-color: transparent;
  color: #eaeaea;
  border-color: #eaeaea; }
.tab-wizard .nav-tabs > li.active ~ li > a,
.tab-wizard .nav-tabs > li.active ~ li > a:hover {
  background-color: white; }
.tab-wizard .nav-tabs > li.active ~ li:before {
  opacity: 0;
  width: 0; }
.tab-wizard .tab-content .tab-pane {
  margin-top: 10px; }

.tab-animation > .tab-content {
  position: relative;
  overflow: hidden; }
  .tab-animation > .tab-content > .tab-pane {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .tab-animation > .tab-content > .tab-pane.active-remove {
      position: absolute;
      top: 0;
      width: 100%;
      display: block; }
    .tab-animation > .tab-content > .tab-pane.active-remove-active {
      opacity: 0;
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%); }
    .tab-animation > .tab-content > .tab-pane.active-add {
      opacity: 0;
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%); }

.tabs-right .nav-tabs {
  text-align: right; }
  .tabs-right .nav-tabs > li {
    margin-right: -3px;
    float: none;
    display: inline-block; }
    .tabs-right .nav-tabs > li:last-child {
      margin-right: 0; }

@media only screen and (max-width: 768px) {
  .nav-tabs.nav-justified > li a {
    margin-bottom: 0; }
  .nav-tabs.nav-justified > li:after {
    display: none; }

  .nav-tabs > li.tabs-title {
    display: none; } }
.tabs-menu {
  list-style: none;
  padding: 0;
  margin: 0; }
  .tabs-menu > li {
    margin-bottom: 1px;
    position: relative; }
    .tabs-menu > li > a {
      display: block;
      background-color: #f7f7f7;
      padding: 10px 15px;
      color: #616f77; }
      .tabs-menu > li > a:hover {
        color: #428bca; }
    .tabs-menu > li.active > a {
      background-color: #428bca;
      color: white;
      font-weight: 700; }
    .tabs-menu > li.active:after {
      content: "";
      position: absolute;
      height: 0;
      width: 0;
      border-bottom: 6px solid transparent;
      border-left: 6px solid #428bca;
      border-top: 6px solid transparent;
      right: -6px;
      top: 15px; }

.modal-content {
  border-radius: 0; }

.modal-footer {
  background-color: #f8f8f8; }

.modal-backdrop {
  bottom: 0; }

.modal.splash.fade {
  filter: alpha(opacity=100);
  opacity: 1; }

.modal-backdrop.splash.fade {
  filter: alpha(opacity=50);
  opacity: 0.5; }

.modal.splash.fade .modal-dialog,
.modal.splash.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.splash {
  /* Splash Effect 2: Fade in and scale up */
  /* Splash Effect 3: Slide from the right  */
  /* Splash Effect 4: Slide from the bottom  */
  /* Splash Effect 5: Newspaper  */
  /* Splash Effect 6: Fall  */
  /* Splash Effect 7: Side Fall  */
  /* Splash Effect 8: slide and stick to top  */
  /* Splash Effect 9: 3D flip horizontal  */
  /* Splash Effect 10: 3D flip vertical  */
  /* Splash Effect 11: 3D Sign  */
  /* Splash Effect 12: Super Scaled  */
  /* Splash Effect 13: Just me  */
  /* Splash Effect 14: 3D Slit */
  /* Splash Effect 15: 3D Rotate from bottom */
  /* Splash Effect 16:3D Rotate in from left */ }
  .splash .modal-dialog {
    margin-top: 60px; }
  .splash .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none; }
  .splash.modal-backdrop {
    background-color: black; }
    .splash.modal-backdrop.fade {
      filter: alpha(opacity=0);
      opacity: 0; }
    .splash.modal-backdrop.in {
      filter: alpha(opacity=85);
      opacity: 0.85; }
  .splash.modal {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px; }
  .splash.splash-1 .modal-content {
    background-color: transparent;
    color: white; }
  .splash.splash-1 .modal-header {
    border-bottom: 0;
    text-align: center; }
    .splash.splash-1 .modal-header .modal-title {
      font-weight: 700; }
  .splash.splash-1 .modal-footer {
    background-color: transparent;
    border-top: 0;
    text-align: center; }
    .splash.splash-1 .modal-footer .btn-default {
      border: 2px solid white;
      color: white; }
      .splash.splash-1 .modal-footer .btn-default:hover, .splash.splash-1 .modal-footer .btn-default:active, .splash.splash-1 .modal-footer .btn-default.active {
        background-color: rgba(255, 255, 255, 0.1); }
  .splash.splash-2 .modal-header {
    background-color: #f5f5f5;
    text-align: center; }
    .splash.splash-2 .modal-header .modal-title {
      font-weight: 700; }
  .splash.splash-2 .modal-footer {
    background-color: white;
    border-top: 0;
    text-align: center; }
  .splash.splash-ef-1.modal-backdrop {
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s; }
  .splash.splash-ef-1.modal .modal-dialog {
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    -moz-transition: opacity 0.5s, -moz-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s; }
  .splash.splash-ef-1.modal.fade .modal-dialog {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 150px);
    -moz-transform: translate3d(0, 0, 150px);
    -ms-transform: translate3d(0, 0, 150px);
    -o-transform: translate3d(0, 0, 150px);
    transform: translate3d(0, 0, 150px); }
  .splash.splash-ef-1.modal.in .modal-dialog {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .splash.splash-ef-2.modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .splash.splash-ef-2.modal .modal-dialog {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
  .splash.splash-ef-2.modal.fade .modal-dialog {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; }
  .splash.splash-ef-2.modal.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  .splash.splash-ef-3.modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .splash.splash-ef-3.modal .modal-dialog {
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); }
  .splash.splash-ef-3.modal.fade .modal-dialog {
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0; }
  .splash.splash-ef-3.modal.in .modal-dialog {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  .splash.splash-ef-4.modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .splash.splash-ef-4.modal .modal-dialog {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
  .splash.splash-ef-4.modal.fade .modal-dialog {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0; }
  .splash.splash-ef-4.modal.in .modal-dialog {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  .splash.splash-ef-5.modal-backdrop {
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s; }
  .splash.splash-ef-5.modal .modal-dialog {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  .splash.splash-ef-5.modal.fade .modal-dialog {
    -webkit-transform: scale(0) rotate(720deg);
    -moz-transform: scale(0) rotate(720deg);
    -ms-transform: scale(0) rotate(720deg);
    transform: scale(0) rotate(720deg);
    opacity: 0; }
  .splash.splash-ef-5.modal.in .modal-dialog {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    opacity: 1; }
  .splash.splash-ef-6.modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .splash.splash-ef-6.modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px; }
    .splash.splash-ef-6.modal.fade .modal-dialog {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transform: translateZ(600px) rotateX(20deg);
      -moz-transform: translateZ(600px) rotateX(20deg);
      -ms-transform: translateZ(600px) rotateX(20deg);
      transform: translateZ(600px) rotateX(20deg);
      opacity: 0; }
    .splash.splash-ef-6.modal.in .modal-dialog {
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in;
      -webkit-transform: translateZ(0px) rotateX(0deg);
      -moz-transform: translateZ(0px) rotateX(0deg);
      -ms-transform: translateZ(0px) rotateX(0deg);
      transform: translateZ(0px) rotateX(0deg);
      opacity: 1; }
  .splash.splash-ef-7.modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .splash.splash-ef-7.modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px; }
    .splash.splash-ef-7.modal.fade .modal-dialog {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
      -moz-transform: translate(30%) translateZ(600px) rotate(10deg);
      -ms-transform: translate(30%) translateZ(600px) rotate(10deg);
      transform: translate(30%) translateZ(600px) rotate(10deg);
      opacity: 0; }
    .splash.splash-ef-7.modal.in .modal-dialog {
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in;
      -webkit-transform: translate(0%) translateZ(0) rotate(0deg);
      -moz-transform: translate(0%) translateZ(0) rotate(0deg);
      -ms-transform: translate(0%) translateZ(0) rotate(0deg);
      transform: translate(0%) translateZ(0) rotate(0deg);
      opacity: 1; }
  .splash.splash-ef-8.modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .splash.splash-ef-8.modal .modal-dialog {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s; }
  .splash.splash-ef-8.modal.fade .modal-dialog {
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    opacity: 0; }
  .splash.splash-ef-8.modal.in .modal-dialog {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    border-radius: 0 0 3px 3px;
    opacity: 1; }
  .splash.splash-ef-9.modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .splash.splash-ef-9.modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px; }
    .splash.splash-ef-9.modal .modal-dialog {
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      transition: all .3s; }
    .splash.splash-ef-9.modal.fade .modal-dialog {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transform: rotateY(-70deg);
      -moz-transform: rotateY(-70deg);
      -ms-transform: rotateY(-70deg);
      transform: rotateY(-70deg);
      opacity: 0; }
    .splash.splash-ef-9.modal.in .modal-dialog {
      -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg);
      opacity: 1; }
  .splash.splash-ef-10.modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .splash.splash-ef-10.modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px; }
    .splash.splash-ef-10.modal .modal-dialog {
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      transition: all .3s; }
    .splash.splash-ef-10.modal.fade .modal-dialog {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transform: rotateX(-70deg);
      -moz-transform: rotateX(-70deg);
      -ms-transform: rotateX(-70deg);
      transform: rotateX(-70deg);
      opacity: 0; }
    .splash.splash-ef-10.modal.in .modal-dialog {
      -webkit-transform: rotateX(0deg);
      -moz-transform: rotateX(0deg);
      -ms-transform: rotateX(0deg);
      transform: rotateX(0deg);
      opacity: 1; }
  .splash.splash-ef-11.modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .splash.splash-ef-11.modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px; }
    .splash.splash-ef-11.modal .modal-dialog {
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      transition: all .3s; }
    .splash.splash-ef-11.modal.fade .modal-dialog {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transform: rotateX(-60deg);
      -moz-transform: rotateX(-60deg);
      -ms-transform: rotateX(-60deg);
      transform: rotateX(-60deg);
      -webkit-transform-origin: 50% 0;
      -moz-transform-origin: 50% 0;
      transform-origin: 50% 0;
      opacity: 0; }
    .splash.splash-ef-11.modal.in .modal-dialog {
      -webkit-transform: rotateX(0deg);
      -moz-transform: rotateX(0deg);
      -ms-transform: rotateX(0deg);
      transform: rotateX(0deg);
      opacity: 1; }
  .splash.splash-ef-12.modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .splash.splash-ef-12.modal .modal-dialog {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s; }
  .splash.splash-ef-12.modal.fade .modal-dialog {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    opacity: 0; }
  .splash.splash-ef-12.modal.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  .splash.splash-ef-13.modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    .splash.splash-ef-13.modal-backdrop.in {
      opacity: 1; }
  .splash.splash-ef-13.modal .modal-dialog {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s; }
  .splash.splash-ef-13.modal.fade .modal-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0; }
  .splash.splash-ef-13.modal.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  .splash.splash-ef-13.modal .modal-content {
    color: white;
    background-color: transparent; }
    .splash.splash-ef-13.modal .modal-content .modal-header,
    .splash.splash-ef-13.modal .modal-content .modal-body,
    .splash.splash-ef-13.modal .modal-content .modal-footer {
      background-color: transparent;
      border: 0; }
    .splash.splash-ef-13.modal .modal-content .btn-default {
      border: 2px solid white;
      color: white; }
      .splash.splash-ef-13.modal .modal-content .btn-default:hover, .splash.splash-ef-13.modal .modal-content .btn-default:active, .splash.splash-ef-13.modal .modal-content .btn-default.active {
        background-color: rgba(255, 255, 255, 0.1); }
    .splash.splash-ef-13.modal .modal-content a {
      color: rgba(255, 255, 255, 0.6);
      cursor: pointer; }
      .splash.splash-ef-13.modal .modal-content a:hover {
        color: white; }
  .splash.splash-ef-14.modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .splash.splash-ef-14.modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px; }
    .splash.splash-ef-14.modal.fade .modal-dialog {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transform: translateZ(-3000px) rotateY(90deg);
      -moz-transform: translateZ(-3000px) rotateY(90deg);
      -ms-transform: translateZ(-3000px) rotateY(90deg);
      transform: translateZ(-3000px) rotateY(90deg);
      opacity: 0; }
    .splash.splash-ef-14.modal.in .modal-dialog {
      -webkit-animation: slit .7s forwards ease-out;
      -moz-animation: slit .7s forwards ease-out;
      animation: slit .7s forwards ease-out; }
  .splash.splash-ef-15.modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .splash.splash-ef-15.modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px; }
    .splash.splash-ef-15.modal .modal-dialog {
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
    .splash.splash-ef-15.modal.fade .modal-dialog {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transform: translateY(100%) rotateX(90deg);
      -moz-transform: translateY(100%) rotateX(90deg);
      -ms-transform: translateY(100%) rotateX(90deg);
      transform: translateY(100%) rotateX(90deg);
      -webkit-transform-origin: 0 100%;
      -moz-transform-origin: 0 100%;
      transform-origin: 0 100%;
      opacity: 0; }
    .splash.splash-ef-15.modal.in .modal-dialog {
      -webkit-transform: translateY(0%) rotateX(0deg);
      -moz-transform: translateY(0%) rotateX(0deg);
      -ms-transform: translateY(0%) rotateX(0deg);
      transform: translateY(0%) rotateX(0deg);
      opacity: 1; }
  .splash.splash-ef-16.modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .splash.splash-ef-16.modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px; }
    .splash.splash-ef-16.modal .modal-dialog {
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s; }
    .splash.splash-ef-16.modal.fade .modal-dialog {
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
      -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
      -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
      transform: translateZ(100px) translateX(-30%) rotateY(90deg);
      -webkit-transform-origin: 0 100%;
      -moz-transform-origin: 0 100%;
      transform-origin: 0 100%;
      opacity: 0; }
    .splash.splash-ef-16.modal.in .modal-dialog {
      -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
      -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
      -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
      transform: translateZ(0px) translateX(0%) rotateY(0deg);
      opacity: 1; }
  .splash.splash-primary.splash-2 .modal-content, .splash.splash-success.splash-2 .modal-content, .splash.splash-warning.splash-2 .modal-content, .splash.splash-danger.splash-2 .modal-content, .splash.splash-info.splash-2 .modal-content, .splash.splash-cyan.splash-2 .modal-content, .splash.splash-amethyst.splash-2 .modal-content, .splash.splash-green.splash-2 .modal-content, .splash.splash-orange.splash-2 .modal-content, .splash.splash-red.splash-2 .modal-content, .splash.splash-greensea.splash-2 .modal-content, .splash.splash-dutc.splash-2h .modal-content, .splash.splash-hotpink.splash-2 .modal-content, .splash.splash-drank.splash-2 .modal-content, .splash.splash-blue.splash-2 .modal-content, .splash.splash-lightred.splash-2 .modal-content, .splash.splash-slategray.splash-2 .modal-content, .splash.splash-darkgray.splash-2 .modal-content {
    color: white; }
    .splash.splash-primary.splash-2 .modal-content .btn-default, .splash.splash-success.splash-2 .modal-content .btn-default, .splash.splash-warning.splash-2 .modal-content .btn-default, .splash.splash-danger.splash-2 .modal-content .btn-default, .splash.splash-info.splash-2 .modal-content .btn-default, .splash.splash-cyan.splash-2 .modal-content .btn-default, .splash.splash-amethyst.splash-2 .modal-content .btn-default, .splash.splash-green.splash-2 .modal-content .btn-default, .splash.splash-orange.splash-2 .modal-content .btn-default, .splash.splash-red.splash-2 .modal-content .btn-default, .splash.splash-greensea.splash-2 .modal-content .btn-default, .splash.splash-dutc.splash-2h .modal-content .btn-default, .splash.splash-hotpink.splash-2 .modal-content .btn-default, .splash.splash-drank.splash-2 .modal-content .btn-default, .splash.splash-blue.splash-2 .modal-content .btn-default, .splash.splash-lightred.splash-2 .modal-content .btn-default, .splash.splash-slategray.splash-2 .modal-content .btn-default, .splash.splash-darkgray.splash-2 .modal-content .btn-default {
      border: 2px solid white;
      color: white; }
      .splash.splash-primary.splash-2 .modal-content .btn-default:hover, .splash.splash-primary.splash-2 .modal-content .btn-default:active, .splash.splash-primary.splash-2 .modal-content .btn-default.active, .splash.splash-success.splash-2 .modal-content .btn-default:hover, .splash.splash-success.splash-2 .modal-content .btn-default:active, .splash.splash-success.splash-2 .modal-content .btn-default.active, .splash.splash-warning.splash-2 .modal-content .btn-default:hover, .splash.splash-warning.splash-2 .modal-content .btn-default:active, .splash.splash-warning.splash-2 .modal-content .btn-default.active, .splash.splash-danger.splash-2 .modal-content .btn-default:hover, .splash.splash-danger.splash-2 .modal-content .btn-default:active, .splash.splash-danger.splash-2 .modal-content .btn-default.active, .splash.splash-info.splash-2 .modal-content .btn-default:hover, .splash.splash-info.splash-2 .modal-content .btn-default:active, .splash.splash-info.splash-2 .modal-content .btn-default.active, .splash.splash-cyan.splash-2 .modal-content .btn-default:hover, .splash.splash-cyan.splash-2 .modal-content .btn-default:active, .splash.splash-cyan.splash-2 .modal-content .btn-default.active, .splash.splash-amethyst.splash-2 .modal-content .btn-default:hover, .splash.splash-amethyst.splash-2 .modal-content .btn-default:active, .splash.splash-amethyst.splash-2 .modal-content .btn-default.active, .splash.splash-green.splash-2 .modal-content .btn-default:hover, .splash.splash-green.splash-2 .modal-content .btn-default:active, .splash.splash-green.splash-2 .modal-content .btn-default.active, .splash.splash-orange.splash-2 .modal-content .btn-default:hover, .splash.splash-orange.splash-2 .modal-content .btn-default:active, .splash.splash-orange.splash-2 .modal-content .btn-default.active, .splash.splash-red.splash-2 .modal-content .btn-default:hover, .splash.splash-red.splash-2 .modal-content .btn-default:active, .splash.splash-red.splash-2 .modal-content .btn-default.active, .splash.splash-greensea.splash-2 .modal-content .btn-default:hover, .splash.splash-greensea.splash-2 .modal-content .btn-default:active, .splash.splash-greensea.splash-2 .modal-content .btn-default.active, .splash.splash-dutc.splash-2h .modal-content .btn-default:hover, .splash.splash-dutc.splash-2h .modal-content .btn-default:active, .splash.splash-dutc.splash-2h .modal-content .btn-default.active, .splash.splash-hotpink.splash-2 .modal-content .btn-default:hover, .splash.splash-hotpink.splash-2 .modal-content .btn-default:active, .splash.splash-hotpink.splash-2 .modal-content .btn-default.active, .splash.splash-drank.splash-2 .modal-content .btn-default:hover, .splash.splash-drank.splash-2 .modal-content .btn-default:active, .splash.splash-drank.splash-2 .modal-content .btn-default.active, .splash.splash-blue.splash-2 .modal-content .btn-default:hover, .splash.splash-blue.splash-2 .modal-content .btn-default:active, .splash.splash-blue.splash-2 .modal-content .btn-default.active, .splash.splash-lightred.splash-2 .modal-content .btn-default:hover, .splash.splash-lightred.splash-2 .modal-content .btn-default:active, .splash.splash-lightred.splash-2 .modal-content .btn-default.active, .splash.splash-slategray.splash-2 .modal-content .btn-default:hover, .splash.splash-slategray.splash-2 .modal-content .btn-default:active, .splash.splash-slategray.splash-2 .modal-content .btn-default.active, .splash.splash-darkgray.splash-2 .modal-content .btn-default:hover, .splash.splash-darkgray.splash-2 .modal-content .btn-default:active, .splash.splash-darkgray.splash-2 .modal-content .btn-default.active {
        background-color: rgba(255, 255, 255, 0.1); }
    .splash.splash-primary.splash-2 .modal-content a, .splash.splash-success.splash-2 .modal-content a, .splash.splash-warning.splash-2 .modal-content a, .splash.splash-danger.splash-2 .modal-content a, .splash.splash-info.splash-2 .modal-content a, .splash.splash-cyan.splash-2 .modal-content a, .splash.splash-amethyst.splash-2 .modal-content a, .splash.splash-green.splash-2 .modal-content a, .splash.splash-orange.splash-2 .modal-content a, .splash.splash-red.splash-2 .modal-content a, .splash.splash-greensea.splash-2 .modal-content a, .splash.splash-dutc.splash-2h .modal-content a, .splash.splash-hotpink.splash-2 .modal-content a, .splash.splash-drank.splash-2 .modal-content a, .splash.splash-blue.splash-2 .modal-content a, .splash.splash-lightred.splash-2 .modal-content a, .splash.splash-slategray.splash-2 .modal-content a, .splash.splash-darkgray.splash-2 .modal-content a {
      color: rgba(255, 255, 255, 0.6);
      cursor: pointer; }
      .splash.splash-primary.splash-2 .modal-content a:hover, .splash.splash-success.splash-2 .modal-content a:hover, .splash.splash-warning.splash-2 .modal-content a:hover, .splash.splash-danger.splash-2 .modal-content a:hover, .splash.splash-info.splash-2 .modal-content a:hover, .splash.splash-cyan.splash-2 .modal-content a:hover, .splash.splash-amethyst.splash-2 .modal-content a:hover, .splash.splash-green.splash-2 .modal-content a:hover, .splash.splash-orange.splash-2 .modal-content a:hover, .splash.splash-red.splash-2 .modal-content a:hover, .splash.splash-greensea.splash-2 .modal-content a:hover, .splash.splash-dutc.splash-2h .modal-content a:hover, .splash.splash-hotpink.splash-2 .modal-content a:hover, .splash.splash-drank.splash-2 .modal-content a:hover, .splash.splash-blue.splash-2 .modal-content a:hover, .splash.splash-lightred.splash-2 .modal-content a:hover, .splash.splash-slategray.splash-2 .modal-content a:hover, .splash.splash-darkgray.splash-2 .modal-content a:hover {
        color: white; }
  .splash.splash-primary.modal-backdrop {
    background-color: #428bca; }
  .splash.splash-primary.splash-2 .modal-content,
  .splash.splash-primary.splash-2 .modal-footer {
    background-color: #428bca; }
  .splash.splash-primary.splash-2 .modal-header {
    background-color: #357ebd;
    border-color: #3071a9; }
  .splash.splash-success.modal-backdrop {
    background-color: #5cb85c; }
  .splash.splash-success.splash-2 .modal-content,
  .splash.splash-success.splash-2 .modal-footer {
    background-color: #5cb85c; }
  .splash.splash-success.splash-2 .modal-header {
    background-color: #4cae4c;
    border-color: #449d44; }
  .splash.splash-warning.modal-backdrop {
    background-color: #f0ad4e; }
  .splash.splash-warning.splash-2 .modal-content,
  .splash.splash-warning.splash-2 .modal-footer {
    background-color: #f0ad4e; }
  .splash.splash-warning.splash-2 .modal-header {
    background-color: #eea236;
    border-color: #ec971f; }
  .splash.splash-danger.modal-backdrop {
    background-color: #d9534f; }
  .splash.splash-danger.splash-2 .modal-content,
  .splash.splash-danger.splash-2 .modal-footer {
    background-color: #d9534f; }
  .splash.splash-danger.splash-2 .modal-header {
    background-color: #d43f3a;
    border-color: #c9302c; }
  .splash.splash-info.modal-backdrop {
    background-color: #5bc0de; }
  .splash.splash-info.splash-2 .modal-content,
  .splash.splash-info.splash-2 .modal-footer {
    background-color: #5bc0de; }
  .splash.splash-info.splash-2 .modal-header {
    background-color: #46b8da;
    border-color: #31b0d5; }
  .splash.splash-cyan.modal-backdrop {
    background-color: #22beef; }
  .splash.splash-cyan.splash-2 .modal-content,
  .splash.splash-cyan.splash-2 .modal-footer {
    background-color: #22beef; }
  .splash.splash-cyan.splash-2 .modal-header {
    background-color: #11b4e7;
    border-color: #0fa1cf; }
  .splash.splash-amethyst.modal-backdrop {
    background-color: #cd97eb; }
  .splash.splash-amethyst.splash-2 .modal-content,
  .splash.splash-amethyst.splash-2 .modal-footer {
    background-color: #cd97eb; }
  .splash.splash-amethyst.splash-2 .modal-header {
    background-color: #c382e7;
    border-color: #b86ce3; }
  .splash.splash-green.modal-backdrop {
    background-color: #a2d200; }
  .splash.splash-green.splash-2 .modal-content,
  .splash.splash-green.splash-2 .modal-footer {
    background-color: #a2d200; }
  .splash.splash-green.splash-2 .modal-header {
    background-color: #8eb800;
    border-color: #7b9f00; }
  .splash.splash-orange.modal-backdrop {
    background-color: #ffc100; }
  .splash.splash-orange.splash-2 .modal-content,
  .splash.splash-orange.splash-2 .modal-footer {
    background-color: #ffc100; }
  .splash.splash-orange.splash-2 .modal-header {
    background-color: #e6ae00;
    border-color: #cc9a00; }
  .splash.splash-red.modal-backdrop {
    background-color: #ff4a43; }
  .splash.splash-red.splash-2 .modal-content,
  .splash.splash-red.splash-2 .modal-footer {
    background-color: #ff4a43; }
  .splash.splash-red.splash-2 .modal-header {
    background-color: #ff3129;
    border-color: #ff1910; }
  .splash.splash-greensea.modal-backdrop {
    background-color: #16a085; }
  .splash.splash-greensea.splash-2 .modal-content,
  .splash.splash-greensea.splash-2 .modal-footer {
    background-color: #16a085; }
  .splash.splash-greensea.splash-2 .modal-header {
    background-color: #138a72;
    border-color: #107360; }
  .splash.splash-dutch.modal-backdrop {
    background-color: #1693A5; }
  .splash.splash-dutch.splash-2 .modal-content,
  .splash.splash-dutch.splash-2 .modal-footer {
    background-color: #1693A5; }
  .splash.splash-dutch.splash-2 .modal-header {
    background-color: #137f8f;
    border-color: #106b78; }
  .splash.splash-hotpink.modal-backdrop {
    background-color: #FF0066; }
  .splash.splash-hotpink.splash-2 .modal-content,
  .splash.splash-hotpink.splash-2 .modal-footer {
    background-color: #FF0066; }
  .splash.splash-hotpink.splash-2 .modal-header {
    background-color: #e6005c;
    border-color: #cc0052; }
  .splash.splash-drank.modal-backdrop {
    background-color: #A40778; }
  .splash.splash-drank.splash-2 .modal-content,
  .splash.splash-drank.splash-2 .modal-footer {
    background-color: #A40778; }
  .splash.splash-drank.splash-2 .modal-header {
    background-color: #8c0666;
    border-color: #730554; }
  .splash.splash-blue.modal-backdrop {
    background-color: #418bca; }
  .splash.splash-blue.splash-2 .modal-content,
  .splash.splash-blue.splash-2 .modal-footer {
    background-color: #418bca; }
  .splash.splash-blue.splash-2 .modal-header {
    background-color: #357ebd;
    border-color: #2f71a9; }
  .splash.splash-lightred.modal-backdrop {
    background-color: #e05d6f; }
  .splash.splash-lightred.splash-2 .modal-content,
  .splash.splash-lightred.splash-2 .modal-footer {
    background-color: #e05d6f; }
  .splash.splash-lightred.splash-2 .modal-header {
    background-color: #dc485c;
    border-color: #d83249; }
  .splash.splash-slategray.modal-backdrop {
    background-color: #3f4e62; }
  .splash.splash-slategray.splash-2 .modal-content,
  .splash.splash-slategray.splash-2 .modal-footer {
    background-color: #3f4e62; }
  .splash.splash-slategray.splash-2 .modal-header {
    background-color: #354252;
    border-color: #2b3543; }
  .splash.splash-darkgray.modal-backdrop {
    background-color: #333; }
  .splash.splash-darkgray.splash-2 .modal-content,
  .splash.splash-darkgray.splash-2 .modal-footer {
    background-color: #333; }
  .splash.splash-darkgray.splash-2 .modal-header {
    background-color: #262626;
    border-color: #1a1a1a; }

.mfp-content .tile {
  position: relative;
  width: 80%;
  margin: 20px auto; }
  .mfp-content .tile .controls .remove {
    display: none; }
  .mfp-content .tile .controls > li:first-child {
    margin-right: 0 !important; }

.portlets.connected {
  min-height: 50px; }

.sortable-placeholder {
  border: 3px dashed rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  height: 100px;
  visibility: visible !important;
  opacity: .7; }

.portlet .tile-header {
  cursor: pointer;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  transition: all 0.15s linear; }
  .portlet .tile-header:hover {
    background-color: rgba(0, 0, 0, 0.05) !important; }

.progress {
  background-color: #ebeef2;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .progress .progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .progress.progress-xxs {
    height: 2px;
    border-radius: 0; }
  .progress.progress-xs {
    height: 6px;
    border-radius: 2px; }
  .progress.progress-sm {
    height: 12px;
    border-radius: 3px; }
    .progress.progress-sm .progress-bar {
      font-size: 10px;
      line-height: 12px; }
  .progress.not-rounded {
    border-radius: 0; }

.progress-list {
  position: relative; }
  .progress-list .details {
    display: inline-block;
    float: left; }
    .progress-list .details .title {
      font-family: "Dosis", "Arial", sans-serif;
      line-height: 16px; }
    .progress-list .details .description {
      text-transform: uppercase;
      font-size: 10px;
      color: #95a2a9;
      line-height: 12px; }
  .progress-list .status {
    display: inline-block;
    background-color: #ebeef2;
    font-size: 9px;
    padding: 6px; }
  .progress-list .clearfix {
    height: 30px; }

.progress-bar-cyan {
  background-color: #22beef; }

.progress-bar-amethyst {
  background-color: #cd97eb; }

.progress-bar-green {
  background-color: #a2d200; }

.progress-bar-orange {
  background-color: #ffc100; }

.progress-bar-red {
  background-color: #ff4a43; }

.progress-bar-greensea {
  background-color: #16a085; }

.progress-bar-dutch {
  background-color: #1693A5; }

.progress-bar-hotpink {
  background-color: #FF0066; }

.progress-bar-drank {
  background-color: #A40778; }

.progress-bar-blue {
  background-color: #418bca; }

.progress-bar-lightred {
  background-color: #e05d6f; }

.progress-bar-slategray {
  background-color: #3f4e62; }

.progress-bar-darkgray {
  background-color: #333; }

.progress.transparent-black {
  background-color: rgba(0, 0, 0, 0.1); }
  .progress.transparent-black .progress-bar {
    background-color: rgba(0, 0, 0, 0.2); }

.tbox {
  display: table;
  width: 100%;
  height: 100%;
  border-spacing: 0;
  table-layout: fixed; }
  .tbox > .tcol {
    display: table-cell;
    float: none;
    height: 100%;
    vertical-align: top; }

@media only screen and (max-width: 992px) {
  .tbox-sm {
    display: block; }
    .tbox-sm > .tcol {
      display: block;
      width: auto;
      height: auto; } }
@media only screen and (max-width: 768px) {
  .tbox-xs {
    display: block; }
    .tbox-xs > .tcol {
      display: block;
      width: auto;
      height: auto; } }
ul.abn-tree li.abn-tree-row a {
  border-radius: 0;
  color: #616f77; }
  ul.abn-tree li.abn-tree-row a:hover, ul.abn-tree li.abn-tree-row a:focus {
    background-color: #f2f2f2;
    color: #4a555b; }
ul.abn-tree li.abn-tree-row.active a {
  color: white; }
  ul.abn-tree li.abn-tree-row.active a:hover, ul.abn-tree li.abn-tree-row.active a:focus {
    background-color: #357ebd;
    color: white; }

.chosen-container {
  font-size: 14px; }
  .chosen-container .chosen-drop {
    border-color: #22beef;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px; }
  .chosen-container .chosen-results {
    color: #616f77; }
    .chosen-container .chosen-results li {
      font-size: 12px; }
      .chosen-container .chosen-results li.group-result {
        color: #4a555b; }
      .chosen-container .chosen-results li.highlighted {
        background: #798992; }

.chosen-container-single .chosen-single {
  height: 34px;
  line-height: 1.42857143;
  padding: 6px 12px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  background: white;
  color: #616f77;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #dbe0e2; }
  .chosen-container-single .chosen-single div b {
    background-position: 0 7px; }
.chosen-container-single .chosen-search input[type=text] {
  border-color: #dbe0e2;
  font-size: 12px;
  color: #95a2a9; }

.chosen-container-multi .chosen-choices {
  background: white;
  border-color: #dbe0e2;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 2px 12px; }
  .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 28px;
    margin: 0;
    font-family: "Lato", "Arial", sans-serif;
    color: #bfc7cb;
    font-style: italic;
    font-size: 12px;
    line-height: 20px; }
  .chosen-container-multi .chosen-choices li.search-choice {
    background: #eaeced;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #616f77;
    font-size: 12px;
    padding: 5px 20px 4px 10px; }
    .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
      top: 6px; }

.chosen-container-active.chosen-with-drop .chosen-single {
  background: white;
  border-color: #22beef;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 7px; }
.chosen-container-active.chosen-with-drop .chosen-choices {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
.chosen-container-active .chosen-choices {
  border-color: #22beef; }

.chosen-rtl .chosen-search input[type="text"],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
  background-image: url("../images/chosen-sprite.png") !important; }

/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("../images/chosen-sprite@2x.png") !important; } }
/* @end */
.table > thead > tr td,
.table > thead > tr th,
.table > tbody > tr td,
.table > tbody > tr th,
.table > tfoot > tr td,
.table > tfoot > tr th {
  border-color: #dbe0e2; }
  .table > thead > tr td:first-child,
  .table > thead > tr th:first-child,
  .table > tbody > tr td:first-child,
  .table > tbody > tr th:first-child,
  .table > tfoot > tr td:first-child,
  .table > tfoot > tr th:first-child {
    padding-left: 15px; }
  .table > thead > tr td:last-child,
  .table > thead > tr th:last-child,
  .table > tbody > tr td:last-child,
  .table > tbody > tr th:last-child,
  .table > tfoot > tr td:last-child,
  .table > tfoot > tr th:last-child {
    padding-right: 15px; }
.table.table-no-border > thead > tr td,
.table.table-no-border > thead > tr th,
.table.table-no-border > tbody > tr td,
.table.table-no-border > tbody > tr th,
.table.table-no-border > tfoot > tr td,
.table.table-no-border > tfoot > tr th {
  border: 0; }
.table.table-custom {
  border-collapse: separate; }
  .table.table-custom > thead > tr td,
  .table.table-custom > thead > tr th,
  .table.table-custom > tbody > tr td,
  .table.table-custom > tbody > tr th,
  .table.table-custom > tfoot > tr td,
  .table.table-custom > tfoot > tr th {
    padding: 8px; }
  .table.table-custom > thead > tr td,
  .table.table-custom > thead > tr th {
    border-color: #798992;
    border-width: 1px;
    position: relative; }
    .table.table-custom > thead > tr td.sorting:after, .table.table-custom > thead > tr td.st-sort-ascent:after, .table.table-custom > thead > tr td.st-sort-descent:after,
    .table.table-custom > thead > tr th.sorting:after,
    .table.table-custom > thead > tr th.st-sort-ascent:after,
    .table.table-custom > thead > tr th.st-sort-descent:after {
      position: absolute;
      top: 12px;
      right: 8px;
      display: block;
      display: inline-block;
      font-family: "FontAwesome";
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .table.table-custom > thead > tr td.sorting:after,
    .table.table-custom > thead > tr th.sorting:after {
      content: "\f0dc";
      color: #dbe0e2; }
    .table.table-custom > thead > tr td.st-sort-ascent:after,
    .table.table-custom > thead > tr th.st-sort-ascent:after {
      content: "\f0de";
      top: 14px;
      color: #428bca; }
    .table.table-custom > thead > tr td.st-sort-descent:after,
    .table.table-custom > thead > tr th.st-sort-descent:after {
      content: "\f0dd";
      top: 8px;
      color: #428bca; }
  .table.table-custom > tbody > tr:first-child td,
  .table.table-custom > tbody > tr:first-child th {
    border-top: 0; }
.table.table {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.table-responsive {
  overflow-x: visible; }

*[class*='bg-']:not(.bg-default) .table > thead > tr td,
*[class*='bg-']:not(.bg-default) .table > thead > tr th,
*[class*='bg-']:not(.bg-default) .table > tbody > tr td,
*[class*='bg-']:not(.bg-default) .table > tbody > tr th,
*[class*='bg-']:not(.bg-default) .table > tfoot > tr td,
*[class*='bg-']:not(.bg-default) .table > tfoot > tr th {
  border-color: rgba(255, 255, 255, 0.15); }
*[class*='bg-']:not(.bg-default) .table.table-bordered {
  border-collapse: separate;
  border: 0; }
  *[class*='bg-']:not(.bg-default) .table.table-bordered > thead > tr td,
  *[class*='bg-']:not(.bg-default) .table.table-bordered > thead > tr th,
  *[class*='bg-']:not(.bg-default) .table.table-bordered > tbody > tr td,
  *[class*='bg-']:not(.bg-default) .table.table-bordered > tbody > tr th,
  *[class*='bg-']:not(.bg-default) .table.table-bordered > tfoot > tr td,
  *[class*='bg-']:not(.bg-default) .table.table-bordered > tfoot > tr th {
    border-bottom: 0;
    border-right: 0; }
*[class*='bg-']:not(.bg-default) .table.table-hover > tbody > tr:hover td,
*[class*='bg-']:not(.bg-default) .table.table-hover > tbody > tr:hover th {
  background-color: rgba(255, 255, 255, 0.1); }

/******************************************/
/*************** datatables ***************/
/******************************************/
/*
* Sort styling
*/
table.dataTable thead th {
  position: relative;
  background-image: none !important;
  /* Remove the DataTables bootstrap integration styling */ }

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
  position: absolute;
  top: 12px;
  right: 8px;
  display: block;
  display: inline-block;
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

table.dataTable thead th.sorting:after {
  content: "\f0dc";
  color: #dbe0e2; }

table.dataTable thead th.sorting_asc:after {
  content: "\f0de";
  top: 16px; }

table.dataTable thead th.sorting_desc:after {
  content: "\f0dd"; }

div.dataTables_scrollBody table.dataTable thead th.sorting:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
  content: ""; }

/*
 * DataTables style pagination controls
 */
div.dataTables_paginate a.first,
div.dataTables_paginate a.previous {
  position: relative;
  padding-left: 24px !important; }

div.dataTables_paginate a.next,
div.dataTables_paginate a.last {
  position: relative;
  padding-right: 24px !important; }

div.dataTables_paginate a.first:before,
div.dataTables_paginate a.previous:before,
div.dataTables_paginate a.next:after,
div.dataTables_paginate a.last:after {
  position: absolute;
  top: 8px;
  left: 10px;
  display: block;
  display: inline-block;
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

div.dataTables_paginate a.next:after,
div.dataTables_paginate a.last:after {
  left: auto;
  right: 10px; }

div.dataTables_paginate a.first:before {
  content: "\f100"; }

div.dataTables_paginate a.previous:before {
  content: "\f104"; }

div.dataTables_paginate a.next:after {
  content: "\f105"; }

div.dataTables_paginate a.last:after {
  content: "\f101"; }

.p-0 .dataTables_wrapper > .row {
  padding: 15px; }

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #616f77;
  font-size: 12px; }
.dataTables_wrapper .pagination {
  margin: 0; }
  .dataTables_wrapper .pagination > li > a,
  .dataTables_wrapper .pagination > li > span {
    padding: 5px 10px; }
.dataTables_wrapper .DTTT {
  margin-bottom: 15px;
  margin-left: 10px; }
.dataTables_wrapper .ColVis {
  margin-left: 10px; }
.dataTables_wrapper table > tbody .row_selected {
  background-color: rgba(0, 0, 0, 0.05); }
.dataTables_wrapper table > tbody .parent td,
.dataTables_wrapper table > tbody .parent th {
  background-color: #f5f5f5; }
.dataTables_wrapper table > tbody .child td,
.dataTables_wrapper table > tbody .child th {
  background-color: #fafafa; }
.dataTables_wrapper table.table-custom + .row {
  padding: 15px 0 0; }
.dataTables_wrapper table.table-custom > thead td.sorting_asc, .dataTables_wrapper table.table-custom > thead td.sorting_desc,
.dataTables_wrapper table.table-custom > thead th.sorting_asc,
.dataTables_wrapper table.table-custom > thead th.sorting_desc {
  color: #428bca;
  border-bottom: 3px solid #428bca !important;
  padding-bottom: 4px; }
.dataTables_wrapper table.table-custom > thead td.sorting,
.dataTables_wrapper table.table-custom > thead th.sorting {
  padding-bottom: 6px;
  -webkit-transition: background-color 0.4s, color 0.4s;
  -moz-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s; }
  .dataTables_wrapper table.table-custom > thead td.sorting:hover,
  .dataTables_wrapper table.table-custom > thead th.sorting:hover {
    color: #6aa3d5;
    border-color: #6aa3d5;
    background-color: #fafafa; }
.dataTables_wrapper table > tfoot {
  background-color: #dbe0e2; }
  .dataTables_wrapper table > tfoot .filter_column input {
    width: 100%; }
.dataTables_wrapper .dataTables_scroll {
  margin-bottom: 10px; }
  .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
    border-bottom: 0 !important; }
    .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table {
      margin-top: 0 !important; }
      .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody tr:last-child td {
        border-bottom: 1px solid #dbe0e2 !important; }
    .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody thead > tr > th {
      border-bottom: 0 !important; }
.dataTables_wrapper .inline-controls div.dataTables_paginate,
.dataTables_wrapper .inline-controls div.dataTables_length,
.dataTables_wrapper .inline-controls div.dataTables_info {
  display: inline-block !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important; }
  .dataTables_wrapper .inline-controls div.dataTables_paginate .seperator,
  .dataTables_wrapper .inline-controls div.dataTables_length .seperator,
  .dataTables_wrapper .inline-controls div.dataTables_info .seperator {
    padding: 0 5px; }
.dataTables_wrapper .inline-controls div.dataTables_length label {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: inline-block !important; }

table.dataTable.no-footer {
  border-bottom-color: #dbe0e2; }

.table-custom .dataTables_wrapper .dataTables_filter input {
  background: none;
  border: 0;
  border-bottom: 1px solid;
  border-radius: 0;
  -webkit-appearance: none !important;
  vertical-align: middle;
  padding-left: 0;
  border-color: #dbe0e2; }
  .table-custom .dataTables_wrapper .dataTables_filter input:focus:hover {
    border: 0;
    border-bottom: 1px solid #22beef; }
  .table-custom .dataTables_wrapper .dataTables_filter input:hover:not(:disabled) {
    border-color: #b1bac0; }
  .table-custom .dataTables_wrapper .dataTables_filter input:focus, .table-custom .dataTables_wrapper .dataTables_filter input:focus:hover {
    border-color: #22beef; }

div.dataTables_paginate.paging_input {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important; }
  div.dataTables_paginate.paging_input .next {
    padding-right: 10px !important;
    margin-right: 5px; }
    div.dataTables_paginate.paging_input .next:after {
      content: ""; }
  div.dataTables_paginate.paging_input .prev {
    margin-left: 5px; }

@media (max-width: 768px) {
  .dataTables_wrapper .inline-controls div.dataTables_paginate,
  .dataTables_wrapper .inline-controls div.dataTables_length,
  .dataTables_wrapper .inline-controls div.dataTables_info {
    display: block !important;
    margin: 10px !important;
    text-align: left; }
  .dataTables_wrapper .inline-controls div.dataTables_length label {
    display: block !important;
    line-height: 30px; }
  .dataTables_wrapper .inline-controls div.dataTables_length select {
    display: inline-block; }
  .dataTables_wrapper .inline-controls .seperator {
    display: none !important; }
  .dataTables_wrapper div.dataTables_filter,
  .dataTables_wrapper div.dataTables_paginate {
    display: block !important;
    margin: 10px !important;
    text-align: left; }
    .dataTables_wrapper div.dataTables_filter .pagination-panel-input,
    .dataTables_wrapper div.dataTables_paginate .pagination-panel-input {
      display: inline-block; }
    .dataTables_wrapper div.dataTables_filter label,
    .dataTables_wrapper div.dataTables_paginate label {
      line-height: 30px; }
      .dataTables_wrapper div.dataTables_filter label input,
      .dataTables_wrapper div.dataTables_paginate label input {
        display: inline-block;
        width: 60%; } }
/***************************************/
/*************** ui grid ***************/
/***************************************/
@font-face {
  font-family: 'ui-grid';
  src: url("../fonts/ui-grid.eot");
  src: url("../fonts/ui-grid.eot#iefix") format("embedded-opentype"), url("../fonts/ui-grid.woff") format("woff"), url("../fonts/ui-grid.ttf?") format("truetype"), url("../fonts/ui-grid.svg?#ui-grid") format("svg");
  font-weight: normal;
  font-style: normal; }
.ui-grid-column-menu-button {
  top: 2px; }

.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #f5f5f5; }

input[type="text"].ui-grid-filter-input {
  border: 1px solid #dbe0e2;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 5px; }
  input[type="text"].ui-grid-filter-input::-webkit-input-placeholder {
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    transition: color 0.2s linear;
    color: #bfc7cb;
    font-family: "Lato", "Arial", sans-serif;
    font-style: italic; }
  input[type="text"].ui-grid-filter-input::-moz-placeholder {
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    transition: color 0.2s linear;
    color: #bfc7cb;
    font-family: "Lato", "Arial", sans-serif;
    font-style: italic; }
  input[type="text"].ui-grid-filter-input:-moz-placeholder {
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    transition: color 0.2s linear;
    color: #bfc7cb;
    font-family: "Lato", "Arial", sans-serif;
    font-style: italic; }
  input[type="text"].ui-grid-filter-input:-ms-input-placeholder {
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    transition: color 0.2s linear;
    color: #bfc7cb;
    font-family: "Lato", "Arial", sans-serif;
    font-style: italic; }
  input[type="text"].ui-grid-filter-input:hover {
    border-color: #b1bac0; }
  input[type="text"].ui-grid-filter-input:focus, input[type="text"].ui-grid-filter-input:focus:hover {
    outline: none;
    border: 1px solid;
    border-color: #22beef;
    -webkit-box-shadow: none;
    box-shadow: none; }

.ui-grid-menu .ui-grid-menu-inner {
  background: white; }
  .ui-grid-menu .ui-grid-menu-inner ul li {
    border-bottom: 0 !important; }
    .ui-grid-menu .ui-grid-menu-inner ul li:hover {
      -webkit-box-shadow: none;
      box-shadow: none;
      background: #428bca;
      color: white; }
    .ui-grid-menu .ui-grid-menu-inner ul li.ui-grid-menu-item-active {
      background: #428bca;
      color: white; }

/**************************************/
/*************** ngTable***************/
/**************************************/
.ng-table.table-custom th {
  text-align: left; }
  .ng-table.table-custom th.sortable {
    padding-bottom: 6px;
    -webkit-transition: background-color 0.4s, color 0.4s;
    -moz-transition: background-color 0.4s, color 0.4s;
    transition: background-color 0.4s, color 0.4s; }
    .ng-table.table-custom th.sortable:hover {
      background-color: #fafafa;
      color: #6aa3d5;
      border-color: #6aa3d5; }
    .ng-table.table-custom th.sortable.sort-desc, .ng-table.table-custom th.sortable.sort-asc {
      text-shadow: none;
      background-color: transparent;
      color: #428bca;
      border-bottom: 3px solid #428bca;
      padding-bottom: 4px; }
      .ng-table.table-custom th.sortable.sort-desc div:after, .ng-table.table-custom th.sortable.sort-desc div:before, .ng-table.table-custom th.sortable.sort-asc div:after, .ng-table.table-custom th.sortable.sort-asc div:before {
        border-color: #428bca transparent;
        opacity: 1; }
      .ng-table.table-custom th.sortable.sort-desc div:before, .ng-table.table-custom th.sortable.sort-asc div:before {
        border-top-color: #428bca; }
    .ng-table.table-custom th.sortable div:after, .ng-table.table-custom th.sortable div:before {
      border-color: #616f77 transparent; }
.ng-table.table-custom .ng-table-filters th {
  font-weight: 400;
  border-top: 0; }

.ng-table-pager {
  min-height: 50px; }

/******************************************/
/*************** smartTable ***************/
/******************************************/
.st-table > thead {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .st-table > thead td.sorting,
  .st-table > thead th.sorting {
    cursor: pointer;
    padding-bottom: 6px;
    -webkit-transition: background-color 0.4s, color 0.4s;
    -moz-transition: background-color 0.4s, color 0.4s;
    transition: background-color 0.4s, color 0.4s; }
    .st-table > thead td.sorting:hover,
    .st-table > thead th.sorting:hover {
      background-color: #fafafa;
      color: #6aa3d5;
      border-bottom: 1px solid #6aa3d5; }
    .st-table > thead td.sorting.st-sort-ascent, .st-table > thead td.sorting.st-sort-descent,
    .st-table > thead th.sorting.st-sort-ascent,
    .st-table > thead th.sorting.st-sort-descent {
      color: #428bca;
      border-bottom: 3px solid #428bca;
      padding-bottom: 6px; }
.st-table > tbody .st-selected td,
.st-table > tbody .st-selected th {
  background-color: rgba(0, 0, 0, 0.05); }
.st-table .st-filters td,
.st-table .st-filters th {
  border-top: 0;
  font-weight: 400; }
.st-table .pagination {
  margin: 0;
  margin-top: 10px; }
  .st-table .pagination a {
    cursor: pointer; }
.st-table .loading-indicator {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  text-align: center;
  padding: 0.7em; }
.st-table .loading-indicator:before {
  display: inline-block;
  margin: 0 0.4em;
  min-width: 1em;
  min-height: 1em;
  border-top: 4px solid #646464;
  border-right: 4px solid #e6e6e6;
  border-left: 4px solid #e6e6e6;
  border-bottom: 4px solid #646464;
  content: "";
  -webkit-animation: halfspin 1s ease infinite;
  -moz-animation: halfspin 1s ease infinite;
  -o-animation: halfspin 1s ease infinite;
  animation: halfspin 1s ease infinite;
  border-radius: 100%; }
@-webkit-keyframes halfspin {
  to {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg); } }
@-moz-keyframes halfspin {
  to {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg); } }
@keyframes halfspin {
  to {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg); } }
@media screen and (max-width: 1360px) {
  .table-responsive-wide {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 0; } }
/****************************************/
/*************** footable ***************/
/****************************************/
.footable thead tr th.footable-visible {
  display: table-cell !important; }

/*********************************/
/************* CARDS *************/
/*********************************/
.card-container {
  position: relative; }
  .card-container .card {
    min-height: 110px;
    margin-bottom: 20px;
    position: relative;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
    width: 100%;
    cursor: pointer;
    z-index: 9; }
    .card-container .card .front {
      height: 100%;
      position: relative;
      width: 100%;
      padding: 28px;
      top: 0;
      left: 0;
      z-index: 11;
      -webkit-transform: rotateX(0deg) rotateY(0deg);
      -moz-transform: rotateX(0deg) rotateY(0deg);
      -ms-transform: rotateX(0deg) rotateY(0deg);
      -o-transform: rotateX(0deg) rotateY(0deg);
      transform: rotateX(0deg) rotateY(0deg);
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      /* -- transition is the magic sauce for animation -- */
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
    .card-container .card:hover .front {
      z-index: 11;
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg); }
    .card-container .card:hover .back {
      z-index: 12;
      -webkit-transform: rotateX(0deg) rotateY(0deg);
      -moz-transform: rotateX(0deg) rotateY(0deg);
      -ms-transform: rotateX(0deg) rotateY(0deg);
      -o-transform: rotateX(0deg) rotateY(0deg);
      transform: rotateX(0deg) rotateY(0deg); }
    .card-container .card .back {
      position: absolute;
      top: 0;
      border: 0;
      height: 100%;
      width: 100%;
      left: 0;
      z-index: 10;
      -webkit-transform: rotateY(-180deg);
      -moz-transform: rotateY(-179deg);
      /* setting to 180 causes an unnatural-looking half-flip */
      transform: rotateY(-179deg);
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      /* -- transition is the magic sauce for animation -- */
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
      .card-container .card .back > .row {
        height: 100%;
        margin: 0; }
        .card-container .card .back > .row > div {
          height: 100%;
          padding: 0; }
          .card-container .card .back > .row > div a {
            display: block;
            width: 100%;
            height: 100%;
            text-align: center;
            padding: 30px 10px 10px; }
            .card-container .card .back > .row > div a i {
              display: block;
              margin-bottom: 5px; }
            .card-container .card .back > .row > div a:hover {
              text-decoration: none; }
          .card-container .card .back > .row > div:first-of-type a {
            background-color: rgba(0, 0, 0, 0.1); }
          .card-container .card .back > .row > div:nth-of-type(2) a {
            background-color: rgba(0, 0, 0, 0.05); }

@media only screen and (max-width: 420px) {
  .card-container .card .front {
    padding: 28px 10px; } }
.task-container {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  padding: 15px;
  background-color: white;
  margin-bottom: 15px;
  border-left: 3px solid;
  position: relative;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  transition: all 0.25s linear; }
  .task-container.priority-high {
    border-left-color: #d9534f; }
    .task-container.priority-high .task-priority {
      color: #d9534f; }
  .task-container.priority-medium {
    border-left-color: #f0ad4e; }
    .task-container.priority-medium .task-priority {
      color: #f0ad4e; }
  .task-container.priority-normal {
    border-left-color: #616f77; }
    .task-container.priority-normal .task-priority {
      color: #616f77; }
  .task-container.priority-low {
    border-left-color: #5cb85c; }
    .task-container.priority-low .task-priority {
      color: #5cb85c; }
  .task-container .task-name {
    margin: 0;
    font-size: 18px;
    color: #222; }
  .task-container .task-meta {
    font-size: 12px;
    color: #999; }
  .task-container .task-priority {
    font-size: 10px;
    text-transform: uppercase;
    position: absolute;
    right: 15px;
    top: 15px; }
  .task-container .task-desc {
    margin-top: 20px;
    font-size: 13px;
    line-height: 1.8;
    color: #555; }
  .task-container:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    cursor: grab; }
  .task-container.drag-task {
    margin: 0;
    cursor: move;
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.5);
    position: fixed !important;
    z-index: 9999 !important; }

.owl-theme .owl-controls .owl-page span {
  width: 10px;
  height: 10px;
  margin: 5px 4px;
  background: #616f77;
  opacity: .3; }
.owl-theme .owl-controls .owl-page.active span {
  width: 14px;
  height: 14px;
  margin: 3px 4px;
  opacity: .6; }

.tile-simple .owl-theme .owl-controls {
  margin-top: 0; }

.widget-todo form .form-control {
  height: 30px;
  margin-bottom: 30px; }
.widget-todo .todo-list > li {
  position: relative; }
  .widget-todo .todo-list > li .checkbox-custom > input {
    display: none; }
  .widget-todo .todo-list > li .checkbox-custom > i {
    margin-left: -74px;
    margin-right: 33px;
    margin-top: -3px; }
  .widget-todo .todo-list > li .remove-todo {
    display: none; }
  .widget-todo .todo-list > li:hover .remove-todo {
    display: block; }
  .widget-todo .todo-list > li span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .widget-todo .todo-list > li.completed span {
    text-decoration: line-through;
    color: #bfc7cb; }
  .widget-todo .todo-list > li .edit {
    display: none; }
  .widget-todo .todo-list > li.editing .view {
    display: none; }
  .widget-todo .todo-list > li.editing .edit {
    display: block; }

.widget-calendar .datepicker > table {
  width: 100%; }
  .widget-calendar .datepicker > table .btn-default {
    background-color: #3f4e62;
    color: white; }
  .widget-calendar .datepicker > table thead tr:first-child th:first-child .btn, .widget-calendar .datepicker > table thead tr:first-child th:last-child .btn {
    font-size: 24px;
    padding: 15px 10px;
    color: rgba(255, 255, 255, 0.5); }
    .widget-calendar .datepicker > table thead tr:first-child th:first-child .btn:hover, .widget-calendar .datepicker > table thead tr:first-child th:last-child .btn:hover {
      color: white; }
  .widget-calendar .datepicker > table thead tr:first-child th:nth-child(2) .btn {
    font-size: 18px; }
    .widget-calendar .datepicker > table thead tr:first-child th:nth-child(2) .btn strong {
      font-weight: 300; }
  .widget-calendar .datepicker > table thead tr:nth-child(2) th {
    background-color: #354252; }
    .widget-calendar .datepicker > table thead tr:nth-child(2) th small {
      font-size: 14px;
      line-height: 35px; }
  .widget-calendar .datepicker > table tbody tr td {
    position: relative; }
    .widget-calendar .datepicker > table tbody tr td .btn {
      font-size: 14px;
      font-weight: 300;
      padding: 11px 10px; }
      .widget-calendar .datepicker > table tbody tr td .btn .text-muted {
        color: rgba(255, 255, 255, 0.3); }
      .widget-calendar .datepicker > table tbody tr td .btn .text-info {
        color: #e05d6f; }
      .widget-calendar .datepicker > table tbody tr td .btn.active {
        background-color: #e05d6f !important;
        border-radius: 50px;
        height: 30px;
        padding: 0; }
        .widget-calendar .datepicker > table tbody tr td .btn.active .text-info {
          color: white; }

.widget-message .ta-toolbar {
  margin: 0;
  padding: 5px;
  background-color: #f8f8f8; }
.widget-message .ta-scroll-window.form-control {
  border: 0;
  border-bottom: 10px solid #f8f8f8;
  border-radius: 0;
  min-height: 160px; }
.widget-message .ta-scroll-window > .ta-bind {
  min-height: 160px; }
.widget-message .ta-root.focussed .ta-scroll-window.form-control {
  border-color: #e2e2e2; }
.widget-message .ta-root.focussed .ta-toolbar {
  background-color: #e2e2e2; }

.widget-appointments .day {
  font-size: 6vw;
  line-height: 6vw;
  font-weight: 300; }
.widget-appointments .month {
  font-size: 2vw;
  line-height: 2.3vw;
  font-weight: 700; }
.widget-appointments .b-l {
  border-left: 2px solid rgba(255, 255, 255, 0.2); }
.widget-appointments .owl-carousel .owl-item {
  padding: 0 60px; }
.widget-appointments .owl-carousel .owl-controls .owl-buttons {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 100%;
  text-align: left; }
  .widget-appointments .owl-carousel .owl-controls .owl-buttons .owl-next {
    float: right; }
  .widget-appointments .owl-carousel .owl-controls .owl-buttons div {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
    font-size: 18px;
    padding: 4px 10px; }

@media only screen and (max-width: 991px) {
  .widget-appointments .day {
    font-size: 120px;
    line-height: 120px; }
  .widget-appointments .month {
    font-size: 36px;
    line-height: 56px; } }
.streamline {
  position: relative;
  z-index: 1; }
  .streamline:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #ddd;
    top: 0;
    left: 20px;
    z-index: 1; }
  .streamline:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: white;
    border: 1px solid #ddd;
    bottom: 0;
    left: 15px;
    z-index: 2; }
  .streamline .streamline-post {
    margin-bottom: 20px;
    position: relative;
    z-index: 2; }
    .streamline .streamline-post > aside {
      float: left;
      vertical-align: top; }
    .streamline .streamline-post .post-container,
    .streamline .streamline-post .reply-container {
      vertical-align: top;
      padding-left: 55px;
      position: relative;
      z-index: 2; }
      .streamline .streamline-post .post-container:before,
      .streamline .streamline-post .reply-container:before {
        content: '';
        height: 0;
        width: 0;
        border-bottom: 7px solid transparent;
        border-right: 7px solid #ddd;
        border-top: 7px solid transparent;
        position: absolute;
        top: 13px;
        left: 48px; }
      .streamline .streamline-post .post-container:after,
      .streamline .streamline-post .reply-container:after {
        content: '';
        height: 0;
        width: 0;
        border-bottom: 6px solid transparent;
        border-right: 6px solid #fff;
        border-top: 6px solid transparent;
        position: absolute;
        top: 14px;
        left: 50px; }
    .streamline .streamline-post .post-replies > li > aside {
      float: left;
      vertical-align: top; }
  .streamline .streamline-form {
    position: absolute;
    width: 100%;
    padding-bottom: 20px;
    z-index: 2; }
    .streamline .streamline-form .thumb {
      float: left; }
    .streamline .streamline-form form {
      padding-left: 55px; }
  .streamline.timeline {
    overflow: hidden;
    position: relative; }
    .streamline.timeline ul {
      padding: 0 0 30px;
      margin: 0 auto;
      list-style: none;
      text-align: center;
      position: relative;
      z-index: 2; }
      .streamline.timeline ul > li {
        margin: 20px 0; }
        .streamline.timeline ul > li:first-child {
          margin-top: 0; }
      .streamline.timeline ul .heading {
        color: white;
        display: block;
        text-align: center;
        margin: 0 auto; }
        .streamline.timeline ul .heading:after, .streamline.timeline ul .heading:before {
          content: "";
          display: table;
          clear: both; }
      .streamline.timeline ul .timeline-post {
        position: relative;
        float: left;
        clear: left;
        text-align: right;
        width: 50%;
        padding-right: 40px; }
        .streamline.timeline ul .timeline-post aside {
          float: right;
          position: absolute;
          right: -15px; }
        .streamline.timeline ul .timeline-post .time {
          position: absolute;
          left: 10px;
          top: 10px;
          font-size: 12px; }
          .streamline.timeline ul .timeline-post .time > i {
            margin-right: 5px; }
        .streamline.timeline ul .timeline-post:nth-of-type(even):after {
          content: '';
          height: 0;
          width: 0;
          border-bottom: 8px solid transparent;
          border-left: 8px solid #fff;
          border-top: 8px solid transparent;
          position: absolute;
          top: 10px;
          right: 32px; }
        .streamline.timeline ul .timeline-post:nth-of-type(odd) {
          float: right;
          clear: right;
          text-align: left;
          padding-left: 40px;
          padding-right: 0; }
          .streamline.timeline ul .timeline-post:nth-of-type(odd) aside {
            float: left;
            right: auto;
            left: -15px;
            top: 40px; }
          .streamline.timeline ul .timeline-post:nth-of-type(odd) .time {
            left: auto;
            right: 10px; }
          .streamline.timeline ul .timeline-post:nth-of-type(odd):after {
            content: '';
            height: 0;
            width: 0;
            border-bottom: 8px solid transparent;
            border-right: 8px solid #fff;
            border-top: 8px solid transparent;
            position: absolute;
            top: 50px;
            left: 32px; }
        .streamline.timeline ul .timeline-post .thumb {
          line-height: 30px;
          font-size: 18px;
          text-align: center; }
        .streamline.timeline ul .timeline-post .post-container > .panel {
          padding: 10px 20px; }
    .streamline.timeline:before, .streamline.timeline:after {
      left: 50%; }
    .streamline.timeline:before {
      background-color: #bbb; }
    .streamline.timeline:after {
      margin-left: -5px;
      border-color: #bbb; }

.streamline-form .post-toolbar {
  padding: 5px 10px;
  border-radius: 0 0 2px 2px;
  border: 1px solid #e2e2e2;
  border-top: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  .streamline-form .post-toolbar > a {
    color: rgba(0, 0, 0, 0.2);
    padding: 2px 5px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .streamline-form .post-toolbar > a:hover {
      color: rgba(0, 0, 0, 0.4); }

@media only screen and (max-width: 768px) {
  .streamline.timeline ul .heading {
    text-align: left; }
  .streamline.timeline ul .timeline-post,
  .streamline.timeline ul .timeline-post:nth-of-type(odd),
  .streamline.timeline ul .timeline-post:nth-of-type(even) {
    padding-right: 0;
    padding-left: 40px;
    float: none;
    text-align: left;
    width: 100%; }
    .streamline.timeline ul .timeline-post aside,
    .streamline.timeline ul .timeline-post:nth-of-type(odd) aside,
    .streamline.timeline ul .timeline-post:nth-of-type(even) aside {
      float: none;
      right: auto;
      left: 0;
      top: 0; }
    .streamline.timeline ul .timeline-post:after,
    .streamline.timeline ul .timeline-post:nth-of-type(odd):after,
    .streamline.timeline ul .timeline-post:nth-of-type(even):after {
      border: 0;
      height: 0;
      width: 0;
      border-bottom: 8px solid transparent;
      border-right: 8px solid #fff;
      border-top: 8px solid transparent;
      position: absolute;
      top: 10px;
      left: 32px;
      right: auto; }
    .streamline.timeline ul .timeline-post .time,
    .streamline.timeline ul .timeline-post:nth-of-type(odd) .time,
    .streamline.timeline ul .timeline-post:nth-of-type(even) .time {
      left: auto;
      right: 10px; }
  .streamline.timeline:before, .streamline.timeline:after {
    left: 15px; } }
.ui-map,
.angular-google-map-container {
  display: block;
  height: 400px; }

.jqvmap-zoomin, .jqvmap-zoomout {
  position: absolute;
  left: 10px;
  border-radius: 2px;
  background: #566269;
  padding: 3px 4px;
  color: #fff;
  cursor: pointer;
  line-height: 10px;
  text-align: center; }

.jqvmap-zoomin {
  top: 10px; }

.jqvmap-zoomout {
  top: 30px; }

.jqvmap-region {
  cursor: pointer; }

.jqvmap-ajax_response {
  width: 100%;
  height: 400px; }

.jqvmap-label {
  position: absolute;
  display: none;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  font-size: smaller;
  padding: 3px 5px; }

.event-control {
  background-color: white; }
  .event-control a {
    color: #616f77;
    cursor: pointer;
    opacity: .5; }
    .event-control a:hover {
      opacity: 1; }
  .event-control[class*='bg-']:not(.bg-default):not(.bg-white) a {
    color: rgba(255, 255, 255, 0.5) !important;
    opacity: 1; }
    .event-control[class*='bg-']:not(.bg-default):not(.bg-white) a:hover {
      color: white !important; }

.fc-overlay {
  display: none;
  position: absolute;
  min-width: 260px;
  padding: 15px 0;
  top: auto;
  left: 50%;
  margin-left: -150px;
  z-index: 1000;
  color: #616f77 !important; }
  .fc-overlay.left {
    left: 100%;
    top: -15px;
    padding: 0 10px;
    margin: 0; }
  .fc-overlay.right {
    left: auto;
    right: 100%;
    top: -15px;
    padding: 0 10px;
    margin: 0; }
  .fc-overlay .panel {
    padding: 10px; }

.fc .fc-header {
  height: 50px;
  color: #fff;
  background-color: #16a085;
  border-radius: 0;
  margin: 0; }
  .fc .fc-header .fc-button {
    color: rgba(255, 255, 255, 0.5);
    background: transparent;
    border: none;
    box-shadow: none;
    text-shadow: none;
    margin: 0;
    height: 50px;
    line-height: 28px;
    padding: 10px; }
    .fc .fc-header .fc-button:hover {
      color: white; }
  .fc .fc-header h2 {
    font-size: 24px;
    line-height: 50px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 300;
    font-family: "Dosis", "Arial", sans-serif; }
.fc .fc-content .fc-event {
  padding: 3px 5px;
  font-size: 12px;
  border-radius: 0;
  background-color: white;
  border: 0;
  color: #616f77; }
  .fc .fc-content .fc-event.fc-event-end:not(.fc-event-start) {
    border: 0 !important; }
  .fc .fc-content .fc-event:focus, .fc .fc-content .fc-event:hover, .fc .fc-content .fc-event:active {
    z-index: 1000; }
    .fc .fc-content .fc-event:focus .fc-overlay, .fc .fc-content .fc-event:hover .fc-overlay, .fc .fc-content .fc-event:active .fc-overlay {
      display: block; }
.fc .fc-content .fc-view.fc-grid table > thead > tr > th.fc-widget-header, .fc .fc-content .fc-view.fc-agenda table > thead > tr > th.fc-widget-header {
  border: 0;
  background-color: #fff;
  padding: 10px;
  color: #616f77;
  font-size: 12px;
  font-weight: 400; }
.fc .fc-content .fc-view.fc-grid table > thead > tr > th.fc-agenda-gutter, .fc .fc-content .fc-view.fc-agenda table > thead > tr > th.fc-agenda-gutter {
  padding: 0; }
.fc .fc-content .fc-view.fc-grid table > tbody > tr > td.fc-widget-content, .fc .fc-content .fc-view.fc-agenda table > tbody > tr > td.fc-widget-content {
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2; }
  .fc .fc-content .fc-view.fc-grid table > tbody > tr > td.fc-widget-content .fc-day-number, .fc .fc-content .fc-view.fc-agenda table > tbody > tr > td.fc-widget-content .fc-day-number {
    padding: 5px 10px;
    margin: 5px;
    color: #616f77;
    font-size: 12px; }
.fc .fc-content .fc-view.fc-grid table > tbody > tr > td:first-child.fc-widget-content, .fc .fc-content .fc-view.fc-agenda table > tbody > tr > td:first-child.fc-widget-content {
  border-left: 1px solid #d2d2d2; }
.fc .fc-content .fc-view.fc-grid table > tbody > tr > td.fc-state-highlight, .fc .fc-content .fc-view.fc-agenda table > tbody > tr > td.fc-state-highlight {
  background: rgba(255, 255, 255, 0.5); }
  .fc .fc-content .fc-view.fc-grid table > tbody > tr > td.fc-state-highlight .fc-day-number, .fc .fc-content .fc-view.fc-agenda table > tbody > tr > td.fc-state-highlight .fc-day-number {
    background-color: #e05d6f;
    color: white;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    padding: 4px 6px; }
.fc .fc-content .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-axis,
.fc .fc-content .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-gutter {
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  background-color: #f2f2f2;
  color: #616f77;
  font-size: 10px;
  font-weight: 300;
  padding: 10px 5px; }
.fc .fc-content .fc-view.fc-agenda > table > tbody > tr > td.fc-state-highlight {
  background: #f2f2f2; }
.fc .fc-content .fc-view.fc-agenda > table > tbody > tr > td.fc-sat {
  border-right: 0; }
.fc .fc-content .fc-view.fc-agenda .fc-agenda-slots tr {
  line-height: 35px; }
  .fc .fc-content .fc-view.fc-agenda .fc-agenda-slots tr th {
    border: 0;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    background-color: #f2f2f2;
    color: #616f77;
    font-size: 12px;
    font-weight: 300;
    padding-top: 10px; }
  .fc .fc-content .fc-view.fc-agenda .fc-agenda-slots tr td.fc-widget-content {
    border-bottom: 1px solid #e2e2e2;
    line-height: 50px; }
    .fc .fc-content .fc-view.fc-agenda .fc-agenda-slots tr td.fc-widget-content:last-child {
      border-right: 0; }
  .fc .fc-content .fc-view.fc-agenda .fc-agenda-slots tr.fc-minor td.fc-widget-content {
    border-bottom: 1px solid #e2e2e2; }
.fc .fc-content .fc-view.fc-agenda .fc-agenda-divider {
  border: 1px solid #e2e2e2; }
  .fc .fc-content .fc-view.fc-agenda .fc-agenda-divider .fc-agenda-divider-inner {
    background-color: #f2f2f2;
    height: 3px; }

.mix-filter,
.mix-controls {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0; }
  .mix-filter li,
  .mix-controls li {
    cursor: pointer;
    padding: 6px 15px;
    margin-right: 2px;
    margin-bottom: 5px;
    background: #dbe0e2;
    display: inline-block;
    font-size: 12px; }
    .mix-filter li:hover:not(.disabled), .mix-filter li.active:not(.disabled),
    .mix-controls li:hover:not(.disabled),
    .mix-controls li.active:not(.disabled) {
      color: #fff;
      background: #16a085; }

.mix-controls li.select-all {
  background: none;
  padding-left: 0; }
  .mix-controls li.select-all .checkbox {
    min-height: 17px; }
  .mix-controls li.select-all:hover {
    color: #566269;
    background: none; }
.mix-controls li.disabled, .mix-controls li.disabled a {
  opacity: .5;
  cursor: not-allowed; }
.mix-controls li a {
  color: #616f77; }
  .mix-controls li a i {
    margin-right: 5px; }
  .mix-controls li a:hover {
    text-decoration: none; }
.mix-controls li:hover:not(.disabled) a {
  color: white;
  text-decoration: none; }

.mix-grid .mix {
  position: relative;
  display: none; }
  .mix-grid .mix .img-container {
    position: relative;
    width: 100%; }
  .mix-grid .mix .img-details {
    padding: 0;
    color: white;
    width: 0;
    height: 0;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    text-align: center;
    position: absolute;
    background: transparent;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden; }
    .mix-grid .mix .img-details h4 {
      margin-top: 30px; }
    .mix-grid .mix .img-details .img-controls {
      margin-top: 15px; }
      .mix-grid .mix .img-details .img-controls > a {
        color: white;
        display: inline-block;
        cursor: pointer;
        margin-top: 10px;
        padding: 10px 15px;
        background: black;
        border-radius: 50%;
        width: 42px;
        height: 42px;
        line-height: 22px;
        margin-right: 5px; }
        .mix-grid .mix .img-details .img-controls > a:hover {
          background-color: #5bc0de;
          text-decoration: none; }
  .mix-grid .mix .img-container:hover .img-details, .mix-grid .mix.selected .img-details {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-left: 0;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .mix-grid .mix.selected .img-controls .img-select {
    background: #5bc0de; }

.mfp-arrow-right:before,
.mfp-arrow-left:before {
  display: none !important; }

md-content,
md-dialog-content {
  color: rgba(0, 0, 0, 0.87); }
  md-content p,
  md-dialog-content p {
    font-size: 1.6rem;
    letter-spacing: 0.010em;
    line-height: 1.6em;
    margin: 0.8em 0 1.6em; }
  md-content fieldset,
  md-dialog-content fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0; }
    md-content fieldset legend,
    md-dialog-content fieldset legend {
      font-size: 1.6rem;
      margin-bottom: 0;
      border: 0;
      display: inline;
      width: auto;
      padding: 0 4px; }

.md-button.md-fab md-icon[md-font-icon] {
  color: white; }

md-fab-actions .md-button.md-fab md-icon[md-font-icon] {
  color: #616f77; }

.md-title,
.md-toolbar-tools {
  font-weight: 700; }
  .md-title h2,
  .md-toolbar-tools h2 {
    letter-spacing: 0; }

.demo-container {
  max-width: 864px;
  margin-bottom: 15px;
  position: relative; }

.autocomplete-custom-template li {
  border-bottom: 1px solid #ccc;
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  white-space: normal; }
  .autocomplete-custom-template li:last-child {
    border-bottom-width: 0; }
.autocomplete-custom-template .item-title,
.autocomplete-custom-template .item-metadata {
  display: block;
  line-height: 2; }
  .autocomplete-custom-template .item-title md-icon,
  .autocomplete-custom-template .item-metadata md-icon {
    height: 18px;
    width: 18px;
    font-size: 14px/1; }

.md-button {
  font-weight: 700; }

.bottomSheet .md-inline-list-icon-label {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: -12px;
  height: 24px;
  vertical-align: middle; }
.bottomSheet .md-grid-item-content {
  height: 96px; }
  .bottomSheet .md-grid-item-content md-icon {
    font-size: 36px; }
.bottomSheet .md-grid-text {
  padding-bottom: 5px; }

.md-contact-suggestion img,
.md-chip .md-contact-avatar img {
  vertical-align: top; }

md-input-container.md-icon-float > md-icon,
md-input-container > md-icon {
  left: 8px; }

.md-tab {
  font-weight: 700; }

.buttondemoBasicUsage section {
  background: #f7f7f7;
  border-radius: 3px;
  text-align: center;
  margin: 1em;
  position: relative !important;
  padding-bottom: 10px; }

.buttondemoBasicUsage md-content {
  margin-right: 7px; }

.buttondemoBasicUsage section .md-button {
  margin-top: 16px;
  margin-bottom: 16px; }

.buttondemoBasicUsage .label {
  position: absolute;
  bottom: 5px;
  left: 7px;
  font-size: 14px;
  opacity: 0.54;
  color: #616f77; }

.checkboxdemoBasicUsage.checkboxDemo1 div {
  clear: both; }

.checkboxdemoBasicUsage.checkboxDemo1 md-checkbox {
  float: left; }

.checkboxdemoBasicUsage p {
  padding-left: 8px; }

.checkboxdemoBasicUsage fieldset.standard {
  border-style: solid;
  border-width: 1px; }

.checkboxdemoBasicUsage legend {
  color: #3F51B5; }

.checkboxdemoBasicUsage legend code {
  color: #3F51B5;
  font-weight: normal; }

.checkboxdemoBasicUsage .ipsum {
  color: saddlebrown; }

.checkboxdemoSyncing .checkboxDemo1 div {
  clear: both; }

.checkboxdemoSyncing .checkboxDemo1 md-checkbox {
  float: left; }

.checkboxdemoSyncing legend {
  color: #3F51B5; }

.checkboxdemoSyncing legend code {
  color: #3F51B5;
  font-weight: normal; }

.checkboxdemoSyncing p {
  padding-left: 8px; }

.checkboxdemoSyncing .info {
  padding-left: 13px; }

.checkboxdemoSyncing div.standard {
  padding: 8px;
  padding-left: 15px; }

.checkboxdemoSyncing fieldset.standard {
  border-style: solid;
  border-width: 1px; }

.chipsdemoBasicUsage .custom-chips .md-chip {
  position: relative;
  padding-right: 35px; }

.chipsdemoBasicUsage .custom-chips .md-chip .md-chip-remove-container {
  position: absolute;
  right: 4px;
  top: 4px;
  margin-right: 0;
  height: 24px; }

.chipsdemoBasicUsage .custom-chips .md-chip .md-chip-remove-container button.vegetablechip {
  position: relative;
  height: 24px;
  width: 24px;
  line-height: 30px;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  transition: background 0.15s linear;
  display: block; }

.chipsdemoBasicUsage .custom-chips .md-chip .md-chip-remove-container button.vegetablechip md-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.7);
  color: white;
  fill: white; }

.chipsdemoBasicUsage .custom-chips .md-chip .md-chip-remove-container button.vegetablechip:hover, .chipsdemoBasicUsage .custom-chips .md-chip .md-chip-remove-container button.vegetablechip:focus {
  background: rgba(255, 0, 0, 0.8); }

md-content.autocomplete.chipsdemoContactChips {
  min-height: 250px; }

.chipsdemoContactChips .md-item-text.compact {
  padding-top: 8px;
  padding-bottom: 8px; }

.chipsdemoContactChips .contact-item {
  box-sizing: border-box; }

.chipsdemoContactChips .contact-item.selected {
  opacity: 0.5; }

.chipsdemoContactChips .contact-item.selected h3 {
  opacity: 0.5; }

.chipsdemoContactChips .contact-item .md-list-item-text {
  padding: 14px 0; }

.chipsdemoContactChips .contact-item .md-list-item-text h3 {
  margin: 0 !important;
  padding: 0;
  line-height: 1.2em !important; }

.chipsdemoContactChips .contact-item .md-list-item-text h3, .chipsdemoContactChips .contact-item .md-list-item-text p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

@media (min-width: 900px) {
  .chipsdemoContactChips .contact-item {
    float: left;
    width: 33%; } }
.chipsdemoContactChips md-contact-chips {
  margin-bottom: 10px; }

.chipsdemoContactChips .md-chips {
  padding: 5px 0 8px; }

.chipsdemoContactChips .fixedRows {
  height: 250px;
  overflow: hidden; }

md-content .chipsdemoCustomInputs.autocomplete {
  min-height: 200px; }

.chipsdemoCustomInputs input[type=number] {
  width: 110px; }

.chipsdemoCustomInputs .veggie-option {
  float: left;
  width: 20%;
  box-sizing: border-box;
  padding: 0 8px; }

.chipsdemoCustomInputs .veggie-option .md-item-text {
  padding: 8px;
  background: #f0f0f0;
  border-radius: 3px; }

.chipsdemoCustomInputs .veggie-option .md-item-text h3, .chipsdemoCustomInputs .veggie-option .md-item-text p {
  padding: 0;
  margin: 0; }

.dividerdemoBasicUsage .face {
  border-radius: 30px;
  border: 1px solid #ddd;
  width: 48px;
  margin: 16px; }

.fabSpeedDialdemoBasicUsage .text-capitalize {
  text-transform: capitalize; }

.fabSpeedDialdemoBasicUsage .md-fab:hover, .fabSpeedDialdemoBasicUsage .md-fab.md-focused {
  background-color: #000 !important; }

.fabSpeedDialdemoBasicUsage p.note {
  font-size: 1.2rem; }

.fabSpeedDialdemoBasicUsage .lock-size {
  min-width: 300px;
  min-height: 300px;
  width: 300px;
  height: 300px;
  margin-left: auto;
  margin-right: auto; }

.fabSpeedDialdemoMoreOptions .lock-size {
  min-width: 300px;
  min-height: 300px;
  width: 300px;
  height: 300px;
  margin-left: auto;
  margin-right: auto; }

.fabSpeedDialdemoMoreOptions .md-fab.demo-fab.trigger-fab:hover, .fabSpeedDialdemoMoreOptions .md-fab.demo-fab.trigger-fab.md-focused, .fabSpeedDialdemoMoreOptions .md-fab.demo-fab.action-fab:hover, .fabSpeedDialdemoMoreOptions .md-fab.demo-fab.action-fab.md-focused {
  background-color: #333; }

.fabSpeedDialdemoMoreOptions .md-fab.demo-fab.action-fab {
  background-color: #aaa; }

md-content.fabSpeedDialdemoMoreOptions div[flex="50"] {
  padding: 15px; }

.fabToolbardemoBasicUsage md-fab-toolbar.md-right md-fab-trigger.align-with-text {
  left: 7px; }

.gridListdemoBasicUsage md-grid-list {
  margin: 8px; }

.gridListdemoBasicUsage .gray {
  background: #f5f5f5; }

.gridListdemoBasicUsage .green {
  background: #b9f6ca; }

.gridListdemoBasicUsage .yellow {
  background: #ffff8d; }

.gridListdemoBasicUsage .blue {
  background: #84ffff; }

.gridListdemoBasicUsage .purple {
  background: #b388ff; }

.gridListdemoBasicUsage .red {
  background: #ff8a80; }

.gridListdemoBasicUsage md-grid-tile {
  transition: all 400ms ease-out 50ms; }

.gridListdemoDynamicTiles md-icon {
  width: 50%;
  height: 50%; }

.gridListdemoDynamicTiles md-icon svg {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.gridListdemoDynamicTiles .s64 {
  font-size: 64px; }

.gridListdemoDynamicTiles .s32 {
  font-size: 48px; }

.gridListdemoDynamicTiles md-icon.fa {
  display: block;
  padding-left: 0; }

.gridListdemoDynamicTiles md-icon.s32 span {
  padding-left: 8px; }

.gridListdemoDynamicTiles md-grid-list {
  margin: 8px; }

.gridListdemoDynamicTiles .gray {
  background: #f5f5f5; }

.gridListdemoDynamicTiles .green {
  background: #b9f6ca; }

.gridListdemoDynamicTiles .yellow {
  background: #ffff8d; }

.gridListdemoDynamicTiles .blue {
  background: #84ffff; }

.gridListdemoDynamicTiles .darkBlue {
  background: #80d8ff; }

.gridListdemoDynamicTiles .deepBlue {
  background: #448aff; }

.gridListdemoDynamicTiles .purple {
  background: #b388ff; }

.gridListdemoDynamicTiles .lightPurple {
  background: #8c9eff; }

.gridListdemoDynamicTiles .red {
  background: #ff8a80; }

.gridListdemoDynamicTiles .pink {
  background: #ff80ab; }

.gridListdemoDynamicTiles md-grid-tile {
  transition: all 300ms ease-out 50ms; }

.gridListdemoDynamicTiles md-grid-tile md-icon {
  padding-bottom: 32px; }

.gridListdemoDynamicTiles md-grid-tile md-grid-tile-footer {
  background: rgba(0, 0, 0, 0.68);
  height: 36px; }

.gridListdemoDynamicTiles md-grid-tile-footer figcaption {
  width: 100%; }

.gridListdemoDynamicTiles md-grid-tile-footer figcaption h3 {
  margin: 0;
  font-weight: 700;
  width: 100%;
  text-align: center; }

.inputdemoIcons md-input-container:not(.md-input-invalid) > md-icon.email {
  color: green; }

.inputdemoIcons md-input-container:not(.md-input-invalid) > md-icon.name {
  color: dodgerblue; }

.inputdemoIcons md-input-container.md-input-invalid > md-icon.email, .inputdemoIcons md-input-container.md-input-invalid > md-icon.name {
  color: red; }

.listdemoBasicUsage md-divider,
.listdemoListControls md-divider {
  margin-top: 10px;
  margin-bottom: 10px; }

.menudemoBasicUsage .md-menu-demo {
  padding: 24px; }

.menudemoBasicUsage .menu-demo-container {
  min-height: 200px; }

.menudemoMenuPositionModes .md-menu-demo {
  padding: 24px; }

.menudemoMenuPositionModes .menu-demo-container {
  min-height: 200px; }

.menudemoMenuWidth .md-menu-demo {
  padding: 24px; }

.menudemoMenuWidth .menu-demo-container {
  min-height: 200px; }

.menudemoMenuWidth .menus {
  width: 100%; }

.progressLineardemoBasicUsage h4 {
  margin: 10px 0; }

.progressLineardemoBasicUsage md-progress-linear {
  padding-top: 10px;
  margin-bottom: 20px; }

.radioButtondemoBasicUsage hr {
  margin-left: -20px;
  opacity: 1; }

.radioButtondemoBasicUsage md-radio-group {
  width: 150px; }

.radioButtondemoBasicUsage p:last-child {
  padding-bottom: 50px; }

.radioButtondemoBasicUsage [ng-controller] {
  padding-left: 20px; }

.radioButtondemoBasicUsage .radioValue {
  margin-left: 5px;
  color: #0f9d58;
  font-weight: bold;
  padding: 5px; }

.radioButtondemoBasicUsage md-icon {
  margin: 20px;
  margin-top: 0;
  width: 128px;
  height: 128px; }

.radioButtondemoBasicUsage .ipsum {
  color: saddlebrown;
  font-size: 0.9em; }

.subheaderdemoBasicUsage .face {
  border-radius: 30px;
  border: 1px solid #ddd;
  width: 48px;
  margin: 16px; }

.swipedemoBasicUsage .demo-swipe {
  padding: 20px 10px; }

.swipedemoBasicUsage .no-select {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.tabsdemoDynamicHeight md-content {
  background-color: transparent !important; }

md-content.tabsdemoDynamicHeight md-tabs {
  background: #f6f6f6;
  border: 1px solid #e1e1e1; }

md-content.tabsdemoDynamicHeight md-tabs md-tabs-wrapper {
  background: white; }

md-content.tabsdemoDynamicHeight h1:first-child {
  margin-top: 0; }

.tabsdemoDynamicTabs md-content {
  background-color: transparent !important; }

.tabsdemoDynamicTabs md-tabs {
  border: 1px solid #e1e1e1; }

md-content.tabsdemoDynamicTabs md-tabs md-tab-content {
  background: #f6f6f6; }

.tabsdemoDynamicTabs md-content md-tabs md-tabs-wrapper {
  background: white; }

.tabsdemoDynamicTabs md-content h1:first-child {
  margin-top: 0; }

.tabsdemoDynamicTabs md-input-container {
  padding-bottom: 0; }

.tabsdemoDynamicTabs .remove-tab {
  margin-bottom: 40px; }

.tabsdemoDynamicTabs .demo-tab > div > div {
  padding: 25px;
  box-sizing: border-box; }

.tabsdemoDynamicTabs .edit-form input {
  width: 100%; }

.tabsdemoDynamicTabs md-tabs {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.tabsdemoDynamicTabs md-tab[disabled] {
  opacity: 0.5; }

.tabsdemoDynamicTabs label {
  text-align: left; }

.tabsdemoDynamicTabs .long > input {
  width: 264px; }

.tabsdemoDynamicTabs .md-button.add-tab {
  transform: translateY(5px); }

.tabsdemoStaticTabs md-tab-content {
  padding: 25px; }

.tabsdemoStaticTabs md-tab-content:nth-child(1) {
  background-color: #42A5F5; }

.tabsdemoStaticTabs md-tab-content:nth-child(2) {
  background-color: #689F38; }

.tabsdemoStaticTabs md-tab-content:nth-child(3) {
  background-color: #26C6DA; }

.tabsdemoStaticTabs .after-tabs-area > span {
  margin-top: 25px;
  padding-right: 15px;
  vertical-align: middle;
  line-height: 30px;
  height: 35px; }

.tabsdemoStaticTabs .after-tabs-area > md-checkbox {
  margin-top: 26px;
  margin-left: 0; }

.toolbardemoBasicUsage md-toolbar md-icon.md-default-theme {
  color: white; }

.toolbardemoScrollShrink .face {
  width: 48px;
  margin: 16px;
  border-radius: 48px;
  border: 1px solid #ddd; }

.tooltipdemoBasicUsage md-toolbar .md-toolbar-tools .md-button, .tooltipdemoBasicUsage md-toolbar .md-toolbar-tools .md-button:hover {
  box-shadow: none;
  border: none;
  transform: none;
  -webkit-transform: none; }

.tooltipdemoBasicUsage .left {
  top: 70px !important;
  left: 56px !important; }

.tooltipdemoBasicUsage .right {
  top: 70px !important;
  right: 56px !important; }

.whiteframedemoBasicUsage md-whiteframe {
  background: #fff;
  margin: 20px;
  padding: 20px; }

.masonry-brick {
  display: none; }
  .masonry-brick.loaded {
    display: block; }
  .masonry-brick .tile {
    border-radius: 3px;
    overflow: hidden; }
    .masonry-brick .tile .tile-body {
      padding: 30px 25px; }
  .masonry-brick .brick-title {
    font-weight: 400;
    line-height: 1.2;
    color: #37474f;
    margin-top: 0; }
  .masonry-brick .brick-meta {
    color: #a3afb7;
    font-size: 12px;
    margin-bottom: 15px; }
    .masonry-brick .brick-meta a {
      color: #a3afb7; }
      .masonry-brick .brick-meta a:hover {
        color: #ccd5db; }
  .masonry-brick .read-more {
    margin-top: 15px;
    padding: 7px 15px; }
  .masonry-brick .brick-content {
    color: #76838f; }

.introjs-overlay {
  background: #000; }

.introjs-tooltip {
  background: transparent;
  box-shadow: none;
  min-width: 300px;
  max-width: 500px; }
  .introjs-tooltip .introjs-tooltiptext {
    color: white; }
    .introjs-tooltip .introjs-tooltiptext .header {
      font-weight: 700;
      text-transform: uppercase;
      font-size: 22px;
      letter-spacing: 1px;
      margin-top: 10px; }
    .introjs-tooltip .introjs-tooltiptext p {
      font-weight: 300;
      opacity: .8; }

.introjs-arrow {
  display: none !important; }

.introjs-skipbutton {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background: none;
  color: rgba(255, 255, 255, 0.75);
  border: 2px solid rgba(255, 255, 255, 0.75);
  width: 50px;
  height: 50px;
  line-height: 50px;
  padding: 0;
  margin: 0;
  font-size: 30px;
  text-align: center;
  border-radius: 100%;
  text-shadow: none; }
  .introjs-skipbutton:hover, .introjs-skipbutton:focus, .introjs-skipbutton:active {
    border: 2px solid #e05d6f;
    background: #e05d6f;
    color: white;
    box-shadow: none; }

.introjs-nextbutton,
.introjs-prevbutton {
  background: #16a085;
  border: 0;
  text-shadow: none;
  border-radius: 40px;
  color: rgba(255, 255, 255, 0.75);
  padding: 10px 20px;
  font-size: 12px; }
  .introjs-nextbutton i,
  .introjs-prevbutton i {
    margin: 0 5px;
    font-size: 10px; }
  .introjs-nextbutton:hover,
  .introjs-prevbutton:hover {
    box-shadow: none;
    color: white; }
  .introjs-nextbutton:focus, .introjs-nextbutton:active,
  .introjs-prevbutton:focus,
  .introjs-prevbutton:active {
    background: #16a085;
    color: white;
    text-decoration: none; }
  .introjs-nextbutton.introjs-disabled,
  .introjs-prevbutton.introjs-disabled {
    display: none; }

.introjs-prevbutton {
  float: left; }

.introjs-helperLayer {
  border-radius: 0;
  border: 0;
  box-shadow: none; }

body {
  font-family: "Lato", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  overflow-y: hidden; /* biby comment  Añadido*/
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  -ms-overflow-style: scrollbar;
  background-color: #e7eaeb;
  color: #616f77; }
  body a {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }

#wrap {
  visibility: hidden; }

*:focus {
  outline: 0 !important; }

.bg-white {
  background-color: white !important; }

.bg-cyan {
  background-color: #22beef !important;
  color: white !important; }
  .bg-cyan.dk {
    background-color: #10acdd !important; }
  .bg-cyan.dker {
    background-color: #0f9dca !important; }
  .bg-cyan.lt {
    background-color: #3ac5f1 !important; }
  .bg-cyan.lter {
    background-color: #52ccf2 !important; }

.bg-amethyst {
  background-color: #cd97eb !important;
  color: white !important; }
  .bg-amethyst.dk {
    background-color: #c382e7 !important; }
  .bg-amethyst.dker {
    background-color: #ba71e4 !important; }
  .bg-amethyst.lt {
    background-color: #d1a0ed !important; }
  .bg-amethyst.lter {
    background-color: #d5a8ee !important; }

.bg-green {
  background-color: #a2d200 !important;
  color: white !important; }
  .bg-green.dk {
    background-color: #96c300 !important; }
  .bg-green.dker {
    background-color: #86ae00 !important; }
  .bg-green.lt {
    background-color: #aadc00 !important; }
  .bg-green.lter {
    background-color: #b2e600 !important; }

.bg-orange {
  background-color: #ffc100 !important;
  color: white !important; }
  .bg-orange.dk {
    background-color: #f0b500 !important; }
  .bg-orange.dker {
    background-color: #dba600 !important; }
  .bg-orange.lt {
    background-color: #ffc71a !important; }
  .bg-orange.lter {
    background-color: #ffcd33 !important; }

.bg-red {
  background-color: #ff4a43 !important;
  color: white !important; }
  .bg-red.dk {
    background-color: #ff1910 !important; }
  .bg-red.dker {
    background-color: #e60900 !important; }
  .bg-red.lt {
    background-color: #ff635c !important; }
  .bg-red.lter {
    background-color: #ff7b76 !important; }

.bg-greensea {
  background-color: #16a085 !important;
  color: white !important; }
  .bg-greensea.dk {
    background-color: #138a72 !important; }
  .bg-greensea.dker {
    background-color: #107863 !important; }
  .bg-greensea.lt {
    background-color: #19b698 !important; }
  .bg-greensea.lter {
    background-color: #1ccdaa !important; }

.bg-dutch {
  background-color: #1693A5 !important;
  color: white !important; }
  .bg-dutch.dk {
    background-color: #137f8f !important; }
  .bg-dutch.dker {
    background-color: #116f7d !important; }
  .bg-dutch.lt {
    background-color: #19a7bc !important; }
  .bg-dutch.lter {
    background-color: #1cbbd2 !important; }

.bg-hotpink {
  background-color: #FF0066 !important;
  color: white !important; }
  .bg-hotpink.dk {
    background-color: #e6005c !important; }
  .bg-hotpink.dker {
    background-color: #d10054 !important; }
  .bg-hotpink.lt {
    background-color: #ff1a75 !important; }
  .bg-hotpink.lter {
    background-color: #ff3385 !important; }

.bg-drank {
  background-color: #A40778 !important;
  color: white !important; }
  .bg-drank.dk {
    background-color: #8c0666 !important; }
  .bg-drank.dker {
    background-color: #780558 !important; }
  .bg-drank.lt {
    background-color: #bc088a !important; }
  .bg-drank.lter {
    background-color: #d5099c !important; }

.bg-blue {
  background-color: #418bca !important;
  color: white !important; }
  .bg-blue.dk {
    background-color: #357ebd !important; }
  .bg-blue.dker {
    background-color: #3074ad !important; }
  .bg-blue.lt {
    background-color: #5597d0 !important; }
  .bg-blue.lter {
    background-color: #69a3d5 !important; }

.bg-lightred {
  background-color: #e05d6f !important;
  color: white !important; }
  .bg-lightred.dk {
    background-color: #dc485c !important; }
  .bg-lightred.dker {
    background-color: #d9364d !important; }
  .bg-lightred.lt {
    background-color: #e47282 !important; }
  .bg-lightred.lter {
    background-color: #e88895 !important; }

.bg-slategray {
  background-color: #3f4e62 !important;
  color: white !important; }
  .bg-slategray.dk {
    background-color: #354252 !important; }
  .bg-slategray.dker {
    background-color: #2d3846 !important; }
  .bg-slategray.lt {
    background-color: #495a72 !important; }
  .bg-slategray.lter {
    background-color: #536781 !important; }

.bg-darkgray {
  background-color: #333 !important;
  color: white !important; }
  .bg-darkgray.dk {
    background-color: #262626 !important; }
  .bg-darkgray.dker {
    background-color: #1c1c1c !important; }
  .bg-darkgray.lt {
    background-color: #404040 !important; }
  .bg-darkgray.lter {
    background-color: #4d4d4d !important; }

.bg-primary {
  background-color: #428bca !important;
  color: white !important; }
  .bg-primary.dk {
    background-color: #3071a9 !important; }
  .bg-primary.dker {
    background-color: #245682 !important; }
  .bg-primary.lt {
    background-color: #5697d0 !important; }
  .bg-primary.lter {
    background-color: #6aa3d5 !important; }

.bg-success {
  background-color: #5cb85c !important;
  color: white !important; }
  .bg-success.dk {
    background-color: #449d44 !important; }
  .bg-success.dker {
    background-color: #357935 !important; }
  .bg-success.lt {
    background-color: #a3d7a3 !important;
    color: #357935 !important; }
  .bg-success.lter {
    background-color: #eaf6ea !important;
    color: #357935 !important; }

.bg-warning {
  background-color: #f0ad4e !important;
  color: white !important; }
  .bg-warning.dk {
    background-color: #ec971f !important; }
  .bg-warning.dker {
    background-color: #c77c11 !important; }
  .bg-warning.lt {
    background-color: #f6ce95 !important;
    color: #c77c11 !important; }
  .bg-warning.lter {
    background-color: #fef9f3 !important;
    color: #c77c11 !important; }

.bg-danger,
.bg-error {
  background-color: #d9534f !important;
  color: white !important; }
  .bg-danger.dk,
  .bg-error.dk {
    background-color: #c9302c !important; }
  .bg-danger.dker,
  .bg-error.dker {
    background-color: #a02622 !important; }
  .bg-danger.lt,
  .bg-error.lt {
    background-color: #eba5a3 !important;
    color: #a02622 !important; }
  .bg-danger.lter,
  .bg-error.lter {
    background-color: #fdf7f7 !important;
    color: #a02622 !important; }

.bg-info {
  background-color: #5bc0de !important;
  color: white !important; }
  .bg-info.dk {
    background-color: #31b0d5 !important; }
  .bg-info.dker {
    background-color: #2390b0 !important; }
  .bg-info.lt {
    background-color: #9bd8eb !important;
    color: #2390b0 !important; }
  .bg-info.lter {
    background-color: #f0f9fc !important;
    color: #2390b0 !important; }

.bg-default {
  background-color: #616f77 !important;
  color: white !important; }
  .bg-default.dk {
    background-color: #4a555b !important;
    color: white !important; }
  .bg-default.dker {
    background-color: #333b3f !important;
    color: white !important; }
  .bg-default.lt {
    background-color: #a3aeb4 !important;
    color: #616f77 !important; }
  .bg-default.lter {
    background-color: #e1e5e7 !important;
    color: #616f77 !important; }

.bg-tr-black {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #f2f2f2 !important; }
  .bg-tr-black.btn:hover, .bg-tr-black.btn:focus, .bg-tr-black.btn:active, .bg-tr-black.btn.active {
    background-color: rgba(0, 0, 0, 0.2) !important;
    color: white !important; }
  .bg-tr-black.dk {
    background-color: rgba(0, 0, 0, 0.2) !important; }
  .bg-tr-black.dker {
    background-color: rgba(0, 0, 0, 0.3) !important;
    color: #616f77 !important; }
  .bg-tr-black.lt {
    background-color: rgba(0, 0, 0, 0.05) !important;
    color: #616f77 !important; }
  .bg-tr-black.lter {
    background-color: rgba(0, 0, 0, 0.03) !important;
    color: #616f77 !important; }

.bg-tr-white {
  background-color: rgba(255, 255, 255, 0.1) !important; }
  .bg-tr-white.btn:hover, .bg-tr-white.btn:focus, .bg-tr-white.btn:active, .bg-tr-white.btn.active {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #616f77 !important; }
  .bg-tr-white.dk {
    background-color: rgba(255, 255, 255, 0.2) !important; }
  .bg-tr-white.dker {
    background-color: rgba(255, 255, 255, 0.1) !important; }
  .bg-tr-white.lt {
    background-color: rgba(255, 255, 255, 0.3) !important; }
  .bg-tr-white.lter {
    background-color: rgba(255, 255, 255, 0.4) !important; }

.no-bg {
  background-color: transparent !important; }

*[class*='bg-']:not(.bg-default):not(.bg-white):not(.bg-tr-white) a:not(.ui-select-choices-row-inner):not(.event-remove) {
  color: rgba(255, 255, 255, 0.7); }
  *[class*='bg-']:not(.bg-default):not(.bg-white):not(.bg-tr-white) a:not(.ui-select-choices-row-inner):not(.event-remove):hover {
    color: white; }
*[class*='bg-']:not(.bg-default):not(.bg-white):not(.bg-tr-white) .dropdown-menu > li > a {
  color: #585858 !important; }
  *[class*='bg-']:not(.bg-default):not(.bg-white):not(.bg-tr-white) .dropdown-menu > li > a:hover {
    color: #262626 !important; }
*[class*='bg-']:not(.bg-default):not(.bg-white):not(.bg-tr-white) > .form-control.input-unstyled {
  color: rgba(255, 255, 255, 0.7); }
*[class*='bg-']:not(.bg-default):not(.bg-white):not(.bg-tr-white) > .text-muted {
  color: rgba(255, 255, 255, 0.4); }
*[class*='bg-']:not(.bg-default):not(.bg-white):not(.bg-tr-white) .pagination a {
  color: #616f77 !important; }

.text-cyan {
  color: #22beef; }

.text-amethyst {
  color: #cd97eb; }

.text-green {
  color: #a2d200; }

.text-orange {
  color: #ffc100; }

.text-red {
  color: #ff4a43; }

.text-greensea {
  color: #16a085; }

.text-dutch {
  color: #1693A5; }

.text-hotpink {
  color: #FF0066; }

.text-drank {
  color: #A40778; }

.text-blue {
  color: #418bca; }

.text-lightred {
  color: #e05d6f; }

.text-slategray {
  color: #3f4e62; }

.text-darkgray {
  color: #333; }

.text-primary {
  color: #428bca; }

.text-success {
  color: #5cb85c; }

.text-warning {
  color: #f0ad4e; }

.text-danger {
  color: #d9534f; }

.text-info {
  color: #5bc0de; }

.text-default {
  color: #616f77; }
  .text-default.dk {
    color: #4a555b; }
  .text-default.dker {
    color: #333b3f; }
  .text-default.lt {
    color: #a3aeb4; }
  .text-default.lter {
    color: #e1e5e7; }

.text-transparent-white {
  color: rgba(255, 255, 255, 0.5) !important; }

.text-transparent-black {
  color: rgba(0, 0, 0, 0.5) !important; }

.text-white {
  color: white; }

.text-xs {
  font-size: 10px !important; }

.text-sm {
  font-size: 12px !important; }

.text-md {
  font-size: 16px !important; }

.text-lg {
  font-size: 18px !important; }

.text-elg {
  font-size: 32px !important;
  line-height: 34px; }

.text-light {
  font-weight: 300 !important; }

.animated {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s; }

.block {
  display: block; }

.inline {
  display: inline !important; }

.inline-block {
  display: inline-block !important; }

.text-left {
  text-align: left !important; }

.wrap-reset {
  margin: -15px;
  padding: 15px; }

.hidden-xs.show,
.hidden-sm.show {
  display: block !important; }

.m-auto {
  margin: auto; }

.m-40 {
  margin: 40px !important; }

.m-20 {
  margin: 20px !important; }

.m-10 {
  margin: 10px !important; }

.m-5 {
  margin: 5px !important; }

.m-0 {
  margin: 0 !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mt-40 {
  margin-top: 40px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mt-5 {
  margin-top: 5px !important; }

.mt-0 {
  margin-top: 0 !important; }

.ml-40 {
  margin-left: 40px !important; }

.ml-20 {
  margin-left: 20px !important; }

.ml-10 {
  margin-left: 10px !important; }

.ml-5 {
  margin-left: 5px !important; }

.ml-0 {
  margin-left: 0px !important; }

.mr-40 {
  margin-right: 40px !important; }

.mr-20 {
  margin-right: 20px !important; }

.mr-10 {
  margin-right: 10px !important; }

.mr-5 {
  margin-right: 5px !important; }

.mr-0 {
  margin-right: 0px !important; }

.p-30 {
  padding: 30px !important; }

.p-20 {
  padding: 20px !important; }

.p-15 {
  padding: 15px !important; }

.p-10 {
  padding: 10px !important; }

.p-5 {
  padding: 5px !important; }

.p-0 {
  padding: 0 !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pb-0 {
  padding-bottom: 0px !important; }

.pt-30 {
  padding-top: 30px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pt-0 {
  padding-top: 0 !important; }

.pl-30 {
  padding-left: 30px !important; }

.pl-20 {
  padding-left: 20px !important; }

.pl-15 {
  padding-left: 15px !important; }

.pl-10 {
  padding-left: 10px !important; }

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

.pr-30 {
  padding-right: 30px !important; }

.pr-20 {
  padding-right: 20px !important; }

.pr-15 {
  padding-right: 15px !important; }

.pr-10 {
  padding-right: 10px !important; }

.pr-0 {
  padding-right: 0px !important; }

.b-0 {
  border: 0 !important; }

.bt-0 {
  border-top: 0 !important; }

.bb-0 {
  border-bottom: 0 !important; }

.b-a {
  border: 1px solid rgba(0, 0, 0, 0.05) !important; }

.b-r {
  border-right: 1px solid rgba(0, 0, 0, 0.05) !important; }

.b-b {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important; }

.b-l {
  border-left: 1px solid rgba(0, 0, 0, 0.05) !important; }

.b-t {
  border-top: 1px solid rgba(0, 0, 0, 0.05) !important; }

.b-dashed {
  border-style: dashed !important; }

.b-solid {
  border-color: #ddd !important; }

.b-1x {
  border-width: 1px !important; }

.b-2x {
  border-width: 2px !important; }

.b-3x {
  border-width: 3px !important; }

.b-cyan {
  border-color: #22beef !important; }

.b-amethyst {
  border-color: #cd97eb !important; }

.b-green {
  border-color: #a2d200 !important; }

.b-orange {
  border-color: #ffc100 !important; }

.b-red {
  border-color: #ff4a43 !important; }

.b-greensea {
  border-color: #16a085 !important; }

.b-dutch {
  border-color: #1693A5 !important; }

.b-hotpink {
  border-color: #FF0066 !important; }

.b-drank {
  border-color: #A40778 !important; }

.b-blue {
  border-color: #418bca !important; }

.b-lightred {
  border-color: #e05d6f !important; }

.b-slategray {
  border-color: #3f4e62 !important; }

.b-darkgray {
  border-color: #333 !important; }

.b-primary {
  border-color: #428bca !important; }

.b-success {
  border-color: #5cb85c !important; }

.b-warning {
  border-color: #f0ad4e !important; }

.b-danger {
  border-color: #d9534f !important; }

.b-info {
  border-color: #5bc0de !important; }

.b-default {
  border-color: #616f77 !important; }

.br-0 {
  border-radius: 0 !important; }

.br-2 {
  border-radius: 2px !important; }

.br-2-l {
  border-radius: 2px 0 0 2px !important; }

.br-2-r {
  border-radius: 0 2px 2px 0 !important; }

.br-2-t {
  border-radius: 2px 2px 0 0 !important; }

.br-2-b {
  border-radius: 0 0 2px 2px !important; }

.size-30x30,
.wh30 {
  width: 30px;
  height: 30px; }

.size-45x45,
.wh45 {
  width: 45px;
  height: 45px; }

.size-50x50,
.wh50 {
  width: 50px;
  height: 50px; }

.w-40 {
  width: 40px !important; }

.w-xxs, .w-60 {
  width: 60px; }

.w-xs, .w-100 {
  width: 100px; }

.w-sm, .w-150 {
  width: 150px; }

.w-md, .w-240 {
  width: 240px; }

.w-lg, .w-280 {
  width: 280px; }

.w-xl, .w-360 {
  width: 360px; }

.w-xxl, .w-420 {
  width: 420px; }

hr.line-dashed {
  border-style: dashed; }
hr.line-full {
  margin: 20px -20px; }

.perspective {
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  perspective: 800px;
  display: inline-block; }

.lined-paper {
  background-color: white;
  background-image: -webkit-linear-gradient(#f6abca 1px, transparent 1px), -webkit-linear-gradient(#f6abca 1px, transparent 1px), -webkit-linear- gradient(#e8e8e8 1px, transparent 1px);
  background-image: -moz-linear-gradient(#f6abca 1px, transparent 1px), -moz-linear-gradient(#f6abca 1px, transparent 1px), -moz-linear-gradient #e8e8e8 1px, transparent 1px;
  background-image: -o-linear-gradient(#f6abca 1px, transparent 1px), -o-linear-gradient(#f6abca 1px, transparent 1px), -o-linear-gradient(#e8e8e8 1px, transparent 1px);
  background-image: linear-gradient(#f6abca 1px, transparent 1px), linear-gradient(#f6abca 1px, transparent 1px), linear-gradient(#e8e8e8 1px, transparent 1px);
  background-size: 1px 1px, 1px 1px, 30px 30px;
  background-repeat: repeat-y, repeat-y, repeat;
  background-position: 62px 0, 66px 0, 0 -1px;
  position: relative;
  padding: 30px 15px 30px 75px !important;
  line-height: 30px;
  font-family: Georgia, serif;
  font-style: italic; }
  .lined-paper p,
  .lined-paper ul,
  .lined-paper ol {
    margin-bottom: 30px; }

.example [class^="col-"] {
  padding: 10px 15px;
  margin-bottom: 10px;
  background-color: #f2f2f2;
  border-right: 5px solid white; }
.example .row {
  margin: 0;
  margin-bottom: 10px; }

@media only screen and (max-width: 768px) {
  .text-left-sm {
    text-align: left; } }
@media only screen and (max-width: 480px) {
  .text-left-xs {
    text-align: left; }

  .w-xxl, .w-420 {
    width: 100%; } }
.color-schemes a.scheme-black {
  background-color: #1c2b36; }
.color-schemes a.scheme-drank {
  background-color: #51445f; }
.color-schemes a.scheme-greensea {
  background-color: #16a085; }
.color-schemes a.scheme-cyan {
  background-color: #22beef; }
.color-schemes a.scheme-lightred {
  background-color: #e05d6f; }
.color-schemes a.scheme-light {
  background-color: #fff; }

.sidebar-sm #sidebar.scheme-black,
.sidebar-sm #sidebar.scheme-drank,
.sidebar-sm #sidebar.scheme-greensea,
.sidebar-sm #sidebar.scheme-cyan,
.sidebar-sm #sidebar.scheme-lightred,
.sidebar-sm #sidebar.scheme-light,
.sidebar-xs #sidebar.scheme-black,
.sidebar-xs #sidebar.scheme-drank,
.sidebar-xs #sidebar.scheme-greensea,
.sidebar-xs #sidebar.scheme-cyan,
.sidebar-xs #sidebar.scheme-lightred,
.sidebar-xs #sidebar.scheme-light {
  background-color: transparent !important; }

#header.scheme-black,
#header.scheme-black .nav-right > li,
#header.scheme-black .nav-left > li,
#header.scheme-black .search {
  background-color: #1c2b36; }

#header .branding.scheme-black,
#sidebar.scheme-black,
#sidebar.scheme-black #navigation,
#sidebar.scheme-black #sidebar-wrap:before,
#header.scheme-black li.toggle-right-sidebar > a,
.appWrapper.scheme-black .page-breadcrumb > li:first-child {
  background-color: #131e25 !important; }

.appWrapper.black-scheme-color #navigation > li.active > a,
.appWrapper.black-scheme-color #loading-bar .bar {
  background-color: #1c2b36 !important; }

.appWrapper.black-scheme-color #loading-bar-spinner .spinner-icon {
  border-top-color: #1c2b36;
  border-left-color: #1c2b36; }

.appWrapper.black-scheme-color #loading-bar .peg {
  -webkit-box-shadow: #1c2b36 1px 0 6px 1px;
  box-shadow: #1c2b36 1px 0 6px 1px; }

.appWrapper.black-scheme-color #navigation .dropdown > ul li:hover > a, .appWrapper.black-scheme-color #navigation .dropdown > ul li.active > a {
  color: #1c2b36 !important; }
.appWrapper.black-scheme-color #navigation .dropdown.submenu.open > a {
  color: white !important; }
.appWrapper.black-scheme-color .pageheader .page-bar .page-breadcrumb > li:not(:first-child) > a:hover {
  color: #1c2b36 !important; }

.sidebar-sm #sidebar.scheme-black #navigation li.dropdown > ul, .sidebar-sm #sidebar.scheme-black #navigation li.submenu > ul,
.sidebar-xs #sidebar.scheme-black #navigation li.dropdown > ul,
.sidebar-xs #sidebar.scheme-black #navigation li.submenu > ul,
.hz-menu #sidebar.scheme-black #navigation li.dropdown > ul,
.hz-menu #sidebar.scheme-black #navigation li.submenu > ul {
  background-color: #10181e; }

#header.scheme-drank,
#header.scheme-drank .nav-right > li,
#header.scheme-drank .nav-left > li,
#header.scheme-drank .search {
  background-color: #51445f; }

#header .branding.scheme-drank,
#sidebar.scheme-drank,
#sidebar.scheme-drank #navigation,
#sidebar.scheme-drank #sidebar-wrap:before,
#header.scheme-drank li.toggle-right-sidebar > a,
.appWrapper.scheme-drank .page-breadcrumb > li:first-child {
  background-color: #493d55 !important; }

.appWrapper.drank-scheme-color #navigation > li.active > a,
.appWrapper.drank-scheme-color #loading-bar .bar {
  background-color: #51445f !important; }

.appWrapper.drank-scheme-color #loading-bar-spinner .spinner-icon {
  border-top-color: #51445f;
  border-left-color: #51445f; }

.appWrapper.drank-scheme-color #loading-bar .peg {
  -webkit-box-shadow: #51445f 1px 0 6px 1px;
  box-shadow: #51445f 1px 0 6px 1px; }

.appWrapper.drank-scheme-color #navigation .dropdown > ul li:hover > a, .appWrapper.drank-scheme-color #navigation .dropdown > ul li.active > a {
  color: #51445f !important; }
.appWrapper.drank-scheme-color #navigation .dropdown.submenu.open > a {
  color: white !important; }
.appWrapper.drank-scheme-color .pageheader .page-bar .page-breadcrumb > li:not(:first-child) > a:hover {
  color: #51445f !important; }

.sidebar-sm #sidebar.scheme-drank #navigation li.dropdown > ul, .sidebar-sm #sidebar.scheme-drank #navigation li.submenu > ul,
.sidebar-xs #sidebar.scheme-drank #navigation li.dropdown > ul,
.sidebar-xs #sidebar.scheme-drank #navigation li.submenu > ul,
.hz-menu #sidebar.scheme-drank #navigation li.dropdown > ul,
.hz-menu #sidebar.scheme-drank #navigation li.submenu > ul {
  background-color: #3c3246; }

#header.scheme-greensea,
#header.scheme-greensea .nav-right > li,
#header.scheme-greensea .nav-left > li,
#header.scheme-greensea .search {
  background-color: #16a085; }

#header .branding.scheme-greensea,
#sidebar.scheme-greensea,
#sidebar.scheme-greensea #navigation,
#sidebar.scheme-greensea #sidebar-wrap:before,
#header.scheme-greensea li.toggle-right-sidebar > a,
.appWrapper.scheme-greensea .page-breadcrumb > li:first-child {
  background-color: #138a72 !important; }

.appWrapper.greensea-scheme-color #navigation > li.active > a,
.appWrapper.greensea-scheme-color #loading-bar .bar {
  background-color: #16a085 !important; }

.appWrapper.greensea-scheme-color #loading-bar-spinner .spinner-icon {
  border-top-color: #16a085;
  border-left-color: #16a085; }

.appWrapper.greensea-scheme-color #loading-bar .peg {
  -webkit-box-shadow: #16a085 1px 0 6px 1px;
  box-shadow: #16a085 1px 0 6px 1px; }

.appWrapper.greensea-scheme-color #navigation .dropdown > ul li:hover > a, .appWrapper.greensea-scheme-color #navigation .dropdown > ul li.active > a {
  color: #16a085 !important; }
.appWrapper.greensea-scheme-color #navigation .dropdown.submenu.open > a {
  color: white !important; }
.appWrapper.greensea-scheme-color .pageheader .page-bar .page-breadcrumb > li:not(:first-child) > a:hover {
  color: #16a085 !important; }

.sidebar-sm #sidebar.scheme-greensea #navigation li.dropdown > ul, .sidebar-sm #sidebar.scheme-greensea #navigation li.submenu > ul,
.sidebar-xs #sidebar.scheme-greensea #navigation li.dropdown > ul,
.sidebar-xs #sidebar.scheme-greensea #navigation li.submenu > ul,
.hz-menu #sidebar.scheme-greensea #navigation li.dropdown > ul,
.hz-menu #sidebar.scheme-greensea #navigation li.submenu > ul {
  background-color: #0f6f5c; }

#header.scheme-cyan,
#header.scheme-cyan .nav-right > li,
#header.scheme-cyan .nav-left > li,
#header.scheme-cyan .search {
  background-color: #22beef; }

#header .branding.scheme-cyan,
#sidebar.scheme-cyan,
#sidebar.scheme-cyan #navigation,
#sidebar.scheme-cyan #sidebar-wrap:before,
#header.scheme-cyan li.toggle-right-sidebar > a,
.appWrapper.scheme-cyan .page-breadcrumb > li:first-child {
  background-color: #11b4e7 !important; }

.appWrapper.cyan-scheme-color #navigation > li.active > a,
.appWrapper.cyan-scheme-color #loading-bar .bar {
  background-color: #22beef !important; }

.appWrapper.cyan-scheme-color #loading-bar-spinner .spinner-icon {
  border-top-color: #22beef;
  border-left-color: #22beef; }

.appWrapper.cyan-scheme-color #loading-bar .peg {
  -webkit-box-shadow: #22beef 1px 0 6px 1px;
  box-shadow: #22beef 1px 0 6px 1px; }

.appWrapper.cyan-scheme-color #navigation .dropdown > ul li:hover > a, .appWrapper.cyan-scheme-color #navigation .dropdown > ul li.active > a {
  color: #22beef !important; }
.appWrapper.cyan-scheme-color #navigation .dropdown.submenu.open > a {
  color: white !important; }
.appWrapper.cyan-scheme-color .pageheader .page-bar .page-breadcrumb > li:not(:first-child) > a:hover {
  color: #22beef !important; }

.sidebar-sm #sidebar.scheme-cyan #navigation li.dropdown > ul, .sidebar-sm #sidebar.scheme-cyan #navigation li.submenu > ul,
.sidebar-xs #sidebar.scheme-cyan #navigation li.dropdown > ul,
.sidebar-xs #sidebar.scheme-cyan #navigation li.submenu > ul,
.hz-menu #sidebar.scheme-cyan #navigation li.dropdown > ul,
.hz-menu #sidebar.scheme-cyan #navigation li.submenu > ul {
  background-color: #0d8fb7; }

#header.scheme-lightred,
#header.scheme-lightred .nav-right > li,
#header.scheme-lightred .nav-left > li,
#header.scheme-lightred .search {
  background-color: #e05d6f; }

#header .branding.scheme-lightred,
#sidebar.scheme-lightred,
#sidebar.scheme-lightred #navigation,
#sidebar.scheme-lightred #sidebar-wrap:before,
#header.scheme-lightred li.toggle-right-sidebar > a,
.appWrapper.scheme-lightred .page-breadcrumb > li:first-child {
  background-color: #dc485c !important; }

.appWrapper.lightred-scheme-color #navigation > li.active > a,
.appWrapper.lightred-scheme-color #loading-bar .bar {
  background-color: #e05d6f !important; }

.appWrapper.lightred-scheme-color #loading-bar-spinner .spinner-icon {
  border-top-color: #e05d6f;
  border-left-color: #e05d6f; }

.appWrapper.lightred-scheme-color #loading-bar .peg {
  -webkit-box-shadow: #e05d6f 1px 0 6px 1px;
  box-shadow: #e05d6f 1px 0 6px 1px; }

.appWrapper.lightred-scheme-color #navigation .dropdown > ul li:hover > a, .appWrapper.lightred-scheme-color #navigation .dropdown > ul li.active > a {
  color: #e05d6f !important; }
.appWrapper.lightred-scheme-color #navigation .dropdown.submenu.open > a {
  color: white !important; }
.appWrapper.lightred-scheme-color .pageheader .page-bar .page-breadcrumb > li:not(:first-child) > a:hover {
  color: #e05d6f !important; }

.sidebar-sm #sidebar.scheme-lightred #navigation li.dropdown > ul, .sidebar-sm #sidebar.scheme-lightred #navigation li.submenu > ul,
.sidebar-xs #sidebar.scheme-lightred #navigation li.dropdown > ul,
.sidebar-xs #sidebar.scheme-lightred #navigation li.submenu > ul,
.hz-menu #sidebar.scheme-lightred #navigation li.dropdown > ul,
.hz-menu #sidebar.scheme-lightred #navigation li.submenu > ul {
  background-color: #d83249; }

#header.scheme-light,
#header.scheme-light .nav-right > li,
#header.scheme-light .nav-left > li,
#header.scheme-light .search {
  background-color: #fff; }

#header .branding.scheme-light,
#sidebar.scheme-light,
#sidebar.scheme-light #navigation,
#sidebar.scheme-light #sidebar-wrap:before,
#header.scheme-light li.toggle-right-sidebar > a {
  background-color: #fff !important; }

.appWrapper.scheme-light .page-breadcrumb > li:first-child {
  background-color: rgba(0, 0, 0, 0.7); }

#header.scheme-light {
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05); }
  #header.scheme-light .nav-right > li > a,
  #header.scheme-light .nav-left > li > a {
    color: rgba(0, 0, 0, 0.7); }
    #header.scheme-light .nav-right > li > a:hover,
    #header.scheme-light .nav-left > li > a:hover {
      color: rgba(0, 0, 0, 0.9); }
  #header.scheme-light .nav-left > li.divided-right {
    border-color: rgba(0, 0, 0, 0.1); }
  #header.scheme-light .search .form-control {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.2); }
    #header.scheme-light .search .form-control::-webkit-input-placeholder {
      color: rgba(0, 0, 0, 0.3); }
    #header.scheme-light .search .form-control::-moz-placeholder {
      color: rgba(0, 0, 0, 0.3); }
    #header.scheme-light .search .form-control:-moz-placeholder {
      color: rgba(0, 0, 0, 0.3); }
    #header.scheme-light .search .form-control:-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.3); }
    #header.scheme-light .search .form-control:focus {
      border-color: rgba(0, 0, 0, 0.5); }
      #header.scheme-light .search .form-control:focus::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.5); }
      #header.scheme-light .search .form-control:focus::-moz-placeholder {
        color: rgba(0, 0, 0, 0.5); }
      #header.scheme-light .search .form-control:focus:-moz-placeholder {
        color: rgba(0, 0, 0, 0.5); }
      #header.scheme-light .search .form-control:focus:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.5); }
  #header.scheme-light .search:after {
    color: rgba(0, 0, 0, 0.3); }
  #header.scheme-light li.toggle-right-sidebar > a {
    border-left: 1px solid rgba(0, 0, 0, 0.1); }

#header .branding.scheme-light {
  border-right: 1px solid rgba(0, 0, 0, 0.1); }
  #header .branding.scheme-light .brand {
    color: #4a555b;
    background-image: url(../images/minovate-logo-color.png); }

#sidebar.scheme-light,
#sidebar.scheme-light #sidebar-wrap:before {
  border-right: 1px solid rgba(0, 0, 0, 0.15); }
  #sidebar.scheme-light uib-accordion .panel-group .panel > .panel-heading .panel-title,
  #sidebar.scheme-light #sidebar-wrap:before uib-accordion .panel-group .panel > .panel-heading .panel-title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    #sidebar.scheme-light uib-accordion .panel-group .panel > .panel-heading .panel-title > a,
    #sidebar.scheme-light #sidebar-wrap:before uib-accordion .panel-group .panel > .panel-heading .panel-title > a {
      color: rgba(0, 0, 0, 0.5); }
      #sidebar.scheme-light uib-accordion .panel-group .panel > .panel-heading .panel-title > a:hover,
      #sidebar.scheme-light #sidebar-wrap:before uib-accordion .panel-group .panel > .panel-heading .panel-title > a:hover {
        color: rgba(0, 0, 0, 0.8); }
  #sidebar.scheme-light uib-accordion .panel-group .panel.closed > .panel-heading,
  #sidebar.scheme-light #sidebar-wrap:before uib-accordion .panel-group .panel.closed > .panel-heading {
    background-color: rgba(0, 0, 0, 0.05); }
    #sidebar.scheme-light uib-accordion .panel-group .panel.closed > .panel-heading .panel-title > a,
    #sidebar.scheme-light #sidebar-wrap:before uib-accordion .panel-group .panel.closed > .panel-heading .panel-title > a {
      color: rgba(0, 0, 0, 0.8); }
      #sidebar.scheme-light uib-accordion .panel-group .panel.closed > .panel-heading .panel-title > a:hover,
      #sidebar.scheme-light #sidebar-wrap:before uib-accordion .panel-group .panel.closed > .panel-heading .panel-title > a:hover {
        color: black; }
  #sidebar.scheme-light uib-accordion .panel-group .panel .panel-body,
  #sidebar.scheme-light #sidebar-wrap:before uib-accordion .panel-group .panel .panel-body {
    color: rgba(0, 0, 0, 0.7); }
  #sidebar.scheme-light .summary .media .media-body,
  #sidebar.scheme-light #sidebar-wrap:before .summary .media .media-body {
    color: rgba(0, 0, 0, 0.3); }
    #sidebar.scheme-light .summary .media .media-body .media-heading,
    #sidebar.scheme-light #sidebar-wrap:before .summary .media .media-body .media-heading {
      color: rgba(0, 0, 0, 0.5); }

#sidebar.scheme-light #navigation > li.open > a, #sidebar.scheme-light #navigation > li:hover > a {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.7); }
#sidebar.scheme-light #navigation > li.open > i, #sidebar.scheme-light #navigation > li:hover > i {
  color: rgba(0, 0, 0, 0.7); }
#sidebar.scheme-light #navigation > li.active > a {
  background-color: #16a085;
  color: white; }
#sidebar.scheme-light #navigation > li.active > i {
  color: white; }
#sidebar.scheme-light #navigation > li a {
  color: rgba(0, 0, 0, 0.5); }
#sidebar.scheme-light #navigation .dropdown > ul {
  background-color: rgba(0, 0, 0, 0.1); }
  #sidebar.scheme-light #navigation .dropdown > ul li:hover > a, #sidebar.scheme-light #navigation .dropdown > ul li.active > a {
    color: #16a085; }
#sidebar.scheme-light #navigation .submenu.open > a {
  color: rgba(0, 0, 0, 0.7) !important; }
#sidebar.scheme-light #navigation .submenu > ul {
  background-color: transparent; }

.appWrapper.light-scheme-color #navigation > li.active > a {
  background-color: rgba(255, 255, 255, 0.1); }

.appWrapper.light-scheme-color #loading-bar .bar {
  background-color: #16a085; }

.appWrapper.light-scheme-color #loading-bar-spinner .spinner-icon {
  border-top-color: #16a085;
  border-left-color: #16a085; }

.appWrapper.light-scheme-color #loading-bar .peg {
  -webkit-box-shadow: #16a085 1px 0 6px 1px;
  box-shadow: #16a085 1px 0 6px 1px; }

.appWrapper.light-scheme-color #navigation .dropdown > ul li:hover a, .appWrapper.light-scheme-color #navigation .dropdown > ul li.active a {
  color: rgba(255, 255, 255, 0.8); }
.appWrapper.light-scheme-color .pageheader .page-bar .page-breadcrumb > li:not(:first-child) > a:hover {
  color: rgba(255, 255, 255, 0.8); }

.sidebar-sm #sidebar.scheme-light,
.sidebar-xs #sidebar.scheme-light,
.hz-menu #sidebar.scheme-light {
  border-right: 0; }
  .sidebar-sm #sidebar.scheme-light #navigation,
  .sidebar-xs #sidebar.scheme-light #navigation,
  .hz-menu #sidebar.scheme-light #navigation {
    border-right: 1px solid rgba(0, 0, 0, 0.15); }
    .sidebar-sm #sidebar.scheme-light #navigation li > a,
    .sidebar-xs #sidebar.scheme-light #navigation li > a,
    .hz-menu #sidebar.scheme-light #navigation li > a {
      font-weight: 400; }
    .sidebar-sm #sidebar.scheme-light #navigation li.dropdown > ul, .sidebar-sm #sidebar.scheme-light #navigation li.submenu > ul,
    .sidebar-xs #sidebar.scheme-light #navigation li.dropdown > ul,
    .sidebar-xs #sidebar.scheme-light #navigation li.submenu > ul,
    .hz-menu #sidebar.scheme-light #navigation li.dropdown > ul,
    .hz-menu #sidebar.scheme-light #navigation li.submenu > ul {
      background-color: #f2f2f2; }

/* printing */
@media print {
  body,
  .custom-font {
    font-family: "Times New Roman", Times, serif;
    font-size: 12px; }

  h1, h2, h3, h4, h5, h6 {
    font-size: 14px; }

  [class*="col-md-"] {
    float: left;
    display: inline-block; }

  .col-md-12 {
    width: 100%; }

  .col-md-11 {
    width: 91.66666666666666%; }

  .col-md-10 {
    width: 83.33333333333334%; }

  .col-md-9 {
    width: 75%; }

  .col-md-8 {
    width: 66.66666666666666%; }

  .col-md-7 {
    width: 58.333333333333336%; }

  .col-md-6 {
    width: 50%; }

  .col-md-5 {
    width: 41.66666666666667%; }

  .col-md-4 {
    width: 33.33333333333333%; }

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

  .col-md-2 {
    width: 16.666666666666664%; }

  .col-md-1 {
    width: 8.333333333333332%; }

  .visible-md-block,
  .visible-lg-block {
    display: block !important; }

  #header, #sidebar, #rightbar {
    display: none; }

  #content {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    padding: 0 !important; }
    #content .pageheader,
    #content .alert {
      display: none; }
    #content .add-nav .nav-heading,
    #content .add-nav .nav-tabs {
      display: none; }
    #content .price-total {
      float: right !important;
      width: 380px; }
    #content .page {
      padding: 0 !important; }

  .tile > .tile-header {
    display: none; } }
@-webkit-keyframes littleFadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes littleFadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }
.littleFadeInLeft {
  -webkit-animation-name: littleFadeInLeft;
  animation-name: littleFadeInLeft; }

@-webkit-keyframes littleFadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes littleFadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }
.littleFadeInRight {
  -webkit-animation-name: littleFadeInRight;
  animation-name: littleFadeInRight; }

@-webkit-keyframes littleFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes littleFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }
.littleFadeInUp {
  -webkit-animation-name: littleFadeInUp;
  animation-name: littleFadeInUp; }

@-webkit-keyframes littleFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes littleFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }
.littleFadeInDown {
  -webkit-animation-name: littleFadeInDown;
  animation-name: littleFadeInDown; }

@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5); } }
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5); } }
.ripple {
  -webkit-animation-name: ripple;
  animation-name: ripple; }

@-webkit-keyframes fadeOutText {
  0% {
    color: transparent; }
  80% {
    color: transparent; }
  100% {
    color: #fff; } }
@-moz-keyframes fadeOutText {
  0% {
    color: transparent; }
  80% {
    color: transparent; }
  100% {
    color: #fff; } }
@keyframes fadeOutText {
  0% {
    color: transparent; }
  80% {
    color: transparent; }
  100% {
    color: #fff; } }
@-webkit-keyframes moveToRight {
  80% {
    -webkit-transform: translateX(350%); }
  81% {
    opacity: 1;
    -webkit-transform: translateX(350%); }
  82% {
    opacity: 0;
    -webkit-transform: translateX(350%); }
  83% {
    opacity: 0;
    -webkit-transform: translateX(-50%); }
  84% {
    opacity: 1;
    -webkit-transform: translateX(-50%); }
  100% {
    -webkit-transform: translateX(0%); } }
@-moz-keyframes moveToRight {
  80% {
    -moz-transform: translateX(350%); }
  81% {
    opacity: 1;
    -moz-transform: translateX(350%); }
  82% {
    opacity: 0;
    -moz-transform: translateX(350%); }
  83% {
    opacity: 0;
    -moz-transform: translateX(-50%); }
  84% {
    opacity: 1;
    -moz-transform: translateX(-50%); }
  100% {
    -moz-transform: translateX(0%); } }
@keyframes moveToRight {
  80% {
    transform: translateX(350%); }
  81% {
    opacity: 1;
    transform: translateX(350%); }
  82% {
    opacity: 0;
    transform: translateX(350%); }
  83% {
    opacity: 0;
    transform: translateX(-50%); }
  84% {
    opacity: 1;
    transform: translateX(-50%); }
  100% {
    transform: translateX(0%); } }
@-webkit-keyframes scaleUp {
  80% {
    opacity: 0;
    -webkit-transform: scale(2); }
  100% {
    opacity: 0;
    -webkit-transform: scale(2); } }
@-moz-keyframes scaleUp {
  80% {
    opacity: 0;
    -moz-transform: scale(2); }
  100% {
    opacity: 0;
    -moz-transform: scale(2); } }
@keyframes scaleUp {
  80% {
    opacity: 0;
    transform: scale(2); }
  100% {
    opacity: 0;
    transform: scale(2); } }
@-webkit-keyframes fillToRight {
  to {
    width: 100%; } }
@-moz-keyframes fillToRight {
  to {
    width: 100%; } }
@keyframes fillToRight {
  to {
    width: 100%; } }
@-webkit-keyframes emptyBottom {
  to {
    height: 100%; } }
@-moz-keyframes emptyBottom {
  to {
    height: 100%; } }
@keyframes emptyBottom {
  to {
    height: 100%; } }
@-webkit-keyframes scaleFade {
  50% {
    opacity: 1;
    -webkit-transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5); } }
@-moz-keyframes scaleFade {
  50% {
    opacity: 1;
    -moz-transform: scale(1); }
  100% {
    opacity: 0;
    -moz-transform: scale(2.5); } }
@keyframes scaleFade {
  50% {
    opacity: 1;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(2.5); } }
@-webkit-keyframes dropDown {
  to {
    opacity: 1;
    -webkit-transform: scale(1); } }
@-moz-keyframes dropDown {
  to {
    opacity: 1;
    -moz-transform: scale(1); } }
@keyframes dropDown {
  to {
    opacity: 1;
    transform: scale(1); } }
@-webkit-keyframes dropDownFade {
  50% {
    opacity: 1;
    -webkit-transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5); } }
@-moz-keyframes dropDownFade {
  50% {
    opacity: 1;
    -moz-transform: scale(1); }
  100% {
    opacity: 0;
    -moz-transform: scale(1.5); } }
@keyframes dropDownFade {
  50% {
    opacity: 1;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1.5); } }
@-webkit-keyframes moveUp {
  0% {
    -webkit-transform: translateY(50%);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes moveUp {
  0% {
    -moz-transform: translateY(50%);
    opacity: 0; }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@keyframes moveUp {
  0% {
    transform: translateY(50%);
    opacity: 0; }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@-webkit-keyframes scaleFromUp {
  0% {
    -webkit-transform: scale(0);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: scale(1); } }
@-moz-keyframes scaleFromUp {
  0% {
    -moz-transform: scale(0);
    opacity: 0; }
  100% {
    opacity: 1;
    -moz-transform: scale(1); } }
@keyframes scaleFromUp {
  0% {
    transform: scale(0);
    opacity: 0; }
  100% {
    opacity: 1;
    transform: scale(1); } }
@-webkit-keyframes spinAround {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes spinAround {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }
@keyframes spinAround {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@-webkit-keyframes toRightFromLeft {
  49% {
    -webkit-transform: translate(100%); }
  50% {
    opacity: 0;
    -webkit-transform: translate(-100%); }
  51% {
    opacity: 1; } }
@-moz-keyframes toRightFromLeft {
  49% {
    -moz-transform: translate(100%); }
  50% {
    opacity: 0;
    -moz-transform: translate(-100%); }
  51% {
    opacity: 1; } }
@keyframes toRightFromLeft {
  49% {
    transform: translate(100%); }
  50% {
    opacity: 0;
    transform: translate(-100%); }
  51% {
    opacity: 1; } }
@-webkit-keyframes toLeftFromRight {
  49% {
    -webkit-transform: translate(-100%); }
  50% {
    opacity: 0;
    -webkit-transform: translate(100%); }
  51% {
    opacity: 1; } }
@-moz-keyframes toLeftFromRight {
  49% {
    -moz-transform: translate(-100%); }
  50% {
    opacity: 0;
    -moz-transform: translate(100%); }
  51% {
    opacity: 1; } }
@keyframes toLeftFromRight {
  49% {
    transform: translate(-100%); }
  50% {
    opacity: 0;
    transform: translate(100%); }
  51% {
    opacity: 1; } }
@-webkit-keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(-100%); }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%); }
  51% {
    opacity: 1; } }
@-moz-keyframes toTopFromBottom {
  49% {
    -moz-transform: translateY(-100%); }
  50% {
    opacity: 0;
    -moz-transform: translateY(100%); }
  51% {
    opacity: 1; } }
@keyframes toTopFromBottom {
  49% {
    transform: translateY(-100%); }
  50% {
    opacity: 0;
    transform: translateY(100%); }
  51% {
    opacity: 1; } }
@-webkit-keyframes toBottomFromTop {
  49% {
    -webkit-transform: translateY(100%); }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%); }
  51% {
    opacity: 1; } }
@-moz-keyframes toBottomFromTop {
  49% {
    -moz-transform: translateY(100%); }
  50% {
    opacity: 0;
    -moz-transform: translateY(-100%); }
  51% {
    opacity: 1; } }
@keyframes toBottomFromTop {
  49% {
    transform: translateY(100%); }
  50% {
    opacity: 0;
    transform: translateY(-100%); }
  51% {
    opacity: 1; } }
@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.1; }
  40% {
    opacity: 0.2;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px, 0 0 0 5px rgba(255, 255, 255, 0.5); }
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px, 0 0 0 5px rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1.5);
    opacity: 0; } }
@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.1; }
  40% {
    opacity: 0.2;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px, 0 0 0 5px rgba(255, 255, 255, 0.5); }
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px, 0 0 0 5px rgba(255, 255, 255, 0.5);
    -moz-transform: scale(1.5);
    opacity: 0; } }
@keyframes sonarEffect {
  0% {
    opacity: 0.1; }
  40% {
    opacity: 0.2;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px, 0 0 0 5px rgba(255, 255, 255, 0.5); }
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px, 0 0 0 5px rgba(255, 255, 255, 0.5);
    transform: scale(1.5);
    opacity: 0; } }
@-webkit-keyframes slit {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(89deg);
    opacity: .5;
    -webkit-animation-timing-function: ease-out; }
  100% {
    -webkit-transform: translateZ(0) rotateY(0deg);
    opacity: 1; } }
@-moz-keyframes slit {
  50% {
    -moz-transform: translateZ(-250px) rotateY(89deg);
    opacity: .5;
    -moz-animation-timing-function: ease-out; }
  100% {
    -moz-transform: translateZ(0) rotateY(0deg);
    opacity: 1; } }
@keyframes slit {
  50% {
    transform: translateZ(-250px) rotateY(89deg);
    opacity: 1;
    animation-timing-function: ease-in; }
  100% {
    transform: translateZ(0) rotateY(0deg);
    opacity: 1; } }







@CHARSET "UTF-8";

#submenico { 
    padding-right: 15px !important;
   
}

#submelement{ 
    
    padding-bottom: 10px !important;
}

.form-control-erp{
	font-size: 11px !important;
	height: 25px !important;
	padding: 5px 5px !important;
}

/*.ui-select-erp button{
	font-size: 11px !important;
	height: 25px !important;
	padding: 5px 5px !important;
}*/
.ui-select-erp > div > span{
	font-size: 11px;
	height: 25px;
	padding: 5px 5px;
}

.ui-select-erp input:focus,
.ui-select-erp input:focus:hover,
.ui-select-erp input:hover,
.ui-select-erp input{
	height: 25px;
	padding: 5px 5px;
}

.ui-select-erp > div > span a{
	top: 3px !important;
}

.input-erp{
	font-size: 11px !important;
	height: 25px !important;
	padding: 5px 5px !important;
}

.btn-erp{
	font-size:8px !important;
}


.label-checkbox {
	font-family: inherit !important;
  	font-size: 11px !important;
	padding-left: 1px !important;
}
.listado-checkbox > tbody > tr td:last-child{
	padding: 0px !important;	
}
/*.tile .tile-body{
	padding: 25px !important;
	padding-bottom: 0 !important;
}*/

.input-group-erp{
	padding-bottom: 5px !important;
}

.table > tbody > tr > td {
	padding: 3px !important;
}

.media-erp {
	margin-top: 0px !important;
}

.modal-header-erp{
	font-family: "Lato", "Arial", sans-serif !important;
	font-size: large;
	color: rgba(255, 255, 255, 0.7) !important;
	background-color: #3f4e62 !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}



.shadow{
	
	width:100%;
	height:1000px;
	position: absolute;
	z-index:90;
	background: rgba(0,0,0,0.83);
	top:0;
	left:0;
	display:block;
	
	
}

.emergente{
	
	
	position: absolute;
	z-index:99;
	top:0;
	left:0;
	background:rgba(255,255,255,0);
	width:70%;
	margin:15%;
	
	
}

.celda-rojo{
	background: #dc485c !important;
	color:#FFF;
	text-align:right;
}
.celda-rojo-light{
	background: #e05d6f !important;
	color:#FFF;
	text-align:right;
}

.celda-negro-left{
	color:#000;
	text-align:left;
}

.celda-negro-center{
	color:#000;
	text-align:center;
	/* font-weight: bold; */
}
.celda-purple-center{
	background: #dde0ff !important;
	text-align:center;
	/* font-weight: bold; */
}
.celda-yellow-center{
	background: #ffff0017 !important;
	text-align: center;
}
.celda-rojo-light-center{
	background: #e05d6f6e !important;
	text-align:center;
}


.celda-red-nopreparado{
	background: #e05d6f6e !important;
}

.celda-red-light-right{
	background: #e05d6f6e !important;
	text-align: right;
}
.celda-purple-light-right{
	background: #dde0ff !important;
	text-align: right;
}
.celda-yellow-light-right{
	background: #ffff0038 !important;
	text-align: right;
}	

.celda-negro-right{
	color: #000;
	text-align: right;
}
.celda-negro{
	color:#000;
	text-align:left;
}
.celda-negro-light{
	/*background:rgba(250,250,250,0.65)!important;*/
	color: gray;
	text-align:right;
}
.celda-blue-remesa{
	color:blue !important;
}
.celda-blue-caja-importe{
	color:blue !important;
	text-align: right !important;
}

/* Contabilidad */
.celda-blue-contabilidad{
	color:#3d3da5 !important;
	text-align: center !important;
}
.celda-blue-contabilidad-light{
	color: blue !important;
	text-align: center !important;
}
.celda-blue-contabilidad-exportado{
	color: blue !important;
	text-align: center !important;
}
.celda-red-contabilidad{
	background: #e05d6f82 !important;
	color: #000 !important;
	text-align: center !important;
}

/* Cuentas */
.celda-verde-conciliado{
	color: green !important;
	text-align: center !important;
}
.celda-verde-cobro{
	background: #6cda6ca6 !important;
	text-align: center !important;
}
.celda-roja-pago{
	background: #da384f70 !important;
	text-align: center !important;
}
.celda-gray-vencimiento{
	color: gray !important;
	text-align: center !important;
}
.celda-verde-light-vencimiento{
	background: #dbf3db !important;
	text-align: center !important;
}
.celda-amarilla-light-traspaso{
	background: #ececbf !important;
	text-align: center !important;
}

/* Matrícula online */
.celda-pendiente-matonl{
	background: #ffffcf !important;
}
.celda-pendiente-matonl-center{
	background: #ffffcf !important;
	text-align: center !important;
}
.celda-finalizado-matonl{
	background: #dbffdb !important;
}
.celda-finalizado-matonl-center{
	background: #dbffdb !important;
	text-align: center !important;
}
.celda-nofinalizado-matonl{
	background: #da384f70 !important;
}
.celda-nofinalizado-matonl-center{
	background: #da384f70 !important;
	text-align: center !important;
}


.left{
	text-align: left !important;
}
.right{
	text-align: right !important;
}
.celda-negro-light-red{
	color: #c53636;
}
.celda-negro-red{
	color: #c53636;
}

.celda-verde{
	background: #398439 !important; /*green!important;*/
	color:#FFF;
	text-align:right;
}
.celda-verde-light{
	background: #5cb85c !important;
	color:#FFF;
	text-align:right;
}
.celda-azul-light{
	background: #145d899e !important;
	color: #FFF;
	text-align: right;
}
.celda-amarilla{
	background: #f7f4a5 !important;
	color:black;
	text-align:right;
}
.celda-azul{
	color: #0e2b4e;
	text-align:right;
}
/*.celda-amarilla{
	background: #f7f4a5 !important;
	color:black;
	text-align:right;
}*/
.celda-morada{
	background: #bdcaf9 !important;
	color:black;
	text-align:right;
}
.celda-letra-roja{
	color: #882b38 !important;
	text-align:right;
}

/* Warnings control vencimientos */
.warning-red{
	color: #b11818 !important;
}
.warning-yellow{
	color: #d4c22b !important;
}

/* Generic ui grid */
.ui-grid-header{
	text-align: center;
}

.adjunto-cell {
    display:flex;
    align-items: flex-end;
}
  .adjunto-cell > div:nth-child(1){
      width: 10px;
      color: #7780b3;
  }
  .adjunto-cell > div:nth-child(2){
    flex: 1;
    margin-right: 2px;
  }

.estado-cell {}
    .estado-cell > img{
        width: 10px;
        height: 10px;
    }


/* UI GRID */
.grid-erp-blue{
	border: 1px solid #b9dbff;
}
	.grid-erp-blue .ui-grid-header {
		border-bottom: 1px solid #9cacc1;
		box-sizing: border-box;
	}
	.grid-erp-blue .ui-grid-header-cell-wrapper{
		background: #4d75a0;
		color: white;
		padding: 1px;
	}
	.grid-erp-blue .ui-grid-footer-panel.ui-grid-footer-aggregates-row{
	    background: #4d75a0;
	    border-top: 5px solid white;
	    color: white;
	}
	.grid-erp-blue .ui-grid-footer.ui-grid-footer-viewport{
		height: 100%;
	}
	.grid-erp-blue .ui-grid-footer-canvas{
		height: 100%;
	}
	
	.grid-erp-blue .ui-grid-footer-cell-row{
		/* display: flex; */
		/* align-items: center; */
		/* justify-content: center; */
	}
		.grid-erp-blue .ui-grid-footer-cell-row .ui-grid-footer-cell{
		}
		.grid-erp-blue .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
			/* position: absolute; */
			border: none;
		}
			.grid-erp-blue .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1) .ui-grid-cell-contents{
				position: absolute;
			}
			.grid-erp-blue .ui-grid-footer-cell-row .ui-grid-footer-cell .ui-grid-cell-contents{
				line-height: 21px;
			}

.grid-erp-green{
	border: 1px solid #e8e8e8;
}
	.grid-erp-green .ui-grid-header {
		border-bottom: 1px solid #9cacc1;
		box-sizing: border-box;
	}
	.grid-erp-green .ui-grid-header-cell-wrapper{
		background: #60858b !important;
		color: white;
		padding: 1px;
	}
	.grid-erp-green .ui-grid-footer-panel.ui-grid-footer-aggregates-row{
	    background: #60858b !important;
	    color: white;
	    height: 25px;
	}
	.grid-erp-green .ui-grid-footer.ui-grid-footer-viewport{
		height: 100%;
	}
	.grid-erp-green .ui-grid-footer-canvas{
		height: 100%;
	}
	
	.grid-erp-green .ui-grid-footer-cell-row{
		/* display: flex; */
		/* align-items: center; */
		/* justify-content: center; */
	}
		.grid-erp-green .ui-grid-footer-cell-row .ui-grid-footer-cell{
		}
		.grid-erp-green .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
			/* position: absolute; */
			border: none;
		}
			.grid-erp-green .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1) .ui-grid-cell-contents{
				position: absolute;
			}
			.grid-erp-green .ui-grid-footer-cell-row .ui-grid-footer-cell .ui-grid-cell-contents{
				line-height: 21px;
			}
			
.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #738dad36;
  }
.ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #ffffff;
  }
.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  background-color: #aacbde;
}


/* UI GRID NUEVO */
.ui-grid-header-cell-row{
	flex-wrap: nowrap;
}
@CHARSET "UTF-8";

.grid{
	font:ui-grid !important;
	font-size: 8pt !important;
    width: 100% !important;
     
    color:black !important;
}
.resize-grid{
	height:90% !important;
}
.ui-grid-icon-blank {
  display: none !important;
}

.ui-grid-viewport {
	margin-top: -1px !important;
}

.ui-grid-cell-contents  {
	padding: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.ui-grid-cell-left {
  text-align: left !important;
}

.ui-grid-cell-right {
  text-align: right !important;
}

.ui-grid-cell-center {
  text-align: center !important;
}


#datos{
	font:ui-grid !important;
	font-size: 8pt !important;
    width: 100% !important;
   
    color:black !important;
	
	
}


@charset "UTF-8";


/* Tabs */
/*.tab-erp {
}
	.tab-erp > *:nth-child(1){
		background: #f4f5f6;
		padding: 0px;
	}
		.tab-erp > *:nth-child(1) > *:nth-child(2){
		    height: 22px !important;
		}
			.tab-erp > *:nth-child(1) > *:nth-child(2) > *{
			}
				.tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *{
					font-size: 13px;
					text-transform: none;
					padding: 0px 15px 0px 15px;
					font-weight: normal;
					font-weight: 700;
					font-family: inherit;
				}
				.tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *:nth-child(3){
					top: 25px !important;
					color: #3f4e62 !important;
					background: #3f4e62 !important;
				}
				.tab-erp > *:nth-child(1) > *:nth-child(2) > * > *{
				    padding-top: 0px;
				}
	.tab-erp > *:nth-child(2){
	}
		.tab-erp > *:nth-child(2) > *{
			margin: 0px;
		}
			.tab-erp > *:nth-child(2) > * > *{
			}
				.tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
					background: #f8fafb;
					margin: 0px;
					padding: 4px 5px 5px 6px;
					overflow: hidden;
				}
	.tab-erp md-ink-bar {
	    top: 25px !important;
	    color: #3f4e62 !important;
	    background: #3f4e62 !important;
	}

md-tabs-canvas {
    height: 27px !important;
    margin-right: 110px !important;
}
	md-tabs-canvas md-tab-item{
	    color: #757575 !important;
	    font-size: 13px;
	    font-family: tahoma;
	    text-transform: none;
	    max-width: 100px;
	    margin: 0px !important;
	    padding: 0px 15px 0px 15px;
	    font-weight: normal;
	}
md-tabs-wrapper md-next-button {
    right: 0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K");
    margin-right: 80px;
}*/

/* End tabs */

/* Tab dynamics */
/*.tab-dynamic-erp {
    margin: 0px;
    padding: 0px;
    width: 100%;
}
	.tab-dynamic-erp > md-tabs{
		margin: 0px;
		border: none;
	}
		.tab-dynamic-erp > md-tabs > md-tabs-wrapper{
		    height: 32px !important;
		    padding: 0px;
		}
			.tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data{
			}
				.tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data > md-tab{
				}
			.tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas{
			}
				.tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper{
				}
					.tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item{
						padding: 0px;
					}
						.tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item > span{
							color: #757575 !important;
							font-size: 13px;
							font-family: tahoma;
							text-transform: none;
							max-width: 200px;
							margin: 0px !important;
							padding: 0px 15px 0px 15px;
							font-weight: normal;
						}
	.tab-dynamic-erp md-ink-bar {
	    top: 30px !important;
	    color: #3f4e62 !important;
	    background: #3f4e62 !important;
	}
	.tab-dynamic-erp md-tabs-content-wrapper {
	    top: 32px !important;
	}
		.tab-dynamic-erp md-tabs-content-wrapper > md-tab-content{
			padding: 0px;
			margin: 0px;
			background: white;
			width: 100% !important;
			display: flex;
		}
			.tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div{
			    padding: 0px;
			    margin: 0px;
			    width: 100%;
			}
				.tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > *{
					overflow: hidden;
					padding-top: 5px !important;
					padding-bottom: 10px !important;
					padding-left: 10px !important;
					padding-right: 10px !important;
					margin: 0px !important;
					text-align: left !important;
					display: flex;
					flex-direction: column;
				}
					.tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > * > div{
					}
						.tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > * > div > div{
						    padding-top: 0px;
						    padding-bottom: 0px;
						    padding-left: 10px;
						    padding-right: 10px;
						}
*/
/* End tab dynamics */


/* Tabs color */
/*
.tab-erp-blue{
	border: 1px solid #dce7ff;
}
	.tab-erp-blue md-tabs-wrapper{
		background: #145d89 !important;
		color: white !important;
	}
	.tab-erp-blue md-tab-item{
		color: white !important;
	}
*/

/*
.tab-erp-orange{
	border: 1px solid #c79b86;
}
	.tab-erp-orange md-tabs-wrapper{
		background: #c79b86 !important;
		color: white !important;
	}
	.tab-erp-orange md-tab-item{
		color: white !important;
	}
*/

/*	
.tab-erp-darkblue{
	border-radius: 0 !important;
}
	.tab-erp-darkblue md-tabs-wrapper{
		background: #6f80a5 !important;
		color: white !important;
	}
	.tab-erp-darkblue md-tab-item{
		color: white !important;
	}	
*/

/* Tabs height */
.tab-erp-height-4{
	height: 140px;
}

/* Tabs controls */
.tabs-erp-controls{
	position: absolute;
	z-index: 1;
	display: flex;
	right: 5px;
	align-items: center;
	top: 5px;
	font-size: 12px;
}

/* New tabs erp */
.ntabs-erp{
	border: 1px solid #145d89;
}
	.ntabs-erp > .cabecera{
		background: #145d89;
		color: white;
		padding-left: 2px;
	}
	.ntabs-erp > .content{
		padding: 5px 5px;
	}
@charset "UTF-8";

.dupgen{
	display: flex;
	flex-direction: column;
	border: 1px solid #bdd0ea;
}
	.dupgen > div{
		display: flex;
		padding: 2px;
	}
	.dupgen > .cabecera{
		margin-bottom: 5px;
		background: #145D87;
		color: white;
	}
		.dupgen > .cabecera > .titulo{

		}
			.dupgen > .cabecera > .titulo > span{
				font-size: 14px;
				margin-left: 5px;
			}
	.dupgen > .content{
		flex-direction: column;
	}

	.destino {
		padding-bottom: 10px;
	}
	
	condiciones-dg input.numero-copias{
		text-align: right !important;
	}
	
	.dupgen-loading{
		width: 98% !important;
	}
	
.select-prioridad{
	width: 10px;
	padding-left: 2px;
	display: flex;
	flex-direction: column;
}
	.select-prioridad > i{
		height: 8px;
		font-size: 12px;
	}
	
.indicador-prioridad{
	margin-left: 3px;
	height: 16px; 
	width: 16px;
	margin-top: 2px;
}
	.indicador-prioridad.prioridad-1{
		background-color: #c9fec9 !important;
	}
	.indicador-prioridad.prioridad-2{
		background-color: #fffeca !important;
	}
	.indicador-prioridad.prioridad-3{
		background-color: #fee4c9 !important;
	}
	.indicador-prioridad.prioridad-4{
		background-color: #fec7c8 !important;
	}
	.indicador-prioridad.prioridad-5{
		background-color: #fd8c8d !important;
	}
@charset "UTF-8";


/* Delegaciones */

.paginacion {
    display: flex;
    border: 1px solid #ebf1ff;
}
    .paginacion > div{
        display: flex;
        flex: 1;
        align-item: center;
        justify-content:space-around;
    }
    .paginacion > .header{
        border: 1px solid #d7dce6;
    }
    .paginacion > .buttons{
        
        margin-left: 15px;
        
        
    }
.paginacion button{
    border: 0px;
	background: transparent;
    }

/* End delegaciones */


/* Departamentos */
.listado-departamentos {
    display: flex;
    flex-direction: column;
    margin-bottom: 0px !important;
    overflow-x: unset !important;
}
    .listado-departamentos > div{
        display: flex;
        flex-direction: column;
        flex: 1;
    }
    .listado-departamentos > .cabecera{
        display: flex;
    }
        .listado-departamentos > .cabecera > div{
            flex: 1;
            display: flex;
        }
        .listado-departamentos > .cabecera > div:nth-child(1){
            flex: 1;
            display: flex;
            margin-bottom: 5px;
        }
            .listado-departamentos > .cabecera > div:nth-child(1) > div{
	            flex: 1;
	            margin: 0px 3px !important;
	            border-bottom: 1px solid #4a5a72;
	            text-align: center !important;
	           /* width: fit-content;*/
	           }
           	.listado-departamentos > .cabecera > div:nth-child(1) > div:nth-child(1){
	           min-width: 20px;
	           max-width: 20px;
	        }
	        .listado-departamentos > .cabecera > div:nth-child(1) > div:last-child{
	           min-width: 40px;
	           max-width: 40px;
	           border: none;
	        }
        .listado-departamentos > .cabecera > div:nth-child(2){
            display: flex;
            flex: 1;
        }
            .listado-departamentos > .cabecera > div:nth-child(2) > div{
	            display: flex;
	            flex: 1;
	            margin: 0px 3px !important;
	            /* min-width: fit-content; */
	           }
            .listado-departamentos > .cabecera > div:nth-child(2) > div:nth-child(1){
	           min-width: 20px;
	           max-width: 20px;
	        }
	        .listado-departamentos > .cabecera > div:nth-child(2) > div:last-child{
	           min-width: 40px;
	           max-width: 40px;
	           margin: 0px;
	        }
	        	.listado-departamentos > .cabecera > div:nth-child(2) > div:nth-child(8) > button{
					width: 25px;
					margin: 0px !important;
				}
    .listado-departamentos > .content{
        display: flex;
    }
        .listado-departamentos > .content > div{
            flex: 1;
            display: flex;
        }
        	.listado-departamentos > .content > div > div{
				flex: 1;
				margin: 0px 3px !important;
			}

			 .listado-departamentos > .cabecera > div:nth-child(1) > div,
	 .listado-departamentos > .cabecera > div:nth-child(2) > div{
          /* max-width: 82px; */
          min-width: 82px;
      }
      
       .listado-departamentos > .cabecera > div:nth-child(1) > div:nth-child(1),
       .listado-departamentos > .cabecera > div:nth-child(2) > div:nth-child(1){
	           min-width: 20px !important;
	           max-width: 20px !important;
	           justify-content: center !important;
	        }
        .listado-departamentos > .cabecera > div:nth-child(1) > div:last-child,
        .listado-departamentos > .cabecera > div:nth-child(2) > div:last-child{
           min-width: 40px !important;
           max-width: 40px !important;
           display: flex;
           flex: 1;
           margin: 0px 3px;
        }
        
         .listado-departamentos > .content > div{
			margin-top: 5px;
		  }     
		  .listado-departamentos > .content > div > div{
				min-width: 82px;
				/* max-width: 82px; */
				text-align: center;
				overflow: auto;
				font-size: 12px;
			}     
		  .listado-departamentos > .content > div > div:nth-child(1){
				min-width: 20px !important;
	    		max-width: 20px !important;
		  }
		  .listado-departamentos > .content > div > div:last-child{
				min-width: 30px !important;
				max-width: 30px !important;
				overflow: unset !important;
			}
			 .listado-departamentos > .content > div > div:last-child > button{
				width: 20px;
				margin: 0px !important;
				}
/* End departamentos */


/* Cuentas */

/* CUENTAS */
.cuentas{
    display: flex;
    flex-direction: column;
}
	.cuentas > div{
	    display: flex;
	    flex: 1;
	}
	.cuentas > .cabecera{
		color: #616161;
	}
		.cuentas > .cabecera > div{
		    flex: 1;
		    border-bottom: 1px solid black;
		    margin: 0px 2px;
		    text-align: center;
		    min-width: 45px;
		    max-width: 45px;
		}
		.cuentas > .cabecera > div:nth-child(1){
			min-width: 15px;
			max-width: 15px;
			border: none;
		}
		.cuentas > .cabecera > div:nth-child(2){
			min-width: 32px;
			max-width: 32px;
		}
		.cuentas > .cabecera > div:nth-child(5){
			min-width: 25px;
			max-width: 25px;
		}
		.cuentas > .cabecera > div:nth-child(6){
			min-width: 80px;
			max-width: 80px;
		}
		.cuentas > .cabecera > div:nth-child(7){
			min-width: 180px;
			max-width: 180px;
		}
		.cuentas > .cabecera > div:nth-child(8){
			/* border: none; */
			min-width: 30px;
			max-width: 30px;
		}
		.cuentas > .cabecera > div:nth-child(9){
			border: none;
			min-width: 30px;
			max-width: 30px;
		}
	.cuentas > .content{
	    flex-direction: column;
	}
		.cuentas > .content > div{
		    display: flex;
		    flex: 1;
		    font-size: 13px;
		    font-family: tahoma;
		    text-align: center;
		    /* border-bottom: 1px solid blue; */
		}
		.cuentas > .content > .cuenta{
			flex-direction: row;
		}
			.cuentas > .content > .cuenta > div{
			    margin: 2px 2px;
			    text-align: center;
			    min-width: 45px;
			    max-width: 45px;
			}
			.cuentas > .content > .cuenta > div:nth-child(1){
				min-width: 15px;
				max-width: 15px;
				border: none;
			}
			.cuentas > .content > .cuenta > div:nth-child(2){
				min-width: 32px;
				max-width: 32px;
			}
			.cuentas > .content > .cuenta > div:nth-child(5){
				min-width: 25px;
				max-width: 25px;
			}
			.cuentas > .content > .cuenta > div:nth-child(6){
				min-width: 80px;
				max-width: 80px;
			}
			.cuentas > .content > .cuenta > div:nth-child(7){
				min-width: 180px;
				max-width: 180px;
			}
			.cuentas > .content > .cuenta > div:nth-child(8){
				border: none;
				min-width: 30px;
				max-width: 30px;
			}
			.cuentas > .content > .cuenta > div:nth-child(9){
				border: none;
				min-width: 30px;
				max-width: 30px;
			}

		.cuentas > .content > .listado-cuentas{
			border-bottom: 1px dashed #dfdfdf;
			margin: 2px 0px;
		}
		.cuentas > .content > .listado-cuentas:last-child{
			border: none;
		}
		.cuentas > .content > .listado-cuentas > div{
			flex: 1;
			margin: 2px 2px;
			min-width: 45px;
		    max-width: 45px;
		}
		.cuentas > .content > .listado-cuentas > div:nth-child(1){
			min-width: 15px;
			max-width: 15px;
			border: none;
			padding-left: 12px;
		}
		.cuentas > .content > .listado-cuentas > div:nth-child(2){
			min-width: 32px;
			max-width: 32px;
		}
		.cuentas > .content > .listado-cuentas > div:nth-child(5){
			min-width: 25px;
			max-width: 25px;
		}
		.cuentas > .content > .listado-cuentas > div:nth-child(6){
			min-width: 80px;
			max-width: 80px;
		}
		.cuentas > .content > .listado-cuentas > div:nth-child(7){
			min-width: 180px;
			max-width: 180px;
		}
		.cuentas > .content > .listado-cuentas > div:nth-child(8){
			border: none;
			min-width: 50px;
			max-width: 50px;
		}
		.cuentas > .content > .listado-cuentas > div:nth-child(9){
			border: none;
			min-width: 10px;
			max-width: 10px;
			color: #616f78;
		}
.cuentas .buttons-cuentas{
	display: flex;
	flex: 1;
}
	.cuentas .buttons-cuentas > button{
		background-color: transparent !important;
	}

/* End cuentas */


/* CUENTAS SIN MIGRAR*/
.cuentas_sinmigrar{
    display: flex;
    flex-direction: column;
}
	.cuentas_sinmigrar > div{
	    display: flex;
	    flex: 1;
	}
	.cuentas_sinmigrar > .cabecera{
		color: #616161;
	}
		.cuentas_sinmigrar > .cabecera > div{
		    flex: 1;
		    border-bottom: 1px solid black;
		    margin: 0px 2px;
		    text-align: center;
		    min-width: 45px;
		    max-width: 45px;
		}
		.cuentas_sinmigrar > .cabecera > div:nth-child(1){
			min-width: 15px;
			max-width: 15px;
			border: none;
		}
		.cuentas_sinmigrar > .cabecera > div:nth-child(2){
			min-width: 32px;
			max-width: 32px;
		}
		.cuentas_sinmigrar > .cabecera > div:nth-child(5){
			min-width: 25px;
			max-width: 25px;
		}
		.cuentas_sinmigrar > .cabecera > div:nth-child(6){
			min-width: 80px;
			max-width: 80px;
		}
		.cuentas_sinmigrar > .cabecera > div:nth-child(7){
			min-width: 180px;
			max-width: 180px;
		}
		.cuentas_sinmigrar > .cabecera > div:nth-child(8){
			/* border: none; */
			min-width: 30px;
			max-width: 30px;
		}
		.cuentas_sinmigrar > .cabecera > div:nth-child(9){
			border: none;
			min-width: 30px;
			max-width: 30px;
		}
	.cuentas_sinmigrar > .content{
	    flex-direction: column;
	}
		.cuentas_sinmigrar > .content > div{
		    display: flex;
		    flex: 1;
		    font-size: 13px;
		    font-family: tahoma;
		    text-align: center;
		    /* border-bottom: 1px solid blue; */
		}
		.cuentas_sinmigrar > .content > .cuenta{
			flex-direction: row;
		}
			.cuentas_sinmigrar > .content > .cuenta > div{
			    margin: 2px 2px;
			    text-align: center;
			    min-width: 45px;
			    max-width: 45px;
			}
			.cuentas_sinmigrar > .content > .cuenta > div:nth-child(1){
				min-width: 15px;
				max-width: 15px;
				border: none;
			}
			.cuentas_sinmigrar > .content > .cuenta > div:nth-child(2){
				min-width: 32px;
				max-width: 32px;
			}
			.cuentas_sinmigrar > .content > .cuenta > div:nth-child(5){
				min-width: 25px;
				max-width: 25px;
			}
			.cuentas_sinmigrar > .content > .cuenta > div:nth-child(6){
				min-width: 80px;
				max-width: 80px;
			}
			.cuentas_sinmigrar > .content > .cuenta > div:nth-child(7){
				min-width: 180px;
				max-width: 180px;
			}
			.cuentas_sinmigrar > .content > .cuenta > div:nth-child(8){
				border: none;
				min-width: 30px;
				max-width: 30px;
			}
			.cuentas_sinmigrar > .content > .cuenta > div:nth-child(9){
				border: none;
				min-width: 30px;
				max-width: 30px;
			}

		.cuentas_sinmigrar > .content > .listado-cuentas{
			border-bottom: 1px dashed #dfdfdf;
			margin: 2px 0px;
		}
		.cuentas_sinmigrar > .content > .listado-cuentas:last-child{
			border: none;
		}
		.cuentas_sinmigrar > .content > .listado-cuentas > div{
			flex: 1;
			margin: 2px 2px;
			min-width: 45px;
		    max-width: 45px;
		}
		.cuentas_sinmigrar > .content > .listado-cuentas > div:nth-child(1){
			min-width: 15px;
			max-width: 15px;
			border: none;
			padding-left: 12px;
		}
		.cuentas_sinmigrar > .content > .listado-cuentas > div:nth-child(2){
			min-width: 32px;
			max-width: 32px;
		}
		.cuentas_sinmigrar > .content > .listado-cuentas > div:nth-child(5){
			min-width: 25px;
			max-width: 25px;
		}
		.cuentas_sinmigrar > .content > .listado-cuentas > div:nth-child(6){
			min-width: 80px;
			max-width: 80px;
		}
		.cuentas_sinmigrar > .content > .listado-cuentas > div:nth-child(7){
			min-width: 180px;
			max-width: 180px;
		}
		.cuentas_sinmigrar > .content > .listado-cuentas > div:nth-child(8){
			border: none;
			min-width: 50px;
			max-width: 50px;
		}
		.cuentas_sinmigrar > .content > .listado-cuentas > div:nth-child(9){
			border: none;
			min-width: 10px;
			max-width: 10px;
			color: #616f78;
		}
.cuentas_sinmigrar .buttons-cuentas{
	display: flex;
	flex: 1;
}
	.cuentas_sinmigrar .buttons-cuentas > button{
		background-color: transparent !important;
	}

/* End cuentas SIN MIGRAR */



/* Condiciones */

/* End condiciones */


/* Incidencias */
.listado-incidencias {
    display: flex;
    flex-direction: column;
    margin-bottom: 0px !important;
    overflow-x: unset !important;
}
    .listado-incidencias > div{
        display: flex;
        flex-direction: column;
        flex: 1;
    }
    .listado-incidencias > .cabecera{
        display: flex;
    }
        .listado-incidencias > .cabecera > div{
            flex: 1;
            display: flex;
        }
        .listado-incidencias > .cabecera > div:nth-child(1){
            flex: 1;
            display: flex;
            margin-bottom: 5px;
        }
            .listado-incidencias > .cabecera > div:nth-child(1) > div{
	            flex: 1;
	            margin: 0px 3px !important;
	            border-bottom: 1px solid #4a5a72;
	           text-align: center !important;
	            /*width: fit-content;*/
	           }
           	.listado-incidencias > .cabecera > div:nth-child(1) > div:nth-child(1){
	           min-width: 35px;
	           max-width: 35px;
	        }
	        .listado-incidencias > .cabecera > div:nth-child(1) > div:nth-child(2){
	           min-width: 85px;
	           max-width: 85px;
	        }
	        .listado-incidencias > .cabecera > div:nth-child(1) > div:nth-child(5){
	           min-width: 35px;
	           max-width: 35px;
	        }
	        .listado-incidencias > .cabecera > div:nth-child(1) > div:last-child{
	           min-width: 40px;
	           max-width: 40px;
	           border: none;
	        }
        .listado-incidencias > .cabecera > div:nth-child(2){
            display: flex;
            flex: 1;
        }
            .listado-incidencias > .cabecera > div:nth-child(2) > div{
	            display: flex;
	            flex: 1;
	            margin: 0px 3px !important;
	            /* min-width: fit-content; */
	           }
            .listado-incidencias > .cabecera > div:nth-child(2) > div:nth-child(1){
	           min-width: 35px;
	           max-width: 35px;
	           justify-content: center !important;
	        }
	        
	         .listado-incidencias > .cabecera > div:nth-child(2) > div:nth-child(2){
	           min-width: 85px;
	           max-width: 85px;
	        }

	        .listado-incidencias > .cabecera > div:nth-child(2) > div:nth-child(5){
	           min-width: 35px;
	           max-width: 35px;
	        }
	        	.listado-incidencias > .cabecera > div:nth-child(2) > div:nth-child(5) .check{
				  padding-left: 28px !important;
				}

	        .listado-incidencias > .cabecera > div:nth-child(2) > div:last-child{
	           min-width: 40px;
	           max-width: 40px;
	           margin: 0px;
	           flex: 1;
	           margin: 0px 3px !important;
	        }
	        	.listado-incidencias > .cabecera > div:nth-child(2) > div:last-child > button{
					width: 25px;
					margin: 0px !important;
				}
    .listado-incidencias > .content{
        display: flex;
    }
        .listado-incidencias > .content > div{
            flex: 1;
            display: flex;
        }
        	.listado-incidencias > .content > div > div{
				flex: 1;
				margin: 0px 3px !important;
				text-align:  center;
				font-size: 12px;
			}

			.listado-incidencias > .content > div > div:nth-child(1){
				min-width: 35px;
				max-width: 35px;
			}
			.listado-incidencias > .content > div > div:nth-child(2){
				min-width: 85px;
				max-width: 85px;
			}
			.listado-incidencias > .content > div > div:nth-child(5){
				min-width: 35px;
				max-width: 35px;
			}
			.listado-incidencias > .content > div > div:last-child{
				min-width: 40px;
				max-width: 40px;
			}
				.listado-incidencias > .content > div > div:last-child >button{
					width: 25px;
					margin: 0px !important;
				}

/* End incidencias */



/* Dias de pago */
.diasPago {
    display: flex;
    flex-direction: column;
    border: 1px solid brown;
    padding: 2px;
}
    .diasPago > div:nth-child(1){
        border-bottom: 1px solid yellow;
    }
    .diasPago > .header {
        display: flex;
        flex-direction: column;
    }
        .diasPago > .header > .cabecera{
            display: flex;
        }
            .diasPago > .header > .cabecera > div{
                margin: 0px 5px;
                border-bottom: 1px solid blue;
            }
        .diasPago > .header > .content{
            display: flex;
        }
            .diasPago > .header > .content > div{
                margin: 0px 5px;
            }
    .diasPago > .content {
        display: flex;
    }
        .diasPago > .content > .listado-dias-pago{
            display: flex;
            flex-direction: column;
        }
            .diasPago > .content > .listado-dias-pago > div{
                display: flex;
                border-bottom: 1px dashed blue;
            }
            .diasPago > .content > .listado-dias-pago > div:last-child{
            	border-bottom: none;
            }
            	.diasPago > .content > .listado-dias-pago > div > div{
            		margin: 0px 5px;
            	}

/* End dias de pago */

.terceros-operaciones .parrafo{
    padding-top: 10px;
    padding-left: 20px;
}
@charset "UTF-8";

select-erp {
    width: 100%;
}

/* SELECT INPUT ERP */
.select-input{
	display: flex;
	width: 100%;
}
	.select-input > input{
		height: 20px;
		padding-left: 2px;
	}
	.select-input > input.disabled-hidden{
		background-color: white;
		border: 1px solid #cccccc;
	}
	.select-input > input.disabled-visible:hover,
	.select-input > input.disabled-visible:focus{
		border: 1px solid #f4f4f4;
	}
	/*.select-input > input:disabled:hover,
	.select-input > input:disabled:focus{
		border: 1px solid #f4f4f4;
	}*/
	.select-input > input:hover,
	.select-input > input:focus{
		border: 1px solid #758dab;
	}
	.select-input > input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  	color: #c5ccd0;
	  	/*font-style: oblique;*/
	 	font-size: 10px;
	  	font-family: tahoma;
	  	text-transform: uppercase;
	  
	}
	.select-input > input::-moz-placeholder { /* Firefox 19+ */
	  	color: #c5ccd0;
	  	font-style: oblique;
	  	font-family: tahoma;
	  	text-transform: uppercase;
	}
	.select-input > input::-ms-input-placeholder { /* IE 10+ */
	  	color: #c5ccd0;
	  	font-style: oblique;
	   	font-family: tahoma;
	   	text-transform: uppercase;
	}
	.select-input > input::-moz-placeholder { /* Firefox 18- */
	  	color: #c5ccd0;
		font-style: oblique;
	   	font-family: tahoma;
	   	text-transform: uppercase;
	}
	.select-input .button-select-input{
		border-left: none;
		padding-right: 2px;
		padding-left: 2px;
		cursor: pointer;
		color: #616f77 !important;
		background: #f3f3f3;
		border-left: none;
		padding-top: 0px;
		padding-bottom: 0px;
		height: 20px;
		position: relative;
		width: 15px;
	}
	.select-input .button-select-input.disabled-visible{
		background: #dedee0;
	}
	.select-input .button-select-input.disabled-hidden{
		color: #616f77 !important;
    	background: #f3f3f3;
	}
	.select-input .button-select-input:hover,
	.select-input .button-select-input:focus{
		background: #e1e1e1;
		/* border: none !important; */
	}
		.select-input .button-select-input > i{
			font-size: 11px;
			position: absolute;
			top: 2px;
			color: #3f4e62;
			display: block;
			left: 3px;
		}
		
	/** Con patrones **/
	.select-input.tipo-patron > input{
	    background: #0080007a;
	    color: white;
	}
	.select-input.tipo-patron > input::placeholder{
		color: white !important;
	}

	.select-input.tipo-patron > input.disabled-hidden{
		background: #0080007a;
		border: 1px solid #cccccc;
	}
	.select-input.tipo-patron > input.disabled-visible:hover,
	.select-input.tipo-patron > input.disabled-visible:focus{
		border: 1px solid #f4f4f4;
	}
	

@charset "UTF-8";

select-erp {
    width: 100%;
}

/* SELECT INPUT ERP */
.select-input{
	display: flex;
	width: 100%;
}
	.select-input > input{
		height: 20px;
		padding-left: 2px;
	}
	.select-input > input.disabled-hidden{
		background-color: white;
		border: 1px solid #cccccc;
	}
	.select-input > input.disabled-visible:hover,
	.select-input > input.disabled-visible:focus{
		border: 1px solid #f4f4f4;
	}
	/*.select-input > input:disabled:hover,
	.select-input > input:disabled:focus{
		border: 1px solid #f4f4f4;
	}*/
	.select-input > input:hover,
	.select-input > input:focus{
		border: 1px solid #758dab;
	}
	.select-input > input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  	color: #c5ccd0;
	  	/*font-style: oblique;*/
	 	font-size: 10px;
	  	font-family: tahoma;
	  	text-transform: uppercase;
	  
	}
	.select-input > input::-moz-placeholder { /* Firefox 19+ */
	  	color: #c5ccd0;
	  	font-style: oblique;
	  	font-family: tahoma;
	  	text-transform: uppercase;
	}
	.select-input > input::-ms-input-placeholder { /* IE 10+ */
	  	color: #c5ccd0;
	  	font-style: oblique;
	   	font-family: tahoma;
	   	text-transform: uppercase;
	}
	.select-input > input::-moz-placeholder { /* Firefox 18- */
	  	color: #c5ccd0;
		font-style: oblique;
	   	font-family: tahoma;
	   	text-transform: uppercase;
	}
	.select-input .button-select-input{
		border: 1px solid #e1e1e1 !important;
		border-left: none !important;
		padding-right: 2px;
		padding-left: 2px;
		cursor: pointer;
		color: #616f77 !important;
		background: #f3f3f3;
		border-left: none;
		padding-top: 0px;
		padding-bottom: 0px;
		height: 20px;
		position: relative;
		width: 15px;
	}
	.select-input .button-select-input.disabled-visible{
		background: #dedee0;
	}
	.select-input .button-select-input.disabled-hidden{
		color: #616f77 !important;
    	background: #f3f3f3;
	}
	/*.select-input .button-select-input:disabled{
		background: #dedee0;
	}*/
	.select-input .button-select-input:hover,
	.select-input .button-select-input:focus{
		background: #e1e1e1;
		/* border: none !important; */
	}
		.select-input .button-select-input > i{
			font-size: 11px;
			position: absolute;
			top: 2px;
			color: #3f4e62;
			display: block;
			left: 3px;
		}
@charset "UTF-8";

.select-hour {
    width: 100%;
    display: flex;
    position: relative;
    min-width: 70px;
}
	.select-hour > input{
		padding-left: 20px !important;
		font-size: 11px !important;
	}
	.select-hour > i{
		position: absolute;
		top: 3px;
		left: 3px;
		color: #2e4c6df0;
		border: none;
		z-index: 10 !important;
	}
	.select-hour input:focus + i {
    	border: none;
	}
@charset "UTF-8";


/* Footer */
.bases_footer{
	display: flex;
	position: absolute;
	height: auto;
	bottom: 0;
	padding: 10px;
	margin-bottom: 20px;
	margin-top: 2px;
	/* justify-content: space-around; */
	flex-wrap: wrap;
	/* width: fit-content; */
}

	/* Subtotal */
	.bases_footer .subtotal {
	    /*display: flex;*/
	    flex-direction: column;
	    color: black;
	    /* border: 1px solid blue; */
	    /* padding: 2px; */
	    font-size: 12px;
	    margin-right: 3px;
	    /* flex: 1; */
	    min-width: 170px;
	}
	    .bases_footer .subtotal > div{
	        display: flex;
	        flex: 1;
	        /* border: 1px solid blue; */
	        /* margin-bottom: 0px; */
	    }
	    .bases_footer .subtotal > .cabecera{
	        background: #2e4c6c;
	        color: white;
	        /* margin-bottom: 0px !important; */
	    }
	        .bases_footer .subtotal > .cabecera > div{
	            flex: 1;
	            border: 1px solid white;
	            padding: 1px;
	            text-align: center;
	            min-width: 75px;
	        }
	    .bases_footer .subtotal > .content{
	        
	    }
	        .bases_footer .subtotal > .content > div{
	            flex: 1;
	            /* border: 1px solid #a7b0bd; */
	            min-width: 50px;
	            text-align: center;
	            margin: 0px 1px;
	            border: 1px solid #8f9fc3;
	        }


	/* Bases */
	.bases_footer .bases {
	    /*display: flex;*/
	    flex-direction: column;
	    color: black;
	    /* border: 1px solid blue; */
	    /* padding: 2px; */
	    font-size: 12px;
	    margin-right: 3px;
	    /* flex: 1; */
	    min-width: 380px;
	}
	    .bases_footer .bases > div{
	        display: flex;
	        flex: 1;
	        /* border: 1px solid blue; */
	        /* margin-bottom: 0px; */
	    }
	    .bases_footer .bases > .cabecera{
	        background: #2e4c6c;
	        color: white;
	        /* margin-bottom: 0px !important; */
	    }
	        .bases_footer .bases > .cabecera > div{
	            flex: 1;
	            border: 1px solid white;
	            padding: 1px;
	            text-align: center;
	            min-width: 75px;
	        }
	    .bases_footer .bases > .content{
	        
	    }
	        .bases_footer .bases > .content > div{
	            flex: 1;
	            /* border: 1px solid #a7b0bd; */
	            min-width: 50px;
	            text-align: center;
	            margin: 0px 1px;
	            border: 1px solid #8f9fc3;
	        }
	  	 /* Resumen */
	  	 .bases_footer .resumen {
		    display: flex;
		    flex-direction: column;
		    color: black;
		    /* border: 1px solid blue; */
		    /* padding: 2px; */
		    font-size: 12px;
		    /* margin-right: 5px; */
		    /* flex: 1; */
		    min-width: 450px;
		    max-width: 450px;
		}
		    .bases_footer .resumen > div{
		        display: flex;
		        /*flex: 1;*/
		        /* border: 1px solid #8f9fc3; */
		        /* margin-bottom: 0px; */
		    }
		    .bases_footer .resumen > .cabecera{
		        background: #2e4c6c;
		        color: white;
		        /* margin-bottom: 0px !important; */
		    }
		        .bases_footer .resumen > .cabecera > div{
		            flex: 1;
		            border: 1px solid white;
		            padding: 1px;
		            text-align: center;
		            min-width: 74px;
		            /* font-size: 11px; */
		        }
		    .bases_footer .resumen > .content{
		        
		    }
		        .bases_footer .resumen > .content > div{
		            flex: 1;
		            /* border: 1px solid #a7b0bd; */
		            min-width: 50px;
		            text-align: center;
		            margin: 0px 1px;
		            border: 1px solid #8f9fc3;
		        }


/* CAMBIOS EN LAS BASES  */
.bases_footer .hay-retencion{
    display: flex;
    font-size: 11.7px;
}
    .bases_footer .hay-retencion > div{
        min-width: 40px;
    }
    .bases_footer .hay-retencion > input{
        width: 40px !important;
        height: 16px !important;
        border: none !important;
        padding: 2px;
        font-size: 11.5px;
    }
    .bases_footer .hay-retencion > input.no-active{
        background: none;
        color: white;
    }

.bases_footer .hay-retencion-importe{
    display: flex;
}
    .bases_footer .hay-retencion-importe > div{
        min-width: 40px;
    }
    .bases_footer .hay-retencion-importe > input{
        /* width: fit-content; */
        height: 16px !important;
		border: none !important;
		text-align: center !important;
        width: 100%;
        padding: 2px;
        font-size: 12px;
    }
    .bases_footer .hay-retencion-importe > input.no-active{
        background: none;
        /* color: white; */
        text-align: center !important;
		width: 100%;
		padding: 2px;
        font-size: 12px;
    }

    
   
/* HAY DESCUENTO */
.bases_footer .hay-descuento{
    display: flex;
}
    .bases_footer .hay-descuento > div{
        min-width: 40px;
    }
    .bases_footer .hay-descuento > input{
        width: 30px !important;
        height: 16px !important;
        border: none !important;
        padding: 2px;
        font-size: 12px;
    }
    .bases_footer .hay-descuento > input.no-active{
        background: none;
        color: white;
    }
 
@charset "UTF-8";

.content-tables{
	min-height: 400px;
}
	.content-tables .sellos{
		display: flex;
		position: absolute;
		top: 45%;
		left: 30%;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
		.content-tables .sellos > div{
			z-index: 1;
			margin: 15px 0px
		}
			.content-tables .sellos > div > span{
				color: #b55757;
				border-style: dashed;
				font-size: x-large;
				padding: 10px;
			}		
		.content-tables .sello-superado{
		}
			.content-tables .sello-superado > span{
				color: #145d89;
			}
			.content-tables .sello-aceptado > span{
				border-style: dashed;
				font-size: x-large;
				padding: 10px;
				color: green;
			}

	
	.content-tables .sello{
		/*position: absolute;
    	top: 45%;
    	left: 40%;
    	z-index: 1;*/
	}
		.content-tables .sello > span{
		    /*color: #b55757;
		    border-style: dashed;
		    font-size: x-large;
		    padding: 10px;*/
		}
		
	/*.content-tables .sello-superado{
    	top: 45%;
	}
		.content-tables .sello-superado > span{
		    color: #145d89;
		}
		
	.content-tables .sello-rechazado{
    	top: 60%;
   		left: 39%;
	}
	
	.content-tables .sello-aceptado{
		position: absolute;
    	top: 45%;
    	left: 40%;
    	z-index: 1;
	}
		.content-tables .sello-aceptado > span{
		    border-style: dashed;
		    font-size: x-large;
		    padding: 10px;
		    color: green;
		}*/

	.content-tables .descripcion-ampliada{
		color: #4e6382;
	}

	.content-tables .content-lineas{
		overflow-y: scroll;
		max-height: 400px;
	}
	.content-tables .content-lineas::-webkit-scrollbar {
	    width: 8px;
	}
	.content-tables .content-lineas::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	}
	.content-tables .content-lineas::-webkit-scrollbar-thumb {
	    /*-webkit-border-radius: 10px;
	    border-radius: 10px;*/
	    background: rgb(142, 153, 167); 
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
	}
	.content-tables .content-lineas::-webkit-scrollbar-thumb:window-inactive {
		background: rgb(202, 207, 214); 
	}


/* Listado articulos */
.listado-articulos {
    display: flex;
    padding: 0px;
    padding-right: 10px;
    flex-direction: column;
    font-size: 12px;
    min-height: 400px; /* Pruebas temporal */
    border-bottom: 1px dashed #ebf1ff;
    padding: 1px;
}
    .listado-articulos > div{
        display: flex;
        margin: 0px 5px;
        flex: 1;
        background: #fdfeff;
        margin: 2px 0px;
        min-height: 22px !important;
        border-bottom: 1px dashed #8f9fc3;
        color: #5b5b5c;
        max-height: 22px !important;
    }
    .listado-articulos > div.active{
    	background: #c9dde1;
    	background: #f1f5fd;
    	padding: 0px 5px;
    }
    .listado-articulos > div:last-child{
        border-bottom: none;
    }
        .listado-articulos > div > div{
            margin: 0px 1px;
            flex: 1;
        }
        .listado-articulos > div > div:nth-child(1){
            min-width: 35px;
            max-width: 35px;
            margin: 0px;
        }
        .listado-articulos > div > div:nth-child(2){
            min-width: 125px;
            max-width: 125px;
        }
        .listado-articulos > div > div:nth-child(3){
            min-width: 345px;
            max-width: 345px;
        }
        .listado-articulos > div > div:nth-child(4){
            min-width: 60px;
            max-width: 60px;
        }
        .listado-articulos > div > div:nth-child(5){
            min-width: 60px;
            max-width: 60px;
        }
        .listado-articulos > div > div:nth-child(6){
            min-width: 60px;
            max-width: 60px;
        }
        .listado-articulos > div > div:nth-child(7){
            min-width: 60px;
            max-width: 60px;
        }
        .listado-articulos > div > div:nth-child(8){
            min-width: 60px;
            max-width: 60px;
        }
        .listado-articulos > div > div:nth-child(9){
            min-width: 60px;
            max-width: 60px;
        }
        .listado-articulos > div > div:nth-child(10){
            min-width: 60px;
            max-width: 60px;
        }
        .listado-articulos > div > div:nth-child(11){
            min-width: 70px;
            max-width: 70px;
        }
  	 
  	 
/* Observaciones */
.cabecera-observaciones {
    display: flex;
    background: #145d8905;
    color: #616162;
    font-size: 12px;
    /* border-bottom: 1px solid #3f4e62; */
    border: 1px solid #8f9fc3;
}
    .cabecera-observaciones > div{
        flex:1;
        padding: 1px;
    }
    .cabecera-observaciones > div:nth-child(1){
        flex:5;
        padding: 2px 5px;
    }
    .cabecera-observaciones > div:nth-child(2){
        padding: 0px !important;
        margin: 0px !important;
    }
    .cabecera-observaciones > div:nth-child(2) > button{
        font-size: 11px;
        color: #6c7980;
        /* border-radius: 2px; */
        padding: 1px 2px;
        background: white;
        color: #707f84;
        border: 1px solid #ebf1ff;
        /* margin: 0px !important; */
        height: 100%;
    }
    .cabecera-observaciones > div:nth-child(3){
        display: flex;
        align-items: center;
    }
    	.cabecera-observaciones > div:nth-child(3) > label{
			font-size: 12px;
			flex: 1;
		}
			.cabecera-observaciones > div:nth-child(3) > label > input{
			}
			.cabecera-observaciones > div:nth-child(3) > label > i{
				width: 15px;
				height: 15px;
				margin: 0px;
				margin-right: 5px;
			}
			.cabecera-observaciones > div:nth-child(3) > label > i:before{
				top: 1px;
				left: 0px !important;
			}
	.cabecera-observaciones > div:nth-child(4){
        padding: 0px !important;
        margin: 0px !important;
    }
		.cabecera-observaciones > div:nth-child(4) > button{
			font-size: 11px;
			color: #6c7980;
			/* border-radius: 2px; */
			padding: 1px 2px;
			background: white;
			color: #707f84;
			border: 1px solid #ebf1ff;
			/* margin: 0px !important; */
			height: 100%;
		}
    
    
/* Section linea */
.section-linea {
    display: flex;
    flex-direction: column;
    padding: 0px !important;
    margin-top: 5px;
}
	.section-linea > div{
	    flex:1;
	    display: flex;
	    flex-wrap: wrap;
	}
	.section-linea > .cabecera{
	    margin: 0px 0px 10px 0px;
	    /* border-bottom: 1px solid; */
	    font-size: 13px;
	    text-align: center;
	}
		.section-linea > .cabecera > div{
	    	/*flex: 1;*/
	    	margin: 0px 1px;
	    	border-bottom: 1px solid #8f9fc3;
	    	background: #145d89;
	    	color: #fbfcfd;
	    	/*min-width: 60px;
	    	max-width: 60px;*/
	    	width: 6%;
	 }
		.section-linea > .cabecera > div:nth-child(1){
	    	/*max-width: 27px;
	    	min-width: 27px;*/
	    	width: 4%;
	 }
		.section-linea > .cabecera > div:nth-child(2){
	    	/*min-width: 100px;
	    	max-width: 125px;*/
	    	width: 11%;
	    	/*flex: 2;*/
	 }
		.section-linea > .cabecera > div:nth-child(3){
	    	/*min-width: 135px;
	    	max-width: 355px;*/
	    	width: 30%;
	    	/*flex: 3;*/
	  }
		 .section-linea > .cabecera > div:nth-child(11){
				/*max-width: 50px;
				min-width: 50px;*/
				width: 6%;
		}
		.section-linea > .cabecera > div:nth-child(12){
				display: flex;
				/*max-width: 50px;*/
				width: 6%;
				border-bottom: none;
		}
	.section-linea > .content{
		 margin: 0px 0px 10px 0px;
		 height: 22px;
	}
		.section-linea > .content > div{
	    	/*flex: 1;*/
	    	margin: 0px 1px;
	    	/*min-width: 60px;
	    	max-width: 60px;*/
	    	width: 6%;
	  }
		.section-linea > .content > div:nth-child(1){
	    	/*max-width: 27px;
	    	min-width: 27px;*/
	    	width: 4%;
	    	font-size: 12px;
	    	text-align: center;
	    	padding-top: 1px;
	 }
		.section-linea > .content > div:nth-child(2){
	    	/*min-width: 100px;
	    	max-width: 125px;*/
	    	width: 11%;
	    	/*flex: 2;*/
	 }
		.section-linea > .content > div:nth-child(3){
	    	/*flex: 3;*/
	    	display: flex;
	    	/*min-width: 135px;
	    	max-width: 355px;*/
	    	width: 30%;
	   }
			.section-linea > .content > div:nth-child(3) > span{
				background: #6c798c;
				color: white;
				padding: 0px 2px;
				height: 20px;
			}
				.section-linea > .content > div:nth-child(3) > span > i{
					font-size: 12px;
				}
		.section-linea > .content .articulo-subtotal {
			background: white;
			border: 1px solid #dbe0e2;
			max-width: 70px;
		}
		.section-linea > .content > div:nth-child(11){
	    	/*max-width: 50px;
	    	min-width: 50px;*/
	    	width: 6%;
	  }
		.section-linea > .content > div:nth-child(12){
	    	display: flex;
	    	/*max-width: 50px;
	    	min-width: 50px;*/
	    	width: 6%;
	 	}
	 	
	 	
.lineas-observaciones{
	
}

	.lineas-observaciones > div:nth-child(1){
		margin-bottom: 10px;
	}
	
	.lineas-observaciones > div:nth-child(2){
		text-align: center;
	}
		.lineas-observaciones > div:nth-child(2) > button{
			height: 25px !important;
	   	 	width: 90px !important;
		}
	
	
/* GRID LINEAS */

.content-tables .content-lineas{
	overflow-y: unset !important;
}
.content-tables .content-lineas .grid-erp-blue{
	border: none !important;
}
	.content-tables .content-lineas .grid-erp-blue,
	.content-tables .content-lineas .grid-erp-blue .ui-grid-viewport{
		height: 400px !important;
	}
	.content-tables .content-lineas .grid-erp-blue .ui-grid-cell{
		border-color: transparent !important;
	}

    .content-tables .content-lineas .grid-erp-blue .ui-grid-footer-aggregates-row {
      background: transparent !important;
      color: #94989d !important;
      border: none;
      height: 20px;
     }

     .content-tables .content-lineas .grid-erp-blue .ui-grid-footer-aggregates-row .ui-grid-footer-cell{
     	border: none !important;
     	height: 15px !important;
     }


/* Retención */
.retencion-lineas{
	/* padding: 0px !important; */
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 15px !important;
}
	.retencion-lineas > input{
	}


     
/* LINEAS MIGRACIÓN */
/* GRID (LINEAS EDICION) */
.lineas-migracion .ui-grid-header-canvas{
	width: 100% !important;
}
.lineas-migracion .ui-grid-header-cell-wrapper{
	width: 100%;
}
.lineas-migracion .ui-grid-header-cell-row {
	width: 100%;
}
.lineas-migracion .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.lineas-migracion .ui-grid-header-cell-row > div:nth-child(1){
	width: 4%;
}
.lineas-migracion .ui-grid-header-cell-row > div:nth-child(2){
	width: 11%;
}
.lineas-migracion .ui-grid-header-cell-row > div:nth-child(3){
	width: 30%;
}
.lineas-migracion .ui-grid-header-cell-row > div:nth-child(4){
	width: 6%;
}
.lineas-migracion .ui-grid-header-cell-row > div:nth-child(5){
    width: 6%;
}
.lineas-migracion .ui-grid-header-cell-row > div:nth-child(6){
    width: 6%;
}
.lineas-migracion .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 6%;
}
.lineas-migracion .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 6%;
}
.lineas-migracion .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 6%;
}
.lineas-migracion .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 4%;
}
.lineas-migracion .ui-grid-header-cell-row > div:nth-child(11){ 
    width: 6%;
}

.lineas-migracion .ui-grid-canvas{
	width: 100% !important;
}
.lineas-migracion .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
	margin: 0px 1px;
}
.lineas-migracion .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 4%;
}
.lineas-migracion .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 11%;
}
.lineas-migracion .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 30%;
}
.lineas-migracion .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 6%;
}
.lineas-migracion .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 6%;
}
.lineas-migracion .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 6%;
}
.lineas-migracion .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 6%;
}
.lineas-migracion .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 6%;
}
.lineas-migracion .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 6%;
}
.lineas-migracion .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 4%;
}
.lineas-migracion .ui-grid-row > div > .ui-grid-cell:nth-child(11){
	width: 6%;
}


.lineas-migracion .ui-grid-footer-canvas{
	width: 100% !important;
}
.lineas-migracion .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.lineas-migracion .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.lineas-migracion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 4%;
}
.lineas-migracion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 11%;
}
.lineas-migracion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 30%;
}
.lineas-migracion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 6%;
}
.lineas-migracion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 6%;
}
.lineas-migracion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 6%;
}
.lineas-migracion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 6%;
}
.lineas-migracion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 6%;
}
.lineas-migracion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 6%;
}
.lineas-migracion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 4%;
}
.lineas-migracion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(11){
	width: 6%;
}
@charset "UTF-8";

.lineas-migracion{
	
}
	.lineas-migracion .content-tables{
		min-height: 400px;
		display: flex;
		flex-direction: column;
	}


		.lineas-migracion .content-tables .sello{
			/*position: absolute;
	    	top: 45%;
	    	left: 40%;
	    	z-index: 1;*/
		}
			.lineas-migracion .content-tables .sello > span{
			    /*color: #b55757;
			    border-style: dashed;
			    font-size: x-large;
			    padding: 10px;*/
			}
			
		/*.lineas-migracion .content-tables .sello-superado{
	    	top: 45%;
		}
			.lineas-migracion .content-tables .sello-superado > span{
			    color: #145d89;
			}
			
		.lineas-migracion .content-tables .sello-rechazado{
	    	top: 60%;
	   		left: 39%;
		}
		
		.lineas-migracion .content-tables .sello-aceptado{
			position: absolute;
	    	top: 45%;
	    	left: 40%;
	    	z-index: 1;
		}
			.lineas-migracion .content-tables .sello-aceptado > span{
			    border-style: dashed;
			    font-size: x-large;
			    padding: 10px;
			    color: green;
			}*/
	
		.lineas-migracion .content-tables .descripcion-ampliada{
			color: #4e6382;
		}
	
		.lineas-migracion .content-tables .content-lineas{
			overflow-y: scroll;
			max-height: 400px;
		}
		.lineas-migracion .content-tables .content-lineas::-webkit-scrollbar {
		    width: 8px;
		}
		.lineas-migracion .content-tables .content-lineas::-webkit-scrollbar-track {
		    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
		}
		.lineas-migracion .content-tables .content-lineas::-webkit-scrollbar-thumb {
		    /*-webkit-border-radius: 10px;
		    border-radius: 10px;*/
		    background: rgb(142, 153, 167); 
		    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
		}
		.lineas-migracion .content-tables .content-lineas::-webkit-scrollbar-thumb:window-inactive {
			background: rgb(202, 207, 214); 
		}
	
	
	/* Listado articulos */
	.lineas-migracion .listado-articulos {
	    display: flex;
	    padding: 0px;
	    padding-right: 10px;
	    flex-direction: column;
	    font-size: 12px;
	    min-height: 400px; /* Pruebas temporal */
	    border-bottom: 1px dashed #ebf1ff;
	    padding: 1px;
	}
	    .lineas-migracion .listado-articulos > div{
	        display: flex;
	        margin: 0px 5px;
	        flex: 1;
	        background: #fdfeff;
	        margin: 2px 0px;
	        min-height: 22px !important;
	        border-bottom: 1px dashed #8f9fc3;
	        color: #5b5b5c;
	        max-height: 22px !important;
	    }
	    .lineas-migracion .listado-articulos > div.active{
	    	background: #c9dde1;
	    	background: #f1f5fd;
	    	padding: 0px 5px;
	    }
	    .lineas-migracion .listado-articulos > div:last-child{
	        border-bottom: none;
	    }
	        .lineas-migracion .listado-articulos > div > div{
	            margin: 0px 1px;
	            flex: 1;
	        }
	        .lineas-migracion .listado-articulos > div > div:nth-child(1){
	            min-width: 35px;
	            max-width: 35px;
	            margin: 0px;
	        }
	        .lineas-migracion .listado-articulos > div > div:nth-child(2){
	            min-width: 125px;
	            max-width: 125px;
	        }
	        .lineas-migracion .listado-articulos > div > div:nth-child(3){
	            min-width: 345px;
	            max-width: 345px;
	        }
	        .lineas-migracion .listado-articulos > div > div:nth-child(4){
	            min-width: 60px;
	            max-width: 60px;
	        }
	        .lineas-migracion .listado-articulos > div > div:nth-child(5){
	            min-width: 60px;
	            max-width: 60px;
	        }
	        .lineas-migracion .listado-articulos > div > div:nth-child(6){
	            min-width: 60px;
	            max-width: 60px;
	        }
	        .lineas-migracion .listado-articulos > div > div:nth-child(7){
	            min-width: 60px;
	            max-width: 60px;
	        }
	        .lineas-migracion .listado-articulos > div > div:nth-child(8){
	            min-width: 60px;
	            max-width: 60px;
	        }
	        .lineas-migracion .listado-articulos > div > div:nth-child(9){
	            min-width: 60px;
	            max-width: 60px;
	        }
	        .lineas-migracion .listado-articulos > div > div:nth-child(10){
	            min-width: 60px;
	            max-width: 60px;
	        }
	        .lineas-migracion .listado-articulos > div > div:nth-child(11){
	            min-width: 70px;
	            max-width: 70px;
	        }
	  	 
	  	 
	/* Observaciones */
	.lineas-migracion .cabecera-observaciones {
	    display: flex;
	    background: #145d8905;
	    color: #616162;
	    font-size: 12px;
	    /* border-bottom: 1px solid #3f4e62; */
	    border: 1px solid #8f9fc3;
	}
	    .lineas-migracion .cabecera-observaciones > div{
	        flex:1;
	        padding: 1px;
	    }
	    .lineas-migracion .cabecera-observaciones > div:nth-child(1){
	        flex:5;
	        padding: 2px 5px;
	    }
	    .lineas-migracion .cabecera-observaciones > div:nth-child(2){
	        padding: 0px !important;
	        margin: 0px !important;
	    }
	    .lineas-migracion .cabecera-observaciones > div:nth-child(2) > button{
	        font-size: 11px;
	        color: #6c7980;
	        /* border-radius: 2px; */
	        padding: 1px 2px;
	        background: white;
	        color: #707f84;
	        border: 1px solid #ebf1ff;
	        /* margin: 0px !important; */
	        height: 100%;
	    }
	    .lineas-migracion .cabecera-observaciones > div:nth-child(3){
	        display: flex;
	        align-items: center;
	    }
	    	.lineas-migracion .cabecera-observaciones > div:nth-child(3) > label{
				font-size: 12px;
				flex: 1;
			}
				.lineas-migracion .cabecera-observaciones > div:nth-child(3) > label > input{
				}
				.lineas-migracion .cabecera-observaciones > div:nth-child(3) > label > i{
					width: 15px;
					height: 15px;
					margin: 0px;
					margin-right: 5px;
				}
				.lineas-migracion .cabecera-observaciones > div:nth-child(3) > label > i:before{
					top: 1px;
					left: 0px !important;
				}
		.lineas-migracion .cabecera-observaciones > div:nth-child(4){
	        padding: 0px !important;
	        margin: 0px !important;
	    }
			.lineas-migracion .cabecera-observaciones > div:nth-child(4) > button{
				font-size: 11px;
				color: #6c7980;
				/* border-radius: 2px; */
				padding: 1px 2px;
				background: white;
				color: #707f84;
				border: 1px solid #ebf1ff;
				/* margin: 0px !important; */
				height: 100%;
			}
	    
	    
	/* Section linea */
	.lineas-migracion .section-linea {
	    display: flex;
	    flex-direction: column;
	    padding: 0px !important;
	    margin-top: 5px;
	}
		.lineas-migracion .section-linea > div{
		    flex:1;
		    display: flex;
		    flex-wrap: wrap;
		}
		.lineas-migracion .section-linea > .cabecera{
		    margin: 0px 0px 10px 0px;
		    font-size: 13px;
		    text-align: center;
		}
			.lineas-migracion .section-linea > .cabecera > div{
		    	margin: 0px 1px;
		    	border-bottom: 1px solid #8f9fc3;
		    	background: #145d89;
		    	color: #fbfcfd;
		    	width: 6%;
		 }
		.lineas-migracion .section-linea > .cabecera > div:nth-child(1){
	    	width: 4%;
		 }
		.lineas-migracion .section-linea > .cabecera > div:nth-child(2){
	    	width: 11%;
		 }
		.lineas-migracion .section-linea > .cabecera > div:nth-child(3){
		   	width: 30%;
		 }
		  	.lineas-migracion .section-linea > .cabecera > div:nth-child(10){
		  		width: 4%;
		  	}
			.lineas-migracion .section-linea > .cabecera > div:nth-child(11){
				width: 6%;
			}
			.lineas-migracion .section-linea > .cabecera > div:nth-child(12){
				display: flex;
				width: 6%;
				border-bottom: none;
			}
		.lineas-migracion .section-linea > .content{
			 margin: 0px 0px 10px 0px;
			 height: 22px;
		}
		.lineas-migracion .section-linea > .content > div{
	    	margin: 0px 1px;
	    	width: 6%;
		}
		.lineas-migracion .section-linea > .content > div:nth-child(1){
	    	width: 4%;
	    	font-size: 12px;
	    	text-align: center;
	    	padding-top: 1px;
		}
		.lineas-migracion .section-linea > .content > div:nth-child(2){
	    	width: 11%;
		}
		.lineas-migracion .section-linea > .content > div:nth-child(3){
		   	display: flex;
		   	width: 30%;
		}
		.lineas-migracion .section-linea > .content > div:nth-child(3) > span{
			background: #6c798c;
			color: white;
			padding: 0px 2px;
			height: 20px;
		}
			.lineas-migracion .section-linea > .content > div:nth-child(3) > span > i{
				font-size: 12px;
			}
			.lineas-migracion .section-linea > .content .articulo-subtotal {
				background: white;
				border: 1px solid #dbe0e2;
				max-width: 70px;
			}
			.lineas-migracion .section-linea > .content > div:nth-child(10){
				width: 4%;
				padding-left: 15px;
			}
			.lineas-migracion .section-linea > .content > div:nth-child(11){
		    	width: 6%;
		  	}
			.lineas-migracion .section-linea > .content > div:nth-child(12){
		    	display: flex;
		    	width: 6%;
		 	}
		 	
	.lineas-migracion .lineas-observaciones{
		
	}
		.lineas-migracion .lineas-observaciones > div:nth-child(1){
			margin-bottom: 10px;
		}
		.lineas-migracion .lineas-observaciones > div:nth-child(2){
			text-align: center;
		}
			.lineas-migracion .lineas-observaciones > div:nth-child(2) > button{
				height: 25px !important;
		   	 	width: 90px !important;
			}
		
		
	/* GRID LINEAS */
	.lineas-migracion .content-tables .content-lineas{
		overflow-y: unset !important;
	}
	.lineas-migracion .content-tables .content-lineas .grid-erp-blue{
		border: none !important;
	}
		.lineas-migracion .content-tables .content-lineas .grid-erp-blue,
		.lineas-migracion .content-tables .content-lineas .grid-erp-blue .ui-grid-viewport{
			height: 385px !important;
		}
		.lineas-migracion .content-tables .content-lineas .grid-erp-blue .ui-grid-cell{
			border-color: transparent !important;
		}
	    .lineas-migracion .content-tables .content-lineas .grid-erp-blue .ui-grid-footer-aggregates-row {
			background: transparent !important;
			color: #94989d !important;
			border: none;
			height: 20px;
	    }
		.lineas-migracion .content-tables .content-lineas .grid-erp-blue .ui-grid-footer-aggregates-row .ui-grid-footer-cell{
			border: none !important;
			height: 15px !important;
		}
@charset "UTF-8";


/* Delegaciones */

.paginacion {
    display: flex;
    border: 1px solid #ebf1ff;
}
    .paginacion > div{
        display: flex;
        flex: 1;
        align-item: center;
        justify-content:space-around;
    }
    .paginacion > .header{
        border: 1px solid #d7dce6;
    }
    .paginacion > .buttons{
        
        margin-left: 15px;
        
        
    }
.paginacion button{
    border: 0px;
	background: transparent;
    }

/* End delegaciones */


/* Departamentos */
.listado-departamentos {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    overflow-x: scroll;
}
    .listado-departamentos > div{
        display: flex;
        flex-direction: column;
        flex: 1;
    }
    .listado-departamentos > .cabecera{
        display: flex;
    }
        .listado-departamentos > .cabecera > div{
            flex: 1;
            display: flex;
        }
        .listado-departamentos > .cabecera > div:nth-child(1){
            flex: 1;
            display: flex;
            margin-bottom: 5px;
        }
            .listado-departamentos > .cabecera > div:nth-child(1) > div{
	            flex: 1;
	            margin: 0px 5px;
	            border-bottom: 1px solid #4a5a72;
	            width: fit-content;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
			}
           	.listado-departamentos > .cabecera > div:nth-child(1) > div:nth-child(1){
	           min-width: 20px;
	           max-width: 20px;
	        }
	        .listado-departamentos > .cabecera > div:nth-child(1) > div:last-child{
	           min-width: 40px;
	           max-width: 40px;
	           border: none;
	        }
        .listado-departamentos > .cabecera > div:nth-child(2){
            display: flex;
            flex: 1;
        }
            .listado-departamentos > .cabecera > div:nth-child(2) > div{
	            display: flex;
	            flex: 1;
	            margin: 0px 5px;
	            /* min-width: fit-content; */
	           }
            .listado-departamentos > .cabecera > div:nth-child(2) > div:nth-child(1){
	           min-width: 20px;
	           max-width: 20px;
	        }
	        .listado-departamentos > .cabecera > div:nth-child(2) > div:last-child{
	           min-width: 40px !important;
	           max-width: 40px !important;
	           display: flex;
	           flex: 1;
	           margin: 0px 5px;
	        }
	        	.listado-departamentos > .cabecera > div:nth-child(2) > div:nth-child(8) > button{
					width: 25px;
					margin: 0px !important;
				}
    .listado-departamentos > .content{
        display: flex;
    }
        .listado-departamentos > .content > div{
            flex: 1;
            display: flex;
        }
        	.listado-departamentos > .content > div > div{
				flex: 1;
				margin: 0px 5px;
			}
/* End departamentos */


/* Cuentas */

/* CUENTAS */
.cuentas{
    display: flex;
    flex-direction: column;
}
	.cuentas > div{
	    display: flex;
	    flex: 1;
	}
	.cuentas > .cabecera{
		color: #616161;
		margin: 0px 7px;
	}
		.cuentas > .cabecera > div{
		    flex: 1;
		    border-bottom: 1px solid black;
		    margin: 0px 2px;
		    text-align: center;
		    min-width: 45px;
		    max-width: 45px;
		}
		.cuentas > .cabecera > div:nth-child(1){
			min-width: 15px;
			max-width: 15px;
			border: none;
		}
		.cuentas > .cabecera > div:nth-child(2){
			min-width: 32px;
			max-width: 32px;
		}
		.cuentas > .cabecera > div:nth-child(3){
			min-width: 250px;
			max-width: 250px;
		}
		.cuentas > .cabecera > div:nth-child(4){
			min-width: 120px;
			max-width: 120px;
		}
		.cuentas > .cabecera > div:nth-child(5){
			border: none;
		}
	.cuentas > .content{
	    flex-direction: column;
	    margin: 0px 7px;
	}
		.cuentas > .content > div{
		    display: flex;
		    flex: 1;
		    font-size: 13px;
		    font-family: tahoma;
		    text-align: center;
		    /* border-bottom: 1px solid blue; */
		}
		.cuentas > .content > .cuenta{
			flex-direction: row;
			flex-wrap: wrap;
		}
			.cuentas > .content > .cuenta > div{
			    margin: 2px 2px;
			    text-align: center;
			    min-width: 45px;
			    max-width: 45px;
			}
			.cuentas > .content > .cuenta > div:nth-child(1){
				min-width: 15px;
				max-width: 15px;
				border: none;
			}
			.cuentas > .content > .cuenta > div:nth-child(2){
				min-width: 32px;
				max-width: 32px;
			}
			.cuentas > .content > .cuenta > div:nth-child(3){
				min-width: 250px;
				max-width: 250px;
			}
			.cuentas > .content > .cuenta > div:nth-child(4){
				min-width: 120px;
				max-width: 120px;
			}
			.cuentas > .content > .cuenta > div:nth-child(5){
				min-width: 25px;
				max-width: 25px;
			}

		.cuentas > .content > .listado-cuentas{
			border-bottom: 1px dashed #dfdfdf;
			margin: 2px 0px;
		}
		.cuentas > .content > .listado-cuentas:last-child{
			border: none;
			flex-wrap: wrap;
		}
		.cuentas > .content > .listado-cuentas > div{
			flex: 1;
			margin: 2px 2px;
			min-width: 45px;
		    max-width: 45px;
		}
		.cuentas > .content > .listado-cuentas > div:nth-child(1){
			min-width: 15px;
			max-width: 15px;
			border: none;
			padding-left: 12px;
		}
		.cuentas > .content > .listado-cuentas > div:nth-child(2){
			min-width: 32px;
			max-width: 32px;
		}
		.cuentas > .content > .listado-cuentas > div:nth-child(3){
			min-width: 250px;
			max-width: 250px;
		}
		.cuentas > .content > .listado-cuentas > div:nth-child(4){
			min-width: 120px;
			max-width: 120px;
		}
		.cuentas > .content > .listado-cuentas > div:nth-child(5){
			min-width: 25px;
			max-width: 25px;
		}
		.cuentas > .content > .listado-cuentas > div:nth-child(6){
			border: none;
			min-width: 10px;
			max-width: 10px;
			color: #616f78;
		}

/* End cuentas */


/* Condiciones */

/* End condiciones */


/* Incidencias */
.listado-incidencias {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    overflow-x: scroll;
}
    .listado-incidencias > div{
        display: flex;
        flex-direction: column;
        flex: 1;
    }
    .listado-incidencias > .cabecera{
        display: flex;
    }
        .listado-incidencias > .cabecera > div{
            flex: 1;
            display: flex;
        }
        .listado-incidencias > .cabecera > div:nth-child(1){
            flex: 1;
            display: flex;
            margin-bottom: 5px;
        }
            .listado-incidencias > .cabecera > div:nth-child(1) > div{
	            flex: 1;
	            margin: 0px 5px;
	            border-bottom: 1px solid #4a5a72;
	            width: fit-content;
	           }
           	.listado-incidencias > .cabecera > div:nth-child(1) > div:nth-child(1){
	           min-width: 35px;
	           max-width: 35px;
	        }
	        .listado-incidencias > .cabecera > div:nth-child(1) > div:last-child{
	           min-width: 40px;
	           max-width: 40px;
	           border: none;
	        }
        .listado-incidencias > .cabecera > div:nth-child(2){
            display: flex;
            flex: 1;
        }
            .listado-incidencias > .cabecera > div:nth-child(2) > div{
	            display: flex;
	            flex: 1;
	            margin: 0px 5px;
	            /* min-width: fit-content; */
	           }
            .listado-incidencias > .cabecera > div:nth-child(2) > div:nth-child(1){
	           min-width: 35px;
	           max-width: 35px;
	        }
	        .listado-incidencias > .cabecera > div:nth-child(2) > div:last-child{
	           min-width: 40px;
	           max-width: 40px;
	           margin: 0px;
	        }
	        	.listado-incidencias > .cabecera > div:nth-child(2) > div:nth-child(8) > button{
					width: 25px;
					margin: 0px !important;
				}
    .listado-incidencias > .content{
        display: flex;
    }
        .listado-incidencias > .content > div{
            flex: 1;
            display: flex;
        }
        	.listado-incidencias > .content > div > div{
				/* flex: 1; */
				margin: 0px 5px;
				text-align:  center;
			}

/* End incidencias */



/* Dias de pago */
.diasPago {
    display: flex;
    flex-direction: column;
    border: 1px solid #495a71;
    padding: 2px;
}
    .diasPago > div:nth-child(1){
        /* border-bottom: 1px solid yellow; */
        background: #495a71;
        color: white;
        text-align: center;
    }
    .diasPago > .header {
        display: flex;
        flex-direction: column;
        /* background: blue; */
        margin-bottom: 10px;
    }
        .diasPago > .header > .cabecera{
            display: flex;
            margin-bottom: 4px;
        }
            .diasPago > .header > .cabecera > div{
                margin: 0px 5px;
                border-bottom: 1px solid #495a70;
            }
            .diasPago > .header > .cabecera > div:nth-child(1){
				min-width: 20px;
				width: 20px;
            }
            .diasPago > .header > .cabecera > div:nth-child(2){
            	min-width: 60px;
            	width: 60px;
            }
            .diasPago > .header > .cabecera > div:nth-child(3){
            	min-width: 72px;
            	width: 72px;
            }
            .diasPago > .header > .cabecera > div:nth-child(4){
            	min-width: 40px;
				width: 40px;
            }
        .diasPago > .header > .content{
            display: flex;
        }
            .diasPago > .header > .content > div{
                margin: 0px 5px;
            }
            .diasPago > .header > .content > div:nth-child(1){
				min-width: 20px;
				width: 20px;
            }
            .diasPago > .header > .content > div:nth-child(2){
            	min-width: 60px;
            	width: 60px;
            }
            .diasPago > .header > .content > div:nth-child(3){
            	min-width: 72px;
            	width: 72px;
            }
            .diasPago > .header > .content > div:nth-child(4){
            	min-width: 40px;
				width: 40px;
            }
    .diasPago > .content {
        display: flex;
    }
        .diasPago > .content > .listado-dias-pago{
            display: flex;
            flex-direction: column;
        }
            .diasPago > .content > .listado-dias-pago > div{
                display: flex;
                border-bottom: 1px dashed blue;
            }
            .diasPago > .content > .listado-dias-pago > div:last-child{
            	border-bottom: none;
            }
            	.diasPago > .content > .listado-dias-pago > div > div{
            		margin: 0px 5px;
            	}
            	.diasPago > .content > .listado-dias-pago > div > div:nth-child(1){
					min-width: 25px;
					text-align: center;
					}
            	.diasPago > .content > .listado-dias-pago > div > div:nth-child(2){
            		min-width: 55px;
            		text-align: center;
            	}
            	.diasPago > .content > .listado-dias-pago > div > div:nth-child(3){
            		min-width: 72px;
            		text-align: center;
            	}
            	.diasPago > .content > .listado-dias-pago > div > div:nth-child(4){
            		color: #d9534f !important;
            	}

/* End dias de pago */

/* documentos grid */

.documentos-grid{
	display: flex;
	flex: 1;
}
	.documentos-grid > i{
		margin-left: 1px;
		margin-right: 1px;
	}

/* end documentos grid */
$disabled-background-default: #f4f4f4;
$disabled-border-default: #dfe3e5;

$font-family: tahoma;
$font-size: 12px;
$color: #838484;

/* COLORES CALENDARIO */
$background_clase: #7fabe8;
$color_clase: #ffffff;

$background_examen: #9e472e;
$color_examen: #ffffff;

$background_notas: #75ab74;
$color_notas: #ffffff;

.profesores-grupo .calendar_color_clase{
	background: $background_clase !important;
	color: $color_clase !important;
	width: 20px !important;
	height: 10px !important;
    margin: 0px -2px 0px -2px !important;
    border-radius: 0px 15px 15px 0px !important;
}

.profesores-grupo .calendar_color_clase > .fc-event-inner{
 
}
.profesores-grupo .calendar_color_clase > .fc-event-inner > .fc-event-time{
	display: none;
}


.profesores-grupo .calendar_color_notas{
	background: $background_notas !important;
	color: $color_notas !important;
	width: 20px !important;
	height: 10px !important;
    margin: 0px -2px 0px -2px !important;
    border-radius: 0px 15px 15px 0px !important;
}
.profesores-grupo .calendar_color_notas > .fc-event-inner{
 
}
.profesores-grupo .calendar_color_notas > .fc-event-inner > .fc-event-time{
  display: none;
}

.profesores-grupo .calendar_color_examen{
	background: $background_examen !important;
	color: $color_examen !important;
	width: 20px !important;
	height: 10px !important;
    margin: 0px -2px 0px -2px !important;
    border-radius: 0px 15px 15px 0px !important;
}
.profesores-grupo .calendar_color_examen > .fc-event-inner{
 
}
.profesores-grupo .calendar_color_examen > .fc-event-inner > .fc-event-time{
  display: none;
}

.profesores-grupo .calendar_color_notas{
	background: $background_notas !important;
	color: $color_notas !important;
	width: 20px !important;
	height: 10px !important;
    margin: 0px -2px 0px -2px !important;
    border-radius: 0px 15px 15px 0px !important;
}
.profesores-grupo .calendar_color_notas > .fc-event-inner{
 
}
.profesores-grupo .calendar_color_notas > .fc-event-inner > .fc-event-time{
  display: none;
}
/* END COLORES CALENDARIO */


$nginvalid-dirty: #e51c23;
$ngvalid-dirty: #259b24;

$input-focus-color: #636363;

input:disabled,
textarea:disabled,
button:disabled {
    background: $disabled-background-default;
    border: $disabled-border-default;
}

textarea {
	width: 100%;
	font-family: $font-family;
	font-size: $font-size;
	color: $color;
	resize: none;
}

input:focus,
textarea:focus,
input:focus + i {
    border: 1px solid $input-focus-color;
}


:root{
	--display: {
		display: flex;
	};
	--display-centered:{
		display: flex;
		align-items: center;
		justify-content: center;
	};
	--display-column: {
		flex-direction: column;
	}
}


@charset "UTF-8";

/* Loading grid */
.loading-grid{
	position: absolute;
	z-index: 1;
	width: 100%;
	background: white;
	height: 89%;
	opacity: 0.7;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
	.loading-grid > div{
		margin: 15px;
	}
		.loading-grid > div > span{
			font-size: 18px;
			color: black;
		}
		.loading-grid > div > i{
			font-size: 250px;
		}

/* Loading grid modal */
.loading-grid-modal{
	position: absolute;
	z-index: 1;
	width: 98%;
	background: white;
	height: 82%;
	opacity: 0.7;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
	.loading-grid-modal > div{
		margin: 15px;
	}
		.loading-grid-modal > div > span{
			font-size: 18px;
			color: black;
		}
		.loading-grid-modal > div > i{
			font-size: 250px;
		}

.loading-remesas-modal{
	position: absolute;
	z-index: 1;
	width: 100%;
	background: white;
	height: 60%;
	opacity: 0.7;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
	.loading-remesas-modal > div{
			margin: 15px;
		}
			.loading-remesas-modal > div > span{
				font-size: 18px;
				color: black;
			}
			.loading-remesas-modal > div > i{
				font-size: 150px;
			}
		
/* Loading page */
.loading-page{
	position: absolute;
	z-index: 10;
	width: 100%;
	background: white;
	height: 100%;
	opacity: 0.7;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
	.loading-page > div{
		margin: 15px;
		z-index: 999999;
	}
		.loading-page > div > span{
			font-size: 18px;
			color: black;
		}
		.loading-page > div > i{
			font-size: 250px;
		}
		
/* Loading app */
.loading-app{
	position: absolute;
	z-index: 9999;
	width: 100%;
	background: #ffffffa8;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

	.loading-app .aqadem-loading{
	  	-webkit-transform: rotate(45deg);
	  	transform: rotate(45deg);
	  	height: 200px;
	  	width: 200px;
	  	opacity: 0.85;
	}
			.loading-app .aqadem-loading > div{
				position: absolute;
			  	-webkit-animation: aqadem-cube 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
			  	animation: aqadem-cube 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
			}
			
			.loading-app .aqadem-loading > div:nth-child(1){
				top: -19px;
				left: 44px;
				height: 82px;
				width: 82px;
				background-color: #ef4859;
				animation-delay: 0.2s;
			}
			.loading-app .aqadem-loading > div:nth-child(2){
				top: 13px;
			    left: 126px;
			    height: 41px;
			    width: 41px;
			    background: #175f8a;
				animation-delay: 0.1s;
			}
			.loading-app .aqadem-loading > div:nth-child(3){
				top: 54px;
			    left: 127px;
			    height: 75px;
			    width: 75px;
			    background: #00BCD4;
				animation-delay: 0.3s;
			}
			.loading-app .aqadem-loading > div:nth-child(4){
				top: 62px;
			    left: 16px;
			    height: 110px;
			    width: 110px;
			    background: #fd8f38;
				animation-delay: 0.4s;
			}
			.loading-app .aqadem-loading > div:nth-child(5){
				top: 53px;
			    left: 55px;
			    height: 86px;
			    width: 86px;
			    z-index: 2;
			    background-color: white;
				animation-delay: 0s;
			}
			.loading-app .aqadem-loading > div:nth-child(6){
				top: 129px;
			    left: 124px;
			    height: 58px;
			    width: 58px;
			    background-color: #3c4f68;
				animation-delay: 0.1s;
			}
			.loading-app .aqadem-loading > div:nth-child(7){
				height: 30px;
			    width: 30px;
			    background-color: #00BCD4;
				animation-delay: 0.3s;
			    top: 12px;
			    left: 196px;
			}
			.loading-app .aqadem-loading > div:nth-child(8){
				height: 16px;
			    width: 16px;
			    top: 17px;
			    left: 13px;
			    background-color: #ef4859;
				animation-delay: 0.2s;
			}
			.loading-app .aqadem-loading > div:nth-child(9){
				height: 22px;
			    width: 22px;
			    top: 62px;
			    left: -9px;
			    background-color: #fd8f38;
				animation-delay: 0.4s;
			}
			.loading-app .aqadem-loading > div:nth-child(10){
				height: 37px;
			    width: 37px;
			    top: 98px;
			    left: -20px;
			    background-color: #ef4859;
				animation-delay: 0.2s;
			}
			.loading-app .aqadem-loading > div:nth-child(11){
				height: 28px;
			    width: 28px;
			    top: 171px;
			    left: -31px;
			    background-color: #175f8a;
				animation-delay: 0.1s;
			}
			.loading-app .aqadem-loading > div:nth-child(12){
				height: 40px;
			    width: 40px;
			    top: 171px;
			    left: 21px;
			    background-color: #00BCD4;
				animation-delay: 0.3s;
			}
			.loading-app .aqadem-loading > div:nth-child(13){
				height: 14px;
			    width: 14px;
			    top: 178px;
			    left: 102px;
			    background-color: #fd8f38;
				animation-delay: 0.4s;
			}
			
				.loading-app .aqadem-loading > div:nth-child(1):before{
					position: absolute;
             	    content: '';
             	    border-bottom: 41px solid #d94457;
             	    border-right: 41px solid #d94457;
             	    border-left: 41px solid transparent;
             	    border-top: 41px solid transparent;
				}
				
				.loading-app .aqadem-loading > div:nth-child(2):before{
					position: absolute;
             	    content: '';
             	    border-bottom: 20.5px solid #15556f;
             	    border-left: 20.5px solid #15556f;
             	    border-right: 20.5px solid transparent;
             	    border-top: 20.5px solid transparent;
				}
				
				.loading-app .aqadem-loading > div:nth-child(3):before{
					position: absolute;
             	    content: '';
             	    border-top: 37.5px solid #23afae;
             	    border-left: 37.5px solid #23afae;
             	    border-right: 37.5px solid transparent;
             	    border-bottom: 37.5px solid transparent;
				}
				
				.loading-app .aqadem-loading > div:nth-child(4):before{
					position: absolute;
             	    content: '';
             	    border-bottom: 55px solid #e67d38;
             	    border-right: 55px solid #e67d38;
             	    border-left: 55px solid transparent;
             	    border-top: 55px solid transparent;
				}
				
				.loading-app .aqadem-loading > div:nth-child(6):before{
					position: absolute;
             	    content: '';
             	    border-top: 29px solid #2f4155;
             	    border-left: 29px solid #2f4155;
             	    border-right: 29px solid transparent;
             	    border-bottom: 29px solid transparent;
				}
				
				.loading-app .aqadem-loading > div:nth-child(7):before{
					position: absolute;
             	    content: '';
             	    border-top: 15px solid #23afae;
             	    border-left: 15px solid #23afae;
             	    border-right: 15px solid transparent;
             	    border-bottom: 15px solid transparent;
				}
				
				.loading-app .aqadem-loading > div:nth-child(8):before{
					position: absolute;
             	    content: '';
             	    border-bottom: 8px solid #d94457;
             	    border-right: 8px solid #d94457;
             	    border-left: 8px solid transparent;
             	    border-top: 8px solid transparent;
				}
				
				.loading-app .aqadem-loading > div:nth-child(11):before{
					position: absolute;
             	    content: '';
             	    border-bottom: 14px solid #15556f;
             	    border-right: 14px solid #15556f;
             	    border-left: 14px solid transparent;
             	    border-top: 14px solid transparent;
				}
				
				.loading-app .aqadem-loading > div:nth-child(12):before{
					position: absolute;
             	    content: '';
             	    border-top: 20px solid #23afae;
             	    border-left: 20px solid #23afae;
             	    border-right: 20px solid transparent;
             	    border-bottom: 20px solid transparent;
				}
				
				
			
@keyframes aqadem-cube{
  0%{
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
  }
  100%{
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes aqadem-cube{
  0%{
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
  }
  100%{
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
	

/* Loading modal */
.loading-modal{
	position: absolute;
	z-index: 3;
	width: 97%;
	background: white;
	height: 96%;
	opacity: 0.6;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
	.loading-modal > div{
	margin: 15px;
	}
		.loading-modal > div > span{font-size: 20px;color: black;}
		.loading-modal > div > i{font-size: 370px;}



/* Loaders específicos */
.loader-container {
	width: 100%;
	/* margin: 0 auto; */
	/* overflow: hidden; */
	/* display: flex; */
	/* align-items: center; */
	position: absolute;
	z-index: 1;
	height: 100%;
	display: flex;
	align-items: center;
}
.loader-content{
	width: 100%;
	margin:0 auto;
	align-items: center;
	display: flex;
	height: 100%;
}
.loader{
	background-color: rgb(255, 255, 255);
	border: 5px solid rgb(242, 70, 85);
	opacity:.9;
	border-right: 5px solid rgb(17, 94, 140);
	border-left: 5px solid rgb(255, 143, 41);
	border-radius: 350px;
	box-shadow: 0 0 35px #14bcc5;
	width: 350px;
	height: 350px;
	margin:0 auto;
	-moz-animation:spinPulse 1s infinite ease-in-out;
	-webkit-animation:spinPulse 1s infinite linear;
}
/*.loader1 {
	background-color: rgba(0,0,0,0);
	border:5px solid rgba(0,183,229,0.9);
	opacity:.9;
	border-left:5px solid rgba(0,0,0,0);
	border-right:5px solid rgba(0,0,0,0);
	border-radius:50px;
	box-shadow: 0 0 15px #2187e7; 
	width:30px;
	height:30px;
	margin:0 auto;
	position:relative;
	top:-50px;
	-moz-animation:spinoffPulse 1s infinite linear;
	-webkit-animation:spinoffPulse 1s infinite linear;
}*/

@-moz-keyframes spinPulse {
	0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;}
	50% { -moz-transform:rotate(145deg); opacity:1; }
	100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes spinPulse {
	0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; }
	50% { -webkit-transform:rotate(145deg); opacity:1;}
	100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}



/* INFINITY */
.spinner.infinity {
  -webkit-transform: perspective(10em) rotateZ(90deg) rotateY(30deg);
  transform: perspective(10em) rotateZ(90deg) rotateY(30deg);
}

.spinner.infinity .half {
  position: relative;
  width: 4em;
  height: 4em;
}

.spinner.infinity .marker {
  position: absolute;
  width: 100%;
  height: 100%;
}

@-webkit-keyframes rotateHide {
  0% { -webkit-transform: rotate(0deg); opacity: 0; }
  25% { opacity: 1; }
  50%, 100% { -webkit-transform: rotate(360deg); opacity: 0; }
}
@keyframes rotateHide {
  0% { transform: rotate(0deg); opacity: 0; }
  25% { opacity: 1; }
  50%, 100% { transform: rotate(360deg); opacity: 0; }
}

.spinner.infinity .marker::after {
  opacity: 0;
  content: '\2022';
  width: 100%;
  height: 100%;
  display: block;
  -webkit-animation: rotateHide 3.5s cubic-bezier(0.4,0.1,0.6,0.9) infinite;
  animation: rotateHide 3.5s cubic-bezier(0.4,0.1,0.6,0.9) infinite;
}

.spinner.infinity .half:first-child {
  -webkit-transform: translateY(1em) rotateX(180deg);
  transform: translateY(1em) rotateX(180deg);
}

.spinner.infinity .half:first-child .marker:nth-child(1)::after { -webkit-animation-delay: 0s; animation-delay: 0s; }
.spinner.infinity .half:first-child .marker:nth-child(2)::after { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; }
.spinner.infinity .half:first-child .marker:nth-child(3)::after { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.spinner.infinity .half:first-child .marker:nth-child(4)::after { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; }
.spinner.infinity .half:first-child .marker:nth-child(5)::after { -webkit-animation-delay: 1s; animation-delay: 1s; }
.spinner.infinity .half:first-child .marker:nth-child(6)::after { -webkit-animation-delay: 1.25s; animation-delay: 1.25s; }
.spinner.infinity .half:first-child .marker:nth-child(7)::after { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.spinner.infinity .half:first-child .marker:nth-child(8)::after { -webkit-animation-delay: 1.75s; animation-delay: 1.75s; }

.spinner.infinity .half:last-child .marker:nth-child(1)::after { -webkit-animation-delay: 1.75s; animation-delay: 1.75s; }
.spinner.infinity .half:last-child .marker:nth-child(2)::after { -webkit-animation-delay: 2s; animation-delay: 2s; }
.spinner.infinity .half:last-child .marker:nth-child(3)::after { -webkit-animation-delay: 2.25s; animation-delay: 2.25s; }
.spinner.infinity .half:last-child .marker:nth-child(4)::after { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }
.spinner.infinity .half:last-child .marker:nth-child(5)::after { -webkit-animation-delay: 2.75s; animation-delay: 2.75s; }
.spinner.infinity .half:last-child .marker:nth-child(6)::after { -webkit-animation-delay: 3s; animation-delay: 3s; }
.spinner.infinity .half:last-child .marker:nth-child(7)::after { -webkit-animation-delay: 3.25s; animation-delay: 3.25s; }
.spinner.infinity .half:last-child .marker:nth-child(8)::after { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; }



/* Loader 2 */
.cube-grid {
  width: 30%;
  height: 30%;
  margin: 40px auto;
  /*
   * Spinner positions
   * 1 2 3
   * 4 5 6
   * 7 8 9
   */
  }
  .cube-grid .mgrid {
    width: 30%;
    height: 44%;
    background-color: #3f4e62;
    float: left;
    -webkit-animation: mgridGridScaleDelay 1.3s infinite ease-in-out;
    animation: mgridGridScaleDelay 1.3s infinite ease-in-out;
    }
  .cube-grid .mgrid1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    background-color: orange;
   }
  .cube-grid .mgrid2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    background-color: orange;
   }
  .cube-grid .mgrid3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    background-color: orange;
   }
  .cube-grid .mgrid4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    background-color: orange;
    }
  .cube-grid .mgrid5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    background-color: orange;
    }
  .cube-grid .mgrid6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    background-color: orange;
    }
  .cube-grid .mgrid7 {
    -webkit-animation-delay: 0.0s;
    animation-delay: 0.0s;
    background-color: orange;
    }
  .cube-grid .mgrid8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    background-color: orange;
    }
  .cube-grid .mgrid9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    background-color: orange;
    }
   
@-webkit-keyframes mgridGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); } }

@keyframes mgridGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); } }
            
      
/* Color lines */  
    .color-lines-loading {
	  width: 150px;
	  height: 100px;
	  margin: 40px auto;
	  display: flex;
	 }
		  .color-lines-loading > div {
		    	width: 25px;
		    	height: 100px;
		    	background-color: #3f4e62;
		    	float: left;
		    	margin-right: 10px;
		    	-webkit-animation: color-line-opacity 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  				animation: color-line-opacity 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
		    }
			  .color-lines-loading > div:nth-child(1) {
			    	background-color: #e06822;
			   }
			  .color-lines-loading > div:nth-child(2) {
			     	-webkit-animation-delay: 0.2s;
  					animation-delay: 0.2s;
			    	background-color: #114078;
			   }
			  .color-lines-loading > div:nth-child(3) {
			    	-webkit-animation-delay: 0.4s;
  					animation-delay: 0.4s;
			    	background-color: #cd2a43;
			   }
			  .color-lines-loading > div:nth-child(4) {
			     	-webkit-animation-delay: 0.6s;
			     	animation-delay: 0.6s;
			    	background-color: #1aa09e;
			   }

	@keyframes color-line-opacity{
	  0% 	{ opacity: 1; }
	  50% 	{ opacity: 0.2; }
	  100% 	{ opacity: 1; }
	}
	@-webkit-keyframes color-line-opacity{
	  0% 	{ opacity: 1; }
	  50% 	{ opacity: 0.2; }
	  100% 	{ opacity: 1; }
	}


/* Sepa lines */  
.sepa{
	position: absolute;
	z-index: 99;
	width: 100%;
	background: white;
	height: 100%;
	opacity: 0.7;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
    .sepa .color-sepa-loading {
        width: 150px;
        height: 100px;
        margin: 40px auto;
        display: flex;
	 }
		  .sepa .color-sepa-loading > div {
		    	width: 25px;
		    	height: 100px;
		    	background-color: #3f4e62;
		    	float: left;
		    	margin-right: 10px;
		    	-webkit-animation: color-sepa-opacity 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  				animation: color-sepa-opacity 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
		    }
			.sepa .color-sepa-loading > div:nth-child(1) {
				background-color: #fc8d2a;
			}
			.sepa .color-sepa-loading > div:nth-child(2) {
				-webkit-animation-delay: 0.2s;
				animation-delay: 0.2s;
				background-color: #f24556;
			}
			.sepa .color-sepa-loading > div:nth-child(3) {
				-webkit-animation-delay: 0.4s;
				animation-delay: 0.4s;
				background-color: #115d8b;
			}
			.sepa .color-sepa-loading > div:nth-child(4) {
				-webkit-animation-delay: 0.6s;
				animation-delay: 0.6s;
				background-color: #17c1cf;
			}

	@keyframes color-sepa-opacity{
	  0% 	{ opacity: 1; }
	  50% 	{ opacity: 0.2; }
	  100% 	{ opacity: 1; }
	}
	@-webkit-keyframes color-sepa-opacity{
	  0% 	{ opacity: 1; }
	  50% 	{ opacity: 0.2; }
	  100% 	{ opacity: 1; }
	}	

	.sepa .text{
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	color: #000000c9;
	}

            
/* Spinner horizontal */
.spinner-horizontal {
  margin: 100px auto 0;
  width: 400px;
  text-align: center;
}

.spinner-horizontal > div {
  width: 65px;
  height: 65px;
  /* background-color: #333; */
  /* border-radius: 50%; */
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  margin: 0px 15px;
}

.spinner-horizontal .capa1 {
  -webkit-animation-delay: -0.48s;
  animation-delay: -0.48s;
  background-color: #ff0018;
}

.spinner-horizontal .capa2 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  background-color: #00c5d6;
}

.spinner-horizontal .capa3 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  background-color: #115e8c;
}

.spinner-horizontal .capa4 {
  background-color: #ff7b02;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}



/** Ripple **/
.ripple{
	
}
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}



/* dual ring */

@keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.lds-dual-ring {
  position: relative;
}
.lds-dual-ring div {
  position: absolute;
  width: 160px;
  height: 160px;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  border: 20px solid #000;
  border-color: #145d89 transparent #145d89 transparent;
  -webkit-animation: lds-dual-ring 1s linear infinite;
  animation: lds-dual-ring 1s linear infinite;
  z-index: 99999;
}
.lds-dual-ring {
  width: 200px !important;
  height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}
/* end dual-ring */


/* COBROS DUAL-RING */
@keyframes lds-dual-ring-cobros {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes lds-dual-ring-cobros {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.lds-dual-ring-cobros {
	position: relative;
}
.lds-dual-ring-cobros div {
	position: absolute;
	width: 150px;
	height: 150px;
	top: 20px;
	left: 20px;
	border-radius: 50%;
	border: 20px solid #000;
	border-color: #ff7600e0 transparent #e41515 transparent;
	-webkit-animation: lds-dual-ring 1s linear infinite;
	animation: lds-dual-ring 1s cubic-bezier(0.52, 0.85, 0.7, -0.01) infinite;
	z-index: 99999;
}
.lds-dual-ring-cobros {
	width: 200px !important;
	height: 200px !important;
	-webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
	transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}
/* END COBROS DUAL-RING */
@charset "UTF-8";


.aviso-template{
    height: 35px;
    display: flex;
    align-items: center;
    margin-top: 5px;
}


@charset "UTF-8";

.facturas-periodicas {
    height: 100%;
    overflow: hidden;
}

.facturas-periodicas input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
}

.facturas-periodicas label{
	font-weight: normal;
	font-family: arial;
	font-size: 11px;
	/* font-weight: 200; */
}

.facturas-periodicas .form-group{
	margin: 0px;
	margin-bottom: 1px;
	height: 20px;
	display: flex;
}

.facturas-periodicas .col-row{
	display: flex;
}

.facturas-periodicas .col-row-2 > *:nth-child(1) {
    margin-right: 15px;
}

.facturas-periodicas .col-row-3 > *:nth-child(1),
.facturas-periodicas .col-row-3 > *:nth-child(2) {
    margin-right: 15px;
}

.facturas-periodicas .col-label{
	max-width: 65px !important;
	min-width: 65px !important;
	max-height: 20px;
	overflow: hidden;
	padding: 0px;
}

.facturas-periodicas .col-field{
	padding: 0px;
	flex: 1;
}


.facturas-periodicas .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.facturas-periodicas .bottom > div{
    flex: 1;
    width: 100%;
    /* position: relative; */
    /* margin-top: 18%; */
    /* height: 40px; */
    /* padding: 5px 0px; */
    /* clear: both; */
    /* background: #286af0; */
    /* text-align: center; */
    /* color: #fff; */
}
.facturas-periodicas .row.bottom > div:nth-child(1){
	min-height: 100px;
}

.facturas-periodicas .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
    /* margin-top: 350px; */
}



.facturas-periodicas .id_cliente {
    position: absolute;
    z-index: 10;
    left: 35%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}
.facturas-periodicas .tipo_cliente {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}


.facturas-periodicas .id_factura {
    position: absolute;
    z-index: 1;
    right: 65px;
    top: 3px;
}


/* Controls */
ul.controls-erp{
	position:absolute;
	top: 5px;
	right: 20px;
	z-index: 10;
}
ul.controls-erp > li {
    list-style: none;
    /* color: blue !important; */
}

ul.controls-erp > li > a {
    color: #757575;
}

ul.controls-erp > li > ul {
    top: 25px;
    right: -15px !important;
}

.facturas-periodicas .buttons-articulo {
    display: flex;
    max-width: 50px;
}

.facturas-periodicas .buttons-articulo > button{
    background: none !important;
    border: none !important;
}

.facturas-periodicas .buttons-articulo > button:focus,
.facturas-periodicas .buttons-articulo > button:hover,
.facturas-periodicas .buttons-articulo > button:active{
    background: none !important;
    border: 1px solid #8f9fc3 !important;
}

/* End controls */



.facturas-periodicas .observaciones-options {
    display: flex;
}

.facturas-periodicas .observaciones-options > div{
    flex: 1;
}

.facturas-periodicas .observaciones-options > div > button{
    border: none;
    font-size: 12px;
    background: #f4f5f6;
}

/* ui select */

.facturas-periodicas .ui-select-bootstrap > .ui-select-match .ui-select-toggle > span:nth-of-type(2) > a {
    position: absolute;
    right: 5px !important;
    top: 0px !important;
    font-size: 10px;
    padding: 0px;
    color: #bfc7cb;
    margin: 0px 2px;
}

.facturas-periodicas .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 100%;
}

.facturas-periodicas .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
	margin: 0px !important;
	/* padding: 0px; */
	padding: 0px !important;
	position: absolute;
	top: 2px;
	height: 15px;
	overflow-y: hidden;
}

.facturas-periodicas .ui-select-erp > div > span > span > span{/* width: 100%; *//* overflow-y: hidden; */}

.facturas-periodicas .ui-select-erp input:focus,
.facturas-periodicas .ui-select-erp input:focus:hover,
.facturas-periodicas .ui-select-erp input:hover,
.facturas-periodicas .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
	/* width: 100%; */
	/* width: 45px; */
}

.facturas-periodicas .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.facturas-periodicas .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.facturas-periodicas .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}

/*.ui-select-erp > *:nth-child(1) > *:nth-child(1) > *:nth-child(2){
	width: 80% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}*/


/* end ui select */


/* Tables */
.facturas-periodicas .text-concat{
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.facturas-periodicas #table_articulos tbody > tr {
    border-bottom: 1px solid blue;
    font-size: 12px;
}

.facturas-periodicas #table_articulos tbody > tr.active {
    color: #757575;
    background: #8e99a7 !important;
}

.facturas-periodicas #table_articulos tbody > tr > td:nth-child(3){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.facturas-periodicas #table_articulos tbody > tr > td:nth-child(4){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

/* End tables */


/* Tile */
.facturas-periodicas .tile{
	height: 100%;
}

.facturas-periodicas .tile.tile-widget {
    padding: 10px;
}
	.facturas-periodicas .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.facturas-periodicas .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.facturas-periodicas .tile .tile-header.dvd .controls > li.controls-editar,
		.facturas-periodicas .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.facturas-periodicas .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.facturas-periodicas .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.facturas-periodicas .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.facturas-periodicas .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.facturas-periodicas .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.facturas-periodicas .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.facturas-periodicas .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.facturas-periodicas .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.facturas-periodicas .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.3;
}


.facturas-periodicas label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* controls */
.facturas-periodicas ul.controls-erp{
	position:absolute;
	top: 2px;
	right: 20px;
	z-index: 1;
	width: auto !important;
}
	.facturas-periodicas ul.controls-erp > li {
		list-style: none;
	}
		.facturas-periodicas ul.controls-erp > li > a {
			color: #eaedf3;
		}
		.facturas-periodicas ul.controls-erp > li > ul {
			top: 25px;
			right: -15px !important;
		}


/* Modificaciones */
    .facturas-periodicas .row.nserie{
    }
    
    
    
    .facturas-periodicas .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .facturas-periodicas .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .facturas-periodicas .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .facturas-periodicas .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .facturas-periodicas .row.urow3 > div:nth-child(3){
		margin: 0px !important;
    	padding-left: 0px !important;
		}
    .facturas-periodicas .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.facturas-periodicas .autowidth > input{
		width: 100% !important;
	}
	
    .facturas-periodicas .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.facturas-periodicas .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px !important;
	}
	
	.facturas-periodicas .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 400px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.facturas-periodicas .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .facturas-periodicas .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.facturas-periodicas .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .facturas-periodicas .tile .tile-header-erp .controls{

	    }
	    .facturas-periodicas .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .facturas-periodicas .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .facturas-periodicas .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .facturas-periodicas .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .facturas-periodicas .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .facturas-periodicas .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .facturas-periodicas .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .facturas-periodicas .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .facturas-periodicas .table-custom-inline .tr_custom_erp > td{
      
    }
    .facturas-periodicas .table-custom-inline .tr_custom_erp > td:nth-child(1){
    	min-width: 20px;
    	max-width: 20px;
    }
    .facturas-periodicas .table-custom-inline .tr_custom_erp > td:nth-child(2){
    	min-width: 180px;
    	max-width: 180px;
    }
    .facturas-periodicas .table-custom-inline .tr_custom_erp > td:nth-child(3){
    	min-width: 300px;
    }
    .facturas-periodicas .table-custom-inline .tr_custom_erp > td:nth-child(4){
    	min-width: 50px;
    	max-width: 50px;
    }
    .facturas-periodicas .table-custom-inline .tr_custom_erp > td:nth-child(5){
		min-width: 75px;
		max-width: 75px;
		}
    .facturas-periodicas .table-custom-inline .tr_custom_erp > td:nth-child(6){
		min-width: 55px;
		max-width: 55px;
    }
    .facturas-periodicas .table-custom-inline .tr_custom_erp > td:nth-child(7){
		min-width: 55px;
		max-width: 55px;
    }
    .facturas-periodicas .table-custom-inline .tr_custom_erp > td:nth-child(8){
		min-width: 55px;
		max-width: 55px;
    }
    .facturas-periodicas .table-custom-inline .tr_custom_erp > td:nth-child(9){
		min-width: 55px;
		max-width: 55px;
    }
    .facturas-periodicas .table-custom-inline .tr_custom_erp > td:nth-child(10){
		min-width: 50px;
		max-width: 50px;
    }
    
    .facturas-periodicas .table-custom-inline .tr_custom_erp > td:nth-child(11){
    	min-width: 70px;
    	max-width: 70px;
    }
    .facturas-periodicas .table-custom-inline .tr_custom_erp > td:nth-child(11) > a > i{
      font-size: 20px;
    }

    .facturas-periodicas .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .facturas-periodicas .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .facturas-periodicas .row.row-erp{
     padding:15px !important;
   }
	   .facturas-periodicas .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		   flex: 1;
		  }
		 .facturas-periodicas .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .facturas-periodicas .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.facturas-periodicas .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.facturas-periodicas .doc-span > i{
		font-size: 10px;
	}
	.facturas-periodicas .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.facturas-periodicas .doc-span:visited{
		color: #dbe0e2;
	}
	
   
   /* Tile custom */
   .facturas-periodicas .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   

   .facturas-periodicas .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .facturas-periodicas .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.facturas-periodicas .tile-table-erp div table thead{
		border-bottom: 3px solid #757575;
	}

	.facturas-periodicas .tile-table-erp div table thead tr {

	}
	
	.facturas-periodicas .tile-table-erp div table thead tr th{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
	}


	.facturas-periodicas .tile-table-erp div table tbody tr td{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
		text-align: center;
	}
   
   
   /* End */
   
   
   /* Almacen */
   .facturas-periodicas .almacen-display{
   		display: flex;
    	justify-content: space-around;
    	align-items: center;
   }
   
   /*.almacen-display > .alternate-display-erp{
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(1){
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(2){
   		visibility: hidden;
   }*/
   
   .facturas-periodicas .almacen-display > .alternate-display-erp{
   		display: flex;
   		align-items: center;
   }
   .facturas-periodicas .almacen-display > .alternate-display-erp > .select-convert{
   		
   }
   
   .facturas-periodicas .almacen-display > .alternate-display-erp > .select-convert > *{
   		background: white !important;
   		box-shadow: none !important;
   }
   
   .facturas-periodicas .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1){
   		border: 0px !important;
	    margin-top: 5px !important;
	    color: #3f4e62;
   }
   
   .facturas-periodicas .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > span:nth-child(2) > a{ 
   		display: none !important;
   }
   
   .facturas-periodicas .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > i{
   		display:none !important;
   }
   /* */
   
	
	
	.facturas-periodicas .dadarticulo.over {
	  //border: 2px dashed #000;
	}   
   
    /* Placeholder drag and drop */
    .facturas-periodicas .sortable-placeholder{
      	width: auto;
	    height: 20px !important;
	    background: #3f4e62;
    }
    

    .facturas-periodicas .anchofull {
        width: auto !important;
    	min-width: 100% !important;
    }

    
    /* Cargando articulos */
    .facturas-periodicas .cargando_tabla.ng-scope {text-align: center;opacity: 0.2;}

    .facturas-periodicas .cargando_tabla.ng-scope > i {
        font-size: 180px;
    }
   
  /* end */
  
  


	.facturas-periodicas .idventafacturaperiodica {
		position: absolute;
		left: 75%;
		z-index: 1;
		width: max-content !important;
		top: 4px;
		font-size: 12px;
		font-family: tahoma;
		color: white;
	}
	
	
	.facturas-periodicas .idcliente {
	    position: absolute;
	    z-index: 1;
	    right: 100px;
	    top: 5px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}

	.facturas-periodicas .tipocliente {
	    position: absolute;
	    z-index: 1;
	    right: 300px;
	    top: 5px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}


	.facturas-periodicas .validar-factura {
		position: absolute;
		top: 0px;
		right: 43px;
		width: 20px;
		height: 20px;
		background: #95c89a;
		border-radius: 0px;
		border: none;
	}
		.facturas-periodicas .validar-factura > i{
			position: absolute;
			top: 3px;
			right: 2px;
			color: white;
		}
	
	.facturas-periodicas .input-yellow {
	    background: #f1f1b3;
	    border: 1px solid #cdd3d8;
	}
	
	
	.facturas-periodicas .tab-general {
	    display: flex;
	    flex-direction: column;
	}
	    .facturas-periodicas .tab-general .fila{
	        display: flex;
	        flex: 1;
	    }
	        .facturas-periodicas .tab-general .fila .item-2{
	            display: flex;
	         	width: 100%;
	        }
	        .facturas-periodicas .tab-general .fila .item-2:nth-child(1){
	           min-width: 100%;
	           max-width: 100%;
	        }
	         .facturas-periodicas .tab-general .fila .item-2:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
	        .facturas-periodicas .tab-general .fila .item-2:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.facturas-periodicas .tab-general .fila .item-2 > div{
					flex: 1;
					/* height: 20px; */
					/* margin-bottom: 1px; */
				}
				.facturas-periodicas .tab-general .fila .item-2 > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.facturas-periodicas .tab-general .fila .item-2 > div:nth-child(2){
					min-width: 100px;
					max-width: 100px;
				}
				.facturas-periodicas .tab-general .fila .item-2 > div:nth-child(3){
				}
					.facturas-periodicas .tab-general .fila .item-2 > div:nth-child(3) > input{
						width: 100%;
						background: #f4f4f4;
					}


	.facturas-periodicas .tab-clientes {
	    display: flex;
	    flex-direction: column;
	}
	    .facturas-periodicas .tab-clientes .fila-2{
	        display: flex;
	        flex: 1;
	    }
	        .facturas-periodicas .tab-clientes .fila-2 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .facturas-periodicas .tab-clientes .fila-2 .item:nth-child(1){
	           min-width: 60%;
	           max-width: 60%;
	        }
	         .facturas-periodicas .tab-clientes .fila-2 .item:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.facturas-periodicas .tab-clientes .fila-2 .item > div{
					flex: 1;
				}
				.facturas-periodicas .tab-clientes .fila-2 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.facturas-periodicas .tab-clientes .fila-2 .item > div:nth-child(2){
			
				}
		.facturas-periodicas .tab-clientes .fila-3{
	        display: flex;
	        flex: 1;
	    }
	        .facturas-periodicas .tab-clientes .fila-3 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .facturas-periodicas .tab-clientes .fila-3 .item:nth-child(1){
	           min-width: 30%;
	           max-width: 30%;
	        }
	         .facturas-periodicas .tab-clientes .fila-3 .item:nth-child(2){
	           min-width: 29%;
	           max-width: 29%;
	           margin: 0px 5px;
	        }
	        .facturas-periodicas .tab-clientes .fila-3 .item:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	        }
				.facturas-periodicas .tab-clientes .fila-3 .item > div{
					flex: 1;
				}
				.facturas-periodicas .tab-clientes .fila-3 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.facturas-periodicas .tab-clientes .fila-3 .item > div:nth-child(2){
			
				}

	
	
	/* tables */
 	.facturas-periodicas .content-tables {
    	display: flex;
    	/* RESOLUCIÓN IPAD: 1536 x 2048 */
	}
	    .facturas-periodicas .content-tables > div{
	        flex: 1;
	        margin: 0px 5px;
	        min-width: 350px
	    }
	    .facturas-periodicas .content-tables > div:nth-child(1){
	        
	    }
	    .facturas-periodicas .content-tables > div:nth-child(2){
	       
	    }


 /*.facturas-periodicas .lineas-ventas-facturas-per .section-linea > .cabecera > div:nth-child(3){
    	min-width: 541px !important;
    	max-width: 541px !important;
  }
 .facturas-periodicas .listado-articulos > div > div:nth-child(3){
        min-width: 541px !important;
        max-width: 541px !important;
  }
 .facturas-periodicas .lineas-ventas-facturas-per .section-linea > .content > div:nth-child(3){
    	 min-width: 541px !important;
        max-width: 541px !important;
  }
   .facturas-periodicas .lineas-ventas-facturas-per .section-linea > .cabecera > div:nth-child(8){
    	min-width: 50px !important;
    	max-width: 50px !important;
  }
  .facturas-periodicas .lineas-ventas-facturas-per .section-linea > .content > div:nth-child(8){
    	min-width: 50px !important;
        max-width: 50px !important;
  }*/
	    
/* Media queries */
@media (min-width: 1024px) and (max-width: 1024px){
	.facturas-periodicas .top1{
		display: none;
	}
}




/* GRID (RESUMEN) */
.facturas-periodicas-resumen .ui-grid-header-canvas{
	width: 100% !important;
}
.facturas-periodicas-resumen .ui-grid-header-cell-wrapper{
	width: 100%;
}
.facturas-periodicas-resumen .ui-grid-header-cell-row {
	width: 100%;
}
.facturas-periodicas-resumen .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.facturas-periodicas-resumen .ui-grid-header-cell-row > div:nth-child(1){
    width: 7%;
}
.facturas-periodicas-resumen .ui-grid-header-cell-row > div:nth-child(2){
     width: 7%;
}
.facturas-periodicas-resumen .ui-grid-header-cell-row > div:nth-child(3){
     width: 8%;
}
.facturas-periodicas-resumen .ui-grid-header-cell-row > div:nth-child(4){
     width: 25%;
}
.facturas-periodicas-resumen .ui-grid-header-cell-row > div:nth-child(5){
     width: 9%;
}
.facturas-periodicas-resumen .ui-grid-header-cell-row > div:nth-child(6){
     width: 9%;
}
.facturas-periodicas-resumen .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 7%;
}
.facturas-periodicas-resumen .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 7%;
}
.facturas-periodicas-resumen .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 7%;
}
.facturas-periodicas-resumen .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 7%;
}
.facturas-periodicas-resumen .ui-grid-header-cell-row > div:nth-child(11){ 
    width: 7%;
}


.facturas-periodicas-resumen .ui-grid-canvas{
	width: 100% !important;
}
.facturas-periodicas-resumen .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.facturas-periodicas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 7%;
}
.facturas-periodicas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 7%;
}
.facturas-periodicas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 8%;
}
.facturas-periodicas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 25%;
}
.facturas-periodicas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 9%;
}
.facturas-periodicas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 9%;
}
.facturas-periodicas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 7%;
}
.facturas-periodicas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 7%;
}
.facturas-periodicas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 7%;
}
.facturas-periodicas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 7%;
}
.facturas-periodicas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(11){
	width: 7%;
}


.facturas-periodicas-resumen .ui-grid-footer-canvas{
	width: 100% !important;
}
.facturas-periodicas-resumen .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.facturas-periodicas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.facturas-periodicas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 7%;
}
.facturas-periodicas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 7%;
}
.facturas-periodicas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 8%;
}
.facturas-periodicas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 25%;
}
.facturas-periodicas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 9%;
}
.facturas-periodicas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 9%;
}
.facturas-periodicas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 7%;
}
.facturas-periodicas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 7%;
}
.facturas-periodicas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 7%;
}
.facturas-periodicas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 7%;
}
.facturas-periodicas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(11){
	width: 7%;
}



/* GRID (LINEAS EDICION) */
.lineas-ventas-facturas-per .ui-grid-header-canvas{
	width: 100% !important;
}
.lineas-ventas-facturas-per .ui-grid-header-cell-wrapper{
	width: 100%;
}
.lineas-ventas-facturas-per .ui-grid-header-cell-row {
	width: 100%;
}
.lineas-ventas-facturas-per .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.lineas-ventas-facturas-per .ui-grid-header-cell-row > div:nth-child(1){
	width: 4%;
}
.lineas-ventas-facturas-per .ui-grid-header-cell-row > div:nth-child(2){
	width: 20%;
}
.lineas-ventas-facturas-per .ui-grid-header-cell-row > div:nth-child(3){
	width: 40%;
}
.lineas-ventas-facturas-per .ui-grid-header-cell-row > div:nth-child(4){
	width: 7%;
}
.lineas-ventas-facturas-per .ui-grid-header-cell-row > div:nth-child(5){
    width: 7%;
}
.lineas-ventas-facturas-per .ui-grid-header-cell-row > div:nth-child(6){
    width: 7%;
}
.lineas-ventas-facturas-per .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 7%;
}
.lineas-ventas-facturas-per .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 8%;
}

.lineas-ventas-facturas-per .ui-grid-canvas{
	width: 100% !important;
}
.lineas-ventas-facturas-per .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.lineas-ventas-facturas-per .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 4%;
}
.lineas-ventas-facturas-per .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 20%;
}
.lineas-ventas-facturas-per .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 40%;
}
.lineas-ventas-facturas-per .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 7%;
}
.lineas-ventas-facturas-per .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 7%;
}
.lineas-ventas-facturas-per .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 7%;
}
.lineas-ventas-facturas-per .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 7%;
}
.lineas-ventas-facturas-per .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 8%;
}


.lineas-ventas-facturas-per .ui-grid-footer-canvas{
	width: 100% !important;
}
.lineas-ventas-facturas-per .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.lineas-ventas-facturas-per .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.lineas-ventas-facturas-per .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 4%;
}
.lineas-ventas-facturas-per .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 20%;
}
.lineas-ventas-facturas-per .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 40%;
}
.lineas-ventas-facturas-per .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 7%;
}
.lineas-ventas-facturas-per .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 7%;
}
.lineas-ventas-facturas-per .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 7%;
}
.lineas-ventas-facturas-per .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 7%;
}
.lineas-ventas-facturas-per .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 8%;
}


/* Section linea */
.lineas-ventas-facturas-per .lineas-ventas-facturas-per .section-linea {
    display: flex;
    flex-direction: column;
    padding: 0px !important;
    margin-top: 5px;
}
	.lineas-ventas-facturas-per .section-linea > div{
	    flex:1;
	    display: flex;
	    flex-wrap: wrap;
	}
	.lineas-ventas-facturas-per .section-linea > .cabecera{
	    margin: 0px 0px 10px 0px;
	    /* border-bottom: 1px solid; */
	    font-size: 13px;
	    text-align: center;
	}
		.lineas-ventas-facturas-per .section-linea > .cabecera > div{
	    	/*flex: 1;*/
	    	margin: 0px 1px;
	    	border-bottom: 1px solid #8f9fc3;
	    	background: #145d89;
	    	color: #fbfcfd;
	    	/*min-width: 60px;
	    	max-width: 60px;*/
	    	width: 7%;
	 }
		.lineas-ventas-facturas-per .section-linea > .cabecera > div:nth-child(1){
	    	/*max-width: 27px;
	    	min-width: 27px;*/
	    	width: 4%;
	 }
		.lineas-ventas-facturas-per .section-linea > .cabecera > div:nth-child(2){
	    	width: 20%;
	 }
		.lineas-ventas-facturas-per .section-linea > .cabecera > div:nth-child(3){
	    	width: 40%;
	  }
	  .lineas-ventas-facturas-per .section-linea > .cabecera > div:nth-child(8){
	    	width: 8%;
	  }
		 
	.lineas-ventas-facturas-per .section-linea > .content{
		 margin: 0px 0px 10px 0px;
		 height: 22px;
	}
		.lineas-ventas-facturas-per .section-linea > .content > div{
	    	/*flex: 1;*/
	    	margin: 0px 1px;
	    	/*min-width: 60px;
	    	max-width: 60px;*/
	    	width: 7%;
	  }
		.lineas-ventas-facturas-per .section-linea > .content > div:nth-child(1){
	    	/*max-width: 27px;
	    	min-width: 27px;*/
	    	width: 4%;
	    	font-size: 12px;
	    	text-align: center;
	    	padding-top: 1px;
	 }
		.lineas-ventas-facturas-per .section-linea > .content > div:nth-child(2){
	    	width: 20%;
	 }
		.lineas-ventas-facturas-per .section-linea > .content > div:nth-child(3){
	    	display: flex;
	    	width: 40%;
	   }
			.lineas-ventas-facturas-per .section-linea > .content > div:nth-child(3) > span{
				background: #6c798c;
				color: white;
				padding: 0px 2px;
				height: 20px;
			}
				.lineas-ventas-facturas-per .section-linea > .content > div:nth-child(3) > span > i{
					font-size: 12px;
				}
		.lineas-ventas-facturas-per .section-linea > .content > div:nth-child(8){
	    	width: 8%;
	   }
		.lineas-ventas-facturas-per .section-linea > .content .articulo-subtotal {
			background: white;
			border: 1px solid #dbe0e2;
			max-width: 70px;
		}

		
/* LINEAS MIGRACION */
/* GRID (LINEAS EDICION) */
.lineas-ventas-facturas-per-mi .ui-grid-header-canvas{
	width: 100% !important;
}
.lineas-ventas-facturas-per-mi .ui-grid-header-cell-wrapper{
	width: 100%;
}
.lineas-ventas-facturas-per-mi .ui-grid-header-cell-row {
	width: 100%;
}
.lineas-ventas-facturas-per-mi .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.lineas-ventas-facturas-per-mi .ui-grid-header-cell-row > div:nth-child(1){
	width: 4%;
}
.lineas-ventas-facturas-per-mi .ui-grid-header-cell-row > div:nth-child(2){
	width: 11%;
}
.lineas-ventas-facturas-per-mi .ui-grid-header-cell-row > div:nth-child(3){
	width: 30%;
}
.lineas-ventas-facturas-per-mi .ui-grid-header-cell-row > div:nth-child(4){
	width: 6%;
}
.lineas-ventas-facturas-per-mi .ui-grid-header-cell-row > div:nth-child(5){
    width: 6%;
}
.lineas-ventas-facturas-per-mi .ui-grid-header-cell-row > div:nth-child(6){
    width: 6%;
}
.lineas-ventas-facturas-per-mi .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 6%;
}
.lineas-ventas-facturas-per-mi .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 6%;
}
.lineas-ventas-facturas-per-mi .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 6%;
}
.lineas-ventas-facturas-per-mi .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 4%;
}
.lineas-ventas-facturas-per-mi .ui-grid-header-cell-row > div:nth-child(11){ 
    width: 6%;
}

.lineas-ventas-facturas-per-mi .ui-grid-canvas{
	width: 100% !important;
}
.lineas-ventas-facturas-per-mi .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
	margin: 0px 1px;
}
.lineas-ventas-facturas-per-mi .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 4%;
}
.lineas-ventas-facturas-per-mi .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 11%;
}
.lineas-ventas-facturas-per-mi .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 30%;
}
.lineas-ventas-facturas-per-mi .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 6%;
}
.lineas-ventas-facturas-per-mi .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 6%;
}
.lineas-ventas-facturas-per-mi .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 6%;
}
.lineas-ventas-facturas-per-mi .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 6%;
}
.lineas-ventas-facturas-per-mi .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 6%;
}
.lineas-ventas-facturas-per-mi .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 6%;
}
.lineas-ventas-facturas-per-mi .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 4%;
}
.lineas-ventas-facturas-per-mi .ui-grid-row > div > .ui-grid-cell:nth-child(11){
	width: 6%;
}


.lineas-ventas-facturas-per-mi .ui-grid-footer-canvas{
	width: 100% !important;
}
.lineas-ventas-facturas-per-mi .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.lineas-ventas-facturas-per-mi .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.lineas-ventas-facturas-per-mi .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 4%;
}
.lineas-ventas-facturas-per-mi .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 11%;
}
.lineas-ventas-facturas-per-mi .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 30%;
}
.lineas-ventas-facturas-per-mi .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 6%;
}
.lineas-ventas-facturas-per-mi .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 6%;
}
.lineas-ventas-facturas-per-mi .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 6%;
}
.lineas-ventas-facturas-per-mi .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 6%;
}
.lineas-ventas-facturas-per-mi .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 6%;
}
.lineas-ventas-facturas-per-mi .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 6%;
}
.lineas-ventas-facturas-per-mi .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 4%;
}
.lineas-ventas-facturas-per-mi .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(11){
	width: 6%;
}
@charset "UTF-8";

/* Tile */
.facturacion .tile{
	height: 100%;
}

.facturacion .tile.tile-widget {
    padding: 10px;
}
	.facturacion .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.facturacion .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.facturacion .tile .tile-header.dvd .controls > li.controls-editar,
		.facturacion .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.facturacion .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.facturacion .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.facturacion .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.facturacion .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.facturacion .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.facturacion .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.facturacion .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.facturacion .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}
	
	.facturacion .cell-grid-facturacion {
	    text-align: center;
	}

	
	
/* GRID (RESUMEN) */
.facturacion .ui-grid-header-canvas{
	width: 100% !important;
}
.facturacion .ui-grid-header-cell-wrapper{
	width: 100%;
}
.facturacion .ui-grid-header-cell-row {
	width: 100%;
}
.facturacion .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.facturacion .ui-grid-header-cell-row > div:nth-child(1){
    width: 7%;
}
.facturacion .ui-grid-header-cell-row > div:nth-child(2){
     width: 5%;
}
.facturacion .ui-grid-header-cell-row > div:nth-child(3){
     width: 5%;
}
.facturacion .ui-grid-header-cell-row > div:nth-child(4){
     width: 5%;
}
.facturacion .ui-grid-header-cell-row > div:nth-child(5){
     width: 17%;
}
.facturacion .ui-grid-header-cell-row > div:nth-child(6){
     width: 6%;
}
.facturacion .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 6%;
}
.facturacion .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 6%;
}
.facturacion .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 7%;
}
.facturacion .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 4%;
}
.facturacion .ui-grid-header-cell-row > div:nth-child(11){ 
    width: 4%;
}
.facturacion .ui-grid-header-cell-row > div:nth-child(12){ 
    width: 4%;
}
.facturacion .ui-grid-header-cell-row > div:nth-child(13){ 
    width: 4%;
}
.facturacion .ui-grid-header-cell-row > div:nth-child(14){ 
    width: 4%;
}
.facturacion .ui-grid-header-cell-row > div:nth-child(15){ 
    width: 8%;
}
.facturacion .ui-grid-header-cell-row > div:nth-child(16){ 
    width: 8%;
}


.facturacion .ui-grid-canvas{
	width: 100% !important;
}
.facturacion .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 7%;
}
.facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 5%;
}
.facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 5%;
}
.facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 5%;
}
.facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 17%;
}
.facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 6%;
}
.facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 6%;
}
.facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 6%;
}
.facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 7%;
}
.facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 4%;
}
.facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(11){
	width: 4%;
}
.facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(12){
	width: 4%;
}
.facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(13){
	width: 4%;
}
.facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(14){
	width: 4%;
}
.facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(15){
	width: 8%;
}
.facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(16){
	width: 8%;
}


.facturacion .ui-grid-footer-canvas{
	width: 100% !important;
}
.facturacion .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 7%;
}
.facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 5%;
}
.facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 5%;
}
.facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 5%;
}
.facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 17%;
}
.facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 6%;
}
.facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 6%;
}
.facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 6%;
}
.facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 7%;
}
.facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 4%;
}
.facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(11){
	width: 4%;
}
.facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(12){
	width: 4%;
}
.facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(13){
	width: 4%;
}
.facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(14){
	width: 4%;
}
.facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(15){
	width: 8%;
}
.facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(16){
	width: 8%;
}
@charset "UTF-8";

.sesion {
    height: 100%;
}

.sesion input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
	text-transform: uppercase;
}

.sesion label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.sesion .form-group{
	margin: 0px;
	margin-bottom: 5px;
	display: flex;
	height: 100%;
	width: 100%;
	flex: 1;
}


.sesion .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.sesion .bottom > div{
    flex: 1;
    width: 100%;
}
.sesion .row.bottom > div:nth-child(1){
	min-height: 520px;
}

.sesion .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
}


.sesion .buttons {
    display: flex;
}

.sesion .buttons > button {
    flex: 1;
    background: none;
    border: none;
    width: 10px;
}

.sesion .buttons > button:focus {
    border: 1px solid blue;
}

.sesion .buttons-sesion {
    position: absolute;
    right: 20px;
    z-index: 1;
    top: 0px;
}
	.sesion .buttons-sesion > button{
		background: none;
		border: none;
		color: white;
	}
	
/* End campo fecha */


/* Tile */
.sesion .tile{
	/* height: 100%; */
}

.sesion .tile.tile-widget {
    padding: 10px;
}
	.sesion .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.sesion .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.sesion .tile .tile-header.dvd .controls > li.controls-editar,
		.sesion .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.sesion .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.sesion .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.sesion .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.sesion .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.sesion .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.sesion .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.sesion .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.sesion .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.sesion .sesion-activa{
	color: white;
	/* background: #495a72 !important; */
}
.sesion .sesion-activa > div{
	background: #495a72 !important;
}

.sesion .ui-grid-grid-footer {
  padding-left: 5px !important;
}

.sesion .loading-grid{
	height: 100% !important;
}


/* GRID SESION */
.sesion .ui-grid-header-canvas{
	width: 100% !important;
}
.sesion .ui-grid-header-cell-wrapper{
	width: 100%;
}
.sesion .ui-grid-header-cell-row {
	width: 100%;
}
.sesion .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.sesion .ui-grid-header-cell-row > div:nth-child(1){
    width: 8%;
}
.sesion .ui-grid-header-cell-row > div:nth-child(2){
     width: 8%;
}
.sesion .ui-grid-header-cell-row > div:nth-child(3){
     width: 8%;
}
.sesion .ui-grid-header-cell-row > div:nth-child(4){
     width: 12%;
}
.sesion .ui-grid-header-cell-row > div:nth-child(5){
     width: 14%;
}
.sesion .ui-grid-header-cell-row > div:nth-child(6){
     width: 14%;
}
.sesion .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 8%;
}
.sesion .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 7%;
}
.sesion .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 7%;
}
.sesion .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 7%;
}
.sesion .ui-grid-header-cell-row > div:nth-child(11){ 
    width: 7%;
}

.sesion .ui-grid-canvas{
	width: 100% !important;
}
.sesion .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.sesion .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 8%;
}
.sesion .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 8%;
}
.sesion .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 8%;
}
.sesion .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 12%;
}
.sesion .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 14%;
}
.sesion .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 14%;
}
.sesion .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 8%;
}
.sesion .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 7%;
}
.sesion .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 7%;
}
.sesion .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 7%;
}
.sesion .ui-grid-row > div > .ui-grid-cell:nth-child(11){
	width: 7%;
}


.sesion .ui-grid-footer-canvas{
	width: 100% !important;
}
.sesion .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.sesion .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.sesion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 8%;
}
.sesion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 8%;
}
.sesion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 8%;
}
.sesion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 12%;
}
.sesion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 14%;
}
.sesion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 14%;
}
.sesion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 8%;
}
.sesion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 7%;
}
.sesion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 7%;
}
.sesion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 7%;
}
.sesion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(11){
	width: 7%;
}

@charset "UTF-8";

.ventas-albaranes {
    height: 100%;
    overflow: hidden;
}

.ventas-albaranes input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
}

.ventas-albaranes label{
	font-weight: normal;
	font-family: arial;
	font-size: 11px;
	/* font-weight: 200; */
}

.ventas-albaranes .form-group{
	margin: 0px;
	margin-bottom: 1px;
	height: 20px;
	display: flex;
}

.ventas-albaranes .col-row{
	display: flex;
}

.ventas-albaranes .col-row-2 > *:nth-child(1) {
    margin-right: 15px;
}

.ventas-albaranes .col-row-3 > *:nth-child(1),
.ventas-albaranes .col-row-3 > *:nth-child(2) {
    margin-right: 15px;
}

.ventas-albaranes .col-label{
	max-width: 65px !important;
	min-width: 65px !important;
	max-height: 20px;
	overflow: hidden;
	padding: 0px;
}

.ventas-albaranes .col-field{
	padding: 0px;
	flex: 1;
}


.ventas-albaranes .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.ventas-albaranes .bottom > div{
    flex: 1;
    width: 100%;
    /* position: relative; */
    /* margin-top: 18%; */
    /* height: 40px; */
    /* padding: 5px 0px; */
    /* clear: both; */
    /* background: #286af0; */
    /* text-align: center; */
    /* color: #fff; */
}
.ventas-albaranes .row.bottom > div:nth-child(1){
	min-height: 100px;
}

.ventas-albaranes .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
    /* margin-top: 350px; */
}



.ventas-albaranes .id_cliente {
    position: absolute;
    z-index: 10;
    left: 35%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}
.ventas-albaranes .tipo_cliente {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}



.ventas-albaranes .id_albaran {
    position: absolute;
    z-index: 1;
    right: 65px;
    top: 3px;
}


/* Controls */
ul.controls-erp{
	position:absolute;
	top: 5px;
	right: 20px;
	z-index: 10;
}
ul.controls-erp > li {
    list-style: none;
    /* color: blue !important; */
}

ul.controls-erp > li > a {
    color: #757575;
}

ul.controls-erp > li > ul {
    top: 25px;
    right: -15px !important;
}

.ventas-albaranes .buttons-articulo {
    display: flex;
    max-width: 50px;
}

.ventas-albaranes .buttons-articulo > button{
    background: none !important;
    border: none !important;
}
.ventas-albaranes .buttons-articulo > button:focus,
.ventas-albaranes .buttons-articulo > button:hover,
.ventas-albaranes .buttons-articulo > button:active{
    background: none !important;
    border: 1px solid #8f9fc3 !important;
}

/* End controls */



.ventas-albaranes .observaciones-options {
    display: flex;
}

.ventas-albaranes .observaciones-options > div{
    flex: 1;
}

.ventas-albaranes .observaciones-options > div > button{
    border: none;
    font-size: 12px;
    background: #f4f5f6;
}

/* ui select */

.ventas-albaranes .ui-select-bootstrap > .ui-select-match .ui-select-toggle > span:nth-of-type(2) > a {
    position: absolute;
    right: 5px !important;
    top: 0px !important;
    font-size: 10px;
    padding: 0px;
    color: #bfc7cb;
    margin: 0px 2px;
}

.ventas-albaranes .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 100%;
}

.ventas-albaranes .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
	margin: 0px !important;
	/* padding: 0px; */
	padding: 0px !important;
	position: absolute;
	top: 2px;
	height: 15px;
	overflow-y: hidden;
}

.ventas-albaranes .ui-select-erp > div > span > span > span{/* width: 100%; *//* overflow-y: hidden; */}

.ventas-albaranes .ui-select-erp input:focus,
.ventas-albaranes .ui-select-erp input:focus:hover,
.ventas-albaranes .ui-select-erp input:hover,
.ventas-albaranes .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
	/* width: 100%; */
	/* width: 45px; */
}

.ventas-albaranes .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.ventas-albaranes .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.ventas-albaranes .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}

/*.ui-select-erp > *:nth-child(1) > *:nth-child(1) > *:nth-child(2){
	width: 80% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}*/


/* end ui select */


/* Tables */
.ventas-albaranes .text-concat{
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.ventas-albaranes #table_articulos tbody > tr {
    border-bottom: 1px solid blue;
    font-size: 12px;
}

.ventas-albaranes #table_articulos tbody > tr.active {
    color: #757575;
    background: #8e99a7 !important;
}

.ventas-albaranes #table_articulos tbody > tr > td:nth-child(3){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.ventas-albaranes #table_articulos tbody > tr > td:nth-child(4){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}
/* End tables */



/* End tabs */


/* Tile */
.ventas-albaranes .tile{
	height: 100%;
}

.ventas-albaranes .tile.tile-widget {
    padding: 10px;
}
	.ventas-albaranes .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.ventas-albaranes .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.ventas-albaranes .tile .tile-header.dvd .controls > li.controls-editar,
		.ventas-albaranes .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.ventas-albaranes .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.ventas-albaranes .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.ventas-albaranes .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.ventas-albaranes .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.ventas-albaranes .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.ventas-albaranes .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.ventas-albaranes .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.ventas-albaranes .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.ventas-albaranes .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.3;
}


.ventas-albaranes label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* controls */
.ventas-albaranes ul.controls-erp{
	position:absolute;
	top: 2px;
	right: 20px;
	z-index: 1;
	width: auto !important;
}
	.ventas-albaranes ul.controls-erp > li {
		list-style: none;
	}
		.ventas-albaranes ul.controls-erp > li > a {
			color: #eaedf3;
		}
		.ventas-albaranes ul.controls-erp > li > ul {
			top: 25px;
			right: -15px !important;
		}


/* Modificaciones */
    .ventas-albaranes .row.nserie{
    }
    
    
    
    .ventas-albaranes .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .ventas-albaranes .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .ventas-albaranes .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .ventas-albaranes .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .ventas-albaranes .row.urow3 > div:nth-child(3){
		margin: 0px !important;
    	padding-left: 0px !important;
		}
    .ventas-albaranes .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.ventas-albaranes .autowidth > input{
		width: 100% !important;
	}
	
    .ventas-albaranes .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.ventas-albaranes .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px !important;
	}
	
	.ventas-albaranes .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 400px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.ventas-albaranes .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .ventas-albaranes .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.ventas-albaranes .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .ventas-albaranes .tile .tile-header-erp .controls{

	    }
	    .ventas-albaranes .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .ventas-albaranes .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .ventas-albaranes .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .ventas-albaranes .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .ventas-albaranes .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .ventas-albaranes .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .ventas-albaranes .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .ventas-albaranes .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .ventas-albaranes .table-custom-inline .tr_custom_erp > td{
      
    }
    .ventas-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(1){
    	min-width: 20px;
    	max-width: 20px;
    }
    .ventas-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(2){
    	min-width: 180px;
    	max-width: 180px;
    }
    .ventas-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(3){
    	min-width: 300px;
    }
    .ventas-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(4){
    	min-width: 50px;
    	max-width: 50px;
    }
    .ventas-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(5){
		min-width: 75px;
		max-width: 75px;
		}
    .ventas-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(6){
		min-width: 55px;
		max-width: 55px;
    }
    .ventas-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(7){
		min-width: 55px;
		max-width: 55px;
    }
    .ventas-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(8){
		min-width: 55px;
		max-width: 55px;
    }
    .ventas-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(9){
		min-width: 55px;
		max-width: 55px;
    }
    .ventas-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(10){
		min-width: 50px;
		max-width: 50px;
    }
    
    .ventas-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(11){
    	min-width: 70px;
    	max-width: 70px;
    }
    .ventas-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(11) > a > i{
      font-size: 20px;
    }

    .ventas-albaranes .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .ventas-albaranes .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .ventas-albaranes .row.row-erp{
     padding:15px !important;
   }
	   .ventas-albaranes .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		   flex: 1;
		  }
		 .ventas-albaranes .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .ventas-albaranes .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.ventas-albaranes .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.ventas-albaranes .doc-span > i{
		font-size: 10px;
	}
	.ventas-albaranes .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.ventas-albaranes .doc-span:visited{
		color: #dbe0e2;
	}
	
   
   /* Tile custom */
   .ventas-albaranes .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   

   .ventas-albaranes .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .ventas-albaranes .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.ventas-albaranes .tile-table-erp div table thead{
		border-bottom: 3px solid #757575;
	}

	.ventas-albaranes .tile-table-erp div table thead tr {

	}
	
	.ventas-albaranes .tile-table-erp div table thead tr th{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
	}


	.ventas-albaranes .tile-table-erp div table tbody tr td{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
		text-align: center;
	}
   
   
   /* End */
   
   
   /* Almacen */
   .ventas-albaranes .almacen-display{
   		display: flex;
    	justify-content: space-around;
    	align-items: center;
   }
   
   /*.almacen-display > .alternate-display-erp{
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(1){
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(2){
   		visibility: hidden;
   }*/
   
   .ventas-albaranes .almacen-display > .alternate-display-erp{
   		display: flex;
   		align-items: center;
   }
   .ventas-albaranes .almacen-display > .alternate-display-erp > .select-convert{
   		
   }
   
   .ventas-albaranes .almacen-display > .alternate-display-erp > .select-convert > *{
   		background: white !important;
   		box-shadow: none !important;
   }
   
   .ventas-albaranes .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1){
   		border: 0px !important;
	    margin-top: 5px !important;
	    color: #3f4e62;
   }
   
   .ventas-albaranes .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > span:nth-child(2) > a{ 
   		display: none !important;
   }
   
   .ventas-albaranes .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > i{
   		display:none !important;
   }
   /* */
   
	
	
	.ventas-albaranes .dadarticulo.over {
	  //border: 2px dashed #000;
	}   
   
    /* Placeholder drag and drop */
    .ventas-albaranes .sortable-placeholder{
      	width: auto;
	    height: 20px !important;
	    background: #3f4e62;
    }
    

    .ventas-albaranes .anchofull {
        width: auto !important;
    	min-width: 100% !important;
    }

    
    /* Cargando articulos */
    .ventas-albaranes .cargando_tabla.ng-scope {text-align: center;opacity: 0.2;}

    .ventas-albaranes .cargando_tabla.ng-scope > i {
        font-size: 180px;
    }
   
  /* end */
  
  


	.ventas-albaranes .idventaalbaran {
		position: absolute;
		left: 75%;
		z-index: 1;
		top: 3px;
		font-size: 12px;
		font-family: tahoma;
		color: white;
		width: max-content ! important;
	}
	
	
	.ventas-albaranes .idcliente {
	    position: absolute;
	    z-index: 1;
	    right: 100px;
	    top: 3px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}

	.ventas-albaranes .tipocliente {
	    position: absolute;
	    z-index: 1;
	    right: 300px;
	    top: 3px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}


	.ventas-albaranes .validar-albaran {
		position: absolute;
		top: 0px;
		right: 43px;
		width: 20px;
		height: 20px;
		background: #95c89a;
		border-radius: 0px;
		border: none;
	}
		.ventas-albaranes .validar-albaran > i{
			position: absolute;
			top: 3px;
			right: 2px;
			color: white;
		}
	
	.ventas-albaranes .input-yellow {
	    background: #f1f1b3;
	    border: 1px solid #cdd3d8;
	}
	
	
	.ventas-albaranes .tab-general {
	    display: flex;
	    flex-direction: column;
	}
	    .ventas-albaranes .tab-general .fila{
	        display: flex;
	        flex: 1;
	    }
	        .ventas-albaranes .tab-general .fila .item-2{
	            display: flex;
	         	width: 100%;
	        }
	        .ventas-albaranes .tab-general .fila .item-2:nth-child(1){
	           min-width: 100%;
	           max-width: 100%;
	        }
	         .ventas-albaranes .tab-general .fila .item-2:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
	        .ventas-albaranes .tab-general .fila .item-2:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.ventas-albaranes .tab-general .fila .item-2 > div{
					flex: 1;
					/* height: 20px; */
					/* margin-bottom: 1px; */
				}
				.ventas-albaranes .tab-general .fila .item-2 > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.ventas-albaranes .tab-general .fila .item-2 > div:nth-child(2){
					min-width: 100px;
					max-width: 100px;
				}
				.ventas-albaranes .tab-general .fila .item-2 > div:nth-child(3){
				}
					.ventas-albaranes .tab-general .fila .item-2 > div:nth-child(3) > input{
						width: 100%;
						background: #f4f4f4;
					}


	.ventas-albaranes .tab-clientes {
	    display: flex;
	    flex-direction: column;
	}
	    .ventas-albaranes .tab-clientes .fila-2{
	        display: flex;
	        flex: 1;
	    }
	        .ventas-albaranes .tab-clientes .fila-2 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .ventas-albaranes .tab-clientes .fila-2 .item:nth-child(1){
	           min-width: 60%;
	           max-width: 60%;
	        }
	         .ventas-albaranes .tab-clientes .fila-2 .item:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.ventas-albaranes .tab-clientes .fila-2 .item > div{
					flex: 1;
				}
				.ventas-albaranes .tab-clientes .fila-2 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.ventas-albaranes .tab-clientes .fila-2 .item > div:nth-child(2){
			
				}
		.ventas-albaranes .tab-clientes .fila-3{
	        display: flex;
	        flex: 1;
	    }
	        .ventas-albaranes .tab-clientes .fila-3 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .ventas-albaranes .tab-clientes .fila-3 .item:nth-child(1){
	           min-width: 30%;
	           max-width: 30%;
	        }
	         .ventas-albaranes .tab-clientes .fila-3 .item:nth-child(2){
	           min-width: 29%;
	           max-width: 29%;
	           margin: 0px 5px;
	        }
	        .ventas-albaranes .tab-clientes .fila-3 .item:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	        }
				.ventas-albaranes .tab-clientes .fila-3 .item > div{
					flex: 1;
				}
				.ventas-albaranes .tab-clientes .fila-3 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.ventas-albaranes .tab-clientes .fila-3 .item > div:nth-child(2){
			
				}

	
	
	/* tables */
 	.ventas-albaranes .content-tables {
    	display: flex;
    	/* RESOLUCIÓN IPAD: 1536 x 2048 */
	}
	    .ventas-albaranes .content-tables > div{
	        flex: 1;
	        margin: 0px 5px;
	        min-width: 350px
	    }
	    .ventas-albaranes .content-tables > div:nth-child(1){
	        
	    }
	    .ventas-albaranes .content-tables > div:nth-child(2){
	       
	    }

	    
/* Media queries */
@media (min-width: 1024px) and (max-width: 1024px){
	.ventas-albaranes .top1{
		display: none;
	}
}


/* GRID (RESUMEN) */
.ventas-albaranes-resumen .ui-grid-header-canvas{
	width: 100% !important;
}
.ventas-albaranes-resumen .ui-grid-header-cell-wrapper{
	width: 100%;
}
.ventas-albaranes-resumen .ui-grid-header-cell-row {
	width: 100%;
}
.ventas-albaranes-resumen .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.ventas-albaranes-resumen .ui-grid-header-cell-row > div:nth-child(1){
    width: 7%;
}
.ventas-albaranes-resumen .ui-grid-header-cell-row > div:nth-child(2){
     width: 10%;
}
.ventas-albaranes-resumen .ui-grid-header-cell-row > div:nth-child(3){
     width: 28%;
}
.ventas-albaranes-resumen .ui-grid-header-cell-row > div:nth-child(4){
     width: 10%;
}
.ventas-albaranes-resumen .ui-grid-header-cell-row > div:nth-child(5){
     width: 9%;
}
.ventas-albaranes-resumen .ui-grid-header-cell-row > div:nth-child(6){
     width: 6%;
}
.ventas-albaranes-resumen .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 6%;
}
.ventas-albaranes-resumen .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 6%;
}
.ventas-albaranes-resumen .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 6%;
}
.ventas-albaranes-resumen .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 6%;
}
.ventas-albaranes-resumen .ui-grid-header-cell-row > div:nth-child(11){ 
    width: 6%;
}

.ventas-albaranes-resumen .ui-grid-canvas{
	width: 100% !important;
}
.ventas-albaranes-resumen .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.ventas-albaranes-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 7%;
}
.ventas-albaranes-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 10%;
}
.ventas-albaranes-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 28%;
}
.ventas-albaranes-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 10%;
}
.ventas-albaranes-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 9%;
}
.ventas-albaranes-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 6%;
}
.ventas-albaranes-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 6%;
}
.ventas-albaranes-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 6%;
}
.ventas-albaranes-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 6%;
}
.ventas-albaranes-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 6%;
}
.ventas-albaranes-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(11){
	width: 6%;
}


.ventas-albaranes-resumen .ui-grid-footer-canvas{
	width: 100% !important;
}
.ventas-albaranes-resumen .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.ventas-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.ventas-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 7%;
}
.ventas-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 10%;
}
.ventas-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 28%;
}
.ventas-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 10%;
}
.ventas-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 9%;
}
.ventas-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 6%;
}
.ventas-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 6%;
}
.ventas-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 6%;
}
.ventas-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 6%;
}
.ventas-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 6%;
}
.ventas-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(11){
	width: 6%;
}


.ventas-albaranes .content-tables .content-lineas{
	overflow-y: unset !important;
}
.ventas-albaranes .grid-erp-blue{
	border: none !important;
}
	.ventas-albaranes .grid-erp-blue .ui-grid-viewport,
	.ventas-albaranes .grid-erp-blue .ui-grid-viewport .ui-grid-canvas{
		height: 550px !important;
	}
	.ventas-albaranes .grid-erp-blue .ui-grid-cell{
		border-color: transparent !important;
	}
	

/* RESUMEN FILTROS */
.ventas-albaranes-resumen .item-boton{
	text-align: right;
}
.ventas-albaranes-resumen .label-resumen{
	min-width: 60px;
	font-size: 12px;
}
	.ventas-albaranes-resumen .label-resumen > label{

	}
	.ventas-albaranes-resumen .field{
		margin: 0px 2px;
	}
@charset "UTF-8";


.ventas-albaranes-copiar .tile .tile-header {
    padding: 0px;
    background: none !important;
    color: #3f4e62 !important;
    font-family: "Dosis", "Arial", sans-serif !important;
    font-weight: normal !important;
    font-size: 12px !important;
    border-bottom: 1px solid #3f4e62;
}


/* Tile */
.ventas-albaranes-copiar .tile{
	height: 100%;
}

.ventas-albaranes-copiar .tile.tile-widget {
    padding: 10px;
}
	.ventas-albaranes-copiar .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.ventas-albaranes-copiar .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.ventas-albaranes-copiar .tile .tile-header.dvd .controls > li.controls-editar,
		.ventas-albaranes-copiar .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.ventas-albaranes-copiar .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.ventas-albaranes-copiar .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.ventas-albaranes-copiar .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.ventas-albaranes-copiar .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.ventas-albaranes-copiar .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.ventas-albaranes-copiar .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.ventas-albaranes-copiar .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.ventas-albaranes-copiar .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}
	
		.ventas-albaranes-copiar .fila {
    display: flex !important;
    flex: 1 !important;
    height: 25px !important
}

.ventas-albaranes-copiar .item-3{
	display: flex !important;
    width: 33%;
}

.ventas-albaranes-copiar .item-2_3{
	display: flex !important;
    width: 66%;
}

.ventas-albaranes-copiar .item-1_2{
	display: flex !important;
    width: 50%;
}

.ventas-albaranes-copiar input {
    font-size: 11px;
    font-family: tahoma;
    height: 20px !important;
    color: #67747c;
    text-align: right;
    padding-right: 3px;
}

.ventas-albaranes-copiar .fecha-erp > span > span > button {
    height: 20px !important;
}

.ventas-albaranes-copiar .col-label {
    max-width: 85px !important;
    min-width: 85px !important;
    max-height: 20px !important;
    padding-left: 10px;
}

.ventas-albaranes-copiar .check {
    padding-left: 30px;
}
@charset "UTF-8";


.ventas-albaranes-factura .tile .tile-header {
    padding: 0px;
    background: none !important;
    color: #3f4e62 !important;
    font-family: "Dosis", "Arial", sans-serif !important;
    font-weight: normal !important;
    font-size: 12px !important;
    border-bottom: 1px solid #3f4e62;
}


/* Tile */
.ventas-albaranes-factura .tile{
	height: 100%;
}

.ventas-albaranes-factura .tile.tile-widget {
    padding: 10px;
}
	.ventas-albaranes-factura .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.ventas-albaranes-factura .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.ventas-albaranes-factura .tile .tile-header.dvd .controls > li.controls-editar,
		.ventas-albaranes-factura .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.ventas-albaranes-factura .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.ventas-albaranes-factura .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.ventas-albaranes-factura .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.ventas-albaranes-factura .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.ventas-albaranes-factura .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.ventas-albaranes-factura .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.ventas-albaranes-factura .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.ventas-albaranes-factura .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}
	
		.ventas-albaranes-factura .fila {
    display: flex !important;
    flex: 1 !important;
    height: 25px !important
}

.ventas-albaranes-factura .item-3{
	display: flex !important;
    width: 33%;
}

.ventas-albaranes-factura .item-2_3{
	display: flex !important;
    width: 66%;
}

.ventas-albaranes-factura .item-1_2{
	display: flex !important;
    width: 50%;
}

.ventas-albaranes-factura input {
    font-size: 11px;
    font-family: tahoma;
    height: 20px !important;
    color: #67747c;
    text-align: right;
    padding-right: 3px;
}

.ventas-albaranes-factura .fecha-erp > span > span > button {
    height: 20px !important;
}

.ventas-albaranes-factura .col-label {
    max-width: 85px !important;
    min-width: 85px !important;
    max-height: 20px !important;
    padding-left: 10px;
}

.ventas-albaranes-factura .check {
    padding-left: 30px;
}

#checkIVA_AL{
    position: absolute;
    left: 75%;
    top: 65%;
}
@charset "UTF-8";

.factura {
    height: 100%;
    overflow: hidden;
}
	.factura input{
		font-size: 11px;
		font-family: tahoma;
		height: 20px !important;
		color: #67747c;
		text-align: right;
		padding-right: 3px;
	}
	.factura label{
		font-weight: normal;
		font-family: arial;
		font-size: 11px;
		/* font-weight: 200; */
	}
	.factura .form-group{
		margin: 0px;
		margin-bottom: 1px;
		height: 20px;
		display: flex;
	}

.factura .col-row{
	display: flex;
}
.factura .col-row-2 > *:nth-child(1) {
    margin-right: 15px;
}

.factura .col-row-3 > *:nth-child(1),
.factura .col-row-3 > *:nth-child(2) {
    margin-right: 15px;
}

.factura .col-label{
	max-width: 65px !important;
	min-width: 65px !important;
	max-height: 20px;
	overflow: hidden;
	padding: 0px;
}

.factura .col-field{
	padding: 0px;
	flex: 1;
}


.factura .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.factura .bottom > div{
    flex: 1;
    width: 100%;
    /* position: relative; */
    /* margin-top: 18%; */
    /* height: 40px; */
    /* padding: 5px 0px; */
    /* clear: both; */
    /* background: #286af0; */
    /* text-align: center; */
    /* color: #fff; */
}
.factura .row.bottom > div:nth-child(1){
	min-height: 100px;
}

.factura .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
    /* margin-top: 350px; */
}



.factura .id_cliente {
    position: absolute;
    z-index: 10;
    left: 35%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}
.factura .tipo_cliente {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}



.factura .id_factura {
    position: absolute;
    z-index: 1;
    right: 65px;
    top: 3px;
}


/* Controls */
ul.controls-erp{
	position:absolute;
	top: 5px;
	right: 20px;
	z-index: 10;
}
ul.controls-erp > li {
    list-style: none;
    /* color: blue !important; */
}

ul.controls-erp > li > a {
    color: #757575;
}

ul.controls-erp > li > ul {
    top: 25px;
    right: -15px !important;
}

.factura .buttons-articulo {
    display: flex;
    max-width: 50px;
}

.factura .buttons-articulo > button{
    background: none !important;
    border: none !important;
}
.factura .buttons-articulo > button:focus,
.factura .buttons-articulo > button:hover,
.factura .buttons-articulo > button:active{
    background: none !important;
    border: 1px solid #8f9fc3 !important;
}

/* End controls */



.factura .observaciones-options {
    display: flex;
}

.factura .observaciones-options > div{
    flex: 1;
}

.factura .observaciones-options > div > button{
    border: none;
    font-size: 12px;
    background: #f4f5f6;
}

/* ui select */

.factura .ui-select-bootstrap > .ui-select-match .ui-select-toggle > span:nth-of-type(2) > a {
    position: absolute;
    right: 5px !important;
    top: 0px !important;
    font-size: 10px;
    padding: 0px;
    color: #bfc7cb;
    margin: 0px 2px;
}

.factura .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 100%;
}

.factura .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
	margin: 0px !important;
	/* padding: 0px; */
	padding: 0px !important;
	position: absolute;
	top: 2px;
	height: 15px;
	overflow-y: hidden;
}

.factura .ui-select-erp > div > span > span > span{/* width: 100%; *//* overflow-y: hidden; */}

.factura .ui-select-erp input:focus,
.factura .ui-select-erp input:focus:hover,
.factura .ui-select-erp input:hover,
.factura .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
	/* width: 100%; */
	/* width: 45px; */
}

.factura .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.factura .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.factura .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}

/*.ui-select-erp > *:nth-child(1) > *:nth-child(1) > *:nth-child(2){
	width: 80% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}*/


/* end ui select */


/* Tables */
.factura .text-concat{
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.factura #table_articulos tbody > tr {
    border-bottom: 1px solid blue;
    font-size: 12px;
}

.factura #table_articulos tbody > tr.active {
    color: #757575;
    background: #8e99a7 !important;
}

.factura #table_articulos tbody > tr > td:nth-child(3){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.factura #table_articulos tbody > tr > td:nth-child(4){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}
/* End tables */



/* End tabs */


/* Tile */
.factura .tile{
	height: 100%;
}

.factura .tile.tile-widget {
    padding: 10px;
}
	.factura .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.factura .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.factura .tile .tile-header.dvd .controls > li.controls-editar,
		.factura .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.factura .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.factura .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.factura .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.factura .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.factura .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.factura .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.factura .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.factura .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.factura .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.3;
}


.factura label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* controls */
.factura ul.controls-erp{
	position:absolute;
	top: 2px;
	right: 20px;
	z-index: 1;
	width: auto !important;
}
	.factura ul.controls-erp > li {
		list-style: none;
	}
		.factura ul.controls-erp > li > a {
			color: #eaedf3;
		}
		.factura ul.controls-erp > li > ul {
			top: 25px;
			right: -15px !important;
		}


/* Modificaciones */
    .factura .row.nserie{
    }
    
    
    
    .factura .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .factura .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .factura .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .factura .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .factura .row.urow3 > div:nth-child(3){
		margin: 0px !important;
    	padding-left: 0px !important;
		}
    .factura .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.factura .autowidth > input{
		width: 100% !important;
	}
	
    .factura .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.factura .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px !important;
	}
	
	.factura .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 400px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.factura .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .factura .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.factura .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .factura .tile .tile-header-erp .controls{

	    }
	    .factura .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .factura .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .factura .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .factura .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .factura .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .factura .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .factura .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .factura .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .factura .table-custom-inline .tr_custom_erp > td{
      
    }
    .factura .table-custom-inline .tr_custom_erp > td:nth-child(1){
    	min-width: 20px;
    	max-width: 20px;
    }
    .factura .table-custom-inline .tr_custom_erp > td:nth-child(2){
    	min-width: 180px;
    	max-width: 180px;
    }
    .factura .table-custom-inline .tr_custom_erp > td:nth-child(3){
    	min-width: 300px;
    }
    .factura .table-custom-inline .tr_custom_erp > td:nth-child(4){
    	min-width: 50px;
    	max-width: 50px;
    }
    .factura .table-custom-inline .tr_custom_erp > td:nth-child(5){
		min-width: 75px;
		max-width: 75px;
		}
    .factura .table-custom-inline .tr_custom_erp > td:nth-child(6){
		min-width: 55px;
		max-width: 55px;
    }
    .factura .table-custom-inline .tr_custom_erp > td:nth-child(7){
		min-width: 55px;
		max-width: 55px;
    }
    .factura .table-custom-inline .tr_custom_erp > td:nth-child(8){
		min-width: 55px;
		max-width: 55px;
    }
    .factura .table-custom-inline .tr_custom_erp > td:nth-child(9){
		min-width: 55px;
		max-width: 55px;
    }
    .factura .table-custom-inline .tr_custom_erp > td:nth-child(10){
		min-width: 50px;
		max-width: 50px;
    }
    
    .factura .table-custom-inline .tr_custom_erp > td:nth-child(11){
    	min-width: 70px;
    	max-width: 70px;
    }
    .factura .table-custom-inline .tr_custom_erp > td:nth-child(11) > a > i{
      font-size: 20px;
    }

    .factura .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .factura .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .factura .row.row-erp{
     padding:15px !important;
   }
	   .factura .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		   flex: 1;
		  }
		 .factura .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .factura .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.factura .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.factura .doc-span > i{
		font-size: 10px;
	}
	.factura .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.factura .doc-span:visited{
		color: #dbe0e2;
	}
	
   
   /* Tile custom */
   .factura .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   

   .factura .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .factura .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.factura .tile-table-erp div table thead{
		border-bottom: 3px solid #757575;
	}

	.factura .tile-table-erp div table thead tr {

	}
	
	.factura .tile-table-erp div table thead tr th{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
	}


	.factura .tile-table-erp div table tbody tr td{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
		text-align: center;
	}
   
   
   /* End */
   
   
   /* Almacen */
   .factura .almacen-display{
   		display: flex;
    	justify-content: space-around;
    	align-items: center;
   }
   
   /*.almacen-display > .alternate-display-erp{
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(1){
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(2){
   		visibility: hidden;
   }*/
   
   .factura .almacen-display > .alternate-display-erp{
   		display: flex;
   		align-items: center;
   }
   .factura .almacen-display > .alternate-display-erp > .select-convert{
   		
   }
   
   .factura .almacen-display > .alternate-display-erp > .select-convert > *{
   		background: white !important;
   		box-shadow: none !important;
   }
   
   .factura .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1){
   		border: 0px !important;
	    margin-top: 5px !important;
	    color: #3f4e62;
   }
   
   .factura .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > span:nth-child(2) > a{ 
   		display: none !important;
   }
   
   .factura .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > i{
   		display:none !important;
   }
   /* */
   
	
	
	.factura .dadarticulo.over {
	  //border: 2px dashed #000;
	}   
   
    /* Placeholder drag and drop */
    .factura .sortable-placeholder{
      	width: auto;
	    height: 20px !important;
	    background: #3f4e62;
    }
    

    .factura .anchofull {
        width: auto !important;
    	min-width: 100% !important;
    }

    
    /* Cargando articulos */
    .factura .cargando_tabla.ng-scope {text-align: center;opacity: 0.2;}

    .factura .cargando_tabla.ng-scope > i {
        font-size: 180px;
    }
   
  /* end */
  
  


	.factura .idventafactura {
		position: absolute;
		left: 75%;
		z-index: 1;
		top: 3px;
		width: max-content !important;
		font-size: 12px;
		font-family: tahoma;
		color: white;
	}
	
	
	.factura .idcliente {
	    position: absolute;
	    z-index: 1;
	    right: 100px;
	    top: 3px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}

	.factura .tipocliente {
	    position: absolute;
	    z-index: 1;
	    right: 55%;
	    top: 3px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}

	.factura .validar-factura {
		position: absolute;
		top: 0px;
		right: 43px;
		width: 20px;
		height: 20px;
		background: #95c89a;
		border-radius: 0px;
		border: none;
	}
		.factura .validar-factura > i{
			position: absolute;
			top: 3px;
			right: 2px;
			color: white;
		}
	
	.factura .input-yellow {
	    background: #f1f1b3;
	    border: 1px solid #cdd3d8;
	}
	
	
	.factura .tab-general {
	    display: flex;
	    flex-direction: column;
	}
	    .factura .tab-general .fila{
	        display: flex;
	        flex: 1;
	    }
	        .factura .tab-general .fila .item-2{
	            display: flex;
	         	width: 100%;
	        }
	        .factura .tab-general .fila .item-2:nth-child(1){
	           min-width: 100%;
	           max-width: 100%;
	        }
	         .factura .tab-general .fila .item-2:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
	        .factura .tab-general .fila .item-2:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.factura .tab-general .fila .item-2 > div{
					flex: 1;
					/* height: 20px; */
					/* margin-bottom: 1px; */
				}
				.factura .tab-general .fila .item-2 > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.factura .tab-general .fila .item-2 > div:nth-child(2){
					min-width: 100px;
					max-width: 100px;
				}
				.factura .tab-general .fila .item-2 > div:nth-child(3){
				}
					.factura .tab-general .fila .item-2 > div:nth-child(3) > input{
						width: 100%;
						background: #f4f4f4;
					}


	.factura .tab-clientes {
	    display: flex;
	    flex-direction: column;
	}
	    .factura .tab-clientes .fila-2{
	        display: flex;
	        flex: 1;
	    }
	        .factura .tab-clientes .fila-2 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .factura .tab-clientes .fila-2 .item:nth-child(1){
	           min-width: 60%;
	           max-width: 60%;
	        }
	         .factura .tab-clientes .fila-2 .item:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.factura .tab-clientes .fila-2 .item > div{
					flex: 1;
				}
				.factura .tab-clientes .fila-2 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.factura .tab-clientes .fila-2 .item > div:nth-child(2){
			
				}
		.factura .tab-clientes .fila-3{
	        display: flex;
	        flex: 1;
	    }
	        .factura .tab-clientes .fila-3 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .factura .tab-clientes .fila-3 .item:nth-child(1){
	           min-width: 30%;
	           max-width: 30%;
	        }
	         .factura .tab-clientes .fila-3 .item:nth-child(2){
	           min-width: 29%;
	           max-width: 29%;
	           margin: 0px 5px;
	        }
	        .factura .tab-clientes .fila-3 .item:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	        }
				.factura .tab-clientes .fila-3 .item > div{
					flex: 1;
				}
				.factura .tab-clientes .fila-3 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.factura .tab-clientes .fila-3 .item > div:nth-child(2){
			
				}

	
	
	/* tables */
 	.factura .content-tables {
    	display: flex;
    	/* RESOLUCIÓN IPAD: 1536 x 2048 */
	}
	    .factura .content-tables > div{
	        flex: 1;
	        margin: 0px 5px;
	        min-width: 350px
	    }
	    .factura .content-tables > div:nth-child(1){
	        
	    }
	    .factura .content-tables > div:nth-child(2){
	       
	    }

	    
/* Media queries */
@media (min-width: 1024px) and (max-width: 1024px){
	.factura .top1{
		display: none;
	}
}


/* GRID (RESUMEN) */
.factura-resumen .ui-grid-header-canvas{
	width: 100% !important;
}
.factura-resumen .ui-grid-header-cell-wrapper{
	width: 100%;
}
.factura-resumen .ui-grid-header-cell-row {
	width: 100%;
}
.factura-resumen .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.factura-resumen .ui-grid-header-cell-row > div:nth-child(1){
    width: 7%;
}
.factura-resumen .ui-grid-header-cell-row > div:nth-child(2){
     width: 9%;
}
.factura-resumen .ui-grid-header-cell-row > div:nth-child(3){
     width: 21%;
}
.factura-resumen .ui-grid-header-cell-row > div:nth-child(4){
     width: 8%;
}
.factura-resumen .ui-grid-header-cell-row > div:nth-child(5){
     width: 8%;
}
.factura-resumen .ui-grid-header-cell-row > div:nth-child(6){
     width: 7%;
}
.factura-resumen .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 7%;
}
.factura-resumen .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 7%;
}
.factura-resumen .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 7%;
}
.factura-resumen .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 7%;
}
.factura-resumen .ui-grid-header-cell-row > div:nth-child(11){ 
    width: 7%;
}
.factura-resumen .ui-grid-header-cell-row > div:nth-child(12){ 
    width: 5%;
}

.factura-resumen .ui-grid-canvas{
	width: 100% !important;
}
.factura-resumen .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.factura-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 7%;
}
.factura-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 9%;
}
.factura-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 21%;
}
.factura-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 8%;
}
.factura-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 8%;
}
.factura-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 7%;
}
.factura-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 7%;
}
.factura-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 7%;
}
.factura-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 7%;
}
.factura-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 7%;
}
.factura-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(11){
	width: 7%;
}
.factura-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(12){
	width: 5%;
}


.factura-resumen .ui-grid-footer-canvas{
	width: 100% !important;
}
.factura-resumen .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.factura-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.factura-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 7%;
}
.factura-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 9%;
}
.factura-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 21%;
}
.factura-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 8%;
}
.factura-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 8%;
}
.factura-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 7%;
}
.factura-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 7%;
}
.factura-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 7%;
}
.factura-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 7%;
}
.factura-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 7%;
}
.factura-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(11){
	width: 7%;
}
.factura-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(12){
	width: 5%;
}





/* GRID (LINEAS EDICION) */
.lineas-ventas-facturas .ui-grid-header-canvas{
	width: 100% !important;
}
.lineas-ventas-facturas .ui-grid-header-cell-wrapper{
	width: 100%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row {
	width: 100%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(1){
    /*max-width: 27px;
	min-width: 27px;*/
	width: 4%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(2){
    /*max-width: 125px;
	min-width: 100px;
	width: -webkit-fill-available*/
	width: 11%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(3){
    /*max-width: 355px;
	min-width: 135px;
	width: -webkit-fill-available*/
	width: 30%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(4){
    /*max-width: 60px;
	min-width: 60px;*/
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(5){
    width: 6%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(6){
    width: 6%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 6%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 6%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 6%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 6%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(11){ 
    width: 6%;
}

.lineas-ventas-facturas .ui-grid-canvas{
	width: 100% !important;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
	margin: 0px 1px;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 4%;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	/*max-width: 125px;
	min-width: 100px;
	width: -webkit-fill-available*/
	width: 11%;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	/*max-width: 355px;
	min-width: 135px;
	width: -webkit-fill-available*/
	width: 30%;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 4%;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(11){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(12){
	width: 6%;
}


.lineas-ventas-facturas .ui-grid-footer-canvas{
	width: 100% !important;
}
.lineas-ventas-facturas .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	/*max-width: 27px;
	min-width: 27px;*/
	width: 4%;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	/*max-width: 125px;
	min-width: 100px;
	width: -webkit-fill-available*/
	width: 11%;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	/*max-width: 355px;
	min-width: 135px;
	width: -webkit-fill-available*/
	width: 30%;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 4%;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(11){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(12){
	width: 6%;
}




/* RECORDA/AQADEM GRID (LINEAS EDICION) ¡¡DEV!!  */
.lineas-ventas-facturas .ui-grid-header-canvas{
	width: 100% !important;
}
.lineas-ventas-facturas .ui-grid-header-cell-wrapper{
	width: 100%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row {
	width: 100%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(1){
    /*max-width: 27px;
	min-width: 27px;*/
	width: 4%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(2){
    /*max-width: 125px;
	min-width: 100px;
	width: -webkit-fill-available*/
	width: 11%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(3){
    /*max-width: 355px;
	min-width: 135px;
	width: -webkit-fill-available*/
	width: 30%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(4){
    /*max-width: 60px;
	min-width: 60px;*/
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(5){
    width: 6%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(6){
    width: 6%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 6%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 6%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 6%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 4%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(11){ 
    width: 6%;
}
.lineas-ventas-facturas .ui-grid-header-cell-row > div:nth-child(12){ 
    width: 6%;
}


.lineas-ventas-facturas .ui-grid-canvas{
	width: 100% !important;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
	margin: 0px 1px;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 4%;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	/*max-width: 125px;
	min-width: 100px;
	width: -webkit-fill-available*/
	width: 11%;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	/*max-width: 355px;
	min-width: 135px;
	width: -webkit-fill-available*/
	width: 30%;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-row > div > .ui-grid-cell:nth-child(11){
	width: 6%;
}


.lineas-ventas-facturas .ui-grid-footer-canvas{
	width: 100% !important;
}
.lineas-ventas-facturas .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	/*max-width: 27px;
	min-width: 27px;*/
	width: 4%;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	/*max-width: 125px;
	min-width: 100px;
	width: -webkit-fill-available*/
	width: 11%;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	/*max-width: 355px;
	min-width: 135px;
	width: -webkit-fill-available*/
	width: 30%;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 6%;
}
.lineas-ventas-facturas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(11){
	width: 6%;
}

/** END DEV **/



/* Precios */
.mostrar-precios-factura > div:nth-child(1){
	margin-bottom: 15px;
	text-align: center;
}
.mostrar-precios-factura > div:nth-child(2){
	text-align: center;
}
		.mostrar-precios-factura > div:nth-child(2) > button{
			width: 65px !important;
			margin-right: 10px;
		}
			.mostrar-precios-factura > div:nth-child(2) > button > i{
				margin-right: 5px;
			}
			
			

/** FACTURA GENERAR ERRORES **/
.facturas-generar-errores{
	display: flex;
	flex-direction: column;
}
	.facturas-generar-errores .descripcion{
		border-bottom: 1px solid #2d4c6c;
		margin-bottom: 10px;
		font-weight: bold;
	}
	.facturas-generar-errores .listado{
		max-height: 500px;
		min-height: 200px;
		overflow-y: scroll;
		/* background: #80808000; */
		/* border: blue; */
	}
		.facturas-generar-errores .listado .errores{
			display: flex;
			flex-direction: column;
			margin: 10px;
			border-bottom: 1px dashed #2d4c6c63;
			padding-bottom: 5px
		}
		.facturas-generar-errores .listado .errores:last-child{
			border: none;
		}
			.facturas-generar-errores .listado .errores > div{
				display: flex;
				flex-direction: column;
			}
			.facturas-generar-errores .listado .errores .mensajes{
			}
				.facturas-generar-errores .listado .errores .mensajes > div{
				}
	
	.facturas-generar-errores .listado-borrables{
		max-height: 500px;
		min-height: 200px;
		overflow-y: scroll;
	}	
		.facturas-generar-errores .listado-borrables .titulo{
			border-bottom: 1px solid #2d4c6b;
			font-size: 14px !important;
			font-weight: bold;
		}
		.facturas-generar-errores .listado-borrables .errores{
			display: flex;
			/* flex-direction: column; */
			margin: 10px;
			border-bottom: 1px dashed #2d4c6c63;
			padding-bottom: 5px;
		}
		.facturas-generar-errores .listado-borrables .errores:last-child{
			border: none;
		}
			.facturas-generar-errores .listado-borrables .errores > div{
				display: flex;
				flex-direction: column;
				margin: 0px 10px;
			}			
				
	.facturas-generar-errores .avisos{
        display: flex;
        align-items: center;
        justify-content: center;
	}
	    .facturas-generar-errores .avisos > div{
	    	display: flex;
            align-items: center;
            justify-content: center;
            color: #2d4c6c;
            margin-top: 5px;
            font-weight: bold;
            font-size: 15px;
	    }
	.facturas-generar-errores .footer{
		margin-top: 15px;
		/* padding: 0px !important; */
		border-top: 1px solid #2d4c6c;
		padding-top: 5px;
		display: flex;
		justify-content: center;
	}
		.facturas-generar-errores .footer > button{
			color: white;
			border:  none;
			margin: 0px 5px;
		}
		.facturas-generar-errores .footer > button.continuar{
			background: #38b319c2;
		}
		.facturas-generar-errores .footer > button.salir{
			background: #ef19198c;
		}
/** END FACTURAS GENERAR ERRORES **/



/** FACe info **/
.face-info{
	
}
	.face-info .avisos{
	    margin: 10px 0px;
	    text-align: center;
	}
	    .face-info .avisos > div:nth-child(3){
	        margin-top: 10px;
	    }
	        .face-info .avisos > div:nth-child(3) > button{
	            background: #2d4c6de3;
	            border: none;
	            color: white;
	        }
	.face-info .buttons-footer{
	    margin-top: 25px;
	    display: flex;
	    justify-content: flex-end;
	}
		.face-info .buttons-footer > .button-cancelar{
	        background: #d40000ad;
	        border: none;
	        color: white;
		}

/** End FACe info **/
@charset "UTF-8";

.cuentas {
    height: 100%;
    overflow: hidden;
}

.cuentas .listado-cuentas.active{
	color: black !important;
}

.cuentas .active{
	color: white !important;
}


.cuentas .buscador-page{
	margin: 10px;	
}

.cuentas input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
}

.cuentas label{
	font-weight: normal;
	font-family: arial;
	font-size: 11px;
	/* font-weight: 200; */
}

.cuentas .form-group{
	margin: 0px;
	margin-bottom: 1px;
	height: 20px;
	display: flex;
}

.cuentas .col-label{
	max-width: 65px !important;
	min-width: 65px !important;
	max-height: 20px;
	overflow: hidden;
	padding: 0px;
}

.cuentas .col-field{
	padding: 0px;
	flex: 1;
}


.cuentas .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.cuentas .bottom > div{
    flex: 1;
    width: 100%;
    position: relative;
    margin-top: 18%;
    height: 40px;
    padding: 5px 0px;
    clear: both;
    background: #286af0;
    text-align: center;
    color: #fff;
}
.cuentas .row.bottom > div:nth-child(1){
	min-height: 100px;
}

.cuentas .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
    /* margin-top: 350px; */
}

/* Controls */
ul.controls-erp{
	position:absolute;
	top: 5px;
	right: 20px;
	z-index: 10;
}
ul.controls-erp > li {
    list-style: none;
    /* color: blue !important; */
}

ul.controls-erp > li > a {
    color: #757575;
}

ul.controls-erp > li > ul {
    top: 25px;
    right: -15px !important;
}

/* End controls */

/* Tile */
.cuentas .tile{
	height: 100%;
}

.cuentas .tile.tile-widget {
    padding: 10px;
}
	.cuentas .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


/* controls */
.cuentas ul.controls-erp{
	position:absolute;
	top: 2px;
	right: 20px;
	z-index: 1;
	width: auto !important;
}
	.cuentas ul.controls-erp > li {
		list-style: none;
	}
		.cuentas ul.controls-erp > li > a {
			color: #eaedf3;
		}
		.cuentas ul.controls-erp > li > ul {
			top: 25px;
			right: -15px !important;
		}


/* GRID (RESUMEN) */
.cuentas .ui-grid-header-canvas{
	width: 100% !important;
}
.cuentas .ui-grid-header-cell-wrapper{
	width: 100%;
}
.cuentas .ui-grid-header-cell-row {
	width: 100%;
}
.cuentas .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.cuentas .ui-grid-header-cell-row > div:nth-child(1){
    width: 10%;
}
.cuentas .ui-grid-header-cell-row > div:nth-child(2){
     width: 31%;
}
.cuentas .ui-grid-header-cell-row > div:nth-child(3){
     width: 23%;
}
.cuentas .ui-grid-header-cell-row > div:nth-child(4){
     width: 11%;
}
.cuentas .ui-grid-header-cell-row > div:nth-child(5){
     width: 11%;
}
.cuentas .ui-grid-header-cell-row > div:nth-child(6){
     width: 11%;
}
.cuentas .ui-grid-header-cell-row > div:nth-child(7){
	width: 3%;
}

.cuentas .ui-grid-canvas{
	width: 100% !important;
}
.cuentas .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.cuentas .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 10%;
}
.cuentas .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 31%;
}
.cuentas .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 23%;
}
.cuentas .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 11%;
}
.cuentas .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 11%;
}
.cuentas .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 11%;
}
.cuentas .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 3%;
}


.cuentas .ui-grid-footer-canvas{
	width: 100% !important;
}
.cuentas .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.cuentas .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.cuentas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 10%;
}
.cuentas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 31%;
}
.cuentas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 23%;
}
.cuentas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 11%;
}
.cuentas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 11%;
}
.cuentas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 11%;
}
.cuentas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 3%;
}

	    
/* Media queries */
@media (min-width: 1024px) and (max-width: 1024px){
	.cuentas .top1{
		display: none;
	}
}

.cuentas .tab-erp{
	min-height: 121px !important;
	max-height: 121px !important;
}

.cuentas .tab-erp md-tab-content{
	min-height: 99px !important;
	max-height: 99px !important;
}

.cuentas .tab-erp md-tab-content > div{
	min-height: 99px !important;
	max-height: 99px !important;
}

.cuentas .tab-erp md-tab-content > div .md-padding{
	min-height: 99px !important;
	max-height: 99px !important;
	padding: 16px 16px 8p 16px !important;
}

.cuentas .tab-erp md-tab-content > div .md-padding > .bloque-column{
	min-height: 67px !important;
	max-height: 67px !important;
}

.cuentas .tab-erp md-tab-content > div .md-padding > .bloque-column > .item-column-14_15{
	display: flex;
	flex-direction: column;
	min-height: 67px !important;
	max-height: 67px !important;
}

.cuentas .tab-erp md-tab-content > div .md-padding > .bloque-column > .item-column-14_15 > .bloque:nth-child(1){
	min-height: 46px !important;
	max-height: 46px !important;
}

.cuentas .tab-erp md-tab-content > div .md-padding > .bloque-column > .item-column-14_15 > .bloque:nth-child(2){
	min-height: 21px !important;
	max-height: 21px !important;
}

.cuentas .tab-erp md-tab-content > div .md-padding > .bloque-column > .item-column-14_15 > .bloque:nth-child(1) > .fila:nth-child(1){
	min-height: inherit !important;
	max-height: inherit !important;
}

.cuentas .tab-erp md-tab-content > div .md-padding > .bloque-column > .item-column-14_15 > .bloque:nth-child(2) > .fila:nth-child(2){
	min-height: inherit !important;
	max-height: inherit !important;
}

.cuentas .tab-erp md-tab-content > div .md-padding > .bloque-column > .item-column-14_15 > .bloque > .fila > .bloque-column > .item-column-4_15 .fila:nth-child(2){
	margin-top: 7px;
}

.cuentas .tab-erp md-tab-content > div .md-padding > .bloque-column > .item-column-14_15 > .bloque > .fila > .bloque-column > .item-column-11_15{
	display: flex;
	flex-direction: column;
	min-height: 67px !important;
	max-height: 67px !important;
}

.cuentas .tab-erp md-tab-content > div .md-padding > .bloque-column > .item-column-14_15 > .bloque > .fila > .bloque-column > .item-column-11_15 > .bloque{
	min-height: 15px !important;
	max-height: 15px !important;
}


/* Cuentas general */
.cuentas .cuentas-general {
    position: absolute;
    z-indeX: 9;
    right: 10%;
    display: flex;
    width: 43% !important;
}
    .cuentas .cuentas-general > div{
    	width: 50%;
    	display: flex;
    	color: white;
    }
            .cuentas .cuentas-general > div:nth-child(1){
            	/* justify-content: center; *//* align-items: center; *//* display: flex; */margin-top: 3px;
            }
                .cuentas .cuentas-general > div:nth-child(1) input{
                	width: 10px !important;
                }

            .cuentas .cuentas-general > div:nth-child(2){

            }
                .cuentas .cuentas-general > div:nth-child(2) > span:nth-child(1){

                }
                .cuentas .cuentas-general > div:nth-child(2) > span:nth-child(2){
                    width: 50px;
                    /* background: blue; */
                    color: white;
                }
                    .cuentas .cuentas-general > div:nth-child(2) > span:nth-child(2) > span{
                    	width: 100% !important;
                    	margin-left: 5px;
					}
					
/* Bloque filtros */
.cuentas .primer-bloque-filtros{
	/* padding: 0px !important; */
	/* margin: -20px !important; */
	margin-bottom: 8px;
}

.cuentas .button-busqueda{
	
}
    .cuentas .button-busqueda > button{
    	width: 40px !important;
    	height: 40px !important;
    }
@charset "UTF-8";

.formas-pago{
    
}

	.formas-pago > compven-resumen-filtros .bloque{
		justify-content: center !important;
	}
	
	.formas-pago > button{
		height: 22px !important;
		width: 68px !important;
		margin-top: 5px;
		margin-left: 5px;
	}
		.formas-pago > button > i{
			margin-right: 1px;
			padding-top: 2px;
		}
		
		

.formas-pago .content-tables{
    display: flex;
    flex-direction: column;
    padding: 0px !important;
    min-height: unset !important;
}
	.formas-pago .content-tables > div{
	    display: flex;
	    flex-wrap: wrap;
	}
	.formas-pago .content-tables > .cabecera{
	    margin: 0px 0px 0px 0px;
	    font-size: 13px;
	    text-align: center;
	    height: 20px;
	}
		.formas-pago .content-tables > .cabecera > div{
	    	margin: 0px 1px;
	    	background: #145d89;
	    	color: #fbfcfd;
	    	min-width: 60px;
	 }
	 
		.formas-pago .content-tables > .cabecera > div:nth-child(1){
	    	min-width: 50px;
	    	max-width: 50px;
	 	}
		.formas-pago .content-tables > .cabecera > div:nth-child(2){
	    	min-width: 250px;
	    	max-width: 250px;
	  	}
		.formas-pago .content-tables > .cabecera > div:nth-child(3){
	    	min-width: 290px;
	    	max-width: 290px;
	  	}
		.formas-pago .content-tables > .cabecera > div:nth-child(4){
	    	min-width: 85px;
	    	max-width: 85px;
	  	}
		.formas-pago .content-tables > .cabecera > div:nth-child(5){
	    	min-width: 65px;
	    	max-width: 65px;
	  	}
		.formas-pago .content-tables > .cabecera > div:nth-child(6){
	    	min-width: 65px;
	    	max-width: 65px;
	  	}
		.formas-pago .content-tables > .cabecera > div:nth-child(7){
		  	min-width: 50px;
		  	max-width: 50px;
		}
		
	.formas-pago .content-tables > .content{
		 margin: 5px 0px 5px 0px;
	}
		.formas-pago .content-tables > .content input{
			height: 20px !important;
		}
		.formas-pago .content-tables > .content > div{
	    	flex: 1;
	    	margin: 0px 1px;
	    	min-width: 50px;
	    	max-width: 50px;
	    	display: flex;
	    	font-size: 11px;
	  	}
		
			.formas-pago .content-tables > .content > div:nth-child(1){
		    	min-width: 50px;
		    	max-width: 50px;
		    	justify-content: center;
		 	}
			.formas-pago .content-tables > .content > div:nth-child(2){
		    	min-width: 250px;
		    	max-width: 250px;
		  	}
			.formas-pago .content-tables > .content > div:nth-child(3){
		    	min-width: 290px;
		    	max-width: 290px;
		  	}
			.formas-pago .content-tables > .content > div:nth-child(4){
		    	min-width: 85px;
		    	max-width: 85px;
		  	}
			.formas-pago .content-tables > .content > div:nth-child(5){
		    	min-width: 65px;
		    	max-width: 65px;
		  	}
			.formas-pago .content-tables > .content > div:nth-child(6){
		    	min-width: 65px;
		    	max-width: 65px;
		  	}
			.formas-pago .content-tables > .content > div:nth-child(7){
			  	min-width: 50px;
			  	max-width: 50px;
			  	justify-content: space-evenly;
			}
		
			.formas-pago .content-tables > .content > div:nth-child(7) > button{
				background: #6c798c;
				padding: 0px 2px;
				height: 20px;
			}
				.formas-pago .content-tables > .content > div:nth-child(7) > button > i{
					font-size: 12px;
				}
		
     .formas-pago .content-tables .content-lineas{
		overflow-y: unset !important;
    	margin-top: 5px;
	}
		.formas-pago .content-tables .content-lineas .grid-erp-blue,
		.valores-predefinidos .content-tables .content-lineas .grid-erp-blue{
			border: none !important;
		}
		
			.formas-pago .content-tables .content-lineas .grid-erp-blue,
			.formas-pago .content-tables .content-lineas .grid-erp-blue .ui-grid-viewport{
				height: 180px !important;
			}
			
			.formas-pago .content-tables .content-lineas .grid-erp-blue .ui-grid-cell{
				border-color: transparent !important;
				padding-left: 3px;
			}
			
	.formas-pago .content-tables .content-lineas .grid-erp-blue .ui-grid-footer-cell-row .ui-grid-footer-cell .ui-grid-cell-contents{
		position: absolute;
		margin-left: 10px;
	}
			
	.formas-pago .loading-grid-modal{
		height: 73% !important;
	}
		
		
	.formas-pago .botones-footer{
		height: 20px;
    	padding-top: 4px;
    	margin-top: 12px;
	}
	
	.formas-pago .info-modal{
		font-size: 12px !important;
	}	
		.formas-pago .info-modal .fila{
			height: 15px !important;
		}

			
/* GRID (RESUMEN) */
.formas-pago .ui-grid-header-canvas{
	width: 100% !important;
}
.formas-pago .ui-grid-header-cell-wrapper{
	width: 100%;
}
.formas-pago .ui-grid-header-cell-row {
	width: 100%;
}
.formas-pago .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.formas-pago .ui-grid-header-cell-row > div:nth-child(1){
    width: 10%;
}
.formas-pago .ui-grid-header-cell-row > div:nth-child(2){
     width: 45%;
}
.formas-pago .ui-grid-header-cell-row > div:nth-child(3){
     width: 15%;
}
.formas-pago .ui-grid-header-cell-row > div:nth-child(4){
     width: 25%;
}
.formas-pago .ui-grid-header-cell-row > div:nth-child(5){
     width: 5%;
}


.formas-pago .ui-grid-canvas{
	width: 100% !important;
}
.formas-pago .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.formas-pago .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 10%;
}
.formas-pago .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 45%;
}
.formas-pago .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 15%;
}
.formas-pago .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 25%;
}
.formas-pago .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 5%;
}


.formas-pago .ui-grid-footer-canvas{
	width: 100% !important;
}
.formas-pago .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.formas-pago .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.formas-pago .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 10%;
}
.formas-pago .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 45%;
}
.formas-pago .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 15%;
}
.formas-pago .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 25%;
}
.formas-pago .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 5%;
}

@charset "UTF-8";

.medios-pago{
    
}
	.medios-pago > compven-resumen-filtros .bloque{
		justify-content: center !important;
	}
	
	.medios-pago > button{
		height: 22px !important;
		width: 68px !important;
		margin-top: 5px;
		margin-left: 5px;
	}
		.medios-pago > button > i{
			margin-right: 1px;
			padding-top: 2px;
		}
		
		

.medios-pago .content-tables,
.valores-predefinidos .content-tables {
    display: flex;
    flex-direction: column;
    padding: 0px !important;
    min-height: unset !important;
}
	.medios-pago .content-tables > div,
	.valores-predefinidos .content-tables > div{
	    display: flex;
	    flex-wrap: wrap;
	}
	.medios-pago .content-tables > .cabecera,
	.valores-predefinidos .content-tables > .cabecera{
	    margin: 0px 0px 0px 0px;
	    font-size: 13px;
	    text-align: center;
	    height: 20px;
	}
		.medios-pago .content-tables > .cabecera > div{
	    	margin: 0px 1px;
	    	background: #145d89;
	    	color: #fbfcfd;
	    	min-width: 60px;
	    	height: 20px;
	 }
	 
		.medios-pago .content-tables > .cabecera > div:nth-child(1){
	    	min-width: 50px;
	    	max-width: 50px;
	 	}
		.medios-pago .content-tables > .cabecera > div:nth-child(2){
	    	min-width: 250px;
	    	max-width: 250px;
	  	}
		.medios-pago .content-tables > .cabecera > div:nth-child(3){
	    	min-width: 160px;
	    	max-width: 160px;
	   }
		.medios-pago .content-tables > .cabecera > div:nth-child(4){
	    	min-width: 85px;
	    	max-width: 85px;
	  	}
		.medios-pago .content-tables > .cabecera > div:nth-child(5){
	    	min-width: 65px;
	    	max-width: 65px;
	  	}
		.medios-pago .content-tables > .cabecera > div:nth-child(6){
	    	min-width: 65px;
	    	max-width: 65px;
	  	}
		.medios-pago .content-tables > .cabecera > div:nth-child(7){
		  	min-width: 50px;
		  	max-width: 50px;
		}
		
		.valores-predefinidos .content-tables > .cabecera > div:nth-child(1){
		   	min-width: 480px;
		   	max-width: 480px;
		}
		.valores-predefinidos .content-tables > .cabecera > div:nth-child(2){
		   	min-width: 40px;
		   	max-width: 40px;
		}
		.valores-predefinidos .content-tables > .cabecera > div:nth-child(3){
		  	min-width: 50px;
		  	max-width: 50px;
		}
		
	.medios-pago .content-tables > .content{
		 margin: 5px 0px 5px 0px;
	}
		.medios-pago .content-tables > .content input{
			height: 20px !important;
		}
		.medios-pago .content-tables > .content > div{
	    	flex: 1;
	    	margin: 0px 1px;
	    	min-width: 60px;
	    	max-width: 60px;
	    	display: flex;
	    	font-size: 11px;
	   }
		
			.medios-pago .content-tables > .content > div:nth-child(1){
		    	min-width: 50px;
		    	max-width: 50px;
		    	justify-content: center;
		 	}
			.medios-pago .content-tables > .content > div:nth-child(2){
		    	min-width: 250px;
		    	max-width: 250px;
		  	}
			.medios-pago .content-tables > .content > div:nth-child(3){
		    	min-width: 160px;
		    	max-width: 160px;
		   }
			.medios-pago .content-tables > .content > div:nth-child(4){
		    	min-width: 85px;
		    	max-width: 85px;
		  	}
			.medios-pago .content-tables > .content > div:nth-child(5){
		    	min-width: 65px;
		    	max-width: 65px;
		  	}
			.medios-pago .content-tables > .content > div:nth-child(6){
		    	min-width: 65px;
		    	max-width: 65px;
		  	}
			.medios-pago .content-tables > .content > div:nth-child(7){
			  	min-width: 50px;
			  	max-width: 50px;
			  	justify-content: space-evenly;
			}
			.medios-pago .content-tables > .content > div:nth-child(8){
			  	min-width: 60px;
			  	max-width: 60px;
			  	justify-content: space-evenly;
			}
			.medios-pago .content-tables > .content > div:nth-child(9){
			  	min-width: 75px;
			  	max-width: 75px;
			  	justify-content: space-evenly;
			}
			.medios-pago .content-tables > .content > div:nth-child(10){
			  	min-width: 60px;
			  	max-width: 60px;
			  	/* justify-content: space-evenly; */
			}
				.medios-pago .content-tables > .content > div:nth-child(10) > label{
					min-width: 40px !important;
					max-width: 40px !important;
				}
					.medios-pago .content-tables > .content > div:nth-child(10) > label > input{
						width: 10px !important;
					}
			.medios-pago .content-tables > .content > div:nth-child(11){
			  	min-width: 50px;
			  	max-width: 50px;
			  	/* justify-content: space-evenly; */
			}
		
		
			.medios-pago .content-tables > .content > div:nth-child(7) > button,
			.valores-predefinidos .content-tables > .content > div:nth-child(3) > button{
				background: #6c798c;
				padding: 0px 2px;
				height: 20px;
			}
				.medios-pago .content-tables > .content > div:nth-child(7) > button > i,
				.valores-predefinidos .content-tables > .content > div:nth-child(3) > button > i{
					font-size: 12px;
				}
		
			.valores-predefinidos .content-tables > .content > div:nth-child(2) > .checkbox > input{
				margin-left: 0px !important;
			}
			.valores-predefinidos .content-tables > .content > div:nth-child(2) > .checkbox > i{
				margin-left: 10px !important;
    			margin-top: 1px !important;
			}
		
     
     .medios-pago .content-tables .content-lineas,
     .valores-predefinidos .content-tables .content-lineas{
		overflow-y: unset !important;
    	margin-top: 5px;
	}
		.medios-pago .content-tables .content-lineas .grid-erp-blue,
		.valores-predefinidos .content-tables .content-lineas .grid-erp-blue{
			border: none !important;
		}
		
			.medios-pago .content-tables .content-lineas .grid-erp-blue,
			.medios-pago .content-tables .content-lineas .grid-erp-blue .ui-grid-viewport{
				height: 180px !important;
			}
			
			.valores-predefinidos .content-tables .content-lineas .grid-erp-blue,
			.valores-predefinidos .content-tables .content-lineas .grid-erp-blue .ui-grid-viewport{
				height: 300px !important;
			}
			
			.medios-pago .content-tables .content-lineas .grid-erp-blue .ui-grid-cell,
			.valores-predefinidos .content-tables .content-lineas .grid-erp-blue .ui-grid-cell{
				border-color: transparent !important;
				padding-left: 3px;
			}
			
	.medios-pago .content-tables .content-lineas .grid-erp-blue .ui-grid-footer-cell-row .ui-grid-footer-cell .ui-grid-cell-contents,
	.valores-predefinidos .content-tables .content-lineas .grid-erp-blue .ui-grid-footer-cell-row .ui-grid-footer-cell .ui-grid-cell-contents{
		position: absolute;
		margin-left: 10px;
	}
			
	.medios-pago .loading-grid-modal{
		height: 73% !important;
	}
		
		
	.medios-pago .botones-footer{
		height: 20px;
    	padding-top: 4px;
    	margin-top: 12px;
	}
	
	.medios-pago .info-modal{
		font-size: 12px !important;
	}	
		.medios-pago .info-modal .fila{
			height: 15px !important;
		}
		
		
	.valores-predefinidos{
		margin-bottom: 12px;
	}
		.valores-predefinidos .loading-grid-modal{
			height: 380px !important;
		}
		.valores-predefinidos .info-modal{
			border-bottom: 1px solid #2d4c6d;
		    height: 20px;
		    margin-bottom: 5px;
		    padding-left: 4px;
		    border-left: 2px solid orange;
		}
			.valores-predefinidos .info-modal i{
				margin-right: 3px;
	    		margin-left: 3px;
	    		font-size: 10px;
	    		padding-top: 6px;
			}

			
			
/* GRID (RESUMEN) */
.medios-pago .ui-grid-header-canvas{
	width: 100% !important;
}
.medios-pago .ui-grid-header-cell-wrapper{
	width: 100%;
}
.medios-pago .ui-grid-header-cell-row {
	width: 100%;
}
.medios-pago .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.medios-pago .ui-grid-header-cell-row > div:nth-child(1){
    width: 6%;
}
.medios-pago .ui-grid-header-cell-row > div:nth-child(2){
     width: 40%;
}
.medios-pago .ui-grid-header-cell-row > div:nth-child(3){
     width: 12%;
}
.medios-pago .ui-grid-header-cell-row > div:nth-child(4){
     width: 6%;
}
.medios-pago .ui-grid-header-cell-row > div:nth-child(5){
     width: 6%;
}
.medios-pago .ui-grid-header-cell-row > div:nth-child(6){
     width: 6%;
}
.medios-pago .ui-grid-header-cell-row > div:nth-child(7){
     width: 6%;
}
.medios-pago .ui-grid-header-cell-row > div:nth-child(8){
     width: 6%;
}
.medios-pago .ui-grid-header-cell-row > div:nth-child(9){
     width: 6%;
}
.medios-pago .ui-grid-header-cell-row > div:nth-child(10){
     width: 6%;
}


.medios-pago .ui-grid-canvas{
	width: 100% !important;
}
.medios-pago .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.medios-pago .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 6%;
}
.medios-pago .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 40%;
}
.medios-pago .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 12%;
}
.medios-pago .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 6%;
}
.medios-pago .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 6%;
}
.medios-pago .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 6%;
}
.medios-pago .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 6%;
}
.medios-pago .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 6%;
}
.medios-pago .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 6%;
}
.medios-pago .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 6%;
}


.medios-pago .ui-grid-footer-canvas{
	width: 100% !important;
}
.medios-pago .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.medios-pago .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.medios-pago .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 6%;
}
.medios-pago .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 40%;
}
.medios-pago .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 12%;
}
.medios-pago .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 6%;
}
.medios-pago .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 6%;
}
.medios-pago .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 6%;
}
.medios-pago .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 6%;
}
.medios-pago .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 6%;
}
.medios-pago .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 6%;
}
.medios-pago .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 6%;
}

@charset "UTF-8";

.acv {
    height: 100%;
    overflow: hidden;
}

.acv input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
}

.acv label{
	font-weight: normal;
	font-family: arial;
	font-size: 11px;
	/* font-weight: 200; */
}

.acv .form-group{
	margin: 0px;
	margin-bottom: 1px;
	height: 20px;
	display: flex;
}

.acv .col-row{
	display: flex;
}

.acv .col-row-2 > *:nth-child(1) {
    margin-right: 15px;
}

.acv .col-row-3 > *:nth-child(1),
.acv .col-row-3 > *:nth-child(2) {
    margin-right: 15px;
}

.acv .col-label{
	max-width: 65px !important;
	min-width: 65px !important;
	max-height: 20px;
	overflow: hidden;
	padding: 0px;
}

.acv .col-field{
	padding: 0px;
	flex: 1;
}


.acv .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.acv .bottom > div{
    flex: 1;
    width: 100%;
    /* position: relative; */
    /* margin-top: 18%; */
    /* height: 40px; */
    /* padding: 5px 0px; */
    /* clear: both; */
    /* background: #286af0; */
    /* text-align: center; */
    /* color: #fff; */
}
.acv .row.bottom > div:nth-child(1){
	min-height: 100px;
}

.acv .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
    /* margin-top: 350px; */
}



.acv .id_cliente {
    position: absolute;
    z-index: 10;
    left: 35%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}
.acv .tipo_cliente {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}



.acv .id_factura {
    position: absolute;
    z-index: 1;
    right: 65px;
    top: 3px;
}


/* Controls */
ul.controls-erp{
	position:absolute;
	top: 5px;
	right: 20px;
	z-index: 10;
}
ul.controls-erp > li {
    list-style: none;
    /* color: blue !important; */
}

ul.controls-erp > li > a {
    color: #757575;
}

ul.controls-erp > li > ul {
    top: 25px;
    right: -15px !important;
}

.acv .buttons-articulo {
    display: flex;
    max-width: 50px;
}

.acv .buttons-articulo > button{
    background: none !important;
    border: none !important;
}
.acv .buttons-articulo > button:focus,
.acv .buttons-articulo > button:hover,
.acv .buttons-articulo > button:active{
    background: none !important;
    border: 1px solid #8f9fc3 !important;
}

/* End controls */



.acv .observaciones-options {
    display: flex;
}

.acv .observaciones-options > div{
    flex: 1;
}

.acv .observaciones-options > div > button{
    border: none;
    font-size: 12px;
    background: #f4f5f6;
}

/* ui select */

.acv .ui-select-bootstrap > .ui-select-match .ui-select-toggle > span:nth-of-type(2) > a {
    position: absolute;
    right: 5px !important;
    top: 0px !important;
    font-size: 10px;
    padding: 0px;
    color: #bfc7cb;
    margin: 0px 2px;
}

.acv .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 100%;
}

.acv .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
	margin: 0px !important;
	/* padding: 0px; */
	padding: 0px !important;
	position: absolute;
	top: 2px;
	height: 15px;
	overflow-y: hidden;
}

.acv .ui-select-erp > div > span > span > span{/* width: 100%; *//* overflow-y: hidden; */}

.acv .ui-select-erp input:focus,
.acv .ui-select-erp input:focus:hover,
.acv .ui-select-erp input:hover,
.acv .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
	/* width: 100%; */
	/* width: 45px; */
}

.acv .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.acv .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.acv .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}

/*.ui-select-erp > *:nth-child(1) > *:nth-child(1) > *:nth-child(2){
	width: 80% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}*/


/* end ui select */


/* Tables */
.acv .text-concat{
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.acv #table_articulos tbody > tr {
    border-bottom: 1px solid blue;
    font-size: 12px;
}

.acv #table_articulos tbody > tr.active {
    color: #757575;
    background: #8e99a7 !important;
}

.acv #table_articulos tbody > tr > td:nth-child(3){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.acv #table_articulos tbody > tr > td:nth-child(4){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}
/* End tables */



/* End tabs */


/* Tile */
.acv .tile{
	height: 100%;
}

.acv .tile.tile-widget {
    padding: 10px;
}
	.acv .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.acv .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.acv .tile .tile-header.dvd .controls > li.controls-editar,
		.acv .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.acv .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.acv .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.acv .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.acv .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.acv .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.acv .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.acv .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.acv .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.acv .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.3;
}


.acv label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* controls */
.acv ul.controls-erp{
	position:absolute;
	top: 2px;
	right: 20px;
	z-index: 1;
	width: auto !important;
}
	.acv ul.controls-erp > li {
		list-style: none;
	}
		.acv ul.controls-erp > li > a {
			color: #eaedf3;
		}
		.acv ul.controls-erp > li > ul {
			top: 25px;
			right: -15px !important;
		}


/* Modificaciones */
    .acv .row.nserie{
    }
    
    
    
    .acv .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .acv .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .acv .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .acv .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .acv .row.urow3 > div:nth-child(3){
		margin: 0px !important;
    	padding-left: 0px !important;
		}
    .acv .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.acv .autowidth > input{
		width: 100% !important;
	}
	
    .acv .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.acv .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px !important;
	}
	
	.acv .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 400px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.acv .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .acv .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.acv .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .acv .tile .tile-header-erp .controls{

	    }
	    .acv .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .acv .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .acv .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .acv .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .acv .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .acv .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .acv .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .acv .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .acv .table-custom-inline .tr_custom_erp > td{
      
    }
    .acv .table-custom-inline .tr_custom_erp > td:nth-child(1){
    	min-width: 20px;
    	max-width: 20px;
    }
    .acv .table-custom-inline .tr_custom_erp > td:nth-child(2){
    	min-width: 180px;
    	max-width: 180px;
    }
    .acv .table-custom-inline .tr_custom_erp > td:nth-child(3){
    	min-width: 300px;
    }
    .acv .table-custom-inline .tr_custom_erp > td:nth-child(4){
    	min-width: 50px;
    	max-width: 50px;
    }
    .acv .table-custom-inline .tr_custom_erp > td:nth-child(5){
		min-width: 75px;
		max-width: 75px;
		}
    .acv .table-custom-inline .tr_custom_erp > td:nth-child(6){
		min-width: 55px;
		max-width: 55px;
    }
    .acv .table-custom-inline .tr_custom_erp > td:nth-child(7){
		min-width: 55px;
		max-width: 55px;
    }
    .acv .table-custom-inline .tr_custom_erp > td:nth-child(8){
		min-width: 55px;
		max-width: 55px;
    }
    .acv .table-custom-inline .tr_custom_erp > td:nth-child(9){
		min-width: 55px;
		max-width: 55px;
    }
    .acv .table-custom-inline .tr_custom_erp > td:nth-child(10){
		min-width: 50px;
		max-width: 50px;
    }
    
    .acv .table-custom-inline .tr_custom_erp > td:nth-child(11){
    	min-width: 70px;
    	max-width: 70px;
    }
    .acv .table-custom-inline .tr_custom_erp > td:nth-child(11) > a > i{
      font-size: 20px;
    }

    .acv .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .acv .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .acv .row.row-erp{
     padding:15px !important;
   }
	   .acv .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		   flex: 1;
		  }
		 .acv .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .acv .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.acv .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.acv .doc-span > i{
		font-size: 10px;
	}
	.acv .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.acv .doc-span:visited{
		color: #dbe0e2;
	}
	
   
   /* Tile custom */
   .acv .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   

   .acv .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .acv .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.acv .tile-table-erp div table thead{
		border-bottom: 3px solid #757575;
	}

	.acv .tile-table-erp div table thead tr {

	}
	
	.acv .tile-table-erp div table thead tr th{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
	}


	.acv .tile-table-erp div table tbody tr td{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
		text-align: center;
	}
   
   
   /* End */
   
   
   /* Almacen */
   .acv .almacen-display{
   		display: flex;
    	justify-content: space-around;
    	align-items: center;
   }
   
   /*.almacen-display > .alternate-display-erp{
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(1){
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(2){
   		visibility: hidden;
   }*/
   
   .acv .almacen-display > .alternate-display-erp{
   		display: flex;
   		align-items: center;
   }
   .acv .almacen-display > .alternate-display-erp > .select-convert{
   		
   }
   
   .acv .almacen-display > .alternate-display-erp > .select-convert > *{
   		background: white !important;
   		box-shadow: none !important;
   }
   
   .acv .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1){
   		border: 0px !important;
	    margin-top: 5px !important;
	    color: #3f4e62;
   }
   
   .acv .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > span:nth-child(2) > a{ 
   		display: none !important;
   }
   
   .acv .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > i{
   		display:none !important;
   }
   /* */
   
	
	
	.acv .dadarticulo.over {
	  //border: 2px dashed #000;
	}   
   
    /* Placeholder drag and drop */
    .acv .sortable-placeholder{
      	width: auto;
	    height: 20px !important;
	    background: #3f4e62;
    }
    

    .acv .anchofull {
        width: auto !important;
    	min-width: 100% !important;
    }

    
    /* Cargando articulos */
    .acv .cargando_tabla.ng-scope {text-align: center;opacity: 0.2;}

    .acv .cargando_tabla.ng-scope > i {
        font-size: 180px;
    }
   
  /* end */
  
  


	.acv .idventafactura {
		position: absolute;
		left: 75%;
		z-index: 1;
		top: 3px;
		width: max-content !important;
		font-size: 12px;
		font-family: tahoma;
		color: white;
	}
	
	
	.acv .idcliente {
	    position: absolute;
	    z-index: 1;
	    right: 100px;
	    top: 3px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}

	.acv .tipocliente {
	    position: absolute;
	    z-index: 1;
	    right: 300px;
	    top: 3px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}


	.acv .validar-factura {
		position: absolute;
		top: 0px;
		right: 43px;
		width: 20px;
		height: 20px;
		background: #95c89a;
		border-radius: 0px;
		border: none;
	}
		.acv .validar-factura > i{
			position: absolute;
			top: 3px;
			right: 2px;
			color: white;
		}
	
	.acv .input-yellow {
	    background: #f1f1b3;
	    border: 1px solid #cdd3d8;
	}
	
	.acv .tab-general {
	    display: flex;
	    flex-direction: column;
	}
	    .acv .tab-general .fila{
	        display: flex;
	        flex: 1;
	    }
	        .acv .tab-general .fila .item-2{
	            display: flex;
	         	width: 100%;
	        }
	        .acv .tab-general .fila .item-2:nth-child(1){
	           min-width: 100%;
	           max-width: 100%;
	        }
	         .acv .tab-general .fila .item-2:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
	        .acv .tab-general .fila .item-2:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.acv .tab-general .fila .item-2 > div{
					flex: 1;
					/* height: 20px; */
					/* margin-bottom: 1px; */
				}
				.acv .tab-general .fila .item-2 > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.acv .tab-general .fila .item-2 > div:nth-child(2){
					min-width: 100px;
					max-width: 100px;
				}
				.acv .tab-general .fila .item-2 > div:nth-child(3){
				}
					.acv .tab-general .fila .item-2 > div:nth-child(3) > input{
						width: 100%;
						background: #f4f4f4;
					}


	.acv .tab-clientes {
	    display: flex;
	    flex-direction: column;
	}
	    .acv .tab-clientes .fila-2{
	        display: flex;
	        flex: 1;
	    }
	        .acv .tab-clientes .fila-2 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .acv .tab-clientes .fila-2 .item:nth-child(1){
	           min-width: 60%;
	           max-width: 60%;
	        }
	         .acv .tab-clientes .fila-2 .item:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.acv .tab-clientes .fila-2 .item > div{
					flex: 1;
				}
				.acv .tab-clientes .fila-2 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.acv .tab-clientes .fila-2 .item > div:nth-child(2){
			
				}
		.acv .tab-clientes .fila-3{
	        display: flex;
	        flex: 1;
	    }
	        .acv .tab-clientes .fila-3 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .acv .tab-clientes .fila-3 .item:nth-child(1){
	           min-width: 30%;
	           max-width: 30%;
	        }
	         .acv .tab-clientes .fila-3 .item:nth-child(2){
	           min-width: 29%;
	           max-width: 29%;
	           margin: 0px 5px;
	        }
	        .acv .tab-clientes .fila-3 .item:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	        }
				.acv .tab-clientes .fila-3 .item > div{
					flex: 1;
				}
				.acv .tab-clientes .fila-3 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.acv .tab-clientes .fila-3 .item > div:nth-child(2){
			
				}

	
	
	/* tables */
 	.acv .content-tables {
    	display: flex;
    	/* RESOLUCIÓN IPAD: 1536 x 2048 */
	}
	    .acv .content-tables > div{
	        flex: 1;
	        margin: 0px 5px;
	        min-width: 350px
	    }
	    .acv .content-tables > div:nth-child(1){
	        
	    }
	    .acv .content-tables > div:nth-child(2){
	       
	    }


/* GRID (RESUMEN) */
.acv-resumen .ui-grid-header-canvas{
	width: 100% !important;
}
.acv-resumen .ui-grid-header-cell-wrapper{
	width: 100%;
}
.acv-resumen .ui-grid-header-cell-row {
	width: 100%;
}
.acv-resumen .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.acv-resumen .ui-grid-header-cell-row > div:nth-child(1){
    width: 8%;
}
.acv-resumen .ui-grid-header-cell-row > div:nth-child(2){
     width: 12%;
}
.acv-resumen .ui-grid-header-cell-row > div:nth-child(3){
     width: 32%;
}
.acv-resumen .ui-grid-header-cell-row > div:nth-child(4){
     width: 24%;
}
.acv-resumen .ui-grid-header-cell-row > div:nth-child(5){
     width: 16%;
}
.acv-resumen .ui-grid-header-cell-row > div:nth-child(6){
     width: 8%;
}

.acv-resumen .ui-grid-canvas{
	width: 100% !important;
}
.acv-resumen .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.acv-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 8%;
}
.acv-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 12%;
}
.acv-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 32%;
}
.acv-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 24%;
}
.acv-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 16%;
}
.acv-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 8%;
}


.acv-resumen .ui-grid-footer-canvas{
	width: 100% !important;
}
.acv-resumen .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.acv-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.acv-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 8%;
}
.acv-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 12%;
}
.acv-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 32%;
}
.acv-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 24%;
}
.acv-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 16%;
}
.acv-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 8%;
}


/** Asociar Documento **/

.acv-asociar-documento{
	
}
/* GRID (Asociación) */
.acv-asociar-documento .ui-grid-header-canvas{
	width: 100% !important;
}
.acv-asociar-documento .ui-grid-header-cell-wrapper{
	width: 100%;
}
.acv-asociar-documento .ui-grid-header-cell-row {
	width: 100%;
}
.acv-asociar-documento .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.acv-asociar-documento .ui-grid-header-cell-row > div:nth-child(1){
    width: 8%;
}
.acv-asociar-documento .ui-grid-header-cell-row > div:nth-child(2){
     width: 10%;
}
.acv-asociar-documento .ui-grid-header-cell-row > div:nth-child(3){
     width: 46%;
}
.acv-asociar-documento .ui-grid-header-cell-row > div:nth-child(4){
     width: 12%;
}
.acv-asociar-documento .ui-grid-header-cell-row > div:nth-child(5){
     width: 12%;
}
.acv-asociar-documento .ui-grid-header-cell-row > div:nth-child(6){
     width: 12%;
}

.acv-asociar-documento .ui-grid-canvas{
	width: 100% !important;
}
.acv-asociar-documento .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.acv-asociar-documento .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 8%;
}
.acv-asociar-documento .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 10%;
}
.acv-asociar-documento .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 46%;
}
.acv-asociar-documento .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 12%;
}
.acv-asociar-documento .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 12%;
}
.acv-asociar-documento .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 12%;
}


.acv-asociar-documento .ui-grid-footer-canvas{
	width: 100% !important;
}
.acv-asociar-documento .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.acv-asociar-documento .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.acv-asociar-documento .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 8%;
}
.acv-asociar-documento .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 10%;
}
.acv-asociar-documento .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 46%;
}
.acv-asociar-documento .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 12%;
}
.acv-asociar-documento .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 12%;
}
.acv-asociar-documento .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 12%;
}


/* GRID (Control de vencimientos) */
.acv-cv .ui-grid-header-canvas{
	width: 100% !important;
}
.acv-cv .ui-grid-header-cell-wrapper{
	width: 100%;
}
.acv-cv .ui-grid-header-cell-row {
	width: 100%;
}
.acv-cv .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.acv-cv .ui-grid-header-cell-row > div:nth-child(1){
    width: 7%;
}
.acv-cv .ui-grid-header-cell-row > div:nth-child(2){
     width: 11%;
}
.acv-cv .ui-grid-header-cell-row > div:nth-child(3){
     width: 21%;
}
.acv-cv .ui-grid-header-cell-row > div:nth-child(4){
     width: 9%;
}
.acv-cv .ui-grid-header-cell-row > div:nth-child(5){
     width: 9%;
}
.acv-cv .ui-grid-header-cell-row > div:nth-child(6){
     width: 10%;
}
.acv-cv .ui-grid-header-cell-row > div:nth-child(7){
     width: 10%;
}
.acv-cv .ui-grid-header-cell-row > div:nth-child(8){
     width: 8%;
}
.acv-cv .ui-grid-header-cell-row > div:nth-child(9){
     width: 4%;
}
.acv-cv .ui-grid-header-cell-row > div:nth-child(10){
     width: 8%;
}
.acv-cv .ui-grid-header-cell-row > div:nth-child(11){
     width: 3%;
}

.acv-cv .ui-grid-canvas{
	width: 100% !important;
}
.acv-cv .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.acv-cv .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 7%;
}
.acv-cv .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 11%;
}
.acv-cv .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 21%;
}
.acv-cv .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 9%;
}
.acv-cv .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 9%;
}
.acv-cv .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 10%;
}
.acv-cv .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 10%;
}
.acv-cv .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 8%;
}
.acv-cv .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 4%;
}
.acv-cv .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 8%;
}
.acv-cv .ui-grid-row > div > .ui-grid-cell:nth-child(11){
	width: 3%;
}


.acv-cv .ui-grid-footer-canvas{
	width: 100% !important;
}
.acv-cv .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.acv-cv .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.acv-cv .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 7%;
}
.acv-cv .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 11%;
}
.acv-cv .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 21%;
}
.acv-cv .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 9%;
}
.acv-cv .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 9%;
}
.acv-cv .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 10%;
}
.acv-cv .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 10%;
}
.acv-cv .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 8%;
}
.acv-cv .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 4%;
}
.acv-cv .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 8%;
}
.acv-cv .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(11){
	width: 3%;
}

.acv-cv .avisos-cell{
	padding: 0px 5px;
}

.acv-cv .avisos-cell .fa.fa-check{
	color: green;
}
.acv-cv .avisos-cell .fa.fa-warning{
	color: #b11818;
}
.validacion-vencimientos{

}
    .validacion-vencimientos .detalles-info{
        margin-top: 20px;
        font-size: 12px;
    }
        .validacion-vencimientos .detalles-info > div:nth-child(1){
            font-size: 14px;
        }
        .validacion-vencimientos .detalles-info > div:nth-child(2){
            margin-left: 15px;
        }
        .validacion-vencimientos .detalles-info > div:nth-child(3){
            margin-left: 15px;
        }
@charset "UTF-8";

.gastos-facturas {
    height: 100%;
    overflow: hidden;
}

.gastos-facturas input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
}

.gastos-facturas label{
	font-weight: normal;
	font-family: arial;
	font-size: 11px;
	/* font-weight: 200; */
}

.gastos-facturas .form-group{
	margin: 0px;
	margin-bottom: 1px;
	height: 20px;
	display: flex;
}

.gastos-facturas .col-row{
	display: flex;
}

.gastos-facturas .col-row-2 > *:nth-child(1) {
    margin-right: 15px;
}

.gastos-facturas .col-row-3 > *:nth-child(1),
.gastos-facturas .col-row-3 > *:nth-child(2) {
    margin-right: 15px;
}

.gastos-facturas .col-label{
	max-width: 65px !important;
	min-width: 65px !important;
	max-height: 20px;
	overflow: hidden;
	padding: 0px;
}

.gastos-facturas .col-field{
	padding: 0px;
	flex: 1;
}


.gastos-facturas .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.gastos-facturas .bottom > div{
    flex: 1;
    width: 100%;
    /* position: relative; */
    /* margin-top: 18%; */
    /* height: 40px; */
    /* padding: 5px 0px; */
    /* clear: both; */
    /* background: #286af0; */
    /* text-align: center; */
    /* color: #fff; */
}
.gastos-facturas .row.bottom > div:nth-child(1){
	min-height: 100px;
}

.gastos-facturas .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
    /* margin-top: 350px; */
}



.gastos-facturas .id_cliente {
    position: absolute;
    z-index: 10;
    left: 35%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}
.gastos-facturas .tipo_cliente {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}



.gastos-facturas .id_factura {
    position: absolute;
    z-index: 1;
    right: 65px;
    top: 3px;
}


/* Controls */
ul.controls-erp{
	position:absolute;
	top: 5px;
	right: 20px;
	z-index: 10;
}
ul.controls-erp > li {
    list-style: none;
    /* color: blue !important; */
}

ul.controls-erp > li > a {
    color: #757575;
}

ul.controls-erp > li > ul {
    top: 25px;
    right: -15px !important;
}

.gastos-facturas .buttons-articulo {
    display: flex;
    max-width: 50px;
}

.gastos-facturas .buttons-articulo > button{
    background: none !important;
    border: none !important;
}
.gastos-facturas .buttons-articulo > button:focus,
.gastos-facturas .buttons-articulo > button:hover,
.gastos-facturas .buttons-articulo > button:active{
    background: none !important;
    border: 1px solid #8f9fc3 !important;
}

/* End controls */



.gastos-facturas .observaciones-options {
    display: flex;
}

.gastos-facturas .observaciones-options > div{
    flex: 1;
}

.gastos-facturas .observaciones-options > div > button{
    border: none;
    font-size: 12px;
    background: #f4f5f6;
}

/* ui select */

.gastos-facturas .ui-select-bootstrap > .ui-select-match .ui-select-toggle > span:nth-of-type(2) > a {
    position: absolute;
    right: 5px !important;
    top: 0px !important;
    font-size: 10px;
    padding: 0px;
    color: #bfc7cb;
    margin: 0px 2px;
}

.gastos-facturas .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 100%;
}

.gastos-facturas .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
	margin: 0px !important;
	/* padding: 0px; */
	padding: 0px !important;
	position: absolute;
	top: 2px;
	height: 15px;
	overflow-y: hidden;
}

.gastos-facturas .ui-select-erp > div > span > span > span{/* width: 100%; *//* overflow-y: hidden; */}

.gastos-facturas .ui-select-erp input:focus,
.gastos-facturas .ui-select-erp input:focus:hover,
.gastos-facturas .ui-select-erp input:hover,
.gastos-facturas .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
	/* width: 100%; */
	/* width: 45px; */
}

.gastos-facturas .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.gastos-facturas .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.gastos-facturas .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}

/*.ui-select-erp > *:nth-child(1) > *:nth-child(1) > *:nth-child(2){
	width: 80% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}*/


/* end ui select */


/* Tables */
.gastos-facturas .text-concat{
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.gastos-facturas #table_articulos tbody > tr {
    border-bottom: 1px solid blue;
    font-size: 12px;
}

.gastos-facturas #table_articulos tbody > tr.active {
    color: #757575;
    background: #8e99a7 !important;
}

.gastos-facturas #table_articulos tbody > tr > td:nth-child(3){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.gastos-facturas #table_articulos tbody > tr > td:nth-child(4){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}
/* End tables */



/* End tabs */


.gastos-facturas .idgastofactura {
	position: absolute;
	left: 75%;
	z-index: 1;
	top: 3px;
	width: max-content !important;
	font-size: 12px;
	font-family: tahoma;
	color: white;
}
	
	
.gastos-facturas .idacreedor {
    position: absolute;
    z-index: 1;
    right: 100px;
    top: 3px;
    font-size: 12px;
    font-family: tahoma;
    color: white;
}

.gastos-facturas .tipoacreedor {
    position: absolute;
    z-index: 1;
    right: 300px;
    top: 3px;
    font-size: 12px;
    font-family: tahoma;
    color: white;
}


/* Tile */
.gastos-facturas .tile{
	height: 100%;
}

.gastos-facturas .tile.tile-widget {
    padding: 10px;
}
	.gastos-facturas .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.gastos-facturas .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.gastos-facturas .tile .tile-header.dvd .controls > li.controls-editar,
		.gastos-facturas .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.gastos-facturas .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.gastos-facturas .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.gastos-facturas .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.gastos-facturas .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.gastos-facturas .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.gastos-facturas .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.gastos-facturas .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.gastos-facturas .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.gastos-facturas .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.3;
}


.gastos-facturas label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* controls */
.gastos-facturas ul.controls-erp{
	position:absolute;
	top: 2px;
	right: 20px;
	z-index: 1;
	width: auto !important;
}
	.gastos-facturas ul.controls-erp > li {
		list-style: none;
	}
		.gastos-facturas ul.controls-erp > li > a {
			color: #eaedf3;
		}
		.gastos-facturas ul.controls-erp > li > ul {
			top: 25px;
			right: -15px !important;
		}


/* Modificaciones */
    .gastos-facturas .row.nserie{
    }
    
    
    
    .gastos-facturas .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .gastos-facturas .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .gastos-facturas .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .gastos-facturas .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .gastos-facturas .row.urow3 > div:nth-child(3){
		margin: 0px !important;
    	padding-left: 0px !important;
		}
    .gastos-facturas .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.gastos-facturas .autowidth > input{
		width: 100% !important;
	}
	
    .gastos-facturas .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.gastos-facturas .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px !important;
	}
	
	.gastos-facturas .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 400px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.gastos-facturas .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .gastos-facturas .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.gastos-facturas .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .gastos-facturas .tile .tile-header-erp .controls{

	    }
	    .gastos-facturas .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .gastos-facturas .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .gastos-facturas .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .gastos-facturas .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .gastos-facturas .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .gastos-facturas .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .gastos-facturas .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .gastos-facturas .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .gastos-facturas .table-custom-inline .tr_custom_erp > td{
      
    }
    .gastos-facturas .table-custom-inline .tr_custom_erp > td:nth-child(1){
    	min-width: 20px;
    	max-width: 20px;
    }
    .gastos-facturas .table-custom-inline .tr_custom_erp > td:nth-child(2){
    	min-width: 180px;
    	max-width: 180px;
    }
    .gastos-facturas .table-custom-inline .tr_custom_erp > td:nth-child(3){
    	min-width: 300px;
    }
    .gastos-facturas .table-custom-inline .tr_custom_erp > td:nth-child(4){
    	min-width: 50px;
    	max-width: 50px;
    }
    .gastos-facturas .table-custom-inline .tr_custom_erp > td:nth-child(5){
		min-width: 75px;
		max-width: 75px;
		}
    .gastos-facturas .table-custom-inline .tr_custom_erp > td:nth-child(6){
		min-width: 55px;
		max-width: 55px;
    }
    .gastos-facturas .table-custom-inline .tr_custom_erp > td:nth-child(7){
		min-width: 55px;
		max-width: 55px;
    }
    .gastos-facturas .table-custom-inline .tr_custom_erp > td:nth-child(8){
		min-width: 55px;
		max-width: 55px;
    }
    .gastos-facturas .table-custom-inline .tr_custom_erp > td:nth-child(9){
		min-width: 55px;
		max-width: 55px;
    }
    .gastos-facturas .table-custom-inline .tr_custom_erp > td:nth-child(10){
		min-width: 50px;
		max-width: 50px;
    }
    
    .gastos-facturas .table-custom-inline .tr_custom_erp > td:nth-child(11){
    	min-width: 70px;
    	max-width: 70px;
    }
    .gastos-facturas .table-custom-inline .tr_custom_erp > td:nth-child(11) > a > i{
      font-size: 20px;
    }

    .gastos-facturas .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .gastos-facturas .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .gastos-facturas .row.row-erp{
     padding:15px !important;
   }
	   .gastos-facturas .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		   flex: 1;
		  }
		 .gastos-facturas .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .gastos-facturas .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.gastos-facturas .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.gastos-facturas .doc-span > i{
		font-size: 10px;
	}
	.gastos-facturas .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.gastos-facturas .doc-span:visited{
		color: #dbe0e2;
	}
	
   
   /* Tile custom */
   .gastos-facturas .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   

   .gastos-facturas .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .gastos-facturas .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.gastos-facturas .tile-table-erp div table thead{
		border-bottom: 3px solid #757575;
	}

	.gastos-facturas .tile-table-erp div table thead tr {

	}
	
	.gastos-facturas .tile-table-erp div table thead tr th{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
	}


	.gastos-facturas .tile-table-erp div table tbody tr td{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
		text-align: center;
	}
   
   
   /* End */
   
   
   /* Almacen */
   .gastos-facturas .almacen-display{
   		display: flex;
    	justify-content: space-around;
    	align-items: center;
   }
   
   /*.almacen-display > .alternate-display-erp{
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(1){
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(2){
   		visibility: hidden;
   }*/
   
   .gastos-facturas .almacen-display > .alternate-display-erp{
   		display: flex;
   		align-items: center;
   }
   .gastos-facturas .almacen-display > .alternate-display-erp > .select-convert{
   		
   }
   
   .gastos-facturas .almacen-display > .alternate-display-erp > .select-convert > *{
   		background: white !important;
   		box-shadow: none !important;
   }
   
   .gastos-facturas .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1){
   		border: 0px !important;
	    margin-top: 5px !important;
	    color: #3f4e62;
   }
   
   .gastos-facturas .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > span:nth-child(2) > a{ 
   		display: none !important;
   }
   
   .gastos-facturas .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > i{
   		display:none !important;
   }
   /* */
   
	
	
	.gastos-facturas .dadarticulo.over {
	  //border: 2px dashed #000;
	}   
   
    /* Placeholder drag and drop */
    .gastos-facturas .sortable-placeholder{
      	width: auto;
	    height: 20px !important;
	    background: #3f4e62;
    }
    

    .gastos-facturas .anchofull {
        width: auto !important;
    	min-width: 100% !important;
    }

    
    /* Cargando articulos */
    .gastos-facturas .cargando_tabla.ng-scope {text-align: center;opacity: 0.2;}

    .gastos-facturas .cargando_tabla.ng-scope > i {
        font-size: 180px;
    }
   
  /* end */
  
  


	.gastos-facturas .idventafactura {
		position: absolute;
		left: 75%;
		z-index: 1;
		top: 3px;
		width: max-content !important;
		font-size: 12px;
		font-family: tahoma;
		color: white;
	}
	
	
	.gastos-facturas .idcliente {
	    position: absolute;
	    z-index: 1;
	    right: 100px;
	    top: 3px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}

	.gastos-facturas .tipocliente {
	    position: absolute;
	    z-index: 1;
	    right: 300px;
	    top: 3px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}


	.gastos-facturas .validar-factura {
		position: absolute;
		top: 0px;
		right: 43px;
		width: 20px;
		height: 20px;
		background: #95c89a;
		border-radius: 0px;
		border: none;
	}
		.gastos-facturas .validar-factura > i{
			position: absolute;
			top: 3px;
			right: 2px;
			color: white;
		}
	
	.gastos-facturas .input-yellow {
	    background: #f1f1b3;
	    border: 1px solid #cdd3d8;
	}
	
	
	.gastos-facturas .tab-general {
	    display: flex;
	    flex-direction: column;
	}
	    .gastos-facturas .tab-general .fila{
	        display: flex;
	        flex: 1;
	    }
	        .gastos-facturas .tab-general .fila .item-2{
	            display: flex;
	         	width: 100%;
	        }
	        .gastos-facturas .tab-general .fila .item-2:nth-child(1){
	           min-width: 100%;
	           max-width: 100%;
	        }
	         .gastos-facturas .tab-general .fila .item-2:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
	        .gastos-facturas .tab-general .fila .item-2:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.gastos-facturas .tab-general .fila .item-2 > div{
					flex: 1;
					/* height: 20px; */
					/* margin-bottom: 1px; */
				}
				.gastos-facturas .tab-general .fila .item-2 > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.gastos-facturas .tab-general .fila .item-2 > div:nth-child(2){
					min-width: 100px;
					max-width: 100px;
				}
				.gastos-facturas .tab-general .fila .item-2 > div:nth-child(3){
				}
					.gastos-facturas .tab-general .fila .item-2 > div:nth-child(3) > input{
						width: 100%;
						background: #f4f4f4;
					}


	.gastos-facturas .tab-clientes {
	    display: flex;
	    flex-direction: column;
	}
	    .gastos-facturas .tab-clientes .fila-2{
	        display: flex;
	        flex: 1;
	    }
	        .gastos-facturas .tab-clientes .fila-2 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .gastos-facturas .tab-clientes .fila-2 .item:nth-child(1){
	           min-width: 60%;
	           max-width: 60%;
	        }
	         .gastos-facturas .tab-clientes .fila-2 .item:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.gastos-facturas .tab-clientes .fila-2 .item > div{
					flex: 1;
				}
				.gastos-facturas .tab-clientes .fila-2 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.gastos-facturas .tab-clientes .fila-2 .item > div:nth-child(2){
			
				}
		.gastos-facturas .tab-clientes .fila-3{
	        display: flex;
	        flex: 1;
	    }
	        .gastos-facturas .tab-clientes .fila-3 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .gastos-facturas .tab-clientes .fila-3 .item:nth-child(1){
	           min-width: 30%;
	           max-width: 30%;
	        }
	         .gastos-facturas .tab-clientes .fila-3 .item:nth-child(2){
	           min-width: 29%;
	           max-width: 29%;
	           margin: 0px 5px;
	        }
	        .gastos-facturas .tab-clientes .fila-3 .item:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	        }
				.gastos-facturas .tab-clientes .fila-3 .item > div{
					flex: 1;
				}
				.gastos-facturas .tab-clientes .fila-3 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.gastos-facturas .tab-clientes .fila-3 .item > div:nth-child(2){
			
				}

	
	
	/* tables */
 	.gastos-facturas .content-tables {
    	display: flex;
    	/* RESOLUCIÓN IPAD: 1536 x 2048 */
	}
	    .gastos-facturas .content-tables > div{
	        flex: 1;
	        margin: 0px 5px;
	        min-width: 350px
	    }
	    .gastos-facturas .content-tables > div:nth-child(1){
	        
	    }
	    .gastos-facturas .content-tables > div:nth-child(2){
	       
	    }

	    
/* Media queries */
@media (min-width: 1024px) and (max-width: 1024px){
	.gastos-facturas .top1{
		display: none;
	}
}


	.gastos-facturas .section-linea > .cabecera > div:nth-child(1) {
		max-width: 27px !important;
		min-width: 27px !important;
	}
	.gastos-facturas .section-linea > .cabecera > div:nth-child(2) {
		min-width: 355px !important;
		max-width: 355px !important;
	}
	.gastos-facturas .section-linea > .cabecera > div:nth-child(3) {
		min-width: 60px !important;
		max-width: 60px !important;
	}
	
	.gastos-facturas .section-linea > .content > div:nth-child(1) {
		max-width: 27px !important;
		min-width: 27px !important;
	}
	.gastos-facturas .section-linea > .content > div:nth-child(2) {
		min-width: 355px !important;
		max-width: 355px !important;
	}
	.gastos-facturas .section-linea > .content > div:nth-child(3) {
		min-width: 60px !important;
		max-width: 60px !important;
	}
	
	.gastos-facturas .cabecera-observaciones{
		/*width: 695px !important;*/
	}
	.gastos-facturas .content-lineas{
		width: 695px !important;
	}
	
	


/* GRID (RESUMEN) */
.gastos-facturas-resumen .ui-grid-header-canvas{
	width: 100% !important;
}
.gastos-facturas-resumen .ui-grid-header-cell-wrapper{
	width: 100%;
}
.gastos-facturas-resumen .ui-grid-header-cell-row {
	width: 100%;
}
.gastos-facturas-resumen .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.gastos-facturas-resumen .ui-grid-header-cell-row > div:nth-child(1){
    width: 7%;
}
.gastos-facturas-resumen .ui-grid-header-cell-row > div:nth-child(2){
     width: 10%;
}
.gastos-facturas-resumen .ui-grid-header-cell-row > div:nth-child(3){
     width: 14%;
}
.gastos-facturas-resumen .ui-grid-header-cell-row > div:nth-child(4){
     width: 9%;
}
.gastos-facturas-resumen .ui-grid-header-cell-row > div:nth-child(5){
     width: 9%;
}
.gastos-facturas-resumen .ui-grid-header-cell-row > div:nth-child(6){
     width: 14%;
}
.gastos-facturas-resumen .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 6%;
}
.gastos-facturas-resumen .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 5%;
}
.gastos-facturas-resumen .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 5%;
}
.gastos-facturas-resumen .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 7%;
}
.gastos-facturas-resumen .ui-grid-header-cell-row > div:nth-child(11){ 
    width: 7%;
}
.gastos-facturas-resumen .ui-grid-header-cell-row > div:nth-child(12){ 
    width: 7%;
}

.gastos-facturas-resumen .ui-grid-canvas{
	width: 100% !important;
}
.gastos-facturas-resumen .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.gastos-facturas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 7%;
}
.gastos-facturas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 10%;
}
.gastos-facturas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 14%;
}
.gastos-facturas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 9%;
}
.gastos-facturas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 9%;
}
.gastos-facturas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 14%;
}
.gastos-facturas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 6%;
}
.gastos-facturas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 5%;
}
.gastos-facturas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 5%;
}
.gastos-facturas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 7%;
}
.gastos-facturas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(11){
	width: 7%;
}
.gastos-facturas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(12){
	width: 7%;
}


.gastos-facturas-resumen .ui-grid-footer-canvas{
	width: 100% !important;
}
.gastos-facturas-resumen .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.gastos-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.gastos-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 7%;
}
.gastos-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 10%;
}
.gastos-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 14%;
}
.gastos-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 9%;
}
.gastos-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 9%;
}
.gastos-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 14%;
}
.gastos-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 6%;
}
.gastos-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 5%;
}
.gastos-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 5%;
}
.gastos-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 7%;
}
.gastos-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(11){
	width: 7%;
}
.gastos-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(12){
	width: 7%;
}
@charset "UTF-8";

.familias .content-tables{
	min-height: 200px;
	padding: 1px;
}
	
	.familias .content-tables .sello{
		position: absolute;
    	top: 45%;
    	left: 40%;
    	z-index: 1;
	}
		.familias .content-tables .sello > span{
		    color: #b55757;
		    border-style: dashed;
		    font-size: x-large;
		    padding: 10px;
		}
		
		.familias .content-tables .sello-superado{
	    	top: 45%;
		}
		.familias .content-tables .sello-superado > span{
		    color: #145d89;
		}
		
		.familias .content-tables .sello-rechazado{
	    	top: 60%;
    		left: 39%;
		}
		
		.familias .content-tables .sello-aceptado > span{
		    color: green;
		}

	.familias .content-tables .descripcion-ampliada{
		color: #4e6382;
	}

	.familias .content-tables .content-lineas{
		/*overflow-y: scroll;*/
		height: 250px !important;
	}
	.familias .content-tables .content-lineas::-webkit-scrollbar {
	    width: 8px;
	}
	.familias .content-tables .content-lineas::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	}
	.familias .content-tables .content-lineas::-webkit-scrollbar-thumb {
	    /*-webkit-border-radius: 10px;
	    border-radius: 10px;*/
	    background: rgb(142, 153, 167); 
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
	}
	.familias .content-tables .content-lineas::-webkit-scrollbar-thumb:window-inactive {
		background: rgb(202, 207, 214); 
	}


/* Listado articulos */
.familias .listado-articulos {
    display: flex;
    padding: 0px;
    padding-right: 10px;
    flex-direction: column;
    font-size: 12px;
    min-height: 200px; /* Pruebas temporal */
    /* border-bottom: 1px dashed #ebf1ff; */
    border-bottom: none !important;
    padding: 1px;
    max-height: 200px;
}
    .familias .listado-articulos > div{
        display: flex;
        margin: 0px 5px;
        flex: 1;
        background: #fdfeff;
        margin: 2px 0px;
        min-height: 22px !important;
        border-bottom: 1px dashed #8f9fc3;
        color: #5b5b5c;
        max-height: 22px !important;
    }
    .familias .listado-articulos > div.active{
    	background: #c9dde1;
    	background: #f1f5fd;
    	padding: 0px 5px;
    }
    .familias .listado-articulos > div:last-child{
        border-bottom: none;
    }
        .familias .listado-articulos > div > div{
            margin: 0px 1px;
            flex: 1;
        }
        .familias .listado-articulos > div > div:nth-child(1){
            min-width: 20px;
            max-width: 20px;
            margin: 0px;
        }
        .familias .listado-articulos > div > div:nth-child(2){
            min-width: 50px;
            max-width: 50px;
        }
        .familias .listado-articulos > div > div:nth-child(3){
            min-width: 345px;
            max-width: 345px;
        }
        .familias .listado-articulos > div > div:nth-child(4){
            min-width: 60px;
            max-width: 60px;
        }
        .familias .listado-articulos > div > div:nth-child(5){
            min-width: 60px;
            max-width: 60px;
        }
        .familias .listado-articulos > div > div:nth-child(6){
            min-width: 60px;
            max-width: 60px;
        }
        .familias .listado-articulos > div > div:nth-child(7){
            min-width: 60px;
            max-width: 60px;
        }
        .familias .listado-articulos > div > div:nth-child(8){
            min-width: 60px;
            max-width: 60px;
        }
        .familias .listado-articulos > div > div:nth-child(9){
            min-width: 60px;
            max-width: 60px;
        }
        .familias .listado-articulos > div > div:nth-child(10){
            min-width: 60px;
            max-width: 60px;
        }
        .familias .listado-articulos > div > div:nth-child(11){
            min-width: 70px;
            max-width: 70px;
        }


/* Listado subfamilias */
.familias .listado-subfamilias {
    display: flex;
    padding: 0px;
    padding-right: 10px;
    flex-direction: column;
    font-size: 12px;
    min-height: 200px; /* Pruebas temporal */
    /* border-bottom: 1px dashed #ebf1ff; */
    border-bottom: none !important;
    padding: 1px;
    max-height: 200px;
}
    .familias .listado-subfamilias > div{
        display: flex;
        margin: 0px 5px;
        flex: 1;
        background: #fdfeff;
        margin: 2px 0px;
        min-height: 22px !important;
        border-bottom: 1px dashed #8f9fc3;
        color: #5b5b5c;
        max-height: 22px !important;
    }
    .familias .listado-subfamilias > div.active{
    	background: #c9dde1;
    	background: #f1f5fd;
    	padding: 0px 5px;
    }
    .familias .listado-subfamilias > div:last-child{
        border-bottom: none;
    }
        .familias .listado-subfamilias > div > div{
            margin: 0px 1px;
            flex: 1;
        }
        .familias .listado-subfamilias > div > div:nth-child(1){
            min-width: 20px;
            max-width: 20px;
            margin: 0px;
        }
        .familias .listado-subfamilias > div > div:nth-child(2){
            min-width: 50px;
            max-width: 50px;
        }
        .familias .listado-subfamilias > div > div:nth-child(3){
            min-width: 130px;
            max-width: 130px;
        }
        .familias .listado-subfamilias > div > div:nth-child(4){
            min-width: 260px;
            max-width: 260px;
        }
        .familias .listado-subfamilias > div > div:nth-child(5){
            min-width: 60px;
            max-width: 60px;
        }
        .familias .listado-subfamilias > div > div:nth-child(6){
            min-width: 60px;
            max-width: 60px;
        }
        .familias .listado-subfamilias > div > div:nth-child(7){
            min-width: 60px;
            max-width: 60px;
        }
        .familias .listado-subfamilias > div > div:nth-child(8){
            min-width: 60px;
            max-width: 60px;
        }
        .familias .listado-subfamilias > div > div:nth-child(9){
            min-width: 60px;
            max-width: 60px;
        }
        .familias .listado-subfamilias > div > div:nth-child(10){
            min-width: 60px;
            max-width: 60px;
        }
        .familias .listado-subfamilias > div > div:nth-child(11){
            min-width: 70px;
            max-width: 70px;
        }
  	 
  	 
/* Observaciones */
.familias .cabecera-observaciones {
    display: flex;
    background: #145d8905;
    color: #616162;
    font-size: 12px;
    /* border-bottom: 1px solid #3f4e62; */
    border: 1px solid #8f9fc3;
}
    .familias .cabecera-observaciones > div{
        flex:1;
        padding: 1px;
    }
    .familias .cabecera-observaciones > div:nth-child(1){
        flex:5;
        padding: 2px 5px;
    }
    .familias .cabecera-observaciones > div:nth-child(2){
        padding: 0px !important;
        margin: 0px !important;
    }
    .familias .cabecera-observaciones > div:nth-child(2) > button{
        font-size: 11px;
        color: #6c7980;
        /* border-radius: 2px; */
        padding: 1px 2px;
        background: white;
        color: #707f84;
        border: 1px solid #ebf1ff;
        /* margin: 0px !important; */
        height: 100%;
    }
    .familias .cabecera-observaciones > div:nth-child(3){
        display: flex;
        align-items: center;
    }
    	.familias .cabecera-observaciones > div:nth-child(3) > label{
			font-size: 12px;
			flex: 1;
		}
			.familias .cabecera-observaciones > div:nth-child(3) > label > input{
			}
			.familias .cabecera-observaciones > div:nth-child(3) > label > i{
				width: 15px;
				height: 15px;
				margin: 0px;
				margin-right: 5px;
			}
			.familias .cabecera-observaciones > div:nth-child(3) > label > i:before{
				top: 1px;
				left: 0px !important;
			}
    
    
/* Section linea artículos */
.familias .section-linea-articulos {
    display: flex;
    flex-direction: column;
    padding: 0px !important;
}
	.familias .section-linea-articulos > div{
	    flex:1;
	    display: flex;
	    flex-wrap: wrap;
	}
	.familias .section-linea-articulos > .cabecera{
	    margin: 0px 0px 0px 0px;
	    /* border-bottom: 1px solid; */
	    font-size: 13px;
	    text-align: center;
	}
		.familias .section-linea-articulos > .cabecera > div{
	    	flex: 1;
	    	margin: 0px 1px;
	    	/* border-bottom: 1px solid #8f9fc3; */
	    	background: #145d89;
	    	color: #fbfcfd;
	    	min-width: 60px;
	    	/* max-width: 60px; */
	 }
		
		.familias .section-linea-articulos > .cabecera > div:nth-child(1){
	    	min-width: 125px;
	    	max-width: 125px;
	    	flex: 2;
	 }
		.familias .section-linea-articulos > .cabecera > div:nth-child(2){
	    	min-width: 270px;
	    	max-width: 270px;
	    	width: 100%;
	    	flex: 3;
	  }
	  .familias .section-linea-articulos > .cabecera > div:nth-child(3){
	    	min-width: 50px;
	    	max-width: 50px;
	    	width: 100%;
	    	flex: 3;
	  }
	.familias .section-linea-articulos > .content{
		 margin: 5px 0px 5px 0px;
	}
		.familias .section-linea-articulos > .content input{
			height: 20px !important;
		}
		.familias .section-linea-articulos > .content > div{
	    	flex: 1;
	    	margin: 0px 1px;
	    	min-width: 50px;
	    	max-width: 50px;
	    	display: flex;
	    	font-size: 11px;
	  }
		
		.familias .section-linea-articulos > .content > div:nth-child(1){
	    	min-width: 125px;
	    	flex: 2;
	    	max-width: 125px;
	 }
		.familias .section-linea-articulos > .content > div:nth-child(2){
	    	min-width: 270px;
	    	flex: 3;
	    	display: flex;
	    	max-width: 270px;
	   }
	   .familias .section-linea-articulos > .content > div:nth-child(3){
	   justify-content: space-evenly;
	   }
			.familias .section-linea-articulos > .content > div:nth-child(3) > button{
				background: #6c798c;
				padding: 0px 2px;
				height: 20px;
			}
				.familias .section-linea-articulos > .content > div:nth-child(3) > button > i{
					font-size: 12px;
				}
		.familias .section-linea-articulos > .content .articulo-subtotal {
			background: white;
			border: 1px solid #dbe0e2;
			max-width: 70px;
		}
	
	 	
/* Section linea subfamilias */
.familias .section-linea-subfamilias {
    display: flex;
    flex-direction: column;
    padding: 0px !important;
}
	.familias .section-linea-subfamilias > div{
	    flex:1;
	    display: flex;
	    flex-wrap: wrap;
	}
	.familias .section-linea-subfamilias > .cabecera{
	    margin: 0px 0px 0px 0px;
	    /* border-bottom: 1px solid; */
	    font-size: 13px;
	    text-align: center;
	}
		.familias .section-linea-subfamilias > .cabecera > div{
	    	flex: 1;
	    	margin: 0px 1px;
	    	/* border-bottom: 1px solid #8f9fc3; */
	    	background: #145d89;
	    	color: #fbfcfd;
	    	min-width: 100px;
	    	max-width: 100px;
	 }
		
		.familias .section-linea-subfamilias > .cabecera > div:nth-child(1){
	    	min-width: 70px;
	    	max-width: 70px;
	    	flex: 2;
	 }
		.familias .section-linea-subfamilias > .cabecera > div:nth-child(2){
	    	min-width: 140px;
	    	max-width: 140px;
	    	width: 100%;
	    	flex: 3;
	  }
	  .familias .section-linea-subfamilias > .cabecera > div:nth-child(3){
	    	max-width: 250px;
	    	min-width: 250px;
	    	width: 100%;
	    	flex: 3;
	  }
	  .familias .section-linea-subfamilias > .cabecera > div:nth-child(4){
	    	min-width: 50px;
	    	max-width: 50px;
	    	width: 100%;
	    	flex: 3;
	  }
		 
	.familias .section-linea-subfamilias > .content{
		 margin: 5px 0px 5px 0px;
	}
		.familias .section-linea-subfamilias > .content input{
			height: 20px !important;
		}
		.familias .section-linea-subfamilias > .content > div{
	    	flex: 1;
	    	margin: 0px 1px;
	    	min-width: 60px;
	    	max-width: 60px;
	    	font-size: 11px;
	  }
		
		.familias .section-linea-subfamilias > .content > div:nth-child(1){
	    	min-width: 70px;
	    	flex: 2;
	    	max-width: 70px;
	 }
		.familias .section-linea-subfamilias > .content > div:nth-child(2){
	    	min-width: 140px;
	    	flex: 3;
	    	display: flex;
	    	max-width: 140px;
	   }
	   .familias .section-linea-subfamilias > .content > div:nth-child(3){
	    	min-width: 250px;
	    	flex: 3;
	    	display: flex;
	    	max-width: 250px;
	   }
	   .familias .section-linea-subfamilias > .content > div:nth-child(4){
	    	min-width: 50px;
	    	flex: 3;
	    	display: flex;
	    	max-width: 50px;
	    	justify-content: space-evenly;
	   }
			.familias .section-linea-subfamilias > .content > div:nth-child(4) > button{
				background: #6c798c;
				/* color: white; */
				padding: 0px 2px;
				height: 20px;
			}
				.familias .section-linea-subfamilias > .content > div:nth-child(4) > button > i{
					font-size: 12px;
				}
		.familias .section-linea-subfamilias > .content .articulo-subtotal {
			background: white;
			border: 1px solid #dbe0e2;
			max-width: 70px;
		}
		.familias .section-linea-subfamilias > .content > div:nth-child(11){
	    	max-width: 70px;
	    	min-width: 70px;
	 	}
		.familias .section-linea-subfamilias > .content > div:nth-child(12){
	    	display: flex;
	    	max-width: 50px;
	    	min-width: 50px;
	 	}	
	 
.familias .lineas-observaciones{
	
}
	.familias .lineas-observaciones > div:nth-child(1){
		margin-bottom: 10px;
	}
	
	.familias .lineas-observaciones > div:nth-child(2){
		text-align: right;
	}
	.familias .lineas-observaciones > div:nth-child(2) > button{
		height: 25px !important;
   	 	width: 85px !important;
	}
	
	
	
	.familias .definicion-familia > div:nth-child(1){
		padding-right: 10px;
	}
		.familias .definicion-familia > div:nth-child(1) .des-ampliada{
			display: flex;
    		flex-direction: row;
		}
			.familias .definicion-familia > div:nth-child(1) .des-ampliada textarea{
				border-color: #d7d8d7 !important;
			}
	.familias .definicion-familia > div:nth-child(2){
		border-left: 1px solid #e4ecf1;
		padding-left: 10px;
	}
	
	
	
	.familias-operaciones .parrafo{
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
	
	.familias-operaciones .left{
	    padding-left: 20px;
	}
	
	.familias .buttons-tab{
	    position: absolute;
	    right: 5px;
	    top: 0px;
	    z-index: 2;
	    width: fit-content !important;
	}
	


.familias .content-tables .content-lineas{
	overflow-y: unset !important;
}
	.familias .content-tables .content-lineas .grid-erp-blue,
	.familias .content-tables .content-lineas .grid-erp-blue .ui-grid-viewport{
		height: 230px !important;
	}
	.familias .content-tables .content-lineas .grid-erp-blue .ui-grid-cell{
		border-color: transparent !important;
	}
	
.familias .grid-erp-blue{
	border: none !important;
}
    .familias .ui-grid .ui-grid-contents-wrapper div ui-grid-footer .ui-grid-footer-aggregates-row {
      background: transparent !important;
      color: #94989d !important;
      border: none;
      height: 20px;
     }

     .familias .grid-erp-blue .ui-grid-footer-aggregates-row .ui-grid-footer-cell{
     	border: none !important;
     	height: 15px !important;
     	padding-left: 5px;
     }
	
@charset "UTF-8";

.comentarios-generales{
	margin: 5px;
}
	.comentarios-generales .filtros-comentarios {
	    border: 1px dashed #a6aeb2;
	    border-top: none;
	}
	    .comentarios-generales .filtros-comentarios > .cabecera{
	        background: #2e4c6c;
	        color: white;
	        padding: 1px;
	        border-left: 4px solid #ff8f29;
	        border-bottom: 1px solid #ff8f29;
	        padding-left: 5px;
	    }
	    .comentarios-generales .filtros-comentarios > .content > .bloque-column:nth-child(3){
	        margin-bottom: 10px;
	    }
	.comentarios-generales .upload-files {
	    display: flex;
	    margin-bottom: 10px;
	    margin: 10px 5px;
	}
	    .comentarios-generales .upload-files > .section-drop{
	        margin-right: 10px;
	        min-height: 100px;
	        /* text-align: center; */
	    }
	    	.comentarios-generales .upload-files > .section-drop > div{
	    		height: 100%;
	    		/* text-align: center; */
	    	}
	    		.comentarios-generales .upload-files > .section-drop > div > div{
	    			min-height: 100px;
	    			background: #155c89;
	    			color: white;
	    			/* border: 1px dashed #ffd1ae; */
	    			height: 100%;
	    			border: none !important;
	    			transition: all 0.5s ease-out;
	    			display: flex;
	    			flex-direction: column;
	    		}
	    		.comentarios-generales .upload-files > .section-drop > div > div:hover{
	    			background: #155c89ba;
	    		}
	    			.comentarios-generales .upload-files > .section-drop > div > div > label{
		    			font-size: 12px;
	   					font-style: italic;
		    		}
	
	    .comentarios-generales .upload-files > .list-files{
	        display: flex;
	        flex-direction: column;
	        border: 1px solid #ffd1ae;
	        flex: 1;
	    }
	        .comentarios-generales .upload-files > .list-files > .cabecera{
				display: flex;
				background: #ffd1ae;
				color: #2e4c6b;
				/* flex: 1; */
			}
				.comentarios-generales .upload-files > .list-files > .cabecera > div{
					margin: 0px 5px;
					flex: 1;
				}
	            .comentarios-generales .upload-files > .list-files > .cabecera > div:nth-child(1){
					flex: 5;
				}

				.comentarios-generales .upload-files > .list-files > .cabecera > div:nth-child(2){
					flex: 1;
					max-width: 70px;
					min-width: 70px;
				}
				.comentarios-generales .upload-files > .list-files > .cabecera > div:nth-child(3){
					max-width: 80px;
					min-width: 80px;
					flex: 2;
				}
				.comentarios-generales .upload-files > .list-files > .cabecera > div:nth-child(4){
					min-width: 45px;
					max-width: 45px;
					flex: 1;
				}
				.comentarios-generales .upload-files > .list-files > .cabecera > div:nth-child(5){
					min-width: 15px;
					max-width: 15px;
					flex: 1;
				}
	        .comentarios-generales .upload-files > .list-files > .content{
	
	        }
	            .comentarios-generales .upload-files > .list-files > .content > div{
					display:flex;
					border: 1px solid #cfd4db;
				}
	            .comentarios-generales .upload-files > .list-files > .content > div > div{
					margin: 0px 5px;
	            }
	            .comentarios-generales .upload-files > .list-files > .content > div > div:nth-child(1){
					flex: 5;
				}

				.comentarios-generales .upload-files > .list-files > .content > div > div:nth-child(2){
					flex: 1;
					max-width: 70px;
					min-width: 70px;
				}
				.comentarios-generales .upload-files > .list-files > .content > div > div:nth-child(3){
					max-width: 80px;
					min-width: 80px;
					flex: 2;
					/* color: blue; */
				}
					.comentarios-generales .upload-files > .list-files > .content > div > div:nth-child(3) > div{

					}
						.comentarios-generales .upload-files > .list-files > .content > div > div:nth-child(3) > div > div{
							background: #89a1bc !important;
						}
				.comentarios-generales .upload-files > .list-files > .content > div > div:nth-child(4){
					min-width: 45px;
					max-width: 45px;
					flex: 1;
				}

	.comentarios-generales .loading-page{
		height: 100% !important;
	}
	
	.comentarios-generales .selects-mail > div{
		margin-top: 5px;
	}
	
	.comentarios-generales .mantener-texto{
		padding-top: 30px;
	}
	.comentarios-generales .conservar-filtros{
		padding-top: 30px;
	}

	.comentarios-generales .sinacceso{
	display: flex;
	}
		.comentarios-generales .sinacceso > img{
		width: 100%;
		height: 100%;
		}
		
		
/* Editor */
.subir-imagen-editor{
	
}
	.subir-imagen-editor .list-files{
		display: flex;
		flex-direction: column;
	}
		.subir-imagen-editor .list-files > .cabecera{
			display: flex;
		}
		.subir-imagen-editor .list-files > .cabecera > div{
			flex: 1;
			border-bottom: 1px solid #2c4c6d;
			margin: 0px 5px;
			font-weight: bold;
			text-align: center;
		}
		.subir-imagen-editor .list-files > .content{
			display: flex;
			flex-direction: column;
		}
			.subir-imagen-editor .list-files > .content > div{
				display: flex;
				flex: 1;
				text-align: center;
			}
				.subir-imagen-editor .list-files > .content > div > *{
					flex: 1;
					margin: 0px 5px;
				}
				
				
	.comentarios-generales .subir-imagen > span:nth-child(1){
		/*background-image:url('http://tcec.aqadem.local/bower_components/ckeditor/plugins/icons.png?t=HBDD');*/
		background-image:url('/bower_components/ckeditor/plugins/icons.png?t=HBDD');
		background-position:0 -1968px;
		background-size:auto;
	}
	.comentarios-generales a.cke_button__base64image{
		display: none !important;
	}
	
	
.comentarios-generales .enviar-todos{
	margin-top: 3px !important;
}
	.comentarios-generales .enviar-todos > i{
		background-color: white !important;
		border:2px solid #2e4c6c !important;
		
	}

/** Editor **/
.comentarios-generales .cke_top {
    border-bottom: 1px solid #b6b6b6;
    padding: 6px 8px 2px;
    white-space: normal;
    box-shadow: 0 1px 0 #fff inset;
    background: #cfd1cf;
    background: #155c89;
    /*background-image: linear-gradient(to bottom,#155c89,#233e58);*/
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f5f5f5',endColorstr='#cfd1cf');
}
.comentarios-generales .cke_resizer {
    width: 0;
    height: 0;
    overflow: hidden;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 10px 10px 0 0;
    border-color: transparent #fff transparent transparent;
    border-style: dashed solid dashed dashed;
    font-size: 0;
    vertical-align: bottom;
    margin-top: 6px;
    margin-bottom: 2px;
    box-shadow: 0 1px 0 rgba(255,255,255,.3);
}
.comentarios-generales .cke_bottom {
    padding: 6px 8px 2px;
    position: relative;
    border-top: 1px solid #bfbfbf;
    box-shadow: 0 1px 0 #fff inset;
    background: #155b88;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ebebeb',endColorstr='#cfd1cf');
}





/** End editor **/
@charset "UTF-8";

.compras-facturas {
    height: 100%;
    overflow: hidden;
}

.compras-facturas input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
}

.compras-facturas label{
	font-weight: normal;
	font-family: arial;
	font-size: 11px;
	/* font-weight: 200; */
}

.compras-facturas .form-group{
	margin: 0px;
	margin-bottom: 1px;
	height: 20px;
	display: flex;
}

.compras-facturas .col-row{
	display: flex;
}

.compras-facturas .col-row-2 > *:nth-child(1) {
    margin-right: 15px;
}

.compras-facturas .col-row-3 > *:nth-child(1),
.compras-facturas .col-row-3 > *:nth-child(2) {
    margin-right: 15px;
}

.compras-facturas .col-label{
	max-width: 65px !important;
	min-width: 65px !important;
	max-height: 20px;
	overflow: hidden;
	padding: 0px;
}

.compras-facturas .col-field{
	padding: 0px;
	flex: 1;
}


.compras-facturas .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.compras-facturas .bottom > div{
    flex: 1;
    width: 100%;
    /* position: relative; */
    /* margin-top: 18%; */
    /* height: 40px; */
    /* padding: 5px 0px; */
    /* clear: both; */
    /* background: #286af0; */
    /* text-align: center; */
    /* color: #fff; */
}
.compras-facturas .row.bottom > div:nth-child(1){
	min-height: 100px;
}

.compras-facturas .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
    /* margin-top: 350px; */
}



.compras-facturas .id_cliente {
    position: absolute;
    z-index: 10;
    left: 35%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}
.compras-facturas .tipo_cliente {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}



.compras-facturas .id_factura {
    position: absolute;
    z-index: 1;
    right: 65px;
    top: 3px;
}


/* Controls */
ul.controls-erp{
	position:absolute;
	top: 5px;
	right: 20px;
	z-index: 10;
}
ul.controls-erp > li {
    list-style: none;
    /* color: blue !important; */
}

ul.controls-erp > li > a {
    color: #757575;
}

ul.controls-erp > li > ul {
    top: 25px;
    right: -15px !important;
}

.compras-facturas .buttons-articulo {
    display: flex;
    max-width: 50px;
}

.compras-facturas .buttons-articulo > button{
    background: none !important;
    border: none !important;
}
.compras-facturas .buttons-articulo > button:focus,
.compras-facturas .buttons-articulo > button:hover,
.compras-facturas .buttons-articulo > button:active{
    background: none !important;
    border: 1px solid #8f9fc3 !important;
}

/* End controls */



.compras-facturas .observaciones-options {
    display: flex;
}

.compras-facturas .observaciones-options > div{
    flex: 1;
}

.compras-facturas .observaciones-options > div > button{
    border: none;
    font-size: 12px;
    background: #f4f5f6;
}

/* ui select */

.compras-facturas .ui-select-bootstrap > .ui-select-match .ui-select-toggle > span:nth-of-type(2) > a {
    position: absolute;
    right: 5px !important;
    top: 0px !important;
    font-size: 10px;
    padding: 0px;
    color: #bfc7cb;
    margin: 0px 2px;
}

.compras-facturas .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 100%;
}

.compras-facturas .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
	margin: 0px !important;
	/* padding: 0px; */
	padding: 0px !important;
	position: absolute;
	top: 2px;
	height: 15px;
	overflow-y: hidden;
}

.compras-facturas .ui-select-erp > div > span > span > span{/* width: 100%; *//* overflow-y: hidden; */}

.compras-facturas .ui-select-erp input:focus,
.compras-facturas .ui-select-erp input:focus:hover,
.compras-facturas .ui-select-erp input:hover,
.compras-facturas .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
	/* width: 100%; */
	/* width: 45px; */
}

.compras-facturas .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.compras-facturas .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.compras-facturas .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}

/*.ui-select-erp > *:nth-child(1) > *:nth-child(1) > *:nth-child(2){
	width: 80% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}*/


/* end ui select */


/* Tables */
.compras-facturas .text-concat{
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.compras-facturas #table_articulos tbody > tr {
    border-bottom: 1px solid blue;
    font-size: 12px;
}

.compras-facturas #table_articulos tbody > tr.active {
    color: #757575;
    background: #8e99a7 !important;
}

.compras-facturas #table_articulos tbody > tr > td:nth-child(3){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.compras-facturas #table_articulos tbody > tr > td:nth-child(4){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}
/* End tables */



/* End tabs */


/* Tile */
.compras-facturas .tile{
	height: 100%;
}

.compras-facturas .tile.tile-widget {
    padding: 10px;
}
	.compras-facturas .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.compras-facturas .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.compras-facturas .tile .tile-header.dvd .controls > li.controls-editar,
		.compras-facturas .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.compras-facturas .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.compras-facturas .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.compras-facturas .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.compras-facturas .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.compras-facturas .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.compras-facturas .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.compras-facturas .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.compras-facturas .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.compras-facturas .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.3;
}


.compras-facturas label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* controls */
.compras-facturas ul.controls-erp{
	position:absolute;
	top: 2px;
	right: 20px;
	z-index: 1;
	width: auto !important;
}
	.compras-facturas ul.controls-erp > li {
		list-style: none;
	}
		.compras-facturas ul.controls-erp > li > a {
			color: #eaedf3;
		}
		.compras-facturas ul.controls-erp > li > ul {
			top: 25px;
			right: -15px !important;
		}


/* Modificaciones */
    .compras-facturas .row.nserie{
    }
    
    
    
    .compras-facturas .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .compras-facturas .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .compras-facturas .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .compras-facturas .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .compras-facturas .row.urow3 > div:nth-child(3){
		margin: 0px !important;
    	padding-left: 0px !important;
		}
    .compras-facturas .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.compras-facturas .autowidth > input{
		width: 100% !important;
	}
	
    .compras-facturas .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.compras-facturas .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px !important;
	}
	
	.compras-facturas .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 400px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.compras-facturas .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .compras-facturas .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.compras-facturas .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .compras-facturas .tile .tile-header-erp .controls{

	    }
	    .compras-facturas .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .compras-facturas .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .compras-facturas .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .compras-facturas .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .compras-facturas .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .compras-facturas .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .compras-facturas .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .compras-facturas .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .compras-facturas .table-custom-inline .tr_custom_erp > td{
      
    }
    .compras-facturas .table-custom-inline .tr_custom_erp > td:nth-child(1){
    	min-width: 20px;
    	max-width: 20px;
    }
    .compras-facturas .table-custom-inline .tr_custom_erp > td:nth-child(2){
    	min-width: 180px;
    	max-width: 180px;
    }
    .compras-facturas .table-custom-inline .tr_custom_erp > td:nth-child(3){
    	min-width: 300px;
    }
    .compras-facturas .table-custom-inline .tr_custom_erp > td:nth-child(4){
    	min-width: 50px;
    	max-width: 50px;
    }
    .compras-facturas .table-custom-inline .tr_custom_erp > td:nth-child(5){
		min-width: 75px;
		max-width: 75px;
		}
    .compras-facturas .table-custom-inline .tr_custom_erp > td:nth-child(6){
		min-width: 55px;
		max-width: 55px;
    }
    .compras-facturas .table-custom-inline .tr_custom_erp > td:nth-child(7){
		min-width: 55px;
		max-width: 55px;
    }
    .compras-facturas .table-custom-inline .tr_custom_erp > td:nth-child(8){
		min-width: 55px;
		max-width: 55px;
    }
    .compras-facturas .table-custom-inline .tr_custom_erp > td:nth-child(9){
		min-width: 55px;
		max-width: 55px;
    }
    .compras-facturas .table-custom-inline .tr_custom_erp > td:nth-child(10){
		min-width: 50px;
		max-width: 50px;
    }
    
    .compras-facturas .table-custom-inline .tr_custom_erp > td:nth-child(11){
    	min-width: 70px;
    	max-width: 70px;
    }
    .compras-facturas .table-custom-inline .tr_custom_erp > td:nth-child(11) > a > i{
      font-size: 20px;
    }

    .compras-facturas .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .compras-facturas .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .compras-facturas .row.row-erp{
     padding:15px !important;
   }
	   .compras-facturas .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		   flex: 1;
		  }
		 .compras-facturas .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .compras-facturas .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.compras-facturas .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.compras-facturas .doc-span > i{
		font-size: 10px;
	}
	.compras-facturas .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.compras-facturas .doc-span:visited{
		color: #dbe0e2;
	}
	
   
   /* Tile custom */
   .compras-facturas .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   

   .compras-facturas .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .compras-facturas .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.compras-facturas .tile-table-erp div table thead{
		border-bottom: 3px solid #757575;
	}

	.compras-facturas .tile-table-erp div table thead tr {

	}
	
	.compras-facturas .tile-table-erp div table thead tr th{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
	}


	.compras-facturas .tile-table-erp div table tbody tr td{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
		text-align: center;
	}
   
   
   /* End */
   
   
   /* Almacen */
   .compras-facturas .almacen-display{
   		display: flex;
    	justify-content: space-around;
    	align-items: center;
   }
   
   /*.almacen-display > .alternate-display-erp{
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(1){
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(2){
   		visibility: hidden;
   }*/
   
   .compras-facturas .almacen-display > .alternate-display-erp{
   		display: flex;
   		align-items: center;
   }
   .compras-facturas .almacen-display > .alternate-display-erp > .select-convert{
   		
   }
   
   .compras-facturas .almacen-display > .alternate-display-erp > .select-convert > *{
   		background: white !important;
   		box-shadow: none !important;
   }
   
   .compras-facturas .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1){
   		border: 0px !important;
	    margin-top: 5px !important;
	    color: #3f4e62;
   }
   
   .compras-facturas .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > span:nth-child(2) > a{ 
   		display: none !important;
   }
   
   .compras-facturas .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > i{
   		display:none !important;
   }
   /* */
   
	
	
	.compras-facturas .dadarticulo.over {
	  //border: 2px dashed #000;
	}   
   
    /* Placeholder drag and drop */
    .compras-facturas .sortable-placeholder{
      	width: auto;
	    height: 20px !important;
	    background: #3f4e62;
    }
    

    .compras-facturas .anchofull {
        width: auto !important;
    	min-width: 100% !important;
    }

    
    /* Cargando articulos */
    .compras-facturas .cargando_tabla.ng-scope {text-align: center;opacity: 0.2;}

    .compras-facturas .cargando_tabla.ng-scope > i {
        font-size: 180px;
    }
   
  /* end */
  
  


	.compras-facturas .idcomprafactura {
		position: absolute;
		left: 75%;
		z-index: 1;
		top: 3px;
		width: max-content !important;
		font-size: 12px;
		font-family: tahoma;
		color: white;
	}
	
	
	.compras-facturas .idcliente {
	    position: absolute;
	    z-index: 1;
	    right: 100px;
	    top: 3px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}

	.compras-facturas .tipocliente {
	    position: absolute;
	    z-index: 1;
	    right: 300px;
	    top: 3px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}


	.compras-facturas .validar-factura {
		position: absolute;
		top: 0px;
		right: 43px;
		width: 20px;
		height: 20px;
		background: #95c89a;
		border-radius: 0px;
		border: none;
	}
		.compras-facturas .validar-factura > i{
			position: absolute;
			top: 3px;
			right: 2px;
			color: white;
		}
	
	.compras-facturas .input-yellow {
	    background: #f1f1b3;
	    border: 1px solid #cdd3d8;
	}
	
	
	.compras-facturas .tab-general {
	    display: flex;
	    flex-direction: column;
	}
	    .compras-facturas .tab-general .fila{
	        display: flex;
	        flex: 1;
	    }
	        .compras-facturas .tab-general .fila .item-2{
	            display: flex;
	         	width: 100%;
	        }
	        .compras-facturas .tab-general .fila .item-2:nth-child(1){
	           min-width: 100%;
	           max-width: 100%;
	        }
	         .compras-facturas .tab-general .fila .item-2:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
	        .compras-facturas .tab-general .fila .item-2:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.compras-facturas .tab-general .fila .item-2 > div{
					flex: 1;
					/* height: 20px; */
					/* margin-bottom: 1px; */
				}
				.compras-facturas .tab-general .fila .item-2 > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.compras-facturas .tab-general .fila .item-2 > div:nth-child(2){
					min-width: 100px;
					max-width: 100px;
				}
				.compras-facturas .tab-general .fila .item-2 > div:nth-child(3){
				}
					.compras-facturas .tab-general .fila .item-2 > div:nth-child(3) > input{
						width: 100%;
						background: #f4f4f4;
					}


	.compras-facturas .tab-clientes {
	    display: flex;
	    flex-direction: column;
	}
	    .compras-facturas .tab-clientes .fila-2{
	        display: flex;
	        flex: 1;
	    }
	        .compras-facturas .tab-clientes .fila-2 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .compras-facturas .tab-clientes .fila-2 .item:nth-child(1){
	           min-width: 60%;
	           max-width: 60%;
	        }
	         .compras-facturas .tab-clientes .fila-2 .item:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.compras-facturas .tab-clientes .fila-2 .item > div{
					flex: 1;
				}
				.compras-facturas .tab-clientes .fila-2 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.compras-facturas .tab-clientes .fila-2 .item > div:nth-child(2){
			
				}
		.compras-facturas .tab-clientes .fila-3{
	        display: flex;
	        flex: 1;
	    }
	        .compras-facturas .tab-clientes .fila-3 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .compras-facturas .tab-clientes .fila-3 .item:nth-child(1){
	           min-width: 30%;
	           max-width: 30%;
	        }
	         .compras-facturas .tab-clientes .fila-3 .item:nth-child(2){
	           min-width: 29%;
	           max-width: 29%;
	           margin: 0px 5px;
	        }
	        .compras-facturas .tab-clientes .fila-3 .item:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	        }
				.compras-facturas .tab-clientes .fila-3 .item > div{
					flex: 1;
				}
				.compras-facturas .tab-clientes .fila-3 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.compras-facturas .tab-clientes .fila-3 .item > div:nth-child(2){
			
				}

	
	
	/* tables */
 	.compras-facturas .content-tables {
    	display: flex;
    	/* RESOLUCIÓN IPAD: 1536 x 2048 */
	}
	    .compras-facturas .content-tables > div{
	        flex: 1;
	        margin: 0px 5px;
	        min-width: 350px
	    }
	    .compras-facturas .content-tables > div:nth-child(1){
	        
	    }
	    .compras-facturas .content-tables > div:nth-child(2){
	       
	    }

	    
/* Media queries */
@media (min-width: 1024px) and (max-width: 1024px){
	.compras-facturas .top1{
		display: none;
	}
}


/* GRID (RESUMEN) */
.compras-facturas-resumen .ui-grid-header-canvas{
	width: 100% !important;
}
.compras-facturas-resumen .ui-grid-header-cell-wrapper{
	width: 100%;
}
.compras-facturas-resumen .ui-grid-header-cell-row {
	width: 100%;
}
.compras-facturas-resumen .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.compras-facturas-resumen .ui-grid-header-cell-row > div:nth-child(1){
    width: 4%;
}
.compras-facturas-resumen .ui-grid-header-cell-row > div:nth-child(2){
     width: 11%;
}
.compras-facturas-resumen .ui-grid-header-cell-row > div:nth-child(3){
     width: 31%;
}
.compras-facturas-resumen .ui-grid-header-cell-row > div:nth-child(4){
     width: 9%;
}
.compras-facturas-resumen .ui-grid-header-cell-row > div:nth-child(5){
     width: 9%;
}
.compras-facturas-resumen .ui-grid-header-cell-row > div:nth-child(6){
     width: 9%;
}
.compras-facturas-resumen .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 9%;
}
.compras-facturas-resumen .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 9%;
}
.compras-facturas-resumen .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 9%;
}

.compras-facturas-resumen .ui-grid-canvas{
	width: 100% !important;
}
.compras-facturas-resumen .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.compras-facturas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 4%;
}
.compras-facturas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 11%;
}
.compras-facturas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 31%;
}
.compras-facturas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 9%;
}
.compras-facturas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 9%;
}
.compras-facturas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 9%;
}
.compras-facturas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 9%;
}
.compras-facturas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 9%;
}
.compras-facturas-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 9%;
}


.compras-facturas-resumen .ui-grid-footer-canvas{
	width: 100% !important;
}
.compras-facturas-resumen .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.compras-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.compras-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 4%;
}
.compras-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 11%;
}
.compras-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 31%;
}
.compras-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 9%;
}
.compras-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 9%;
}
.compras-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 9%;
}
.compras-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 9%;
}
.compras-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 9%;
}
.compras-facturas-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 9%;
}

@charset "UTF-8";

.compras-facturas-copiar .tile .tile-header {
    padding: 0px;
    background: none !important;
    color: #3f4e62 !important;
    font-family: "Dosis", "Arial", sans-serif !important;
    font-weight: normal !important;
    font-size: 12px !important;
    border-bottom: 1px solid #3f4e62;
}


/* Tile */
.compras-facturas-copiar .tile{
	height: 100%;
}

.compras-facturas-copiar .tile.tile-widget {
    padding: 10px;
}
	.compras-facturas-copiar .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.compras-facturas-copiar .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.compras-facturas-copiar .tile .tile-header.dvd .controls > li.controls-editar,
		.compras-facturas-copiar .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.compras-facturas-copiar .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.compras-facturas-copiar .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.compras-facturas-copiar .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.compras-facturas-copiar .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.compras-facturas-copiar .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.compras-facturas-copiar .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.compras-facturas-copiar .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.compras-facturas-copiar .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}
	
		.compras-facturas-copiar .fila {
    display: flex !important;
    flex: 1 !important;
    height: 25px !important
}

.compras-facturas-copiar .item-3{
	display: flex !important;
    width: 33%;
}

.compras-facturas-copiar .item-2_3{
	display: flex !important;
    width: 66%;
}

.compras-facturas-copiar .item-1_2{
	display: flex !important;
    width: 50%;
}

.compras-facturas-copiar input {
    font-size: 11px;
    font-family: tahoma;
    height: 20px !important;
    color: #67747c;
    text-align: right;
    padding-right: 3px;
}

.compras-facturas-copiar .fecha-erp > span > span > button {
    height: 20px !important;
}

.compras-facturas-copiar .col-label {
    max-width: 85px !important;
    min-width: 85px !important;
    max-height: 20px !important;
    padding-left: 10px;
}

.compras-facturas-copiar .check {
    padding-left: 30px;
}
@charset "UTF-8";

.ventas-pedidos {
    height: 100%;
    overflow: hidden;
}

.ventas-pedidos input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
}

.ventas-pedidos label{
	font-weight: normal;
	font-family: arial;
	font-size: 11px;
	/* font-weight: 200; */
}

.ventas-pedidos .form-group{
	margin: 0px;
	margin-bottom: 1px;
	height: 20px;
	display: flex;
}

.ventas-pedidos .col-row{
	display: flex;
}

.ventas-pedidos .col-row-2 > *:nth-child(1) {
    margin-right: 15px;
}

.ventas-pedidos .col-row-3 > *:nth-child(1),
.ventas-pedidos .col-row-3 > *:nth-child(2) {
    margin-right: 15px;
}

.ventas-pedidos .col-label{
	max-width: 65px !important;
	min-width: 65px !important;
	max-height: 20px;
	overflow: hidden;
	padding: 0px;
}

.ventas-pedidos .col-field{
	padding: 0px;
	flex: 1;
}


.ventas-pedidos .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.ventas-pedidos .bottom > div{
    flex: 1;
    width: 100%;
    /* position: relative; */
    /* margin-top: 18%; */
    /* height: 40px; */
    /* padding: 5px 0px; */
    /* clear: both; */
    /* background: #286af0; */
    /* text-align: center; */
    /* color: #fff; */
}
.ventas-pedidos .row.bottom > div:nth-child(1){
	min-height: 100px;
}

.ventas-pedidos .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
    /* margin-top: 350px; */
}



.ventas-pedidos .id_cliente {
    position: absolute;
    z-index: 10;
    left: 35%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}
.ventas-pedidos .tipo_cliente {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}



.ventas-pedidos .id_pedido {
    position: absolute;
    z-index: 1;
    right: 65px;
    top: 3px;
}


/* Controls */
ul.controls-erp{
	position:absolute;
	top: 5px;
	right: 20px;
	z-index: 10;
}
ul.controls-erp > li {
    list-style: none;
    /* color: blue !important; */
}

ul.controls-erp > li > a {
    color: #757575;
}

ul.controls-erp > li > ul {
    top: 25px;
    right: -15px !important;
}

.ventas-pedidos .buttons-articulo {
    display: flex;
    max-width: 50px;
}

.ventas-pedidos .buttons-articulo > button{
    background: none !important;
    border: none !important;
}
.ventas-pedidos .buttons-articulo > button:focus,
.ventas-pedidos .buttons-articulo > button:hover,
.ventas-pedidos .buttons-articulo > button:active{
    background: none !important;
    border: 1px solid #8f9fc3 !important;
}

/* End controls */



.ventas-pedidos .observaciones-options {
    display: flex;
}

.ventas-pedidos .observaciones-options > div{
    flex: 1;
}

.ventas-pedidos .observaciones-options > div > button{
    border: none;
    font-size: 12px;
    background: #f4f5f6;
}

/* ui select */

.ventas-pedidos .ui-select-bootstrap > .ui-select-match .ui-select-toggle > span:nth-of-type(2) > a {
    position: absolute;
    right: 5px !important;
    top: 0px !important;
    font-size: 10px;
    padding: 0px;
    color: #bfc7cb;
    margin: 0px 2px;
}

.ventas-pedidos .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 100%;
}

.ventas-pedidos .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
	margin: 0px !important;
	/* padding: 0px; */
	padding: 0px !important;
	position: absolute;
	top: 2px;
	height: 15px;
	overflow-y: hidden;
}

.ventas-pedidos .ui-select-erp > div > span > span > span{/* width: 100%; *//* overflow-y: hidden; */}

.ventas-pedidos .ui-select-erp input:focus,
.ventas-pedidos .ui-select-erp input:focus:hover,
.ventas-pedidos .ui-select-erp input:hover,
.ventas-pedidos .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
	/* width: 100%; */
	/* width: 45px; */
}

.ventas-pedidos .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.ventas-pedidos .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.ventas-pedidos .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}

/*.ui-select-erp > *:nth-child(1) > *:nth-child(1) > *:nth-child(2){
	width: 80% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}*/


/* end ui select */


/* Tables */
.ventas-pedidos .text-concat{
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.ventas-pedidos #table_articulos tbody > tr {
    border-bottom: 1px solid blue;
    font-size: 12px;
}

.ventas-pedidos #table_articulos tbody > tr.active {
    color: #757575;
    background: #8e99a7 !important;
}

.ventas-pedidos #table_articulos tbody > tr > td:nth-child(3){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.ventas-pedidos #table_articulos tbody > tr > td:nth-child(4){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}
/* End tables */



/* End tabs */


/* Tile */
.ventas-pedidos .tile{
	height: 100%;
}

.ventas-pedidos .tile.tile-widget {
    padding: 10px;
}
	.ventas-pedidos .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.ventas-pedidos .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.ventas-pedidos .tile .tile-header.dvd .controls > li.controls-editar,
		.ventas-pedidos .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.ventas-pedidos .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.ventas-pedidos .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.ventas-pedidos .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.ventas-pedidos .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.ventas-pedidos .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.ventas-pedidos .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.ventas-pedidos .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.ventas-pedidos .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.ventas-pedidos .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.3;
}


.ventas-pedidos label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* controls */
.ventas-pedidos ul.controls-erp{
	position:absolute;
	top: 2px;
	right: 6px;
	z-index: 1;
	width: auto !important;
}

	.ventas-pedidos ul.controls-erp > li {
		list-style: none;
	}
		.ventas-pedidos ul.controls-erp > li > a {
			color: #eaedf3;
		}
		.ventas-pedidos ul.controls-erp > li > ul {
			top: 25px;
			right: -15px !important;
		}
		
.ventas-pedidos ul.controls-erp.long-head{
	top: 20px !important;
	right: 5px !important;
}
	.ventas-pedidos ul.controls-erp.long-head > li > a{
		color: #2d4c6d !important;
	}


/* Modificaciones */
    .ventas-pedidos .row.nserie{
    }
    
    
    
    .ventas-pedidos .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .ventas-pedidos .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .ventas-pedidos .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .ventas-pedidos .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .ventas-pedidos .row.urow3 > div:nth-child(3){
		margin: 0px !important;
    	padding-left: 0px !important;
		}
    .ventas-pedidos .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.ventas-pedidos .autowidth > input{
		width: 100% !important;
	}
	
    .ventas-pedidos .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.ventas-pedidos .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px !important;
	}
	
	.ventas-pedidos .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 400px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.ventas-pedidos .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .ventas-pedidos .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.ventas-pedidos .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .ventas-pedidos .tile .tile-header-erp .controls{

	    }
	    .ventas-pedidos .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .ventas-pedidos .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .ventas-pedidos .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .ventas-pedidos .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .ventas-pedidos .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .ventas-pedidos .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .ventas-pedidos .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .ventas-pedidos .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .ventas-pedidos .table-custom-inline .tr_custom_erp > td{
      
    }
    .ventas-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(1){
    	min-width: 20px;
    	max-width: 20px;
    }
    .ventas-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(2){
    	min-width: 180px;
    	max-width: 180px;
    }
    .ventas-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(3){
    	min-width: 300px;
    }
    .ventas-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(4){
    	min-width: 50px;
    	max-width: 50px;
    }
    .ventas-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(5){
		min-width: 75px;
		max-width: 75px;
		}
    .ventas-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(6){
		min-width: 55px;
		max-width: 55px;
    }
    .ventas-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(7){
		min-width: 55px;
		max-width: 55px;
    }
    .ventas-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(8){
		min-width: 55px;
		max-width: 55px;
    }
    .ventas-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(9){
		min-width: 55px;
		max-width: 55px;
    }
    .ventas-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(10){
		min-width: 50px;
		max-width: 50px;
    }
    
    .ventas-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(11){
    	min-width: 70px;
    	max-width: 70px;
    }
    .ventas-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(11) > a > i{
      font-size: 20px;
    }

    .ventas-pedidos .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .ventas-pedidos .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .ventas-pedidos .row.row-erp{
     padding:15px !important;
   }
	   .ventas-pedidos .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		   flex: 1;
		  }
		 .ventas-pedidos .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .ventas-pedidos .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.ventas-pedidos .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.ventas-pedidos .doc-span > i{
		font-size: 10px;
	}
	.ventas-pedidos .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.ventas-pedidos .doc-span:visited{
		color: #dbe0e2;
	}
	
   
   /* Tile custom */
   .ventas-pedidos .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   

   .ventas-pedidos .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .ventas-pedidos .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.ventas-pedidos .tile-table-erp div table thead{
		border-bottom: 3px solid #757575;
	}

	.ventas-pedidos .tile-table-erp div table thead tr {

	}
	
	.ventas-pedidos .tile-table-erp div table thead tr th{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
	}


	.ventas-pedidos .tile-table-erp div table tbody tr td{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
		text-align: center;
	}
   
   
   /* End */
   
   
   /* Almacen */
   .ventas-pedidos .almacen-display{
   		display: flex;
    	justify-content: space-around;
    	align-items: center;
   }
   
   /*.almacen-display > .alternate-display-erp{
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(1){
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(2){
   		visibility: hidden;
   }*/
   
   .ventas-pedidos .almacen-display > .alternate-display-erp{
   		display: flex;
   		align-items: center;
   }
   .ventas-pedidos .almacen-display > .alternate-display-erp > .select-convert{
   		
   }
   
   .ventas-pedidos .almacen-display > .alternate-display-erp > .select-convert > *{
   		background: white !important;
   		box-shadow: none !important;
   }
   
   .ventas-pedidos .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1){
   		border: 0px !important;
	    margin-top: 5px !important;
	    color: #3f4e62;
   }
   
   .ventas-pedidos .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > span:nth-child(2) > a{ 
   		display: none !important;
   }
   
   .ventas-pedidos .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > i{
   		display:none !important;
   }
   /* */
   
	
	
	.ventas-pedidos .dadarticulo.over {
	  //border: 2px dashed #000;
	}   
   
    /* Placeholder drag and drop */
    .ventas-pedidos .sortable-placeholder{
      	width: auto;
	    height: 20px !important;
	    background: #3f4e62;
    }
    

    .ventas-pedidos .anchofull {
        width: auto !important;
    	min-width: 100% !important;
    }

    
    /* Cargando articulos */
    .ventas-pedidos .cargando_tabla.ng-scope {text-align: center;opacity: 0.2;}

    .ventas-pedidos .cargando_tabla.ng-scope > i {
        font-size: 180px;
    }
   
  /* end */
  
  


	.ventas-pedidos .idventapedido {
		position: absolute;
		left: 85%;
		z-index: 1;
		width: max-content !important;
		top: 21px;
		font-size: 11px;
		font-family: tahoma;
		color: rgb(45, 76, 109);
	}
	
	
	.ventas-pedidos .idcliente {
	    position: absolute;
	    z-index: 1;
	    right: 100px;
	    top: 3px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}

	.ventas-pedidos .tipocliente {
	    position: absolute;
	    z-index: 1;
	    right: 300px;
	    top: 3px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}


	.ventas-pedidos button.validar-pedido {
		position: relative;
		top: 0px;
		right: 0px;
		width: 20px !important;
		height: 20px;
		background: #95c89a;
		border-radius: 0px;
		border: none;
		/* z-index: 99999; */
	}
		.ventas-pedidos .validar-pedido > i{
			position: absolute;
			top: 3px;
			right: 2px;
			color: white;
		}
	
		.ventas-pedidos .validar-pedido:focus{
			border: 0 !important;
		}
		.ventas-pedidos .validar-pedido:active{
			transform: scale(0.9, 0.9);
		}
		.ventas-pedidos .validar-pedido:disabled:active i{
			transform: scale(1, 1);
		}
	
	.ventas-pedidos .input-yellow {
	    background: #f1f1b3;
	    border: 1px solid #cdd3d8;
	}
	
	
	.ventas-pedidos .tab-general {
	    display: flex;
	    flex-direction: column;
	}
	    .ventas-pedidos .tab-general .fila{
	        display: flex;
	        flex: 1;
	    }
	        .ventas-pedidos .tab-general .fila .item-2{
	            display: flex;
	         	width: 100%;
	        }
	        .ventas-pedidos .tab-general .fila .item-2:nth-child(1){
	           min-width: 100%;
	           max-width: 100%;
	        }
	         .ventas-pedidos .tab-general .fila .item-2:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
	        .ventas-pedidos .tab-general .fila .item-2:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.ventas-pedidos .tab-general .fila .item-2 > div{
					flex: 1;
					/* height: 20px; */
					/* margin-bottom: 1px; */
				}
				.ventas-pedidos .tab-general .fila .item-2 > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.ventas-pedidos .tab-general .fila .item-2 > div:nth-child(2){
					min-width: 100px;
					max-width: 100px;
				}
				.ventas-pedidos .tab-general .fila .item-2 > div:nth-child(3){
				}
					.ventas-pedidos .tab-general .fila .item-2 > div:nth-child(3) > input{
						width: 100%;
						background: #f4f4f4;
					}


	.ventas-pedidos .tab-clientes {
	    display: flex;
	    flex-direction: column;
	}
	    .ventas-pedidos .tab-clientes .fila-2{
	        display: flex;
	        flex: 1;
	    }
	        .ventas-pedidos .tab-clientes .fila-2 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .ventas-pedidos .tab-clientes .fila-2 .item:nth-child(1){
	           min-width: 60%;
	           max-width: 60%;
	        }
	         .ventas-pedidos .tab-clientes .fila-2 .item:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.ventas-pedidos .tab-clientes .fila-2 .item > div{
					flex: 1;
				}
				.ventas-pedidos .tab-clientes .fila-2 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.ventas-pedidos .tab-clientes .fila-2 .item > div:nth-child(2){
			
				}
		.ventas-pedidos .tab-clientes .fila-3{
	        display: flex;
	        flex: 1;
	    }
	        .ventas-pedidos .tab-clientes .fila-3 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .ventas-pedidos .tab-clientes .fila-3 .item:nth-child(1){
	           min-width: 30%;
	           max-width: 30%;
	        }
	         .ventas-pedidos .tab-clientes .fila-3 .item:nth-child(2){
	           min-width: 29%;
	           max-width: 29%;
	           margin: 0px 5px;
	        }
	        .ventas-pedidos .tab-clientes .fila-3 .item:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	        }
				.ventas-pedidos .tab-clientes .fila-3 .item > div{
					flex: 1;
				}
				.ventas-pedidos .tab-clientes .fila-3 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.ventas-pedidos .tab-clientes .fila-3 .item > div:nth-child(2){
			
				}

	
	
	/* tables */
 	.ventas-pedidos .content-tables {
    	display: flex;
    	/* RESOLUCIÓN IPAD: 1536 x 2048 */
	}
	    .ventas-pedidos .content-tables > div{
	        flex: 1;
	        margin: 0px 5px;
	        min-width: 350px
	    }
	    .ventas-pedidos .content-tables > div:nth-child(1){
	        
	    }
	    .ventas-pedidos .content-tables > div:nth-child(2){
	       
	    }

	    
/* Media queries */
@media (min-width: 1024px) and (max-width: 1024px){
	.ventas-pedidos .top1{
		display: none;
	}
}


/* GRID (RESUMEN) */
.ventas-pedidos-resumen .ui-grid-header-canvas{
	width: 100% !important;
}
.ventas-pedidos-resumen .ui-grid-header-cell-wrapper{
	width: 100%;
}
.ventas-pedidos-resumen .ui-grid-header-cell-row {
	width: 100%;
}
.ventas-pedidos-resumen .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.ventas-pedidos-resumen .ui-grid-header-cell-row > div:nth-child(1){
    width: 7%;
}
.ventas-pedidos-resumen .ui-grid-header-cell-row > div:nth-child(2){
     width: 10%;
}
.ventas-pedidos-resumen .ui-grid-header-cell-row > div:nth-child(3){
     width: 28%;
}
.ventas-pedidos-resumen .ui-grid-header-cell-row > div:nth-child(4){
     width: 10%;
}
.ventas-pedidos-resumen .ui-grid-header-cell-row > div:nth-child(5){
     width: 9%;
}
.ventas-pedidos-resumen .ui-grid-header-cell-row > div:nth-child(6){
     width: 6%;
}
.ventas-pedidos-resumen .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 6%;
}
.ventas-pedidos-resumen .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 6%;
}
.ventas-pedidos-resumen .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 6%;
}
.ventas-pedidos-resumen .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 6%;
}
.ventas-pedidos-resumen .ui-grid-header-cell-row > div:nth-child(11){ 
    width: 6%;
}

.ventas-pedidos-resumen .ui-grid-canvas{
	width: 100% !important;
}
.ventas-pedidos-resumen .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.ventas-pedidos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 7%;
}
.ventas-pedidos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 10%;
}
.ventas-pedidos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 28%;
}
.ventas-pedidos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 10%;
}
.ventas-pedidos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 9%;
}
.ventas-pedidos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 6%;
}
.ventas-pedidos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 6%;
}
.ventas-pedidos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 6%;
}
.ventas-pedidos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 6%;
}
.ventas-pedidos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 6%;
}
.ventas-pedidos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(11){
	width: 6%;
}


.ventas-pedidos-resumen .ui-grid-footer-canvas{
	width: 100% !important;
}
.ventas-pedidos-resumen .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.ventas-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.ventas-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 7%;
}
.ventas-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 10%;
}
.ventas-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 28%;
}
.ventas-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 10%;
}
.ventas-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 9%;
}
.ventas-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 6%;
}
.ventas-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 6%;
}
.ventas-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 6%;
}
.ventas-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 6%;
}
.ventas-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 6%;
}
.ventas-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(11){
	width: 6%;
}

/* RESUMEN FILTROS */
.ventas-pedidos-resumen .item-boton{
	text-align: right;
}
.ventas-pedidos-resumen .label-resumen{
	min-width: 60px;
	font-size: 12px;
}
	.ventas-pedidos-resumen .label-resumen > label{

	}
	.ventas-pedidos-resumen .field{
		margin: 0px 2px;
	}


/* Section linea */
.ventas-pedidos .section-linea {
    display: flex;
    flex-direction: column;
    padding: 0px !important;
    margin-top: 5px;
}
	.ventas-pedidos .section-linea > div{
	    flex:1;
	    display: flex;
	    flex-wrap: wrap;
	}
	.ventas-pedidos .section-linea > .cabecera{
	    margin: 0px 0px 10px 0px;
	    /* border-bottom: 1px solid; */
	    font-size: 13px;
	    text-align: center;
	}
		.ventas-pedidos .section-linea > .cabecera > div{
	    	/*flex: 1;*/
	    	margin: 0px 1px;
	    	border-bottom: 1px solid #8f9fc3;
	    	background: #145d89;
	    	color: #fbfcfd;
	    	/*min-width: 60px;
	    	max-width: 60px;*/
	    	width: 6%;
	 }
		.ventas-pedidos .section-linea > .cabecera > div:nth-child(1){
	    	/*max-width: 27px;
	    	min-width: 27px;*/
	    	width: 4%;
	 }
		.ventas-pedidos .section-linea > .cabecera > div:nth-child(2){
	    	/*min-width: 100px;
	    	max-width: 125px;*/
	    	width: 11%;
	    	/*flex: 2;*/
	 }
		.ventas-pedidos .section-linea > .cabecera > div:nth-child(3){
	    	/*min-width: 135px;
	    	max-width: 355px;*/
	    	width: 30%;
	    	/*flex: 3;*/
	  }
	  	.ventas-pedidos .section-linea > .cabecera > div:nth-child(10){
				width: 4%;
		}
		.ventas-pedidos .section-linea > .cabecera > div:nth-child(11){
				/*max-width: 50px;
				min-width: 50px;*/
				width: 6%;
		}
		.ventas-pedidos .section-linea > .cabecera > div:nth-child(12){
				display: flex;
				/*max-width: 50px;*/
				width: 6%;
				border-bottom: none;
		}
	.ventas-pedidos .section-linea > .content{
		 margin: 0px 0px 10px 0px;
		 height: 22px;
	}
		.ventas-pedidos .section-linea > .content > div{
	    	/*flex: 1;*/
	    	margin: 0px 1px;
	    	/*min-width: 60px;
	    	max-width: 60px;*/
	    	width: 6%;
	  }
		.ventas-pedidos .section-linea > .content > div:nth-child(1){
	    	/*max-width: 27px;
	    	min-width: 27px;*/
	    	width: 4%;
	    	font-size: 12px;
	    	text-align: center;
	    	padding-top: 1px;
	 }
		.ventas-pedidos .section-linea > .content > div:nth-child(2){
	    	/*min-width: 100px;
	    	max-width: 125px;*/
	    	width: 11%;
	    	/*flex: 2;*/
	 }
		.ventas-pedidos .section-linea > .content > div:nth-child(3){
	    	/*flex: 3;*/
	    	display: flex;
	    	/*min-width: 135px;
	    	max-width: 355px;*/
	    	width: 30%;
	   }
			.ventas-pedidos .section-linea > .content > div:nth-child(3) > span{
				background: #6c798c;
				color: white;
				padding: 0px 2px;
				height: 20px;
			}
				.ventas-pedidos .section-linea > .content > div:nth-child(3) > span > i{
					font-size: 12px;
				}
		.ventas-pedidos .section-linea > .content .articulo-subtotal {
			background: white;
			border: 1px solid #dbe0e2;
			max-width: 70px;
		}
		.ventas-pedidos .section-linea > .content > div:nth-child(10){
	    	width: 4%;
	  	}
	  		.ventas-pedidos .section-linea > .content > div:nth-child(10) > label{width: 100%;text-align: center;height: 20px;}
	  			.ventas-pedidos .section-linea > .content > div:nth-child(10) > label > input{
					width: auto;
					position: relative;
					margin: 0px;
					padding: 0px;
					}
	  			.ventas-pedidos .section-linea > .content > div:nth-child(10) > label > i{
					/* position: absolute; */
					/* right: 18%; */
					/* top: 91%; */
					margin: 0px;
					width: 20px !important;
					height: 20px;
					padding: 0px;
	  			}
	  			.ventas-pedidos .section-linea > .content > div:nth-child(10) > label > input:checked+i:before{
	  				margin: 0px;
	  				padding: 0px;
	  				top: 3px;
	  				left: 3px;
	  			}
	  			.ventas-pedidos .section-linea > .content > div:nth-child(10) > label > i::after{
	  				
	  			}
		.ventas-pedidos .section-linea > .content > div:nth-child(11){
	    	/*max-width: 50px;
	    	min-width: 50px;*/
	    	width: 6%;
	  	}
		.ventas-pedidos .section-linea > .content > div:nth-child(12){
	    	display: flex;
	    	/*max-width: 50px;
	    	min-width: 50px;*/
	    	width: 6%;
	 	}


/* GRID (LINEAS EDICION) */
.lineas-ventas-pedidos .ui-grid-header-canvas{
	width: 100% !important;
}
.lineas-ventas-pedidos .ui-grid-header-cell-wrapper{
	width: 100%;
}
.lineas-ventas-pedidos .ui-grid-header-cell-row {
	width: 100%;
}
.lineas-ventas-pedidos .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.lineas-ventas-pedidos .ui-grid-header-cell-row > div:nth-child(1){
    /*max-width: 27px;
	min-width: 27px;*/
	width: 7%;
}
.lineas-ventas-pedidos .ui-grid-header-cell-row > div:nth-child(2){
    /*max-width: 125px;
	min-width: 100px;
	width: -webkit-fill-available*/
	width: 10%;
}
.lineas-ventas-pedidos .ui-grid-header-cell-row > div:nth-child(3){
    /*max-width: 355px;
	min-width: 135px;
	width: -webkit-fill-available*/
	width: 28%;
}
.lineas-ventas-pedidos .ui-grid-header-cell-row > div:nth-child(4){
    /*max-width: 60px;
	min-width: 60px;*/
	width: 10%;
}
.lineas-ventas-pedidos .ui-grid-header-cell-row > div:nth-child(5){
    width: 9%;
}
.lineas-ventas-pedidos .ui-grid-header-cell-row > div:nth-child(6){
    width: 6%;
}
.lineas-ventas-pedidos .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 6%;
}
.lineas-ventas-pedidos .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 6%;
}
.lineas-ventas-pedidos .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 6%;
}
.lineas-ventas-pedidos .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 4%;
}
.lineas-ventas-pedidos .ui-grid-header-cell-row > div:nth-child(11){ 
    width: 6%;
}

.lineas-ventas-pedidos .ui-grid-canvas{
	width: 100% !important;
}
.lineas-ventas-pedidos .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
	margin: 0px 1px;
}
.lineas-ventas-pedidos .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 7%;
}
.lineas-ventas-pedidos .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	/*max-width: 125px;
	min-width: 100px;
	width: -webkit-fill-available*/
	width: 10%;
}
.lineas-ventas-pedidos .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	/*max-width: 355px;
	min-width: 135px;
	width: -webkit-fill-available*/
	width: 28%;
}
.lineas-ventas-pedidos .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 10%;
}
.lineas-ventas-pedidos .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 9%;
}
.lineas-ventas-pedidos .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 6%;
}
.lineas-ventas-pedidos .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 6%;
}
.lineas-ventas-pedidos .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 6%;
}
.lineas-ventas-pedidos .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 6%;
}
.lineas-ventas-pedidos .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 4%;
}
.lineas-ventas-pedidos .ui-grid-row > div > .ui-grid-cell:nth-child(11){
	width: 6%;
}


.lineas-ventas-pedidos .ui-grid-footer-canvas{
	width: 100% !important;
}
.lineas-ventas-pedidos .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.lineas-ventas-pedidos .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.lineas-ventas-pedidos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	/*max-width: 27px;
	min-width: 27px;*/
	width: 7%;
}
.lineas-ventas-pedidos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	/*max-width: 125px;
	min-width: 100px;
	width: -webkit-fill-available*/
	width: 10%;
}
.lineas-ventas-pedidos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	/*max-width: 355px;
	min-width: 135px;
	width: -webkit-fill-available*/
	width: 28%;
}
.lineas-ventas-pedidos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 10%;
}
.lineas-ventas-pedidos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 9%;
}
.lineas-ventas-pedidos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 6%;
}
.lineas-ventas-pedidos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 6%;
}
.lineas-ventas-pedidos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 6%;
}
.lineas-ventas-pedidos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 6%;
}
.lineas-ventas-pedidos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 4%;
}
.lineas-ventas-pedidos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(11){
	width: 6%;
}

@charset "UTF-8";

.ventas-pedidos-albaran .tile .tile-header {
    padding: 0px;
    background: none !important;
    color: #3f4e62 !important;
    font-family: "Dosis", "Arial", sans-serif !important;
    font-weight: normal !important;
    font-size: 12px !important;
    border-bottom: 1px solid #3f4e62;
}


/* Tile */
.ventas-pedidos-albaran .tile{
	height: 100%;
}

.ventas-pedidos-albaran .tile.tile-widget {
    padding: 10px;
}
	.ventas-pedidos-albaran .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.ventas-pedidos-albaran .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.ventas-pedidos-albaran .tile .tile-header.dvd .controls > li.controls-editar,
		.ventas-pedidos-albaran .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.ventas-pedidos-albaran .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.ventas-pedidos-albaran .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.ventas-pedidos-albaran .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.ventas-pedidos-albaran .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.ventas-pedidos-albaran .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.ventas-pedidos-albaran .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.ventas-pedidos-albaran .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.ventas-pedidos-albaran .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}
	
	.ventas-pedidos-albaran .fila {
    display: flex !important;
    flex: 1 !important;
    height: 25px !important;
}

.ventas-pedidos-albaran .item-3{
	display: flex !important;
    width: 33%;
}

.ventas-pedidos-albaran .item-2_3{
	display: flex !important;
    width: 66%;
}

.ventas-pedidos-albaran input {
    font-size: 11px;
    font-family: tahoma;
    height: 20px !important;
    color: #67747c;
    text-align: right;
    padding-right: 3px;
}

.ventas-pedidos-albaran .fecha-erp > span > span > button {
    height: 20px;
}

.ventas-pedidos-albaran .col-label {
    max-width: 85px !important;
    min-width: 85px !important;
    max-height: 20px !important;
    padding-left: 10px;
}

.ventas-pedidos-albaran .check {
    padding-left: 30px;
}
#checkIVA{
    position: absolute;
    left: 75%;
    top: 25%;
}

@charset "UTF-8";


.pedidos-albaranado .facturacion .tile{
	height: 100%;
}

.pedidos-albaranado .facturacion .tile.tile-widget {
    padding: 10px;
}
	.pedidos-albaranado .facturacion .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.pedidos-albaranado .facturacion .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.pedidos-albaranado .facturacion .tile .tile-header.dvd .controls > li.controls-editar,
		.pedidos-albaranado .facturacion .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.pedidos-albaranado .facturacion .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
		  .pedidos-albaranado .facturacion .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
		.pedidos-albaranado .facturacion .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       	}
		.pedidos-albaranado .facturacion .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
		  	.pedidos-albaranado .facturacion .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.pedidos-albaranado .facturacion .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.pedidos-albaranado .facturacion .tile .tile-header .controls > li > label {
			height: 100%;
			line-height: 21px;
			min-width: 100px;
			padding: 0px;
			color: #95a2a9;
			display: block;
			margin: 0px;
			text-align: center;
			top: 10px;
			margin-left: 10px;
        }

	.pedidos-albaranado  .facturacion .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}
	
	.pedidos-albaranado .facturacion .cell-grid-facturacion {
	    text-align: center;
	}

	
	
/* GRID (RESUMEN) */
.pedidos-albaranado .facturacion .ui-grid-header-canvas{
	width: 100% !important;
}
.pedidos-albaranado .facturacion .ui-grid-header-cell-wrapper{
	width: 100%;
}
.pedidos-albaranado .facturacion .ui-grid-header-cell-row {
	width: 100%;
}
..pedidos-albaranado facturacion .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.pedidos-albaranado .facturacion .ui-grid-header-cell-row > div:nth-child(1){
    width: 8%;
}
.pedidos-albaranado .facturacion .ui-grid-header-cell-row > div:nth-child(2){
     width: 6%;
}
.pedidos-albaranado .facturacion .ui-grid-header-cell-row > div:nth-child(3){
     width: 26%;
}
.pedidos-albaranado .facturacion .ui-grid-header-cell-row > div:nth-child(4){
     width: 6%;
}
.pedidos-albaranado .facturacion .ui-grid-header-cell-row > div:nth-child(5){
     width: 6%;
}
.pedidos-albaranado .facturacion .ui-grid-header-cell-row > div:nth-child(6){
     width: 6%;
}
.pedidos-albaranado .facturacion .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 6%;
}
.pedidos-albaranado .facturacion .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 4%;
}
.pedidos-albaranado .facturacion .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 4%;
}
.pedidos-albaranado .facturacion .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 4%;
}
.pedidos-albaranado .facturacion .ui-grid-header-cell-row > div:nth-child(11){ 
    width: 4%;
}
.pedidos-albaranado .facturacion .ui-grid-header-cell-row > div:nth-child(12){ 
    width: 4%;
}
.pedidos-albaranado .facturacion .ui-grid-header-cell-row > div:nth-child(13){ 
    width: 8%;
}
.pedidos-albaranado .facturacion .ui-grid-header-cell-row > div:nth-child(14){ 
    width: 8%;
}


.pedidos-albaranado .facturacion .ui-grid-canvas{
	width: 100% !important;
}
.pedidos-albaranado .facturacion .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.pedidos-albaranado .facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 8%;
}
.pedidos-albaranado .facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 6%;
}
.pedidos-albaranado .facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 26%;
}
.pedidos-albaranado .facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 6%;
}
.pedidos-albaranado .facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 6%;
}
.pedidos-albaranado .facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 6%;
}
.pedidos-albaranado .facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 6%;
}
.pedidos-albaranado .facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 4%;
}
.pedidos-albaranado .facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 4%;
}
.pedidos-albaranado .facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 4%;
}
.pedidos-albaranado .facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(11){
	width: 4%;
}
.pedidos-albaranado .facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(12){
	width: 4%;
}
.pedidos-albaranado .facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(13){
	width: 8%;
}
.pedidos-albaranado .facturacion .ui-grid-row > div > .ui-grid-cell:nth-child(14){
	width: 8%;
}


.pedidos-albaranado .facturacion .ui-grid-footer-canvas{
	width: 100% !important;
}
.pedidos-albaranado .facturacion .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.pedidos-albaranado .facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.pedidos-albaranado .facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 8%;
}
.pedidos-albaranado .facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 6%;
}
.pedidos-albaranado .facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 26%;
}
.pedidos-albaranado .facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 6%;
}
.pedidos-albaranado .facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 6%;
}
.pedidos-albaranado .facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 6%;
}
.pedidos-albaranado .facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 6%;
}
.pedidos-albaranado .facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 4%;
}
.pedidos-albaranado .facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 4%;
}
.pedidos-albaranado .facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 4%;
}
.pedidos-albaranado .facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(11){
	width: 4%;
}
.pedidos-albaranado .facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(12){
	width: 4%;
}
.pedidos-albaranado .facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(13){
	width: 8%;
}
.pedidos-albaranado .facturacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(14){
	width: 8%;
}
@charset "UTF-8";


.ventas-pedidos-copiar .tile .tile-header {
    padding: 0px;
    background: none !important;
    color: #3f4e62 !important;
    font-family: "Dosis", "Arial", sans-serif !important;
    font-weight: normal !important;
    font-size: 12px !important;
    border-bottom: 1px solid #3f4e62;
}


/* Tile */
.ventas-pedidos-copiar .tile{
	height: 100%;
}

.ventas-pedidos-copiar .tile.tile-widget {
    padding: 10px;
}
	.ventas-pedidos-copiar .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.ventas-pedidos-copiar .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.ventas-pedidos-copiar .tile .tile-header.dvd .controls > li.controls-editar,
		.ventas-pedidos-copiar .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.ventas-pedidos-copiar .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.ventas-pedidos-copiar .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.ventas-pedidos-copiar .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.ventas-pedidos-copiar .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.ventas-pedidos-copiar .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.ventas-pedidos-copiar .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.ventas-pedidos-copiar .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.ventas-pedidos-copiar .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}
	
		.ventas-pedidos-copiar .fila {
    display: flex !important;
    flex: 1 !important;
    height: 25px !important
}

.ventas-pedidos-copiar .item-3{
	display: flex !important;
    width: 33%;
}

.ventas-pedidos-copiar .item-2_3{
	display: flex !important;
    width: 66%;
}

.ventas-pedidos-copiar .item-1_2{
	display: flex !important;
    width: 50%;
}

.ventas-pedidos-copiar input {
    font-size: 11px;
    font-family: tahoma;
    height: 20px !important;
    color: #67747c;
    text-align: right;
    padding-right: 3px;
}

.ventas-pedidos-copiar .fecha-erp > span > span > button {
    height: 20px !important;
}

.ventas-pedidos-copiar .col-label {
    max-width: 85px !important;
    min-width: 85px !important;
    max-height: 20px !important;
    padding-left: 10px;
}

.ventas-pedidos-copiar .check {
    padding-left: 30px;
}


@charset "UTF-8";

.ventas-pedidos-factura .tile .tile-header {
    padding: 0px;
    background: none !important;
    color: #3f4e62 !important;
    font-family: "Dosis", "Arial", sans-serif !important;
    font-weight: normal !important;
    font-size: 12px !important;
    border-bottom: 1px solid #3f4e62;
}


/* Tile */
.ventas-pedidos-factura .tile{
	height: 100%;
}

.ventas-pedidos-factura .tile.tile-widget {
    padding: 10px;
}
	.ventas-pedidos-factura .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.ventas-pedidos-factura .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.ventas-pedidos-factura .tile .tile-header.dvd .controls > li.controls-editar,
		.ventas-pedidos-factura .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.ventas-pedidos-factura .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.ventas-pedidos-factura .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.ventas-pedidos-factura .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.ventas-pedidos-factura .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.ventas-pedidos-factura .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.ventas-pedidos-factura .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.ventas-pedidos-factura .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.ventas-pedidos-factura .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}
	
	.ventas-pedidos-factura .fila {
    display: flex !important;
    flex: 1 !important;
    height: 25px !important;
}

.ventas-pedidos-factura .item-3{
	display: flex !important;
    width: 33%;
}

.ventas-pedidos-factura .item-2_3{
	display: flex !important;
    width: 66%;
}

.ventas-pedidos-factura input {
    font-size: 11px;
    font-family: tahoma;
    height: 20px !important;
    color: #67747c;
    text-align: right;
    padding-right: 3px;
}

.ventas-pedidos-factura .fecha-erp > span > span > button {
    height: 20px;
}

.ventas-pedidos-factura .col-label {
    max-width: 85px !important;
    min-width: 85px !important;
    max-height: 20px !important;
    padding-left: 10px;
}

.ventas-pedidos-factura .check {
    padding-left: 30px;
}
#checkIVA{
    position: absolute;
    left: 75%;
    top: 25%;
}

@charset "UTF-8";


.factura-copiar .tile .tile-header {
    padding: 0px;
    background: none !important;
    color: #3f4e62 !important;
    font-family: "Dosis", "Arial", sans-serif !important;
    font-weight: normal !important;
    font-size: 12px !important;
    border-bottom: 1px solid #3f4e62;
}


/* Tile */
.factura-copiar .tile{
	height: 100%;
}

.factura-copiar .tile.tile-widget {
    padding: 10px;
}
	.factura-copiar .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.factura-copiar .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.factura-copiar .tile .tile-header.dvd .controls > li.controls-editar,
		.factura-copiar .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.factura-copiar .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.factura-copiar .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.factura-copiar .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.factura-copiar .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.factura-copiar .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.factura-copiar .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.factura-copiar .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.factura-copiar .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}
	
		.factura-copiar .fila {
    display: flex !important;
    flex: 1 !important;
    height: 25px !important
}

.factura-copiar .item-3{
	display: flex !important;
    width: 33%;
}

.factura-copiar .item-2_3{
	display: flex !important;
    width: 66%;
}

.factura-copiar .item-1_2{
	display: flex !important;
    width: 50%;
}

.factura-copiar input {
    font-size: 11px;
    font-family: tahoma;
    height: 20px !important;
    color: #67747c;
    text-align: right;
    padding-right: 3px;
}

.factura-copiar .fecha-erp > span > span > button {
    height: 20px !important;
}

.factura-copiar .col-label {
    max-width: 85px !important;
    min-width: 85px !important;
    max-height: 20px !important;
    padding-left: 10px;
}

.factura-copiar .check {
    padding-left: 30px;
}
@charset "UTF-8";


.factura-periodica-copiar .tile .tile-header {
    padding: 0px;
    background: none !important;
    color: #3f4e62 !important;
    font-family: "Dosis", "Arial", sans-serif !important;
    font-weight: normal !important;
    font-size: 12px !important;
    border-bottom: 1px solid #3f4e62;
}


/* Tile */
.factura-periodica-copiar .tile{
	height: 100%;
}

.factura-periodica-copiar .tile.tile-widget {
    padding: 10px;
}
	.factura-periodica-copiar .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.factura-periodica-copiar .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.factura-periodica-copiar .tile .tile-header.dvd .controls > li.controls-editar,
		.factura-periodica-copiar .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.factura-periodica-copiar .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.factura-periodica-copiar .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.factura-periodica-copiar .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.factura-periodica-copiar .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.factura-periodica-copiar .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.factura-periodica-copiar .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.factura-periodica-copiar .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.factura-periodica-copiar .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}
	
		.factura-periodica-copiar .fila {
    display: flex !important;
    flex: 1 !important;
    height: 25px !important
}

.factura-periodica-copiar .item-3{
	display: flex !important;
    width: 33%;
}

.factura-periodica-copiar .item-2_3{
	display: flex !important;
    width: 66%;
}

.factura-periodica-copiar .item-1_2{
	display: flex !important;
    width: 50%;
}

.factura-periodica-copiar input {
    font-size: 11px;
    font-family: tahoma;
    height: 20px !important;
    color: #67747c;
    text-align: right;
    padding-right: 3px;
}

.factura-periodica-copiar .fecha-erp > span > span > button {
    height: 20px !important;
}

.factura-periodica-copiar .col-label {
    max-width: 85px !important;
    min-width: 85px !important;
    max-height: 20px !important;
    padding-left: 10px;
}

.factura-periodica-copiar .check {
    padding-left: 30px;
}

@charset "UTF-8";

.remesas {
    height: 100%;
    overflow: hidden;
}

.remesas input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
}

.remesas label{
	font-weight: normal;
	font-family: arial;
	font-size: 11px;
	/* font-weight: 200; */
}

.remesas .form-group{
	margin: 0px;
	margin-bottom: 1px;
	height: 20px;
	display: flex;
}

.remesas .col-row{
	display: flex;
}

.remesas .col-row-2 > *:nth-child(1) {
    margin-right: 15px;
}

.remesas .col-row-3 > *:nth-child(1),
.remesas .col-row-3 > *:nth-child(2) {
    margin-right: 15px;
}

.remesas .col-label{
	max-width: 65px !important;
	min-width: 65px !important;
	max-height: 20px;
	overflow: hidden;
	padding: 0px;
}

.remesas .col-field{
	padding: 0px;
	flex: 1;
}


.remesas .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.remesas .bottom > div{
    flex: 1;
    width: 100%;
    /* position: relative; */
    /* margin-top: 18%; */
    /* height: 40px; */
    /* padding: 5px 0px; */
    /* clear: both; */
    /* background: #286af0; */
    /* text-align: center; */
    /* color: #fff; */
}
.remesas .row.bottom > div:nth-child(1){
	min-height: 100px;
}

.remesas .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
    /* margin-top: 350px; */
}



.remesas .id_cliente {
    position: absolute;
    z-index: 10;
    left: 35%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}
.remesas .tipo_cliente {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}





.remesas .id_factura {
    position: absolute;
    z-index: 1;
    right: 65px;
    top: 3px;
}


/* Controls */
ul.controls-erp{
	position:absolute;
	top: 5px;
	right: 20px;
	z-index: 10;
}
ul.controls-erp > li {
    list-style: none;
    /* color: blue !important; */
}

ul.controls-erp > li > a {
    color: #757575;
}

ul.controls-erp > li > ul {
    top: 25px;
    right: -15px !important;
}

.remesas .buttons-articulo {
    display: flex;
    max-width: 50px;
}

.remesas .buttons-articulo > button{
    background: none !important;
    border: none !important;
}

/* End controls */



.remesas .observaciones-options {
    display: flex;
}

.remesas .observaciones-options > div{
    flex: 1;
}

.remesas .observaciones-options > div > button{
    border: none;
    font-size: 12px;
    background: #f4f5f6;
}

/* ui select */

.remesas .ui-select-bootstrap > .ui-select-match .ui-select-toggle > span:nth-of-type(2) > a {
    position: absolute;
    right: 5px !important;
    top: 0px !important;
    font-size: 10px;
    padding: 0px;
    color: #bfc7cb;
    margin: 0px 2px;
}

.remesas .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 100%;
}

.remesas .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
	margin: 0px !important;
	/* padding: 0px; */
	padding: 0px !important;
	position: absolute;
	top: 2px;
	height: 15px;
	overflow-y: hidden;
}

.remesas .ui-select-erp > div > span > span > span{/* width: 100%; *//* overflow-y: hidden; */}

.remesas .ui-select-erp input:focus,
.remesas .ui-select-erp input:focus:hover,
.remesas .ui-select-erp input:hover,
.remesas .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
	/* width: 100%; */
	/* width: 45px; */
}

.remesas .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.remesas .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.remesas .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}

/*.ui-select-erp > *:nth-child(1) > *:nth-child(1) > *:nth-child(2){
	width: 80% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}*/


/* end ui select */


/* Tables */
.remesas .text-concat{
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.remesas #table_articulos tbody > tr {
    border-bottom: 1px solid blue;
    font-size: 12px;
}

.remesas #table_articulos tbody > tr.active {
    color: #757575;
    background: #8e99a7 !important;
}

.remesas #table_articulos tbody > tr > td:nth-child(3){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.remesas #table_articulos tbody > tr > td:nth-child(4){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

/* End tables */


/* Tabs */
.remesas .tab-erp {}
.remesas .tab-erp > *:nth-child(1){
	background: #8f9fc3;
	padding: 0px;
	/* color: white !important; */
}
.remesas .tab-erp.tab-yellow > *:nth-child(1){
	background: linear-gradient(to bottom, #ffa261, #888e7a);
}
.remesas .tab-erp > *:nth-child(2) > *{
	margin: 0px;
}
.remesas .tab-erp > *:nth-child(1) > *:nth-child(2){
    height: 27px !important;
}

.remesas .tab-erp > *:nth-child(1) > *:nth-child(2) > * > *{
    padding-top: 0px;
}

.remesas .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *{
	color: white !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: fit-content;
	/* margin: 0px !important; */
	/* padding: 0px 15px 0px 15px; */
	font-weight: normal;
}

.remesas .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *:nth-child(3){
	top: 25px !important;
	color: white !important;
	background: white !important;
}

.remesas .tab-erp md-ink-bar {
    top: 25px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.remesas .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	background: #ffffff;
	margin: 0px;
	padding: 4px 5px 5px 6px;
	overflow: hidden;
	border: 1px solid #ebf1ff;
	height: 60px;
}
.remesas md-tabs-canvas md-tab-item{
    color: #757575 !important;
    font-size: 13px;
    font-family: tahoma;
    text-transform: none;
    max-width: 100px;
    margin: 0px !important;
    padding: 0px 15px 0px 15px;
    font-weight: normal;
}

.remesas md-tabs-canvas {
    height: 27px !important;
    margin-right: 110px !important;
}

.remesas md-tabs-wrapper md-next-button {
    right: 0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K");
    margin-right: 80px;
}

/* End tabs */


/* Tile */
.remesas .tile{
	height: 100%;
	margin-bottom: 0px;
}

.remesas .tile.tile-widget {
    padding: 10px;
}
	.remesas .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.remesas .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.remesas .tile .tile-header.dvd .controls > li.controls-editar,
		.remesas .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.remesas .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.remesas .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.remesas .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.remesas .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.remesas .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.remesas .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.remesas .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.remesas .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.remesas .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.3;
}


.remesas label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* controls */
.remesas ul.controls-erp{
	position:absolute;
	top: 5px;
	right: 20px;
	z-index: 10;
}
	.remesas ul.controls-erp > li {
		list-style: none;
	}
		.remesas ul.controls-erp > li > a {
			color: #eaedf3;
		}
		.remesas ul.controls-erp > li > ul {
			top: 25px;
			right: -15px !important;
		}


/* Modificaciones */
    .remesas .row.nserie{
    }
    
    
    
    .remesas .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .remesas .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .remesas .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .remesas .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .remesas .row.urow3 > div:nth-child(3){
		margin: 0px !important;
    	padding-left: 0px !important;
		}
    .remesas .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.remesas .autowidth > input{
		width: 100% !important;
	}
	
    .remesas .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.remesas .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px !important;
	}
	
	.remesas .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 400px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.remesas .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .remesas .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.remesas .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .remesas .tile .tile-header-erp .controls{

	    }
	    .remesas .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .remesas .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .remesas .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .remesas .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .remesas .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .remesas .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .remesas .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .remesas .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .remesas .table-custom-inline .tr_custom_erp > td{
      
    }
    .remesas .table-custom-inline .tr_custom_erp > td:nth-child(1){
    	min-width: 20px;
    	max-width: 20px;
    }
    .remesas .table-custom-inline .tr_custom_erp > td:nth-child(2){
    	min-width: 180px;
    	max-width: 180px;
    }
    .remesas .table-custom-inline .tr_custom_erp > td:nth-child(3){
    	min-width: 300px;
    }
    .remesas .table-custom-inline .tr_custom_erp > td:nth-child(4){
    	min-width: 50px;
    	max-width: 50px;
    }
    .remesas .table-custom-inline .tr_custom_erp > td:nth-child(5){
		min-width: 75px;
		max-width: 75px;
		}
    .remesas .table-custom-inline .tr_custom_erp > td:nth-child(6){
		min-width: 55px;
		max-width: 55px;
    }
    .remesas .table-custom-inline .tr_custom_erp > td:nth-child(7){
		min-width: 55px;
		max-width: 55px;
    }
    .remesas .table-custom-inline .tr_custom_erp > td:nth-child(8){
		min-width: 55px;
		max-width: 55px;
    }
    .remesas .table-custom-inline .tr_custom_erp > td:nth-child(9){
		min-width: 55px;
		max-width: 55px;
    }
    .remesas .table-custom-inline .tr_custom_erp > td:nth-child(10){
		min-width: 50px;
		max-width: 50px;
    }
    
    .remesas .table-custom-inline .tr_custom_erp > td:nth-child(11){
    	min-width: 70px;
    	max-width: 70px;
    }
    .remesas .table-custom-inline .tr_custom_erp > td:nth-child(11) > a > i{
      font-size: 20px;
    }

    .remesas .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .remesas .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .remesas .row.row-erp{
     padding:15px !important;
   }
	   .remesas .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		   flex: 1;
		  }
		 .remesas .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .remesas .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.remesas .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.remesas .doc-span > i{
		font-size: 10px;
	}
	.remesas .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.remesas .doc-span:visited{
		color: #dbe0e2;
	}
   
   /* Tile custom */
   .remesas .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   

   .remesas .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .remesas .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.remesas .tile-table-erp div table thead{
		border-bottom: 3px solid #757575;
	}

	.remesas .tile-table-erp div table thead tr {

	}
	
	.remesas .tile-table-erp div table thead tr th{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
	}


	.remesas .tile-table-erp div table tbody tr td{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
		text-align: center;
	}
   
   
   /* End */
   
   
   /* Almacen */
   .remesas .almacen-display{
   		display: flex;
    	justify-content: space-around;
    	align-items: center;
   }
   
   /*.almacen-display > .alternate-display-erp{
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(1){
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(2){
   		visibility: hidden;
   }*/
   
   .remesas .almacen-display > .alternate-display-erp{
   		display: flex;
   		align-items: center;
   }
   .remesas .almacen-display > .alternate-display-erp > .select-convert{
   		
   }
   
   .remesas .almacen-display > .alternate-display-erp > .select-convert > *{
   		background: white !important;
   		box-shadow: none !important;
   }
   
   .remesas .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1){
   		border: 0px !important;
	    margin-top: 5px !important;
	    color: #3f4e62;
   }
   
   .remesas .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > span:nth-child(2) > a{ 
   		display: none !important;
   }
   
   .remesas .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > i{
   		display:none !important;
   }
   /* */
   
	
	
	.remesas .dadarticulo.over {
	  //border: 2px dashed #000;
	}   
   
    /* Placeholder drag and drop */
    .remesas .sortable-placeholder{
      	width: auto;
	    height: 20px !important;
	    background: #3f4e62;
    }
    

    .remesas .anchofull {
        width: auto !important;
    	min-width: 100% !important;
    }

    
    /* Cargando articulos */
    .remesas .cargando_tabla.ng-scope {text-align: center;opacity: 0.2;}

    .remesas .cargando_tabla.ng-scope > i {
        font-size: 180px;
    }
   
  /* end */
  
  


	.remesas .idventafactura {
		position: absolute;
		right: 50px;
		z-index: 1;
		top: 6px;
		font-size: 12px;
		font-family: tahoma;
		color: white;
	}
	
	
	.remesas .idcliente {
	    position: absolute;
	    z-index: 1;
	    right: 100px;
	    top: 5px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}

	.remesas .tipocliente {
	    position: absolute;
	    z-index: 1;
	    right: 300px;
	    top: 5px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}


	.remesas .validar-factura {
		position: absolute;
		top: 0px;
		right: 43px;
		width: 20px;
		height: 20px;
		background: #95c89a;
		border-radius: 0px;
		border: none;
	}
		.remesas .validar-factura > i{
			position: absolute;
			top: 3px;
			right: 2px;
			color: white;
		}
	
	.remesas .input-yellow {
	    background: #f1f1b3;
	    border: 1px solid #cdd3d8;
	}
	
	
	.remesas .tab-general {
	    display: flex;
	    flex-direction: column;
	}
	    .remesas .tab-general .fila{
	        display: flex;
	        flex: 1;
	    }
	        .remesas .tab-general .fila .item-2{
	            display: flex;
	         	width: 100%;
	        }
	        .remesas .tab-general .fila .item-2:nth-child(1){
	           min-width: 100%;
	           max-width: 100%;
	        }
	         .remesas .tab-general .fila .item-2:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
	        .remesas .tab-general .fila .item-2:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.remesas .tab-general .fila .item-2 > div{
					flex: 1;
					/* height: 20px; */
					/* margin-bottom: 1px; */
				}
				.remesas .tab-general .fila .item-2 > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.remesas .tab-general .fila .item-2 > div:nth-child(2){
					min-width: 100px;
					max-width: 100px;
				}
				.remesas .tab-general .fila .item-2 > div:nth-child(3){
				}
					.remesas .tab-general .fila .item-2 > div:nth-child(3) > input{
						width: 100%;
						background: #f4f4f4;
					}


	.remesas .tab-clientes {
	    display: flex;
	    flex-direction: column;
	}
	    .remesas .tab-clientes .fila-2{
	        display: flex;
	        flex: 1;
	    }
	        .remesas .tab-clientes .fila-2 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .remesas .tab-clientes .fila-2 .item:nth-child(1){
	           min-width: 60%;
	           max-width: 60%;
	        }
	         .remesas .tab-clientes .fila-2 .item:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.remesas .tab-clientes .fila-2 .item > div{
					flex: 1;
				}
				.remesas .tab-clientes .fila-2 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.remesas .tab-clientes .fila-2 .item > div:nth-child(2){
			
				}
		.remesas .tab-clientes .fila-3{
	        display: flex;
	        flex: 1;
	    }
	        .remesas .tab-clientes .fila-3 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .remesas .tab-clientes .fila-3 .item:nth-child(1){
	           min-width: 30%;
	           max-width: 30%;
	        }
	         .remesas .tab-clientes .fila-3 .item:nth-child(2){
	           min-width: 29%;
	           max-width: 29%;
	           margin: 0px 5px;
	        }
	        .remesas .tab-clientes .fila-3 .item:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	        }
				.remesas .tab-clientes .fila-3 .item > div{
					flex: 1;
				}
				.remesas .tab-clientes .fila-3 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.remesas .tab-clientes .fila-3 .item > div:nth-child(2){
			
				}

	.remesas .button-text-search{
		height: 35px;
		width: 35px !important;
		/* margin-top: 10px; */
		margin-left: 15px;
		background: #145d89;
		transition: all 0.3s all ease;
	}
	.remesas .button-text-search:hover{
		background: #145d8999;
		transition: all 0.3s all ease;
	}
	
	/* tables */
 	.remesas .content-tables {
    	display: flex;
    	/* RESOLUCIÓN IPAD: 1536 x 2048 */
	}
	    .remesas .content-tables > div{
	        flex: 1;
	        margin: 0px 5px;
	        min-width: 350px
	    }
	    .remesas .content-tables > div:nth-child(1){
	        
	    }
	    .remesas .content-tables > div:nth-child(2){
	       
	    }

	.remesas .idpresentador{
		position: absolute;
		left: 85%;
		z-index: 1;
		top: 3px;
		font-size: 12px;
		font-family: tahoma;
		color: white;
	}
	    
/* Media queries */
@media (min-width: 1024px) and (max-width: 1024px){
	.remesas .top1{
		display: none;
	}
}






/* GRID (RESUMEN) */
.remesas .ui-grid-header-canvas{
	width: 100% !important;
}
.remesas .ui-grid-header-cell-wrapper{
	width: 100%;
}
.remesas .ui-grid-header-cell-row {
	width: 100%;
}
.remesas .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.remesas .ui-grid-header-cell-row > div:nth-child(1){
    width: 10%;
}
.remesas .ui-grid-header-cell-row > div:nth-child(2){
     width: 10%;
}
.remesas .ui-grid-header-cell-row > div:nth-child(3){
     width: 10%;
}
.remesas .ui-grid-header-cell-row > div:nth-child(4){
     width: 30%;
}
.remesas .ui-grid-header-cell-row > div:nth-child(5){
     width: 30%;
}
.remesas .ui-grid-header-cell-row > div:nth-child(6){
     width: 10%;
}

.remesas .ui-grid-canvas{
	width: 100% !important;
}
.remesas .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.remesas .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 10%;
}
.remesas .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 10%;
}
.remesas .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 10%;
}
.remesas .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 30%;
}
.remesas .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 30%;
}
.remesas .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 10%;
}


.remesas .ui-grid-footer-canvas{
	width: 100% !important;
}
.remesas .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.remesas .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.remesas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 10%;
}
.remesas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 10%;
}
.remesas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 10%;
}
.remesas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 30%;
}
.remesas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 30%;
}
.remesas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 10%;
}

@charset "UTF-8";

.remesas-generar{
	height: 550px !important;
}
	.remesas-generar .filtros-remesas {
	    display: flex;
	    flex-direction: column;
	    border: 1px solid #bbb982;
	    /* padding: 2px; */
	}
	    .remesas-generar .filtros-remesas > .header{
	        display: flex;
	        background: #bbb982;
	        color: white;
	        padding: 2px;
	    }
	    .remesas-generar .filtros-remesas > .content{
	        display: flex;
	        padding: 2px;
	    }
	    
	.remesas-generar .checkFecha {
	    overflow: unset !important;
	}
	
	.remesas-generar .button-icon-search{
		margin-left: 20px;
	}
		.remesas-generar .button-icon-search > i{
			font-size: 16px;
		}
		
	.remesas-generar .buttons {
		text-align: end;
		margin-right: 5px !important
	}
		.remesas-generar .buttons > button{
			height: 25px !important;
		}
	
	.remesas-generar .tile {
		margin-bottom: 5px !important;
	}
	
	.remesas-generar .concepto-general{

	}
		.remesas-generar .concepto-general > .item-check{
			width: 20px;
			margin-left: 5px;
			margin-right: 5px;
		}

		    .remesas-generar .concepto-general .control--checkbox .control__indicator:after {
				left: 6px;
				top: 1px;
				width: 6px;
				height: 12px;
				border: solid #758dab;
				border-width: 0 2px 2px 0px;
				transform: rotate(45deg);
			}
		   
		    .remesas-generar .concepto-general > .item-check div{
		    	height: 20px;
		    	width: 20px;
		    }

			.remesas-generar .concepto-general > .info-check > button,
			.remesas-generar .concepto-general > .info-check > button:hover,
			.remesas-generar .concepto-general > .info-check > button:focus,
			.remesas-generar .concepto-general > .info-check > button:active,
			.remesas-generar .concepto-general > .info-check > button:visited{
                height: 20px;
                border: none !important;
                background: none !important;
   }

	
/* TEMPLATE GRID */
.seleccionar-remesa-generar{
	margin-left: 14px;
}
/* END TEMPLATE GRID */
@charset "UTF-8";

.remesas-detalle{
	height: 460px;
}
.remesas-detalle.aviso-anotacion{
	height: 60px;
}
	.remesas-detalle .tabs-erp-controls {
	    top: 0px;
	    margin-right: 3px;
	}
		.remesas-detalle .tabs-erp-controls .identificador{
	    	margin-right: 30px;
	    	color: white;
		}

	.remesas-detalle .tile {
		margin-bottom: 5px !important;
	}
	
	/*.remesas-detalle .loading-remesas-modal{
		height: 100% !important;
	}*/
	
	.remesas-detalle.aviso-anotacion{
		text-align: center;
	}
		.remesas-detalle.aviso-anotacion .textoN{
			margin-bottom: 5px;
		}
		.remesas-detalle.aviso-anotacion .textoP{
		}
@charset "UTF-8";

.recibos-generar-errores{
	display: flex;
	flex-direction: column;
}
	.recibos-generar-errores .descripcion{
		border-bottom: 1px solid #2d4c6c;
		margin-bottom: 10px;
		font-weight: bold;
	}
	
	.recibos-generar-errores .listado{
		max-height: 500px;
		min-height: 200px;
		overflow-y: scroll;
		/* background: #80808000; */
		/* border: blue; */
	}
		.recibos-generar-errores .listado .errores{
			display: flex;
			flex-direction: column;
			margin: 10px;
			border-bottom: 1px dashed #2d4c6c63;
			padding-bottom: 5px
		}
		.recibos-generar-errores .listado .errores:last-child{
			border: none;
		}
			.recibos-generar-errores .listado .errores > div{
				display: flex;
				flex-direction: column;
			}
			.recibos.generar-errores .listado .errores .mensajes{
			}
				.recibos.generar-errores .listado .errores .mensajes > div{
				}
	.recibos-generar-errores .footer{
		margin-top: 15px;
		/* padding: 0px !important; */
		border-top: 1px solid #2d4c6c;
		padding-top: 5px;
	}
		.recibos-generar-errores .footer > button{
			color: white;
		}
		.recibos-generar-errores .footer > button:nth-child(1){
			background: #2d4c6cc2;
		}
		.recibos-generar-errores .footer > button:nth-child(2){
			background: #0080008c;
		}
@charset "UTF-8";

.plantillas-academicas{
    height: 100%;
}
	.plantillas-academicas .plantilla-info{
		margin-top: 12px;
	}
		.plantillas-academicas .plantilla-info > .cabecera{
			border-bottom: 1px solid #2c4c6d;
			border-left: 4px solid orange;
			margin-bottom: 5px;
		}
			.plantillas-academicas .plantilla-info > .cabecera > span{
				padding: 0px 5px;
			}
	.plantillas-academicas .plantilla{
		margin-top: 20px;
	}
		.plantillas-academicas .plantilla > .cabecera{
			    border-bottom: 1px solid #2c4c6d;
   				border-left: 4px solid orange;
    			margin-bottom: 5px;
		}
			.plantillas-academicas .plantilla > .cabecera > span{
				padding: 5px;
			}
		.plantillas-academicas .plantilla .cabecera{
		}
			 .plantillas-academicas .plantilla .cabecera .buttons{
			}
		.plantillas-academicas .plantilla .content{
		}
	.plantillas-academicas .columna-academica{
		display: flex;
		flex-direction: column;
	}
	.plantillas-academicas .columna-academica > .cabecera{
		display: flex;
		background: #14537e;
		padding: 2px 5px;
		align-items: center;
		justify-content: space-between;
		border-bottom: 2px solid orange;
		color: white;
		font-size: 12px;
	}
		.plantillas-academicas .columna-academica > .cabecera > .buttons{
		}
			.plantillas-academicas .columna-academica > .cabecera > .buttons > button{
				background: none;
				border: none;
			}
	.plantillas-academicas .columna-academica > .content{
	}
	
/* GRID (RESUMEN) */
.plantillas-academicas .ui-grid-header-canvas{
	width: 100% !important;
}
.plantillas-academicas .ui-grid-header-cell-wrapper{
	width: 100%;
}
.plantillas-academicas .ui-grid-header-cell-row {
	width: 100%;
}
.plantillas-academicas .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.plantillas-academicas .ui-grid-header-cell-row > div:nth-child(1){
    width: 30%;
}
.plantillas-academicas .ui-grid-header-cell-row > div:nth-child(2){
     width: 45%;
}
.plantillas-academicas .ui-grid-header-cell-row > div:nth-child(3){
     width: 25%;
}

.plantillas-academicas .ui-grid-canvas{
	width: 100% !important;
}
.plantillas-academicas .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.plantillas-academicas .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 30%;
}
.plantillas-academicas .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 45%;
}
.plantillas-academicas .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 25%;
}


.plantillas-academicas .ui-grid-footer-canvas{
	width: 100% !important;
}
.plantillas-academicas .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.plantillas-academicas .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.plantillas-academicas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 30%;
}
.plantillas-academicas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 45%;
}
.plantillas-academicas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 25%;
}


/* Nuevo etapas, metodos y caracteristicas */
.pa-nuevo{
}
	.pa-nuevo .buttons{
		margin-top: 10px;
		text-align: center;
		height: 50px;
	}
		.pa-nuevo .buttons button{
			background: none;
			border: none;
		}
			.pa-nuevo .buttons button:nth-child(1){
				background: #00800085;
				color: white;
				border-radius: 11px;
				height: auto !important;
			}
				.pa-nuevo .buttons button:nth-child(1) > span{
					padding: 5px;
					border: none;
				}
			.pa-nuevo .buttons button:nth-child(1):hover,
			.pa-nuevo .buttons button:nth-child(1):focus,
			.pa-nuevo .buttons button:nth-child(1):active{
				border: none !important;
				background: #008000d4;
				height: auto !important;
				transition: all 0.4s ease-out;
			}
			.pa-nuevo .buttons button:nth-child(2){
				background: #ff000066;
				color: white;
				border-radius: 11px;
				height: auto !important;
			}
				.pa-nuevo .buttons button:nth-child(2) > span{
					padding: 5px;
					border: none;
				}
			.pa-nuevo .buttons button:nth-child(2):hover,
			.pa-nuevo .buttons button:nth-child(2):focus,
			.pa-nuevo .buttons button:nth-child(2):active{
				border: none !important;
				background: #b10606ad;
				height: auto !important;
				transition: all 0.4s ease-out;
			}

/* Copiar */
.pa-copiar{
}
	.pa-copiar .buttons{
	}
		.pa-copiar .buttons > button{
			background: #145d89;
		    border: none;
		    color: white;
		    border-radius: 20px;
		    margin-top: 20px;
		}
@charset "UTF-8";

.ventas-tarifas{
}

	.ventas-tarifas .button-text-search{
		width: 39px !important;
	    height: 34px !important;
	    margin-top: 5px;
	}
	
	.ventas-tarifas .check-column{
		flex-direction: column;
	}
		.ventas-tarifas .check-column input{
			width: 20%;
		}
	
		.ventas-tarifas .loading-grid{
			height: 100% !important;
		}
		
/* GRID (RESUMEN) */
.ventas-tarifas .ui-grid-header-canvas{
	width: 100% !important;
}
.ventas-tarifas .ui-grid-header-cell-wrapper{
	width: 100%;
}
.ventas-tarifas .ui-grid-header-cell-row {
	width: 100%;
}
.ventas-tarifas .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.ventas-tarifas .ui-grid-header-cell-row > div:nth-child(1){
    width: 7%;
}
.ventas-tarifas .ui-grid-header-cell-row > div:nth-child(2){
     width: 14%;
}
.ventas-tarifas .ui-grid-header-cell-row > div:nth-child(3){
     width: 23%;
}
.ventas-tarifas .ui-grid-header-cell-row > div:nth-child(4){
     width: 7%;
}
.ventas-tarifas .ui-grid-header-cell-row > div:nth-child(5){
     width: 6%;
}
.ventas-tarifas .ui-grid-header-cell-row > div:nth-child(6){
     width: 6%;
}
.ventas-tarifas .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 7%;
}
.ventas-tarifas .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 6%;
}
.ventas-tarifas .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 6%;
}
.ventas-tarifas .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 6%;
}
.ventas-tarifas .ui-grid-header-cell-row > div:nth-child(11){ 
    width: 6%;
}
.ventas-tarifas .ui-grid-header-cell-row > div:nth-child(12){ 
    width: 6%;
}

.ventas-tarifas .ui-grid-canvas{
	width: 100% !important;
}
.ventas-tarifas .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.ventas-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 7%;
}
.ventas-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 14%;
}
.ventas-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 23%;
}
.ventas-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 7%;
}
.ventas-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 6%;
}
.ventas-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 6%;
}
.ventas-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 7%;
}
.ventas-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 6%;
}
.ventas-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 6%;
}
.ventas-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 6%;
}
.ventas-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(11){
	width: 6%;
}
.ventas-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(12){
	width: 6%;
}


.ventas-tarifas .ui-grid-footer-canvas{
	width: 100% !important;
}
.ventas-tarifas .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.ventas-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.ventas-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 7%;
}
.ventas-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 14%;
}
.ventas-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 23%;
}
.ventas-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 7%;
}
.ventas-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 6%;
}
.ventas-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 6%;
}
.ventas-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 7%;
}
.ventas-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 6%;
}
.ventas-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 6%;
}
.ventas-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 6%;
}
.ventas-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(11){
	width: 6%;
}
.ventas-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(12){
	width: 6%;
}
@charset "UTF-8";

.compras-tarifas{
}
	.compras-tarifas .button-text-search{
		width: 39px !important;
	    height: 34px !important;
	    margin-top: 5px;
	}
	.compras-tarifas .check-column{
		flex-direction: column;
	}
		.compras-tarifas .check-column input{
			width: 20%;
		}
		
/* GRID (RESUMEN) */
/*.compras-tarifas .ui-grid-header-canvas{
	width: 100% !important;
}
.compras-tarifas .ui-grid-header-cell-wrapper{
	width: 100%;
}
.compras-tarifas .ui-grid-header-cell-row {
	width: 100%;
}
.compras-tarifas .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.compras-tarifas .ui-grid-header-cell-row > div:nth-child(1){
    width: 7%;
}
.compras-tarifas .ui-grid-header-cell-row > div:nth-child(2){
     width: 14%;
}
.compras-tarifas .ui-grid-header-cell-row > div:nth-child(3){
     width: 23%;
}
.compras-tarifas .ui-grid-header-cell-row > div:nth-child(4){
     width: 7%;
}
.compras-tarifas .ui-grid-header-cell-row > div:nth-child(5){
     width: 6%;
}
.compras-tarifas .ui-grid-header-cell-row > div:nth-child(6){
     width: 6%;
}
.compras-tarifas .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 7%;
}
.compras-tarifas .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 6%;
}
.compras-tarifas .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 6%;
}
.compras-tarifas .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 6%;
}
.compras-tarifas .ui-grid-header-cell-row > div:nth-child(11){ 
    width: 6%;
}
.compras-tarifas .ui-grid-header-cell-row > div:nth-child(12){ 
    width: 6%;
}

.compras-tarifas .ui-grid-canvas{
	width: 100% !important;
}
.compras-tarifas .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.compras-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 7%;
}
.compras-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 14%;
}
.compras-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 23%;
}
.compras-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 7%;
}
.compras-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 6%;
}
.compras-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 6%;
}
.compras-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 7%;
}
.compras-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 6%;
}
.compras-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 6%;
}
.compras-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 6%;
}
.compras-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(11){
	width: 6%;
}
.compras-tarifas .ui-grid-row > div > .ui-grid-cell:nth-child(12){
	width: 6%;
}


.compras-tarifas .ui-grid-footer-canvas{
	width: 100% !important;
}
.compras-tarifas .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.compras-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.compras-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 7%;
}
.compras-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 14%;
}
.compras-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 23%;
}
.compras-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 7%;
}
.compras-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 6%;
}
.compras-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 6%;
}
.compras-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 7%;
}
.compras-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 6%;
}
.compras-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 6%;
}
.compras-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 6%;
}
.compras-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(11){
	width: 6%;
}
.compras-tarifas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(12){
	width: 6%;
}*/
@charset "UTF-8";

.tarifas-tipos{
    
}

	.tarifas-tipos > compven-resumen-filtros .bloque{
		justify-content: center !important;
	}
	
	.tarifas-tipos > button{
		height: 22px !important;
		width: 68px !important;
		margin-top: 5px;
		margin-left: 5px;
	}
		.tarifas-tipos > button > i{
			margin-right: 1px;
			padding-top: 2px;
		}
		
		

.tarifas-tipos .content-tables,
.valores-predefinidos .content-tables {
    display: flex;
    flex-direction: column;
    padding: 0px !important;
    min-height: unset !important;
}
	.tarifas-tipos .content-tables > div,
	.valores-predefinidos .content-tables > div{
	    display: flex;
	    flex-wrap: wrap;
	}
	.tarifas-tipos .content-tables > .cabecera,
	.valores-predefinidos .content-tables > .cabecera{
	    margin: 0px 0px 0px 0px;
	    font-size: 13px;
	    text-align: center;
	    height: 20px;
	}
		.tarifas-tipos .content-tables > .cabecera > div,
		.valores-predefinidos .content-tables > .cabecera > div{
	    	margin: 0px 1px;
	    	background: #145d89;
	    	color: #fbfcfd;
	    	min-width: 60px;
	 }
	 
		.tarifas-tipos .content-tables > .cabecera > div:nth-child(1){
	    	min-width: 50px;
	    	max-width: 50px;
	 	}
		.tarifas-tipos .content-tables > .cabecera > div:nth-child(2){
	    	min-width: 250px;
	    	max-width: 250px;
	  	}
		.tarifas-tipos .content-tables > .cabecera > div:nth-child(3){
	    	min-width: 290px;
	    	max-width: 290px;
	  	}
		.tarifas-tipos .content-tables > .cabecera > div:nth-child(4){
	    	min-width: 85px;
	    	max-width: 85px;
	  	}
		.tarifas-tipos .content-tables > .cabecera > div:nth-child(5){
	    	min-width: 65px;
	    	max-width: 65px;
	  	}
		.tarifas-tipos .content-tables > .cabecera > div:nth-child(6){
	    	min-width: 65px;
	    	max-width: 65px;
	  	}
		.tarifas-tipos .content-tables > .cabecera > div:nth-child(7){
		  	min-width: 50px;
		  	max-width: 50px;
		}
		
		.valores-predefinidos .content-tables > .cabecera > div:nth-child(1){
		   	min-width: 480px;
		   	max-width: 480px;
		}
		.valores-predefinidos .content-tables > .cabecera > div:nth-child(2){
		   	min-width: 40px;
		   	max-width: 40px;
		}
		.valores-predefinidos .content-tables > .cabecera > div:nth-child(3){
		  	min-width: 50px;
		  	max-width: 50px;
		}
		
	.tarifas-tipos .content-tables > .content,
	.valores-predefinidos .content-tables > .content{
		 margin: 5px 0px 5px 0px;
	}
		.tarifas-tipos .content-tables > .content input,
		.valores-predefinidos .content-tables > .content input{
			height: 20px !important;
		}
		.tarifas-tipos .content-tables > .content > div,
		.valores-predefinidos .content-tables > .content > div{
	    	flex: 1;
	    	margin: 0px 1px;
	    	min-width: 50px;
	    	max-width: 50px;
	    	display: flex;
	    	font-size: 11px;
	  	}
		
			.tarifas-tipos .content-tables > .content > div:nth-child(1){
		    	min-width: 50px;
		    	max-width: 50px;
		    	justify-content: center;
		 	}
			.tarifas-tipos .content-tables > .content > div:nth-child(2){
		    	min-width: 250px;
		    	max-width: 250px;
		  	}
			.tarifas-tipos .content-tables > .content > div:nth-child(3){
		    	min-width: 290px;
		    	max-width: 290px;
		  	}
			.tarifas-tipos .content-tables > .content > div:nth-child(4){
		    	min-width: 85px;
		    	max-width: 85px;
		  	}
			.tarifas-tipos .content-tables > .content > div:nth-child(5){
		    	min-width: 65px;
		    	max-width: 65px;
		  	}
			.tarifas-tipos .content-tables > .content > div:nth-child(6){
		    	min-width: 65px;
		    	max-width: 65px;
		  	}
			.tarifas-tipos .content-tables > .content > div:nth-child(7){
			  	min-width: 50px;
			  	max-width: 50px;
			  	justify-content: space-evenly;
			}
		
			.valores-predefinidos .content-tables > .content > div:nth-child(1){
			   	min-width: 480px;
			   	max-width: 480px;
			}
			.valores-predefinidos .content-tables > .content > div:nth-child(2){
			   	min-width: 40px;
			   	max-width: 40px;
			}
			.valores-predefinidos .content-tables > .content > div:nth-child(3){
			  	min-width: 50px;
			  	max-width: 50px;
			  	justify-content: space-evenly;
			}
		
			.tarifas-tipos .content-tables > .content > div:nth-child(7) > button,
			.valores-predefinidos .content-tables > .content > div:nth-child(3) > button{
				background: #6c798c;
				padding: 0px 2px;
				height: 20px;
			}
				.tarifas-tipos .content-tables > .content > div:nth-child(7) > button > i,
				.valores-predefinidos .content-tables > .content > div:nth-child(3) > button > i{
					font-size: 12px;
				}
		
			.valores-predefinidos .content-tables > .content > div:nth-child(2) > .checkbox > input{
				margin-left: 0px !important;
			}
			.valores-predefinidos .content-tables > .content > div:nth-child(2) > .checkbox > i{
				margin-left: 10px !important;
    			margin-top: 1px !important;
			}
		
     
     .tarifas-tipos .content-tables .content-lineas,
     .valores-predefinidos .content-tables .content-lineas{
		overflow-y: unset !important;
    	margin-top: 5px;
	}
		.tarifas-tipos .content-tables .content-lineas .grid-erp-blue,
		.valores-predefinidos .content-tables .content-lineas .grid-erp-blue{
			border: none !important;
		}
		
			.tarifas-tipos .content-tables .content-lineas .grid-erp-blue,
			.tarifas-tipos .content-tables .content-lineas .grid-erp-blue .ui-grid-viewport{
				height: 180px !important;
			}
			
			.valores-predefinidos .content-tables .content-lineas .grid-erp-blue,
			.valores-predefinidos .content-tables .content-lineas .grid-erp-blue .ui-grid-viewport{
				height: 300px !important;
			}
			
			.tarifas-tipos .content-tables .content-lineas .grid-erp-blue .ui-grid-cell,
			.valores-predefinidos .content-tables .content-lineas .grid-erp-blue .ui-grid-cell{
				border-color: transparent !important;
				padding-left: 3px;
			}
			
	.tarifas-tipos .content-tables .content-lineas .grid-erp-blue .ui-grid-footer-cell-row .ui-grid-footer-cell .ui-grid-cell-contents,
	.valores-predefinidos .content-tables .content-lineas .grid-erp-blue .ui-grid-footer-cell-row .ui-grid-footer-cell .ui-grid-cell-contents{
		position: absolute;
		margin-left: 10px;
	}
			
	.tarifas-tipos .loading-grid-modal{
		height: 73% !important;
	}
		
		
	.tarifas-tipos .botones-footer{
		height: 20px;
    	padding-top: 4px;
    	margin-top: 12px;
	}
	
	.tarifas-tipos .info-modal{
		font-size: 12px !important;
	}	
		.tarifas-tipos .info-modal .fila{
			height: 15px !important;
		}
		
	/*.tarifas-tipos .content-tables .content-lineas .grid-erp-blue .ui-grid-cell {
	  overflow: visible !important;
	  z-index: 99999;
	}*/

	.valores-predefinidos{
		margin-bottom: 12px;
	}
		.valores-predefinidos .loading-grid-modal{
			height: 380px !important;
		}
		.valores-predefinidos .info-modal{
			border-bottom: 1px solid #2d4c6d;
		    height: 20px;
		    margin-bottom: 5px;
		    padding-left: 4px;
		    border-left: 2px solid orange;
		}
			.valores-predefinidos .info-modal i{
				margin-right: 3px;
	    		margin-left: 3px;
	    		font-size: 10px;
	    		padding-top: 6px;
			}
@charset "UTF-8";

.ventas-presupuestos {
    height: 100%;
    overflow: hidden;
}

.ventas-presupuestos input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
}

.ventas-presupuestos label{
	font-weight: normal;
	font-family: arial;
	font-size: 11px;
	/* font-weight: 200; */
}

.ventas-presupuestos .form-group{
	margin: 0px;
	margin-bottom: 1px;
	height: 20px;
	display: flex;
}

.ventas-presupuestos .col-row{
	display: flex;
}

.ventas-presupuestos .col-row-2 > *:nth-child(1) {
    margin-right: 15px;
}

.ventas-presupuestos .col-row-3 > *:nth-child(1),
.ventas-presupuestos .col-row-3 > *:nth-child(2) {
    margin-right: 15px;
}

.ventas-presupuestos .col-label{
	max-width: 65px !important;
	min-width: 65px !important;
	max-height: 20px;
	overflow: hidden;
	padding: 0px;
}

.ventas-presupuestos .col-field{
	padding: 0px;
	flex: 1;
}


.ventas-presupuestos .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.ventas-presupuestos .bottom > div{
    flex: 1;
    width: 100%;
    /* position: relative; */
    /* margin-top: 18%; */
    /* height: 40px; */
    /* padding: 5px 0px; */
    /* clear: both; */
    /* background: #286af0; */
    /* text-align: center; */
    /* color: #fff; */
}
.ventas-presupuestos .row.bottom > div:nth-child(1){
	min-height: 100px;
}

.ventas-presupuestos .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
    /* margin-top: 350px; */
}



.ventas-presupuestos .id_cliente {
    position: absolute;
    z-index: 10;
    left: 35%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}
.ventas-presupuestos .tipo_cliente {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}



.ventas-presupuestos .id_factura {
    position: absolute;
    z-index: 1;
    right: 65px;
    top: 3px;
}


/* Controls */
ul.controls-erp{
	position:absolute;
	top: 5px;
	right: 20px;
	z-index: 1;
}
ul.controls-erp > li {
    list-style: none;
    /* color: blue !important; */
}

ul.controls-erp > li > a {
    color: #757575;
}

ul.controls-erp > li > ul {
    top: 25px;
    right: -15px !important;
}

.ventas-presupuestos .buttons-articulo {
    display: flex;
    max-width: 50px;
}

.ventas-presupuestos .buttons-articulo > button{
    background: none !important;
    border: none !important;
}
.ventas-presupuestos .buttons-articulo > button:focus,
.ventas-presupuestos .buttons-articulo > button:hover,
.ventas-presupuestos .buttons-articulo > button:active{
    background: none !important;
    border: 1px solid #8f9fc3 !important;
}

/* End controls */



.ventas-presupuestos .observaciones-options {
    display: flex;
}

.ventas-presupuestos .observaciones-options > div{
    flex: 1;
}

.ventas-presupuestos .observaciones-options > div > button{
    border: none;
    font-size: 12px;
    background: #f4f5f6;
}

/* ui select */

.ventas-presupuestos .ui-select-bootstrap > .ui-select-match .ui-select-toggle > span:nth-of-type(2) > a {
    position: absolute;
    right: 5px !important;
    top: 0px !important;
    font-size: 10px;
    padding: 0px;
    color: #bfc7cb;
    margin: 0px 2px;
}

.ventas-presupuestos .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 100%;
}

.ventas-presupuestos .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
	margin: 0px !important;
	/* padding: 0px; */
	padding: 0px !important;
	position: absolute;
	top: 2px;
	height: 15px;
	overflow-y: hidden;
}

.ventas-presupuestos .ui-select-erp > div > span > span > span{/* width: 100%; *//* overflow-y: hidden; */}

.ventas-presupuestos .ui-select-erp input:focus,
.ventas-presupuestos .ui-select-erp input:focus:hover,
.ventas-presupuestos .ui-select-erp input:hover,
.ventas-presupuestos .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
	/* width: 100%; */
	/* width: 45px; */
}

.ventas-presupuestos .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.ventas-presupuestos .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.ventas-presupuestos .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}

/*.ui-select-erp > *:nth-child(1) > *:nth-child(1) > *:nth-child(2){
	width: 80% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}*/


/* end ui select */


/* Tables */
.ventas-presupuestos .text-concat{
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.ventas-presupuestos #table_articulos tbody > tr {
    border-bottom: 1px solid blue;
    font-size: 12px;
}

.ventas-presupuestos #table_articulos tbody > tr.active {
    color: #757575;
    background: #8e99a7 !important;
}

.ventas-presupuestos #table_articulos tbody > tr > td:nth-child(3){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.ventas-presupuestos #table_articulos tbody > tr > td:nth-child(4){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}
/* End tables */



/* End tabs */


/* Tile */
.ventas-presupuestos .tile{
	height: 100%;
}

.ventas-presupuestos .tile.tile-widget {
    padding: 5px;
}
	.ventas-presupuestos .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.ventas-presupuestos .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.ventas-presupuestos .tile .tile-header.dvd .controls > li.controls-editar,
		.ventas-presupuestos .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.ventas-presupuestos .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.ventas-presupuestos .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.ventas-presupuestos .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.ventas-presupuestos .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.ventas-presupuestos .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.ventas-presupuestos .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.ventas-presupuestos .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.ventas-presupuestos .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.ventas-presupuestos .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.3;
}


.ventas-presupuestos label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* controls */
.ventas-presupuestos ul.controls-erp{
	position:absolute;
	top: 2px;
	right: 20px;
	z-index: 10;
	width: auto !important;
}
	.ventas-presupuestos ul.controls-erp > li {
		list-style: none;
	}
		.ventas-presupuestos ul.controls-erp > li > a {
			color: #eaedf3;
		}
		.ventas-presupuestos ul.controls-erp > li > ul {
			top: 25px;
			right: -15px !important;
		}


/* Modificaciones */
    .ventas-presupuestos .row.nserie{
    }
    
    
    
    .ventas-presupuestos .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .ventas-presupuestos .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .ventas-presupuestos .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .ventas-presupuestos .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .ventas-presupuestos .row.urow3 > div:nth-child(3){
		margin: 0px !important;
    	padding-left: 0px !important;
		}
    .ventas-presupuestos .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.ventas-presupuestos .autowidth > input{
		width: 100% !important;
	}
	
    .ventas-presupuestos .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.ventas-presupuestos .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px !important;
	}
	
	.ventas-presupuestos .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 400px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.ventas-presupuestos .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .ventas-presupuestos .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.ventas-presupuestos .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .ventas-presupuestos .tile .tile-header-erp .controls{

	    }
	    .ventas-presupuestos .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .ventas-presupuestos .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .ventas-presupuestos .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .ventas-presupuestos .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .ventas-presupuestos .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .ventas-presupuestos .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .ventas-presupuestos .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .ventas-presupuestos .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .ventas-presupuestos .table-custom-inline .tr_custom_erp > td{
      
    }
    .ventas-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(1){
    	min-width: 20px;
    	max-width: 20px;
    }
    .ventas-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(2){
    	min-width: 180px;
    	max-width: 180px;
    }
    .ventas-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(3){
    	min-width: 300px;
    }
    .ventas-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(4){
    	min-width: 50px;
    	max-width: 50px;
    }
    .ventas-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(5){
		min-width: 75px;
		max-width: 75px;
		}
    .ventas-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(6){
		min-width: 55px;
		max-width: 55px;
    }
    .ventas-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(7){
		min-width: 55px;
		max-width: 55px;
    }
    .ventas-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(8){
		min-width: 55px;
		max-width: 55px;
    }
    .ventas-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(9){
		min-width: 55px;
		max-width: 55px;
    }
    .ventas-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(10){
		min-width: 50px;
		max-width: 50px;
    }
    
    .ventas-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(11){
    	min-width: 70px;
    	max-width: 70px;
    }
    .ventas-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(11) > a > i{
      font-size: 20px;
    }

    .ventas-presupuestos .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .ventas-presupuestos .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .ventas-presupuestos .row.row-erp{
     padding:15px !important;
   }
	   .ventas-presupuestos .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		   flex: 1;
		  }
		 .ventas-presupuestos .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .ventas-presupuestos .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.ventas-presupuestos .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.ventas-presupuestos .doc-span > i{
		font-size: 10px;
	}
	.ventas-presupuestos .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.ventas-presupuestos .doc-span:visited{
		color: #dbe0e2;
	}
	
   
   /* Tile custom */
   .ventas-presupuestos .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   

   .ventas-presupuestos .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .ventas-presupuestos .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.ventas-presupuestos .tile-table-erp div table thead{
		border-bottom: 3px solid #757575;
	}

	.ventas-presupuestos .tile-table-erp div table thead tr {

	}
	
	.ventas-presupuestos .tile-table-erp div table thead tr th{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
	}


	.ventas-presupuestos .tile-table-erp div table tbody tr td{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
		text-align: center;
	}
   
   
   /* End */
   
   
   /* Almacen */
   .ventas-presupuestos .almacen-display{
   		display: flex;
    	justify-content: space-around;
    	align-items: center;
   }
   
   /*.almacen-display > .alternate-display-erp{
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(1){
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(2){
   		visibility: hidden;
   }*/
   
   .ventas-presupuestos .almacen-display > .alternate-display-erp{
   		display: flex;
   		align-items: center;
   }
   .ventas-presupuestos .almacen-display > .alternate-display-erp > .select-convert{
   		
   }
   
   .ventas-presupuestos .almacen-display > .alternate-display-erp > .select-convert > *{
   		background: white !important;
   		box-shadow: none !important;
   }
   
   .ventas-presupuestos .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1){
   		border: 0px !important;
	    margin-top: 5px !important;
	    color: #3f4e62;
   }
   
   .ventas-presupuestos .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > span:nth-child(2) > a{ 
   		display: none !important;
   }
   
   .ventas-presupuestos .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > i{
   		display:none !important;
   }
   /* */
   
	
	
	.ventas-presupuestos .dadarticulo.over {
	  //border: 2px dashed #000;
	}   
   
    /* Placeholder drag and drop */
    .ventas-presupuestos .sortable-placeholder{
      	width: auto;
	    height: 20px !important;
	    background: #3f4e62;
    }
    

    .ventas-presupuestos .anchofull {
        width: auto !important;
    	min-width: 100% !important;
    }

    
    /* Cargando articulos */
    .ventas-presupuestos .cargando_tabla.ng-scope {text-align: center;opacity: 0.2;}

    .ventas-presupuestos .cargando_tabla.ng-scope > i {
        font-size: 180px;
    }
   
  /* end */
  
  


	.ventas-presupuestos .idventapresupuesto {
		position: absolute;
		left: 75%;
		z-index: 1;
		top: 3px;
		font-size: 12px;
		font-family: tahoma;
		color: white;
	}
	
	
	.ventas-presupuestos .idcliente {
	    position: absolute;
	    z-index: 1;
	    right: 100px;
	    top: 3px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}

	.ventas-presupuestos .tipocliente {
	    position: absolute;
	    z-index: 1;
	    right: 300px;
	    top: 3px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}


	.ventas-presupuestos .validar-factura {
		position: absolute;
		top: 0px;
		right: 43px;
		width: 20px;
		height: 20px;
		background: #95c89a;
		border-radius: 0px;
		border: none;
	}
		.ventas-presupuestos .validar-factura > i{
			position: absolute;
			top: 3px;
			right: 2px;
			color: white;
		}
	
	.ventas-presupuestos .input-yellow {
	    background: #f1f1b3;
	    border: 1px solid #cdd3d8;
	}
	
	
	.ventas-presupuestos .tab-general {
	    display: flex;
	    flex-direction: column;
	}
	    .ventas-presupuestos .tab-general .fila{
	        display: flex;
	        flex: 1;
	    }
	        .ventas-presupuestos .tab-general .fila .item-2{
	            display: flex;
	         	width: 100%;
	        }
	        .ventas-presupuestos .tab-general .fila .item-2:nth-child(1){
	           min-width: 100%;
	           max-width: 100%;
	        }
	         .ventas-presupuestos .tab-general .fila .item-2:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
	        .ventas-presupuestos .tab-general .fila .item-2:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.ventas-presupuestos .tab-general .fila .item-2 > div{
					flex: 1;
					/* height: 20px; */
					/* margin-bottom: 1px; */
				}
				.ventas-presupuestos .tab-general .fila .item-2 > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.ventas-presupuestos .tab-general .fila .item-2 > div:nth-child(2){
					min-width: 100px;
					max-width: 100px;
				}
				.ventas-presupuestos .tab-general .fila .item-2 > div:nth-child(3){
				}
					.ventas-presupuestos .tab-general .fila .item-2 > div:nth-child(3) > input{
						width: 100%;
						background: #f4f4f4;
					}


	.ventas-presupuestos .tab-clientes {
	    display: flex;
	    flex-direction: column;
	}
	    .ventas-presupuestos .tab-clientes .fila-2{
	        display: flex;
	        flex: 1;
	    }
	        .ventas-presupuestos .tab-clientes .fila-2 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .ventas-presupuestos .tab-clientes .fila-2 .item:nth-child(1){
	           min-width: 60%;
	           max-width: 60%;
	        }
	         .ventas-presupuestos .tab-clientes .fila-2 .item:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.ventas-presupuestos .tab-clientes .fila-2 .item > div{
					flex: 1;
				}
				.ventas-presupuestos .tab-clientes .fila-2 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.ventas-presupuestos .tab-clientes .fila-2 .item > div:nth-child(2){
			
				}
		.ventas-presupuestos .tab-clientes .fila-3{
	        display: flex;
	        flex: 1;
	    }
	        .ventas-presupuestos .tab-clientes .fila-3 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .ventas-presupuestos .tab-clientes .fila-3 .item:nth-child(1){
	           min-width: 30%;
	           max-width: 30%;
	        }
	         .ventas-presupuestos .tab-clientes .fila-3 .item:nth-child(2){
	           min-width: 29%;
	           max-width: 29%;
	           margin: 0px 5px;
	        }
	        .ventas-presupuestos .tab-clientes .fila-3 .item:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	        }
				.ventas-presupuestos .tab-clientes .fila-3 .item > div{
					flex: 1;
				}
				.ventas-presupuestos .tab-clientes .fila-3 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.ventas-presupuestos .tab-clientes .fila-3 .item > div:nth-child(2){
			
				}

	
	
	/* tables */
 	.ventas-presupuestos .content-tables {
    	display: flex;
    	/* RESOLUCIÓN IPAD: 1536 x 2048 */
	}
	    .ventas-presupuestos .content-tables > div{
	        flex: 1;
	        margin: 0px 5px;
	        min-width: 350px
	    }
	    .ventas-presupuestos .content-tables > div:nth-child(1){
	        
	    }
	    .ventas-presupuestos .content-tables > div:nth-child(2){
	       
	    }

	    
/* Media queries */
@media (min-width: 1024px) and (max-width: 1024px){
	.ventas-presupuestos .top1{
		display: none;
	}
}


/* GRID (RESUMEN) */
.ventas-presupuestos-resumen .ui-grid-header-canvas{
	width: 100% !important;
}
.ventas-presupuestos-resumen .ui-grid-header-cell-wrapper{
	width: 100%;
}
.ventas-presupuestos-resumen .ui-grid-header-cell-row {
	width: 100%;
}
.ventas-presupuestos-resumen .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.ventas-presupuestos-resumen .ui-grid-header-cell-row > div:nth-child(1){
    width: 7%;
}
.ventas-presupuestos-resumen .ui-grid-header-cell-row > div:nth-child(2){
     width: 10%;
}
.ventas-presupuestos-resumen .ui-grid-header-cell-row > div:nth-child(3){
     width: 28%;
}
.ventas-presupuestos-resumen .ui-grid-header-cell-row > div:nth-child(4){
     width: 10%;
}
.ventas-presupuestos-resumen .ui-grid-header-cell-row > div:nth-child(5){
     width: 10%;
}
.ventas-presupuestos-resumen .ui-grid-header-cell-row > div:nth-child(6){
     width: 7%;
}
.ventas-presupuestos-resumen .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 7%;
}
.ventas-presupuestos-resumen .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 7%;
}
.ventas-presupuestos-resumen .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 7%;
}
.ventas-presupuestos-resumen .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 7%;
}


.ventas-presupuestos-resumen .ui-grid-canvas{
	width: 100% !important;
}
.ventas-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.ventas-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 7%;
}
.ventas-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 10%;
}
.ventas-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 28%;
}
.ventas-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 10%;
}
.ventas-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 10%;
}
.ventas-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 7%;
}
.ventas-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 7%;
}
.ventas-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 7%;
}
.ventas-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 7%;
}
.ventas-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 7%;
}



.ventas-presupuestos-resumen .ui-grid-footer-canvas{
	width: 100% !important;
}
.ventas-presupuestos-resumen .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.ventas-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.ventas-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 7%;
}
.ventas-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 10%;
}
.ventas-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 28%;
}
.ventas-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 10%;
}
.ventas-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 10%;
}
.ventas-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 7%;
}
.ventas-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 7%;
}
.ventas-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 7%;
}
.ventas-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 7%;
}
.ventas-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 7%;
}

/* RESUMEN FILTROS */
.ventas-presupuestos-resumen .item-boton{
	text-align: right;
}
.ventas-presupuestos-resumen .label-resumen{
	min-width: 60px;
	font-size: 12px;
}
	.ventas-presupuestos-resumen .label-resumen > label{

	}
	.ventas-presupuestos-resumen .field{
		margin: 0px 2px;
	}
@charset "UTF-8";

.compras-presupuestos {
    height: 100%;
    overflow: hidden;
}

.compras-presupuestos input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
}

.compras-presupuestos label{
	font-weight: normal;
	font-family: arial;
	font-size: 11px;
	/* font-weight: 200; */
}

.compras-presupuestos .form-group{
	margin: 0px;
	margin-bottom: 1px;
	height: 20px;
	display: flex;
}

.compras-presupuestos .col-row{
	display: flex;
}

.compras-presupuestos .col-row-2 > *:nth-child(1) {
    margin-right: 15px;
}

.compras-presupuestos .col-row-3 > *:nth-child(1),
.compras-presupuestos .col-row-3 > *:nth-child(2) {
    margin-right: 15px;
}

.compras-presupuestos .col-label{
	max-width: 65px !important;
	min-width: 65px !important;
	max-height: 20px;
	overflow: hidden;
	padding: 0px;
}

.compras-presupuestos .col-field{
	padding: 0px;
	flex: 1;
}


.compras-presupuestos .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.compras-presupuestos .bottom > div{
    flex: 1;
    width: 100%;
    /* position: relative; */
    /* margin-top: 18%; */
    /* height: 40px; */
    /* padding: 5px 0px; */
    /* clear: both; */
    /* background: #286af0; */
    /* text-align: center; */
    /* color: #fff; */
}
.compras-presupuestos .row.bottom > div:nth-child(1){
	min-height: 100px;
}

.compras-presupuestos .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
    /* margin-top: 350px; */
}



.compras-presupuestos .id_cliente {
    position: absolute;
    z-index: 10;
    left: 35%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}
.compras-presupuestos .tipo_cliente {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}



.compras-presupuestos .id_albaran {
    position: absolute;
    z-index: 1;
    right: 65px;
    top: 3px;
}


/* Controls */
ul.controls-erp{
	position:absolute;
	top: 5px;
	right: 20px;
	z-index: 10;
}
ul.controls-erp > li {
    list-style: none;
    /* color: blue !important; */
}

ul.controls-erp > li > a {
    color: #757575;
}

ul.controls-erp > li > ul {
    top: 25px;
    right: -15px !important;
}

.compras-presupuestos .buttons-articulo {
    display: flex;
    max-width: 50px;
}

.compras-presupuestos .buttons-articulo > button{
    background: none !important;
    border: none !important;
}
.compras-presupuestos .buttons-articulo > button:focus,
.compras-presupuestos .buttons-articulo > button:hover,
.compras-presupuestos .buttons-articulo > button:active{
    background: none !important;
    border: 1px solid #8f9fc3 !important;
}

/* End controls */



.compras-presupuestos .observaciones-options {
    display: flex;
}

.compras-presupuestos .observaciones-options > div{
    flex: 1;
}

.compras-presupuestos .observaciones-options > div > button{
    border: none;
    font-size: 12px;
    background: #f4f5f6;
}

/* ui select */

.compras-presupuestos .ui-select-bootstrap > .ui-select-match .ui-select-toggle > span:nth-of-type(2) > a {
    position: absolute;
    right: 5px !important;
    top: 0px !important;
    font-size: 10px;
    padding: 0px;
    color: #bfc7cb;
    margin: 0px 2px;
}

.compras-presupuestos .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 100%;
}

.compras-presupuestos .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
	margin: 0px !important;
	/* padding: 0px; */
	padding: 0px !important;
	position: absolute;
	top: 2px;
	height: 15px;
	overflow-y: hidden;
}

.compras-presupuestos .ui-select-erp > div > span > span > span{/* width: 100%; *//* overflow-y: hidden; */}

.compras-presupuestos .ui-select-erp input:focus,
.compras-presupuestos .ui-select-erp input:focus:hover,
.compras-presupuestos .ui-select-erp input:hover,
.compras-presupuestos .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
	/* width: 100%; */
	/* width: 45px; */
}

.compras-presupuestos .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.compras-presupuestos .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.compras-presupuestos .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}

/*.ui-select-erp > *:nth-child(1) > *:nth-child(1) > *:nth-child(2){
	width: 80% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}*/


/* end ui select */


/* Tables */
.compras-presupuestos .text-concat{
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.compras-presupuestos #table_articulos tbody > tr {
    border-bottom: 1px solid blue;
    font-size: 12px;
}

.compras-presupuestos #table_articulos tbody > tr.active {
    color: #757575;
    background: #8e99a7 !important;
}

.compras-presupuestos #table_articulos tbody > tr > td:nth-child(3){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.compras-presupuestos #table_articulos tbody > tr > td:nth-child(4){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}
/* End tables */



/* End tabs */


/* Tile */
.compras-presupuestos .tile{
	height: 100%;
}

.compras-presupuestos .tile.tile-widget {
    padding: 10px;
}
	.compras-presupuestos .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.compras-presupuestos .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.compras-presupuestos .tile .tile-header.dvd .controls > li.controls-editar,
		.compras-presupuestos .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.compras-presupuestos .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.compras-presupuestos .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.compras-presupuestos .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.compras-presupuestos .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.compras-presupuestos .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.compras-presupuestos .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.compras-presupuestos .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.compras-presupuestos .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.compras-presupuestos .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.3;
}


.compras-presupuestos label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* controls */
.compras-presupuestos ul.controls-erp{
	position:absolute;
	top: 2px;
	right: 20px;
	z-index: 1;
	width: auto !important;
}
	.compras-presupuestos ul.controls-erp > li {
		list-style: none;
	}
		.compras-presupuestos ul.controls-erp > li > a {
			color: #eaedf3;
		}
		.compras-presupuestos ul.controls-erp > li > ul {
			top: 25px;
			right: -15px !important;
		}


/* Modificaciones */
    .compras-presupuestos .row.nserie{
    }
    
    
    
    .compras-presupuestos .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .compras-presupuestos .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .compras-presupuestos .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .compras-presupuestos .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .compras-presupuestos .row.urow3 > div:nth-child(3){
		margin: 0px !important;
    	padding-left: 0px !important;
		}
    .compras-presupuestos .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.compras-presupuestos .autowidth > input{
		width: 100% !important;
	}
	
    .compras-presupuestos .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.compras-presupuestos .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px !important;
	}
	
	.compras-presupuestos .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 400px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.compras-presupuestos .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .compras-presupuestos .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.compras-presupuestos .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .compras-presupuestos .tile .tile-header-erp .controls{

	    }
	    .compras-presupuestos .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .compras-presupuestos .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .compras-presupuestos .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .compras-presupuestos .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .compras-presupuestos .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .compras-presupuestos .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .compras-presupuestos .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .compras-presupuestos .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .compras-presupuestos .table-custom-inline .tr_custom_erp > td{
      
    }
    .compras-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(1){
    	min-width: 20px;
    	max-width: 20px;
    }
    .compras-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(2){
    	min-width: 180px;
    	max-width: 180px;
    }
    .compras-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(3){
    	min-width: 300px;
    }
    .compras-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(4){
    	min-width: 50px;
    	max-width: 50px;
    }
    .compras-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(5){
		min-width: 75px;
		max-width: 75px;
		}
    .compras-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(6){
		min-width: 55px;
		max-width: 55px;
    }
    .compras-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(7){
		min-width: 55px;
		max-width: 55px;
    }
    .compras-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(8){
		min-width: 55px;
		max-width: 55px;
    }
    .compras-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(9){
		min-width: 55px;
		max-width: 55px;
    }
    .compras-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(10){
		min-width: 50px;
		max-width: 50px;
    }
    
    .compras-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(11){
    	min-width: 70px;
    	max-width: 70px;
    }
    .compras-presupuestos .table-custom-inline .tr_custom_erp > td:nth-child(11) > a > i{
      font-size: 20px;
    }

    .compras-presupuestos .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .compras-presupuestos .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .compras-presupuestos .row.row-erp{
     padding:15px !important;
   }
	   .compras-presupuestos .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		   flex: 1;
		  }
		 .compras-presupuestos .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .compras-presupuestos .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.compras-presupuestos .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.compras-presupuestos .doc-span > i{
		font-size: 10px;
	}
	.compras-presupuestos .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.compras-presupuestos .doc-span:visited{
		color: #dbe0e2;
	}
	
   
   /* Tile custom */
   .compras-presupuestos .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   

   .compras-presupuestos .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .compras-presupuestos .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.compras-presupuestos .tile-table-erp div table thead{
		border-bottom: 3px solid #757575;
	}

	.compras-presupuestos .tile-table-erp div table thead tr {

	}
	
	.compras-presupuestos .tile-table-erp div table thead tr th{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
	}


	.compras-presupuestos .tile-table-erp div table tbody tr td{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
		text-align: center;
	}
   
   
   /* End */
   
   
   /* Almacen */
   .compras-presupuestos .almacen-display{
   		display: flex;
    	justify-content: space-around;
    	align-items: center;
   }
   
   /*.almacen-display > .alternate-display-erp{
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(1){
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(2){
   		visibility: hidden;
   }*/
   
   .compras-presupuestos .almacen-display > .alternate-display-erp{
   		display: flex;
   		align-items: center;
   }
   .compras-presupuestos .almacen-display > .alternate-display-erp > .select-convert{
   		
   }
   
   .compras-presupuestos .almacen-display > .alternate-display-erp > .select-convert > *{
   		background: white !important;
   		box-shadow: none !important;
   }
   
   .compras-presupuestos .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1){
   		border: 0px !important;
	    margin-top: 5px !important;
	    color: #3f4e62;
   }
   
   .compras-presupuestos .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > span:nth-child(2) > a{ 
   		display: none !important;
   }
   
   .compras-presupuestos .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > i{
   		display:none !important;
   }
   /* */
   
	
	
	.compras-presupuestos .dadarticulo.over {
	  //border: 2px dashed #000;
	}   
   
    /* Placeholder drag and drop */
    .compras-presupuestos .sortable-placeholder{
      	width: auto;
	    height: 20px !important;
	    background: #3f4e62;
    }
    

    .compras-presupuestos .anchofull {
        width: auto !important;
    	min-width: 100% !important;
    }

    
    /* Cargando articulos */
    .compras-presupuestos .cargando_tabla.ng-scope {text-align: center;opacity: 0.2;}

    .compras-presupuestos .cargando_tabla.ng-scope > i {
        font-size: 180px;
    }
   
  /* end */
  
  


	.compras-presupuestos .idcompraalbaran {
		position: absolute;
		left: 75%;
		z-index: 1;
		top: 3px;
		font-size: 12px;
		font-family: tahoma;
		color: white;
		width: max-content ! important;
	}
	
	
	.compras-presupuestos .idcliente {
	    position: absolute;
	    z-index: 1;
	    right: 100px;
	    top: 3px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}

	.compras-presupuestos .tipocliente {
	    position: absolute;
	    z-index: 1;
	    right: 300px;
	    top: 3px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}


	.compras-presupuestos .validar-albaran {
		position: absolute;
		top: 0px;
		right: 43px;
		width: 20px;
		height: 20px;
		background: #95c89a;
		border-radius: 0px;
		border: none;
	}
		.compras-presupuestos .validar-albaran > i{
			position: absolute;
			top: 3px;
			right: 2px;
			color: white;
		}
	
	.compras-presupuestos .input-yellow {
	    background: #f1f1b3;
	    border: 1px solid #cdd3d8;
	}
	
	
	.compras-presupuestos .tab-general {
	    display: flex;
	    flex-direction: column;
	}
	    .compras-presupuestos .tab-general .fila{
	        display: flex;
	        flex: 1;
	    }
	        .compras-presupuestos .tab-general .fila .item-2{
	            display: flex;
	         	width: 100%;
	        }
	        .compras-presupuestos .tab-general .fila .item-2:nth-child(1){
	           min-width: 100%;
	           max-width: 100%;
	        }
	         .compras-presupuestos .tab-general .fila .item-2:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
	        .compras-presupuestos .tab-general .fila .item-2:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.compras-presupuestos .tab-general .fila .item-2 > div{
					flex: 1;
					/* height: 20px; */
					/* margin-bottom: 1px; */
				}
				.compras-presupuestos .tab-general .fila .item-2 > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.compras-presupuestos .tab-general .fila .item-2 > div:nth-child(2){
					min-width: 100px;
					max-width: 100px;
				}
				.compras-presupuestos .tab-general .fila .item-2 > div:nth-child(3){
				}
					.compras-presupuestos .tab-general .fila .item-2 > div:nth-child(3) > input{
						width: 100%;
						background: #f4f4f4;
					}


	.compras-presupuestos .tab-clientes {
	    display: flex;
	    flex-direction: column;
	}
	    .compras-presupuestos .tab-clientes .fila-2{
	        display: flex;
	        flex: 1;
	    }
	        .compras-presupuestos .tab-clientes .fila-2 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .compras-presupuestos .tab-clientes .fila-2 .item:nth-child(1){
	           min-width: 60%;
	           max-width: 60%;
	        }
	         .compras-presupuestos .tab-clientes .fila-2 .item:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.compras-presupuestos .tab-clientes .fila-2 .item > div{
					flex: 1;
				}
				.compras-presupuestos .tab-clientes .fila-2 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.compras-presupuestos .tab-clientes .fila-2 .item > div:nth-child(2){
			
				}
		.compras-presupuestos .tab-clientes .fila-3{
	        display: flex;
	        flex: 1;
	    }
	        .compras-presupuestos .tab-clientes .fila-3 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .compras-presupuestos .tab-clientes .fila-3 .item:nth-child(1){
	           min-width: 30%;
	           max-width: 30%;
	        }
	         .compras-presupuestos .tab-clientes .fila-3 .item:nth-child(2){
	           min-width: 29%;
	           max-width: 29%;
	           margin: 0px 5px;
	        }
	        .compras-presupuestos .tab-clientes .fila-3 .item:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	        }
				.compras-presupuestos .tab-clientes .fila-3 .item > div{
					flex: 1;
				}
				.compras-presupuestos .tab-clientes .fila-3 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.compras-presupuestos .tab-clientes .fila-3 .item > div:nth-child(2){
			
				}

	
	
	/* tables */
 	.compras-presupuestos .content-tables {
    	display: flex;
    	/* RESOLUCIÓN IPAD: 1536 x 2048 */
	}
	    .compras-presupuestos .content-tables > div{
	        flex: 1;
	        margin: 0px 5px;
	        min-width: 350px
	    }
	    .compras-presupuestos .content-tables > div:nth-child(1){
	        
	    }
	    .compras-presupuestos .content-tables > div:nth-child(2){
	       
	    }

	    
/* Media queries */
@media (min-width: 1024px) and (max-width: 1024px){
	.compras-presupuestos .top1{
		display: none;
	}
}


/* GRID (RESUMEN) */
.compras-presupuestos-resumen .ui-grid-header-canvas{
	width: 100% !important;
}
.compras-presupuestos-resumen .ui-grid-header-cell-wrapper{
	width: 100%;
}
.compras-presupuestos-resumen .ui-grid-header-cell-row {
	width: 100%;
}
.compras-presupuestos-resumen .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.compras-presupuestos-resumen .ui-grid-header-cell-row > div:nth-child(1){
    width: 8%;
}
.compras-presupuestos-resumen .ui-grid-header-cell-row > div:nth-child(2){
     width: 10%;
}
.compras-presupuestos-resumen .ui-grid-header-cell-row > div:nth-child(3){
     width: 40%;
}
.compras-presupuestos-resumen .ui-grid-header-cell-row > div:nth-child(4){
     width: 6%;
}
.compras-presupuestos-resumen .ui-grid-header-cell-row > div:nth-child(5){
     width: 6%;
}
.compras-presupuestos-resumen .ui-grid-header-cell-row > div:nth-child(6){
     width: 6%;
}
.compras-presupuestos-resumen .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 6%;
}
.compras-presupuestos-resumen .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 6%;
}
.compras-presupuestos-resumen .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 6%;
}
.compras-presupuestos-resumen .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 6%;
}

.compras-presupuestos-resumen .ui-grid-canvas{
	width: 100% !important;
}
.compras-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.compras-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 8%;
}
.compras-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 10%;
}
.compras-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 40%;
}
.compras-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 6%;
}
.compras-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 6%;
}
.compras-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 6%;
}
.compras-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 6%;
}
.compras-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 6%;
}
.compras-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 6%;
}
.compras-presupuestos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 6%;
}


.compras-presupuestos-resumen .ui-grid-footer-canvas{
	width: 100% !important;
}
.compras-presupuestos-resumen .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.compras-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.compras-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 8%;
}
.compras-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 10%;
}
.compras-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 40%;
}
.compras-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 6%;
}
.compras-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 6%;
}
.compras-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 6%;
}
.compras-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 6%;
}
.compras-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 6%;
}
.compras-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 6%;
}
.compras-presupuestos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 6%;
}
@charset "UTF-8";

.compras-albaranes {
    height: 100%;
    overflow: hidden;
}

.compras-albaranes input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
}

.compras-albaranes label{
	font-weight: normal;
	font-family: arial;
	font-size: 11px;
	/* font-weight: 200; */
}

.compras-albaranes .form-group{
	margin: 0px;
	margin-bottom: 1px;
	height: 20px;
	display: flex;
}

.compras-albaranes .col-row{
	display: flex;
}

.compras-albaranes .col-row-2 > *:nth-child(1) {
    margin-right: 15px;
}

.compras-albaranes .col-row-3 > *:nth-child(1),
.compras-albaranes .col-row-3 > *:nth-child(2) {
    margin-right: 15px;
}

.compras-albaranes .col-label{
	max-width: 65px !important;
	min-width: 65px !important;
	max-height: 20px;
	overflow: hidden;
	padding: 0px;
}

.compras-albaranes .col-field{
	padding: 0px;
	flex: 1;
}


.compras-albaranes .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.compras-albaranes .bottom > div{
    flex: 1;
    width: 100%;
    /* position: relative; */
    /* margin-top: 18%; */
    /* height: 40px; */
    /* padding: 5px 0px; */
    /* clear: both; */
    /* background: #286af0; */
    /* text-align: center; */
    /* color: #fff; */
}
.compras-albaranes .row.bottom > div:nth-child(1){
	min-height: 100px;
}

.compras-albaranes .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
    /* margin-top: 350px; */
}



.compras-albaranes .id_cliente {
    position: absolute;
    z-index: 10;
    left: 35%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}
.compras-albaranes .tipo_cliente {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}



.compras-albaranes .id_albaran {
    position: absolute;
    z-index: 1;
    right: 65px;
    top: 3px;
}


/* Controls */
ul.controls-erp{
	position:absolute;
	top: 5px;
	right: 20px;
	z-index: 10;
}
ul.controls-erp > li {
    list-style: none;
    /* color: blue !important; */
}

ul.controls-erp > li > a {
    color: #757575;
}

ul.controls-erp > li > ul {
    top: 25px;
    right: -15px !important;
}

.compras-albaranes .buttons-articulo {
    display: flex;
    max-width: 50px;
}

.compras-albaranes .buttons-articulo > button{
    background: none !important;
    border: none !important;
}
.compras-albaranes .buttons-articulo > button:focus,
.compras-albaranes .buttons-articulo > button:hover,
.compras-albaranes .buttons-articulo > button:active{
    background: none !important;
    border: 1px solid #8f9fc3 !important;
}

/* End controls */



.compras-albaranes .observaciones-options {
    display: flex;
}

.compras-albaranes .observaciones-options > div{
    flex: 1;
}

.compras-albaranes .observaciones-options > div > button{
    border: none;
    font-size: 12px;
    background: #f4f5f6;
}

/* ui select */

.compras-albaranes .ui-select-bootstrap > .ui-select-match .ui-select-toggle > span:nth-of-type(2) > a {
    position: absolute;
    right: 5px !important;
    top: 0px !important;
    font-size: 10px;
    padding: 0px;
    color: #bfc7cb;
    margin: 0px 2px;
}

.compras-albaranes .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 100%;
}

.compras-albaranes .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
	margin: 0px !important;
	/* padding: 0px; */
	padding: 0px !important;
	position: absolute;
	top: 2px;
	height: 15px;
	overflow-y: hidden;
}

.compras-albaranes .ui-select-erp > div > span > span > span{/* width: 100%; *//* overflow-y: hidden; */}

.compras-albaranes .ui-select-erp input:focus,
.compras-albaranes .ui-select-erp input:focus:hover,
.compras-albaranes .ui-select-erp input:hover,
.compras-albaranes .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
	/* width: 100%; */
	/* width: 45px; */
}

.compras-albaranes .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.compras-albaranes .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.compras-albaranes .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}

/*.ui-select-erp > *:nth-child(1) > *:nth-child(1) > *:nth-child(2){
	width: 80% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}*/


/* end ui select */


/* Tables */
.compras-albaranes .text-concat{
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.compras-albaranes #table_articulos tbody > tr {
    border-bottom: 1px solid blue;
    font-size: 12px;
}

.compras-albaranes #table_articulos tbody > tr.active {
    color: #757575;
    background: #8e99a7 !important;
}

.compras-albaranes #table_articulos tbody > tr > td:nth-child(3){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.compras-albaranes #table_articulos tbody > tr > td:nth-child(4){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}
/* End tables */



/* End tabs */


/* Tile */
.compras-albaranes .tile{
	height: 100%;
}

.compras-albaranes .tile.tile-widget {
    padding: 10px;
}
	.compras-albaranes .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.compras-albaranes .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.compras-albaranes .tile .tile-header.dvd .controls > li.controls-editar,
		.compras-albaranes .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.compras-albaranes .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.compras-albaranes .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.compras-albaranes .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.compras-albaranes .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.compras-albaranes .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.compras-albaranes .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.compras-albaranes .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.compras-albaranes .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.compras-albaranes .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.3;
}


.compras-albaranes label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* controls */
.compras-albaranes ul.controls-erp{
	position:absolute;
	top: 2px;
	right: 20px;
	z-index: 1;
	width: auto !important;
}
	.compras-albaranes ul.controls-erp > li {
		list-style: none;
	}
		.compras-albaranes ul.controls-erp > li > a {
			color: #eaedf3;
		}
		.compras-albaranes ul.controls-erp > li > ul {
			top: 25px;
			right: -15px !important;
		}


/* Modificaciones */
    .compras-albaranes .row.nserie{
    }
    
    
    
    .compras-albaranes .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .compras-albaranes .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .compras-albaranes .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .compras-albaranes .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .compras-albaranes .row.urow3 > div:nth-child(3){
		margin: 0px !important;
    	padding-left: 0px !important;
		}
    .compras-albaranes .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.compras-albaranes .autowidth > input{
		width: 100% !important;
	}
	
    .compras-albaranes .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.compras-albaranes .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px !important;
	}
	
	.compras-albaranes .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 400px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.compras-albaranes .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .compras-albaranes .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.compras-albaranes .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .compras-albaranes .tile .tile-header-erp .controls{

	    }
	    .compras-albaranes .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .compras-albaranes .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .compras-albaranes .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .compras-albaranes .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .compras-albaranes .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .compras-albaranes .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .compras-albaranes .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .compras-albaranes .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .compras-albaranes .table-custom-inline .tr_custom_erp > td{
      
    }
    .compras-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(1){
    	min-width: 20px;
    	max-width: 20px;
    }
    .compras-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(2){
    	min-width: 180px;
    	max-width: 180px;
    }
    .compras-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(3){
    	min-width: 300px;
    }
    .compras-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(4){
    	min-width: 50px;
    	max-width: 50px;
    }
    .compras-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(5){
		min-width: 75px;
		max-width: 75px;
		}
    .compras-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(6){
		min-width: 55px;
		max-width: 55px;
    }
    .compras-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(7){
		min-width: 55px;
		max-width: 55px;
    }
    .compras-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(8){
		min-width: 55px;
		max-width: 55px;
    }
    .compras-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(9){
		min-width: 55px;
		max-width: 55px;
    }
    .compras-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(10){
		min-width: 50px;
		max-width: 50px;
    }
    
    .compras-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(11){
    	min-width: 70px;
    	max-width: 70px;
    }
    .compras-albaranes .table-custom-inline .tr_custom_erp > td:nth-child(11) > a > i{
      font-size: 20px;
    }

    .compras-albaranes .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .compras-albaranes .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .compras-albaranes .row.row-erp{
     padding:15px !important;
   }
	   .compras-albaranes .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		   flex: 1;
		  }
		 .compras-albaranes .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .compras-albaranes .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.compras-albaranes .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.compras-albaranes .doc-span > i{
		font-size: 10px;
	}
	.compras-albaranes .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.compras-albaranes .doc-span:visited{
		color: #dbe0e2;
	}
	
   
   /* Tile custom */
   .compras-albaranes .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   

   .compras-albaranes .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .compras-albaranes .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.compras-albaranes .tile-table-erp div table thead{
		border-bottom: 3px solid #757575;
	}

	.compras-albaranes .tile-table-erp div table thead tr {

	}
	
	.compras-albaranes .tile-table-erp div table thead tr th{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
	}


	.compras-albaranes .tile-table-erp div table tbody tr td{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
		text-align: center;
	}
   
   
   /* End */
   
   
   /* Almacen */
   .compras-albaranes .almacen-display{
   		display: flex;
    	justify-content: space-around;
    	align-items: center;
   }
   
   /*.almacen-display > .alternate-display-erp{
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(1){
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(2){
   		visibility: hidden;
   }*/
   
   .compras-albaranes .almacen-display > .alternate-display-erp{
   		display: flex;
   		align-items: center;
   }
   .compras-albaranes .almacen-display > .alternate-display-erp > .select-convert{
   		
   }
   
   .compras-albaranes .almacen-display > .alternate-display-erp > .select-convert > *{
   		background: white !important;
   		box-shadow: none !important;
   }
   
   .compras-albaranes .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1){
   		border: 0px !important;
	    margin-top: 5px !important;
	    color: #3f4e62;
   }
   
   .compras-albaranes .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > span:nth-child(2) > a{ 
   		display: none !important;
   }
   
   .compras-albaranes .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > i{
   		display:none !important;
   }
   /* */
   
	
	
	.compras-albaranes .dadarticulo.over {
	  //border: 2px dashed #000;
	}   
   
    /* Placeholder drag and drop */
    .compras-albaranes .sortable-placeholder{
      	width: auto;
	    height: 20px !important;
	    background: #3f4e62;
    }
    

    .compras-albaranes .anchofull {
        width: auto !important;
    	min-width: 100% !important;
    }

    
    /* Cargando articulos */
    .compras-albaranes .cargando_tabla.ng-scope {text-align: center;opacity: 0.2;}

    .compras-albaranes .cargando_tabla.ng-scope > i {
        font-size: 180px;
    }
   
  /* end */
  
  


	.compras-albaranes .idcompraalbaran {
		position: absolute;
		left: 75%;
		z-index: 1;
		top: 3px;
		font-size: 12px;
		font-family: tahoma;
		color: white;
		width: max-content ! important;
	}
	
	
	.compras-albaranes .idcliente {
	    position: absolute;
	    z-index: 1;
	    right: 100px;
	    top: 3px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}

	.compras-albaranes .tipocliente {
	    position: absolute;
	    z-index: 1;
	    right: 300px;
	    top: 3px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}


	.compras-albaranes .validar-albaran {
		position: absolute;
		top: 0px;
		right: 43px;
		width: 20px;
		height: 20px;
		background: #95c89a;
		border-radius: 0px;
		border: none;
	}
		.compras-albaranes .validar-albaran > i{
			position: absolute;
			top: 3px;
			right: 2px;
			color: white;
		}
	
	.compras-albaranes .input-yellow {
	    background: #f1f1b3;
	    border: 1px solid #cdd3d8;
	}
	
	
	.compras-albaranes .tab-general {
	    display: flex;
	    flex-direction: column;
	}
	    .compras-albaranes .tab-general .fila{
	        display: flex;
	        flex: 1;
	    }
	        .compras-albaranes .tab-general .fila .item-2{
	            display: flex;
	         	width: 100%;
	        }
	        .compras-albaranes .tab-general .fila .item-2:nth-child(1){
	           min-width: 100%;
	           max-width: 100%;
	        }
	         .compras-albaranes .tab-general .fila .item-2:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
	        .compras-albaranes .tab-general .fila .item-2:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.compras-albaranes .tab-general .fila .item-2 > div{
					flex: 1;
					/* height: 20px; */
					/* margin-bottom: 1px; */
				}
				.compras-albaranes .tab-general .fila .item-2 > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.compras-albaranes .tab-general .fila .item-2 > div:nth-child(2){
					min-width: 100px;
					max-width: 100px;
				}
				.compras-albaranes .tab-general .fila .item-2 > div:nth-child(3){
				}
					.compras-albaranes .tab-general .fila .item-2 > div:nth-child(3) > input{
						width: 100%;
						background: #f4f4f4;
					}


	.compras-albaranes .tab-clientes {
	    display: flex;
	    flex-direction: column;
	}
	    .compras-albaranes .tab-clientes .fila-2{
	        display: flex;
	        flex: 1;
	    }
	        .compras-albaranes .tab-clientes .fila-2 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .compras-albaranes .tab-clientes .fila-2 .item:nth-child(1){
	           min-width: 60%;
	           max-width: 60%;
	        }
	         .compras-albaranes .tab-clientes .fila-2 .item:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.compras-albaranes .tab-clientes .fila-2 .item > div{
					flex: 1;
				}
				.compras-albaranes .tab-clientes .fila-2 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.compras-albaranes .tab-clientes .fila-2 .item > div:nth-child(2){
			
				}
		.compras-albaranes .tab-clientes .fila-3{
	        display: flex;
	        flex: 1;
	    }
	        .compras-albaranes .tab-clientes .fila-3 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .compras-albaranes .tab-clientes .fila-3 .item:nth-child(1){
	           min-width: 30%;
	           max-width: 30%;
	        }
	         .compras-albaranes .tab-clientes .fila-3 .item:nth-child(2){
	           min-width: 29%;
	           max-width: 29%;
	           margin: 0px 5px;
	        }
	        .compras-albaranes .tab-clientes .fila-3 .item:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	        }
				.compras-albaranes .tab-clientes .fila-3 .item > div{
					flex: 1;
				}
				.compras-albaranes .tab-clientes .fila-3 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.compras-albaranes .tab-clientes .fila-3 .item > div:nth-child(2){
			
				}

	
	
	/* tables */
 	.compras-albaranes .content-tables {
    	display: flex;
    	/* RESOLUCIÓN IPAD: 1536 x 2048 */
	}
	    .compras-albaranes .content-tables > div{
	        flex: 1;
	        margin: 0px 5px;
	        min-width: 350px
	    }
	    .compras-albaranes .content-tables > div:nth-child(1){
	        
	    }
	    .compras-albaranes .content-tables > div:nth-child(2){
	       
	    }

	    
/* Media queries */
@media (min-width: 1024px) and (max-width: 1024px){
	.compras-albaranes .top1{
		display: none;
	}
}


/* GRID (RESUMEN) */
.compras-albaranes-resumen .ui-grid-header-canvas{
	width: 100% !important;
}
.compras-albaranes-resumen .ui-grid-header-cell-wrapper{
	width: 100%;
}
.compras-albaranes-resumen .ui-grid-header-cell-row {
	width: 100%;
}
.compras-albaranes-resumen .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.compras-albaranes-resumen .ui-grid-header-cell-row > div:nth-child(1){
    width: 8%;
}
.compras-albaranes-resumen .ui-grid-header-cell-row > div:nth-child(2){
     width: 10%;
}
.compras-albaranes-resumen .ui-grid-header-cell-row > div:nth-child(3){
     width: 40%;
}
.compras-albaranes-resumen .ui-grid-header-cell-row > div:nth-child(4){
     width: 6%;
}
.compras-albaranes-resumen .ui-grid-header-cell-row > div:nth-child(5){
     width: 6%;
}
.compras-albaranes-resumen .ui-grid-header-cell-row > div:nth-child(6){
     width: 6%;
}
.compras-albaranes-resumen .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 6%;
}
.compras-albaranes-resumen .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 6%;
}
.compras-albaranes-resumen .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 6%;
}
.compras-albaranes-resumen .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 6%;
}

.compras-albaranes-resumen .ui-grid-canvas{
	width: 100% !important;
}
.compras-albaranes-resumen .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.compras-albaranes-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 8%;
}
.compras-albaranes-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 10%;
}
.compras-albaranes-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 40%;
}
.compras-albaranes-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 6%;
}
.compras-albaranes-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 6%;
}
.compras-albaranes-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 6%;
}
.compras-albaranes-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 6%;
}
.compras-albaranes-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 6%;
}
.compras-albaranes-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 6%;
}
.compras-albaranes-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 6%;
}


.compras-albaranes-resumen .ui-grid-footer-canvas{
	width: 100% !important;
}
.compras-albaranes-resumen .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.compras-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.compras-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 8%;
}
.compras-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 10%;
}
.compras-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 40%;
}
.compras-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 6%;
}
.compras-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 6%;
}
.compras-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 6%;
}
.compras-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 6%;
}
.compras-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 6%;
}
.compras-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 6%;
}
.compras-albaranes-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 6%;
}
@charset "UTF-8";

.compras-pedidos {
    height: 100%;
    overflow: hidden;
}

.compras-pedidos input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
}

.compras-pedidos label{
	font-weight: normal;
	font-family: arial;
	font-size: 11px;
	/* font-weight: 200; */
}

.compras-pedidos .form-group{
	margin: 0px;
	margin-bottom: 1px;
	height: 20px;
	display: flex;
}

.compras-pedidos .col-row{
	display: flex;
}

.compras-pedidos .col-row-2 > *:nth-child(1) {
    margin-right: 15px;
}

.compras-pedidos .col-row-3 > *:nth-child(1),
.compras-pedidos .col-row-3 > *:nth-child(2) {
    margin-right: 15px;
}

.compras-pedidos .col-label{
	max-width: 65px !important;
	min-width: 65px !important;
	max-height: 20px;
	overflow: hidden;
	padding: 0px;
}

.compras-pedidos .col-field{
	padding: 0px;
	flex: 1;
}


.compras-pedidos .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.compras-pedidos .bottom > div{
    flex: 1;
    width: 100%;
    /* position: relative; */
    /* margin-top: 18%; */
    /* height: 40px; */
    /* padding: 5px 0px; */
    /* clear: both; */
    /* background: #286af0; */
    /* text-align: center; */
    /* color: #fff; */
}
.compras-pedidos .row.bottom > div:nth-child(1){
	min-height: 100px;
}

.compras-pedidos .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
    /* margin-top: 350px; */
}



.compras-pedidos .id_cliente {
    position: absolute;
    z-index: 10;
    left: 35%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}
.compras-pedidos .tipo_cliente {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}



.compras-pedidos .id_pedido {
    position: absolute;
    z-index: 1;
    right: 65px;
    top: 3px;
}


/* Controls */
ul.controls-erp{
	position:absolute;
	top: 5px;
	right: 20px;
	z-index: 10;
}
ul.controls-erp > li {
    list-style: none;
    /* color: blue !important; */
}

ul.controls-erp > li > a {
    color: #757575;
}

ul.controls-erp > li > ul {
    top: 25px;
    right: -15px !important;
}

.compras-pedidos .buttons-articulo {
    display: flex;
    max-width: 50px;
}

.compras-pedidos .buttons-articulo > button{
    background: none !important;
    border: none !important;
}
.compras-pedidos .buttons-articulo > button:focus,
.compras-pedidos .buttons-articulo > button:hover,
.compras-pedidos .buttons-articulo > button:active{
    background: none !important;
    border: 1px solid #8f9fc3 !important;
}

/* End controls */



.compras-pedidos .observaciones-options {
    display: flex;
}

.compras-pedidos .observaciones-options > div{
    flex: 1;
}

.compras-pedidos .observaciones-options > div > button{
    border: none;
    font-size: 12px;
    background: #f4f5f6;
}

/* ui select */

.compras-pedidos .ui-select-bootstrap > .ui-select-match .ui-select-toggle > span:nth-of-type(2) > a {
    position: absolute;
    right: 5px !important;
    top: 0px !important;
    font-size: 10px;
    padding: 0px;
    color: #bfc7cb;
    margin: 0px 2px;
}

.compras-pedidos .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 100%;
}

.compras-pedidos .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
	margin: 0px !important;
	/* padding: 0px; */
	padding: 0px !important;
	position: absolute;
	top: 2px;
	height: 15px;
	overflow-y: hidden;
}

.compras-pedidos .ui-select-erp > div > span > span > span{/* width: 100%; *//* overflow-y: hidden; */}

.compras-pedidos .ui-select-erp input:focus,
.compras-pedidos .ui-select-erp input:focus:hover,
.compras-pedidos .ui-select-erp input:hover,
.compras-pedidos .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
	/* width: 100%; */
	/* width: 45px; */
}

.compras-pedidos .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.compras-pedidos .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.compras-pedidos .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}

/*.ui-select-erp > *:nth-child(1) > *:nth-child(1) > *:nth-child(2){
	width: 80% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}*/


/* end ui select */


/* Tables */
.compras-pedidos .text-concat{
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.compras-pedidos #table_articulos tbody > tr {
    border-bottom: 1px solid blue;
    font-size: 12px;
}

.compras-pedidos #table_articulos tbody > tr.active {
    color: #757575;
    background: #8e99a7 !important;
}

.compras-pedidos #table_articulos tbody > tr > td:nth-child(3){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.compras-pedidos #table_articulos tbody > tr > td:nth-child(4){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}
/* End tables */



/* End tabs */


/* Tile */
.compras-pedidos .tile{
	height: 100%;
}

.compras-pedidos .tile.tile-widget {
    padding: 10px;
}
	.compras-pedidos .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.compras-pedidos .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.compras-pedidos .tile .tile-header.dvd .controls > li.controls-editar,
		.compras-pedidos .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.compras-pedidos .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.compras-pedidos .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.compras-pedidos .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.compras-pedidos .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.compras-pedidos .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.compras-pedidos .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.compras-pedidos .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.compras-pedidos .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.compras-pedidos .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.3;
}


.compras-pedidos label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* controls */
.compras-pedidos ul.controls-erp{
	position:absolute;
	top: 2px;
	right: 6px;
	z-index: 1;
	width: auto !important;
}

	.compras-pedidos ul.controls-erp > li {
		list-style: none;
	}
		.compras-pedidos ul.controls-erp > li > a {
			color: #eaedf3;
		}
		.compras-pedidos ul.controls-erp > li > ul {
			top: 25px;
			right: -15px !important;
		}
		
.compras-pedidos ul.controls-erp.long-head{
	top: 2px !important;
	right: 5px !important;
}
	.compras-pedidos ul.controls-erp.long-head > li > a{
		color: #ffffff !important;
	}


/* Modificaciones */
    .compras-pedidos .row.nserie{
    }
    
    
    
    .compras-pedidos .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .compras-pedidos .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .compras-pedidos .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .compras-pedidos .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .compras-pedidos .row.urow3 > div:nth-child(3){
		margin: 0px !important;
    	padding-left: 0px !important;
		}
    .compras-pedidos .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.compras-pedidos .autowidth > input{
		width: 100% !important;
	}
	
    .compras-pedidos .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.compras-pedidos .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px !important;
	}
	
	.compras-pedidos .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 400px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.compras-pedidos .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .compras-pedidos .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.compras-pedidos .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .compras-pedidos .tile .tile-header-erp .controls{

	    }
	    .compras-pedidos .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .compras-pedidos .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .compras-pedidos .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .compras-pedidos .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .compras-pedidos .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .compras-pedidos .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .compras-pedidos .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .compras-pedidos .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .compras-pedidos .table-custom-inline .tr_custom_erp > td{
      
    }
    .compras-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(1){
    	min-width: 20px;
    	max-width: 20px;
    }
    .compras-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(2){
    	min-width: 180px;
    	max-width: 180px;
    }
    .compras-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(3){
    	min-width: 300px;
    }
    .compras-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(4){
    	min-width: 50px;
    	max-width: 50px;
    }
    .compras-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(5){
		min-width: 75px;
		max-width: 75px;
		}
    .compras-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(6){
		min-width: 55px;
		max-width: 55px;
    }
    .compras-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(7){
		min-width: 55px;
		max-width: 55px;
    }
    .compras-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(8){
		min-width: 55px;
		max-width: 55px;
    }
    .compras-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(9){
		min-width: 55px;
		max-width: 55px;
    }
    .compras-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(10){
		min-width: 50px;
		max-width: 50px;
    }
    
    .compras-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(11){
    	min-width: 70px;
    	max-width: 70px;
    }
    .compras-pedidos .table-custom-inline .tr_custom_erp > td:nth-child(11) > a > i{
      font-size: 20px;
    }

    .compras-pedidos .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .compras-pedidos .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .compras-pedidos .row.row-erp{
     padding:15px !important;
   }
	   .compras-pedidos .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		   flex: 1;
		  }
		 .compras-pedidos .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .compras-pedidos .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.compras-pedidos .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.compras-pedidos .doc-span > i{
		font-size: 10px;
	}
	.compras-pedidos .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.compras-pedidos .doc-span:visited{
		color: #dbe0e2;
	}
	
   
   /* Tile custom */
   .compras-pedidos .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   

   .compras-pedidos .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .compras-pedidos .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.compras-pedidos .tile-table-erp div table thead{
		border-bottom: 3px solid #757575;
	}

	.compras-pedidos .tile-table-erp div table thead tr {

	}
	
	.compras-pedidos .tile-table-erp div table thead tr th{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
	}


	.compras-pedidos .tile-table-erp div table tbody tr td{
		color: #757575 !important;
		font-size: 13px;
		font-family: tahoma;
		text-transform: none;
		max-width: 200px;
		margin: 0px !important;
		padding: 0px 15px 0px 15px;
		font-weight: normal;
		text-align: center;
	}
   
   
   /* End */
   
   
   /* Almacen */
   .compras-pedidos .almacen-display{
   		display: flex;
    	justify-content: space-around;
    	align-items: center;
   }
   
   /*.almacen-display > .alternate-display-erp{
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(1){
   
   }
   .almacen-display > .alternate-display-erp > *:nth-child(2){
   		visibility: hidden;
   }*/
   
   .compras-pedidos .almacen-display > .alternate-display-erp{
   		display: flex;
   		align-items: center;
   }
   .compras-pedidos .almacen-display > .alternate-display-erp > .select-convert{
   		
   }
   
   .compras-pedidos .almacen-display > .alternate-display-erp > .select-convert > *{
   		background: white !important;
   		box-shadow: none !important;
   }
   
   .compras-pedidos .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1){
   		border: 0px !important;
	    margin-top: 5px !important;
	    color: #3f4e62;
   }
   
   .compras-pedidos .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > span:nth-child(2) > a{ 
   		display: none !important;
   }
   
   .compras-pedidos .almacen-display > .alternate-display-erp > .select-convert > div:nth-child(1) > span:nth-child(1) > i{
   		display:none !important;
   }
   /* */
   
	
	
	.compras-pedidos .dadarticulo.over {
	  //border: 2px dashed #000;
	}   
   
    /* Placeholder drag and drop */
    .compras-pedidos .sortable-placeholder{
      	width: auto;
	    height: 20px !important;
	    background: #3f4e62;
    }
    

    .compras-pedidos .anchofull {
        width: auto !important;
    	min-width: 100% !important;
    }

    
    /* Cargando articulos */
    .compras-pedidos .cargando_tabla.ng-scope {text-align: center;opacity: 0.2;}

    .compras-pedidos .cargando_tabla.ng-scope > i {
        font-size: 180px;
    }
   
  /* end */
  
  


	.compras-pedidos .idcomprapedido {
		position: absolute;
		left: 85%;
		z-index: 1;
		width: max-content !important;
		top: 21px;
		font-size: 11px;
		font-family: tahoma;
		color: rgb(45, 76, 109);
	}
	
	
	.compras-pedidos .idcliente {
	    position: absolute;
	    z-index: 1;
	    right: 100px;
	    top: 3px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}

	.compras-pedidos .tipocliente {
	    position: absolute;
	    z-index: 1;
	    right: 300px;
	    top: 3px;
	    font-size: 12px;
	    font-family: tahoma;
	    color: white;
	}


	.compras-pedidos .validar-pedido {
		position: absolute;
		top: 0px;
		right: 43px;
		width: 20px;
		height: 20px;
		background: #95c89a;
		border-radius: 0px;
		border: none;
	}
		.compras-pedidos .validar-pedido > i{
			position: absolute;
			top: 3px;
			right: 2px;
			color: white;
		}
	
	.compras-pedidos .input-yellow {
	    background: #f1f1b3;
	    border: 1px solid #cdd3d8;
	}
	
	
	.compras-pedidos .tab-general {
	    display: flex;
	    flex-direction: column;
	}
	    .compras-pedidos .tab-general .fila{
	        display: flex;
	        flex: 1;
	    }
	        .compras-pedidos .tab-general .fila .item-2{
	            display: flex;
	         	width: 100%;
	        }
	        .compras-pedidos .tab-general .fila .item-2:nth-child(1){
	           min-width: 100%;
	           max-width: 100%;
	        }
	         .compras-pedidos .tab-general .fila .item-2:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
	        .compras-pedidos .tab-general .fila .item-2:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.compras-pedidos .tab-general .fila .item-2 > div{
					flex: 1;
					/* height: 20px; */
					/* margin-bottom: 1px; */
				}
				.compras-pedidos .tab-general .fila .item-2 > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.compras-pedidos .tab-general .fila .item-2 > div:nth-child(2){
					min-width: 100px;
					max-width: 100px;
				}
				.compras-pedidos .tab-general .fila .item-2 > div:nth-child(3){
				}
					.compras-pedidos .tab-general .fila .item-2 > div:nth-child(3) > input{
						width: 100%;
						background: #f4f4f4;
					}


	.compras-pedidos .tab-clientes {
	    display: flex;
	    flex-direction: column;
	}
	    .compras-pedidos .tab-clientes .fila-2{
	        display: flex;
	        flex: 1;
	    }
	        .compras-pedidos .tab-clientes .fila-2 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .compras-pedidos .tab-clientes .fila-2 .item:nth-child(1){
	           min-width: 60%;
	           max-width: 60%;
	        }
	         .compras-pedidos .tab-clientes .fila-2 .item:nth-child(2){
	           min-width: 39%;
	           max-width: 39%;
	     	   margin: 0px 5px;
	        }
				.compras-pedidos .tab-clientes .fila-2 .item > div{
					flex: 1;
				}
				.compras-pedidos .tab-clientes .fila-2 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.compras-pedidos .tab-clientes .fila-2 .item > div:nth-child(2){
			
				}
		.compras-pedidos .tab-clientes .fila-3{
	        display: flex;
	        flex: 1;
	    }
	        .compras-pedidos .tab-clientes .fila-3 .item{
	            display: flex;
	         	width: 100%;
	        }
	        .compras-pedidos .tab-clientes .fila-3 .item:nth-child(1){
	           min-width: 30%;
	           max-width: 30%;
	        }
	         .compras-pedidos .tab-clientes .fila-3 .item:nth-child(2){
	           min-width: 29%;
	           max-width: 29%;
	           margin: 0px 5px;
	        }
	        .compras-pedidos .tab-clientes .fila-3 .item:nth-child(3){
	           min-width: 39%;
	           max-width: 39%;
	        }
				.compras-pedidos .tab-clientes .fila-3 .item > div{
					flex: 1;
				}
				.compras-pedidos .tab-clientes .fila-3 .item > div:nth-child(1){
					flex: 1;
					min-width: 60px;
					max-width: 60px;
				}
				.compras-pedidos .tab-clientes .fila-3 .item > div:nth-child(2){
			
				}

	
	
	/* tables */
 	.compras-pedidos .content-tables {
    	display: flex;
    	/* RESOLUCIÓN IPAD: 1536 x 2048 */
	}
	    .compras-pedidos .content-tables > div{
	        flex: 1;
	        margin: 0px 5px;
	        min-width: 350px
	    }
	    .compras-pedidos .content-tables > div:nth-child(1){
	        
	    }
	    .compras-pedidos .content-tables > div:nth-child(2){
	       
	    }

	    
/* Media queries */
@media (min-width: 1024px) and (max-width: 1024px){
	.compras-pedidos .top1{
		display: none;
	}
}


/* GRID (RESUMEN) */
.compras-pedidos-resumen .ui-grid-header-canvas{
	width: 100% !important;
}
.compras-pedidos-resumen .ui-grid-header-cell-wrapper{
	width: 100%;
}
.compras-pedidos-resumen .ui-grid-header-cell-row {
	width: 100%;
}
.compras-pedidos-resumen .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.compras-pedidos-resumen .ui-grid-header-cell-row > div:nth-child(1){
    width: 8%;
}
.compras-pedidos-resumen .ui-grid-header-cell-row > div:nth-child(2){
     width: 10%;
}
.compras-pedidos-resumen .ui-grid-header-cell-row > div:nth-child(3){
     width: 40%;
}
.compras-pedidos-resumen .ui-grid-header-cell-row > div:nth-child(4){
     width: 6%;
}
.compras-pedidos-resumen .ui-grid-header-cell-row > div:nth-child(5){
     width: 6%;
}
.compras-pedidos-resumen .ui-grid-header-cell-row > div:nth-child(6){
     width: 6%;
}
.compras-pedidos-resumen .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 6%;
}
.compras-pedidos-resumen .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 6%;
}
.compras-pedidos-resumen .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 6%;
}
.compras-pedidos-resumen .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 6%;
}

.compras-pedidos-resumen .ui-grid-canvas{
	width: 100% !important;
}
.compras-pedidos-resumen .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.compras-pedidos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 8%;
}
.compras-pedidos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 10%;
}
.compras-pedidos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 40%;
}
.compras-pedidos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 6%;
}
.compras-pedidos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 6%;
}
.compras-pedidos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 6%;
}
.compras-pedidos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 6%;
}
.compras-pedidos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 6%;
}
.compras-pedidos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 6%;
}
.compras-pedidos-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 6%;
}


.compras-pedidos-resumen .ui-grid-footer-canvas{
	width: 100% !important;
}
.compras-pedidos-resumen .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.compras-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.compras-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 8%;
}
.compras-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 10%;
}
.compras-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 40%;
}
.compras-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 6%;
}
.compras-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 6%;
}
.compras-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 6%;
}
.compras-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 6%;
}
.compras-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 6%;
}
.compras-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 6%;
}
.compras-pedidos-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 6%;
}
@charset "UTF-8";


.ventas-presupuestos-copiar .tile .tile-header {
    padding: 0px;
    background: none !important;
    color: #3f4e62 !important;
    font-family: "Dosis", "Arial", sans-serif !important;
    font-weight: normal !important;
    font-size: 12px !important;
    border-bottom: 1px solid #3f4e62;
}


/* Tile */
.ventas-presupuestos-copiar .tile{
	height: 100%;
}

.ventas-presupuestos-copiar .tile.tile-widget {
    padding: 10px;
}
	.ventas-presupuestos-copiar .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.ventas-presupuestos-copiar .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.ventas-presupuestos-copiar .tile .tile-header.dvd .controls > li.controls-editar,
		.ventas-presupuestos-copiar .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.ventas-presupuestos-copiar .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.ventas-presupuestos-copiar .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.ventas-presupuestos-copiar .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.ventas-presupuestos-copiar .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.ventas-presupuestos-copiar .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.ventas-presupuestos-copiar .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.ventas-presupuestos-copiar .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.ventas-presupuestos-copiar .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}
	
		.ventas-presupuestos-copiar .fila {
    display: flex !important;
    flex: 1 !important;
    height: 25px !important
}

.ventas-presupuestos-copiar .item-3{
	display: flex !important;
    width: 33%;
}

.ventas-presupuestos-copiar .item-2_3{
	display: flex !important;
    width: 66%;
}

.ventas-presupuestos-copiar .item-1_2{
	display: flex !important;
    width: 50%;
}

.ventas-presupuestos-copiar input {
    font-size: 11px;
    font-family: tahoma;
    height: 20px !important;
    color: #67747c;
    text-align: right;
    padding-right: 3px;
}

.ventas-presupuestos-copiar .fecha-erp > span > span > button {
    height: 20px !important;
}

.ventas-presupuestos-copiar .col-label {
    max-width: 85px !important;
    min-width: 85px !important;
    max-height: 20px !important;
    padding-left: 10px;
}

.ventas-presupuestos-copiar .check {
    padding-left: 30px;
}
@charset "UTF-8";


.ventas-presupuestos-pedido .tile .tile-header {
    padding: 0px;
    background: none !important;
    color: #3f4e62 !important;
    font-family: "Dosis", "Arial", sans-serif !important;
    font-weight: normal !important;
    font-size: 12px !important;
    border-bottom: 1px solid #3f4e62;
}


/* Tile */
.ventas-presupuestos-pedido .tile{
	height: 100%;
}

.ventas-presupuestos-pedido .tile.tile-widget {
    padding: 10px;
}
	.ventas-presupuestos-pedido .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.ventas-presupuestos-pedido .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.ventas-presupuestos-pedido .tile .tile-header.dvd .controls > li.controls-editar,
		.ventas-presupuestos-pedido .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.ventas-presupuestos-pedido .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.ventas-presupuestos-pedido .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.ventas-presupuestos-pedido .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.ventas-presupuestos-pedido .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.ventas-presupuestos-pedido .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.ventas-presupuestos-pedido .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.ventas-presupuestos-pedido .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.ventas-presupuestos-pedido .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}
	
		.ventas-presupuestos-pedido .fila {
    display: flex !important;
    flex: 1 !important;
    height: 25px !important
}

.ventas-presupuestos-pedido .item-3{
	display: flex !important;
    width: 33%;
}

.ventas-presupuestos-pedido .item-2_3{
	display: flex !important;
    width: 66%;
}

.ventas-presupuestos-pedido .item-1_2{
	display: flex !important;
    width: 50%;
}

.ventas-presupuestos-pedido input {
    font-size: 11px;
    font-family: tahoma;
    height: 20px !important;
    color: #67747c;
    text-align: right;
    padding-right: 3px;
}

.ventas-presupuestos-pedido .fecha-erp > span > span > button {
    height: 20px !important;
}

.ventas-presupuestos-pedido .col-label {
    max-width: 85px !important;
    min-width: 85px !important;
    max-height: 20px !important;
    padding-left: 10px;
}

.ventas-presupuestos-pedido .check {
    padding-left: 30px;
}
@charset "UTF-8";


.compras-presupuestos-copiar .tile .tile-header {
    padding: 0px;
    background: none !important;
    color: #3f4e62 !important;
    font-family: "Dosis", "Arial", sans-serif !important;
    font-weight: normal !important;
    font-size: 12px !important;
    border-bottom: 1px solid #3f4e62;
}


/* Tile */
.compras-presupuestos-copiar .tile{
	height: 100%;
}

.compras-presupuestos-copiar .tile.tile-widget {
    padding: 10px;
}
	.compras-presupuestos-copiar .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.compras-presupuestos-copiar .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.compras-presupuestos-copiar .tile .tile-header.dvd .controls > li.controls-editar,
		.compras-presupuestos-copiar .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.compras-presupuestos-copiar .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.compras-presupuestos-copiar .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.compras-presupuestos-copiar .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.compras-presupuestos-copiar .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.compras-presupuestos-copiar .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.compras-presupuestos-copiar .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.compras-presupuestos-copiar .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.compras-presupuestos-copiar .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}
	
		.compras-presupuestos-copiar .fila {
    display: flex !important;
    flex: 1 !important;
    height: 25px !important
}

.compras-presupuestos-copiar .item-3{
	display: flex !important;
    width: 33%;
}

.compras-presupuestos-copiar .item-2_3{
	display: flex !important;
    width: 66%;
}

.compras-presupuestos-copiar .item-1_2{
	display: flex !important;
    width: 50%;
}

.compras-presupuestos-copiar input {
    font-size: 11px;
    font-family: tahoma;
    height: 20px !important;
    color: #67747c;
    text-align: right;
    padding-right: 3px;
}

.compras-presupuestos-copiar .fecha-erp > span > span > button {
    height: 20px !important;
}

.compras-presupuestos-copiar .col-label {
    max-width: 85px !important;
    min-width: 85px !important;
    max-height: 20px !important;
    padding-left: 10px;
}

.compras-presupuestos-copiar .check {
    padding-left: 30px;
}
@charset "UTF-8";


.compras-presupuestos-pedido .tile .tile-header {
    padding: 0px;
    background: none !important;
    color: #3f4e62 !important;
    font-family: "Dosis", "Arial", sans-serif !important;
    font-weight: normal !important;
    font-size: 12px !important;
    border-bottom: 1px solid #3f4e62;
}


/* Tile */
.compras-presupuestos-pedido .tile{
	height: 100%;
}

.compras-presupuestos-pedido .tile.tile-widget {
    padding: 10px;
}
	.compras-presupuestos-pedido .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.compras-presupuestos-pedido .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.compras-presupuestos-pedido .tile .tile-header.dvd .controls > li.controls-editar,
		.compras-presupuestos-pedido .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.compras-presupuestos-pedido .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.compras-presupuestos-pedido .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.compras-presupuestos-pedido .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.compras-presupuestos-pedido .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.compras-presupuestos-pedido .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.compras-presupuestos-pedido .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.compras-presupuestos-pedido .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.compras-presupuestos-pedido .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}
	
		.compras-presupuestos-pedido .fila {
    display: flex !important;
    flex: 1 !important;
    height: 25px !important
}

.compras-presupuestos-pedido .item-3{
	display: flex !important;
    width: 33%;
}

.compras-presupuestos-pedido .item-2_3{
	display: flex !important;
    width: 66%;
}

.compras-presupuestos-pedido .item-1_2{
	display: flex !important;
    width: 50%;
}

.compras-presupuestos-pedido input {
    font-size: 11px;
    font-family: tahoma;
    height: 20px !important;
    color: #67747c;
    text-align: right;
    padding-right: 3px;
}

.compras-presupuestos-pedido .fecha-erp > span > span > button {
    height: 20px !important;
}

.compras-presupuestos-pedido .col-label {
    max-width: 85px !important;
    min-width: 85px !important;
    max-height: 20px !important;
    padding-left: 10px;
}

.compras-presupuestos-pedido .check {
    padding-left: 30px;
}
@charset "UTF-8";

.articulos {
    height: 100%;
}

.articulos .main{
	 flex-wrap: nowrap !important;
}
.articulos input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}
.articulos input::placeholder{
	font-size: 11px;
}

.articulos label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.articulos .main > div:nth-child(1) {
    padding-right: 5px !important;
    min-width: 45% !important;
}

.articulos .main > div:nth-child(2) {
    padding-right: 5px !important;
    min-width: 55% !important;
}


/* Controls */
.articulos ul.controls-erp{
	position:absolute;
	top: 1px;
	right: 7px;
	z-index: 10;
}
.articulos ul.controls-erp > li {
    list-style: none;
    /* color: blue !important; */
}

.articulos ul.controls-erp > li > a {
    color: #284362;
}

.articulos ul.controls-erp > li > ul {
    top: 25px;
    right: -15px !important;
}


/* Campo fecha */
.articulos .fecha-erp{

}
.articulos .fecha-erp > span > span{
	width: auto;
}
.articulos .fecha-erp > span > input {
    height: 20px !important;
    text-align: left;
    max-width: 80px;

}

.articulos .fecha-erp > span > span > button {
    height: 20px;
}

.articulos .fecha-erp > span > span > button > i {
    position: absolute;
    top: 5px;
    right: 8px;
}

/* End campo fecha */



/* Controls */
.articulos .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.articulos .controls-buttons-erp > li{
   margin-right: 5px;
}

.articulos .controls-buttons-erp > li > a{
    color:black;
}

.articulos .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.articulos .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.articulos .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */


.articulos .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 35px;
	right: 0px;
}

.articulos .asociados-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}

.articulos .tarifasventas-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}


.articulos label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* Modificaciones */
/*    .articulos .row.nserie{
    }
    
    
    
    .articulos .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .articulos .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .articulos .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .articulos .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .articulos .row.urow3 > div:nth-child(3){
		margin: -1px !important;
		padding-left: 0px !important;
		}
    .articulos .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.articulos .autowidth > input{
		width: 100% !important;
	}
	
    
	
	.articulos .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.articulos .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.articulos .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .articulos .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.articulos .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .articulos .tile .tile-header-erp .controls{

	    }
	    .articulos .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .articulos .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .articulos .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .articulos .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .articulos .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .articulos .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .articulos .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .articulos .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .articulos .table-custom-inline .tr_custom_erp > td{
      
    }
    
    .articulos .table-custom-inline .tr_custom_erp > td:nth-child(8){
    	min-width: 50px;
    }

    .articulos .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .articulos .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .articulos .row.row-erp{
     padding:15px !important;
   }
	   .articulos .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		  }
		 .articulos .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }*/
   
   /* Descripcion ampliada */
   .articulos .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.articulos .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.articulos .doc-span > i{
		font-size: 10px;
	}
	.articulos .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.articulos .doc-span:visited{
		color: #dbe0e2;
	}
	
	
   
   /* Tile custom */
   .articulos .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .articulos .tile-body.table-custom {
	    padding: 0px;
	}

   .articulos .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .articulos .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.articulos .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.articulos .tile-table-erp tbody td {
	}



.articulos table.table.table-custom.table-custom-inline {}

.articulos tr.tr_custom_erp {}

.articulos tr.tr_custom_erp > td:nth-child(1){
}

.articulos tr.tr_custom_erp > td:nth-child(2){
    min-width: 105px;
    max-width: 105px;
}
.articulos tr.tr_custom_erp > td:nth-child(3){
    min-width: 155px;
    max-width: 155px;
}
.articulos tr.tr_custom_erp > td:nth-child(4){
    min-width: 25px !important;
    max-width: 25px !important;
}
.articulos tr.tr_custom_erp > td:nth-child(5){
    min-width: 50px;
    max-width: 50px;
}


td.buttons-asociados {
    display: flex;
}

td.buttons-asociados > button {
    flex: 1;
    background: none;
    border: none;
    width: 20px;
    margin: 0px !important;
}

	td.buttons-asociados > button:active{
		background: transparent;
		border: none !important;
		transform: scale(0.9, 0.9);
	}
	td.buttons-asociados > button:focus{
		background: transparent;
		border: none !important;
	}
	td.buttons-asociados > button:disabled:active{
		transform: scale(1, 1);
	}
		td.buttons-asociados > button:nth-child(1):focus{
			background-color: #b5dab578;
		}
		td.buttons-asociados > button:nth-child(1):hover{
			background-color: #b5dab578;
		}
		td.buttons-asociados > button:nth-child(2):focus{
			background-color: #efacac85;
		}
		td.buttons-asociados > button:nth-child(2):hover{
			background-color: #efacac85;
		}
		td.buttons-asociados > button:disabled:hover{
			background-color: transparent;
		}	
		td.buttons-asociados > button:disabled:focus{
			background-color: transparent;
		}	
		

#table_articulos_asociados tbody {
    font-size: 12px;
    font-family: tahoma;
}

#table_articulos_composicion tbody {
    font-size: 12px;
    font-family: tahoma;
}
 
.articulos .botonFormulario{
	height: 20px !important;
	width: 20px !important;
	background: transparent;
	border: none !important;
	color: #788389;
}

	.articulos .botonFormulario:active{
		background: transparent;
		border: none !important;
		transform: scale(0.9, 0.9);
	}
	.articulos .botonFormulario:focus{
		background: transparent;
		border: none !important;
	}
	.articulos .botonFormulario:disabled:active{
		transform: scale(1, 1);
	}

.articulos .hGrid{
	height:145px !important;
}

.articulos .grid-erp-blue{
	border: none !important;
}

.articulos #usarIva{
	position: absolute !important;
	top: 4px;
	right: 15px;
	color: white !important;
}
	.articulos #usarIva i{
		background-color: white !important;
		border: 1.5px solid #325678 !important;
	}

.articulos #observ{
	position: absolute !important;
	z-index: 1;
	background: #ffffff;
	border: none;
	height: 22px;
	font-weight: 600;
	font-size: 13px;
	right: 10px;
}
	.articulos #observ:active{
		border: none !important;
		transform: scale(0.9, 1);
	}
	.articulos #observ:focus{
		border: none !important;
	}
	.articulos #observ:disabled:active{
		transform: scale(1, 1);
	}
	
	
.articulos #controlImag{
	position: absolute !important;
	right: 10px !important;
	top: 0px !important;
	z-index: 1;
}

.articulos-operaciones .parrafo{
    padding-top: 10px;
    padding-bottom: 10px;
}

.articulos-operaciones .left{
    padding-left: 20px;
}

.articulos .tab-tarifas > *:nth-child(2) > * > * > *:nth-child(1){
	padding: 0px !important;
}

.solo-lectura{
    background-color: white !important;
    border: 1px solid #cccccc !important;
}
/* End */


.sin-busqueda .ui-select-search-hidden{
    display: none;
}



/* GRID (HISTORICO ARTÍCULOS) */
.art-historico .ui-grid-header-canvas{
	width: 100% !important;
}
.art-historico .ui-grid-header-cell-wrapper{
	width: 100%;
}
.art-historico .ui-grid-header-cell-row {
	width: 100%;
}
.art-historico .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.art-historico .ui-grid-header-cell-row > div:nth-child(1){
    width: 7%;
}
.art-historico .ui-grid-header-cell-row > div:nth-child(2){
     width: 8%;
}
.art-historico .ui-grid-header-cell-row > div:nth-child(3){
     width: 8%;
}
.art-historico .ui-grid-header-cell-row > div:nth-child(4){
     width: 22%;
}
.art-historico .ui-grid-header-cell-row > div:nth-child(5){
     width: 5%;
}
.art-historico .ui-grid-header-cell-row > div:nth-child(6){
     width: 6%;
}
.art-historico .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 6%;
}
.art-historico .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 5%;
}
.art-historico .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 6%;
}
.art-historico .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 15%;
}
.art-historico .ui-grid-header-cell-row > div:nth-child(11){ 
    width: 5%;
}
.art-historico .ui-grid-header-cell-row > div:nth-child(12){ 
    width: 7%;
}

.art-historico .ui-grid-canvas{
	width: 100% !important;
}
.art-historico .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.art-historico .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 7%;
}
.art-historico .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 8%;
}
.art-historico .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 8%;
}
.art-historico .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 22%;
}
.art-historico .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 5%;
}
.art-historico .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 6%;
}
.art-historico .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 6%;
}
.art-historico .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 5%;
}
.art-historico .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 6%;
}
.art-historico .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 15%;
}
.art-historico .ui-grid-row > div > .ui-grid-cell:nth-child(11){
	width: 5%;
}
.art-historico .ui-grid-row > div > .ui-grid-cell:nth-child(12){
	width: 7%;
}

.art-historico .ui-grid-footer-canvas{
	width: 100% !important;
}
.art-historico .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.art-historico .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.art-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 7%;
}
.art-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 8%;
}
.art-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 8%;
}
.art-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 22%;
}
.art-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 5%;
}
.art-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 6%;
}
.art-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 6%;
}
.art-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 5%;
}
.art-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 6%;
}
.art-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 15%;
}
.art-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(11){
	width: 5%;
}
.art-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(12){
	width: 7%;
}
@charset "UTF-8";

.articulos-caracteristicas{
    
}

	.articulos-caracteristicas > compven-resumen-filtros .bloque{
		justify-content: center !important;
	}
	
	.articulos-caracteristicas > button{
		height: 22px !important;
		width: 68px !important;
		margin-top: 5px;
		margin-left: 5px;
	}
		.articulos-caracteristicas > button > i{
			margin-right: 1px;
			padding-top: 2px;
		}
		
		

.articulos-caracteristicas .content-tables,
.valores-predefinidos .content-tables {
    display: flex;
    flex-direction: column;
    padding: 0px !important;
    min-height: unset !important;
}
	.articulos-caracteristicas .content-tables > div,
	.valores-predefinidos .content-tables > div{
	    display: flex;
	    flex-wrap: wrap;
	}
	.articulos-caracteristicas .content-tables > .cabecera,
	.valores-predefinidos .content-tables > .cabecera{
	    margin: 0px 0px 0px 0px;
	    font-size: 13px;
	    text-align: center;
	    height: 20px;
	}
		.articulos-caracteristicas .content-tables > .cabecera > div,
		.valores-predefinidos .content-tables > .cabecera > div{
	    	margin: 0px 1px;
	    	background: #145d89;
	    	color: #fbfcfd;
	    	min-width: 60px;
	 }
	 
		.articulos-caracteristicas .content-tables > .cabecera > div:nth-child(1){
	    	min-width: 50px;
	    	max-width: 50px;
	 	}
		.articulos-caracteristicas .content-tables > .cabecera > div:nth-child(2){
	    	min-width: 250px;
	    	max-width: 250px;
	  	}
		.articulos-caracteristicas .content-tables > .cabecera > div:nth-child(3){
	    	min-width: 290px;
	    	max-width: 290px;
	  	}
		.articulos-caracteristicas .content-tables > .cabecera > div:nth-child(4){
	    	min-width: 85px;
	    	max-width: 85px;
	  	}
		.articulos-caracteristicas .content-tables > .cabecera > div:nth-child(5){
	    	min-width: 65px;
	    	max-width: 65px;
	  	}
		.articulos-caracteristicas .content-tables > .cabecera > div:nth-child(6){
	    	min-width: 65px;
	    	max-width: 65px;
	  	}
		.articulos-caracteristicas .content-tables > .cabecera > div:nth-child(7){
		  	min-width: 50px;
		  	max-width: 50px;
		}
		
		.valores-predefinidos .content-tables > .cabecera > div:nth-child(1){
		   	min-width: 480px;
		   	max-width: 480px;
		}
		.valores-predefinidos .content-tables > .cabecera > div:nth-child(2){
		   	min-width: 40px;
		   	max-width: 40px;
		}
		.valores-predefinidos .content-tables > .cabecera > div:nth-child(3){
		  	min-width: 50px;
		  	max-width: 50px;
		}
		
	.articulos-caracteristicas .content-tables > .content,
	.valores-predefinidos .content-tables > .content{
		 margin: 5px 0px 5px 0px;
	}
		.articulos-caracteristicas .content-tables > .content input,
		.valores-predefinidos .content-tables > .content input{
			height: 20px !important;
		}
		.articulos-caracteristicas .content-tables > .content > div,
		.valores-predefinidos .content-tables > .content > div{
	    	flex: 1;
	    	margin: 0px 1px;
	    	min-width: 50px;
	    	max-width: 50px;
	    	display: flex;
	    	font-size: 11px;
	  	}
		
			.articulos-caracteristicas .content-tables > .content > div:nth-child(1){
		    	min-width: 50px;
		    	max-width: 50px;
		    	justify-content: center;
		 	}
			.articulos-caracteristicas .content-tables > .content > div:nth-child(2){
		    	min-width: 250px;
		    	max-width: 250px;
		  	}
			.articulos-caracteristicas .content-tables > .content > div:nth-child(3){
		    	min-width: 290px;
		    	max-width: 290px;
		  	}
			.articulos-caracteristicas .content-tables > .content > div:nth-child(4){
		    	min-width: 85px;
		    	max-width: 85px;
		  	}
			.articulos-caracteristicas .content-tables > .content > div:nth-child(5){
		    	min-width: 65px;
		    	max-width: 65px;
		  	}
			.articulos-caracteristicas .content-tables > .content > div:nth-child(6){
		    	min-width: 65px;
		    	max-width: 65px;
		  	}
			.articulos-caracteristicas .content-tables > .content > div:nth-child(7){
			  	min-width: 50px;
			  	max-width: 50px;
			  	justify-content: space-evenly;
			}
		
			.valores-predefinidos .content-tables > .content > div:nth-child(1){
			   	min-width: 480px;
			   	max-width: 480px;
			}
			.valores-predefinidos .content-tables > .content > div:nth-child(2){
			   	min-width: 40px;
			   	max-width: 40px;
			}
			.valores-predefinidos .content-tables > .content > div:nth-child(3){
			  	min-width: 50px;
			  	max-width: 50px;
			  	justify-content: space-evenly;
			}
		
			.articulos-caracteristicas .content-tables > .content > div:nth-child(7) > button,
			.valores-predefinidos .content-tables > .content > div:nth-child(3) > button{
				background: #6c798c;
				padding: 0px 2px;
				height: 20px;
			}
				.articulos-caracteristicas .content-tables > .content > div:nth-child(7) > button > i,
				.valores-predefinidos .content-tables > .content > div:nth-child(3) > button > i{
					font-size: 12px;
				}
		
			.valores-predefinidos .content-tables > .content > div:nth-child(2) > .checkbox > input{
				margin-left: 0px !important;
			}
			.valores-predefinidos .content-tables > .content > div:nth-child(2) > .checkbox > i{
				margin-left: 10px !important;
    			margin-top: 1px !important;
			}
		
     
     .articulos-caracteristicas .content-tables .content-lineas,
     .valores-predefinidos .content-tables .content-lineas{
		overflow-y: unset !important;
    	margin-top: 5px;
	}
		.articulos-caracteristicas .content-tables .content-lineas .grid-erp-blue,
		.valores-predefinidos .content-tables .content-lineas .grid-erp-blue{
			border: none !important;
		}
		
			.articulos-caracteristicas .content-tables .content-lineas .grid-erp-blue,
			.articulos-caracteristicas .content-tables .content-lineas .grid-erp-blue .ui-grid-viewport{
				height: 180px !important;
			}
			
			.valores-predefinidos .content-tables .content-lineas .grid-erp-blue,
			.valores-predefinidos .content-tables .content-lineas .grid-erp-blue .ui-grid-viewport{
				height: 300px !important;
			}
			
			.articulos-caracteristicas .content-tables .content-lineas .grid-erp-blue .ui-grid-cell,
			.valores-predefinidos .content-tables .content-lineas .grid-erp-blue .ui-grid-cell{
				border-color: transparent !important;
				padding-left: 3px;
			}
			
	.articulos-caracteristicas .content-tables .content-lineas .grid-erp-blue .ui-grid-footer-cell-row .ui-grid-footer-cell .ui-grid-cell-contents,
	.valores-predefinidos .content-tables .content-lineas .grid-erp-blue .ui-grid-footer-cell-row .ui-grid-footer-cell .ui-grid-cell-contents{
		position: absolute;
		margin-left: 10px;
	}
			
	.articulos-caracteristicas .loading-grid-modal{
		height: 73% !important;
	}
		
		
	.articulos-caracteristicas .botones-footer{
		height: 20px;
    	padding-top: 4px;
    	margin-top: 12px;
	}
	
	.articulos-caracteristicas .info-modal{
		font-size: 12px !important;
	}	
		.articulos-caracteristicas .info-modal .fila{
			height: 15px !important;
		}
		
	/*.articulos-caracteristicas .content-tables .content-lineas .grid-erp-blue .ui-grid-cell {
	  overflow: visible !important;
	  z-index: 99999;
	}*/

	.valores-predefinidos{
		margin-bottom: 12px;
	}
		.valores-predefinidos .loading-grid-modal{
			height: 380px !important;
		}
		.valores-predefinidos .info-modal{
			border-bottom: 1px solid #2d4c6d;
		    height: 20px;
		    margin-bottom: 5px;
		    padding-left: 4px;
		    border-left: 2px solid orange;
		}
			.valores-predefinidos .info-modal i{
				margin-right: 3px;
	    		margin-left: 3px;
	    		font-size: 10px;
	    		padding-top: 6px;
			}
@charset "UTF-8";

/* Tile */
.cobros .tile{
	height: 100%;
}

.cobros .tile.tile-widget {
    padding: 10px;
}
	.cobros .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.cobros .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.cobros .tile .tile-header.dvd .controls > li.controls-editar,
		.cobros .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.cobros .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.cobros .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.cobros .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.cobros .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.cobros .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.cobros .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.cobros .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.cobros .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}
	
	
.cobros .col-row-2{
	width: 100%;
	display: flex;
}
	.cobros .col-row-2 > *:nth-child(1) {
	    margin-right: 15px;
	    /* flex: 1; */
	}
	
.cobros .cliente-cobros{
	background: #728daf !important;
	margin: 5px 0px;
	color: white;
	padding: 5px;
	margin-left: 15px;
	margin-right: 15px;
}


/* Validar vencimientos */
.cobros .vencimiento {
    display: flex;
    flex-direction: column;
}
	.cobros .vencimiento .vencimiento_items{
			display: flex;
	}
	.cobros .vencimiento .vencimiento_items input{
			height: 20px !important;
	}
	.cobros .vencimiento .vencimiento_items .check{
		margin-left: 10px;
    	display: flex;
    	align-items: center;
    	margin-right: 10px;
    	padding-left: 0px;
	}
		.cobros .vencimiento .vencimiento_items .check > input{
			width: fit-content;
    		margin: 2px;
    		align-items: center;
		}
	.cobros .vencimiento .vencimiento_items button{
		/* height: 20px !important; */
	}
		.cobros .vencimiento .vencimiento_items button i{
			vertical-align: text-top;
		}
	.cobros .vencimiento .header {
	    text-align: left !important;
	    margin-bottom: 5px;
	}
	

/* Clientes cobros */
.cobros .cliente-cobros{
    display: flex;
    margin-bottom: 10px;
    /* border-style: solid; */
    border-width: 0px;
    /* border-color: #bbbbbba6; */
    /* border-radius: 3px; */
    /* border-bottom: 2px solid #bbbbbb; */
    /* border-right: 2px solid #bbbbbb; */
}
    .cobros .cliente-cobros > div{
        flex: 1;
    }
        .cobros .cliente-cobros > div > div{

        }

.cobros .resumen-importes{
	padding-top: 15px;	
}

.cobros .item{
	display: flex;
	padding-bottom: 2px;
}
	.cobros .item > div{
		width: 130px;
	}
		.cobros .item > div:nth-child(1){
			font-weight: bold;
		}
	
.cobros .tabla_cobros{
    background: #738dad !important;
    margin-left: 15px;
    margin-right: 15px;
    /* border-style: solid; */
    border-width: 0px;
    /* border-color: #bbbbbba6; */
    color: white;
    margin-bottom: 10px;
    /* border-radius: 3px; */
    /* border-bottom: 2px solid #bbbbbb; */
    /* border-right: 2px solid #bbbbbb; */
}
}	
	.cobros .tabla_cobros .tabla_separador{
		/*border-right-style: solid;
    	border-right-width: 1px;*/
	}
		.cobros .tabla_cobros input{
			height: 20px !important;
			color: #606f76;
		}
		.cobros .tabla_cobros .cobros_save, .cobros .tabla_cobros .cobros_delete{
			height: 20px !important;
		}
		.cobros .tabla_cobros button{
			/*height: 20px !important;*/
		}
			.cobros .tabla_cobros button i{
				vertical-align: text-top;
			}
		.cobros .tabla_cobros .tabla_separador > div > div{
			margin-bottom: 0px;
		}
		
.cobros .footer_cobros{
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	display: flex;
	height: 25px;
}
	.cobros .footer_cobros .buttons_footer{
    	position: absolute;
    	right: 0;
    	margin-right: 20px;
	}
	

.cobros .cobros_save{
	background-color: #ffffff8c;
	border: none !important;
}
	.cobros .cobros_save > i:active{
		padding-top: 2px;
	}
	.cobros .cobros_save > i{
		color: #33824b;
	}

.cobros .cobros_delete{
	background-color: #ffffff8c;
	border: none !important;
}
	.cobros .cobros_delete > i:active{
		padding-top: 2px;
	}
	.cobros .cobros_delete > i{
		color: #d9534f;
	}
.cobros .grid_cobros{
	height: 100% !important;
	background: #ffffffb3;
}

.cobros .button-text-accept-modal{
	height: 25px !important;
	background-color: #47a986 !important;
}
	.cobros .button-text-accept-modal:hover{
		background-color: #4cb992 !important;
	}
.cobros .button-text-cancel-modal{
	height: 25px !important;
}





/* LINEAS COBROS  */
.cobros .ui-grid-header-canvas{
	width: 100% !important;
}
.cobros .ui-grid-header-cell-wrapper{
	width: 100%;
}
.cobros .ui-grid-header-cell-row {
	width: 100%;
}
.cobros .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.cobros .ui-grid-header-cell-row > div:nth-child(1){
	width: 20%;
}
.cobros .ui-grid-header-cell-row > div:nth-child(2){
	width: 60%;
}
.cobros .ui-grid-header-cell-row > div:nth-child(3){
	width: 20%;
}


.cobros .ui-grid-canvas{
	width: 100% !important;
}
.cobros .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.cobros .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 20%;
}
.cobros .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 60%;
}
.cobros .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 20%;
}


.cobros .ui-grid-footer-canvas{
	width: 100% !important;
}
.cobros .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.cobros .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.cobros .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 20%;
}
.cobros .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 60%;
}
.cobros .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 20%;
}

.cobros .loading-modal{
	height: 97% !important;
	width: 98% !important;
}
@charset "UTF-8";

.clientes {
    height: 100%;
}

.clientes input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}

.clientes label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.clientes .form-group{
	margin: 0px;
	margin-bottom: 5px;
	display: flex;
	/*height: 100%;*/
	width: 100%;
	flex: 1;
}

/*.clientes .col-row{
	display: flex;
	
}

.clientes .col-row-2 > *:nth-child(1) {
    margin-right: 15px;
}

.clientes .col-row-3 > *:nth-child(1),
.clientes .col-row-3 > *:nth-child(2) {
    margin-right: 15px;
}

.clientes .col-label{
	max-width: 80px !important;
	min-width: 80px !important;
	max-height: 20px !important;
	overflow: hidden;
	padding: 0px;
}

.clientes .col-field{
	padding: 0px;
	flex: 1;
	display: flex;
	width: 100%;
}*/


.clientes .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.clientes .bottom > div{
    flex: 1;
    width: 100%;
}
.clientes .row.bottom > div:nth-child(1){
	min-height: 520px;
}

.clientes .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
}

/* Controls */
.clientes .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.clientes .controls-buttons-erp > li{
   margin-right: 5px;
}

.clientes .controls-buttons-erp > li > a{
    color:black;
}

.clientes .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.clientes .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.clientes .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */


/* end ui select */

.clientes .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 1%;
    font-size: 12px;
    font-family: tahoma;
    color: white;
}

/* Tile */
.clientes .tile{
	height: 100%;
}

.clientes .tile.tile-widget {
    padding: 10px;
}
	.clientes .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.clientes .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.clientes .tile .tile-header.dvd .controls > li.controls-editar,
		.clientes .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.clientes .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.clientes .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.clientes .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.clientes .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.clientes .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.clientes .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.clientes .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.clientes .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.clientes .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 35px;
	right: 0px;
}

.clientes .delegacion-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}

.clientes .bottom-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}


.clientes label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* Modificaciones */
    .clientes .row.nserie{
    }
    
    .clientes .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .clientes .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .clientes .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .clientes .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 1px !important;
    }
    .clientes .row.urow3 > div:nth-child(3){
		margin: 0px !important;
		padding-left: 0px !important;
		}
    .clientes .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.clientes .autowidth > input{
		width: 100% !important;
	}
	
    .clientes .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.clientes .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.clientes .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.clientes .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .clientes .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.clientes .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .clientes .tile .tile-header-erp .controls{

	    }
	    .clientes .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .clientes .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .clientes .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .clientes .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .clientes .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .clientes .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .clientes .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .clientes .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .clientes .table-custom-inline .tr_custom_erp > td{
      
    }
    
    .clientes .table-custom-inline .tr_custom_erp > td:nth-child(8){
    	min-width: 50px;
    }

    .clientes .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .clientes .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .clientes .row.row-erp{
     padding:15px !important;
   }
	   .clientes .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		  }
		 .clientes .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .clientes .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.clientes .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.clientes .doc-span > i{
		font-size: 10px;
	}
	.clientes .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.clientes .doc-span:visited{
		color: #dbe0e2;
	}
	
	/* Select input directive */
	.clientes .select-input{
		display: flex;
		/* flex: 1; */
		/* margin: 0px; */
		/* padding: 0px; */
		width: 100%;
	}
	.clientes .select-input > div:nth-child(1){
		flex: 1;
	}
	.clientes .select-input i.caret.pull-right{
		display:none;
	}
	
	.clientes .a-select-input.ng-scope{
        border: 1px solid #e1e1e1;
        border-left: none;
        padding-right: 4px;
        padding-left: 4px;
        cursor: pointer;
        color: #616f77 !important;
        background: #e1e1e1;
        border-left: none;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 20px;
        position: relative;
        width: 15px;
    }
     .clientes .a-select-input.ng-scope:hover{
      background: #e1e1e1;
    }
    .clientes .a-select-input.ng-scope > i{
      font-size: 12px;
      position: absolute;
      margin-top: 2px;
    }
	
   
   /* Tile custom */
   .clientes .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .clientes .tile-body.table-custom {
	    padding: 0px;
	}

   .clientes .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .clientes .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.clientes .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.clientes .tile-table-erp tbody td {
	}

   /* End */
   
   .clientes .mLeft {
   		margin-left: 5px !important;
	}

	.clientes .fila {
    	display: flex !important;
    	flex: 1 !important;
    	height: 25px !important
	}
	
		.clientes .fila button{
			height: 20px ! important;
			font-size: 12px !important;
		}

		.clientes .fila .item-3{
			display: flex !important;
    		width: 33%;
		}

		.clientes .fila .item-2_3{
			display: flex !important;
    		width: 66%;
		}

		.clientes .fila .item-1_2{
			display: flex !important;
    		width: 50%;
		}
	
	.clientes .check {
    	padding-left: 30px !important;
    	
	}
	.clientes .checkTop {
    	margin-top: 3px !important;
	}
	
	.clientes .buttons {
    	display: flex !important;
	}
		.clientes .buttons > button{
    		background: transparent;
   			border: none;
		}
		.clientes .buttons > button:active{
    		background: transparent;
   			border: none !important;
		}
		.clientes .buttons > button:focus{
    		background: transparent;
   			border: none !important;
		}
		.clientes .buttons > button:nth-child(1){
    		margin-left: -6px !important;
		}
		.clientes .buttons > button:nth-child(2){
    		margin-left: -15px !important;
		}
	
	.clientes .buttons-grupo {
    	display: flex !important;
	}
		.clientes .buttons-grupo > button{
    		background: transparent;
   			border: none;
		}
		.clientes .buttons-grupo > button:nth-child(1){
    		margin-left: -6px !important;
		}
		.clientes .buttons-grupo > button:nth-child(2){
    		margin-left: -6px !important;
  }
		
	.clientes campo-fecha > span > span > button {
   		height: 20px;
	}
	
/* Condiciones */

.clientes .buttons-condiciones {
    position: absolute;
    top: 0px;
    background: #ffffff66;
    z-index: 1;
    right: 20px;
}
	.clientes .buttons-condiciones > button{
		background: none;
		border: none;
	}

/* End condiciones */

.clientes .loading-page {
   height: 100%;
}






/* IMAGEN */

.clientes .container-imagen{
	display:flex;
}
	.clientes .container-imagen .form-imagen{
		margin-right: 5px;
	}
		.clientes .container-imagen .form-imagen > input{
			visibility: hidden;
		}
		.clientes .container-imagen .form-imagen .imagen{
			
		}
			.clientes .container-imagen .form-imagen .imagen > img{
				width: 100%;
			}
	.clientes .container-imagen .view-imagen{
		min-width: 115px;
		max-width: 248px;
		flex: 1;
	}
		.clientes .container-imagen .view-imagen .imagen{
		
		}	
			.clientes .container-imagen .view-imagen .imagen > img{
			 	width: 100%;
			}
	.clientes .container-imagen .buttons-gallery {
	    position: absolute;
	    top: 0px;
	    right: 0px;
	    margin-left: 5px;
	}
		.clientes .container-imagen .buttons-gallery > button{
		    padding: 2px;
		    max-width: 25px;
		    width: 25px;
		}

/* Observaciones */
.clientes .button-observaciones {
    position: absolute;
    z-index: 1;
    right: 20px;
    margin-top: 9px;
    border: none !important;
}


	.clientes .auto-height {
    	display: flex !important;
    	flex: 1 !important;
	}
	.clientes .select-padding {
    	padding-top: 5px;
	}
	.clientes .tab-margin {
    	margin-top: 10px;
	}
	
.clientes .button-activar > button {
    border: none;
    background: none;
    width: 20px;
    padding: 0px;
    margin: 0px;
    /* position: absolute; */
    top: 42px;
    right: 7px;
}

	.clientes .button-activar > button:active {
		border: none !important;
		background: none;
	}
	.clientes .button-activar > button:focus {
		border: none !important;
		background: none;
	}
@charset "UTF-8";

.acreedores {
    height: 100%;
}

.acreedores input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}

.acreedores label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.acreedores .form-group{
	margin: 0px;
	margin-bottom: 5px;
	display: flex;
	/*height: 100%;*/
	width: 100%;
	flex: 1;
}

/*.acreedores .col-row{
	display: flex;
	
}

.acreedores .col-row-2 > *:nth-child(1) {
    margin-right: 15px;
}

.acreedores .col-row-3 > *:nth-child(1),
.acreedores .col-row-3 > *:nth-child(2) {
    margin-right: 15px;
}

.acreedores .col-label{
	max-width: 80px !important;
	min-width: 80px !important;
	max-height: 20px !important;
	overflow: hidden;
	padding: 0px;
}

.acreedores .col-field{
	padding: 0px;
	flex: 1;
	display: flex;
	width: 100%;
}*/


.acreedores .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.acreedores .bottom > div{
    flex: 1;
    width: 100%;
}
.acreedores .row.bottom > div:nth-child(1){
	min-height: 520px;
}

.acreedores .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
}


/* Campo fecha */
.acreedores .fecha-erp{

}
.acreedores .fecha-erp > span > span{
	width: auto;
}
.acreedores .fecha-erp > span > input {
    height: 20px !important;
    text-align: left;
    max-width: 80px;

}

.acreedores .fecha-erp > span > span > button {
    height: 20px;
}

/*.acreedores .fecha-erp > span > span > button > i {
    position: absolute;
    top: 5px;
    right: 8px;
}*/

/* End campo fecha */



/* Controls */
.acreedores .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.acreedores .controls-buttons-erp > li{
   margin-right: 5px;
}

.acreedores .controls-buttons-erp > li > a{
    color:black;
}



.acreedores .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.acreedores .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.acreedores .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */

/* ui select */
/*.acreedores .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.acreedores .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
}


.acreedores .ui-select-erp input:focus,
.acreedores .ui-select-erp input:focus:hover,
.acreedores .ui-select-erp input:hover,
.acreedores .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
}

.acreedores .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.acreedores .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.acreedores .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}*/


/* end ui select */

/* Tabs */
.acreedores .tab-erp {}
.acreedores .tab-erp > *:nth-child(1){
	/* background: #f4f5f6; */
	padding: 0px;
}
.acreedores .tab-erp > *:nth-child(2) > *{
	margin: 0px;
}
.acreedores .tab-erp > *:nth-child(1) > *:nth-child(2){
    height: 32px !important;
}

.acreedores .tab-erp > *:nth-child(1) > *:nth-child(2) > * > *{
    padding-top: 0px;
}

.acreedores .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *{
	/*color: #757575 !important;*/
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.acreedores .tab-erp md-ink-bar {
    /* top: 30px !important; */
    /* color: #3f4e62 !important; */
    /* background: #3f4e62 !important; */
}

.acreedores .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	background: #ffffff;
	margin: 0px;
	/*padding: 5px 5px 5px 6px;*/
	overflow: hidden;
}

.acreedores .tab-erp > *:nth-child(2) > * > * > *:nth-child(1) > textarea{
	width: 100%;
}


.acreedores .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 1%;
    font-size: 12px;
    font-family: tahoma;
    color: white;
}





.acreedores .tab-dynamic-erp {
    margin: 0px;
    padding: 0px;
    /* border: none; */
    width: 100%;
    /* overflow-x: hidden; */
}

.acreedores .tab-dynamic-erp > md-tabs{
	margin: 0px;
	border: none;
	/* width: 100%; */
	/* display: flex; */
}
.acreedores .tab-dynamic-erp > md-tabs > md-tabs-wrapper{
    height: 32px !important;
    padding: 0px;
}

.acreedores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data{/* top: 15px !important; */}

.acreedores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data > md-tab{
	/* top: 26px; */
}

.acreedores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas{
}

.acreedores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper{

}


.acreedores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item{padding: 0px;}

.acreedores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item > span{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.acreedores .tab-dynamic-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.acreedores .tab-dynamic-erp md-tabs-content-wrapper {
    top: 32px !important;
    /* flex: 1; */
    /* display: flex; */
}

.acreedores .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content{padding: 0px;margin: 0px;background: white;width: 100% !important;display: flex;/* flex: 1; */}

.acreedores .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.acreedores .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div{overflow: hidden;padding-top: 5px !important;padding-bottom: 10px !important;padding-left: 20px !important;padding-right: 20px !important;margin: 0px !important;text-align: left !important;display: flex;flex-direction: column;}

.acreedores .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div > div > div{
    /* padding: 0px; */
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

/* End tabs */


/* Tile */
.acreedores .tile{
	height: 100%;
}

.acreedores .tile.tile-widget {
    padding: 10px;
}
	.acreedores .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.acreedores .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.acreedores .tile .tile-header.dvd .controls > li.controls-editar,
		.acreedores .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.acreedores .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.acreedores .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.acreedores .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.acreedores .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.acreedores .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.acreedores .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.acreedores .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.acreedores .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.acreedores .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 35px;
	right: 0px;
}

.acreedores .delegacion-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}

.acreedores .bottom-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}


.acreedores label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* Modificaciones */
    .acreedores .row.nserie{
    }
    
    
    
    .acreedores .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .acreedores .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .acreedores .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .acreedores .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 1px !important;
    }
    .acreedores .row.urow3 > div:nth-child(3){
		margin: 0px !important;
		padding-left: 0px !important;
		}
    .acreedores .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.acreedores .autowidth > input{
		width: 100% !important;
	}
	
    .acreedores .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.acreedores .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.acreedores .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.acreedores .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .acreedores .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.acreedores .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .acreedores .tile .tile-header-erp .controls{

	    }
	    .acreedores .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .acreedores .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .acreedores .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .acreedores .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .acreedores .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .acreedores .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .acreedores .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .acreedores .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .acreedores .table-custom-inline .tr_custom_erp > td{
      
    }
    
    .acreedores .table-custom-inline .tr_custom_erp > td:nth-child(8){
    	min-width: 50px;
    }

    .acreedores .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .acreedores .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .acreedores .row.row-erp{
     padding:15px !important;
   }
	   .acreedores .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		  }
		 .acreedores .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .acreedores .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.acreedores .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.acreedores .doc-span > i{
		font-size: 10px;
	}
	.acreedores .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.acreedores .doc-span:visited{
		color: #dbe0e2;
	}
	
	/* Select input directive */
	.acreedores .select-input{
		display: flex;
		/* flex: 1; */
		/* margin: 0px; */
		/* padding: 0px; */
		width: 100%;
	}
	.acreedores .select-input > div:nth-child(1){
		flex: 1;
	}
	.acreedores .select-input i.caret.pull-right{
		display:none;
	}
	
	.acreedores .a-select-input.ng-scope{
        border: 1px solid #e1e1e1;
        border-left: none;
        padding-right: 4px;
        padding-left: 4px;
        cursor: pointer;
        color: #616f77 !important;
        background: #e1e1e1;
        border-left: none;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 20px;
        position: relative;
        width: 15px;
    }
     .acreedores .a-select-input.ng-scope:hover{
      background: #e1e1e1;
    }
    .acreedores .a-select-input.ng-scope > i{
      font-size: 12px;
      position: absolute;
      margin-top: 2px;
    }
	
   
   /* Tile custom */
   .acreedores .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .acreedores .tile-body.table-custom {
	    padding: 0px;
	}

   .acreedores .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .acreedores .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.acreedores .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.acreedores .tile-table-erp tbody td {
	}

   
   /* End */
   
   .acreedores .mLeft {
   		margin-left: 5px !important;
	}

	.acreedores .fila {
    	display: flex !important;
    	flex: 1 !important;
    	height: 25px !important
	}
	
		.acreedores .fila button{
			height: 20px ! important;
			/* margin-left: 5px; */
			font-size: 12px !important;
		}

		.acreedores .fila .item-3{
			display: flex !important;
    		width: 33%;
		}

		.acreedores .fila .item-2_3{
			display: flex !important;
    		width: 66%;
		}

		.acreedores .fila .item-1_2{
			display: flex !important;
    		width: 50%;
		}
	
	.acreedores .check {
    	padding-left: 30px !important;
    	
	}
	.acreedores .checkTop {
    	margin-top: 3px !important;
	}
	
	.acreedores .buttons {
    	display: flex !important;
	}
		.acreedores .buttons > button{
    		background: transparent;
   			border: none;
		}
		.acreedores .buttons > button:nth-child(1){
    		margin-left: -6px !important;
		}
		.acreedores .buttons > button:nth-child(2){
    		margin-left: -15px !important;
		}
		
.acreedores campo-fecha > span > span > button {
   		height: 20px;
	}
	
/* Condiciones */

.acreedores .buttons-condiciones {
    position: absolute;
    top: 0px;
    background: #ffffff66;
    z-index: 1;
    right: 20px;
}
	.acreedores .buttons-condiciones > button{
		background: none;
		border: none;
	}
	
.acreedores .loading-page {
   height: 100%;
}
@charset "UTF-8";

.bancos {
    height: 100%;
}

.bancos input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}

.bancos label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.bancos .form-group{
	margin: 0px;
	margin-bottom: 5px;
	display: flex;
	/*height: 100%;*/
	width: 100%;
	flex: 1;
}

/*.bancos .col-row{
	display: flex;
	
}

.bancos .col-row-2 > *:nth-child(1) {
    margin-right: 15px;
}

.bancos .col-row-3 > *:nth-child(1),
.bancos .col-row-3 > *:nth-child(2) {
    margin-right: 15px;
}

.bancos .col-label{
	max-width: 80px !important;
	min-width: 80px !important;
	max-height: 20px !important;
	overflow: hidden;
	padding: 0px;
}

.bancos .col-field{
	padding: 0px;
	flex: 1;
	display: flex;
	width: 100%;
}*/


.bancos .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.bancos .bottom > div{
    flex: 1;
    width: 100%;
}
.bancos .row.bottom > div:nth-child(1){
	min-height: 520px;
}

.bancos .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
}


/* Campo fecha */
.bancos .fecha-erp{

}
.bancos .fecha-erp > span > span{
	width: auto;
}
.bancos .fecha-erp > span > input {
    height: 20px !important;
    text-align: left;
    max-width: 80px;

}

.bancos .fecha-erp > span > span > button {
    height: 20px;
}

/*.bancos .fecha-erp > span > span > button > i {
    position: absolute;
    top: 5px;
    right: 8px;
}*/

/* End campo fecha */



/* Controls */
.bancos .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.bancos .controls-buttons-erp > li{
   margin-right: 5px;
}

.bancos .controls-buttons-erp > li > a{
    color:black;
}



.bancos .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.bancos .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.bancos .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */

/* ui select */
/*.bancos .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.bancos .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
}


.bancos .ui-select-erp input:focus,
.bancos .ui-select-erp input:focus:hover,
.bancos .ui-select-erp input:hover,
.bancos .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
}

.bancos .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.bancos .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.bancos .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}*/


/* end ui select */

/* Tabs */
.bancos .tab-erp {}
.bancos .tab-erp > *:nth-child(1){
	/* background: #f4f5f6; */
	padding: 0px;
}
.bancos .tab-erp > *:nth-child(2) > *{
	margin: 0px;
}
.bancos .tab-erp > *:nth-child(1) > *:nth-child(2){
    height: 32px !important;
}

.bancos .tab-erp > *:nth-child(1) > *:nth-child(2) > * > *{
    padding-top: 0px;
}

.bancos .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *{
	/*color: #757575 !important;*/
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.bancos .tab-erp md-ink-bar {
    /* top: 30px !important; */
    /* color: #3f4e62 !important; */
    /* background: #3f4e62 !important; */
}

.bancos .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	background: #ffffff;
	margin: 0px;
	/*padding: 5px 5px 5px 6px;*/
	overflow: hidden;
}

.bancos .tab-erp > *:nth-child(2) > * > * > *:nth-child(1) > textarea{
	width: 100%;
}


.bancos .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 1%;
    font-size: 12px;
    font-family: tahoma;
    color: white;
}





.bancos .tab-dynamic-erp {
    margin: 0px;
    padding: 0px;
    /* border: none; */
    width: 100%;
    /* overflow-x: hidden; */
}

.bancos .tab-dynamic-erp > md-tabs{
	margin: 0px;
	border: none;
	/* width: 100%; */
	/* display: flex; */
}
.bancos .tab-dynamic-erp > md-tabs > md-tabs-wrapper{
    height: 32px !important;
    padding: 0px;
}

.bancos .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data{/* top: 15px !important; */}

.bancos .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data > md-tab{
	/* top: 26px; */
}

.bancos .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas{
}

.bancos .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper{

}


.bancos .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item{padding: 0px;}

.bancos .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item > span{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.bancos .tab-dynamic-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.bancos .tab-dynamic-erp md-tabs-content-wrapper {
    top: 32px !important;
    /* flex: 1; */
    /* display: flex; */
}

.bancos .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content{padding: 0px;margin: 0px;background: white;width: 100% !important;display: flex;/* flex: 1; */}

.bancos .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.bancos .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div{overflow: hidden;padding-top: 5px !important;padding-bottom: 10px !important;padding-left: 20px !important;padding-right: 20px !important;margin: 0px !important;text-align: left !important;display: flex;flex-direction: column;}

.bancos .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div > div > div{
    /* padding: 0px; */
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

/* End tabs */


/* Tile */
.bancos .tile{
	height: 100%;
}

.bancos .tile.tile-widget {
    padding: 10px;
}
	.bancos .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.bancos .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.bancos .tile .tile-header.dvd .controls > li.controls-editar,
		.bancos .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.bancos .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.bancos .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.bancos .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.bancos .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.bancos .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.bancos .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.bancos .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.bancos .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.bancos .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 35px;
	right: 0px;
}

.bancos .delegacion-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}

.bancos .bottom-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}


.bancos label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* Modificaciones */
    .bancos .row.nserie{
    }
    
    
    
    .bancos .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .bancos .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .bancos .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .bancos .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 1px !important;
    }
    .bancos .row.urow3 > div:nth-child(3){
		margin: 0px !important;
		padding-left: 0px !important;
		}
    .bancos .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.bancos .autowidth > input{
		width: 100% !important;
	}
	
    .bancos .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.bancos .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.bancos .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.bancos .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .bancos .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.bancos .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .bancos .tile .tile-header-erp .controls{

	    }
	    .bancos .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .bancos .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .bancos .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .bancos .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .bancos .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .bancos .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .bancos .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .bancos .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .bancos .table-custom-inline .tr_custom_erp > td{
      
    }
    
    .bancos .table-custom-inline .tr_custom_erp > td:nth-child(8){
    	min-width: 50px;
    }

    .bancos .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .bancos .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .bancos .row.row-erp{
     padding:15px !important;
   }
	   .bancos .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		  }
		 .bancos .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .bancos .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.bancos .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.bancos .doc-span > i{
		font-size: 10px;
	}
	.bancos .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.bancos .doc-span:visited{
		color: #dbe0e2;
	}
	
	/* Select input directive */
	.bancos .select-input{
		display: flex;
		/* flex: 1; */
		/* margin: 0px; */
		/* padding: 0px; */
		width: 100%;
	}
	.bancos .select-input > div:nth-child(1){
		flex: 1;
	}
	.bancos .select-input i.caret.pull-right{
		display:none;
	}
	
	.bancos .a-select-input.ng-scope{
        border: 1px solid #e1e1e1;
        border-left: none;
        padding-right: 4px;
        padding-left: 4px;
        cursor: pointer;
        color: #616f77 !important;
        background: #e1e1e1;
        border-left: none;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 20px;
        position: relative;
        width: 15px;
    }
     .bancos .a-select-input.ng-scope:hover{
      background: #e1e1e1;
    }
    .bancos .a-select-input.ng-scope > i{
      font-size: 12px;
      position: absolute;
      margin-top: 2px;
    }
	
   
   /* Tile custom */
   .bancos .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .bancos .tile-body.table-custom {
	    padding: 0px;
	}

   .bancos .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .bancos .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.bancos .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.bancos .tile-table-erp tbody td {
	}

   
   /* End */
   
   .bancos .mLeft {
   		margin-left: 5px !important;
	}

	.bancos .fila {
    	display: flex !important;
    	flex: 1 !important;
    	height: 25px !important
	}
	
		.bancos .fila button{
			height: 20px ! important;
			/* margin-left: 5px; */
			font-size: 12px !important;
		}

		.bancos .fila .item-3{
			display: flex !important;
    		width: 33%;
		}

		.bancos .fila .item-2_3{
			display: flex !important;
    		width: 66%;
		}

		.bancos .fila .item-1_2{
			display: flex !important;
    		width: 50%;
		}
	
	.bancos .check {
    	padding-left: 30px !important;
    	
	}
	.bancos .checkTop {
    	margin-top: 3px !important;
	}
	
	.bancos .buttons {
    	display: flex !important;
	}
		.bancos .buttons > button{
    		background: transparent;
   			border: none;
		}
		.bancos .buttons > button:nth-child(1){
    		margin-left: -6px !important;
		}
		.bancos .buttons > button:nth-child(2){
    		margin-left: -15px !important;
		}
		
.bancos campo-fecha > span > span > button {
   		height: 20px;
	}
	
/* Condiciones */

.bancos .buttons-condiciones {
    position: absolute;
    top: 0px;
    background: #ffffff66;
    z-index: 1;
    right: 20px;
}
	.bancos .buttons-condiciones > button{
		background: none;
		border: none;
	}
	
.bancos .loading-page {
   height: 100%;
}
@charset "UTF-8";

.trabajadores {
    height: 100%;
}

.trabajadores input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}

.trabajadores label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.trabajadores .form-group{
	margin: 0px;
	margin-bottom: 5px;
	display: flex;
	/*height: 100%;*/
	width: 100%;
	flex: 1;
}

/*.trabajadores .col-row{
	display: flex;
	
}

.trabajadores .col-row-2 > *:nth-child(1) {
    margin-right: 15px;
}

.trabajadores .col-row-3 > *:nth-child(1),
.trabajadores .col-row-3 > *:nth-child(2) {
    margin-right: 15px;
}

.trabajadores .col-label{
	max-width: 80px !important;
	min-width: 80px !important;
	max-height: 20px !important;
	overflow: hidden;
	padding: 0px;
}

.trabajadores .col-field{
	padding: 0px;
	flex: 1;
	display: flex;
	width: 100%;
}*/


.trabajadores .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.trabajadores .bottom > div{
    flex: 1;
    width: 100%;
}
.trabajadores .row.bottom > div:nth-child(1){
	min-height: 520px;
}

.trabajadores .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
}


/* Campo fecha */
.trabajadores .fecha-erp{

}
.trabajadores .fecha-erp > span > span{
	width: auto;
}
.trabajadores .fecha-erp > span > input {
    height: 20px !important;
    text-align: left;
    max-width: 80px;

}

.trabajadores .fecha-erp > span > span > button {
    height: 20px;
}

/*.trabajadores .fecha-erp > span > span > button > i {
    position: absolute;
    top: 5px;
    right: 8px;
}*/

/* End campo fecha */



/* Controls */
.trabajadores .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.trabajadores .controls-buttons-erp > li{
   margin-right: 5px;
}

.trabajadores .controls-buttons-erp > li > a{
    color:black;
}



.trabajadores .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.trabajadores .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.trabajadores .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */

/* ui select */
/*.trabajadores .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.trabajadores .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
}


.trabajadores .ui-select-erp input:focus,
.trabajadores .ui-select-erp input:focus:hover,
.trabajadores .ui-select-erp input:hover,
.trabajadores .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
}

.trabajadores .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.trabajadores .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.trabajadores .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}*/


/* end ui select */

/* Tabs */
.trabajadores .tab-erp {}
.trabajadores .tab-erp > *:nth-child(1){
	/* background: #f4f5f6; */
	padding: 0px;
}
.trabajadores .tab-erp > *:nth-child(2) > *{
	margin: 0px;
}
.trabajadores .tab-erp > *:nth-child(1) > *:nth-child(2){
    height: 32px !important;
}

.trabajadores .tab-erp > *:nth-child(1) > *:nth-child(2) > * > *{
    padding-top: 0px;
}

.trabajadores .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *{
	/*color: #757575 !important;*/
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.trabajadores .tab-erp md-ink-bar {
    /* top: 30px !important; */
    /* color: #3f4e62 !important; */
    /* background: #3f4e62 !important; */
}

.trabajadores .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	background: #ffffff;
	margin: 0px;
	/*padding: 5px 5px 5px 6px;*/
	overflow: hidden;
}

.trabajadores .tab-erp > *:nth-child(2) > * > * > *:nth-child(1) > textarea{
	width: 100%;
}


.trabajadores .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 1%;
    font-size: 12px;
    font-family: tahoma;
    color: white;
}





.trabajadores .tab-dynamic-erp {
    margin: 0px;
    padding: 0px;
    /* border: none; */
    width: 100%;
    /* overflow-x: hidden; */
}

.trabajadores .tab-dynamic-erp > md-tabs{
	margin: 0px;
	border: none;
	/* width: 100%; */
	/* display: flex; */
}
.trabajadores .tab-dynamic-erp > md-tabs > md-tabs-wrapper{
    height: 32px !important;
    padding: 0px;
}

.trabajadores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data{/* top: 15px !important; */}

.trabajadores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data > md-tab{
	/* top: 26px; */
}

.trabajadores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas{
}

.trabajadores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper{

}


.trabajadores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item{padding: 0px;}

.trabajadores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item > span{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.trabajadores .tab-dynamic-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.trabajadores .tab-dynamic-erp md-tabs-content-wrapper {
    top: 32px !important;
    /* flex: 1; */
    /* display: flex; */
}

.trabajadores .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content{padding: 0px;margin: 0px;background: white;width: 100% !important;display: flex;/* flex: 1; */}

.trabajadores .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.trabajadores .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div{overflow: hidden;padding-top: 5px !important;padding-bottom: 10px !important;padding-left: 20px !important;padding-right: 20px !important;margin: 0px !important;text-align: left !important;display: flex;flex-direction: column;}

.trabajadores .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div > div > div{
    /* padding: 0px; */
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

/* End tabs */


/* Tile */
.trabajadores .tile{
	height: 100%;
}

.trabajadores .tile.tile-widget {
    padding: 10px;
}
	.trabajadores .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.trabajadores .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.trabajadores .tile .tile-header.dvd .controls > li.controls-editar,
		.trabajadores .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.trabajadores .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.trabajadores .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.trabajadores .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.trabajadores .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.trabajadores .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.trabajadores .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.trabajadores .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.trabajadores .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.trabajadores .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 35px;
	right: 0px;
}

.trabajadores .delegacion-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}

.trabajadores .bottom-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}


.trabajadores label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* Modificaciones */
    .trabajadores .row.nserie{
    }
    
    
    
    .trabajadores .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .trabajadores .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .trabajadores .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .trabajadores .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 1px !important;
    }
    .trabajadores .row.urow3 > div:nth-child(3){
		margin: 0px !important;
		padding-left: 0px !important;
		}
    .trabajadores .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.trabajadores .autowidth > input{
		width: 100% !important;
	}
	
    .trabajadores .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.trabajadores .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.trabajadores .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.trabajadores .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .trabajadores .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.trabajadores .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .trabajadores .tile .tile-header-erp .controls{

	    }
	    .trabajadores .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .trabajadores .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .trabajadores .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .trabajadores .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .trabajadores .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .trabajadores .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .trabajadores .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .trabajadores .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .trabajadores .table-custom-inline .tr_custom_erp > td{
      
    }
    
    .trabajadores .table-custom-inline .tr_custom_erp > td:nth-child(8){
    	min-width: 50px;
    }

    .trabajadores .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .trabajadores .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .trabajadores .row.row-erp{
     padding:15px !important;
   }
	   .trabajadores .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		  }
		 .trabajadores .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .trabajadores .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.trabajadores .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.trabajadores .doc-span > i{
		font-size: 10px;
	}
	.trabajadores .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.trabajadores .doc-span:visited{
		color: #dbe0e2;
	}
	
	/* Select input directive */
	.trabajadores .select-input{
		display: flex;
		/* flex: 1; */
		/* margin: 0px; */
		/* padding: 0px; */
		width: 100%;
	}
	.trabajadores .select-input > div:nth-child(1){
		flex: 1;
	}
	.trabajadores .select-input i.caret.pull-right{
		display:none;
	}
	
	.trabajadores .a-select-input.ng-scope{
        border: 1px solid #e1e1e1;
        border-left: none;
        padding-right: 4px;
        padding-left: 4px;
        cursor: pointer;
        color: #616f77 !important;
        background: #e1e1e1;
        border-left: none;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 20px;
        position: relative;
        width: 15px;
    }
     .trabajadores .a-select-input.ng-scope:hover{
      background: #e1e1e1;
    }
    .trabajadores .a-select-input.ng-scope > i{
      font-size: 12px;
      position: absolute;
      margin-top: 2px;
    }
	
   
   /* Tile custom */
   .trabajadores .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .trabajadores .tile-body.table-custom {
	    padding: 0px;
	}

   .trabajadores .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .trabajadores .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.trabajadores .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.trabajadores .tile-table-erp tbody td {
	}

   
   /* End */
   
   .trabajadores .mLeft {
   		margin-left: 5px !important;
	}

	.trabajadores .fila {
    	display: flex !important;
    	flex: 1 !important;
    	height: 25px !important
	}
	
		.trabajadores .fila button{
			height: 20px ! important;
			/* margin-left: 5px; */
			font-size: 12px !important;
		}

		.trabajadores .fila .item-3{
			display: flex !important;
    		width: 33%;
		}

		.trabajadores .fila .item-2_3{
			display: flex !important;
    		width: 66%;
		}

		.trabajadores .fila .item-1_2{
			display: flex !important;
    		width: 50%;
		}
	
	.trabajadores .check {
    	padding-left: 30px !important;
    	
	}
	.trabajadores .checkTop {
    	margin-top: 3px !important;
	}
	
	.trabajadores .buttons {
    	display: flex !important;
	}
		.trabajadores .buttons > button{
    		background: transparent;
   			border: none;
		}
		.trabajadores .buttons > button:nth-child(1){
    		margin-left: -6px !important;
		}
		.trabajadores .buttons > button:nth-child(2){
    		margin-left: -15px !important;
		}
		
.trabajadores campo-fecha > span > span > button {
   		height: 20px;
	}
	
/* Condiciones */

.trabajadores .buttons-condiciones {
    position: absolute;
    top: 0px;
    background: #ffffff66;
    z-index: 1;
    right: 20px;
}
	.trabajadores .buttons-condiciones > button{
		background: none;
		border: none;
	}
	
.trabajadores .loading-page {
   height: 100%;
}
@charset "UTF-8";

.proveedores {
    height: 100%;
}

.proveedores input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}

.proveedores label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.proveedores .form-group{
	margin: 0px;
	margin-bottom: 5px;
	display: flex;
	/*height: 100%;*/
	width: 100%;
	flex: 1;
}

/*.proveedores .col-row{
	display: flex;
	
}

.proveedores .col-row-2 > *:nth-child(1) {
    margin-right: 15px;
}

.proveedores .col-row-3 > *:nth-child(1),
.proveedores .col-row-3 > *:nth-child(2) {
    margin-right: 15px;
}

.proveedores .col-label{
	max-width: 80px !important;
	min-width: 80px !important;
	max-height: 20px !important;
	overflow: hidden;
	padding: 0px;
}

.proveedores .col-field{
	padding: 0px;
	flex: 1;
	display: flex;
	width: 100%;
}*/


.proveedores .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.proveedores .bottom > div{
    flex: 1;
    width: 100%;
}
.proveedores .row.bottom > div:nth-child(1){
	min-height: 520px;
}

.proveedores .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
}


/* Campo fecha */
.proveedores .fecha-erp{

}
.proveedores .fecha-erp > span > span{
	width: auto;
}
.proveedores .fecha-erp > span > input {
    height: 20px !important;
    text-align: left;
    max-width: 80px;

}

.proveedores .fecha-erp > span > span > button {
    height: 20px;
}

/*.proveedores .fecha-erp > span > span > button > i {
    position: absolute;
    top: 5px;
    right: 8px;
}*/

/* End campo fecha */



/* Controls */
.proveedores .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.proveedores .controls-buttons-erp > li{
   margin-right: 5px;
}

.proveedores .controls-buttons-erp > li > a{
    color:black;
}



.proveedores .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.proveedores .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.proveedores .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */

/* ui select */
/*.proveedores .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.proveedores .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
}


.proveedores .ui-select-erp input:focus,
.proveedores .ui-select-erp input:focus:hover,
.proveedores .ui-select-erp input:hover,
.proveedores .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
}

.proveedores .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.proveedores .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.proveedores .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}*/


/* end ui select */

/* Tabs */
.proveedores .tab-erp {}
.proveedores .tab-erp > *:nth-child(1){
	/* background: #f4f5f6; */
	padding: 0px;
}
.proveedores .tab-erp > *:nth-child(2) > *{
	margin: 0px;
}
.proveedores .tab-erp > *:nth-child(1) > *:nth-child(2){
    height: 32px !important;
}

.proveedores .tab-erp > *:nth-child(1) > *:nth-child(2) > * > *{
    padding-top: 0px;
}

.proveedores .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *{
	/*color: #757575 !important;*/
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.proveedores .tab-erp md-ink-bar {
    /* top: 30px !important; */
    /* color: #3f4e62 !important; */
    /* background: #3f4e62 !important; */
}

.proveedores .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	background: #ffffff;
	margin: 0px;
	/*padding: 5px 5px 5px 6px;*/
	overflow: hidden;
}

.proveedores .tab-erp > *:nth-child(2) > * > * > *:nth-child(1) > textarea{
	width: 100%;
}


.proveedores .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 1%;
    font-size: 12px;
    font-family: tahoma;
    color: white;
}





.proveedores .tab-dynamic-erp {
    margin: 0px;
    padding: 0px;
    /* border: none; */
    width: 100%;
    /* overflow-x: hidden; */
}

.proveedores .tab-dynamic-erp > md-tabs{
	margin: 0px;
	border: none;
	/* width: 100%; */
	/* display: flex; */
}
.proveedores .tab-dynamic-erp > md-tabs > md-tabs-wrapper{
    height: 32px !important;
    padding: 0px;
}

.proveedores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data{/* top: 15px !important; */}

.proveedores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data > md-tab{
	/* top: 26px; */
}

.proveedores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas{
}

.proveedores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper{

}


.proveedores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item{padding: 0px;}

.proveedores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item > span{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.proveedores .tab-dynamic-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.proveedores .tab-dynamic-erp md-tabs-content-wrapper {
    top: 32px !important;
    /* flex: 1; */
    /* display: flex; */
}

.proveedores .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content{padding: 0px;margin: 0px;background: white;width: 100% !important;display: flex;/* flex: 1; */}

.proveedores .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.proveedores .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div{overflow: hidden;padding-top: 5px !important;padding-bottom: 10px !important;padding-left: 20px !important;padding-right: 20px !important;margin: 0px !important;text-align: left !important;display: flex;flex-direction: column;}

.proveedores .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div > div > div{
    /* padding: 0px; */
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

/* End tabs */


/* Tile */
.proveedores .tile{
	height: 100%;
}

.proveedores .tile.tile-widget {
    padding: 10px;
}
	.proveedores .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.proveedores .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.proveedores .tile .tile-header.dvd .controls > li.controls-editar,
		.proveedores .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.proveedores .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.proveedores .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.proveedores .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.proveedores .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.proveedores .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.proveedores .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.proveedores .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.proveedores .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.proveedores .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 35px;
	right: 0px;
}

.proveedores .delegacion-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}

.proveedores .bottom-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}


.proveedores label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* Modificaciones */
    .proveedores .row.nserie{
    }
    
    
    
    .proveedores .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .proveedores .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .proveedores .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .proveedores .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 1px !important;
    }
    .proveedores .row.urow3 > div:nth-child(3){
		margin: 0px !important;
		padding-left: 0px !important;
		}
    .proveedores .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.proveedores .autowidth > input{
		width: 100% !important;
	}
	
    .proveedores .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.proveedores .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.proveedores .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.proveedores .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .proveedores .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.proveedores .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .proveedores .tile .tile-header-erp .controls{

	    }
	    .proveedores .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .proveedores .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .proveedores .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .proveedores .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .proveedores .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .proveedores .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .proveedores .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .proveedores .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .proveedores .table-custom-inline .tr_custom_erp > td{
      
    }
    
    .proveedores .table-custom-inline .tr_custom_erp > td:nth-child(8){
    	min-width: 50px;
    }

    .proveedores .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .proveedores .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .proveedores .row.row-erp{
     padding:15px !important;
   }
	   .proveedores .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		  }
		 .proveedores .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .proveedores .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.proveedores .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.proveedores .doc-span > i{
		font-size: 10px;
	}
	.proveedores .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.proveedores .doc-span:visited{
		color: #dbe0e2;
	}
	
	/* Select input directive */
	.proveedores .select-input{
		display: flex;
		/* flex: 1; */
		/* margin: 0px; */
		/* padding: 0px; */
		width: 100%;
	}
	.proveedores .select-input > div:nth-child(1){
		flex: 1;
	}
	.proveedores .select-input i.caret.pull-right{
		display:none;
	}
	
	.proveedores .a-select-input.ng-scope{
        border: 1px solid #e1e1e1;
        border-left: none;
        padding-right: 4px;
        padding-left: 4px;
        cursor: pointer;
        color: #616f77 !important;
        background: #e1e1e1;
        border-left: none;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 20px;
        position: relative;
        width: 15px;
    }
     .proveedores .a-select-input.ng-scope:hover{
      background: #e1e1e1;
    }
    .proveedores .a-select-input.ng-scope > i{
      font-size: 12px;
      position: absolute;
      margin-top: 2px;
    }
	
   
   /* Tile custom */
   .proveedores .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .proveedores .tile-body.table-custom {
	    padding: 0px;
	}

   .proveedores .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .proveedores .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.proveedores .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.proveedores .tile-table-erp tbody td {
	}

   
   /* End */
   
   .proveedores .mLeft {
   		margin-left: 5px !important;
	}

	.proveedores .fila {
    	display: flex !important;
    	flex: 1 !important;
    	height: 25px !important
	}
	
		.proveedores .fila button{
			height: 20px ! important;
			/* margin-left: 5px; */
			font-size: 12px !important;
		}

		.proveedores .fila .item-3{
			display: flex !important;
    		width: 33%;
		}

		.proveedores .fila .item-2_3{
			display: flex !important;
    		width: 66%;
		}

		.proveedores .fila .item-1_2{
			display: flex !important;
    		width: 50%;
		}
	
	.proveedores .check {
    	padding-left: 30px !important;
    	
	}
	.proveedores .checkTop {
    	margin-top: 3px !important;
	}
	
	.proveedores .buttons {
    	display: flex !important;
	}
		.proveedores .buttons > button{
    		background: transparent;
   			border: none;
		}
		.proveedores .buttons > button:nth-child(1){
    		margin-left: -6px !important;
		}
		.proveedores .buttons > button:nth-child(2){
    		margin-left: -15px !important;
		}
		
.proveedores campo-fecha > span > span > button {
   		height: 20px;
	}
	
/* Condiciones */

.proveedores .buttons-condiciones {
    position: absolute;
    top: 0px;
    background: #ffffff66;
    z-index: 1;
    right: 20px;
}
	.proveedores .buttons-condiciones > button{
		background: none;
		border: none;
	}
	
.proveedores .loading-page {
   height: 100%;
}
@charset "UTF-8";

.empresas {
    height: 100%;
}

.empresas input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}

.empresas label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.empresas .form-group{
	margin: 0px;
	margin-bottom: 5px;
	display: flex;
	/*height: 100%;*/
	width: 100%;
	flex: 1;
}

/*.empresas .col-row{
	display: flex;
	
}

.empresas .col-row-2 > *:nth-child(1) {
    margin-right: 15px;
}

.empresas .col-row-3 > *:nth-child(1),
.empresas .col-row-3 > *:nth-child(2) {
    margin-right: 15px;
}

.empresas .col-label{
	max-width: 80px !important;
	min-width: 80px !important;
	max-height: 20px !important;
	overflow: hidden;
	padding: 0px;
}

.empresas .col-field{
	padding: 0px;
	flex: 1;
	display: flex;
	width: 100%;
}*/


.empresas .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.empresas .bottom > div{
    flex: 1;
    width: 100%;
}
.empresas .row.bottom > div:nth-child(1){
	min-height: 520px;
}

.empresas .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
}


/* Campo fecha */
.empresas .fecha-erp{

}
.empresas .fecha-erp > span > span{
	width: auto;
}
.empresas .fecha-erp > span > input {
    height: 20px !important;
    text-align: left;
    max-width: 80px;

}

.empresas .fecha-erp > span > span > button {
    height: 20px;
}

.empresas .fecha-erp > span > span > button > i {
    position: absolute;
    top: 5px;
    right: 8px;
}

/* End campo fecha */



/* Controls */
.empresas .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.empresas .controls-buttons-erp > li{
   margin-right: 5px;
}

.empresas .controls-buttons-erp > li > a{
    color:black;
}



.empresas .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.empresas .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.empresas .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */

/* ui select */
/*.empresas .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.empresas .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
}


.empresas .ui-select-erp input:focus,
.empresas .ui-select-erp input:focus:hover,
.empresas .ui-select-erp input:hover,
.empresas .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
}

.empresas .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.empresas .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.empresas .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}*/


/* end ui select */

/* Tabs */
.empresas .tab-erp {}
.empresas .tab-erp > *:nth-child(1){
	/* background: #f4f5f6; */
	padding: 0px;
}
.empresas .tab-erp > *:nth-child(2) > *{
	margin: 0px;
}
.empresas .tab-erp > *:nth-child(1) > *:nth-child(2){
    height: 32px !important;
}

.empresas .tab-erp > *:nth-child(1) > *:nth-child(2) > * > *{
    padding-top: 0px;
}

.empresas .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *{
	/* color: #757575 !important; */
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.empresas .tab-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.empresas .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	background: #ffffff;
	margin: 0px;
	padding: 5px 5px 5px 6px;
	overflow: hidden;
}

.empresas .tab-erp > *:nth-child(2) > * > * > *:nth-child(1) > textarea{
	width: 100%;
}


.empresas .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 3%;
    font-size: 12px;
    font-family: tahoma;
    color:  white;
}





.empresas .tab-dynamic-erp {
    margin: 0px;
    padding: 0px;
    /* border: none; */
    width: 100%;
    /* overflow-x: hidden; */
}

.empresas .tab-dynamic-erp > md-tabs{
	margin: 0px;
	border: none;
	/* width: 100%; */
	/* display: flex; */
}
.empresas .tab-dynamic-erp > md-tabs > md-tabs-wrapper{
    height: 32px !important;
    padding: 0px;
}

.empresas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data{/* top: 15px !important; */}

.empresas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data > md-tab{
	/* top: 26px; */
}

.empresas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas{
}

.empresas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper{

}


.empresas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item{padding: 0px;}

.empresas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item > span{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.empresas .tab-dynamic-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.empresas .tab-dynamic-erp md-tabs-content-wrapper {
    top: 32px !important;
    /* flex: 1; */
    /* display: flex; */
}

.empresas .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content{padding: 0px;margin: 0px;background: white;width: 100% !important;display: flex;/* flex: 1; */}

.empresas .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.empresas .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div{overflow: hidden;padding-top: 5px !important;padding-bottom: 10px !important;padding-left: 20px !important;padding-right: 20px !important;margin: 0px !important;text-align: left !important;display: flex;flex-direction: column;}

.empresas .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div > div > div{
    /* padding: 0px; */
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

/* End tabs */


/* Tile */
.empresas .tile{
	height: 100%;
}

.empresas .tile.tile-widget {
    padding: 10px;
}
	.empresas .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.empresas .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.empresas .tile .tile-header.dvd .controls > li.controls-editar,
		.empresas .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.empresas .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.empresas .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.empresas .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.empresas .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.empresas .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.empresas .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.empresas .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.empresas .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.empresas .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 35px;
	right: 0px;
}

.empresas .delegacion-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}

.empresas .bottom-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}


.empresas label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* Modificaciones */
    .empresas .row.nserie{
    }
    
    
    
    .empresas .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .empresas .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .empresas .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .empresas .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .empresas .row.urow3 > div:nth-child(3){
		margin: -1px !important;
		padding-left: 0px !important;
		}
    .empresas .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.empresas .autowidth > input{
		width: 100% !important;
	}
	
    .empresas .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.empresas .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.empresas .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.empresas .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .empresas .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.empresas .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .empresas .tile .tile-header-erp .controls{

	    }
	    .empresas .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .empresas .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .empresas .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .empresas .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .empresas .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .empresas .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .empresas .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .empresas .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .empresas .table-custom-inline .tr_custom_erp > td{
      
    }
    
    .empresas .table-custom-inline .tr_custom_erp > td:nth-child(8){
    	min-width: 50px;
    }

    .empresas .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .empresas .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .empresas .row.row-erp{
     padding:15px !important;
   }
	   .empresas .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		  }
		 .empresas .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .empresas .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.empresas .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.empresas .doc-span > i{
		font-size: 10px;
	}
	.empresas .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.empresas .doc-span:visited{
		color: #dbe0e2;
	}
	
	/* Select input directive */
	.empresas .select-input{
		display: flex;
		/* flex: 1; */
		/* margin: 0px; */
		/* padding: 0px; */
		width: 100%;
	}
	.empresas .select-input > div:nth-child(1){
		flex: 1;
	}
	.empresas .select-input i.caret.pull-right{
		display:none;
	}
	
	.empresas .a-select-input.ng-scope{
        border: 1px solid #e1e1e1;
        border-left: none;
        padding-right: 4px;
        padding-left: 4px;
        cursor: pointer;
        color: #616f77 !important;
        background: #e1e1e1;
        border-left: none;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 20px;
        position: relative;
        width: 15px;
    }
     .empresas .a-select-input.ng-scope:hover{
      background: #e1e1e1;
    }
    .empresas .a-select-input.ng-scope > i{
      font-size: 12px;
      position: absolute;
      margin-top: 2px;
    }
	
   
   /* Tile custom */
   .empresas .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .empresas .tile-body.table-custom {
	    padding: 0px;
	}

   .empresas .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .empresas .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.empresas .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.empresas .tile-table-erp tbody td {
	}

   
   /* End */
   
   .empresas .mLeft {
   		margin-left: 5px !important;
	}

	.empresas .fila {
    	display: flex !important;
    	flex: 1 !important;
    	height: 25px !important
	}
	
		.empresas .fila button{
			height: 20px ! important;
			margin-left: 5px;
    		font-size: 12px !important;
		}

		.empresas .fila .item-3{
			display: flex !important;
    		width: 33%;
		}

		.empresas .fila .item-2_3{
			display: flex !important;
    		width: 66%;
		}

		.empresas .fila .item-1_2{
			display: flex !important;
    		width: 50%;
		}
	
	.empresas .check {
    	padding-left: 30px !important;
    	
	}
	.empresas .checkTop {
    	margin-top: 3px !important;
	}
	
	.empresas .buttons {
    	display: flex !important;
	}
		.empresas .buttons > button{
    		background: transparent;
   			border: none;
		}
		.empresas .buttons > button:nth-child(1){
    		margin-left: -6px !important;
		}
		.empresas .buttons > button:nth-child(2){
    		margin-left: -15px !important;
		}
		
	.empresas campo-fecha > span > span > button {
   		height: 20px;
	}
	
/* Condiciones */

.empresas .buttons-condiciones {
    position: absolute;
    top: 6px;
    background: #ffffff66;
    z-index: 10;
    right: 20px;
}
	.empresas .buttons-condiciones > button{
		background: none;
		border: none;
	}

/* End condiciones */

/* Tarjetas */
.empresas .tarjeta{
	border: 1px solid #789aea;
	min-height: 315px;
	border-bottom: 4px solid #789aea;
	border-radius: 0px 0px 5px 5px;
}

	.empresas .tarjeta .series-facturacion{
		border: 1px solid #6f80a7;
		height: fit-content;
		margin-top: 15px;
	}
		.empresas .tarjeta .series-facturacion .cabecera{
			border-bottom: 1px solid lightgray;
			padding-bottom: 0px;
			background: #6f80a7;
			color: white;
			padding-left: 5px;
		}
			.empresas .tarjeta .series-facturacion .serie{
				display: flex;
				padding-top:  5px;
				padding-left: 5px;
				border-bottom:  1px dashed lightgray;
				padding-bottom: 5px;
			}
			.empresas .tarjeta .series-facturacion .serie button{
				padding-left: 10px;
			}
			.empresas .tarjeta .series-facturacion .listado-series{
				display: flex;
				padding-top: 5px;
				padding-left: 5px;
			}
	
	.empresas .tarjeta .cabecera-tarjeta{
		background: #789aea; 
		color: white;
		padding-left: 15px;
	}
	
	.empresas .tarjeta .cuentas{
		padding: 10px !important;
	}
	
	.empresas .tarjeta .listado-departamentos{
		padding: 10px !important;
	}

.empresas .buttons-tarjetas{
		padding-left: 33%;
	}
/* End tarjetas */

 /* IMAGEN */
.empresas .container-imagen{
	display:flex;
}
	.empresas .container-imagen .form-imagen{
		margin-right: 5px;
	}
		.empresas .container-imagen .form-imagen > input{
			visibility: hidden;
		}
		.empresas .container-imagen .form-imagen .imagen{
			
		}
			.empresas .container-imagen .form-imagen .imagen > img{
				width: 100%;
			}
	.empresas .container-imagen .view-imagen{
		min-width: 115px;
		max-width: 248px;
		flex: 1;
	}
		.empresas .container-imagen .view-imagen .imagen{
		
		}	
			.empresas .container-imagen .view-imagen .imagen > img{
			 	width: 100%;
			}
	.empresas .container-imagen .buttons-gallery {
	    position: absolute;
	    top: 0px;
	    right: 0px;
	    margin-left: 5px;
	}
		.empresas .container-imagen .buttons-gallery > button{
		    padding: 2px;
		    max-width: 25px;
		    width: 25px;
		}
 
 .empresas .cuentas > .content > .cuenta > div:nth-child(2){
		min-width: 80px !important;
		max-width: 80px !important;
	}
 .empresas .cuentas > .cabecera > div:nth-child(2){
		min-width: 80px !important;
		max-width: 80px !important;
	}
 .empresas .cuentas > .content > .listado-cuentas > div:nth-child(2){
		min-width: 80px !important;
		max-width: 80px !important;
	}
@charset "UTF-8";

.agentes {
    height: 100%;
}

.agentes input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}

.agentes label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.agentes .form-group{
	margin: 0px;
	margin-bottom: 5px;
	display: flex;
	/*height: 100%;*/
	width: 100%;
	flex: 1;
}

/*.agentes .col-row{
	display: flex;
	
}

.agentes .col-row-2 > *:nth-child(1) {
    margin-right: 15px;
}

.agentes .col-row-3 > *:nth-child(1),
.agentes .col-row-3 > *:nth-child(2) {
    margin-right: 15px;
}

.agentes .col-label{
	max-width: 80px !important;
	min-width: 80px !important;
	max-height: 20px !important;
	overflow: hidden;
	padding: 0px;
}

.agentes .col-field{
	padding: 0px;
	flex: 1;
	display: flex;
	width: 100%;
}*/


.agentes .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.agentes .bottom > div{
    flex: 1;
    width: 100%;
}
.agentes .row.bottom > div:nth-child(1){
	min-height: 520px;
}

.agentes .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
}


/* Campo fecha */
.agentes .fecha-erp{

}
.agentes .fecha-erp > span > span{
	width: auto;
}
.agentes .fecha-erp > span > input {
    height: 20px !important;
    text-align: left;
    max-width: 80px;

}

.agentes .fecha-erp > span > span > button {
    height: 20px;
}

.agentes .fecha-erp > span > span > button > i {
    position: absolute;
    top: 5px;
    right: 8px;
}

/* End campo fecha */



/* Controls */
.agentes .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.agentes .controls-buttons-erp > li{
   margin-right: 5px;
}

.agentes .controls-buttons-erp > li > a{
    color:black;
}



.agentes .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.agentes .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.agentes .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */

/* ui select */
/*.agentes .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.agentes .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
}


.agentes .ui-select-erp input:focus,
.agentes .ui-select-erp input:focus:hover,
.agentes .ui-select-erp input:hover,
.agentes .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
}

.agentes .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.agentes .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.agentes .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}*/


/* end ui select */

/* Tabs */
.agentes .tab-erp {}
.agentes .tab-erp > *:nth-child(1){
	/* background: #f4f5f6; */
	padding: 0px;
}
.agentes .tab-erp > *:nth-child(2) > *{
	margin: 0px;
}
.agentes .tab-erp > *:nth-child(1) > *:nth-child(2){
    height: 32px !important;
}

.agentes .tab-erp > *:nth-child(1) > *:nth-child(2) > * > *{
    padding-top: 0px;
}

.agentes .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.agentes .tab-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.agentes .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	/* background: #f8fafb; */
	margin: 0px;
	padding: 5px 5px 5px 6px;
	overflow: hidden;
}

.agentes .tab-erp > *:nth-child(2) > * > * > *:nth-child(1) > textarea{
	width: 100%;
}


.agentes .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}





.agentes .tab-dynamic-erp {
    margin: 0px;
    padding: 0px;
    /* border: none; */
    width: 100%;
    /* overflow-x: hidden; */
}

.agentes .tab-dynamic-erp > md-tabs{
	margin: 0px;
	border: none;
	/* width: 100%; */
	/* display: flex; */
}
.agentes .tab-dynamic-erp > md-tabs > md-tabs-wrapper{
    height: 32px !important;
    padding: 0px;
}

.agentes .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data{/* top: 15px !important; */}

.agentes .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data > md-tab{
	/* top: 26px; */
}

.agentes .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas{
}

.agentes .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper{

}


.agentes .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item{padding: 0px;}

.agentes .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item > span{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.agentes .tab-dynamic-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.agentes .tab-dynamic-erp md-tabs-content-wrapper {
    top: 32px !important;
    /* flex: 1; */
    /* display: flex; */
}

.agentes .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content{padding: 0px;margin: 0px;background: white;width: 100% !important;display: flex;/* flex: 1; */}

.agentes .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.agentes .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div{overflow: hidden;padding-top: 5px !important;padding-bottom: 10px !important;padding-left: 20px !important;padding-right: 20px !important;margin: 0px !important;text-align: left !important;display: flex;flex-direction: column;}

.agentes .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div > div > div{
    /* padding: 0px; */
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

/* End tabs */


/* Tile */
.agentes .tile{
	height: 100%;
}

.agentes .tile.tile-widget {
    padding: 10px;
}
	.agentes .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.agentes .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.agentes .tile .tile-header.dvd .controls > li.controls-editar,
		.agentes .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.agentes .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.agentes .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.agentes .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.agentes .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.agentes .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.agentes .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.agentes .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.agentes .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.agentes .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 35px;
	right: 0px;
}

.agentes .delegacion-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}

.agentes .bottom-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}


.agentes label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* Modificaciones */
    .agentes .row.nserie{
    }
    
    
    
    .agentes .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .agentes .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .agentes .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .agentes .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .agentes .row.urow3 > div:nth-child(3){
		margin: -1px !important;
		padding-left: 0px !important;
		}
    .agentes .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.agentes .autowidth > input{
		width: 100% !important;
	}
	
    .agentes .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.agentes .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.agentes .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.agentes .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .agentes .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.agentes .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .agentes .tile .tile-header-erp .controls{

	    }
	    .agentes .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .agentes .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .agentes .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .agentes .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .agentes .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .agentes .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .agentes .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .agentes .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .agentes .table-custom-inline .tr_custom_erp > td{
      
    }
    
    .agentes .table-custom-inline .tr_custom_erp > td:nth-child(8){
    	min-width: 50px;
    }

    .agentes .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .agentes .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .agentes .row.row-erp{
     padding:15px !important;
   }
	   .agentes .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		  }
		 .agentes .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .agentes .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.agentes .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.agentes .doc-span > i{
		font-size: 10px;
	}
	.agentes .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.agentes .doc-span:visited{
		color: #dbe0e2;
	}
	
	/* Select input directive */
	.agentes .select-input{
		display: flex;
		/* flex: 1; */
		/* margin: 0px; */
		/* padding: 0px; */
		width: 100%;
	}
	.agentes .select-input > div:nth-child(1){
		flex: 1;
	}
	.agentes .select-input i.caret.pull-right{
		display:none;
	}
	
	.agentes .a-select-input.ng-scope{
        border: 1px solid #e1e1e1;
        border-left: none;
        padding-right: 4px;
        padding-left: 4px;
        cursor: pointer;
        color: #616f77 !important;
        background: #e1e1e1;
        border-left: none;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 20px;
        position: relative;
        width: 15px;
    }
     .agentes .a-select-input.ng-scope:hover{
      background: #e1e1e1;
    }
    .agentes .a-select-input.ng-scope > i{
      font-size: 12px;
      position: absolute;
      margin-top: 2px;
    }
	
   
   /* Tile custom */
   .agentes .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .agentes .tile-body.table-custom {
	    padding: 0px;
	}

   .agentes .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .agentes .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.agentes .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.agentes .tile-table-erp tbody td {
	}

   
   /* End */
   
   .agentes .mLeft {
   		margin-left: 5px !important;
	}

	.agentes .fila {
    	display: flex !important;
    	flex: 1 !important;
    	height: 25px !important
	}
	
		.agentes .fila button{
			height: 20px ! important;
			margin-left: 5px;
    		font-size: 12px !important;
		}

		.agentes .fila .item-3{
			display: flex !important;
    		width: 33%;
		}

		.agentes .fila .item-2_3{
			display: flex !important;
    		width: 66%;
		}

		.agentes .fila .item-1_2{
			display: flex !important;
    		width: 50%;
		}
	
	.agentes .check {
    	padding-left: 30px !important;
    	
	}
	.agentes .checkTop {
    	margin-top: 3px !important;
	}
	
	.agentes .buttons {
    	display: flex !important;
	}
		.agentes .buttons > button{
    		background: transparent;
   			border: none;
		}
		.agentes .buttons > button:nth-child(1){
    		margin-left: -6px !important;
		}
		.agentes .buttons > button:nth-child(2){
    		margin-left: -15px !important;
		}
		
	.agentes campo-fecha > span > span > button {
   		height: 20px;
	}
	
/* Condiciones */

.agentes .buttons-condiciones {
    position: absolute;
    top: 5px;
    z-index: 10;
    right: 20px;
}
	.agentes .buttons-condiciones > button{
		background: none;
		border: none;
	}

/* End condiciones */
@charset "UTF-8";

.terceros {
    height: 100%;
}

.terceros input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}

.terceros label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.terceros .form-group{
	margin: 0px;
	margin-bottom: 5px;
	display: flex;
	/*height: 100%;*/
	width: 100%;
	flex: 1;
}

.terceros .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.terceros .bottom > div{
    flex: 1;
    width: 100%;
}
.terceros .row.bottom > div:nth-child(1){
	min-height: 520px;
}

.terceros .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
}

/* Controls */
.terceros .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.terceros .controls-buttons-erp > li{
   margin-right: 5px;
}

.terceros .controls-buttons-erp > li > a{
    color:black;
}

.terceros .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.terceros .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.terceros .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */


.terceros .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 1%;
    font-size: 12px;
    font-family: tahoma;
    color: white;
}

/* Tile */
.terceros .tile{
	height: 100%;
}

.terceros .tile.tile-widget {
    padding: 10px;
}
	.terceros .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.terceros .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.terceros .tile .tile-header.dvd .controls > li.controls-editar,
		.terceros .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.terceros .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.terceros .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.terceros .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.terceros .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.terceros .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.terceros .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.terceros .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.terceros .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.terceros .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 35px;
	right: 0px;
}

.terceros .delegacion-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}

.terceros .bottom-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}


.terceros label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* Modificaciones */
    .terceros .row.nserie{
    }
    
    
    
    .terceros .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .terceros .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .terceros .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .terceros .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 1px !important;
    }
    .terceros .row.urow3 > div:nth-child(3){
		margin: 0px !important;
		padding-left: 0px !important;
		}
    .terceros .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.terceros .autowidth > input{
		width: 100% !important;
	}
	
    .terceros .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.terceros .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.terceros .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.terceros .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .terceros .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.terceros .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .terceros .tile .tile-header-erp .controls{

	    }
	    .terceros .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .terceros .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .terceros .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .terceros .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .terceros .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .terceros .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .terceros .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .terceros .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .terceros .table-custom-inline .tr_custom_erp > td{
      
    }
    
    .terceros .table-custom-inline .tr_custom_erp > td:nth-child(8){
    	min-width: 50px;
    }

    .terceros .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .terceros .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .terceros .row.row-erp{
     padding:15px !important;
   }
	   .terceros .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		  }
		 .terceros .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .terceros .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.terceros .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.terceros .doc-span > i{
		font-size: 10px;
	}
	.terceros .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.terceros .doc-span:visited{
		color: #dbe0e2;
	}
	
	/* Select input directive */
	.terceros .select-input{
		display: flex;
		/* flex: 1; */
		/* margin: 0px; */
		/* padding: 0px; */
		width: 100%;
	}
	.terceros .select-input > div:nth-child(1){
		flex: 1;
	}
	.terceros .select-input i.caret.pull-right{
		display:none;
	}
	
	.terceros .a-select-input.ng-scope{
        border: 1px solid #e1e1e1;
        border-left: none;
        padding-right: 4px;
        padding-left: 4px;
        cursor: pointer;
        color: #616f77 !important;
        background: #e1e1e1;
        border-left: none;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 20px;
        position: relative;
        width: 15px;
    }
     .terceros .a-select-input.ng-scope:hover{
      background: #e1e1e1;
    }
    .terceros .a-select-input.ng-scope > i{
      font-size: 12px;
      position: absolute;
      margin-top: 2px;
    }
	
   
   /* Tile custom */
   .terceros .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .terceros .tile-body.table-custom {
	    padding: 0px;
	}

   .terceros .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .terceros .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.terceros .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.terceros .tile-table-erp tbody td {
	}

   
   /* End */
   
   .terceros .mLeft {
   		margin-left: 5px !important;
	}

	.terceros .fila {
    	display: flex !important;
    	flex: 1 !important;
    	height: 25px !important
	}
	
		.terceros .fila button{
			height: 20px ! important;
			font-size: 12px !important;
		}

		.terceros .fila .item-3{
			display: flex !important;
    		width: 33%;
		}

		.terceros .fila .item-2_3{
			display: flex !important;
    		width: 66%;
		}

		.terceros .fila .item-1_2{
			display: flex !important;
    		width: 50%;
		}
	
	.terceros .check {
    	padding-left: 30px !important;
    	
	}
	.terceros .checkTop {
    	margin-top: 3px !important;
	}
	
	.terceros .buttons {
    	display: flex !important;
	}
		.terceros .buttons > button{
    		background: transparent;
   			border: none;
		}
		.terceros .buttons > button:active{
    		background: transparent;
   			border: none !important;
		}
		.terceros .buttons > button:focus{
    		background: transparent;
   			border: none !important;
		}
		.terceros .buttons > button:nth-child(1){
    		margin-left: -6px !important;
		}
		.terceros .buttons > button:nth-child(2){
    		margin-left: -15px !important;
		}
	
	.terceros .buttons-grupo {
    	display: flex !important;
	}
		.terceros .buttons-grupo > button{
    		background: transparent;
   			border: none;
		}
		.terceros .buttons-grupo > button:nth-child(1){
    		margin-left: -6px !important;
    		color: #2d4c6f;
  }
		.terceros .buttons-grupo > button:nth-child(2){
    		margin-left: -6px !important;
  }
		
	.terceros campo-fecha > span > span > button {
   		height: 20px;
	}
	
/* Condiciones */

.terceros .buttons-condiciones {
    position: absolute;
    top: 0px;
    z-index: 1;
    right: 20px;
    width: fit-content !important;
}
	.terceros .buttons-condiciones > button{
		background: none;
		border: none;
	}

/* End condiciones */

.terceros .loading-page {
   height: 100%;
}


.terceros .listado-grupos {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    border: 1px solid #dbe0e2;
    /* padding: 5px; */
    color: #65737c;
    font-family: tahoma;
}
.terceros .listado-grupos .item-grupo{
    border-bottom: 1px dashed #dbe0e2;
    /* margin: 1px 0px; */
    padding: 5px;
    display:  flex;
    flex: 1;
}
.terceros .listado-grupos .item-grupo > div:nth-child(1){
    padding-right: 5px;
}
.terceros .listado-grupos .item-grupo:last-child{
    border: none;
}

/* Observaciones */
.terceros .button-observaciones {
    position: absolute;
    z-index: 1;
    right: 20px;
    margin-top: 9px;
    border: none !important;
}

.terceros .editar-tutor {
    margin: 0px 5px;
    color: #2c4c6d;
}

/* Lista de grupos */
.terceros .list-grupos{
	display: flex;
	margin-bottom: 45px;
	flex-direction: column;
	color: #323232;
}
	.terceros .list-grupos > .cabecera{
		display: flex;
		flex: 1;
		align-items: center;
		text-align: center;
		margin-bottom: 10px;
		margin-top: 5px;
	}
		.terceros .list-grupos > .cabecera > div{
			flex: 10;
			margin: 0px 5px;
			border-bottom: 1px dashed #404e62;
		}
		.terceros .list-grupos > .cabecera > div:last-child{
			flex: 1;
			margin: 0px 20px;
			border-bottom: none;
			max-width: 55px;
		}
	.terceros .list-grupos > .content{
		display: flex;
		flex-direction: column;
		flex: 1;
		font-size: 12px;
	}
		.terceros .list-grupos > .content > .item-grupo{
			flex: 1;display: flex;margin: 5px 0px;
			text-align: center;
		}
			.terceros .list-grupos > .content > .item-grupo > div{
				flex: 10;
				margin: 0px 5px;
			}
			.terceros .list-grupos > .content > .item-grupo > div:nth-child(1){

			}
			.terceros .list-grupos > .content > .item-grupo > div:nth-child(2){

			}
			.terceros .list-grupos > .content > .item-grupo > div:nth-child(3){
				flex: 1;
				color: #758188;
				max-width: 55px;
			}

	.terceros .auto-height {
    	display: flex !important;
    	flex: 1 !important;
	}
	.terceros .select-padding {
    	padding-top: 5px;
	}
	.terceros .tab-margin {
    	margin-top: 10px;
	}
	
.terceros .info-nivel {
	position: absolute;
	color: #ffffff;
	z-index: 10;
	right: 230px;
	margin-top: 16px;
}

.terceros .button-activar > button {
    border: none;
    background: none;
    width: 20px;
    padding: 0px;
    margin: 0px;
    /* position: absolute; */
    top: 42px;
    right: 7px;
}

	.terceros .button-activar > button:active {
		border: none !important;
		background: none;
	}
	.terceros .button-activar > button:focus {
		border: none !important;
		background: none;
	}

.terceros .aviso-relacion{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
	.terceros .aviso-relacion > div{

	}
	.terceros .aviso-relacion > div:nth-child(2){
		font-size: 15px;
		margin: 5px 0px;
		font-weight: bold;
	}
	.terceros .aviso-relacion > .buttons{
		margin-top: 20px;
		display: flex;
		align-items: center;
		justify-content:center;
	}
		.terceros .aviso-relacion .buttons > button{
			margin: 0px 40px;
		}
		.terceros .aviso-relacion .buttons > button:nth-child(1){
			background: #339233;
			color: white;
			border: none;
		}
		.terceros .aviso-relacion .buttons > button:nth-child(2){
			background: #e86868;
			color: white;
			border: none;
			margin-right: 0px;
		}

/* SEXO */
.terceros .label-sexo{
	min-width: 50px !important;
	max-width: 50px !important;
}

.terceros .field-sexo {
    flex-direction: row;
}
    .terceros .field-sexo > .item-check{
        width: 50px;
        margin-top: 3px;
    }
    	.terceros .field-sexo > .item-check > *{
    		min-width: 8px !important;
    		max-width: 8px !important;
    	}
    .terceros .row-sexo {
	    margin-right: -8px !important;
	}
/* */


/* NIF/NIE */
.terceros .field-nifnie {
    flex-direction: row;
}
    .terceros .field-nifnie > .item-check{
        width: 12px;
        margin-top: 3px;
    }
	   	.terceros .field-nifnie > .item-check > *{
	   		min-width: 8px !important;
	   		max-width: 8px !important;
	   	}
	.terceros .field-nifnie > button,
	.terceros .field-nifnie > button:active,
	.terceros .field-nifnie > button:focus,
	.terceros .field-nifnie > button:visited{
		border: none !important;
		background: none;
		width: 20px;
		height: 17px;
	}
		.terceros .field-nifnie > button > i{
		    font-size: 14px;
		}
	.terceros .field-nifnie .popover{
		width: 180px !important;
		height: 80px !important;
	}
	    .terceros .field-nifnie .popover.bottom > .arrow {
			top: -11px;
			left: 50%;
			margin-left: -11px;
			border-top-width: 0;
			border-bottom-color: #999;
			border-bottom-color: rgba(0, 0, 0, 0);
        }
/* */
	

.terceros .buttons-filtros{
	position: absolute;
	z-index: 1;
	right: 20px;
	margin-top: 10px;
}

	.terceros .buttons-filtros > button{
		height: 22px !important;
		margin-left: 5px;
	}
	.terceros .buttons-filtros .button-text-white{
		width: 50px !important;
	}
		.terceros .buttons-filtros .button-text-white:active{
			transform: scale(1, 1) !important;
		}
		
.terceros .filtros-historico{
	padding: 5px;
	padding-bottom: 0px !important;
	height: 55px;
	transition: all 0.3s linear;
	overflow: hidden;
	margin-top: 0px;
}
	.terceros .filtros-historico.ng-hide {
	  margin-top: -55px;
	}


 .terceros .buscador-pagina{
 	margin-bottom: 10px !important;
 }
 	.terceros .buscador-pagina .cabecera-buscador{
 		border-bottom: 1px solid #2d4c6d;
	    border-left: 2px solid #ff9f28;
	    margin-bottom: 5px;
	    padding-left: 5px;
	    color: #2d4c6d;
 	}
 	

/* SEPA DROPDOWN */ 
.terceros .sepa-dropdown {
    height: 20px;
}
    .terceros .sepa-dropdown > li {
    	list-style: none;
    	margin-left: 5px;
    }
        .terceros .sepa-dropdown > li > a{
        	color: #2e4c6d;
        }
            .terceros .sepa-dropdown > li > a > i{

            }
        .terceros .sepa-dropdown > li > ul{
				margin: 0px !important;
				padding: 0px !important;
				height: 40px;
				width: 185px;
				}
            .terceros .sepa-dropdown > li > ul > li{
				margin: 0px !important;
				padding: 0px !important;
            }
                .terceros .sepa-dropdown > li > ul > li > button{
                	background: none;
                	padding: 3px;
                	width: 100%;
                	border: none;
                	color: #3f3f3f;
                	height: 100% !important;
                }
                .terceros .sepa-dropdown > li > ul > li > button:disabled{
                	background: #80808038;
                }
                .terceros .sepa-dropdown > li > ul > li > button:hover{
                	background: #f3f3f3ab;
                }
/* END SEPA DROPDOWN */
 
 
 /* MANDATO SEPA CREACION */
 .mandato-sepa-crear{
 
 }
 	.mandato-sepa-crear > .content{
 	position: relative;
 	}

 		.mandato-sepa-crear > .content .fecha{
 			margin: 15px 0px;
 		}
 			.mandato-sepa-crear > .content .fecha > .cabecera{
 				border-bottom: 1px solid #cdd3d9;
 				margin-bottom: 5px;
 				border-left: 1px solid orange;
 				padding-left: 2px;
 			}
		.mandato-sepa-crear > .content .forma-pago{
 			margin: 15px 0px;
 		}
 			.mandato-sepa-crear > .content .forma-pago > .cabecera{
 				border-bottom: 1px solid #cdd3d9;
 				margin-bottom: 5px;
 				border-left: 1px solid orange;
 				padding-left: 2px;
 			}

		.mandato-sepa-crear > .content .presentador{
 			margin: 10px 0px;
 		}
 			.mandato-sepa-crear > .content .presentador > .cabecera{
 				border-bottom: 1px solid #cdd3d9;
 				margin-bottom: 5px;
 				border-left: 1px solid orange;
 				padding-left: 2px;
 			}

 		.mandato-sepa-crear > .content .tipo-pago{
 			margin: 15px 0px;
 		}
 			.mandato-sepa-crear > .content .tipo-pago > .cabecera{
 				border-bottom: 1px solid #cdd3d9;
 				margin-bottom: 5px;
 				border-left: 1px solid orange;
 				padding-left: 2px;
 			}
 		.mandato-sepa-crear > .content .delegaciones{
 			margin: 15px 0px;
 		}
 			.mandato-sepa-crear > .content .delegaciones > .cabecera{
 				border-bottom: 1px solid #cdd3d9;
 				margin-bottom: 5px;
 				border-left: 1px solid orange;
 				padding-left: 2px;
 			}
 			.mandato-sepa-crear > .content .delegaciones > .content{
 			}
 			.mandato-sepa-crear > .content .delegaciones > .preview{
 				font-size: 12px;
 				margin: 5px;
 			}
 				.mandato-sepa-crear > .content .delegaciones > .preview > div{
 					
 				}
 	.mandato-sepa-crear > .buttons{
 		display: flex;
 	}
 		.mandato-sepa-crear .buttons > button{
 			border: none;
 			/* border-radius: 20px; */
 		}
 		.mandato-sepa-crear .buttons > button:nth-child(1){
 			background: #00800099;
 			color: white;
 		}
 	
 	.mandato-sepa-crear .fecha-modal-auto{

	}
	    .mandato-sepa-crear .fecha-modal-auto input{
	        height: 20px !important;
	    }
 
 /* END MANDATO SEPA CREACION */
 
.terceros .col-nueva-poblacion{
	height: 20px !important;
}
	.terceros .col-nueva-poblacion > button{
     	background: none;
     	height: 20px !important;
     	font-size: 12px;
     	position: absolute;
     	right: 0px;
     	border: none;
	 }
	 
/* Etiquetas */
.terceros .etiquetas{
	display: flex;
	justify-content: center;
	align-items: center;
}
	.terceros .etiquetas .etiqueta_cliente{
		background-color: #fff;
		border: 1px solid #16a085;
		color: #16a085;
		padding: 3px 9px;
		font-size: 11px;
		text-shadow: none;
		font-weight: 600;
		margin: 5px;
		height: 25px;
		width: 105px;
		border-radius: 5px;
		text-align: center;
	}
	.terceros .etiquetas .etiqueta_acreedor{
		background-color: #fff;
		border: 1px solid #428bca;
		color: #428bca;
		background: #fff;
		padding: 3px 9px;
		font-size: 11px;
		text-shadow: none;
		font-weight: 600;
		margin: 5px;
		height: 25px;
		width: 110px;
		border-radius: 5px;
		text-align: center;
	}
	.terceros .etiquetas .etiqueta_proveedor{
		background-color: #fff;
		border: 1px solid #e05d6f;
		color: #e05d6f;
		padding: 3px 9px;
		font-size: 11px;
		text-shadow: none;
		font-weight: 600;
		margin: 5px;
		height: 25px;
		width: 110px;
		border-radius: 5px;
		text-align: center;
	}

/* Tipo ficha */
.terceros .tipo-ficha{
	display: flex;
	align-items: center;
	justify-content: center;
}
	.terceros .tipo-ficha .esCliente{
		width: 75px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
		.terceros .tipo-ficha .esCliente > div:nth-child(1){
			
		}
	.terceros .tipo-ficha .esAcreedor{
		width: 75px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
		.terceros .tipo-ficha .esAcreedor > div:nth-child(1){
				
		}
	.terceros .tipo-ficha .esProveedor{
		width: 75px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
		.terceros .tipo-ficha .esProveedor > div:nth-child(1){
				
		}

/* CONDICIONES */

.terceros .buttons-condiciones-tercero{
    background: #2d4c6d33;
    margin-bottom: 6px;
}
	.terceros .buttons-condiciones-tercero > button{
		background: none;
		border: none;
	}

/* END CONDICIONES */

.ui-select-multiple.ui-select-bootstrap.multiple-tercero{
    height: fit-content;
	padding: 3px 3px 0 3px;
}
@charset "UTF-8";


    
/* Section linea */
/*.section-linea {
    display: flex;
    flex-direction: column;
    padding: 0px !important;
    margin-top: 5px;
}
	.section-linea > div{
	    flex:1;
	    display: flex;
	    flex-wrap: wrap;
	}
	.section-linea > .cabecera{
	    margin: 0px 0px 10px 0px;
	    font-size: 13px;
	    text-align: center;
	}
		.section-linea > .cabecera > div{
	    	flex: 1;
	    	margin: 0px 1px;
	    	border-bottom: 1px solid #8f9fc3;
	    	background: #8f9fc3;
	    	color: #fbfcfd;
	    	min-width: 60px;
	    	max-width: 60px;
	 }
		.section-linea > .cabecera > div:nth-child(1){
	    	max-width: 18px;
	    	border-bottom: none;
	    	min-width: 17px;
	 }
		.section-linea > .cabecera > div:nth-child(2){
	    	min-width: 125px;
	    	max-width: 125px;
	    	flex: 2;
	 }
		.section-linea > .cabecera > div:nth-child(3){
	    	min-width: 275px;
	    	max-width: 275px;
	    	flex: 3;
		 }
		 .section-linea > .cabecera > div:nth-child(11){
				max-width: 70px;
				min-width: 70px;
		}
		.section-linea > .cabecera > div:nth-child(12){
				display: flex;
				max-width: 50px;
				border-bottom: none;
		}
	.section-linea > .content{
		 margin: 0px 0px 10px 0px;
	}
		.section-linea > .content > div{
	    	flex: 1;
	    	margin: 0px 1px;
	    	min-width: 60px;
	    	max-width: 60px;
	  }
		.section-linea > .content > div:nth-child(1){
	    	max-width: 18px;
	    	min-width: 18px;
	 }
		.section-linea > .content > div:nth-child(2){
	    	min-width: 125px;
	    	flex: 2;
	    	max-width: 125px;
	 }
		.section-linea > .content > div:nth-child(3){
	    	min-width: 275px;
	    	flex: 3;
	    	display: flex;
	    	max-width: 275px;
	  }
			.section-linea > .content > div:nth-child(3) > span{
				background: #6c798c;
				color: white;
				padding: 0px 2px;
				height: 20px;
			}
				.section-linea > .content > div:nth-child(3) > span > i{
					font-size: 12px;
				}
		.section-linea > .content .articulo-subtotal {
			background: white;
			border: 1px solid #dbe0e2;
			max-width: 70px;
		}
		.section-linea > .content > div:nth-child(11){
	    	max-width: 70px;
	    	min-width: 70px;
	 	}
		.section-linea > .content > div:nth-child(12){
	    	display: flex;
	    	max-width: 50px;
	    	min-width: 50px;
	 	}*/


/* Section linea partes */
.section-linea-parte {
    display: flex;
    flex-direction: column;
    margin: 10px 0px;
    border: 1px solid yellow;
    padding: 2px;
}
    .section-linea-parte > div{
        display: flex !important;
        flex-direction: row !important;
    }
    .section-linea-parte > .cabecera{
        margin-bottom: 5px;
    }
        .section-linea-parte > .cabecera > div{
            display:flex;
            flex: 1;
            border-bottom: 1px solid #495a71;
            margin: 0px 5px;
        }
    .section-linea-parte > .content{

    }
    	.section-linea-parte > .content > div{
			display: flex;
			flex: 1;
			margin: 0px 5px;
		}


@charset "UTF-8";

.almacenes {
    height: 100%;
}

.almacenes input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
	text-transform: uppercase;
}

.almacenes label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.almacenes .form-group{
	margin: 0px;
	margin-bottom: 5px;
	display: flex;
	height: 100%;
	width: 100%;
	flex: 1;
}


.almacenes .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.almacenes .bottom > div{
    flex: 1;
    width: 100%;
}
.almacenes .row.bottom > div:nth-child(1){
	min-height: 520px;
}

.almacenes .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
}


.almacenes .buttons {
    display: flex;
}

.almacenes .buttons > button {
    flex: 1;
    background: none;
    border: none;
    width: 10px;
}

.almacenes .buttons > button:focus {
    border: 1px solid blue;
}

/* Campo fecha */
.almacenes .fecha-erp{

}
.almacenes .fecha-erp > span > span{
	width: auto;
}
.almacenes .fecha-erp > span > input {
    height: 20px !important;
    text-align: left;
    max-width: 80px;

}

.almacenes .fecha-erp > span > span > button {
    height: 20px;
}

.almacenes .fecha-erp > span > span > button > i {
    position: absolute;
    top: 5px;
    right: 8px;
}

/* End campo fecha */



/* Controls */
.almacenes .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.almacenes .controls-buttons-erp > li{
   margin-right: 5px;
}

.almacenes .controls-buttons-erp > li > a{
    color:black;
}



.almacenes .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.almacenes .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.almacenes .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */

/* ui select */
/*.almacenes .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.almacenes .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
}


.almacenes .ui-select-erp input:focus,
.almacenes .ui-select-erp input:focus:hover,
.almacenes .ui-select-erp input:hover,
.almacenes .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
}

.almacenes .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.almacenes .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.almacenes .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}*/


/* end ui select */

/* Tabs */
.almacenes .tab-erp {}
.almacenes .tab-erp > *:nth-child(1){
	/* background: #f4f5f6; */
	padding: 0px;
}
.almacenes .tab-erp > *:nth-child(2) > *{
	margin: 0px;
}
.almacenes .tab-erp > *:nth-child(1) > *:nth-child(2){
    height: 32px !important;
}

.almacenes .tab-erp > *:nth-child(1) > *:nth-child(2) > * > *{
    padding-top: 0px;
}

.almacenes .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.almacenes .tab-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.almacenes .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	/* background: #f8fafb; */
	margin: 0px;
	padding: 5px 5px 5px 6px;
	overflow: hidden;
}

.almacenes .tab-erp > *:nth-child(2) > * > * > *:nth-child(1) > textarea{
	width: 100%;
}


.almacenes .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}





.almacenes .tab-dynamic-erp {
    margin: 0px;
    padding: 0px;
    /* border: none; */
    width: 100%;
    /* overflow-x: hidden; */
}

.almacenes .tab-dynamic-erp > md-tabs{
	margin: 0px;
	border: none;
	/* width: 100%; */
	/* display: flex; */
}
.almacenes .tab-dynamic-erp > md-tabs > md-tabs-wrapper{
    height: 32px !important;
    padding: 0px;
}

.almacenes .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data{/* top: 15px !important; */}

.almacenes .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data > md-tab{
	/* top: 26px; */
}

.almacenes .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas{
}

.almacenes .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper{

}


.almacenes .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item{padding: 0px;}

.almacenes .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item > span{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.almacenes .tab-dynamic-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.almacenes .tab-dynamic-erp md-tabs-content-wrapper {
    top: 32px !important;
    /* flex: 1; */
    /* display: flex; */
}

.almacenes .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content{padding: 0px;margin: 0px;background: white;width: 100% !important;display: flex;/* flex: 1; */}

.almacenes .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.almacenes .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div{overflow: hidden;padding-top: 5px !important;padding-bottom: 10px !important;padding-left: 10px !important;padding-right: 10px !important;margin: 0px !important;text-align: left !important;display: flex;flex-direction: column;}

.almacenes .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div > div > div{
    /* padding: 0px; */
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

/* End tabs */


/* Tile */
.almacenes .tile{
	height: 100%;
}

.almacenes .tile.tile-widget {
    padding: 10px;
}
	.almacenes .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.almacenes .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.almacenes .tile .tile-header.dvd .controls > li.controls-editar,
		.almacenes .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.almacenes .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.almacenes .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.almacenes .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.almacenes .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.almacenes .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.almacenes .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.almacenes .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.almacenes .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.almacenes .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 35px;
	right: 0px;
}

.almacenes .delegacion-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}

.almacenes .bottom-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}


.almacenes label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

	.almacenes .autowidth > input{
		width: 100% !important;
	}
	
    .almacenes .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.almacenes .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.almacenes .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.almacenes .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .almacenes .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.almacenes .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .almacenes .tile .tile-header-erp .controls{

	    }
	    .almacenes .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .almacenes .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .almacenes .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	/* Select input directive */
	.almacenes .select-input{
		display: flex;
		/* flex: 1; */
		/* margin: 0px; */
		/* padding: 0px; */
		width: 100%;
	}
	.almacenes .select-input > div:nth-child(1){
		flex: 1;
	}
	.almacenes .select-input i.caret.pull-right{
		display:none;
	}
	
	.almacenes .a-select-input.ng-scope{
        border: 1px solid #e1e1e1;
        border-left: none;
        padding-right: 4px;
        padding-left: 4px;
        cursor: pointer;
        color: #616f77 !important;
        background: #e1e1e1;
        border-left: none;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 20px;
        position: relative;
        width: 15px;
    }
     .almacenes .a-select-input.ng-scope:hover{
      background: #e1e1e1;
    }
    .almacenes .a-select-input.ng-scope > i{
      font-size: 12px;
      position: absolute;
      margin-top: 2px;
    }
	
   
   /* Tile custom */
   .almacenes .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .almacenes .tile-body.table-custom {
	    padding: 0px;
	}

   .almacenes .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .almacenes .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.almacenes .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.almacenes .tile-table-erp tbody td {
	}



@charset "UTF-8";

.almacenes-existencias {
    height: 100%;
}

.almacenes-existencias input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
	text-transform: uppercase;
}

.almacenes-existencias label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.almacenes-existencias .form-group{
	margin: 0px;
	margin-bottom: 5px;
	display: flex;
	height: 100%;
	width: 100%;
	flex: 1;
}

@charset "UTF-8";

.almacenes-inventario {
    height: 100%;
}

.almacenes-inventario input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
	text-transform: uppercase;
}

.almacenes-inventario label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.almacenes-inventario .form-group{
	margin: 0px;
	margin-bottom: 5px;
	display: flex;
	height: 100%;
	width: 100%;
	flex: 1;
}

@charset "UTF-8";

.almacenes-traspasos {
    height: 100%;
}

.almacenes-traspasos input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
	text-transform: uppercase;
}

.almacenes-traspasos label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.almacenes-traspasos .form-group{
	margin: 0px;
	margin-bottom: 5px;
	display: flex;
	height: 100%;
	width: 100%;
	flex: 1;
}

@charset "UTF-8";

.usuarios {
    
}

@charset "UTF-8";

.usuariosAcademia {
}
	.usuariosAcademia .col-label{
    	padding-left: 5px !important;
	}
	.usuariosAcademia .margen{
    	margin-bottom: 3px !important
	}
	.usuariosAcademia .fila{
    	height: 20px !important;
    	margin-bottom: 2px;
	}
	.usuariosAcademia .fila input{
    	height: 20px !important;
	}
	.usuariosAcademia .col-label{
    	max-width: 	80px !important;
    	min-width: 80px !important;
	}
	.usuariosAcademia .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
		background: #ffffff;
	}
	.usuariosAcademia .tab-erp > *:nth-child(1) > *:nth-child(2) > * {
			width: 160px !important;
		}
			.usuariosAcademia .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > * {
				max-width: 175px !important;
				min-width: 175px !important;
			}
	.usuariosAcademia .passButton{
		background: transparent;
    	border: none;
	}
		.usuariosAcademia .passButton:focus{
	    	border: none !important;
		}
	
/** Roles **/	
.usuariosAcademia .roles{
}
	.usuariosAcademia .roles > .titulo{
		border-bottom: 1px solid #2d4c6c;
		margin-bottom: 2px;
	}
	.usuariosAcademia .roles > .content{
	    display: flex;
	}
	    .usuariosAcademia .roles > .content > div{
	    	flex: 1;
	    }
	    .usuariosAcademia .roles > .content > div:nth-child(1){
	    }
	    .usuariosAcademia .roles > .content > div:nth-child(2){
	        margin-left: 5px;
	    }
	    	.usuariosAcademia .roles > .content > div:nth-child(2) > div{
	    	}
	    	.usuariosAcademia .roles > .content > div:nth-child(2) > div:nth-child(1){
	    	}
	    	.usuariosAcademia .roles > .content > div:nth-child(2) > div:nth-child(2){
	    	}

/** Alumnos **/	
.usuariosAcademia .alumnos{margin-top: 10px;}
	.usuariosAcademia .alumnos > .titulo{
		border-bottom: 1px solid #2d4c6c;
		margin-bottom: 2px;
	}
	.usuariosAcademia .alumnos > .content{
	    display: flex;
	}
	    .usuariosAcademia .alumnos > .content > div{
	    	flex: 1;
	    }
	    .usuariosAcademia .alumnos > .content > div:nth-child(1){
	    }
	    .usuariosAcademia .alumnos > .content > div:nth-child(2){
	        margin-left: 5px;
	    }
	    	.usuariosAcademia .alumnos > .content > div:nth-child(2) > div{
	    	}
	    	.usuariosAcademia .alumnos > .content > div:nth-child(2) > div:nth-child(1){
	    	}
	    	.usuariosAcademia .alumnos > .content > div:nth-child(2) > div:nth-child(2){
	    	}
	
/** Info general **/
.usuariosAcademia .datos_generales{
	margin-top: 15px;
}
	.usuariosAcademia .datos_generales > .titulo{
		margin-bottom: 10px;
		border-bottom: 1px solid #2d4c6b;
	}
	.usuariosAcademia .datos_generales > .content{
	}
@charset "UTF-8";

.usuarios-erp {
    height: 100%;
}

.usuarios-erp input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
	text-transform: uppercase;
}

.usuarios-erp label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.usuarios-erp .form-group{
	margin: 0px;
	margin-bottom: 5px;
	display: flex;
	height: 100%;
	width: 100%;
	flex: 1;
}


.usuarios-erp .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.usuarios-erp .bottom > div{
    flex: 1;
    width: 100%;
}
.usuarios-erp .row.bottom > div:nth-child(1){
	min-height: 520px;
}

.usuarios-erp .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
}


.usuarios-erp .buttons {
    display: flex;
}

.usuarios-erp .buttons > button {
    flex: 1;
    background: none;
    border: none;
    width: 10px;
}

.usuarios-erp .buttons > button:focus {
    border: 1px solid blue;
}

/* Campo fecha */
.usuarios-erp .fecha-erp{

}
.usuarios-erp .fecha-erp > span > span{
	width: auto;
}
.usuarios-erp .fecha-erp > span > input {
    height: 20px !important;
    text-align: left;
    max-width: 80px;

}

.usuarios-erp .fecha-erp > span > span > button {
    height: 20px;
}

.usuarios-erp .fecha-erp > span > span > button > i {
    position: absolute;
    top: 5px;
    right: 8px;
}

/* End campo fecha */



/* Controls */
.usuarios-erp .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.usuarios-erp .controls-buttons-erp > li{
   margin-right: 5px;
}

.usuarios-erp .controls-buttons-erp > li > a{
    color:black;
}



.usuarios-erp .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.usuarios-erp .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.usuarios-erp .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */

/* ui select */
/*.usuarios-erp .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.usuarios-erp .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
}


.usuarios-erp .ui-select-erp input:focus,
.usuarios-erp .ui-select-erp input:focus:hover,
.usuarios-erp .ui-select-erp input:hover,
.usuarios-erp .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
}

.usuarios-erp .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.usuarios-erp .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.usuarios-erp .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}*/


/* end ui select */

/* Tabs */
.usuarios-erp .tab-erp {}
.usuarios-erp .tab-erp > *:nth-child(1){
	/* background: #f4f5f6; */
	padding: 0px;
}
.usuarios-erp .tab-erp > *:nth-child(2) > *{
	margin: 0px;
}
.usuarios-erp .tab-erp > *:nth-child(1) > *:nth-child(2){
    height: 32px !important;
}

.usuarios-erp .tab-erp > *:nth-child(1) > *:nth-child(2) > * > *{
    padding-top: 0px;
}

.usuarios-erp .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.usuarios-erp .tab-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.usuarios-erp .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	/* background: #f8fafb; */
	margin: 0px;
	padding: 5px 5px 5px 6px;
	overflow: hidden;
}

.usuarios-erp .tab-erp > *:nth-child(2) > * > * > *:nth-child(1) > textarea{
	width: 100%;
}


.usuarios-erp .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}





.usuarios-erp .tab-dynamic-erp {
    margin: 0px;
    padding: 0px;
    /* border: none; */
    width: 100%;
    /* overflow-x: hidden; */
}

.usuarios-erp .tab-dynamic-erp > md-tabs{
	margin: 0px;
	border: none;
	/* width: 100%; */
	/* display: flex; */
}
.usuarios-erp .tab-dynamic-erp > md-tabs > md-tabs-wrapper{
    height: 32px !important;
    padding: 0px;
}

.usuarios-erp .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data{/* top: 15px !important; */}

.usuarios-erp .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data > md-tab{
	/* top: 26px; */
}

.usuarios-erp .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas{
}

.usuarios-erp .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper{

}


.usuarios-erp .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item{padding: 0px;}

.usuarios-erp .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item > span{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.usuarios-erp .tab-dynamic-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.usuarios-erp .tab-dynamic-erp md-tabs-content-wrapper {
    top: 32px !important;
    /* flex: 1; */
    /* display: flex; */
}

.usuarios-erp .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content{padding: 0px;margin: 0px;background: white;width: 100% !important;display: flex;/* flex: 1; */}

.usuarios-erp .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.usuarios-erp .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div{overflow: hidden;padding-top: 5px !important;padding-bottom: 10px !important;padding-left: 10px !important;padding-right: 10px !important;margin: 0px !important;text-align: left !important;display: flex;flex-direction: column;}

.usuarios-erp .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div > div > div{
    /* padding: 0px; */
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

/* End tabs */


/* Tile */
.usuarios-erp .tile{
	height: 100%;
}

.usuarios-erp .tile.tile-widget {
    padding: 10px;
}
	.usuarios-erp .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.usuarios-erp .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.usuarios-erp .tile .tile-header.dvd .controls > li.controls-editar,
		.usuarios-erp .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.usuarios-erp .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.usuarios-erp .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.usuarios-erp .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.usuarios-erp .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.usuarios-erp .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.usuarios-erp .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.usuarios-erp .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.usuarios-erp .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.usuarios-erp .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 35px;
	right: 0px;
}

.usuarios-erp .delegacion-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}

.usuarios-erp .bottom-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}


.usuarios-erp label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* Modificaciones */
    .usuarios-erp .row.nserie{
    }
    
    
    
    .usuarios-erp .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .usuarios-erp .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .usuarios-erp .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .usuarios-erp .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .usuarios-erp .row.urow3 > div:nth-child(3){
		margin: -1px !important;
		padding-left: 0px !important;
		height: 20px;
		margin: 0px !important;
		padding: 0px !important;
		}
    .usuarios-erp .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.usuarios-erp .autowidth > input{
		width: 100% !important;
	}
	
    .usuarios-erp .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.usuarios-erp .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.usuarios-erp .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.usuarios-erp .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .usuarios-erp .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.usuarios-erp .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .usuarios-erp .tile .tile-header-erp .controls{

	    }
	    .usuarios-erp .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .usuarios-erp .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .usuarios-erp .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .usuarios-erp .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .usuarios-erp .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .usuarios-erp .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .usuarios-erp .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .usuarios-erp .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .usuarios-erp .table-custom-inline .tr_custom_erp > td{
      
    }
    
    .usuarios-erp .table-custom-inline .tr_custom_erp > td:nth-child(8){
    	min-width: 50px;
    }

    .usuarios-erp .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .usuarios-erp .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .usuarios-erp .row.row-erp{
     padding:15px !important;
   }
	   .usuarios-erp .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		  }
		 .usuarios-erp .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .usuarios-erp .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.usuarios-erp .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.usuarios-erp .doc-span > i{
		font-size: 10px;
	}
	.usuarios-erp .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.usuarios-erp .doc-span:visited{
		color: #dbe0e2;
	}
	
	/* Select input directive */
	.usuarios-erp .select-input{
		display: flex;
		/* flex: 1; */
		/* margin: 0px; */
		/* padding: 0px; */
		width: 100%;
	}
	.usuarios-erp .select-input > div:nth-child(1){
		flex: 1;
	}
	.usuarios-erp .select-input i.caret.pull-right{
		display:none;
	}
	
	.usuarios-erp .a-select-input.ng-scope{
        border: 1px solid #e1e1e1;
        border-left: none;
        padding-right: 4px;
        padding-left: 4px;
        cursor: pointer;
        color: #616f77 !important;
        background: #e1e1e1;
        border-left: none;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 20px;
        position: relative;
        width: 15px;
    }
     .usuarios-erp .a-select-input.ng-scope:hover{
      background: #e1e1e1;
    }
    .usuarios-erp .a-select-input.ng-scope > i{
      font-size: 12px;
      position: absolute;
      margin-top: 2px;
    }
	
   
   /* Tile custom */
   .usuarios-erp .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .usuarios-erp .tile-body.table-custom {
	    padding: 0px;
	}

   .usuarios-erp .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .usuarios-erp .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.usuarios-erp .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.usuarios-erp .tile-table-erp tbody td {
	}



.usuarios-erp .table-cuentas tbody td:nth-child(2) {
    width: 50px;
    display: flex;
}

.usuarios-erp .table-cuentas tbody td:nth-child(2) > label{
    display:flex;
    width: 100%;
    left: 34px;
}

.usuarios-erp .table-cuentas tbody td:nth-child(2) > label > input{
   width: 100%;
}
   



/* buttons observaciones */
.usuarios-erp .button-observaciones {
    position: absolute;
    right: 20px;
    border: none;
    background: #cccccc;
    z-index: 1;
}

.usuarios-erp .button-observaciones > i{
    
}

/* End */


/* IMAGEN */

.usuarios-erp .container-imagen{
	display:flex;
}

.usuarios-erp .container-imagen .form-imagen{margin-right: 5px;}

.usuarios-erp .container-imagen .form-imagen > input{
	visibility: hidden;
}

.usuarios-erp .container-imagen .form-imagen .imagen{
	
}

.usuarios-erp .container-imagen .form-imagen .imagen > img {
    width: 200px;
}


.usuarios-erp .container-imagen .view-imagen{
}

.usuarios-erp .container-imagen .view-imagen .imagen{

}	

.usuarios-erp .container-imagen .view-imagen .imagen > img{
 	width: 200px;
}

.usuarios-erp .container-imagen .buttons-gallery {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-left: 5px;
}

.usuarios-erp .container-imagen .buttons-gallery > button{
    padding: 2px;
    max-width: 25px;
    width: 25px;
}
.arqueos{
	
}
	.arqueos .listado-monedas{
		display: flex;
		flex-wrap: wrap;
	}
		.arqueos .listado-monedas > div{
			flex: 1;
			max-width: 75px;
			min-width: 75px;
			margin: 10px 10px;
		}
			.arqueos .listado-monedas > div > div{
			}
				.arqueos .listado-monedas > div > div > img{
					max-width: 75px;
					min-width: 75px;
					height: 75px;
					margin-bottom: 5px;
				}
		
		.arqueos .listado-monedas > div.billete{
			flex: 1;
			max-width: 150px;
			min-width: 150px;
			margin: 10px 10px;
		}
			.arqueos .listado-monedas > div.billete > div{
			}
				.arqueos .listado-monedas > div.billete > div > img{
					max-width: 150px;
					min-width: 150px;
					height: 75px;
					margin-bottom: 5px;
				}
				
	.arqueos .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
		background: #ffffff !important;
	}
	
	.arqueos .tab-erp > *:nth-child(1) > *:nth-child(2) > * {
			width: 450px !important;
		}
			.arqueos .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > * {
				max-width: 450px !important;
				min-width: 450px !important;
			}
		
		
	.arqueos .totales{
		width: 600px;
		align-self: flex-end;
		margin-bottom: 10px;
	}
	.arqueos .totales > div:nth-child(1), .arqueos .totales > div:nth-child(2){
	}
	.arqueos .totales > div{
		padding-right: 5px;
		width: 200px;
	}
		.arqueos .totales > div > div:nth-child(1){
			padding-right: 5px;
			background-color: #789ae6;
			color:  white;
			padding-left: 5px;
		}
		.arqueos .totales > div > div:nth-child(2){
			padding-left: 5px;
			background-color: #dce7ff;
		}

		
	.arqueos .loading-modal{
		width: 98%;
	}
@charset "UTF-8";

.caja-nueva{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
	.caja-nueva > div{
		margin: 10px 0px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		flex-direction: column;
	}
	.caja-nueva > .principal-data{
		
	}
		.caja-nueva > div > div{
			flex:1;
			display: flex;
			width: 100%;
			margin: 5px 0px;
		}
		.caja-nueva > div > div > div:nth-child(1){
			width: 80px;
		}
		.caja-nueva > div > div > div:nth-child(2){
			height: 20px !important;
		}
			.caja-nueva > div > div > div:nth-child(2) > input{
			height: 20px !important;
		}
	.caja-nueva > .buttons-footer{
		display: flex;
		flex-direction: row;
	}
		.caja-nueva > .buttons-footer > button{
			margin: 0px 5px;
			background: none;
			border: none;
			color: white;
		}
		.caja-nueva > .buttons-footer > button:nth-child(1){
			background: green;
		}
		.caja-nueva > .buttons-footer > button:nth-child(1):disabled{
			background: gray;
		}
		.caja-nueva > .buttons-footer > button:nth-child(2){
			background: #d27070;
		}

/* GRID (RESUMEN) */
.caja-resumen .ui-grid-header-canvas{
	width: 100% !important;
}
.caja-resumen .ui-grid-header-cell-wrapper{
	width: 100%;
}
.caja-resumen .ui-grid-header-cell-row {
	width: 100%;
}
.caja-resumen .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.caja-resumen .ui-grid-header-cell-row > div:nth-child(1){
    width: 10%;
}
.caja-resumen .ui-grid-header-cell-row > div:nth-child(2){
     width: 28%;
}
.caja-resumen .ui-grid-header-cell-row > div:nth-child(3){
     width: 28%;
}
.caja-resumen .ui-grid-header-cell-row > div:nth-child(4){
     width: 10%;
}
.caja-resumen .ui-grid-header-cell-row > div:nth-child(5){
     width: 12%;
}
.caja-resumen .ui-grid-header-cell-row > div:nth-child(6){
     width: 12%;
}

.caja-resumen .ui-grid-canvas{
	width: 100% !important;
}
.caja-resumen .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.caja-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 10%;
}
.caja-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 28%;
}
.caja-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 28%;
}
.caja-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 10%;
}
.caja-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 12%;
}
.caja-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 12%;
}

.caja-resumen .ui-grid-footer-canvas{
	width: 100% !important;
}
.caja-resumen .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.caja-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.caja-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 10%;
}
.caja-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 28%;
}
.caja-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 28%;
}
.caja-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 10%;
}
.caja-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 12%;
}
.caja-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 12%;
}

@charset "UTF-8";

.traspasos{
	
}
	.traspasos .detalles-info{
		margin-top: 20px;
		font-size: 12px;
	}
	    .traspasos .detalles-info > div:nth-child(1){
	    	font-size: 14px;
	    }
	    .traspasos .detalles-info > div:nth-child(2){
	    	margin-left: 15px;
	    }
	    .traspasos .detalles-info > div:nth-child(3){
	    	margin-left: 15px;
	    }
	.traspasos .button-aceptar{
		height: 25px !important;
		margin-top: 5px;
	}
	.traspasos .button-refresh {
	    background: none;
	    border: none;
	    max-width: 20px !important;
	    min-width: 20px !important;
	}
	.traspasos .button-refresh:focus,
	.traspasos .button-refresh:active,
	.traspasos .button-refresh:hover{
	    border:none !important;
	    color: #2e4c6d;
	}
@charset "UTF-8";

.movimientos{
	
}
	/* Abonos */
	.movimientos .abonos{

	}


	/* Cargos */
	.movimientos .cargos{

	}

	.movimientos .button-aceptar{
		height: 25px !important;
		margin-top: 5px;
	}
	.movimientos .button-refresh {
	    background: none;
	    border: none;
	    max-width: 20px !important;
	    min-width: 20px !important;
	}
	.movimientos .button-refresh:focus,
	.movimientos .button-refresh:active,
	.movimientos .button-refresh:hover{
	    border:none !important;
	    color: #2e4c6d;
	}
@charset "UTF-8";

.configuracion-global {
    height: 100%;
}
	.configuracion-global .padding-auto{
		padding: 5px;
	}
/*.configuracion-global input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
	text-transform: uppercase;
}

.configuracion-global label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}*/
	.configuracion-global .button-text-search {
		height: 50px !important;
    	width: 60px !important;
    	margin-top: 40px !important;
    	margin-left: 0px !important;
	}
	
	.configuracion-global > div {
		margin-top: 10px !important;
	}

	.configuracion-global .tab-config{
		margin-top: 10px !important;
	}
		.configuracion-global .tab-config > *:nth-child(1) > *:nth-child(2) > * {
			width: 165px !important;
		}
			.configuracion-global .tab-config > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > * {
				max-width: 165px !important;
				min-width: 165px !important;
			}
	.configuracion-global .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
		background: #ffffff;
	}
	
	.configuracion-global .tab-condiciones > *:nth-child(1) > *:nth-child(2) > * {
		width: 130px !important;
	}
		.configuracion-global .tab-condiciones > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > * {
			max-width: 120px !important;
			min-width: 120px !important;
		}
	
	/* IMAGEN */
.configuracion-global .campo-imagen{
	width: 100%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 10px;
}

.configuracion-global .container-imagen{
	display:flex;
	height: 100%;
}
	.configuracion-global .container-imagen .form-imagen{
		margin-right: 5px;
	}
		.configuracion-global .container-imagen .form-imagen > div{
			height: 100%;
		}
		.configuracion-global .container-imagen .form-imagen > input{
			visibility: hidden;
		}
		.configuracion-global .container-imagen .form-imagen .imagen{
			
		}
			.configuracion-global .container-imagen .form-imagen .imagen > img{
				width: 100%;
			}
	.configuracion-global .container-imagen .view-imagen{
		min-width: 115px;
		max-width: 248px;
		flex: 1;
	}
		.configuracion-global .container-imagen .view-imagen .imagen{
		
		}	
			.configuracion-global .container-imagen .view-imagen .imagen > img{
			 	width: 100%;
			}
	.configuracion-global .container-imagen .buttons-gallery {
	    position: absolute;
	    top: 0px;
	    right: 0px;
	    margin-left: 5px;
	}
		.configuracion-global .container-imagen .buttons-gallery > button{
		    padding: 2px;
		    max-width: 25px;
		    width: 25px;
		}
		
	.configuracion-global .config-box{
	    margin-top: 10px;
	}
		.configuracion-global .config-box > div{
		     border: 1px dashed #cdd3d7 !important;
		}
		.configuracion-global .config-box > div.imagen-zoom{
		    border: none !important;
		/* width: 10px !important; */
		}
			.configuracion-global .config-box > div.imagen-zoom > img{
			    width: 20px;
			}
		/*.configuracion-global .config-box > div.stripe{
		    border: none !important;
		    height: 20px;
		}*/
		
		
		.configuracion-global .config-box .bloque{
		     margin-top: 5px !important;
		     margin-bottom: 3px !important;
		     padding-right: 5px !important;
		     padding-left: 5px;
		     padding-top: 3px;
		}
		.configuracion-global .config-box > span{
			color: #616f77 !important;
			padding-left: 5px !important;
		}

		.configuracion-global .config-box .passButton{
			background: transparent;
	    	border: none;
	    	margin-left: 2px;
		}
		.configuracion-global .config-box .passButton:focus{
	    	border: none !important;
		}
		
		.configuracion-global .config-box .buttons-mail{
			margin-top: 5px;
		}
			.configuracion-global .config-box .buttons-mail .verificado{
				color: #008000;
			}
			.configuracion-global .config-box .buttons-mail .no-verificado{
				color: #d9524e;
			}
			.configuracion-global .config-box .remitente-usuario{
				display: flex;
				width: 50px;
				max-width: 40px !important;
				align-items: center;
				margin-left: 10px;
				height: 20px !important;
			}
				.configuracion-global .config-box .remitente-usuario .item-check{
					height: 15px;
					width: 15px;
					margin-right: 5px;
				}
					.configuracion-global .config-box .remitente-usuario .item-check label{
						height: 20px;
						width: 20px;
					}
						.configuracion-global .config-box .remitente-usuario .item-check label input{
							height: 15px !important;
							width: 15px !important;
						}
						.configuracion-global .config-box .remitente-usuario .item-check label div{
							height: 15px !important;
							width: 15px !important;
						}

	.configuracion-global .loading-page{
		height: 100% !important;
	}
	
	.configuracion-global .image-footer{
	    display:flex;
	    flex: 1;
    	flex-direction: column;
	}
		.configuracion-global .image-footer .info-file{
	   		padding-left: 5px;
	   		font-size: 12px;
	   		font-style: italic;
	   		color: #627178;
		}
		.configuracion-global .image-footer .aviso-file{
		    color: red;
	   		padding-left: 5px;
	   		font-size: 12px;
		}
		
	.configuracion-global .icon-info{
		font-size:10px;
		vertical-align: text-top;
		z-index: 9;
	}
	
	.configuracion-global .check-asume{
		padding-top: 5px;
	}


.configuracion-global .store-app{
	display: flex;
}
	.configuracion-global .store-app > div{
		display: flex;
		margin: 0px 12px;
		flex-direction: column;
		padding: 10px;
	}

	.configuracion-global .store-app .info-dropbox{

	}
		.configuracion-global .store-app .info-dropbox > .imagen{
			margin-right: 20px;
		}
			.configuracion-global .store-app .info-dropbox > .imagen > img{
				height: 100px;
			}

		.configuracion-global .store-app > div > .cabecera{
			font-size: 15px;
			border-bottom: 1px solid #2e4c6c;
			margin-bottom: 10px;
			display: flex;
		}
		.configuracion-global .store-app > div > .content{
			display: flex;
			flex-direction: column;
		}
			.configuracion-global .store-app > div > .content > div{
				display: flex;
			}
				.configuracion-global .store-app > div > .content > div > button{
					background: #2f4c6d1c;
					border: none !important;
					color: #2e4c6d;
					border-radius: 0px;
					transition: all 0.4s ease-out;
				}
				.configuracion-global .store-app > div > .content > div > button:hover{
					background: #2e4c6d;
					color: white;
					transition: all 0.4s ease-out;
				}
	.configuracion-global .store-app > .cloud-backup{

	}
	.configuracion-global .store-app > .sync-count{
		/* border: 1px dashed green; */
		/* background: #fafffa; */
		min-width: 320px;
	}
		.configuracion-global .store-app > .cloud-backup > .content > div{
			display: flex;
		}
		.configuracion-global .store-app > .cloud-backup > .content > .aviso{
			margin-bottom: 10px;
		}
		.configuracion-global .store-app > .cloud-backup > .content > .aviso-success{
			margin: 5px 0px;
			color: green;
			font-weight: bold;
		}
			.configuracion-global .store-app > .cloud-backup > .content > div > .imagen{
				margin-right: 20px;
			}
				.configuracion-global .store-app > .cloud-backup > .content > div > .imagen > a > img{
					height: 80px;
				}
			.configuracion-global .store-app > .cloud-backup > .content > div > .right{
				display: flex;
				flex-direction: column;
			}
				.configuracion-global .store-app > .cloud-backup > .content > div > .right > .edit{
					display: flex;
				}
					.configuracion-global .store-app > .cloud-backup > .content > div > .right > .edit > button{
						background: none;
						width: 28px;
						border: 1px solid #cccccc;
					}
				.configuracion-global .store-app > .cloud-backup > .content > div > .right > .buttons{
					background: none;
					margin: 10px 0px;
				}
					.configuracion-global .store-app > .cloud-backup > .content > div > .right > .buttons > button{
						background: #52af5a;
						color: white;
						border: none;
					}

	.configuracion-global .aviso-length {
	    font-size: 11px;
	    padding: 5px;
	    color: #ff000080;
	    font-style: oblique;
	}

	.configuracion-global .datos-bancarios{
		background: white;
		padding: 2px;
	}

	/* Empresas */
	.configuracion-global .empresas{
		display: flex;
		flex-direction: column;
	}
	    .configuracion-global .empresas .info-principal{
	    	display:flex;
	    	flex-direction: column;
	    }
	        .configuracion-global .empresas .info-principal .titulo{
	        	display: flex;
	        	border-bottom: 1px solid #2d4c6c;
	        	align-items: center;
	        	justify-content: space-between;
	        }
				.configuracion-global .empresas .info-principal .titulo > div:nth-child(1){
					
				}
				.configuracion-global .empresas .info-principal .titulo > .buttons{
					display: flex !important;
				}
				    .configuracion-global .empresas .info-principal .titulo > .buttons > button{
				    	margin: 0px !important;
				    }
            .configuracion-global .empresas .info-principal .listado{
            	display: flex;
            }
                .configuracion-global .empresas .info-principal .listado > div{
                	display: flex;
                	flex-direction: column;
                }
                    .configuracion-global .empresas .info-principal .listado > div > .content{
                    	display: flex;
                    }
                        .configuracion-global .empresas .info-principal .listado > div > .content > .info{
                            display: flex;
                            flex-wrap: wrap;
                            margin-top: 5px;
                        }
                            .configuracion-global .empresas .info-principal .listado > div > .content > .info > div{
                            	margin: 0px 5px;
                            }
                            .configuracion-global .empresas .info-principal .listado > div > .content > .info > div:nth-child(1){
                            	min-width: 400px;
                            	max-width: 400px;
                            }
                            .configuracion-global .empresas .info-principal .listado > div > .content > .info > div:nth-child(2){
                            	min-width: 400px;
                            	max-width: 400px;
                            }
                            .configuracion-global .empresas .info-principal .listado > div > .content > .info > div:nth-child(3){
                            	min-width: 115px;
                            	max-width: 115px;
                            }
                            .configuracion-global .empresas .info-principal .listado > div > .content > .info > div:nth-child(4){
                            	min-width: 205px;
                            	max-width: 205px;
                            }
                            .configuracion-global .empresas .info-principal .listado > div > .content > .info > div:nth-child(5){
                            	
                            }
                            .configuracion-global .empresas .info-principal .listado > div > .content > .info > div:nth-child(6){
                            	min-width: 211px;
                            	max-width: 211px;
                            }
                            .configuracion-global .empresas .info-principal .listado > div > .content > .info > div:nth-child(7){
                            	min-width: 211px;
                            	max-width: 211px;
                            }
                    .configuracion-global .empresas .info-principal .listado > div > .delegaciones{
                    	margin-top: 25px;
                    }
                        .configuracion-global .empresas .info-principal .listado > div > .delegaciones > .titulo{
                    	}
                        .configuracion-global .empresas .info-principal .listado > div > .delegaciones > .content{
                    	
                        }
                           .configuracion-global .empresas .info-principal .listado > div > .delegaciones > .content > div{
                    	        margin: 5px 0px;
                    	        border: 1px dashed #2d4c6c5e;
                    	        padding: 5px;
                    	    }
                    	    .configuracion-global .empresas .info-principal .listado > div > .delegaciones > .content > .delegacion{
                    	    /* border: none; */
                    	    padding: 0px;
                    	    margin: 5px 0px;
                    	    }
                    	    .configuracion-global .empresas .info-principal .listado > div > .delegaciones > .content > .delegacion .cabecera{
                    	        margin: 5px 0px;
                    	        /* border-bottom: 1px dashed #2d4c6c5e; */
                    	        padding: 5px;
                    	        /* display: flex; */
                    	        display: flex;
                    	        border-bottom: 1px solid #2d4c6c;
                    	        align-items: center;
                    	        /* justify-content: space-between; */
                    	    }
                    	       .configuracion-global .empresas .info-principal .listado > div > .delegaciones > .content > .delegacion .cabecera > .titulo{
									border: none;
									width: 115px;
								}
								.configuracion-global .empresas .info-principal .listado > div > .delegaciones > .content > .delegacion .cabecera > .buttons{
									display: flex;
								}
								    .configuracion-global .empresas .info-principal .listado > div > .delegaciones > .content > .delegacion .cabecera > .buttons > button{
								    	margin: 0px 0px !important;
								    }
                                .configuracion-global .empresas .info-principal .listado > div > .delegaciones > .content > div > .info-g{
                    	            display: flex;
                    	            flex-wrap: wrap;
                    	        }
                    	            .configuracion-global .empresas .info-principal .listado > div > .delegaciones > .content > div > .info-g > div{
                    	                width: 180px;
                    	                margin: 5px 5px
                    	            }
                    	            .configuracion-global .empresas .info-principal .listado > div > .delegaciones > .content > div > .info-g > div:nth-child(1){
                    	            	width: 300px;
                    	            }
                    	            .configuracion-global .empresas .info-principal .listado > div > .delegaciones > .content > div > .info-g > div:nth-child(2){
                    	            	width: 260px;
                    	            }
                    	            .configuracion-global .empresas .info-principal .listado > div > .delegaciones > .content > div > .info-g > div:nth-child(6){
                    	            	width: 570px;
                    	            }
                                .configuracion-global .empresas .info-principal .listado > div > .delegaciones > .content > div > .buttons{
                    	            margin-bottom: 5px !important;
                    	            display: flex !important;
                    	        }
                    	            .configuracion-global .empresas .info-principal .listado > div > .delegaciones > .content > div > .buttons > button{
                    	            	margin: 0px !important;
                    	            }





		.configuracion-global .empresas > div{
			display: flex;
			flex-wrap: wrap;
			/* margin-top: 14px; */
		}
			.configuracion-global .empresas > div > .content{
				display: flex;
				flex-wrap: wrap;
			}
				.configuracion-global .empresas > div > .content > div{
					display: flex;
					margin: 0px 5px;
				}
					.configuracion-global .empresas > div > .content > div > label{
						width: 80px;
					}
					.configuracion-global .empresas > div > .content > div:nth-child(1) > input{
						min-width: 400px;
					}
					.configuracion-global .empresas > div > .content > div:nth-child(2) > input{
						min-width: 300px;
					}
					.configuracion-global .empresas > div > .content > div > input{
						width: 130px;
					}
			.configuracion-global .empresas > div > .delegaciones{
				display: flex;
				margin-top: 10px;
				flex-direction: column;
				flex: 1;
			}
				.configuracion-global .empresas > div > .delegaciones > div:nth-child(1){
					border-bottom: 1px solid #2c4c6d;
				}
				.configuracion-global .empresas > div > .delegaciones > .content{
					margin-left: 5px;
					margin-right: 5px;
					display: flex;
					flex: 1;
					flex-direction: column;
				}
				
					.configuracion-global .empresas > div > .delegaciones > .content > div{
						display:flex;
						flex: 1;
						margin: 5px 0px;
						flex-wrap: wrap;
					}
						.configuracion-global .empresas > div > .delegaciones > .content > div > div{
							display: flex;
							margin: 0px 5px;
							justify-content: center;
						}
							.configuracion-global .empresas > div > .delegaciones > .content > div > div > label{
								width: 80px;
							}
							.configuracion-global .empresas > div > .delegaciones > .content > div > div > input{
								height: 18px !important;
							}
							.configuracion-global .empresas > div > .delegaciones > .content > div > div:nth-child(5) > label{
								width: 62px;
							}
							.configuracion-global .empresas > div > .delegaciones > .content > div > div:nth-child(5) > input{
								min-width: 516px;
							}
        
         .configuracion-global .empresas .condiciones-empresa{
	    	display:flex;
	    	flex-direction: column;
	    	margin-top: 20px;
	    	margin-bottom: 100px;
	    }
	         .configuracion-global .empresas .condiciones-empresa > .cabecera{
	             display: flex;
	             border-bottom: 1px solid #2d4c6b;
	         }
	              .configuracion-global .empresas .condiciones-empresa > .cabecera > .titulo{
	                  width: 160px;
	                  border: none;
	              }
	              .configuracion-global .empresas .condiciones-empresa > .cabecera > .buttons{
	                  display: flex;
	              }
	                  .configuracion-global .empresas .condiciones-empresa > .cabecera > .buttons > button{
	                      margin: 0px 0px !important;
	                  }
	         .configuracion-global .empresas .condiciones-empresa > .content{
	         	margin-top: 10px;
	         	display: flex;
	         }
	             .configuracion-global .empresas .condiciones-empresa > .content > div{
	                 width: 300px;
	                 /* display: flex; */
	             }
	                 .configuracion-global .empresas .condiciones-empresa > .content > div > label{
	                     width: 150px;
	                     margin-right: 5px;
	                 }
	                 .configuracion-global .empresas .condiciones-empresa > .content > div > *:nth-child(2){
	                 	height: 20px;
	                 }

	.configuracion-global .stripe-matricula{

	}
		.configuracion-global .stripe-matricula > .api-keys{
			font-size: 12px;
		}
			.configuracion-global .stripe-matricula > .api-keys > div{
				
			}
				.configuracion-global .stripe-matricula > .api-keys > div > label{
					
				}
				.configuracion-global .stripe-matricula > .api-keys > div > input{
					height: 20px;
				}
			.configuracion-global .stripe-matricula > .api-keys > div:nth-child(1){
				margin-top: 3px;
			}
			.configuracion-global .stripe-matricula > .api-keys > div:nth-child(2){
				margin-top: 7px;
				margin-bottom: 12px;
			}
				

	/** Tabs **/
	.configuracion-global md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper{
		top: 0px !important;
	}
	
	.configuracion-global md-tabs:not(.md-no-tab-content):not(.md-dynamic-height){
		height: 135px;
		min-height: fit-content;
	}

.botones-configuracion{
	margin-top: 10px;
}
	.botones-configuracion button{
		border: none;
		color: white;
		background: #2d4c6d;
	}
	.botones-configuracion button:nth-child(1){
		
	}
	.botones-configuracion button:nth-child(2){
		
	}


/* GRID */
.configuracion-global .ui-grid-header-canvas{
	width: 100% !important;
}
.configuracion-global .ui-grid-header-cell-wrapper{
	width: 100%;
}
.configuracion-global .ui-grid-header-cell-row {
	width: 100%;
}
.configuracion-global .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.configuracion-global .ui-grid-header-cell-row > div:nth-child(1){
    width: 25%;
}
.configuracion-global .ui-grid-header-cell-row > div:nth-child(2){
     width: 35%;
}
.configuracion-global .ui-grid-header-cell-row > div:nth-child(3){
     width: 10%;
}
.configuracion-global .ui-grid-header-cell-row > div:nth-child(4){
     width: 15%;
}
.configuracion-global .ui-grid-header-cell-row > div:nth-child(5){
     width: 15%;
}


.configuracion-global .ui-grid-canvas{
	width: 100% !important;
}
.configuracion-global .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.configuracion-global .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 25%;
}
.configuracion-global .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 35%;
}
.configuracion-global .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 10%;
}
.configuracion-global .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 15%;
}
.configuracion-global .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 15%;
}


.configuracion-global .ui-grid-footer-canvas{
	width: 100% !important;
}
.configuracion-global .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.configuracion-global .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.configuracion-global .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 25%;
}
.configuracion-global .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 35%;
}
.configuracion-global .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 10%;
}
.configuracion-global .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 15%;
}
.configuracion-global .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 15%;
}



/* Matrícula online */
.configuracion-global .matricula-online{
	margin: 20px 0px;
	border-bottom: 1px dashed #cdd3d7;
}
	.configuracion-global .matricula-online > .header{
		border-bottom: 1px solid #243d57;
    }
	.configuracion-global .matricula-online > .content{

	}
		.configuracion-global .matricula-online > .content > .otros-matricula{

		}
			.configuracion-global .matricula-online > .content > .otros-matricula > .header{
				width: 165px;
				position: relative;
			}
			    .configuracion-global .matricula-online > .content > .otros-matricula > .header > .titulo{
					border-bottom: 1px dashed #cdd3d7;
				}
			    .configuracion-global .matricula-online > .content > .otros-matricula > .header > .buttons{
					position: absolute;
					right: 0px;
					top: 0px;
				}
			.configuracion-global .matricula-online > .content > .otros-matricula > .content{
				margin-top: 5px;
			}
		.configuracion-global .matricula-online > .content > .config-box{

		}
			.configuracion-global .matricula-online > .content > .config-box > .stripe{

			}

/* End matrícula online */
@charset "UTF-8";

.idata #header-campos{
	display: flex;
	justify-content: space-between;
	padding-left: 70px;
	padding-right: 210px;
}
.idata .listado-datos {
	display: flex;
	justify-content: center ;
	padding-left: 105px;
	padding-right: 100px;
}
.idata #header-campos p{
	font-weight: bold;
}
.idata .listado-datos {
	margin-bottom: 2%;
	border-bottom: 1px solid #eeeeee; 
}
.idata .listado-datos select {
	margin-bottom: 5px;
}

.idata table {
	width: 100%;
	table-layout: fixed;
}

.idata th, .idata td {

   border: 0.5px solid #e0e0e0;
   border-collapse: collapse;
   width: 5%;
   word-wrap:break-word;
}

.idata .import.form-control {
	width: 300px;
}
.idata .footer-custom {
	justify-content: flex-end !important;
}
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Dosis");

.cursos-academicos-info-pago{
	
}
.cursos-academicos-info-pago {
  width: 100%;
  height: 100%;
  text-align: center;
  font-family: 'Dosis', sans-serif;
}

	.cursos-academicos-info-pago > img{
	  width: 100%;
	  padding: 0px;
	  margin: 0px !important;
	}
	
	.cursos-academicos-info-pago > .footer{
		margin: 0px;
		padding: 0px;
		display: flex;
	}
		.cursos-academicos-info-pago > .footer button {
		  width: 100%;
		  color: white;
		  font-size: 1em;
		  padding: 1%;
		  color: #2e4c6c;
		  background: white;
		  border: 1px solid #2e4c6c;
		  text-transform: uppercase;
		}


@charset "UTF-8";

.contabilidad-facturas-nominas{
}

/* Cabecera resumen */
.contabilidad-facturas-nominas > .general{
	/* display: flex; */
	/* flex-direction: column; */
}
	.contabilidad-facturas-nominas > .general > .resumen-estadisticas{
		display: flex;
		flex-direction: column;
		min-width: 715px;
		/* max-width: 715px; */
		/* align-items: flex-end; */
		/* justify-content: flex-end; */
		/* float: right; */
		font-size: 12px;
		margin-bottom: 10px;
		/* padding-right: 0px !important; */
		align-items: flex-end;
		/* justify-content: center; */
	}
		.contabilidad-facturas-nominas > .general > .resumen-estadisticas > .cabecera{
			display: flex;
			flex-direction: row;
			background: #2d4c6d;
			color: white;
			text-align: center;
			height: 20px;
		}
			.contabilidad-facturas-nominas > .general > .resumen-estadisticas > .cabecera div{
				padding: 2px 5px;
				border: 1px solid #155d89;
				min-width: 225px;
				max-width: 225px;
			}
			.contabilidad-facturas-nominas > .general > .resumen-estadisticas > .cabecera > div:nth-child(1){
				min-width: 40px;
				max-width: 40px;
				background: white;
				border-bottom: none !important;
				border-top: none !important;
				border-left: none !important;
			}
		.contabilidad-facturas-nominas > .general > .resumen-estadisticas > .cabecera_secundaria{
		    display: flex;
		    flex-direction: row;
		    background: #2d4c6d;
		    color: white;
		    text-align: center;
		    height: 20px;
		}
			.contabilidad-facturas-nominas > .general > .resumen-estadisticas > .cabecera_secundaria > div{
				padding: 2px 5px;
				border: 1px solid #155d89;
				min-width: 75px;
				max-width: 75px;
			}
			.contabilidad-facturas-nominas > .general > .resumen-estadisticas > .cabecera_secundaria > div:nth-child(1){
				background: white;
				min-width: 40px;
				max-width: 40px;
				border-bottom: none !important;
				border-top: none !important;
				border-left: none !important;
			}
		.contabilidad-facturas-nominas > .general > .resumen-estadisticas > .total{
		    display: flex;
		    flex-direction: row;
		    height: 20px;
		}
			.contabilidad-facturas-nominas > .general > .resumen-estadisticas > .total > div{
				border: 1px solid #155d89;
				padding: 2px 5px;
				min-width: 75px;
				max-width: 75px;
				text-align: right;
			}
			.contabilidad-facturas-nominas > .general > .resumen-estadisticas > .total > div:nth-child(1){
				border: 1px solid #155d89;
				min-width: 40px;
				max-width: 40px;
				background: #2d4c6d;
				color: white;
				padding: 2px 5px;
			}
			.contabilidad-facturas-nominas > .general > .resumen-estadisticas > .total > div:nth-child(2),
			.contabilidad-facturas-nominas > .general > .resumen-estadisticas > .total > div:nth-child(5),
			.contabilidad-facturas-nominas > .general > .resumen-estadisticas > .total > div:nth-child(8){
				color: blue;
			}
			.contabilidad-facturas-nominas > .general > .resumen-estadisticas > .total > div:nth-child(1){
			}
		.contabilidad-facturas-nominas > .general > .resumen-estadisticas > .seleccionado{
		    display: flex;
		    flex-direction: row;
		    height: 20px;
		}
			.contabilidad-facturas-nominas > .general > .resumen-estadisticas > .seleccionado > div{
				border: 1px solid #155d89;
				padding: 2px 5px;
				min-width: 75px;
				max-width: 75px;
				text-align: right;
			}
			.contabilidad-facturas-nominas > .general > .resumen-estadisticas > .seleccionado > div:nth-child(1){
				border: 1px solid #155d89;
				min-width: 40px;
				max-width: 40px;
				background: #2d4c6d;
				color: white;
				padding: 2px 5px;
			}
			.contabilidad-facturas-nominas > .general > .resumen-estadisticas > .seleccionado > div:nth-child(2),
			.contabilidad-facturas-nominas > .general > .resumen-estadisticas > .seleccionado > div:nth-child(5),
			.contabilidad-facturas-nominas > .general > .resumen-estadisticas > .seleccionado > div:nth-child(8){
				color: blue;
			}
	.contabilidad-facturas-nominas .separacion-checkbox{
		margin: 8px;
	}
	.contabilidad-facturas-nominas .item-conta{
		width: 50px;
	}
	.contabilidad-facturas-nominas .three-states{

	}
		.contabilidad-facturas-nominas .three-states > input{

		}
		.contabilidad-facturas-nominas .three-states > div{
			position: absolute;
			top: 0px;
			left: 0;
			height: 14px;
			width: 14px;
			background: white;
			border: 1px solid #cdd3d8;
		}
		.contabilidad-facturas-nominas .three-states > div.marcada{
			/*background: green !important;*/
		}
			.contabilidad-facturas-nominas .three-states > div.marcada::after{
				display: block;
				content: '';
				position: absolute;
				left: 4px;
				top: 1px;
				width: 5px;
				height: 8px;
				border: solid #758dab;
				border-width: 0 2px 2px 0px;
				transform: rotate(45deg);
			}
		.contabilidad-facturas-nominas .three-states > div.nomarcada{
			
		}
		.contabilidad-facturas-nominas .three-states > div.mixta{
			
		}
			.contabilidad-facturas-nominas .three-states > div.mixta::after{
				display: block;
				content: '';
				position: absolute;
				background: #758dab !important;
				width: 81%;
				height: 80%;
				left: 1px;
				top: 1px;
			}

/* GRID (RESUMEN) */
.contabilidad-facturas-nominas .ui-grid-header-canvas{
	width: 100% !important;
}
.contabilidad-facturas-nominas .ui-grid-header-cell-wrapper{
	width: 100%;
}
.contabilidad-facturas-nominas .ui-grid-header-cell-row {
	width: 100%;
}
.contabilidad-facturas-nominas .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.contabilidad-facturas-nominas .ui-grid-header-cell-row > div:nth-child(1){
    width: 7%;
}
.contabilidad-facturas-nominas .ui-grid-header-cell-row > div:nth-child(2){
     width: 10%;
}
.contabilidad-facturas-nominas .ui-grid-header-cell-row > div:nth-child(3){
     width: 23%;
}
.contabilidad-facturas-nominas .ui-grid-header-cell-row > div:nth-child(4){
     width: 6%;
}
.contabilidad-facturas-nominas .ui-grid-header-cell-row > div:nth-child(5){
     width: 4%;
}
.contabilidad-facturas-nominas .ui-grid-header-cell-row > div:nth-child(6){
     width: 7%;
}
.contabilidad-facturas-nominas .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 4%;
}
.contabilidad-facturas-nominas .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 7%;
}
.contabilidad-facturas-nominas .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 7%;
}
.contabilidad-facturas-nominas .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 6%;
}
.contabilidad-facturas-nominas .ui-grid-header-cell-row > div:nth-child(11){ 
    width: 6%;
}
.contabilidad-facturas-nominas .ui-grid-header-cell-row > div:nth-child(12){ 
    width: 6%;
}
.contabilidad-facturas-nominas .ui-grid-header-cell-row > div:nth-child(13){ 
    width: 4%;
}
.contabilidad-facturas-nominas .ui-grid-header-cell-row > div:nth-child(14){ 
    width: 3%;
}




.contabilidad-facturas-nominas .ui-grid-canvas{
	width: 100% !important;
}
.contabilidad-facturas-nominas .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.contabilidad-facturas-nominas .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 7%;
}
.contabilidad-facturas-nominas .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 10%;
}
.contabilidad-facturas-nominas .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 23%;
}
.contabilidad-facturas-nominas .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 6%;
}
.contabilidad-facturas-nominas .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 4%;
}
.contabilidad-facturas-nominas .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 7%;
}
.contabilidad-facturas-nominas .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 4%;
}
.contabilidad-facturas-nominas .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 7%;
}
.contabilidad-facturas-nominas .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 7%;
}
.contabilidad-facturas-nominas .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 6%;
}
.contabilidad-facturas-nominas .ui-grid-row > div > .ui-grid-cell:nth-child(11){
	width: 6%;
}
.contabilidad-facturas-nominas .ui-grid-row > div > .ui-grid-cell:nth-child(12){
	width: 6%;
}
.contabilidad-facturas-nominas .ui-grid-row > div > .ui-grid-cell:nth-child(13){
	width: 4%;
}
.contabilidad-facturas-nominas .ui-grid-row > div > .ui-grid-cell:nth-child(14){
	width: 3%;
}


.contabilidad-facturas-nominas .ui-grid-footer-canvas{
	width: 100% !important;
}
.contabilidad-facturas-nominas .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.contabilidad-facturas-nominas .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.contabilidad-facturas-nominas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 7%;
}
.contabilidad-facturas-nominas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 10%;
}
.contabilidad-facturas-nominas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 23%;
}
.contabilidad-facturas-nominas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 6%;
}
.contabilidad-facturas-nominas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 4%;
}
.contabilidad-facturas-nominas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 7%;
}
.contabilidad-facturas-nominas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 4%;
}
.contabilidad-facturas-nominas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 7%;
}
.contabilidad-facturas-nominas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 7%;
}
.contabilidad-facturas-nominas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 6%;
}
.contabilidad-facturas-nominas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(11){
	width: 6%;
}
.contabilidad-facturas-nominas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(12){
	width: 6%;
}
.contabilidad-facturas-nominas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(13){
	width: 4%;
}
.contabilidad-facturas-nominas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(14){
	width: 3%;
}

.contabilidad-facturas-nominas #search_resumen{
	left: 30px;
    margin: 0px 15px;
}



/* Exportación de asientos */
.exportacion-asientos-contabilizacion{
	
}
	.exportacion-asientos-contabilizacion .contenido{
		margin: 15px 0px;
		display: flex;
		flex-direction: column;
	}
		.exportacion-asientos-contabilizacion .contenido > div{
	        display: flex;
	    }
			.exportacion-asientos-contabilizacion .contenido > div > div{
	            display: flex;
	    }
				.exportacion-asientos-contabilizacion .contenido > div > div > label{
	
				}
				.exportacion-asientos-contabilizacion .contenido > div > div > input{
	
				}
	    .exportacion-asientos-contabilizacion .contenido > div:nth-child(1){
	        
	    }
	        .exportacion-asientos-contabilizacion .contenido > div:nth-child(1) > div:nth-child(1){
	            flex: 1;
	        }
	            .exportacion-asientos-contabilizacion .contenido > div:nth-child(1) > div:nth-child(1) > label{
	                width: 135px;
	            }
	            .exportacion-asientos-contabilizacion .contenido > div:nth-child(1) > div:nth-child(1) > input{
	            }
	     .exportacion-asientos-contabilizacion .contenido > div:nth-child(2){
	        margin-top: 2px;
	     }
	        .exportacion-asientos-contabilizacion .contenido > div:nth-child(2) > div:nth-child(1){
	            flex: 1;
	            /* display: flex; */
	        }
	            .exportacion-asientos-contabilizacion .contenido > div:nth-child(2) > div:nth-child(1) > label{
	                width: 188px !important;
	            }
	            .exportacion-asientos-contabilizacion .contenido > div:nth-child(2) > div:nth-child(1) > input{
	            }
	        .exportacion-asientos-contabilizacion .contenido > div:nth-child(2) > div:nth-child(2){
	            flex: 1;
	            margin-left: 50px;
	        }
	            .exportacion-asientos-contabilizacion .contenido > div:nth-child(2) > div:nth-child(2) > label{
	                width: 185px;
	            }
	            .exportacion-asientos-contabilizacion .contenido > div:nth-child(2) > div:nth-child(2) > input{
	            }
	.exportacion-asientos-contabilizacion .footer{
		margin-top: 40px;
	}
		.exportacion-asientos-contabilizacion .footer > button:nth-child(1){
			border: none;
			background: #008000a1;
			color: white;
		}
		.exportacion-asientos-contabilizacion .footer > button:nth-child(2){
			border: none;
			background: #ff000085;
			color: white;
		}
	
/* End exportación asientos */

/* Integracion contabilidad */
.integracion-exito{
	
}
	.integracion-exito > .contenido{
	
	}
		.integracion-exito > .contenido > .mensaje{
		
		}
		.integracion-exito > .contenido > .ficheros{
	
		}
	.integracion-exito > .footer{
	
	}
		.integracion-exito > .footer > button{
	
		}

/* End integracion contabilidad */
@charset "UTF-8";

.contabilidad-exportar-asientos{
}

/* GRID (RESUMEN) */
.contabilidad-exportar-asientos .ui-grid-header-canvas{
	width: 100% !important;
}
.contabilidad-exportar-asientos .ui-grid-header-cell-wrapper{
	width: 100%;
}
.contabilidad-exportar-asientos .ui-grid-header-cell-row {
	width: 100%;
}
.contabilidad-exportar-asientos .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.contabilidad-exportar-asientos .ui-grid-header-cell-row > div:nth-child(1){
    width: 4%;
}
.contabilidad-exportar-asientos .ui-grid-header-cell-row > div:nth-child(2){
     width: 8%;
}
.contabilidad-exportar-asientos .ui-grid-header-cell-row > div:nth-child(3){
     width: 14%;
}
.contabilidad-exportar-asientos .ui-grid-header-cell-row > div:nth-child(4){
     width: 42%;
}
.contabilidad-exportar-asientos .ui-grid-header-cell-row > div:nth-child(5){
     width: 8%;
}
.contabilidad-exportar-asientos .ui-grid-header-cell-row > div:nth-child(6){
     width: 8%;
}
.contabilidad-exportar-asientos .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 8%;
}
.contabilidad-exportar-asientos .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 8%;
}



.contabilidad-exportar-asientos .ui-grid-canvas{
	width: 100% !important;
}
.contabilidad-exportar-asientos .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.contabilidad-exportar-asientos .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 4%;
}
.contabilidad-exportar-asientos .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 8%;
}
.contabilidad-exportar-asientos .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 14%;
}
.contabilidad-exportar-asientos .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 42%;
}
.contabilidad-exportar-asientos .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 8%;
}
.contabilidad-exportar-asientos .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 8%;
}
.contabilidad-exportar-asientos .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 8%;
}
.contabilidad-exportar-asientos .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 8%;
}




.contabilidad-exportar-asientos .ui-grid-footer-canvas{
	width: 100% !important;
}
.contabilidad-exportar-asientos .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.contabilidad-exportar-asientos .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.contabilidad-exportar-asientos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 4%;
}
.contabilidad-exportar-asientos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 8%;
}
.contabilidad-exportar-asientos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 14%;
}
.contabilidad-exportar-asientos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 42%;
}
.contabilidad-exportar-asientos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 8%;
}
.contabilidad-exportar-asientos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 8%;
}
.contabilidad-exportar-asientos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 8%;
}
.contabilidad-exportar-asientos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 8%;
}



.contabilidad-exportar-asientos #search_resumen{
	left: 30px;
    margin: 0px 15px;
}





/* Grid asientos */
.detalles-asientos .grid-asientos .ui-grid-header-canvas{
	width: 100% !important;
}
.detalles-asientos .grid-asientos .ui-grid-header-cell-wrapper{
	width: 100%;
}
.detalles-asientos .grid-asientos .ui-grid-header-cell-row {
	width: 100%;
}
.detalles-asientos .grid-asientos .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.detalles-asientos .grid-asientos .ui-grid-header-cell-row > div:nth-child(1){
    width: 8%;
}
.detalles-asientos .grid-asientos .ui-grid-header-cell-row > div:nth-child(2){
     width: 15%;
}
.detalles-asientos .grid-asientos .ui-grid-header-cell-row > div:nth-child(3){
     width: 10%;
}
.detalles-asientos .grid-asientos .ui-grid-header-cell-row > div:nth-child(4){
     width: 10%;
}
.detalles-asientos .grid-asientos .ui-grid-header-cell-row > div:nth-child(5){
     width: 42%;
}
.detalles-asientos .grid-asientos .ui-grid-header-cell-row > div:nth-child(6){
     width: 15%;
}




.detalles-asientos .grid-asientos .ui-grid-canvas{
	width: 100% !important;
}
.detalles-asientos .grid-asientos .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.detalles-asientos .grid-asientos .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 8%;
}
.detalles-asientos .grid-asientos .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 15%;
}
.detalles-asientos .grid-asientos .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 10%;
}
.detalles-asientos .grid-asientos .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 10%;
}
.detalles-asientos .grid-asientos .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 42%;
}
.detalles-asientos .grid-asientos .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 15%;
}


.detalles-asientos .grid-asientos .ui-grid-footer-canvas{
	width: 100% !important;
}
.detalles-asientos .grid-asientos .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.detalles-asientos .grid-asientos .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.detalles-asientos .grid-asientos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 8%;
}
.detalles-asientos .grid-asientos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 15%;
}
.detalles-asientos .grid-asientos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 10%;
}
.detalles-asientos .grid-asientos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 10%;
}
.detalles-asientos .grid-asientos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 42%;
}
.detalles-asientos .grid-asientos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 15%;
}


/* Grid subcuentas */
.detalles-asientos .grid-subcuentas .ui-grid-header-canvas{
	width: 100% !important;
}
.detalles-asientos .grid-subcuentas .ui-grid-header-cell-wrapper{
	width: 100%;
}
.detalles-asientos .grid-subcuentas .ui-grid-header-cell-row {
	width: 100%;
}
.detalles-asientos .grid-subcuentas .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.detalles-asientos .grid-subcuentas .ui-grid-header-cell-row > div:nth-child(1){
    width: 10%;
}
.detalles-asientos .grid-subcuentas .ui-grid-header-cell-row > div:nth-child(2){
     width: 20%;
}
.detalles-asientos .grid-subcuentas .ui-grid-header-cell-row > div:nth-child(3){
     width: 10%;
}
.detalles-asientos .grid-subcuentas .ui-grid-header-cell-row > div:nth-child(4){
     width: 20%;
}
.detalles-asientos .grid-subcuentas .ui-grid-header-cell-row > div:nth-child(5){
     width: 15%;
}
.detalles-asientos .grid-subcuentas .ui-grid-header-cell-row > div:nth-child(6){
     width: 15%;
}
.detalles-asientos .grid-subcuentas .ui-grid-header-cell-row > div:nth-child(7){
     width: 10%;
}




.detalles-asientos .grid-subcuentas .ui-grid-canvas{
	width: 100% !important;
}
.detalles-asientos .grid-subcuentas .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.detalles-asientos .grid-subcuentas .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 10%;
}
.detalles-asientos .grid-subcuentas .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 20%;
}
.detalles-asientos .grid-subcuentas .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 10%;
}
.detalles-asientos .grid-subcuentas .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 20%;
}
.detalles-asientos .grid-subcuentas .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 15%;
}
.detalles-asientos .grid-subcuentas .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 15%;
}
.detalles-asientos .grid-subcuentas .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 10%;
}


.detalles-asientos .grid-subcuentas .ui-grid-footer-canvas{
	width: 100% !important;
}
.detalles-asientos .grid-subcuentas .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.detalles-asientos .grid-subcuentas .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.detalles-asientos .grid-subcuentas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 10%;
}
.detalles-asientos .grid-subcuentas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 20%;
}
.detalles-asientos .grid-subcuentas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 10%;
}
.detalles-asientos .grid-subcuentas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 20%;
}
.detalles-asientos .grid-subcuentas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 15%;
}
.detalles-asientos .grid-subcuentas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 15%;
}
.detalles-asientos .grid-subcuentas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 10%;
}

@charset "UTF-8";

.contabilidad-pagos-cobros{
}


.contabilidad-pagos-cobros .separacion-checkbox{
	margin: 8px;
}
.contabilidad-pagos-cobros .item-conta{
	width: 50px;
}

/* GRID (RESUMEN) */
.contabilidad-pagos-cobros .ui-grid-header-canvas{
	width: 100% !important;
}
.contabilidad-pagos-cobros .ui-grid-header-cell-wrapper{
	width: 100%;
}
.contabilidad-pagos-cobros .ui-grid-header-cell-row {
	width: 100%;
}
.contabilidad-pagos-cobros .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.contabilidad-pagos-cobros .ui-grid-header-cell-row > div:nth-child(1){
    width: 7%;
}
.contabilidad-pagos-cobros .ui-grid-header-cell-row > div:nth-child(2){
     width: 9%;
}
.contabilidad-pagos-cobros .ui-grid-header-cell-row > div:nth-child(3){
     width: 25%;
}
.contabilidad-pagos-cobros .ui-grid-header-cell-row > div:nth-child(4){
     width: 8%;
}
.contabilidad-pagos-cobros .ui-grid-header-cell-row > div:nth-child(5){
     width: 9%;
}
.contabilidad-pagos-cobros .ui-grid-header-cell-row > div:nth-child(6){
     width: 8%;
}
.contabilidad-pagos-cobros .ui-grid-header-cell-row > div:nth-child(7){ 
    width: 8%;
}
.contabilidad-pagos-cobros .ui-grid-header-cell-row > div:nth-child(8){ 
    width: 4%;
}
.contabilidad-pagos-cobros .ui-grid-header-cell-row > div:nth-child(9){ 
    width: 7%;
}
.contabilidad-pagos-cobros .ui-grid-header-cell-row > div:nth-child(10){ 
    width: 7%;
}
.contabilidad-pagos-cobros .ui-grid-header-cell-row > div:nth-child(11){ 
    width: 4% !important;
}
.contabilidad-pagos-cobros .ui-grid-header-cell-row > div:nth-child(12){ 
    width: 4% !important;
}




.contabilidad-pagos-cobros .ui-grid-canvas{
	width: 100% !important;
}
.contabilidad-pagos-cobros .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.contabilidad-pagos-cobros .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 7%;
}
.contabilidad-pagos-cobros .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 9%;
}
.contabilidad-pagos-cobros .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 25%;
}
.contabilidad-pagos-cobros .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 8%;
}
.contabilidad-pagos-cobros .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 9%;
}
.contabilidad-pagos-cobros .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 8%;
}
.contabilidad-pagos-cobros .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 8%;
}
.contabilidad-pagos-cobros .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 4%;
}
.contabilidad-pagos-cobros .ui-grid-row > div > .ui-grid-cell:nth-child(9){
	width: 7%;
}
.contabilidad-pagos-cobros .ui-grid-row > div > .ui-grid-cell:nth-child(10){
	width: 7%;
}
.contabilidad-pagos-cobros .ui-grid-row > div > .ui-grid-cell:nth-child(11){
	width: 4% !important;
}
.contabilidad-pagos-cobros .ui-grid-row > div > .ui-grid-cell:nth-child(12){
	width: 4% !important;
}





.contabilidad-pagos-cobros .ui-grid-footer-canvas{
	width: 100% !important;
}
.contabilidad-pagos-cobros .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.contabilidad-pagos-cobros .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.contabilidad-pagos-cobros .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 7%;
}
.contabilidad-pagos-cobros .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 9%;
}
.contabilidad-pagos-cobros .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 25%;
}
.contabilidad-pagos-cobros .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 8%;
}
.contabilidad-pagos-cobros .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 9%;
}
.contabilidad-pagos-cobros .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 8%;
}
.contabilidad-pagos-cobros .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 8%;
}
.contabilidad-pagos-cobros .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 4%;
}
.contabilidad-pagos-cobros .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(9){
	width: 7%;
}
.contabilidad-pagos-cobros .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(10){
	width: 7%;
}
.contabilidad-pagos-cobros .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(11){
	width: 4% !important;
}
.contabilidad-pagos-cobros .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(12){
	width: 4% !important;
}

.contabilidad-pagos-cobros #search_resumen{
	left: 30px;
    margin: 0px 15px;
}

@charset "UTF-8";

.alumnos {
    height: 100%;
}
.alumnos input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}
.alumnos label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}
.alumnos .form-group{
	margin: 0px;
	margin-bottom: 5px;
	display: flex;
	/*height: 100%;*/
	width: 100%;
	flex: 1;
}

/*.alumnos .col-row{
	display: flex;
	
}

.alumnos .col-row-2 > *:nth-child(1) {
    margin-right: 15px;
}

.alumnos .col-row-3 > *:nth-child(1),
.alumnos .col-row-3 > *:nth-child(2) {
    margin-right: 15px;
}

.alumnos .col-label{
	max-width: 80px !important;
	min-width: 80px !important;
	max-height: 20px !important;
	overflow: hidden;
	padding: 0px;
}

.alumnos .col-field{
	padding: 0px;
	flex: 1;
	display: flex;
	width: 100%;
}*/


.alumnos .informe-renta{
	display: flex;
	align-items: end;
}
	.alumnos .informe-renta > button{
		border: none;
		color: white;
		background: #2d4c6d;
	}

.alumnos .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}
.alumnos .bottom > div{
    flex: 1;
    width: 100%;
}
.alumnos .row.bottom > div:nth-child(1){
	min-height: 520px;
}
.alumnos .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
}
/* Controls */
.alumnos .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}
.alumnos .controls-buttons-erp > li{
   margin-right: 5px;
}
.alumnos .controls-buttons-erp > li > a{
    color:black;
}
.alumnos .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}
.alumnos .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}
.alumnos .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */

/* ui select */
/*.alumnos .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.alumnos .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
}


.alumnos .ui-select-erp input:focus,
.alumnos .ui-select-erp input:focus:hover,
.alumnos .ui-select-erp input:hover,
.alumnos .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
}

.alumnos .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.alumnos .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.alumnos .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}*/


/* end ui select */

.alumnos .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 1%;
    font-size: 12px;
    font-family: tahoma;
    color: white;
}

/* Tile */
.alumnos .tile{
	height: 100%;
}

.alumnos .tile.tile-widget {
    padding: 10px;
}
	.alumnos .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.alumnos .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.alumnos .tile .tile-header.dvd .controls > li.controls-editar,
		.alumnos .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.alumnos .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.alumnos .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.alumnos .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.alumnos .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.alumnos .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.alumnos .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.alumnos .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.alumnos .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.alumnos .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 35px;
	right: 0px;
}

.alumnos .delegacion-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}

.alumnos .bottom-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}


.alumnos label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* Modificaciones */
    .alumnos .row.nserie{
    }
    
    
    
    .alumnos .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .alumnos .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .alumnos .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .alumnos .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 1px !important;
    }
    .alumnos .row.urow3 > div:nth-child(3){
		margin: 0px !important;
		padding-left: 0px !important;
		}
    .alumnos .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.alumnos .autowidth > input{
		width: 100% !important;
	}
	
    .alumnos .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.alumnos .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.alumnos .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.alumnos .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .alumnos .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.alumnos .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .alumnos .tile .tile-header-erp .controls{

	    }
	    .alumnos .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .alumnos .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .alumnos .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .alumnos .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .alumnos .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .alumnos .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .alumnos .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .alumnos .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .alumnos .table-custom-inline .tr_custom_erp > td{
      
    }
    
    .alumnos .table-custom-inline .tr_custom_erp > td:nth-child(8){
    	min-width: 50px;
    }

    .alumnos .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .alumnos .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .alumnos .row.row-erp{
     padding:15px !important;
   }
	   .alumnos .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		  }
		 .alumnos .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .alumnos .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.alumnos .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.alumnos .doc-span > i{
		font-size: 10px;
	}
	.alumnos .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.alumnos .doc-span:visited{
		color: #dbe0e2;
	}
	
	/* Select input directive */
	.alumnos .select-input{
		display: flex;
		/* flex: 1; */
		/* margin: 0px; */
		/* padding: 0px; */
		width: 100%;
	}
	.alumnos .select-input > div:nth-child(1){
		flex: 1;
	}
	.alumnos .select-input i.caret.pull-right{
		display:none;
	}
	
	.alumnos .a-select-input.ng-scope{
        border: 1px solid #e1e1e1;
        border-left: none;
        padding-right: 4px;
        padding-left: 4px;
        cursor: pointer;
        color: #616f77 !important;
        background: #e1e1e1;
        border-left: none;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 20px;
        position: relative;
        width: 15px;
    }
     .alumnos .a-select-input.ng-scope:hover{
      background: #e1e1e1;
    }
    .alumnos .a-select-input.ng-scope > i{
      font-size: 12px;
      position: absolute;
      margin-top: 2px;
    }
	
   
   /* Tile custom */
   .alumnos .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .alumnos .tile-body.table-custom {
	    padding: 0px;
	}

   .alumnos .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .alumnos .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.alumnos .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.alumnos .tile-table-erp tbody td {
	}

   
   /* End */
   
   .alumnos .mLeft {
   		margin-left: 5px !important;
	}

	.alumnos .fila {
    	display: flex !important;
    	flex: 1 !important;
    	height: 25px !important
	}
	
		.alumnos .fila button{
			height: 20px ! important;
			font-size: 12px !important;
		}

		.alumnos .fila .item-3{
			display: flex !important;
    		width: 33%;
		}

		.alumnos .fila .item-2_3{
			display: flex !important;
    		width: 66%;
		}

		.alumnos .fila .item-1_2{
			display: flex !important;
    		width: 50%;
		}
	
	.alumnos .check {
    	padding-left: 30px !important;
    	
	}
	.alumnos .checkTop {
    	margin-top: 3px !important;
	}
	
	.alumnos .buttons {
    	display: flex !important;
	}
		.alumnos .buttons > button{
    		background: transparent;
   			border: none;
		}
		.alumnos .buttons > button:active{
    		background: transparent;
   			border: none !important;
		}
		.alumnos .buttons > button:focus{
    		background: transparent;
   			border: none !important;
		}
		.alumnos .buttons > button:nth-child(1){
    		margin-left: -6px !important;
		}
		.alumnos .buttons > button:nth-child(2){
    		margin-left: -15px !important;
		}
	
	.alumnos .buttons-grupo {
    	display: flex !important;
	}
		.alumnos .buttons-grupo > button{
    		background: transparent;
   			border: none;
		}
		.alumnos .buttons-grupo > button:nth-child(1){
    		margin-left: -6px !important;
    		color: #2d4c6f;
  }
		.alumnos .buttons-grupo > button:nth-child(2){
    		margin-left: -6px !important;
  }
		
	.alumnos campo-fecha > span > span > button {
   		height: 20px;
	}
	
	
/* Otros datos */
.alumnos .imagen-sonido{
	display: flex;
	margin-bottom: 5px;
	background: none !important;
}
	.alumnos .imagen-sonido > .item-check{
	}
	.alumnos .imagen-sonido > .info-check{
	   font-size: 10px;
	   border: none !important;
	   background: none !important;
	}
	    .alumnos .imagen-sonido > .info-check > button,
	    .alumnos .imagen-sonido > .info-check > button:hover,
	    .alumnos .imagen-sonido > .info-check > button:focus,
	    .alumnos .imagen-sonido > .info-check > button:visited,
	    .alumnos .imagen-sonido > .info-check > button:active{
	    	border: none !important;
	    	background: none;
	    }

.alumnos .popover.popover-is{
	border: 2px solid #aacbde;
	text-align: justify;
	height: 75px;
}
    .alumnos .popover.popover-is.bottom > .arrow {
	  top: -11px;
	  left: 50%;
	  margin-left: -11px;
	  border-top-width: 0;
	  border-bottom-color: #999;
	  border-bottom-color: rgba(0, 0, 0, .25);
	  width: 0;
	}
	.alumnos .popover.popover-is.bottom > .arrow:after {
	  top: 1px;
	  margin-left: -10px;
	  content: " ";
	  border-top-width: 0;
	  border-bottom-color: #fff;
	}
	.alumnos .popover.popover-is .popover-content{
		/* border: 2px solid #2d4c6d; */
	}
	
	
/* Condiciones */

.alumnos .buttons-condiciones {
    position: absolute;
    top: 0px;
    z-index: 1;
    right: 20px;
}
	.alumnos .buttons-condiciones > button{
		background: none;
		border: none;
	}

/* End condiciones */

.alumnos .loading-page {
   height: 100%;
}



/* HISTORICO CAMBIOS */
.alumnos .historico-cambios {
    display: flex;
}

.alumnos .historico-cambios > .listado-historico{
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.alumnos .historico-cambios > .listado-historico > .cabecera{
    display: flex;
    /* flex: 1; */
    /* flex-wrap: nowrap; */
    /* height: 20px; */
    align-items: baseline;
    text-align: center;
    /* height: 20px !important; */
    margin: 2px 0px;
}
.alumnos .historico-cambios > .listado-historico > .cabecera > div{
    margin: 0px 5px;
    flex: 1;
    border-bottom: 1px solid black;
}
.alumnos .historico-cambios > .listado-historico > .cabecera > div:nth-child(1){
    min-width: 25px;
    max-width: 25px;
}
.alumnos .historico-cambios > .listado-historico > .cabecera > div:nth-child(8){
    min-width: 10px;
    max-width: 10px;
    border: none;
}
.alumnos .historico-cambios > .listado-historico > .cabecera > div:nth-child(9){
    min-width: 10px;
    max-width: 10px;
    border: none;
}
.alumnos .historico-cambios > .listado-historico > .content{
    display: flex;
    flex: 1;
    flex-direction: column;
    /* margin: 5px 0px; */
}
.alumnos .historico-cambios > .listado-historico > .content > .historico{
    display: flex;
    flex: 1;
    margin: 1px 0px;
    align-items: center;
    text-align: center;
    border-bottom: 1px dashed #cccccc;
    font-size: 12px;
    /* padding: 11px 0px; */
}
.alumnos .historico-cambios > .listado-historico > .content > .historico > .activo{
    color: #5cb85c !important;
}
.alumnos .historico-cambios > .listado-historico > .content > .historico > .noactivo{
    color: #de554b !important;
}
.alumnos .historico-cambios > .listado-historico > .content > .historico > div{
    flex: 1;
    margin: 0px 5px;
    min-width: 50px;
    padding: 5px 0px;
}
.alumnos .historico-cambios > .listado-historico > .content > .historico > div:nth-child(1){
    min-width: 25px;
    max-width: 25px;
}
.alumnos .historico-cambios > .listado-historico > .content > .historico > div:nth-child(8){
    min-width: 10px;
    max-width: 10px;
    color: #616f78;
}
.alumnos .historico-cambios > .listado-historico > .content > .historico > div:nth-child(9){
    min-width: 10px;
    max-width: 10px;
}


.alumnos .listado-grupos {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    /* border: 1px solid #dbe0e2; */
    /* padding: 5px; */
    color: #65737c;
    font-family: tahoma;
}
.alumnos .listado-grupos .item-grupo{
    border-bottom: 1px dashed #dbe0e2;
    /* margin: 1px 0px; */
    padding: 5px;
    display:  flex;
    flex: 1;
    min-height: 35px;
    align-items: center;
    /* justify-content: center; */
}
.alumnos .listado-grupos .item-grupo > div:nth-child(1){
    padding-right: 5px;
}
.alumnos .listado-grupos .item-grupo > div:nth-child(2){
    padding-right: 5px;
}
.alumnos .listado-grupos .item-grupo > div:nth-child(3){
    padding-right: 5px;
}

.alumnos .listado-grupos .item-grupo:last-child{
    border: none;
}




/* IMAGEN */

.alumnos .container-imagen{
	display:flex;
	margin-right: 12px;
}
    .alumnos .container-imagen .well{
    	border: 1px solid #ffd5a2;
    }
	.alumnos .container-imagen .form-imagen{
		margin-right: 5px;
		max-height: 154px;
		max-width: 154px;
	}
		.alumnos .container-imagen .form-imagen > input{
			visibility: hidden;
		}
		.alumnos .container-imagen .form-imagen .imagen{
			max-height: 140px;
			max-width: 140px;
		}
			.alumnos .container-imagen .form-imagen .imagen > img{
				width: 100%;
				height: 100%;
			}
	.alumnos .container-imagen .view-imagen{
		min-width: 115px;
		max-width: 185px;
		flex: 1;
		margin-bottom: 0px !important;
	}
		.alumnos .container-imagen .view-imagen .imagen{
		
		}	
			.alumnos .container-imagen .view-imagen .imagen > img{
			 	width: 100%;
			}
	.alumnos .container-imagen .buttons-gallery {
	    position: absolute;
	    top: 0px;
	    right: 0px;
	    margin-left: 5px;
	}
		.alumnos .container-imagen .buttons-gallery > button{
		    padding: 2px;
		    max-width: 25px;
		    width: 25px;
		    border-color: #ffd5a2;
		    transition: all 0.4s linear;
		}
		.alumnos .container-imagen .buttons-gallery > button:hover{
			border-color: #2d4c6d;
			transition: all 0.4s linear;    
		}

/* Observaciones */
.alumnos .button-observaciones {
    position: absolute;
    z-index: 1;
    right: 20px;
    border: none !important;
}

.alumnos .editar-tutor {
    margin: 0px 5px;
    color: #2c4c6d;
}

/* CAMBIOS NIVEL */
.alumnos .buttons-cambios {position: absolute;background: #ffffff66;z-index: 1;right: 20px;margin-top: 10px;}
	.alumnos .buttons-cambios > button{
		border: none;
		background: none;
	}
	.alumnos .buttons-cambios > button:disabled{
		border: none;
	}
	.alumnos .buttons-cambios > button:nth-child(1):disabled{
		/* color: #b1b7bb; */
	}
	.alumnos .buttons-cambios > button:nth-child(2){
		border: none;
		background: none;
		/* color: green; */
	}
	.alumnos .buttons-cambios > button:nth-child(2):disabled{
		/* color: #b1b7bb; */
	}
	
/* Lista de grupos */
.list-grupos-modal{
	display: flex;
	margin-bottom: 45px;
	flex-direction: column;
	color: #323232;
}
	.list-grupos-modal > .sin-grupo{
		text-align: center;
	}

	.list-grupos-modal > .cabecera{
		display: flex;
		flex: 1;
		align-items: center;
		text-align: center;
		margin-bottom: 10px;
		margin-top: 5px;
	}
		.list-grupos-modal > .cabecera > div{
			flex: 10;
			margin: 0px 5px;
			border-bottom: 1px dashed #404e62;
		}
		.list-grupos-modal > .cabecera > div:last-child{
			flex: 1;
			margin: 0px 20px;
			border-bottom: none;
			max-width: 55px;
		}
	.list-grupos-modal > .content{
		display: flex;
		flex-direction: column;
		flex: 1;
		font-size: 12px;
	}
		.list-grupos-modal > .content > .item-grupo{
			flex: 1;display: flex;margin: 5px 0px;
			text-align: center;
		}
			.list-grupos-modal > .content > .item-grupo > div{
				flex: 10;
				margin: 0px 5px;
			}
			.list-grupos-modal > .content > .item-grupo > div:nth-child(1){

			}
			.list-grupos-modal > .content > .item-grupo > div:nth-child(2){

			}
			.list-grupos-modal > .content > .item-grupo > div:nth-child(3){
				flex: 1;
				color: #758188;
				max-width: 55px;
				min-width: 55px;
			}




/* notas */
.list-notas-modal{
	display: flex;
	margin-bottom: 45px;
	flex-direction: column;
	color: #323232;
}
	/*.list-notas-modal > .sin-grupo{
		text-align: center;
	}*/

	.list-notas-modal > .cabecera{
		display: flex;
		flex: 1;
		align-items: center;
		text-align: center;
		margin-bottom: 10px;
		margin-top: 5px;
	}
		.list-notas-modal > .cabecera > div:first-child{
			flex: 10;
			margin: 0px 5px;
			border-bottom: 1px dashed #404e62;
		}
		.list-notas-modal > .cabecera > div:last-child{
			flex: 10;
			margin: 0px 5px;
			border-bottom: 1px dashed #404e62;
		}
	.list-notas-modal > .content{
		display: flex;
		/*flex-direction: column;*/
		flex: 1;
		font-size: 12px;
		margin-bottom: 10px;
	}
		/*.list-notas-modal > .content > div{
			flex: 1;
			display: flex;
			margin: 5px 0px;
			text-align: center;
		}*/
			/*.list-notas-modal > .content > .item-grupo > div{
				flex: 10;
				margin: 0px 5px;
			}*/
			.list-notas-modal > .content > div:first-child{
				flex: 10;
				margin: 0px 5px;
				border-bottom: none;
			}
			.list-notas-modal > .content > div:last-child{
				flex: 10;
				margin: 0px 5px;
				border-bottom: none;
			}

	.list-notas-modal > .buttons-grupo{
		display: flex;
		margin-top: 10px;
		align-items: center;
		justify-content: center;
	}
		.list-notas-modal > .buttons-grupo > button{
			text-align: center;
			border: none;
			background: green;
			color: white;
		}

	.alumnos .auto-height {
    	display: flex !important;
    	flex: 1 !important;
    	overflow-y: auto;
 }
	.alumnos .select-padding {
    	padding-top: 5px;
	}
	.alumnos .tab-margin {
    	margin-top: 10px;
	}
	
.alumnos .info-nivel {
	position: absolute;
	color: #ffffff;
	z-index: 10;
	right: 230px;
	margin-top: 16px;
}

.alumnos .button-activar > button {
    border: none;
    background: none;
    width: 20px;
    padding: 0px;
    margin: 0px;
    /* position: absolute; */
    top: 42px;
    right: 7px;
}

	.alumnos .button-activar > button:active {
		border: none !important;
		background: none;
	}
	.alumnos .button-activar > button:focus {
		border: none !important;
		background: none;
	}

.alumnos .aviso-relacion{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
	.alumnos .aviso-relacion > div{

	}
	.alumnos .aviso-relacion > div:nth-child(2){
		font-size: 15px;
		margin: 5px 0px;
		font-weight: bold;
	}
	.alumnos .aviso-relacion > .buttons{
		margin-top: 20px;
		display: flex;
		align-items: center;
		justify-content:center;
	}
		.alumnos .aviso-relacion .buttons > button{
			margin: 0px 40px;
		}
		.alumnos .aviso-relacion .buttons > button:nth-child(1){
			background: #339233;
			color: white;
			border: none;
		}
		.alumnos .aviso-relacion .buttons > button:nth-child(2){
			background: #e86868;
			color: white;
			border: none;
			margin-right: 0px;
		}

.alumnos .label-sexo{
	min-width: 50px !important;
	max-width: 50px !important;
}

.alumnos .field-sexo {
    flex-direction: row;
}
    .alumnos .field-sexo > .item-check{
        width: 50px;
        margin-top: 3px;
    }
    	.alumnos .field-sexo > .item-check > *{
    		min-width: 8px !important;
    		max-width: 8px !important;
    	}
    .alumnos .row-sexo {
	    margin-left: 30px !important;
	}
	

	 .alumnos .grid-historico{
	 	padding: 0px !important;
	 }
	 
		 .alumnos .grid-historico .buttons-cell{
		 	display: flex;
		 	flex-direction: row;
		 }
		 	 .alumnos .grid-historico .buttons-cell > div{
			 	margin-left: 2px;
			 	width: 10px;
			 }
			 
.alumnos .grid-historico .grid-erp-blue{
	border: none !important;
}
.alumnos .grid-historico .ui-grid-header-canvas{
	width: 100% !important;
}
.alumnos .grid-historico .ui-grid-header-cell-wrapper{
	width: 100%;
}
.alumnos .grid-historico .ui-grid-header-cell-row {
	width: 100%;
}
.alumnos .grid-historico .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.alumnos .grid-historico .ui-grid-header-cell-row > div:nth-child(1){
    width: 8%;
}
.alumnos .grid-historico .ui-grid-header-cell-row > div:nth-child(2){
     width: 18%;
}
.alumnos .grid-historico .ui-grid-header-cell-row > div:nth-child(3){
     width: 18%;
}
.alumnos .grid-historico .ui-grid-header-cell-row > div:nth-child(4){
     width: 15%;
}
.alumnos .grid-historico .ui-grid-header-cell-row > div:nth-child(5){
     width: 11%;
}
.alumnos .grid-historico .ui-grid-header-cell-row > div:nth-child(6){
     width: 12%;
}
.alumnos .grid-historico .ui-grid-header-cell-row > div:nth-child(7){
    width: 10%;
}
.alumnos .grid-historico .ui-grid-header-cell-row > div:nth-child(8){
    width: 8%;
}

.alumnos .grid-historico .ui-grid-canvas{
	width: 100% !important;
}
.alumnos .grid-historico .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.alumnos .grid-historico .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 8%;
}
.alumnos .grid-historico .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 18%;
}
.alumnos .grid-historico .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 18%;
}
.alumnos .grid-historico .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 15%;
}
.alumnos .grid-historico .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 11%;
}
.alumnos .grid-historico .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 12%;
}
.alumnos .grid-historico .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 10%;
}
.alumnos .grid-historico .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 8%;
}


.alumnos .grid-historico .ui-grid-footer-canvas{
	width: 100% !important;
}
.alumnos .grid-historico .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.alumnos .grid-historico .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.alumnos .grid-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 8%;
}
.alumnos .grid-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 18%;
}
.alumnos .grid-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 18%;
}
.alumnos .grid-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 15%;
}
.alumnos .grid-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 11%;
}
.alumnos .grid-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 12%;
}
.alumnos .grid-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 10%;
}
.alumnos .grid-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 8%;
}


.alumnos .buttons-filtros{
	position: absolute;
	z-index: 1;
	right: 20px;
	margin-top: 10px;
}

	.alumnos .buttons-filtros > button{
		height: 22px !important;
		margin-left: 5px;
	}
	.alumnos .buttons-filtros .button-text-white{
		width: 50px !important;
	}
		.alumnos .buttons-filtros .button-text-white:active{
			transform: scale(1, 1) !important;
		}
		
.alumnos .filtros-historico{
	padding: 5px;
	padding-bottom: 0px !important;
	height: 55px;
	transition: all 0.3s linear;
	overflow: hidden;
	margin-top: 0px;
}
	.alumnos .filtros-historico.ng-hide {
	  margin-top: -55px;
	}

.cambio-nivel-modal > div:nth-child(2){
	margin-top:10px;
	text-align: center;
}

	.cambio-nivel-modal > div:nth-child(2) > button{
		height: 25px !important;
	}
	
.listado-baja-modal > div:nth-child(2){
	margin-top:10px;
	text-align: center;
}

	.listado-baja-modal > div:nth-child(2) > button{
		height: 25px !important;
	}
	
	

/* FACTURA NIVEL */
.factura-nivel{
	display: flex;
	flex-direction: column;
}
	.factura-nivel > div{
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 1;
	}
	.factura-nivel > div:nth-child(1){
		min-height: 80px;
	}
		.factura-nivel > div .content{
		}
			.factura-nivel > div .content > div{
			}
			
			
	.alumnos .otros-alumno .md-padding{
		height: 188px;
		overflow: hidden;
	}
		.alumnos .otros-alumno .md-padding .bloque-column{
			height: 100%;
		}
			.alumnos .otros-alumno .md-padding .bloque-column .lista-grupos{
				margin-top: 5px;
				border-bottom: 1px solid #d2d2d2;
			}
			    .alumnos .otros-alumno .md-padding .bloque-column .lista-grupos > span{
			    	font-size: 12px;
			    }
				.alumnos .otros-alumno .md-padding .bloque-column .lista-grupos > button{
				    position: absolute;
				    height: 18px !important;
				    right: 3px;
				    padding-top: 3px;
				}
			
			
	 .alumnos .listado-departamentos > .cabecera > div:nth-child(1) > div,
	 .alumnos .listado-departamentos > .cabecera > div:nth-child(2) > div{
          /* max-width: 82px; */
          min-width: 82px;
      }
      
       .alumnos .listado-departamentos > .cabecera > div:nth-child(1) > div:nth-child(1),
       .alumnos .listado-departamentos > .cabecera > div:nth-child(2) > div:nth-child(1){
	           min-width: 20px !important;
	           max-width: 20px !important;
	        }
        .alumnos .listado-departamentos > .cabecera > div:nth-child(1) > div:last-child,
        .alumnos .listado-departamentos > .cabecera > div:nth-child(2) > div:last-child{
           min-width: 40px !important;
           max-width: 40px !important;
           display: flex;
           flex: 1;
           margin: 0px 5px;
        }
	  
	  .alumnos .listado-departamentos > .content > div{
		margin-top: 5px;
	  }     
		  .alumnos .listado-departamentos > .content > div > div{
			min-width: 82px;
			/* max-width: 82px; */
			text-align: center;
			overflow: auto;
			}     
		  .alumnos .listado-departamentos > .content > div > div:nth-child(1){
			min-width: 20px !important;
	    	max-width: 20px !important;
		  }
		  .alumnos .listado-departamentos > .content > div > div:nth-child(8){
			min-width: 40px !important;
	    	max-width: 40px !important;
		  }

	.alumnos .listado-departamentos{
		margin-bottom: 0px !important;
	}

/* ALUMNOS DESCUENTOS */
.alumno-descuentos{
}
	.alumno-descuentos > .aviso{
		margin-bottom: 15px;
		font-weight: bold;
	}
	.alumno-descuentos > .content{
		display: flex;
		flex-direction: column;
	}
		.alumno-descuentos > .content > div{
			display: flex;
			margin: 5px 0px;
		}
			.alumno-descuentos > .content > div > div{
				margin: 0px 5px;
			}
			.alumno-descuentos > .content > div > div:nth-child(1){
			}
			.alumno-descuentos > .content > div > div:nth-child(2){
			}
			.alumno-descuentos > .content > div > div:nth-child(3){
			}
			.alumno-descuentos > .content > div > div:nth-child(4){
			}

/* END ALUMNOS DESCUENTOS */

/*TOOLTIP*/
/* Tooltip container */
.alumnos #tooltip {
  position: relative;
  display: contents;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.alumnos #tooltip #tooltiptext {
  width: 100px;
  top: 45%;
  left: 75%;
  margin-left: -50px;
  visibility: hidden;
  font-weight: bold;
  background-color: #2d4c6d;
  color: #fff;
  text-align: center;
  padding: 4px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 50;
}

/* Show the tooltip text when you mouse over the tooltip container */
.alumnos #tooltip:hover #tooltiptext {
  visibility: visible;
}
.alumnos #tooltip #tooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #2d4c6d transparent;
}
.alumnos .tooltip  {
	font-weight: bold;
}
.alumnos .tooltip.bottom .tooltip-arrow  {
  
    top: -15%;
    left: 50%;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    border-bottom: 10px solid #2d4c6d;
}
.alumnos .tooltip-inner{
	background-color: #2d4c6d !important;
}
/*END TOOLTIP*/


/* CUPONES */
.alumnos .bloque-cupones{
	position: relative;
}
	.alumnos .bloque-cupones .buttons-cupones{
		position: absolute;
		height: 20px;
		z-index: 9;
		right: 0px;
	}
		.alumnos .bloque-cupones .buttons-cupones > button{
			border: none;
			background: none;
			color: white;
			height: 20px;
		}
	.alumnos .bloque-cupones .asignar-cupon{}
		.alumnos .bloque-cupones .asignar-cupon > div{
			display: flex;
		}
		.alumnos .bloque-cupones .asignar-cupon > div > div:nth-child(1){
			min-width: 100px;
		}
		.alumnos .bloque-cupones .asignar-cupon > div > div:nth-child(2){
		    
		}
		.alumnos .bloque-cupones .asignar-cupon > div:nth-child(1){

		}
		.alumnos .bloque-cupones .asignar-cupon > div:nth-child(2){

		}
		.alumnos .bloque-cupones .asignar-cupon > div.buttons{
			display: flex;
			justify-content: center;
			margin-bottom: 25px;
		}
			.alumnos .bloque-cupones .asignar-cupon > div.buttons > button:nth-child(1){
				color: #5bb85c;
				margin: 5px 20px;
			}
			.alumnos .bloque-cupones .asignar-cupon > div.buttons > button:nth-child(2){
				color: #d9534f;
			}
	.alumnos .bloque-cupones .listado{

	}
	.alumnos .bloque-cupones .listado .cabecera{display: flex;}
	    .alumnos .bloque-cupones .listado .cabecera > div{
	    	margin: 0px 1px;
	    	border-bottom: 1px solid #ff9f29;
	    	color: #2d4c6d;
	    	text-align: center;
	    }
		.alumnos .bloque-cupones .listado .cabecera > div:nth-child(1){
            width: 90px;
  }
		.alumnos .bloque-cupones .listado .cabecera > div:nth-child(2){
            width: 75px;
  }
		.alumnos .bloque-cupones .listado .cabecera > div:nth-child(3){
            width: 35px;
  }
		.alumnos .bloque-cupones .listado .cabecera > div:nth-child(4){
		    width: 35px;
		}
		.alumnos .bloque-cupones .listado .cabecera > div:nth-child(5){
		    width: 35px;
		}
		.alumnos .bloque-cupones .listado .cabecera > div:nth-child(6){
            width: 50px;
            border: none;
  }
	.alumnos .bloque-cupones .listado .content{
        display: flex;
        flex-direction: column;
	}
		.alumnos .bloque-cupones .listado .content > div{
            margin: 0px 1px;
            display: flex;
		}
		    .alumnos .bloque-cupones .listado .content > div > div{
				text-align: center;
			}
			.alumnos .bloque-cupones .listado .content > div > div:nth-child(1){
                width: 90px;
           }
			.alumnos .bloque-cupones .listado .content > div > div:nth-child(2){
                width: 75px;
           }
			.alumnos .bloque-cupones .listado .content > div > div:nth-child(3){
                width: 35px;
           }
			.alumnos .bloque-cupones .listado .content > div > div:nth-child(4){
                width: 35px;
            }
            .alumnos .bloque-cupones .listado .content > div > div:nth-child(5){
                width: 35px;
            }
			.alumnos .bloque-cupones .listado .content > div > div:nth-child(6){
                width: 50px;
                margin-left: 9px;
           }
               .alumnos .bloque-cupones .listado .content > div > div:nth-child(6) > button,
               .alumnos .bloque-cupones .listado .content > div > div:nth-child(6) > button:hover,
               .alumnos .bloque-cupones .listado .content > div > div:nth-child(6) > button:focus,
               .alumnos .bloque-cupones .listado .content > div > div:nth-child(6) > button:visited{
                   border: none;
                   background: none;
                   color: #d9534f;
			   }
.alumnos .sin-margin{
	margin: 0px !important;
	padding: 0px !important;
}
@charset "UTF-8";

.clientes-tutores {
    height: 100%;
}

.clientes-tutores input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}

.clientes-tutores label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.clientes-tutores .form-group{
	margin: 0px;
	margin-bottom: 5px;
	display: flex;
	/*height: 100%;*/
	width: 100%;
	flex: 1;
}

.clientes-tutores .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.clientes-tutores .bottom > div{
    flex: 1;
    width: 100%;
}
.clientes-tutores .row.bottom > div:nth-child(1){
	min-height: 520px;
}

.clientes-tutores .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
}

/* Controls */
.clientes-tutores .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.clientes-tutores .controls-buttons-erp > li{
   margin-right: 5px;
}

.clientes-tutores .controls-buttons-erp > li > a{
    color:black;
}

.clientes-tutores .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.clientes-tutores .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.clientes-tutores .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */

/* ui select */
/*.clientes-tutores .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.clientes-tutores .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
}


.clientes-tutores .ui-select-erp input:focus,
.clientes-tutores .ui-select-erp input:focus:hover,
.clientes-tutores .ui-select-erp input:hover,
.clientes-tutores .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
}

.clientes-tutores .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.clientes-tutores .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.clientes-tutores .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}*/


/* end ui select */


.clientes-tutores .informe-renta{
	display: flex;
	align-items: end;
}
	.clientes-tutores .informe-renta > button{
		border: none;
		color: white;
		background: #2d4c6d;
	}


.clientes-tutores .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 1%;
    font-size: 12px;
    font-family: tahoma;
    color: white;
}

/* Tile */
.clientes-tutores .tile{
	height: 100%;
}

.clientes-tutores .tile.tile-widget {
    padding: 10px;
}
	.clientes-tutores .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.clientes-tutores .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.clientes-tutores .tile .tile-header.dvd .controls > li.controls-editar,
		.clientes-tutores .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.clientes-tutores .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.clientes-tutores .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.clientes-tutores .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.clientes-tutores .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.clientes-tutores .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.clientes-tutores .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.clientes-tutores .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.clientes-tutores .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.clientes-tutores .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 35px;
	right: 0px;
}

.clientes-tutores .delegacion-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}

.clientes-tutores .bottom-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}


.clientes-tutores label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* Modificaciones */
    .clientes-tutores .row.nserie{
    }
    
    
    
    .clientes-tutores .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .clientes-tutores .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .clientes-tutores .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .clientes-tutores .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 1px !important;
    }
    .clientes-tutores .row.urow3 > div:nth-child(3){
		margin: 0px !important;
		padding-left: 0px !important;
		}
    .clientes-tutores .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.clientes-tutores .autowidth > input{
		width: 100% !important;
	}
	
    .clientes-tutores .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.clientes-tutores .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.clientes-tutores .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.clientes-tutores .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .clientes-tutores .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.clientes-tutores .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .clientes-tutores .tile .tile-header-erp .controls{

	    }
	    .clientes-tutores .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .clientes-tutores .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .clientes-tutores .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .clientes-tutores .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .clientes-tutores .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .clientes-tutores .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .clientes-tutores .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .clientes-tutores .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .clientes-tutores .table-custom-inline .tr_custom_erp > td{
      
    }
    
    .clientes-tutores .table-custom-inline .tr_custom_erp > td:nth-child(8){
    	min-width: 50px;
    }

    .clientes-tutores .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .clientes-tutores .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .clientes-tutores .row.row-erp{
     padding:15px !important;
   }
	   .clientes-tutores .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		  }
		 .clientes-tutores .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .clientes-tutores .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.clientes-tutores .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.clientes-tutores .doc-span > i{
		font-size: 10px;
	}
	.clientes-tutores .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.clientes-tutores .doc-span:visited{
		color: #dbe0e2;
	}
	
	/* Select input directive */
	.clientes-tutores .select-input{
		display: flex;
		/* flex: 1; */
		/* margin: 0px; */
		/* padding: 0px; */
		width: 100%;
	}
	.clientes-tutores .select-input > div:nth-child(1){
		flex: 1;
	}
	.clientes-tutores .select-input i.caret.pull-right{
		display:none;
	}
	
	.clientes-tutores .a-select-input.ng-scope{
        border: 1px solid #e1e1e1;
        border-left: none;
        padding-right: 4px;
        padding-left: 4px;
        cursor: pointer;
        color: #616f77 !important;
        background: #e1e1e1;
        border-left: none;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 20px;
        position: relative;
        width: 15px;
    }
     .clientes-tutores .a-select-input.ng-scope:hover{
      background: #e1e1e1;
    }
    .clientes-tutores .a-select-input.ng-scope > i{
      font-size: 12px;
      position: absolute;
      margin-top: 2px;
    }
	
   
   /* Tile custom */
   .clientes-tutores .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .clientes-tutores .tile-body.table-custom {
	    padding: 0px;
	}

   .clientes-tutores .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .clientes-tutores .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.clientes-tutores .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.clientes-tutores .tile-table-erp tbody td {
	}

   
   /* End */
   
   .clientes-tutores .mLeft {
   		margin-left: 5px !important;
	}

	.clientes-tutores .fila {
    	display: flex !important;
    	flex: 1 !important;
    	height: 25px !important
	}
	
		.clientes-tutores .fila button{
			height: 20px ! important;
			font-size: 12px !important;
		}

		.clientes-tutores .fila .item-3{
			display: flex !important;
    		width: 33%;
		}

		.clientes-tutores .fila .item-2_3{
			display: flex !important;
    		width: 66%;
		}

		.clientes-tutores .fila .item-1_2{
			display: flex !important;
    		width: 50%;
		}
	
	.clientes-tutores .check {
    	padding-left: 30px !important;
    	
	}
	.clientes-tutores .checkTop {
    	margin-top: 3px !important;
	}
	
	.clientes-tutores .buttons {
    	display: flex !important;
	}
		.clientes-tutores .buttons > button{
    		background: transparent;
   			border: none;
		}
		.clientes-tutores .buttons > button:active{
    		background: transparent;
   			border: none !important;
		}
		.clientes-tutores .buttons > button:focus{
    		background: transparent;
   			border: none !important;
		}
		.clientes-tutores .buttons > button:nth-child(1){
    		margin-left: -6px !important;
		}
		.clientes-tutores .buttons > button:nth-child(2){
    		margin-left: -15px !important;
		}
	
	.clientes-tutores .buttons-grupo {
    	display: flex !important;
	}
		.clientes-tutores .buttons-grupo > button{
    		background: transparent;
   			border: none;
		}
		.clientes-tutores .buttons-grupo > button:nth-child(1){
    		margin-left: -6px !important;
    		color: #2d4c6f;
  }
		.clientes-tutores .buttons-grupo > button:nth-child(2){
    		margin-left: -6px !important;
  }
		
	.clientes-tutores campo-fecha > span > span > button {
   		height: 20px;
	}
	
/* Condiciones */

.clientes-tutores .buttons-condiciones {
    position: absolute;
    top: 0px;
    z-index: 1;
    right: 20px;
    width: fit-content !important;
}
	.clientes-tutores .buttons-condiciones > button{
		background: none;
		border: none;
	}

/* End condiciones */

.clientes-tutores .loading-page {
   height: 100%;
}


.clientes-tutores .listado-grupos {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    border: 1px solid #dbe0e2;
    /* padding: 5px; */
    color: #65737c;
    font-family: tahoma;
}
.clientes-tutores .listado-grupos .item-grupo{
    border-bottom: 1px dashed #dbe0e2;
    /* margin: 1px 0px; */
    padding: 5px;
    display:  flex;
    flex: 1;
}
.clientes-tutores .listado-grupos .item-grupo > div:nth-child(1){
    padding-right: 5px;
}
.clientes-tutores .listado-grupos .item-grupo:last-child{
    border: none;
}

/* Observaciones */
.clientes-tutores .button-observaciones {
    position: absolute;
    z-index: 1;
    right: 20px;
    margin-top: 9px;
    border: none !important;
}

.clientes-tutores .editar-tutor {
    margin: 0px 5px;
    color: #2c4c6d;
}

/* Lista de grupos */
.clientes-tutores .list-grupos{
	display: flex;
	margin-bottom: 45px;
	flex-direction: column;
	color: #323232;
}
	.clientes-tutores .list-grupos > .cabecera{
		display: flex;
		flex: 1;
		align-items: center;
		text-align: center;
		margin-bottom: 10px;
		margin-top: 5px;
	}
		.clientes-tutores .list-grupos > .cabecera > div{
			flex: 10;
			margin: 0px 5px;
			border-bottom: 1px dashed #404e62;
		}
		.clientes-tutores .list-grupos > .cabecera > div:last-child{
			flex: 1;
			margin: 0px 20px;
			border-bottom: none;
			max-width: 55px;
		}
	.clientes-tutores .list-grupos > .content{
		display: flex;
		flex-direction: column;
		flex: 1;
		font-size: 12px;
	}
		.clientes-tutores .list-grupos > .content > .item-grupo{
			flex: 1;display: flex;margin: 5px 0px;
			text-align: center;
		}
			.clientes-tutores .list-grupos > .content > .item-grupo > div{
				flex: 10;
				margin: 0px 5px;
			}
			.clientes-tutores .list-grupos > .content > .item-grupo > div:nth-child(1){

			}
			.clientes-tutores .list-grupos > .content > .item-grupo > div:nth-child(2){

			}
			.clientes-tutores .list-grupos > .content > .item-grupo > div:nth-child(3){
				flex: 1;
				color: #758188;
				max-width: 55px;
			}

	.clientes-tutores .auto-height {
    	display: flex !important;
    	flex: 1 !important;
	}
	.clientes-tutores .select-padding {
    	padding-top: 5px;
	}
	.clientes-tutores .tab-margin {
    	margin-top: 10px;
	}
	
.clientes-tutores .info-nivel {
	position: absolute;
	color: #ffffff;
	z-index: 10;
	right: 230px;
	margin-top: 16px;
}

.clientes-tutores .button-activar > button {
    border: none;
    background: none;
    width: 20px;
    padding: 0px;
    margin: 0px;
    /* position: absolute; */
    top: 42px;
    right: 7px;
}

	.clientes-tutores .button-activar > button:active {
		border: none !important;
		background: none;
	}
	.clientes-tutores .button-activar > button:focus {
		border: none !important;
		background: none;
	}

.clientes-tutores .aviso-relacion{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
	.clientes-tutores .aviso-relacion > div{

	}
	.clientes-tutores .aviso-relacion > div:nth-child(2){
		font-size: 15px;
		margin: 5px 0px;
		font-weight: bold;
	}
	.clientes-tutores .aviso-relacion > .buttons{
		margin-top: 20px;
		display: flex;
		align-items: center;
		justify-content:center;
	}
		.clientes-tutores .aviso-relacion .buttons > button{
			margin: 0px 40px;
		}
		.clientes-tutores .aviso-relacion .buttons > button:nth-child(1){
			background: #339233;
			color: white;
			border: none;
		}
		.clientes-tutores .aviso-relacion .buttons > button:nth-child(2){
			background: #e86868;
			color: white;
			border: none;
			margin-right: 0px;
		}

/* SEXO */
.clientes-tutores .label-sexo{
	min-width: 50px !important;
	max-width: 50px !important;
}

.clientes-tutores .field-sexo {
    flex-direction: row;
}
    .clientes-tutores .field-sexo > .item-check{
        width: 50px;
        margin-top: 3px;
    }
    	.clientes-tutores .field-sexo > .item-check > *{
    		min-width: 8px !important;
    		max-width: 8px !important;
    	}
    .clientes-tutores .row-sexo {
	    margin-right: -8px !important;
	}
/* */


/* NIF/NIE */
.clientes-tutores .field-nifnie {
    flex-direction: row;
}
    .clientes-tutores .field-nifnie > .item-check{
        width: 12px;
        margin-top: 3px;
    }
	   	.clientes-tutores .field-nifnie > .item-check > *{
	   		min-width: 8px !important;
	   		max-width: 8px !important;
	   	}
	.clientes-tutores .field-nifnie > button,
	.clientes-tutores .field-nifnie > button:active,
	.clientes-tutores .field-nifnie > button:focus,
	.clientes-tutores .field-nifnie > button:visited{
		border: none !important;
		background: none;
		width: 20px;
		height: 17px;
	}
		.clientes-tutores .field-nifnie > button > i{
		    font-size: 14px;
		}
	.clientes-tutores .field-nifnie .popover{
		width: 180px !important;
		height: 80px !important;
	}
	    .clientes-tutores .field-nifnie .popover.bottom > .arrow {
			top: -11px;
			left: 50%;
			margin-left: -11px;
			border-top-width: 0;
			border-bottom-color: #999;
			border-bottom-color: rgba(0, 0, 0, 0);
        }
/* */
	

.clientes-tutores .buttons-filtros{
	position: absolute;
	z-index: 1;
	right: 20px;
	margin-top: 10px;
}

	.clientes-tutores .buttons-filtros > button{
		height: 22px !important;
		margin-left: 5px;
	}
	.clientes-tutores .buttons-filtros .button-text-white{
		width: 50px !important;
	}
		.clientes-tutores .buttons-filtros .button-text-white:active{
			transform: scale(1, 1) !important;
		}
		
.clientes-tutores .filtros-historico{
	padding: 5px;
	padding-bottom: 0px !important;
	height: 55px;
	transition: all 0.3s linear;
	overflow: hidden;
	margin-top: 0px;
}
	.clientes-tutores .filtros-historico.ng-hide {
	  margin-top: -55px;
	}


 .clientes-tutores .buscador-pagina{
 	margin-bottom: 10px !important;
 }
 	.clientes-tutores .buscador-pagina .cabecera-buscador{
 		border-bottom: 1px solid #2d4c6d;
	    border-left: 2px solid #ff9f28;
	    margin-bottom: 5px;
	    padding-left: 5px;
	    color: #2d4c6d;
 	}
 	

/* SEPA DROPDOWN */ 
.clientes-tutores .sepa-dropdown {
    height: 20px;
}
    .clientes-tutores .sepa-dropdown > li {
    	list-style: none;
    	margin-left: 5px;
    }
        .clientes-tutores .sepa-dropdown > li > a{
        	color: #2e4c6d;
        }
            .clientes-tutores .sepa-dropdown > li > a > i{

            }
        .clientes-tutores .sepa-dropdown > li > ul{
				margin: 0px !important;
				padding: 0px !important;
				height: 40px;
				width: 185px;
				}
            .clientes-tutores .sepa-dropdown > li > ul > li{
				margin: 0px !important;
				padding: 0px !important;
            }
                .clientes-tutores .sepa-dropdown > li > ul > li > button{
                	background: none;
                	padding: 3px;
                	width: 100%;
                	border: none;
                	color: #3f3f3f;
                	height: 100% !important;
                }
                .clientes-tutores .sepa-dropdown > li > ul > li > button:disabled{
                	background: #80808038;
                }
                .clientes-tutores .sepa-dropdown > li > ul > li > button:hover{
                	background: #f3f3f3ab;
                }
/* END SEPA DROPDOWN */
 
 
 /* MANDATO SEPA CREACION */
 .mandato-sepa-crear{
 
 }
 	.mandato-sepa-crear > .content{
 	position: relative;
 	}

 		.mandato-sepa-crear > .content .fecha{
 			margin: 15px 0px;
 		}
 			.mandato-sepa-crear > .content .fecha > .cabecera{
 				border-bottom: 1px solid #cdd3d9;
 				margin-bottom: 5px;
 				border-left: 1px solid orange;
 				padding-left: 2px;
 			}
		.mandato-sepa-crear > .content .forma-pago{
 			margin: 15px 0px;
 		}
 			.mandato-sepa-crear > .content .forma-pago > .cabecera{
 				border-bottom: 1px solid #cdd3d9;
 				margin-bottom: 5px;
 				border-left: 1px solid orange;
 				padding-left: 2px;
 			}

		.mandato-sepa-crear > .content .presentador{
 			margin: 10px 0px;
 		}
 			.mandato-sepa-crear > .content .presentador > .cabecera{
 				border-bottom: 1px solid #cdd3d9;
 				margin-bottom: 5px;
 				border-left: 1px solid orange;
 				padding-left: 2px;
 			}

 		.mandato-sepa-crear > .content .tipo-pago{
 			margin: 15px 0px;
 		}
 			.mandato-sepa-crear > .content .tipo-pago > .cabecera{
 				border-bottom: 1px solid #cdd3d9;
 				margin-bottom: 5px;
 				border-left: 1px solid orange;
 				padding-left: 2px;
 			}
 		.mandato-sepa-crear > .content .delegaciones{
 			margin: 15px 0px;
 		}
 			.mandato-sepa-crear > .content .delegaciones > .cabecera{
 				border-bottom: 1px solid #cdd3d9;
 				margin-bottom: 5px;
 				border-left: 1px solid orange;
 				padding-left: 2px;
 			}
 			.mandato-sepa-crear > .content .delegaciones > .content{
 			}
 			.mandato-sepa-crear > .content .delegaciones > .preview{
 				font-size: 12px;
 				margin: 5px;
 			}
 				.mandato-sepa-crear > .content .delegaciones > .preview > div{
 					
 				}
 	.mandato-sepa-crear > .buttons{
 		display: flex;
 	}
 		.mandato-sepa-crear .buttons > button{
 			border: none;
 			/* border-radius: 20px; */
 		}
 		.mandato-sepa-crear .buttons > button:nth-child(1){
 			background: #00800099;
 			color: white;
 		}
 	
 	.mandato-sepa-crear .fecha-modal-auto{

	}
	    .mandato-sepa-crear .fecha-modal-auto input{
	        height: 20px !important;
	    }
 
 /* END MANDATO SEPA CREACION */
 
.clientes-tutores .col-nueva-poblacion{
	height: 20px !important;
}
	.clientes-tutores .col-nueva-poblacion > button{
     	background: none;
     	height: 20px !important;
     	font-size: 12px;
     	position: absolute;
     	right: 0px;
     	border: none;
     }

	 
/* General */
.clientes-tutores .control-clientes{
	display: flex;
	align-items: center;
}
    /*.clientes-tutores .control-clientes .button-editar-zoom{
        font-size: 11px;
    }
        .clientes-tutores .control-clientes .button-editar-zoom > i{
    	    font-size: 11px !important;
        }*/
	.clientes-tutores .control-clientes > label{
	
	}
		.clientes-tutores .control-clientes > label > input{
			width: 20px !important;
		}
@charset "UTF-8";

.matriculas {
    height: 100%;
}

.matriculas input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}

.matriculas .ui-select-erp span{
}

.matriculas .ui-select-match-text > span {
    height: 19px;
}

.matriculas label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.matriculas .form-group{
	margin: 0px;
	margin-bottom: 10px;
	display: flex;
	width: 100%;
	flex: 1;
	transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}

.matriculas .row-radiobuttons {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 13px;
}
	.matriculas .row-radiobuttons .subtitulo{
		text-align: center;
		border-bottom: 1px dotted #2e4c6e;
		margin-bottom: 5px;
	}

.matriculas .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.matriculas .bottom > div{
    flex: 1;
    width: 100%;
}
.matriculas .row.bottom > div:nth-child(1){
	min-height: 520px;
}

.matriculas .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
}

/* TABS NAVIGATION */
.matriculas .tab-container .nav-tabs {
  background-color: white;
  font-size: 13px;
  font-family: tahoma;
  height: 20px;
  }
  .matriculas .tab-container .nav-tabs > li {
    border-right: 1px solid #eaeaea;
    }
    .matriculas .tab-container .nav-tabs > li:last-child {
      border-right: 0; }
    .matriculas .tab-container .nav-tabs > li > a {
      color: #bfc7cb; }
      .tab-container .nav-tabs > li > a:hover {
        background-color: #f5f5f5; }
    .matriculas .tab-container .nav-tabs > li.active > a,
    .matriculas .tab-container .nav-tabs > li.active > a:hover,
    .matriculas .tab-container .nav-tabs > li.active > a:focus {
      color: #616f77;
      background-color: #f5f5f5; }
    .matriculas .tab-container .nav-tabs > li.disabled > a:hover,
    .matriculas .tab-container .nav-tabs > li.disabled > a:focus {
      color: #bfc7cb; }
.matriculas .tab-container .tab-content .tab-pane {
  background-color: white; }

.matriculas .tab-container .tab-content .tab-pane {
  background-color: white;
  }

.matriculas .tab-nopadding .tab-pane {
  padding: 15px 0; }

.matriculas .tab-wizard .nav-tabs > li > a {
  text-align: left;
  padding-left: 30px;
  position: relative; }
 .matriculas .tab-wizard .nav-tabs > li > a:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #f5f5f5;
    border-top: 10px solid transparent;
    top: 5px;
    right: -20px;
    z-index: 6;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    }
  .matriculas .tab-wizard .nav-tabs > li > a:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #3f4e62;
    border-top: 10px solid transparent;
    top: 5px;
    right: -20px;
    z-index: 5;
    }
  .matriculas .tab-wizard .nav-tabs > li > a .wizard-step {
    font-size: 13px;
    font-weight: 700;
    padding: 5px 5px;
    border-radius: 50%;
    background-color: #616f77;
    color: #eaeaea;
    border: 1px solid #eaeaea;
    margin-top: -2px;
    margin-right: -10px;
    width: 20px;
    height: 20px;
    line-height: 10px;
    }
.matriculas .tab-wizard .nav-tabs > li:first-child > a {
  padding-left: 15px;
  /* padding-top: 5px !important; */
  }
.matriculas .tab-wizard .nav-tabs > li:last-child > a:after, .tab-wizard .nav-tabs > li:last-child > a:before {
  display: none; }
.matriculas .tab-wizard .nav-tabs > li:last-child > a .wizard-step {
  margin-right: 0; }
.matriculas .tab-wizard .nav-tabs > li > a,
.matriculas .tab-wizard .nav-tabs > li > a:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f5f5f5;
  padding-top: 5px;
  }
.matriculas .tab-wizard .nav-tabs > li:after, .tab-wizard .nav-tabs > li:before {
  content: "";
  position: absolute;
  border: 0;
  width: 100%;
  height: 3px;
  background-color: #798992;
  left: 0;
  margin-left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  transition: opacity 0.8s;
  top: 28px;
  }
.matriculas .tab-wizard .nav-tabs > li:before {
  background-color: #428bca;
  bottom: -10px;
  opacity: 1;
  -webkit-transition: width 0.8s;
  -moz-transition: width 0.8s;
  transition: width 0.8s;
  top: 28px;
  z-index: 10;
  }
.matriculas .tab-wizard .nav-tabs > li.active > a:before {
  border-left-color: white; }
.matriculas .tab-wizard .nav-tabs > li.active > a .wizard-step {
  background-color: transparent;
  color: #616f77;
  border-color: #616f77; }
.matriculas .tab-wizard .nav-tabs > li.active > a,
.matriculas .tab-wizard .nav-tabs > li.active > a:hover {
  background-color: white;
  }
.matriculas .tab-wizard .nav-tabs > li.active:after {
  opacity: 1; }
.matriculas .tab-wizard .nav-tabs > li.active:before {
  opacity: 0;
  width: 0; }
.matriculas .tab-wizard .nav-tabs > li.disabled > a:before {
  border-left-color: white; }
.matriculas .tab-wizard .nav-tabs > li.disabled > a .wizard-step {
  background-color: transparent;
  color: #eaeaea;
  border-color: #eaeaea; }
.matriculas .tab-wizard .nav-tabs > li.active ~ li > a:before {
  border-left-color: white; }
.matriculas .tab-wizard .nav-tabs > li.active ~ li > a .wizard-step {
  background-color: transparent;
  color: #eaeaea;
  border-color: #eaeaea; }
.matriculas .tab-wizard .nav-tabs > li.active ~ li > a,
.matriculas .tab-wizard .nav-tabs > li.active ~ li > a:hover {
  background-color: white; }
.matriculas .tab-wizard .nav-tabs > li.active ~ li:before {
  opacity: 0;
  width: 0; }
.matriculas .tab-wizard .tab-content .tab-pane {
  margin-top: 10px;
  }

.matriculas .tab-animation{
	height: 100%;
}

.matriculas .tab-animation > .tab-content {
  position: relative;
  overflow: hidden;
  height: 100%;
  }
  .matriculas .tab-animation > .tab-content > .tab-pane {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    min-height: 650px;
    }
    .matriculas .tab-animation > .tab-content > .tab-pane.active-remove {
      position: absolute;
      top: 0;
      width: 100%;
      display: block; }
    .matriculas .tab-animation > .tab-content > .tab-pane.active-remove-active {
      opacity: 0;
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%); }
    .matriculas .tab-animation > .tab-content > .tab-pane.active-add {
      opacity: 0;
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%); }

.matriculas .tabs-right .nav-tabs {
  text-align: right; }
  .matriculas .tabs-right .nav-tabs > li {
    margin-right: -3px;
    float: none;
    display: inline-block; }
    .matriculas .tabs-right .nav-tabs > li:last-child {
      margin-right: 0; }


/* formas y medios de pago */
.matriculas .formas-pago {
    display: flex;
    margin: 10px 0px;
    justify-content: center;
}

.matriculas .formas-pago > div{
    flex: 1;
    min-width: 500px;
}

.matriculas .formas-pago .formas-medios-pago {
    display: flex;
    flex-direction: column;
}


/* Checbox */
.matriculas .checkbox {
    display: inline-block;
    margin: 0px 20px;
}



/* STEPS */
.matriculas div[name="step3"] {
    margin: 0px 0px 0px 0px;
}



/* Add button */

.matriculas .add-cliente {
    position: absolute;
    height: 20px;
    top: 78px;
    right: 17px;
}

.matriculas .add-cliente > button{
    height: 22px;
    width: 22px;
    text-decoration: none;
    background: #495a72;
}
.matriculas .add-cliente > button:hover{
    background: #3e4d61;
}

.matriculas .add-cliente > button:focus{
    background: white;
    color: #495a72;
}

.matriculas .add-cliente > button > i{
    font-size: 15px;
    line-height: 10px;
    display: flex;
    justify-content: center;
}



.matriculas .add-alumno {
    position: absolute;
    height: 20px;
    top: 50px;
    right: 17px;
}

.matriculas .add-alumno > button{
    height: 22px;
    width: 22px;
    text-decoration: none;
    background: #495a72;
}
.matriculas .add-alumno > button:hover{
    background: #3e4d61;
}

.matriculas .add-alumno > button:focus{
    background: white;
    color: #495a72;
}

.matriculas .add-alumno > button > i{
    font-size: 15px;
    line-height: 10px;
    display: flex;
    justify-content: center;
}



.matriculas .add-contacto {
    position: absolute;
    height: 20px;
    top: 30px;
    right: 17px;
}

.matriculas .add-contacto > button{
    height: 22px;
    width: 22px;
    text-decoration: none;
    background: #495a72;
}
.matriculas .add-contacto > button:hover{
    background: #3e4d61;
}

.matriculas .add-contacto > button:focus{
    background: white;
    color: #495a72;
}

.matriculas .add-contacto > button > i{
    font-size: 15px;
    line-height: 10px;
    display: flex;
    justify-content: center;
}


/* Controls */
.matriculas .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.matriculas .controls-buttons-erp > li{
   margin-right: 5px;
}

.matriculas .controls-buttons-erp > li > a{
    color:black;
}



.matriculas .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.matriculas .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.matriculas .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */

.matriculas .soy-alumno {
    margin-left: 6px;
}


/* TABLE ALUMNOS A MATRICULAR */
.matriculas .table-alumnos-tbody {
    font-family: tahoma;
    font-size: 13px;
}


/* Tabs */
.matriculas .tab-erp {}
.matriculas .tab-erp > *:nth-child(1){
	/* background: #f4f5f6; */
	padding: 0px;
}
.matriculas .tab-erp > *:nth-child(2) > *{
	margin: 0px;
}
.matriculas .tab-erp > *:nth-child(1) > *:nth-child(2){
    height: 32px !important;
}

.matriculas .tab-erp > *:nth-child(1) > *:nth-child(2) > * > *{
    padding-top: 0px;
}

.matriculas .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.matriculas .tab-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.matriculas .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	/* background: #f8fafb; */
	margin: 0px;
	padding: 5px 5px 5px 6px;
	overflow: hidden;
}

.matriculas .tab-erp > *:nth-child(2) > * > * > *:nth-child(1) > textarea{
	width: 100%;
}


.matriculas .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}


.matriculas .tab-dynamic-erp {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.matriculas .tab-dynamic-erp > md-tabs{
	margin: 0px;
	border: none;
}
.matriculas .tab-dynamic-erp > md-tabs > md-tabs-wrapper{
    height: 32px !important;
    padding: 0px;
}

.matriculas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data{/* top: 15px !important; */}

.matriculas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data > md-tab{
	/* top: 26px; */
}

.matriculas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas{
}

.matriculas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper{

}


.matriculas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item{padding: 0px;}

.matriculas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item > span{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.matriculas .tab-dynamic-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.matriculas .tab-dynamic-erp md-tabs-content-wrapper {
    top: 32px !important;
}

.matriculas .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content{
	padding: 0px;
	margin: 0px;
	background: white;
	width: 100% !important;
	display: flex;
}

.matriculas .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.matriculas .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div{
	overflow: hidden;
	padding-top: 5px !important;
	padding-bottom: 10px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	margin: 0px !important;
	text-align: left !important;
	display: flex;
	flex-direction: column;
}

.matriculas .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div > div > div{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}
/* End tabs */


/* Tile */
.matriculas .tile{
	height: 100%;
}

.matriculas .tile.tile-widget {
    padding: 10px;
}
	.matriculas .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.matriculas .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.matriculas .tile .tile-header.dvd .controls > li.controls-editar,
		.matriculas .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.matriculas .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.matriculas .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.matriculas .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.matriculas .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.matriculas .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.matriculas .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.matriculas .tile .tile-header .controls > li > label {
			height: 100%;
			line-height: 21px;
			min-width: 100px;
			padding: 0px;
			color: #95a2a9;
			display: block;
			margin: 0px;
			text-align: center;
			top: 10px;
			margin-left: 10px;
        }

	.matriculas .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.matriculas .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 68px;
	right: 0px;
}

.matriculas .loading-matricula {
    position: absolute;
    font-size: 300px;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: white;
    text-align: center;
    top: 30px;
}

.matriculas .loading-matricula > i{
	flex: 1;
	text-align: center;
}

.matriculas .facturacion-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 52px;
	right: 0px;
}

.matriculas .alumno-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 48px;
	right: 0px;
}


.matriculas label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* Modificaciones */
    .matriculas .row.nserie{
    }
    
    .matriculas .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .matriculas .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .matriculas .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .matriculas .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .matriculas .row.urow3 > div:nth-child(3){
		margin: -1px !important;
		padding-left: 0px !important;
		}
    .matriculas .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.matriculas .autowidth > input{
		width: 100% !important;
	}
	
    .matriculas .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.matriculas .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.matriculas .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.matriculas .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .matriculas .tile .tile-header-erp{
		padding: 2px !important;
    }
    	.matriculas .tile .tile-header-erp > h1{
			font-weight: 300 !important;
			font-size: 18px !important;
			line-height: 20px !important;
	    }
	    
	    .matriculas .tile .tile-header-erp .controls{

	    }
	    .matriculas .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .matriculas .tile .tile-header-erp .controls > li > a {
			display: block;
			height: 100%;
			line-height: 25px;
			min-width: 41px;
			padding: 0 10px;
			text-align: center;
			color: #757575 !important;
         }
         .matriculas .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .matriculas .tile .tile-body .th_header_erp{
		display:flex;
		justify-content:space-around;
		flex-direction: row;
		flex-wrap:wrap;
		border-bottom: 1px solid;
		margin-bottom: 5px;
		padding-bottom: 5px;
    }
    .matriculas .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;
    }
	.matriculas .tile .tile-body .th_custom_erp > div{
    	margin-right:5px;
	}
		.matriculas .tile .tile-body .th_custom_erp > div > a{
			color:grey;
    	} 

    .matriculas .tile .tile-body .tr_custom_erp{
		font-size: 12px;
    }
    .matriculas .table-custom-inline .tr_custom_erp > td{
    }
    .matriculas .table-custom-inline .tr_custom_erp > td:nth-child(8){
    	min-width: 50px;
    }
    .matriculas .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .matriculas .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
	.matriculas .row.row-erp{
		padding:15px !important;
   	}
	   .matriculas .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		}
			.matriculas .tresumen:nth-child(2) tr{
		        border-top: 1px solid #ddd !important;
		        border-right: 1px solid #ddd !important;
		        border-bottom: 1px solid #ddd !important;
		        border-left: 1px solid #ddd!important;
		 	}
   
   /* Descripcion ampliada */
   .matriculas .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.matriculas .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.matriculas .doc-span > i{
		font-size: 10px;
	}
	.matriculas .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.matriculas .doc-span:visited{
		color: #dbe0e2;
	}
	
	/* Select input directive */
	.matriculas .select-input{
		display: flex;
		width: 100%;
	}
	.matriculas .select-input > div:nth-child(1){
		flex: 1;
	}
	.matriculas .select-input i.caret.pull-right{
		display:none;
	}
	.matriculas .a-select-input.ng-scope{
        border: 1px solid #e1e1e1;
        border-left: none;
        padding-right: 4px;
        padding-left: 4px;
        cursor: pointer;
        color: #616f77 !important;
        background: #e1e1e1;
        border-left: none;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 20px;
        position: relative;
        width: 15px;
    }
     .matriculas .a-select-input.ng-scope:hover{
      background: #e1e1e1;
    }
    .matriculas .a-select-input.ng-scope > i{
      font-size: 12px;
      position: absolute;
      margin-top: 2px;
    }
	
   /* Tile custom */
   .matriculas .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   .matriculas .tile-body.table-custom {
	    padding: 0px;
	}
   .matriculas .table-custom > thead > tr > th {
		font-size: 13px;
	}
   .matriculas .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	.matriculas .tile-table-erp div table thead tr {
	    background: #8e99a7 !important;
	    color: white;
	}
	.matriculas .tile-table-erp tbody td {
	}

   /* End */
   

   /* Table */
   .matriculas table.table {
		margin: 20px 0px !important;
	}
	.matriculas .sortable-placeholder{
      	width: auto;
	    height: 20px !important;
	    background: #3f4e62;
    }

/* Resumen matriculas */
.matriculas .resumen_matriculas {
    display: flex;
    flex-direction: column;
    margin: 45px 0px;
}
.matriculas .resumen_matriculas > div:nth-child(1){
    display: flex;
    flex-direction: column;
}
.matriculas .resumen_matriculas > div:nth-child(1) > div{
    display: flex;
}
.matriculas .resumen_matriculas > div:nth-child(1) > div:nth-child(1){
	margin-bottom: 2px;
}
.matriculas .resumen_matriculas > div:nth-child(1) > div:nth-child(1) > div{
	border-bottom: 1px solid;
	margin-right: 5px;
	flex-direction: column;
}
.matriculas .resumen_matriculas > div:nth-child(1) > div:nth-child(1) > div > span,
.matriculas .resumen_matriculas > div:nth-child(1) > div:nth-child(2) > div > span{
	text-align: center;
	border-bottom: 1px solid;
}
.matriculas .resumen_matriculas > div:nth-child(1) > div:nth-child(1) > div > div,
.matriculas .resumen_matriculas > div:nth-child(1) > div:nth-child(3) > div > span{
	display: flex;
}
.matriculas .resumen_matriculas > div:nth-child(1) > div:nth-child(1) > div > div > span,
.matriculas .resumen_matriculas > div:nth-child(1) > div:nth-child(3) > div > div > span{
	flex: 1;
	text-align: center;
}
.matriculas .resumen_matriculas > div:nth-child(1) > div > div{
	flex:1;
}
.matriculas .resumen_matriculas > div:nth-child(1) > div > div:nth-child(1){
	flex: 2;
	max-width: 500px;0% */
	min-width: 165px;
	min-width: 350px;
}
.matriculas .resumen_matriculas > div:nth-child(1) > div > div:nth-child(1) > span{
	border-bottom: none;
}
.matriculas .resumen_matriculas > div:nth-child(1) > div > div:nth-child(2){
	display: flex;
	max-width: 250px;
}
.matriculas .resumen_matriculas > div:nth-child(1) > div > div:nth-child(2) > input{
	flex: 1;
}
.matriculas .resumen_matriculas > div:nth-child(1) > div > div:nth-child(3){
	display: flex;
	max-width: 250px;
}
.matriculas .resumen_matriculas > div:nth-child(3){
    display: flex;
    flex-direction: column;
}
.matriculas .resumen_matriculas > div:nth-child(3) > div:nth-child(1){
    display: flex;
}

.matriculas .resumen_matriculas > div:nth-child(3) > div:nth-child(1) > div{
    width: 50%;
    text-align: center;
    border-bottom: 1px solid;
    margin: 5px 5px;
}


.matriculas .resumen_matriculas > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){
	display: flex;
	max-width: 500px;
	min-width: 370px;
	flex: 1;
}
.matriculas .resumen_matriculas > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > input{
	/* flex: 1; */
	min-width: 100px;
	max-width: 200px;
}
.matriculas .resumen_matriculas > div:nth-child(1) > div:nth-child(2) > div:nth-child(3){
	display: flex;
	/* flex: 1; */
}
.matriculas .resumen_matriculas > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) > input{
	max-width: 100px;
	
}
.matriculas .resumen_matriculas > div:nth-child(1) > div:nth-child(2) > div:nth-child(4){
	display: flex;
	/* flex: 1; */
}
.matriculas .resumen_matriculas > div:nth-child(1) > div:nth-child(2) > div:nth-child(4) > input{
	max-width: 100px;
}
.matriculas .resumen_matriculas > div:nth-child(1) > div:nth-child(2) > div:nth-child(5){
	display: flex;
	/* flex: 1; */
}
.matriculas .resumen_matriculas > div:nth-child(1) > div:nth-child(2) > div:nth-child(5) > input{
	max-width: 100px;
}

/* Resumen facturacion */
.matriculas .resumen_facturacion{
	margin-top: 10px
}
	.matriculas .resumen_facturacion > div:nth-child(1){
		border-bottom: 1px dashed #616f76;
		color: #243d58d6;
		font-weight: bold;
	}

.matriculas .resumen_facturacion > div:nth-child(2){
	display: flex;
}
.matriculas .resumen_facturacion > div:nth-child(2) > div{
	flex: 1;
}

.matriculas .resumen_facturacion > div:nth-child(3){
	margin-top: 25px;
	text-transform: uppercase;
	border-bottom: 1px dashed #616f76;
	color: #243d58d6;
	font-weight: bold;
}

.matriculas .resumen_facturacion > div:nth-child(4){
	display: flex;
	flex-direction: column;
}

.matriculas .resumen_facturacion > div:nth-child(4) > div:nth-child(1){
	border-bottom: 1px solid;
	display: flex;
}
.matriculas .resumen_facturacion > div:nth-child(4) > div:nth-child(1) > div{
	flex: 1;
	max-width: 75px;
	margin-left: 5px;
	font-style: oblique;
}
.matriculas .resumen_facturacion > div:nth-child(4) > div:nth-child(1) > div:nth-child(2){
	flex: 2;
	max-width: 180px;
	min-width: 180px;
}
.matriculas .resumen_facturacion > div:nth-child(4) > div:nth-child(1) > div:nth-child(3){
	flex: 7;
	max-width: none;
}
.matriculas .resumen_facturacion > div:nth-child(4) > div:nth-child(2){
	display: flex;
	border-bottom: 1px solid;
	flex-direction: column;
}
.matriculas .resumen_facturacion > div:nth-child(4) > div:nth-child(2) > div{
	flex: 1;
	display: flex;
	background: #145d890d;
	color: #2c4c6d;
	/* flex-wrap: nowrap; */
	/* color: white; */
	margin-bottom: 1px;
}

.matriculas .resumen_facturacion > div:nth-child(4) > div:nth-child(2) > div > div{
	flex: 1;
	max-width: 75px;
	margin-left: 5px;
}
.matriculas .resumen_facturacion > div:nth-child(4) > div:nth-child(2) > div > div:nth-child(2){
	flex: 2;
	max-width: 180px;
	min-width: 180px;
}
.matriculas .resumen_facturacion > div:nth-child(4) > div:nth-child(2) > div > div:nth-child(3){
	flex: 7;
	max-width: none;
}

.matriculas .resumen_facturacion > div:nth-child(4) > div:nth-child(3){
	display: flex;
	margin: 10px 0px;
	font-size: 15px;
	justify-content: flex-end;
	color: #243d58;
}
.matriculas .resumen_facturacion > div:nth-child(4) > .generar-factura{
	display: flex;
	justify-content: flex-end;
	margin-bottom: 18px;
	/* align-items: center; */
	height: 20px;
}
    .matriculas .resumen_facturacion > div:nth-child(4) > .generar-factura > div{
    	display: flex;
    	align-items: center;
    	justify-content: center;
    }
    .matriculas .resumen_facturacion > div:nth-child(4) > .generar-factura label{
    	font-size: 13px;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    }
    .matriculas .resumen_facturacion > div:nth-child(4) > .generar-factura label > input{
    	
    }

.matriculas .resumen_facturacion > div:nth-child(4) > div:nth-child(3) > div{margin-right: 10px;font-weight: bold; font-size: 18px;}
	.matriculas .resumen_facturacion > div:nth-child(4) > div:nth-child(3) > div:nth-child(2){
		
	}


/* IMAGEN */

.matriculas .container-imagen{
	display:flex;
}

.matriculas .container-imagen .form-imagen{margin-right: 5px;}

.matriculas .container-imagen .form-imagen > input{
	visibility: hidden;
}

.matriculas .container-imagen .form-imagen .imagen{
	
}

.matriculas .container-imagen .form-imagen .imagen > img {
    width: 100%;
    height: 100%;
}


/*.matriculas .container-imagen .view-imagen{
}

.matriculas .container-imagen .view-imagen .imagen{

}	

.matriculas .container-imagen .view-imagen .imagen > img{
 	width: 100px;
    height: auto;
}*/

.matriculas .container-imagen .buttons-gallery {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-left: 5px;
}

.matriculas .container-imagen .buttons-gallery > button{
    padding: 5px;
    max-width: 30px;
    width: 30px;
}



/* FORMAS Y MEDIOS DE PAGO MENSUALIDAD */
.matriculas .formas-pago-mensualidad {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.matriculas .formas-pago-mensualidad > div{
    display: flex;
    flex-direction: column;
    max-width: 550px;
}


/* NUEVO */


.matriculas .list-tabs{
    display: flex;
    flex-direction: column;
    margin: 10px;
}
	.matriculas .list-tabs > .tabs{
	    display: flex;
	    flex-direction: column;
	    /* margin: 10px; */
	    margin: 5px 0px;
	}
		.matriculas .list-tabs > .tabs > .cabecera{
		    display: flex;
		    /* flex-direction: column; */
		    /* margin: 10px; */
		    /* align-items: center; */
		    border: 1px solid #d9e0ea;
		    /* padding: 5px 0px; */
		    background: #2e4c6c;
		    color: white;
		    height: 25px;
		    /* justify-content: center; */
		}
			.matriculas .list-tabs > .tabs > .cabecera > *{
			   /* margin: 0px 5px; */
			   /* flex: 1; */
			}
			.matriculas .list-tabs > .tabs > .cabecera > .indice{
				transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
				background: white;
				color: #294361;
				width: 30px;
				text-align: center;
				font-weight: bold;
				height: 23px;
				/* border: 1px solid #d8e0ea; */
			}
			.matriculas .list-tabs > .tabs > .cabecera > button,
			.matriculas .list-tabs > .tabs > .cabecera > button:focus{
				background: none;
				border: none !important;
			}
			.matriculas .list-tabs > .tabs > .cabecera > div.titulo{
				/* flex: 4; */
				text-align: center;
				/* margin-left: 10px; */
				height: 25px !important;
			}
				.matriculas .list-tabs > .tabs > .cabecera > div.titulo > span:nth-child(1){
					margin-left: 10px;
				}
				.matriculas .list-tabs > .tabs > .cabecera > div.titulo > span:nth-child(2){
					margin-left: 10px;
				}
			.matriculas .list-tabs > .tabs > .cabecera > div:nth-child(3){
			display: flex;
			justify-content: flex-end;
			margin-right: 15px;
			color: green;
			}
			.matriculas .list-tabs > .tabs > .cabecera > div.tabs-valid{
			
			}
				.matriculas .list-tabs > .tabs > .cabecera > div.tabs-valid > i{
					border: 1px solid green;
					width: 35px;
					height: 35px;
					text-align: center;
					padding: 9px;
					border-radius: 20px;
					color: green;
					background: #b2ecb2;
				}
			.matriculas .list-tabs > .tabs > .cabecera > div.tabs-invalid{
				/* border: 1px solid red; */
				/* width: 20px; */
				/* height: 20px; */
			}
				.matriculas .list-tabs > .tabs > .cabecera > div.tabs-invalid > i{
					border: 1px solid red;
					width: 35px;
					height: 35px;
					text-align: center;
					padding: 9px;
					border-radius: 20px;
					color: red;
					background: #f9dcdc;
				}
		.matriculas .list-tabs > .tabs > .cabecera-valid{
			display: flex;
			align-items: center;
			/* padding: 5px 0px; */
			/* background: #379b3bb8; */
			color: #2e4c6e;
			border: 3px solid #c4eac4;
			transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
			height: 25px;
		}
			.matriculas .list-tabs > .tabs > .cabecera-valid > *{
			   /* margin: 0px 5px; */
			   /* flex: 1; */
			}
			.matriculas .list-tabs > .tabs > .cabecera-valid > .indice{
				width: 30px;
				text-align: center;
				font-weight: bold;
			}
			.matriculas .list-tabs > .tabs > .cabecera-valid > .titulo{/* margin-left: 10px; */}
				.matriculas .list-tabs > .tabs > .cabecera-valid > .titulo > span:nth-child(1){margin-left: 10px;color: #2e4c6e;font-weight: bold;}
				.matriculas .list-tabs > .tabs > .cabecera-valid > .titulo > span:nth-child(2){
					margin-left: 10px;
				}
			.matriculas .list-tabs > .tabs > .cabecera-valid > button,
			.matriculas .list-tabs > .tabs > .cabecera-valid > button:focus{
				background: none;
				border: none !important;
			}
			.matriculas .list-tabs > .tabs > .cabecera-valid > div.titulo{
				/* flex: 4; */
				text-align: center;
			}
			.matriculas .list-tabs > .tabs > .cabecera-valid > div:nth-child(3){
			display: flex;
			justify-content: flex-end;
			margin-right: 15px;
			color: #7dad7a;
			flex: 1;
			/* align-items: center; */
			margin-bottom: 3px;
			}
			.matriculas .list-tabs > .tabs > .cabecera-valid > div.tabs-valid{
			
			}
				.matriculas .list-tabs > .tabs > .cabecera-valid > div.tabs-valid > i{
					border: 1px solid green;
					width: 35px;
					height: 35px;
					text-align: center;
					padding: 9px;
					border-radius: 20px;
					color: green;
					background: #b2ecb2;
				}
			.matriculas .list-tabs > .tabs > .cabecera-valid > div.tabs-invalid{
				/* border: 1px solid red; */
				/* width: 20px; */
				/* height: 20px; */
			}
				.matriculas .list-tabs > .tabs > .cabecera-valid > div.tabs-invalid > i{
					border: 1px solid red;
					width: 35px;
					height: 35px;
					text-align: center;
					padding: 9px;
					border-radius: 20px;
					color: red;
					background: #f9dcdc;
				}
		.matriculas .list-tabs > .tabs > .content{
		    display: flex;
		    flex-direction: column;
		    /* margin: 10px; */
		    border: 1px solid #d9e0ea;
		    padding: 5px;
		}
		.matriculas .list-tabs > .tabs > .cabecera-disabled{
		     display: flex;
		    /* flex-direction: column; */
		    /* margin: 10px; */
		    align-items: center;
		    border: 1px solid #d9e0ea;
		    padding: 5px 0px;
		    background: #abb0b7;
		    color: #606c7d;
		}
			.matriculas .list-tabs > .tabs > .cabecera-disabled > *{
			   margin: 0px 5px;
			   flex: 1;
			}
			.matriculas .list-tabs > .tabs > .cabecera-disabled > button{
				background: none;
				border: none;
			}
			.matriculas .list-tabs > .tabs > .cabecera-disabled > div.titulo{
				flex: 4;
				text-align: center;
			}
			.matriculas .list-tabs > .tabs > .cabecera-disabled > div:nth-child(3){
				display: flex;
				justify-content: flex-end;
			}
			.matriculas .list-tabs > .tabs > .cabecera-disabled > div.tabs-valid{
			
			}
				.matriculas .list-tabs > .tabs > .cabecera-disabled > div.tabs-valid > i{
					border: 1px solid green;
					width: 35px;
					height: 35px;
					text-align: center;
					padding: 9px;
					border-radius: 20px;
					color: green;
					background: #b2ecb2;
				}
			.matriculas .list-tabs > .tabs > .cabecera-disabled > div.tabs-invalid{
				/* border: 1px solid red; */
				/* width: 20px; */
				/* height: 20px; */
			}
				.matriculas .list-tabs > .tabs > .cabecera-disabled > div.tabs-invalid > i{
					border: 1px solid red;
					width: 35px;
					height: 35px;
					text-align: center;
					padding: 9px;
					border-radius: 20px;
					color: red;
					background: #f9dcdc;
				}




.matriculas .list-tabs > .tabs.datosFacturacion{
	transition: all 0.3s linear;
}
	.matriculas .list-tabs > .tabs.datosFacturacion .principal{
		border: 1px solid #d9e0ea;
		transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
	}
	    .matriculas .list-tabs > .tabs.datosFacturacion .principal > label{
	    	margin: 0px;
	    }
		.matriculas .list-tabs > .tabs.datosFacturacion .principal .content {

		}
		.matriculas .list-tabs > .tabs.datosFacturacion .principal .content .general{
			/* margin: 10px !important; */
			margin-bottom: 20px;
			transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
		}
		.matriculas .list-tabs > .tabs.datosFacturacion .principal .content .pago{
		transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
		}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal .content .pago > .titulo{
				border-bottom: 1px solid #2e4c6e;
				border-left: 5px solid orange;
				padding: 1px;
			}
				.matriculas .list-tabs > .tabs.datosFacturacion .principal .content .pago > .titulo > span{
					margin-left: 5px;
				}
				
		.matriculas .list-tabs > .tabs.datosFacturacion .principal .content .bancario{transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal .content .bancario > .titulo{
				margin-bottom: 10px;
				border-bottom: 1px solid #2e4c6e;
				border-left: 5px solid orange;
				padding: 1px;
				display: flex;
			}
				.matriculas .list-tabs > .tabs.datosFacturacion .principal .content .bancario > .titulo > div{
					margin-left: 5px;
				}
				
				.matriculas .list-tabs > .tabs.datosFacturacion .principal .content .bancario > .titulo .button-datos-bancarios,
				.matriculas .list-tabs > .tabs.datosFacturacion .principal .content .bancario > .titulo .button-datos-bancarios:focus,
				.matriculas .list-tabs > .tabs.datosFacturacion .principal .content .bancario > .titulo .button-datos-bancarios:active,
				.matriculas .list-tabs > .tabs.datosFacturacion .principal .content .bancario > .titulo .button-datos-bancarios:visited{
					background: none !important;
					border: none !important;
				}

				.matriculas .list-tabs > .tabs.datosFacturacion .principal .content .bancario > .titulo .button-datos-bancarios:hover{
					color: #c17807;
				}

				
	.matriculas .list-tabs > .tabs.datosFacturacion .errores{
		display: flex;
		border: 1px dashed #d5dfec;
		border-top: none;
		flex-direction: column;
		font-size: 11px;
		color: #ea7373;
	}
		.matriculas .list-tabs > .tabs.datosFacturacion .errores > div{
			margin: 2px 0px;
			display: flex;
		}
			.matriculas .list-tabs > .tabs.datosFacturacion .errores > div > div{
				margin: 0px 5px;
				flex: 1;
			}
			.matriculas .list-tabs > .tabs.datosFacturacion .errores > div > div:nth-child(1){
				min-width: 70px;
				/* max-width: 70px; */
			}
			.matriculas .list-tabs > .tabs.datosFacturacion .errores > div > div:nth-child(2){
				min-width: 350px;
				/* max-width: 500px; */
				flex: 5;
			}
			.matriculas .list-tabs > .tabs.datosFacturacion .errores > div > div:nth-child(3){
				min-width: 200px;
				/* max-width: 220px; */
				flex: 4;
				color: #6f7988;
				font-style: oblique;
			}
	

	
	
		.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera{
		    display: flex;
		    align-items: center;
		    border-bottom: 1px solid #d9e0ea;
		    /* padding: 5px 0px; */
		    background: #2e4c6c;
		    color: white;
		    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
		    height: 25px;
		}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera > *{
			   transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
			}

			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera > .indice{
			   transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
			   background: white;
			   color: #294361;
			   width: 30px;
			   text-align: center;
			   font-weight: bold;
			   height: 25px !important;
			}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera > button,
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera > button:focus{
				background: none;
				border: none !important;
			}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera > div.titulo{
				/* flex: 4; */
				transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
			}
				.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera > div.titulo > span:nth-child(1){margin-left: 10px;}
				.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera > div.titulo > span:nth-child(2){
					margin-left: 10px;
				}
				.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera > div.titulo > span:nth-child(3){
					
				}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera > div:nth-child(3){
				display: flex;
				justify-content: flex-end;
				margin-right: 15px;
				color: green;
				transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
			}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera > div.tabs-valid{
			
			}
				.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera > div.tabs-valid > i{
					border: 1px solid green;
					width: 35px;
					height: 35px;
					text-align: center;
					padding: 9px;
					border-radius: 20px;
					color: green;
					background: #b2ecb2;
				}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera > div.tabs-invalid{
				/* border: 1px solid red; */
				/* width: 20px; */
				/* height: 20px; */
			}
				.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera > div.tabs-invalid > i{
					border: 1px solid red;
					width: 35px;
					height: 35px;
					text-align: center;
					padding: 9px;
					border-radius: 20px;
					color: red;
					background: #f9dcdc;
				}
		.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-valid{
		    display: flex;
		    align-items: center;
		    /* padding: 5px 0px; */
		    /* background: #379b3bb8; */
		    color: #2e4c6e;
		    border: 3px solid #c4eac4;
		    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
		    height: 25px;
		}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-valid > .indice{width: 30px;flex: none;font-weight: bold;text-align: center;}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-valid > .titulo{

			}
				.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-valid > .titulo > span:nth-child(1){margin-left: 10px;color: #2e4c6e;font-weight: bold;}
				.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-valid > .titulo > span:nth-child(2){margin-left: 10px;}

		.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-valid > *{
			   /* margin: 0px 5px; */
			   flex: 1;
			}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-valid > button,
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-valid > button:focus{
				background: none;
				border: none !important;
			}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-valid > div.titulo{
				/* flex: 4; */
				/* text-align: center; */
			}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-valid > div:nth-child(3){
				display: flex;
				justify-content: flex-end;
				margin-right: 15px;
				color: #7ead7d;
				margin-bottom: 3px;
			}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-valid > div.tabs-valid{
			
			}
				.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-valid > div.tabs-valid > i{
					border: 1px solid green;
					width: 35px;
					height: 35px;
					text-align: center;
					padding: 9px;
					border-radius: 20px;
					color: green;
					background: #b2ecb2;
				}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-valid > div.tabs-invalid{
				/* border: 1px solid red; */
				/* width: 20px; */
				/* height: 20px; */
			}
				.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-valid > div.tabs-invalid > i{
					border: 1px solid red;
					width: 35px;
					height: 35px;
					text-align: center;
					padding: 9px;
					border-radius: 20px;
					color: red;
					background: #f9dcdc;
				}
		.matriculas .list-tabs > .tabs.datosFacturacion .principal > .content{
		    display: flex;
		    flex-direction: column;
		    /* margin: 10px; */
		    padding: 5px;
		    transition: all 0.3s ease-out;
		    /* overflow: hidden; */
		}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .content > div:nth-child(1){
				color: #2e4c6e;
				/* border-bottom: 1px dashed #2e4c6e; */
			}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .content > div:nth-child(1) label{
				font-weight: bold;
			}
		.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-disabled{
		     display: flex;
		    /* flex-direction: column; */
		    /* margin: 10px; */
		    align-items: center;
		    border: 1px solid #d9e0ea;
		    padding: 5px 0px;
		    background: #abb0b7;
		    color: #606c7d;
		}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-disabled > *{
			   margin: 0px 5px;
			   flex: 1;
			}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-disabled > button{
				background: none;
				border: none;
			}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-disabled > div.titulo{
				flex: 4;
				text-align: center;
			}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-disabled > div:nth-child(3){
				display: flex;
				justify-content: flex-end;
			}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-disabled > div.tabs-valid{
			
			}
				.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-disabled > div.tabs-valid > i{
					border: 1px solid green;
					width: 35px;
					height: 35px;
					text-align: center;
					padding: 9px;
					border-radius: 20px;
					color: green;
					background: #b2ecb2;
				}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-disabled > div.tabs-invalid{
				/* border: 1px solid red; */
				/* width: 20px; */
				/* height: 20px; */
			}
				.matriculas .list-tabs > .tabs.datosFacturacion .principal > .cabecera-disabled > div.tabs-invalid > i{
					border: 1px solid red;
					width: 35px;
					height: 35px;
					text-align: center;
					padding: 9px;
					border-radius: 20px;
					color: red;
					background: #f9dcdc;
				}
		.matriculas .list-tabs > .tabs.datosFacturacion .principal > .buttons{
			display: flex;
			margin-bottom: 5px;
			justify-content: flex-end;
			font-size: 13px;
			font-family: tahoma;
			transition: all 0.3s ease-out;
		}
			.matriculas .list-tabs > .tabs.datosFacturacion .principal > .buttons > button{
				margin: 0px 5px;
				background: none;
				border: none;
			}
				.matriculas .list-tabs > .tabs.datosFacturacion .principal > .buttons > button:disabled{
					background: #f4f4f4 !important;
					color: #dee2e3 !important;
				}
				.matriculas .list-tabs > .tabs.datosFacturacion .principal > .buttons > button:nth-child(1){
					background: #cae3ff;
				}
				.matriculas .list-tabs > .tabs.datosFacturacion .principal > .buttons > button:nth-child(2){
					background: #c3eac2;
					color: #4a5a72;
				}

/** SEPA **/
.matriculas .errores-sepa{
	display: flex;
	flex-direction: column;
	padding: 0px;
	margin: 5px 0px;
	margin-top: 5px !important;
	border-top: 1px dashed #d9e0ea;
}
.matriculas .errores-sepa > .errores-box{
	display: flex;
	flex-direction: column;
	font-size: 12px;
	font-style: oblique;
}
	.matriculas .errores-sepa > .errores-box > div{
		display: flex;
		margin: 2px 0px
	}
		.matriculas .errores-box > div > div{
			flex: 1;
		}
		.matriculas .errores-sepa > .errores-box > div > button{
			height: 15px;
			border: none;
			background: #428bca;
			font-size: 11px;
			color: white;
			font-style: normal;
		}

.matriculas .sepa-group{
    margin-bottom: 15px;
    margin-top: 12px;
}
	.matriculas .sepa-group > .principal{
		border: none !important;
	}
	.matriculas .sepa-group > .info{
		font-size: 10px;
		color: #428bca;
		margin: 1px 60px;
		margin-bottom: 7px;
	}
/** SEPA **/


/* CONTRATO ALUMNO */
.matriculas .contrato-matricula{
   border: none !important;
   background: none !important;
}
    .matriculas .contrato-matricula > .principal{
    	border: none !important;
    }


/* END CONTRATO ALUMNO */


.matriculas .list-tabs > .tabs.datosAcademicos{
	
}
	.matriculas .list-tabs > .tabs.datosAcademicos .content {
		display: flex;
		flex-direction: column;
	}
	.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos{
		/* margin: 10px !important; */
		display: flex;
		flex-direction: column;
		width: 100%;
	}
		.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > div{
			display: flex;
			text-align: center;
		}
		.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > .cabecera{
			/* border-bottom: 1px dashed #d9e0ea; */
			flex: 1;
			align-items: center;
			justify-content: center;
			color: #2e4c6e;
		}
			.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > .cabecera > div{
				margin: 0px 5px;
				flex: 1;
				border-bottom: 1px solid #2e4c6e;
				text-align: center;
			}
			.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > .cabecera > div:first-child{
				border-bottom: none;
				max-width: 0px;
				min-width: 0px;
			}
			.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > .cabecera > div:nth-child(2){
				min-width: 315px;
				text-align: left;
			}
			.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > .cabecera > div:nth-child(3){
				min-width: 100px;
			}
			.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > .cabecera > div:nth-child(4){
				min-width: 100px;
			}
			.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > .cabecera > div:nth-child(5){
				min-width: 100px;
			}
			.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > .cabecera > div:last-child{
				border-bottom: none;
				max-width: 30px;
			}
		.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > .content{
			flex-direction: column;
		}
			.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > .content > div{
				display: flex;
				padding: 5px 0px;
				/* border-bottom: 1px dashed #abb0b6; */
				justify-content: center;
				align-items: center;
				font-size: 13px;
				font-family: tahoma;
				/* margin: 0px 4px; */
			}
			.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > .content > div:last-child{
				border: none;
			}
			.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > .content > div.item.disabled{
				/* background: #f9f9f9; */
			}
				.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > .content > div > div{
					flex: 1;
					margin: 0px 5px;
					border-bottom: 1px dashed #abb0b6;
					font-size: 12px;
					max-height: 35px;
					min-height: 35px;
				}
				.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > .content > div > div:first-child{
					max-width: 0px;
					min-width: 0px;
				}
				.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > .content > div > div:nth-child(2){
					min-width: 315px;
					text-align: left;
				}
				.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > .content > div > div:nth-child(3){
					min-width: 100px;
					/* text-overflow: ellipsis !important; */
					/* overflow: hidden !important; */
					/* width: 100px !important; */
				}
				.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > .content > div > div:nth-child(4){
					min-width: 100px;
				}
				.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > .content > div > div:nth-child(5){
					min-width: 100px;
				}
				.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > .content > div > div:nth-child(6){
					display: flex;
					border: none;
				}
				.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > .content > div > div:last-child{
					max-width: 40px;
				}
					.matriculas .list-tabs > .tabs.datosAcademicos .content .listado_alumnos > .content > div > div:nth-child(6) > button{
						border: none;
						background: none;
					}	
	.matriculas .tabs.datosAcademicos .buttons-header {
	    display: flex;
	}
		.matriculas .tabs.datosAcademicos .buttons-header > button{
		    border: none;
		    background: #125d8bb8;
		    font-size: 12px;
		    margin-bottom: 20px;
		    font-family: tahoma;
		    color: white;
		}
	
	.matriculas .list-tabs > .tabs.datosAcademicos > .content .buttons{
			display: flex;
			margin-bottom: 5px;
			justify-content: flex-end;
			font-size: 13px;
			font-family: tahoma;
		}
			.matriculas .list-tabs > .tabs.datosAcademicos > .content .buttons > button{
				margin: 0px 5px;
				background: none;
				border: none;
			}
				.matriculas .list-tabs > .tabs.datosAcademicos >.content .buttons > button:disabled{
					background: #f4f4f4 !important;
					color: #dee2e3 !important;
				}
				.matriculas .list-tabs > .tabs.datosAcademicos > .content .buttons > button:nth-child(1){
					background: #e6e6e6b3;
					display: flex;
					align-items: center;
					justify-content: center;
				}
				.matriculas .list-tabs > .tabs.datosAcademicos > .content .buttons > button:nth-child(1) > *:nth-child(2){
					margin: 0px 5px;
					font-size: 12px;
					color: #538aae;
				}
				.matriculas .list-tabs > .tabs.datosAcademicos > .content .buttons > button:nth-child(1) > *:nth-child(1){
					order:2;
				}
				.matriculas .list-tabs > .tabs.datosAcademicos > .content .buttons > button:nth-child(2){
					background: #b6e6b6;
					color: #4a5a72;
				}
	
		

.matriculas .list-tabs > .tabs.datosContactos{
	
}
	.matriculas .list-tabs > .tabs.datosContactos .content {
		display: flex;
		flex-direction: column;
	}
	.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos{
		margin-top: 15px !important;
		display: flex;
		flex-direction: column;
		width: 100%;
	}
		.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > div{
			display: flex;
		}
		.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .cabecera{
			border-bottom: 1px dashed #d9e0ea;
			
			flex: 1;
		}
			.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .cabecera > div{
				margin: 0px 5px;
				flex: 1;
			}
			.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .cabecera > div:nth-child(1){
				max-width: 0px;
				min-width: 0px;
				margin: 0px;
			}
			.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .cabecera > div:nth-child(2){
				min-width: 150px;
			}
			.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .cabecera > div:nth-child(3){
				min-width: 150px;
			}
			.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .cabecera > div:nth-child(4){
				min-width: 250px;
			}
			.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .cabecera > div:nth-child(5){
				min-width: 70px;
			}
			.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .cabecera > div:nth-child(6){
				min-width: 70px;
			}
			.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .cabecera > div:nth-child(7){
				min-width: 120px;
			}
			.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .cabecera > div:nth-child(8){
				min-width: 50px;
				max-width: 50px;
			}
		.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .content{
			flex-direction: column;
		}
			.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .content > div{
				display: flex;
			}
			.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .content > div > div{
				flex: 1;
				margin: 0px 5px;
			}
			.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .content > div > div:nth-child(1){
				max-width: 0px;
				min-width: 0px;
				margin: 0px;
			}
			.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .content > div > div:nth-child(2){
				min-width: 150px;
			}
			.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .content > div > div:nth-child(3){
				min-width: 150px;
			}
			.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .content > div > div:nth-child(4){
				min-width: 250px;
			}
			.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .content > div > div:nth-child(5){
				min-width: 70px;
			}
			.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .content > div > div:nth-child(6){
				min-width: 70px;
			}
			.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .content > div > div:nth-child(7){
				min-width: 120px;
				text-overflow: ellipsis;
				overflow: hidden;
			}
			.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .content > div > div:nth-child(8){
				min-width: 50px;
				max-width: 50px;
				display: flex;
			}
				.matriculas .list-tabs > .tabs.datosContactos .content .listado_contactos > .content > div > div:nth-child(8) > button{
				    border: none;
				    background: none;
				}	
	.matriculas .tabs.datosContactos .buttons-header {
	    display: flex;
	}
		.matriculas .tabs.datosContactos .buttons-header > button{
		    border: none;
		    background: none;
		    color: #606c7d;
		    background: #125d8bb8;
		    font-size: 12px;
		    font-family: tahoma;
		    color: white;
		}
	.matriculas .tabs.datosContactos > .content .buttons{
			display: flex;
			margin-bottom: 5px;
			justify-content: flex-end;
			font-size: 13px;
			font-family: tahoma;
			margin-top: 15px;
		}
			.matriculas .tabs.datosContactos > .content .buttons > button{
				margin: 0px 5px;
				background: none;
				border: none;
			}
				.matriculas .tabs.datosContactos >.content .buttons > button:disabled{
					background: #f4f4f4 !important;
					color: #dee2e3 !important;
				}
				.matriculas .tabs.datosContactos > .content .buttons > button:nth-child(1){
					background: #e6e6e6;
				}
				.matriculas .tabs.datosContactos > .content .buttons > button:nth-child(2){
					background: #b6e6b6;
					color: #4a5a72;
				}	



.matriculas .list-tabs > .tabs.datosResumen{
	
}
	.matriculas .list-tabs > .tabs.datosResumen .content {
		display: flex;
		flex-direction: column;
	}
	.matriculas .tabs.datosResumen .buttons-header {
	    display: flex;
	}
		.matriculas .tabs.datosResumen .buttons-header > button{
		    border: none;
		    background: none;
		    color: #606c7d;
		    background: #d9e0ea;
		    font-size: 12px;
		    font-family: tahoma;
		}
	.matriculas .tabs.datosResumen > .content .buttons{
			display: flex;
			margin-bottom: 5px;
			justify-content: flex-end;
			font-size: 13px;
			font-family: tahoma;
		}
			.matriculas .tabs.datosResumen > .content .buttons > button{
				margin: 0px 5px;
				background: none;
				border: none;
			}
				.matriculas .tabs.datosResumen >.content .buttons > button:disabled{
					background: #f4f4f4 !important;
					color: #dee2e3 !important;
				}
				.matriculas .tabs.datosResumen > .content .buttons > button:nth-child(1){
					background: #e6e6e6;
				}
				.matriculas .tabs.datosResumen > .content .buttons > button:nth-child(2){
					background: #b6e6b6;
					color: #4a5a72;
				}	

				
.matriculas .aviso-relacion{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
	.matriculas .aviso-relacion > div{

	}
	.matriculas .aviso-relacion > div:nth-child(2){
		font-size: 15px;
		margin: 5px 0px;
		font-weight: bold;
	}
	.matriculas .aviso-relacion > .buttons{
		margin-top: 20px;
	}
		.matriculas .aviso-relacion .buttons > button{
			background: green;
			color: white;
			border: none;
		}

.matriculas .label-cliente {
    width: 231px;
    text-transform: uppercase;
    padding: 2px;
    font-family: tahoma;
    height: 26px;
    align-items: end;
    display: flex;
    justify-content: center;
}

.matriculas .asume-aviso {
    display: flex;
    font-weight: bold;
    margin: 8px 0px;
}

.matriculas .label-sexo{
	min-width: 70px !important;
	max-width: 70px !important;
}

.matriculas .field-sexo {
    flex-direction: row;
}
    .matriculas .field-sexo > .item-check{
        width: 50px;
        margin-top: 3px;
    }
    	.matriculas .field-sexo > .item-check > *{
    		min-width: 8px !important;
    		max-width: 8px !important;
    	}
    .matriculas .row-sexo {
	padding: 0px !important;
	}
	
	.matriculas .label-85{
		min-width: 85px !important;
    	max-width: 85px !important;
	}
	

.matriculas .tooltip-cliente{
	width: 120px;
}

.matriculas .icon.icon-success{
	height: 20px;
	width: 20px;
	margin-top: 0px;
	margin-left: 0px;
}
	.matriculas .icon.icon-success > i{
		font-size: 12px;
		height: 20px;
		margin-top: -14px;
		margin-left: 1px;
		font-weight: bold;
	}
	.matriculas .icon.icon-success:after,
	.matriculas .icon.icon-success:before, 
	.matriculas .icon.icon-success.hover-color:hover, 
	.matriculas .icon.icon-success.icon-color{
		color: #ff8f29;
	}

	.matriculas .icon.icon-success:before{
		background-color: #ff8f29;
	}
	
	.matriculas .tooltip{
		left: 42px !important;
	}
	
.matriculas .loading-grid{
	z-index: 2;
}

.matriculas .email_facturacion{
	text-align: left;
}

/* MANDATO SEPA MATRICULA */
 .mandato-sepa-matricula{
 
 }
 	.mandato-sepa-matricula > .content{
 	
 	}

 		.mandato-sepa-matricula > .content .fecha{
 			margin: 15px 0px;
 		}
 			.mandato-sepa-matricula > .content .fecha > .cabecera{
 				border-bottom: 1px solid #cdd3d9;
 				margin-bottom: 5px;
 				border-left: 1px solid orange;
 				padding-left: 2px;
 			}
		.mandato-sepa-matricula > .content .forma-pago{
 			margin: 15px 0px;
 		}
 			.mandato-sepa-matricula > .content .forma-pago > .cabecera{
 				border-bottom: 1px solid #cdd3d9;
 				margin-bottom: 5px;
 				border-left: 1px solid orange;
 				padding-left: 2px;
 			}

		.mandato-sepa-matricula > .content .presentador{
 			margin: 10px 0px;
 		}
 			.mandato-sepa-matricula > .content .presentador > .cabecera{
 				border-bottom: 1px solid #cdd3d9;
 				margin-bottom: 5px;
 				border-left: 1px solid orange;
 				padding-left: 2px;
 			}

 		.mandato-sepa-matricula > .content .tipo-pago{
 			margin: 15px 0px;
 		}
 			.mandato-sepa-matricula > .content .tipo-pago > .cabecera{
 				border-bottom: 1px solid #cdd3d9;
 				margin-bottom: 5px;
 				border-left: 1px solid orange;
 				padding-left: 2px;
 			}
 		.mandato-sepa-matricula > .content .delegaciones{
 			margin: 15px 0px;
 		}
 			.mandato-sepa-matricula > .content .delegaciones > .cabecera{
 				border-bottom: 1px solid #cdd3d9;
 				margin-bottom: 5px;
 				border-left: 1px solid orange;
 				padding-left: 2px;
 			}
 			.mandato-sepa-matricula > .content .delegaciones > .content{
 			}
 			.mandato-sepa-matricula > .content .delegaciones > .preview{
 				font-size: 12px;
 				margin: 5px;
 			}
 				.mandato-sepa-matricula > .content .delegaciones > .preview > div{
 					
 				}
 	.mandato-sepa-matricula > .buttons{
 		display: flex;
 	}
 		.mandato-sepa-matricula .buttons > button{
 			border: none;
 			/* border-radius: 20px; */
 		}
 		.mandato-sepa-matricula .buttons > button:nth-child(1){
 			background: #00800099;
 			color: white;
 		}
 	
 	.mandato-sepa-matricula .fecha-modal-auto{

	}
	    .mandato-sepa-matricula .fecha-modal-auto input{
	        height: 20px !important;
	    }
 
 /* END MANDATO SEPA MATRICULA */
 
 
 
 .matriculas .field-mat-nif{
     max-width: 50px;
     margin-left: 0px;
     display: flex;
     /* align-items: center; */
     /* justify-content: center; */
     height: 20px !important;
 }
     .matriculas .field-mat-nif > .item-check{
     	margin-top: 4px;
     	margin-left: -10px;
     	height: 20px;
     	max-width: 20px !important;
     	width: 20px !important;
     }
         .matriculas .field-mat-ni > .item-check > label{
         	width: 20px;
         }
			 .matriculas .field-mat-nif > .item-check > label > input{
				width: 20px;

			 }
     .matriculas .field-mat-nif > button,
     .matriculas .field-mat-nif > button:active,
     .matriculas .field-mat-nif > button:focus,
     .matriculas .field-mat-nif > button:hover,
     .matriculas .field-mat-nif > button:visited{
     	background: none;
     	border: none !important;
     	width: 20px;
     	margin-left: 2px;
     	position: absolute;
     	margin-bottom: 10px;
     }
 
.matriculas .col-nueva-poblacion{
	height: 20px !important;
}
	.matriculas .col-nueva-poblacion > button{
     	background: none;
     	height: 20px !important;
     	font-size: 12px;
     	position: absolute;
     	right: 0px;
     	border: none;
     }
     
     
/** Matriculas contrato **/
.matriculas-contrato{
	
}
	.matriculas-contrato .avisos{
	    margin: 10px 0px;
	    text-align: center;
	}
	    .matriculas-contrato .avisos > div:nth-child(3){
	        margin-top: 10px;
	    }
	        .matriculas-contrato .avisos > div:nth-child(3) > button{
	            background: #2d4c6de3;
	            border: none;
	            color: white;
	        }
	.matriculas-contrato .buttons-footer{
	    margin-top: 25px;
	    display: flex;
	    justify-content: flex-end;
	}
		.matriculas-contrato .buttons-footer > .button-cancelar{
	        background: #d40000ad;
	        border: none;
	        color: white;
		}

/** End matriculas contrato **/
@charset "UTF-8";

.matriculas-alumno {
    height: 100%;
}

.matriculas-alumno input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}

.matriculas-alumno .ui-select-erp span{
}
.matriculas-alumno .ui-select-match-text > span {
    height: 19px;
}
.matriculas-alumno label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}
.matriculas-alumno .form-group{
	margin: 0px;
	margin-bottom: 7px;
	display: flex;
	width: 100%;
	flex: 1;
}
.matriculas-alumno .general-alumno{
	margin-bottom: -10px !important;
}
.matriculas-alumno .row-radiobuttons {
    margin-top: 20px;
    margin-bottom: 20px;
}
.matriculas-alumno .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}
.matriculas-alumno .bottom > div{
    flex: 1;
    width: 100%;
}
.matriculas-alumno .row.bottom > div:nth-child(1){
	min-height: 520px;
}
.matriculas-alumno .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
}

/* Checbox */
.matriculas-alumno .checkbox {
    display: inline-block;
    margin: 0px 20px;
}
.matriculas-alumno .add-alumno {
    position: absolute;
    height: 20px;
    top: 50px;
    right: 17px;
}
.matriculas-alumno .add-alumno > button{
    height: 22px;
    width: 22px;
    text-decoration: none;
    background: #495a72;
}
.matriculas-alumno .add-alumno > button:hover{
    background: #3e4d61;
}

.matriculas-alumno .add-alumno > button:focus{
    background: white;
    color: #495a72;
}
.matriculas-alumno .add-alumno > button > i{
    font-size: 15px;
    line-height: 10px;
    display: flex;
    justify-content: center;
}


.matriculas-alumno .add-contacto {
    position: absolute;
    height: 20px;
    top: 30px;
    right: 17px;
}
.matriculas-alumno .add-contacto > button{
    height: 22px;
    width: 22px;
    text-decoration: none;
    background: #495a72;
}
.matriculas-alumno .add-contacto > button:hover{
    background: #3e4d61;
}
.matriculas-alumno .add-contacto > button:focus{
    background: white;
    color: #495a72;
}
.matriculas-alumno .add-contacto > button > i{
    font-size: 15px;
    line-height: 10px;
    display: flex;
    justify-content: center;
}

/* Controls */
.matriculas-alumno .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.matriculas-alumno .controls-buttons-erp > li{
   margin-right: 5px;
}

.matriculas-alumno .controls-buttons-erp > li > a{
    color:black;
}

.matriculas-alumno .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.matriculas-alumno .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
}

.matriculas-alumno .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */


/* Imagen y sonido */
.matriculas-alumno .soy-alumno {
    margin-left: 6px;
}
    .matriculas-alumno .soy-alumno .imgyson-matal{
    	width: 250px;
    	display: flex;
    	height: 20px;
    }
        .matriculas-alumno .soy-alumno .imgyson-matal > .info-check{
            margin-left: 0px;
            display: flex;
            align-items: baseline;
        }
            .matriculas-alumno .soy-alumno .imgyson-matal > .info-check > button{
            	border: none;
            	background: none;
            	font-size: 10px
            }
            
.matriculas-alumno .soy-alumno .popover.popover-is{
	border: 2px solid #aacbde;
	text-align: justify;
	height: 75px;
}
    .matriculas-alumno .soy-alumno .popover.popover-is.bottom > .arrow {
		top: -11px;
		left: 50%;
		margin-left: -11px;
		border-top-width: 0;
		border-bottom-color: #999;
		border-bottom-color: rgba(0, 0, 0, .25);
		width: 0;
	}
	.matriculas-alumno .soy-alumno .popover.popover-is.bottom > .arrow:after {
		top: 1px;
		margin-left: -10px;
		content: " ";
		border-top-width: 0;
		border-bottom-color: #fff;
	}
	.matriculas-alumno .soy-alumno .popover.popover-is .popover-content{
	}


/* TABLE ALUMNOS A MATRICULAR */
.matriculas-alumno .table-alumnos-tbody {
    font-family: tahoma;
    font-size: 13px;
}


/* Tabs */
.matriculas-alumno .tab-erp {}
.matriculas-alumno .tab-erp > *:nth-child(1){
	/* background: #f4f5f6; */
	padding: 0px;
}
.matriculas-alumno .tab-erp > *:nth-child(2) > *{
	margin: 0px;
}
.matriculas-alumno .tab-erp > *:nth-child(1) > *:nth-child(2){
    height: 32px !important;
}

.matriculas-alumno .tab-erp > *:nth-child(1) > *:nth-child(2) > * > *{
    padding-top: 0px;
}

.matriculas-alumno .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.matriculas-alumno .tab-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.matriculas-alumno .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	/* background: #f8fafb; */
	margin: 0px;
	padding: 5px 5px 5px 6px;
	overflow: hidden;
}

.matriculas-alumno .tab-erp > *:nth-child(2) > * > * > *:nth-child(1) > textarea{
	width: 100%;
}


.matriculas-alumno .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}

/* End tabs */


.matriculas-alumno .titulo {
    border-bottom: 1px solid #2d4c6f;
    margin-bottom: 10px;
    margin-top: 5px;
    font-family: tahoma;
    border-left: 4px solid orange;
    padding: 2px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
	.matriculas-alumno .titulo > span{
		margin-left: 5px;
	}
	.matriculas-alumno .titulo > .buttons-academicos{
		display: flex;
	}
		.matriculas-alumno .titulo > .buttons-academicos > button{
			border: none;
			background: none;
		}


.matriculas-alumno .niveles-alumno{margin-bottom: 20px;}
	.matriculas-alumno .niveles-alumno > div{
		margin: 5px 0px;
		border-bottom: 1px dashed #ffa50059;
	}
		.matriculas-alumno .niveles-alumno > div .buttons{
			display: flex;
		}
			.matriculas-alumno .niveles-alumno > div .buttons > button{
				border: none;
				background: none;
			}
			.matriculas-alumno .niveles-alumno > div .buttons > button:hover{
				color: #2d4c6f;
				border: none;
			}
			.matriculas-alumno .niveles-alumno > div .buttons > button:focus,
			.matriculas-alumno .niveles-alumno > div .buttons > button:visited{
				border: none !important;
			}
			.matriculas-alumno .niveles-alumno > div .buttons > button:nth-child(1){

			}
			.matriculas-alumno .niveles-alumno > div .buttons > button:nth-child(2){
				color: #ff000070;
			}

/* Tile */
.matriculas-alumno .tile{
	height: 100%;
}

.matriculas-alumno .tile.tile-widget {
    padding: 10px;
}
	.matriculas-alumno .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.matriculas-alumno .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.matriculas-alumno .tile .tile-header.dvd .controls > li.controls-editar,
		.matriculas-alumno .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.matriculas-alumno .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.matriculas-alumno .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.matriculas-alumno .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.matriculas-alumno .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.matriculas-alumno .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.matriculas-alumno .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.matriculas-alumno .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.matriculas-alumno .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.matriculas-alumno .loading-matricula {
    position: absolute;
    font-size: 300px;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: white;
    text-align: center;
    top: 30px;
}

.matriculas-alumno .loading-matricula > i{
	flex: 1;
	text-align: center;
}


.matriculas-alumno label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* Modificaciones */
    .matriculas-alumno .row.nserie{
    }
    
    
    
    .matriculas-alumno .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .matriculas-alumno .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .matriculas-alumno .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .matriculas-alumno .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .matriculas-alumno .row.urow3 > div:nth-child(3){
		margin: -1px !important;
		padding-left: 0px !important;
		}
    .matriculas-alumno .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.matriculas-alumno .autowidth > input{
		width: 100% !important;
	}
	
    .matriculas-alumno .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.matriculas-alumno .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.matriculas-alumno .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.matriculas-alumno .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .matriculas-alumno .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.matriculas-alumno .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .matriculas-alumno .tile .tile-header-erp .controls{

	    }
	    .matriculas-alumno .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .matriculas-alumno .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .matriculas-alumno .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	
   
   /* Tile custom */
   .matriculas-alumno .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .matriculas-alumno .tile-body.table-custom {
	    padding: 0px;
	}

   .matriculas-alumno .table-custom > thead > tr > th {
		font-size: 13px;
	}

   .matriculas-alumno .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.matriculas-alumno .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.matriculas-alumno .tile-table-erp tbody td {
	}

   
   /* End */
   


/* IMAGEN */

.matriculas-alumno .container-imagen{
	display:flex;
}

.matriculas-alumno .container-imagen .form-imagen{margin-right: 5px;/* border: 1px solid blue; */}
	.matriculas-alumno .container-imagen .form-imagen > div{
		border: 1px dashed #ffa40047;
		/* border-radius: 5px; */
	}

.matriculas-alumno .container-imagen .form-imagen > input{
	visibility: hidden;
}

.matriculas-alumno .container-imagen .form-imagen .imagen{
	/* color: blue; */
}

.matriculas-alumno .container-imagen .form-imagen .imagen > img {
    width: 100%;
    height: 100%;
    /* color: blue; */
}


/*.matriculas-alumno .container-imagen .view-imagen{
}
.matriculas-alumno .container-imagen .view-imagen .imagen{

}	
.matriculas-alumno .container-imagen .view-imagen .imagen > img{
 	width: 100px;
    height: auto;
}*/

.matriculas-alumno .container-imagen .buttons-gallery {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-left: 5px;
}

.matriculas-alumno .container-imagen .buttons-gallery > button{
    padding: 5px;
    max-width: 30px;
    width: 30px;
    border: 2px solid #ffa40030;
    /* border-radius: 5px; */
}




/* DESCUENTOS */
.matriculas-alumno .descuentos-alumno {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
}
    .matriculas-alumno .descuentos-alumno > .titulo{

    }
    .matriculas-alumno .descuentos-alumno > .descuentos{
	    display: flex;
	    margin-bottom: 20px;
	}
	    .matriculas-alumno .descuentos-alumno > .descuentos > div{
	        display: flex;
	        align-items: center;
	        /* justify-content: center; */
	        /* text-align: center; */
	    }
	        .matriculas-alumno .descuentos-alumno > .descuentos > div > div{
	            display: flex;
	            flex-direction: column;
	            /* border-bottom: 1px solid blue; */
	            margin: 0px 10px;
	            flex: 1;
	        }
	        .matriculas-alumno .descuentos-alumno > .descuentos > div > input{
	        }
	        .matriculas-alumno .descuentos-alumno > .descuentos > div > button{
	        height: 20px;
	        border: none;
	        background: #dedee0;
	        color: #3f4e64;
	        font-size: 13px;
	        }
	            
	    .matriculas-alumno .descuentos-alumno > .descuentos > .content{
	        display: flex;
	    }
	        .matriculas-alumno .descuentos-alumno > .descuentos > .content > div{
	            display: flex;
	            flex: 1;
	            align-items: center;
	            justify-content: center;    
	        }
	            .matriculas-alumno .descuentos-alumno > .descuentos > .content > div > input{
	                margin: 0px 10px;
	            }


/* Footer */
.matriculas-alumno .buttons-footer {
    display: flex;
    align-items: center;
    justify-content: center;
}
	.matriculas-alumno .buttons-footer > button{
	    margin: 0px 5px;
	    width: 100px;
	}
		.matriculas-alumno .buttons-footer > button.button-validar{
		    background: #85c185;
		    border: none;
		    color: #ffffff;
		}
		.matriculas-alumno .buttons-footer > button.button-validar:disabled{
		    background: #c5c5c5;
		    border: none;
		    color: #ffffff;
		}
		.matriculas-alumno .buttons-footer > button.button-cancelar{
		    background: #f3a3a3;
		    border: none;
		    color: #fff1f1;
		}
		.matriculas-alumno .buttons-footer > button.button-cancelar:disabled{
		    background: #c5c5c5;
		    border: none;
		    color: #ffffff;
		}


.matriculas-alumno .label-sexo{
	min-width: 50px !important;
	max-width: 50px !important;
}

.matriculas-alumno .field-sexo {
    flex-direction: row;
}
    .matriculas-alumno .field-sexo > .item-check{
        width: 50px;
        margin-top: 3px;
    }
    	.matriculas-alumno .field-sexo > .item-check > *{
    		min-width: 8px !important;
    		max-width: 8px !important;
    	}
    .matriculas-alumno .row-sexo {
	    margin-right: -8px !important;
	}

.matriculas-alumno .estado{
	height: 20px;
	width: 20px;
	margin-right: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 5px;
}
	.matriculas-alumno .estado .nivel-invalid > i{
	    color: #ffaaaa;
	    width: 5px;
	    height: 82%;
	    transition: all 0.5s linear;
	    font-weight: bold;
	}
	.matriculas-alumno .estado .nivel-valid > i{
	    color: #84c181;
	    width: 75%;
	    height: 90%;
	    transition: all 0.5s linear;
	    font-weight: bold;
	}

.matriculas-alumno .linea-matricula {
    width: 20px;
    text-align: center;
}

.matriculas-alumno .descuentos-nivel {
    display: flex;
    font-size: 12px;
    width: 845px;
    margin-left: 35px;
    margin-bottom: 5px;
    flex-wrap: wrap;
}
    .matriculas-alumno .descuentos-nivel > div{
        display: flex;
        flex: 1;
        margin-right: 30px;
    }
    .matriculas-alumno .descuentos-nivel > .separador{
    	border-left: 1px dashed #fec669;
    	border-bottom: 1px dashed #fec669;
    	height: 11px;
    	border-color: #fec669;
    	display: block;
    	flex: none;
    	margin: 0;
    	width: 15px;
    	margin-right: 9px;
    }
        .matriculas-alumno .descuentos-nivel > div > div{
            width: 235px;
        }
        .matriculas-alumno .descuentos-nivel > div > input{
            height: 16px !important;
            width: 40px;
            border: 1px solid #cccccc;
            font-size: 11px;
            /* border-radius: 20px 0px 0px 20px; */
        }
        .matriculas-alumno .descuentos-nivel > div > input:disabled{
        	border-color: #f4f4f4;
        }
        .matriculas-alumno .descuentos-nivel > div > button{
        	height: 16px;
        	background: #dedee0;
        	border-radius: 0px;
        	border: 0px;
        	color: #3f4e63;
        	font-size: 11px;
        }
        .matriculas-alumno .descuentos-nivel > div > button:hover{
        	background: #2d4c7173;
        	color: white;
        }
        .matriculas-alumno .descuentos-nivel > div > button:focus,
        .matriculas-alumno .descuentos-nivel > div > button:active{
        	border:none !important;
        }
        .matriculas-alumno .descuentos-nivel > div > button:disabled{
        	background: #dedee0;
        	color: #3f4e63;
        }

/* Errores */
.matriculas-alumno .errores-general {
    display: flex;
    flex-direction: column;
    border: 1px dotted #ff0000ab !important;
    padding: 2px;
    font-size: 11px;
    color: #e26e6e;
    margin-bottom: 7px;
}

.matriculas-alumno .errores-nivel {
    display: flex;
    flex-direction: column;
    border: 1px dotted red !important;
    padding: 2px;
    font-size: 11px;
    color: #e26e6e;
}


.matriculas-alumno .col-nueva-poblacion{
	height: 20px !important;
}
	.matriculas-alumno .col-nueva-poblacion > button{
     	background: none;
     	height: 20px !important;
     	font-size: 12px;
     	position: absolute;
     	right: 0px;
     	border: none;
     }
@charset "UTF-8";

.matriculas-contacto {
    height: 100%;
}

.matriculas-contacto input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}

.matriculas-contacto .ui-select-erp span{
}

.matriculas-contacto .ui-select-match-text > span {
    height: 19px;
}

.matriculas-contacto label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.matriculas-contacto .form-group{
	margin: 0px;
	margin-bottom: 10px;
	display: flex;
	width: 100%;
	flex: 1;
}


.matriculas-contacto .row-radiobuttons {
    margin-top: 20px;
    margin-bottom: 20px;
}


.matriculas-contacto .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.matriculas-contacto .bottom > div{
    flex: 1;
    width: 100%;
}
.matriculas-contacto .row.bottom > div:nth-child(1){
	min-height: 520px;
}

.matriculas-contacto .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
}


/* Checbox */
.matriculas-contacto .checkbox {
    display: inline-block;
    margin: 0px 20px;
}

.matriculas-contacto .add-alumno {
    position: absolute;
    height: 20px;
    top: 50px;
    right: 17px;
}

.matriculas-contacto .add-alumno > button{
    height: 22px;
    width: 22px;
    text-decoration: none;
    background: #495a72;
}
.matriculas-contacto .add-alumno > button:hover{
    background: #3e4d61;
}

.matriculas-contacto .add-alumno > button:focus{
    background: white;
    color: #495a72;
}

.matriculas-contacto .add-alumno > button > i{
    font-size: 15px;
    line-height: 10px;
    display: flex;
    justify-content: center;
}

.matriculas-contacto .add-contacto {
    position: absolute;
    height: 20px;
    top: 30px;
    right: 17px;
}

.matriculas-contacto .add-contacto > button{
    height: 22px;
    width: 22px;
    text-decoration: none;
    background: #495a72;
}
.matriculas-contacto .add-contacto > button:hover{
    background: #3e4d61;
}

.matriculas-contacto .add-contacto > button:focus{
    background: white;
    color: #495a72;
}

.matriculas-contacto .add-contacto > button > i{
    font-size: 15px;
    line-height: 10px;
    display: flex;
    justify-content: center;
}



/* Campo fecha */
.matriculas-contacto .fecha-erp{

}
.matriculas-contacto .fecha-erp > span > span{
}
.matriculas-contacto .fecha-erp > span > input {
    height: 20px !important;
    text-align: left;
}

.matriculas-contacto .fecha-erp > span > span > button {
    height: 20px;
}

.matriculas-contacto .fecha-erp > span > span > button > i {
    position: absolute;
    top: 5px;
    right: 8px;
}

/* End campo fecha */



/* Controls */
.matriculas-contacto .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.matriculas-contacto .controls-buttons-erp > li{
   margin-right: 5px;
}

.matriculas-contacto .controls-buttons-erp > li > a{
    color:black;
}



.matriculas-contacto .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.matriculas-contacto .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.matriculas-contacto .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */

.matriculas-contacto .soy-alumno {
    margin-left: 6px;
}


/* TABLE ALUMNOS A MATRICULAR */
.matriculas-contacto .table-alumnos-tbody {
    font-family: tahoma;
    font-size: 13px;
}


/* Tabs */
.matriculas-contacto .tab-erp {}
.matriculas-contacto .tab-erp > *:nth-child(1){
	/* background: #f4f5f6; */
	padding: 0px;
}
.matriculas-contacto .tab-erp > *:nth-child(2) > *{
	margin: 0px;
}
.matriculas-contacto .tab-erp > *:nth-child(1) > *:nth-child(2){
    height: 32px !important;
}

.matriculas-contacto .tab-erp > *:nth-child(1) > *:nth-child(2) > * > *{
    padding-top: 0px;
}

.matriculas-contacto .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.matriculas-contacto .tab-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.matriculas-contacto .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	/* background: #f8fafb; */
	margin: 0px;
	padding: 5px 5px 5px 6px;
	overflow: hidden;
}

.matriculas-contacto .tab-erp > *:nth-child(2) > * > * > *:nth-child(1) > textarea{
	width: 100%;
}


.matriculas-contacto .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}





.matriculas-contacto .tab-dynamic-erp {
    margin: 0px;
    padding: 0px;
    /* border: none; */
    width: 100%;
    /* overflow-x: hidden; */
}

.matriculas-contacto .tab-dynamic-erp > md-tabs{
	margin: 0px;
	border: none;
	/* width: 100%; */
	/* display: flex; */
}
.matriculas-contacto .tab-dynamic-erp > md-tabs > md-tabs-wrapper{
    height: 32px !important;
    padding: 0px;
}

.matriculas-contacto .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data{/* top: 15px !important; */}

.matriculas-contacto .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data > md-tab{
	/* top: 26px; */
}

.matriculas-contacto .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas{
}

.matriculas-contacto .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper{

}


.matriculas-contacto .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item{padding: 0px;}

.matriculas-contacto .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item > span{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.matriculas-contacto .tab-dynamic-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.matriculas-contacto .tab-dynamic-erp md-tabs-content-wrapper {
    top: 32px !important;
    /* flex: 1; */
    /* display: flex; */
}

.matriculas-contacto .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content{padding: 0px;margin: 0px;background: white;width: 100% !important;display: flex;/* flex: 1; */}

.matriculas-contacto .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.matriculas-contacto .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div{overflow: hidden;padding-top: 5px !important;padding-bottom: 10px !important;padding-left: 20px !important;padding-right: 20px !important;margin: 0px !important;text-align: left !important;display: flex;flex-direction: column;}

.matriculas-contacto .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div > div > div{
    /* padding: 0px; */
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

/* End tabs */


/* Tile */
.matriculas-contacto .tile{
	height: 100%;
}

.matriculas-contacto .tile.tile-widget {
    padding: 10px;
}
	.matriculas-contacto .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.matriculas-contacto .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.matriculas-contacto .tile .tile-header.dvd .controls > li.controls-editar,
		.matriculas-contacto .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.matriculas-contacto .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.matriculas-contacto .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.matriculas-contacto .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.matriculas-contacto .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.matriculas-contacto .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.matriculas-contacto .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.matriculas-contacto .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.matriculas-contacto .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.matriculas-contacto .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 68px;
	right: 0px;
}

.matriculas-contacto .loading-matricula {
    position: absolute;
    font-size: 300px;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: white;
    text-align: center;
    top: 30px;
}

.matriculas-contacto .loading-matricula > i{
	flex: 1;
	text-align: center;
}

.matriculas-contacto .facturacion-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 52px;
	right: 0px;
}

.matriculas-contacto .alumno-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 48px;
	right: 0px;
}


.matriculas-contacto label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* Modificaciones */
    .matriculas-contacto .row.nserie{
    }
    
    
    
    .matriculas-contacto .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .matriculas-contacto .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .matriculas-contacto .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .matriculas-contacto .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .matriculas-contacto .row.urow3 > div:nth-child(3){
		margin: -1px !important;
		padding-left: 0px !important;
		}
    .matriculas-contacto .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.matriculas-contacto .autowidth > input{
		width: 100% !important;
	}
	
    .matriculas-contacto .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.matriculas-contacto .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.matriculas-contacto .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.matriculas-contacto .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .matriculas-contacto .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.matriculas-contacto .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .matriculas-contacto .tile .tile-header-erp .controls{

	    }
	    .matriculas-contacto .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .matriculas-contacto .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .matriculas-contacto .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .matriculas-contacto .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .matriculas-contacto .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .matriculas-contacto .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .matriculas-contacto .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .matriculas-contacto .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .matriculas-contacto .table-custom-inline .tr_custom_erp > td{
      
    }
    
    .matriculas-contacto .table-custom-inline .tr_custom_erp > td:nth-child(8){
    	min-width: 50px;
    }

    .matriculas-contacto .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .matriculas-contacto .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .matriculas-contacto .row.row-erp{
     padding:15px !important;
   }
	   .matriculas-contacto .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		  }
		 .matriculas-contacto .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .matriculas-contacto .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.matriculas-contacto .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.matriculas-contacto .doc-span > i{
		font-size: 10px;
	}
	.matriculas-contacto .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.matriculas-contacto .doc-span:visited{
		color: #dbe0e2;
	}
	
	/* Select input directive */
	.matriculas-contacto .select-input{
		display: flex;
		/* flex: 1; */
		/* margin: 0px; */
		/* padding: 0px; */
		width: 100%;
	}
	.matriculas-contacto .select-input > div:nth-child(1){
		flex: 1;
	}
	.matriculas-contacto .select-input i.caret.pull-right{
		display:none;
	}
	
	.matriculas-contacto .a-select-input.ng-scope{
        border: 1px solid #e1e1e1;
        border-left: none;
        padding-right: 4px;
        padding-left: 4px;
        cursor: pointer;
        color: #616f77 !important;
        background: #e1e1e1;
        border-left: none;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 20px;
        position: relative;
        width: 15px;
    }
     .matriculas-contacto .a-select-input.ng-scope:hover{
      background: #e1e1e1;
    }
    .matriculas-contacto .a-select-input.ng-scope > i{
      font-size: 12px;
      position: absolute;
      margin-top: 2px;
    }
	
   
   /* Tile custom */
   .matriculas-contacto .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .matriculas-contacto .tile-body.table-custom {
	    padding: 0px;
	}

   .matriculas-contacto .table-custom > thead > tr > th {
		font-size: 13px;
	}

   .matriculas-contacto .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.matriculas-contacto .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.matriculas-contacto .tile-table-erp tbody td {
	}

   
   /* End */


/* Footer */
.matriculas-contacto .buttons-footer {
    display: flex;
    align-items: center;
    justify-content: center;
}
	.matriculas-contacto .buttons-footer > button{
	    margin: 0px 5px;
	    width: 100px;
	}
		.matriculas-contacto .buttons-footer > button.button-validar{
		    background: #85c185;
		    border: none;
		    color: #ffffff;
		}
		.matriculas-contacto .buttons-footer > button.button-validar:disabled{
		    background: #c5c5c5;
		    border: none;
		    color: #ffffff;
		}
		.matriculas-contacto .buttons-footer > button.button-cancelar{
		    background: #f3a3a3;
		    border: none;
		    color: #fff1f1;
		}
		.matriculas-contacto .buttons-footer > button.button-cancelar:disabled{
		    background: #c5c5c5;
		    border: none;
		    color: #ffffff;
		}
		
.matriculas-contacto .email-contacto{
	display: flex;
}
.matriculas-contacto .button-validar-email,
.matriculas-contacto .button-validar-email:focus,
.matriculas-contacto .button-validar-email:hover,
.matriculas-contacto .button-validar-email:active {
    width: 20px;
    height: 20px;
    font-size: 12px;
    background: none;
    border: none;
    color: #85c185;
}
.matriculas-contacto .button-validar-email > i{
	position: absolute;
	top: 5px;
	right: 2px;
}

@charset "UTF-8";

.niveles {
    height: 100%;
}
	.niveles .loading-page{
		height: 95%;
    	z-index: 3;
	}
.niveles input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}
.niveles input::placeholder{
	font-size: 11px;
}
.niveles label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}
.niveles label.checkbox.checkbox-custom-alt {
    font-weight: normal;
    font-family: arial;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    width: 29px;
    display: flex;
}

/* BUTTONS */
.niveles .buttons-nivel {
    position: absolute;
    right: 5px;
    top: 0px;
    z-index: 2;
}
	.niveles .buttons-nivel > button{
		background: none;
		border:none;
		color: white;
	}
.niveles .buttons-niveles-resumen {
    position: absolute;
    right: 20px;
    top: 0px;
    z-index: 2;
}
	.niveles .buttons-niveles-resumen > button{
		background: none;
		border: none;
		color: white;
	}
.niveles .ui-grid-cell > .ui-grid-cell-contents {
    color: black;
}
.niveles .ui-grid-cell > .ui-grid-cell-contents > i {
    color: #3f4e62;
    border: 1px solid white;
    border-radius: 20px;
    padding: 5px;
    background: white;
}

.niveles .border-vertical {
}

.niveles .border-vertical > div:nth-child(1){
}

.niveles .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	background: #ffffff !important;
}
.niveles .tab-resumen > *:nth-child(2) > * > * > *:nth-child(1){
	padding: 0px !important;
}

.niveles .tab-resumen > *:nth-child(1) > *:nth-child(2) > * {
		width: 160px !important;
	}
		.niveles .tab-resumen > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > * {
			max-width: 150px !important;
			min-width: 150px !important;
		}
.niveles .ui-grid-grid-footer {
  padding-left: 5px !important;
}
/* End */

.niveles .asignar-plantilla{
	display: flex;
	align-items: center;
	justify-content: center;
	/* margin-left: 0px; */
}


/* Errores */
.niveles .errores{
	display: flex;
	border: 1px dashed #d5dfec;
	border-top: none;
	flex-direction: column;
	font-size: 11px;
	color: #ea7373;
	margin-bottom: 15px;
	margin-top: -25px;
}
		.niveles .errores > div{
			margin: 2px 0px;
			display: flex;
		}
			.niveles .errores > div > div{
				margin: 0px 5px;
				flex: 1;
			}
			.niveles .errores > div > div:nth-child(1){
				min-width: 70px;
			}
			.niveles .errores > div > div:nth-child(2){
				min-width: 350px;
				flex: 5;
			}
			.niveles .errores > div > div:nth-child(3){
				min-width: 200px;
				flex: 4;
				color: #6f7988;
				font-style: oblique;
			}

/* GRID (RESUMEN) */
.niveles .ui-grid-header-canvas{
	width: 100% !important;
}
.niveles .ui-grid-header-cell-wrapper{
	width: 100%;
}
.niveles .ui-grid-header-cell-row {
	width: 100%;
}
.niveles .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.niveles .ui-grid-header-cell-row > div:nth-child(1){
    width: 14%;
}
.niveles .ui-grid-header-cell-row > div:nth-child(2){
     width: 14%;
}
.niveles .ui-grid-header-cell-row > div:nth-child(3){
     width: 22%;
}
.niveles .ui-grid-header-cell-row > div:nth-child(4){
     width: 12%;
}
.niveles .ui-grid-header-cell-row > div:nth-child(5){
     width: 8%;
}
.niveles .ui-grid-header-cell-row > div:nth-child(6){
     width: 10%;
}
.niveles .ui-grid-header-cell-row > div:nth-child(7){
     width: 12%;
}
.niveles .ui-grid-header-cell-row > div:nth-child(8){
	width: 8%;
}


.niveles .ui-grid-canvas{
	width: 100% !important;
}
.niveles .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.niveles .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 14%;
}
.niveles .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 14%;
}
.niveles .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 22%;
}
.niveles .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 12%;
}
.niveles .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 8%;
}
.niveles .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 10%;
}
.niveles .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 12%;
}
.niveles .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 8%;
}


.niveles .ui-grid-footer-canvas{
	width: 100% !important;
}
.niveles .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.niveles .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.niveles .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 14%;
}
.niveles .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 14%;
}
.niveles .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 22%;
}
.niveles .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 12%;
}
.niveles .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 8%;
}
.niveles .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 10%;
}
.niveles .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 12%;
}
.niveles .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 8%;
}

.niveles .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	margin: 0px;
	padding: 6px 5px 5px 6px;
	overflow: hidden;
}



/** Boletín notas **/
.niveles .section-boletin{
	height: 20px;
	margin: 1px;
	margin-left: 5px;
}
	.niveles .section-boletin .label-boletin{
		width: 90px;
	}
	.niveles .section-boletin .tipo-boletin{
		display: flex;
	}
		.niveles .section-boletin .tipo-boletin > label{
			display: flex;
			width: 120px;
			justify-content: center;
			align-items: center;
			margin: 0px 15px;
		}
			.niveles .section-boletin .tipo-boletin > label > input{
				width: 25px;
			}
			.niveles .section-boletin .tipo-boletin > label > span{
			}

.niveles .section-boletin .tooltip{
	font-size: 10px !important;
	width: 350px;
}

.niveles .info-popover{
	width: 250px;
}
	.niveles .info-popover > .descripcion{
		color: #2d4c6d;
	}
.niveles .popover.popover-ca{
	border: 2px solid #aacbde;
	text-align: justify;
}
	.niveles .popover.popover-ca .popover-content{
		/* border: 2px solid #2d4c6d; */
	}
/** End boletin notas **/
@charset "UTF-8";

.grupos {
    height: 100%;
}

	.grupos .loading-page{
		height: 95%;
    	z-index: 3;
	}
	.grupos .loading-grid{
		height: 100%;
    	z-index: 3;
	}

.grupos input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}
.grupos input::placeholder{
	font-size: 11px;
}


.grupos .form-group{
	margin-bottom: 3px;
}

.grupos label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.grupos label.checkbox.checkbox-custom-alt {
    font-weight: normal;
    font-family: arial;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    width: 29px;
    display: flex;
}

/* Botones */

.grupos .buttons-alumnos-matriculados {
    position: absolute;
    z-index: 2;
    right: 3px;
    top: 0px;
}
	.grupos .buttons-alumnos-matriculados > button{
		background: none;
		border: none;
		color: white;
	}

.grupos .buttons-alumnos-grupo {
    position: absolute;
    right: 3px;
    z-index: 2;
    top: 0px;
}
	.grupos .buttons-alumnos-grupo > button{
		background: none;
		border: none;
		color: white;
	}

.grupos .buttons-grupos {
    position: absolute;
    right: 3px;
    top: 0px;
    z-index: 2;
}
	.grupos .buttons-grupos > button{
		background: none;
		border: none;
		color: white;
	}

.grupos .buttons-pf {
    position: absolute;
    right: 3px;
    top: 0px;
    z-index: 2;
}
	.grupos .buttons-pf > button{
		background: none;
		border: none;
		color: white;
	}


.grupos .mini-table-erp{
	display: flex;
	flex-direction: column;
}
.grupos .mini-table-erp > div{

}
.grupos .mini-table-erp > div:nth-child(1){
    display: flex;
    max-width: 200px;
}
.grupos .mini-table-erp > div:nth-child(1) > span{
	flex: 1;
	max-width: 57.5px;
}
.grupos .mini-table-erp > div:nth-child(2){
	display: flex;
	margin-left: 14px;
}


/* End botones */


/* Campo hora */

.grupos .uib-timepicker input {
    width: 35px !important;
    font-size: 11px;
    font-family: tahoma;
}

.grupos .uib-timepicker td.uib-time {
    width: 25px !important;
}

.grupos .uib-timepicker a.btn.btn-link {
    padding: 0px;
    margin: 0px;
}

.grupos .uib-timepicker a.btn.btn-link > span {
  font-size: 10px;
}

.grupos .uib-time.am-pm > button {
    padding: 2px;
    width: 20px;
    font-size: 10px;
}

.grupos .uib-timepicker > tbody > tr:nth-child(1) {
    display: none;
}
.grupos .uib-timepicker > tbody > tr:nth-child(3) {
    display: none;
}

/* End campo hora */



/* temporal */

.grupos .ui-grid-cell > .ui-grid-cell-contents {
    color: black;
    /* border: 1px solid white; */
}

.grupos .ui-grid-cell > .ui-grid-cell-contents > i {
    color: #3f4e62;
    border: 1px solid white;
    border-radius: 20px;
    padding: 5px;
    background: white;
}


/* end temporal */


/* Controls */
.grupos .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.grupos .controls-buttons-erp > li{
   margin-right: 5px;
}

.grupos .controls-buttons-erp > li > a{
    color:black;
}

.grupos .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.grupos .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.grupos .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */



.grupos .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}

.grupos .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 35px;
	right: 0px;
}

.grupos .asociados-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}

.grupos .tarifasventas-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}


.grupos label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* Modificaciones */
/*    .grupos .row.nserie{
    }
    
    
    
    .grupos .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .grupos .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .grupos .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .grupos .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .grupos .row.urow3 > div:nth-child(3){
		margin: -1px !important;
		padding-left: 0px !important;
		}
    .grupos .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.grupos .autowidth > input{
		width: 100% !important;
	}
	
    
	
	.grupos .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.grupos .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.grupos .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .grupos .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.grupos .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .grupos .tile .tile-header-erp .controls{

	    }
	    .grupos .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .grupos .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .grupos .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .grupos .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .grupos .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .grupos .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .grupos .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .grupos .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .grupos .table-custom-inline .tr_custom_erp > td{
      
    }
    
    .grupos .table-custom-inline .tr_custom_erp > td:nth-child(8){
    	min-width: 50px;
    }

    .grupos .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .grupos .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .grupos .row.row-erp{
     padding:15px !important;
   }
	   .grupos .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		  }
		 .grupos .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }*/
   
   /* Descripcion ampliada */
   .grupos .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.grupos .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.grupos .doc-span > i{
		font-size: 10px;
	}
	.grupos .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.grupos .doc-span:visited{
		color: #dbe0e2;
	}
	
	
   
   /* Tile custom */
   .grupos .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .grupos .tile-body.table-custom {
	    padding: 0px;
	}

   .grupos .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .grupos .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.grupos .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.grupos .tile-table-erp tbody td {
	}



.grupos table.table.table-custom.table-custom-inline {}

.grupos tr.tr_custom_erp {}

.grupos tr.tr_custom_erp > td:nth-child(1){
}

.grupos tr.tr_custom_erp > td:nth-child(2){
    min-width: 140px;
    max-width: 140px;
}
.grupos tr.tr_custom_erp > td:nth-child(3){
    min-width: 190px;
    max-width: 190px;
}
.grupos tr.tr_custom_erp > td:nth-child(4){
    min-width: 40px !important;
    max-width: 40px !important;
}
.grupos tr.tr_custom_erp > td:nth-child(5){
    min-width: 50px;
    max-width: 50px;
}


td.buttons-asociados {
    display: flex;
}

td.buttons-asociados > button {
    flex: 1;
    background: none;
    border: none;
    width: 10px;
}


#table_articulos_asociados tbody {
    font-size: 12px;
    font-family: tahoma;
}



.grupos .border-vertical {

}

.grupos .border-vertical > div:nth-child(1){
    /*border-right: 1px dashed gray !important;*/
}

.grupos .tab-grupo > *:nth-child(1) > *:nth-child(2) > * {
		width: 100% !important;
	}
		.grupos .tab-grupo > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > * {
			max-width: 250px !important;
			min-width: 145px !important;
		}
.grupos .tab-matriculados > *:nth-child(1) > *:nth-child(2) > * {
		width: 100% !important;
	}
		.grupos .tab-matriculados > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > * {
			max-width: 325px !important;
			min-width: 175px !important;
		}
   
.grupos .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	background: #ffffff !important;
}
.grupos .tab-grupo > *:nth-child(2) > * > * > *:nth-child(1), .grupos .tab-matriculados > *:nth-child(2) > * > * > *:nth-child(1){
	padding: 0px !important;
}
   
.grupos .ui-grid-grid-footer {
  padding-left: 5px !important;
}
/* End */
   

.grupos .button-new-aula > button{
    background: none;
    border: none;
    height: 20px;
    color: #2e4c6c;
    font-size: 14px;
}

.grupos .button-new-aula > button:hover,
.grupos .button-new-aula > button:focus,
.grupos .button-new-aula > button:active{
    background: none;
    border: none !important;
    height: 20px;
    color: #2e4c6c;
}



/* GRID MATRICULADOS (DERECHA) */
.grupos .general-grupos.matriculas-grupo .ui-grid-header-canvas{
	width: 100% !important;
}
.grupos .general-grupos.matriculas-grupo .ui-grid-header-cell-wrapper{
	width: 100%;
}
.grupos .general-grupos.matriculas-grupo .ui-grid-header-cell-row {
	width: 100%;
}
.grupos .general-grupos.matriculas-grupo .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.grupos .general-grupos.matriculas-grupo .ui-grid-header-cell-row > div:nth-child(1){
    width: 30%;
}
.grupos .general-grupos.matriculas-grupo .ui-grid-header-cell-row > div:nth-child(2){
     width: 70%;
}
/*.grupos .general-grupos.matriculas-grupo .ui-grid-header-cell-row > div:nth-child(3){
     width: 25%;
}
.grupos .general-grupos.matriculas-grupo .ui-grid-header-cell-row > div:nth-child(4){
     width: 25%;
}*/


.grupos .general-grupos.matriculas-grupo .ui-grid-canvas{
	width: 100% !important;
}
.grupos .general-grupos.matriculas-grupo .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.grupos .general-grupos.matriculas-grupo .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 30%;
}
.grupos .general-grupos.matriculas-grupo .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 70%;
}
/*.grupos .general-grupos.matriculas-grupo .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 25%;
}
.grupos .general-grupos.matriculas-grupo .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 25%;
}*/


.grupos .general-grupos.matriculas-grupo .ui-grid-render-container-left .ui-grid-cell:nth-child(1){
	width: 100% !important;
}

.grupos .general-grupos.matriculas-grupo .ui-grid-footer-canvas{
	width: 100% !important;
}
.grupos .general-grupos.matriculas-grupo .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.grupos .general-grupos.matriculas-grupo .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.grupos .general-grupos.matriculas-grupo .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 30%;
}
.grupos .general-grupos.matriculas-grupo .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 70%;
}
/*.grupos .general-grupos.matriculas-grupo .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 25%;
}
.grupos .general-grupos.matriculas-grupo .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 25%;
}*/


.grupos .tile .tab-grupo .grid-erp-blue {
    height: 317px;
  }
	.grupos .tile .tab-grupo .grid-erp-blue .ui-grid-viewport {
	    /* height: 280px; */
	  }
 .grupos .tile .tab-matriculados .grid-erp-blue {
   	height: 481px;
  }
	     .grupos .tile .tab-matriculados .grid-erp-blue .ui-grid-viewport {
	      	/* height: 444px; */
	     }

.grupos .tile .grid-erp-blue .ui-grid-footer-aggregates-row {
      border: none;
      /* height: 18px; */
     }
	     .grupos .tile .grid-erp-blue .ui-grid-footer-aggregates-row .ui-grid-footer-cell{
	     	border: none !important;
	     	height: 15px !important;
	     }


/* HORARIOS */
.grupos .horarios{
	display: flex;
	/* flex-direction: column; */
	margin-bottom: 5px;
	border-bottom: 1px dashed #e1e7ed;
}
.grupos .horarios:last-child{
	border-bottom: none;
}
	.grupos .horarios > div{}
	.grupos .horarios > .bloque-valid{
		width: 20px;
	}
		.grupos .horarios > .bloque-valid > div{
			/* background: green; */
			width: 5px;
		}
	.grupos .horarios > .content{
		flex: 3;
		display: flex;
	}
		.grupos .horarios > .content > div{

		}
		.grupos .horarios > .content > div:nth-child(1){flex: 2;}
		.grupos .horarios > .content > div:nth-child(2){
			flex: 4;
		}
	.grupos .horarios > .content > .buttons-horario{
		width: 55px;
		display: flex;
		flex-wrap: wrap;
	}

.grupos .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	margin: 0px;
	padding: 6px 5px 5px 6px;
	overflow: hidden;
}

.grupos .justify-bloques{
	justify-content: space-between;
}

.grupos .buttons-horario > button{
	color: #2d4c6f !important;
}
.grupos .buttons-horario > button:nth-child(3){
	background: #0080008f !important;
	color: white !important;
	width: 45px;
	height: 16px;
	font-size: 11px;
}

.grupos .hay-facturacion{
    margin: 5px;
    color: #ff000082;
    font-size: 12px;
    text-align: center;
}

.grupos .button-new-aula {
    width: fit-content !important;
}

.grupos .bloque-valid > .horario-novalido {
    height: 90%;
    background: #ff00004d;
}
.grupos .bloque-valid > .horario-valido {
    /* border: 2px dotted #0080007a; */
    /* padding: 2px; */
    background: #00800070;
    height: 90%;
    /* width: 100%; */
}

/* Otros */
.grupos .no-separacion{
	/*margin: 0px;*/
}


/** timepicker **/
li.ui-timepicker-list{

}
li.ui-timepicker-am,
li.ui-timepicker-pm{
	font-size: 12px;
	/* border-bottom: 1px solid #6b9bba; */
}
li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover {
    background: #145d89d9;
    color: #fff;
}
.ui-timepicker-wrapper {
	overflow-y: auto;
	max-height: 120px;
	width: 85px;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10052;
	margin: 0;
}

.seleccionar-tipo-facturacion > div:nth-child(1){
	margin-bottom: 15px;
	text-align: center;
}
.seleccionar-tipo-facturacion > div:nth-child(2){
	text-align: center;
}
		.seleccionar-tipo-facturacion > div:nth-child(2) > button{
			width: 100px !important;
			margin-right: 10px;
		}
			.seleccionar-tipo-facturacion > div:nth-child(2) > button > i{
				margin-right: 5px;
			}

.grupos .general-grupos{
}


/* GRID ALUMNOS GRUPO */
.grupos .general-grupos.alumnos-grupo .ui-grid-header-canvas{
	width: 100% !important;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-header-cell-wrapper{
	width: 100%;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-header-cell-row {
	width: 100%;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-header-cell-row > div:nth-child(1){
    width: 18%;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-header-cell-row > div:nth-child(2){
     width: 24%;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-header-cell-row > div:nth-child(3){
     width: 16%;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-header-cell-row > div:nth-child(4){
     width: 15%;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-header-cell-row > div:nth-child(5){
     width: 11%;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-header-cell-row > div:nth-child(6){
     width: 5%;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-header-cell-row > div:nth-child(7){
	width: 11%;
}


.grupos .general-grupos.alumnos-grupo .ui-grid-canvas{
	width: 100% !important;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 20%;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 22%;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 16%;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 15%;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 11%;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 5%;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 11%;
}



.grupos .general-grupos.alumnos-grupo .ui-grid-render-container-left .ui-grid-cell:nth-child(1){
	width: 100% !important;
}

.grupos .general-grupos.alumnos-grupo .ui-grid-footer-canvas{
	width: 100% !important;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 20%;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 22%;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 16%;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 15%;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 11%;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 5%;
}
.grupos .general-grupos.alumnos-grupo .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 11%;
}

			
/* Errores */
.grupos .errores{
		display: flex;
		flex-direction: column;
		font-size: 11px;
		color: #ea7373;
	}
		.grupos .errores > div{
			margin: 2px 0px;
			display: flex;
		}
			.grupos .errores > div > div{
				margin: 0px 5px;
				flex: 1;
			}
			.grupos .errores > div > div:nth-child(1){
				min-width: 145px;
				max-width: 145px;
			}
			.grupos .errores > div > div:nth-child(2){
				min-width: 350px;
				/* max-width: 500px; */
				flex: 5;
			}
			.grupos .errores > div > div:nth-child(3){
				min-width: 200px;
				flex: 4;
				color: #6f7988;
				font-style: oblique;
			}

.grupos .tab-grupo {}
.grupos .tab-grupo > i{}
.grupos .tab-grupo > span {
    margin-left: 5px;
}


/* GRUPOS INFO FACTURACION ALUMMO */
.grupos-info-facturacion-alumno{

}
	.grupos-info-facturacion-alumno .activa{
		color: green;
	}
	.grupos-info-facturacion-alumno .pendiente{
		color: #b1b142;
	}
	.grupos-info-facturacion-alumno .titulo-tutor{
		border-bottom: 1px solid blue;
	}
	.grupos-info-facturacion-alumno .titulo-hijos{
		border-bottom: 1px solid blue;
	}
	.grupos-info-facturacion-alumno .separacion-modal{
		margin-right: 10px;
		margin-left: 10px;
	}
	.grupos-info-facturacion-alumno > .titulo{
		text-align: center;
		font-weight: bold;
		/* border-bottom: 1px solid #2d4c6d; */
		margin-bottom: 40px;
	}
	.grupos-info-facturacion-alumno > .tutor{
		display: flex;
		justify-content: center;
		margin-top: 15px;
	}
		.grupos-info-facturacion-alumno > .tutor > div{
			display: flex;
		}
			.grupos-info-facturacion-alumno > .tutor > div > div{
				
			}
				.grupos-info-facturacion-alumno > .tutor > div > div > span{
					margin-right: 5px;
				}
				.grupos-info-facturacion-alumno > .tutor > div > div > span:nth-child(1){
					font-weight: bold;
				}
	.grupos-info-facturacion-alumno > .hijos{
		margin-top: 20px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin-bottom: 25px;
	}
		.grupos-info-facturacion-alumno > .hijos > .header{
			display: flex;
			width: 100%;
			text-align: center;
		}
			.grupos-info-facturacion-alumno > .hijos > .header > div{
				border-bottom: 1px solid #2d4c6d;
				font-weight: bold;
				text-transform: uppercase;
				margin-left: 1px;
				margin-right: 1px;
			}
			.grupos-info-facturacion-alumno > .hijos > .header > div:nth-child(1){
				width: 25%;
			}
			.grupos-info-facturacion-alumno > .hijos > .header > div:nth-child(2){
				width: 15%;
			}
			.grupos-info-facturacion-alumno > .hijos > .header > div:nth-child(3){
				width: 15%;
			}
			.grupos-info-facturacion-alumno > .hijos > .header > div:nth-child(4){
				width: 15%;
			}
			.grupos-info-facturacion-alumno > .hijos > .header > div:nth-child(5){
				width: 15%;
			}
			.grupos-info-facturacion-alumno > .hijos > .header > div:nth-child(6){
				width: 15%;
			}
		.grupos-info-facturacion-alumno > .hijos > .content{
			display: flex;
			width: 100%;
			text-align: center;
			flex-direction: column;
		}
			.grupos-info-facturacion-alumno > .hijos > .content > div{
				display: flex;
				margin-top: 5px;
			}
				.grupos-info-facturacion-alumno > .hijos > .content > div > div{
					margin-left: 1px;
					margin-right: 1px;
				}
				.grupos-info-facturacion-alumno > .hijos > .content > div > div:nth-child(1){
					width: 25%;
				}
				.grupos-info-facturacion-alumno > .hijos > .content > div > div:nth-child(2){
					width: 15%;
				}
				.grupos-info-facturacion-alumno > .hijos > .content > div > div:nth-child(3){
					width: 15%;
				}
				.grupos-info-facturacion-alumno > .hijos > .content > div > div:nth-child(4){
					width: 15%;
				}
				.grupos-info-facturacion-alumno > .hijos > .content > div > div:nth-child(5){
					width: 15%;
				}
				.grupos-info-facturacion-alumno > .hijos > .content > div > div:nth-child(6){
					width: 15%;
				}
				/*.grupos-info-facturacion-alumno > .hijos > div > div > span{
					margin-right: 5px;
				}*/
				/*.grupos-info-facturacion-alumno > .hijos > div > div > span:nth-child(1){
					font-weight: bold;
				}*/

/* GRUPOS DESCUENTOS */
.grupos-descuentos{}
	.grupos-descuentos > div{
	}
	.grupos-descuentos > .content{
		display: flex;
		justify-content: center;
		margin: 5px 0px;
	}
		.grupos-descuentos > .content > input{
			height: 20px;
			width: 60px;
		}
		.grupos-descuentos > .content > button{
			height: 20px;
			border: none;
			background: #adadad;
			color: white;
		}
	.grupos-descuentos > .buttons-footer{
		margin-top: 23px;
		display: flex;
		justify-content: center;
	}
		.grupos-descuentos > .buttons-footer > button{
			margin: 0px 5px
		}
		.grupos-descuentos > .buttons-footer > button:nth-child(1){
			background: #008000c4;
			color: white;
			border: none;
		}
		.grupos-descuentos > .buttons-footer > button:nth-child(1):hover{
		}
		.grupos-descuentos > .buttons-footer > button:nth-child(2){
			background: #ff00009e;
			border: none;
			color: white;
		}
		.grupos-descuentos > .buttons-footer > button:nth-child(2):hover{
		}

/* END GRUPOS DESCUENTOS */

.plazas-grupo{
	display: flex;
	margin-top: 23px;
	justify-content: center;
	height: 20px;
	align-items: baseline;
}
	.plazas-grupo > div{

	}
	.plazas-grupo > div:nth-child(1){
		display: flex;
		min-width: 115px;
		margin: 0px 10px;
		/* flex-direction: column; */
		justify-content: center;
		align-items: center;
		/* border: 1px dashed #ff9f28; */
		/* border-radius: 70px; */
		/* height: 115px; */
		font-size: 14px;
	}
	    .plazas-grupo > div:nth-child(1) > div:nth-child(1){
             order: 1;
             /* margin-top: 5px; */
             /* color: #ff9f28; */
         }
         .plazas-grupo > div:nth-child(1) > div:nth-child(2){
            order: 2;
            /* font-size: 20px; */
            margin-left: 5px;
            color: #ff9f28;
         }
	.plazas-grupo > div:nth-child(2){
		display: flex;
		min-width: 115px;
		margin: 0px 10px;
		/* flex-direction: column; */
		justify-content: center;
		align-items: center;
		/* border: 1px dashed #a0978c; */
		/* border-radius: 70px; */
		/* height: 115px; */
		font-size: 14px;
	}
	    .plazas-grupo > div:nth-child(2) > div:nth-child(1){
	    	order: 1;
	    	/* color: #a0978c; */
	    }
	    .plazas-grupo > div:nth-child(2) > div:nth-child(2){
            order: 2;
            /* font-size: 20px; */
            color: #a0978c;
            margin-left: 5px;
         }
	.plazas-grupo > div:nth-child(3){
		display: flex;
		min-width: 115px;
		margin: 0px 10px;
		/* flex-direction: column; */
		justify-content: center;
		align-items: center;
		/* border: 1px dashed #17965b; */
		/* border-radius: 70px; */
		/* height: 115px; */
		font-size: 14px;
	}
	    .plazas-grupo > div:nth-child(3) > div:nth-child(1){
	    	order: 1;
	    	/* color: #17965b; */
	    }
	    .plazas-grupo > div:nth-child(3) > div:nth-child(2){
            order: 2;
            /* font-size: 20px; */
            color: #17965b;
            margin-left: 5px;
         }



.grupos-facturacion-errores{
	
}
	.grupos-facturacion-errores .titulo-errores{
		font-weight: bold;
		margin-bottom: 5px;
	}
	.grupos-facturacion-errores .dato-errores{
		margin-left: 15px;
		height: 50px !important;
	}
		.grupos-facturacion-errores .dato-errores > i{
			margin-right: 5px;
			padding-top: 1p;
			padding-top: 4px;
		}
	.grupos-facturacion-errores .footer-errores{
		margin-top: 20px;
		text-align: center;
	}
		.grupos-facturacion-errores .footer-errores > button > i{
			margin-right: 5px;
		}
@charset "UTF-8";

.grupos-fecha-facturacion{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
	.grupos-fecha-facturacion > div{
		margin: 10px 0px;
		display: flex;
	}   
	.grupos-fecha-facturacion > .mensajes{
		flex-direction: column;
		align-items: center;
	}
		.grupos-fecha-facturacion > .mensajes > div{
			
		}
	.grupos-fecha-facturacion > .buttons-footer{

	}
		.grupos-fecha-facturacion > .buttons-footer > button{
			margin: 0px 5px;
			background: none;
			border: none;
			color: white;
		}
		.grupos-fecha-facturacion > .buttons-footer > button:nth-child(1){
			background: green;
		}
		.grupos-fecha-facturacion > .buttons-footer > button:nth-child(1):disabled{
			background: gray;
		}
		.grupos-fecha-facturacion > .buttons-footer > button:nth-child(2){
			background: #d27070;
		}
	.grupos-fecha-incorporacion .col-label{
		max-width: 170px !important;
		min-width: 70px !important;
		max-height: 20px !important;
		overflow: hidden;
		padding: 0px;
	}
	.grupos-fecha-facturacion .fecha-modal-auto {
	    height: 20px !important;
	}
	.grupos-fecha-facturacion .fecha-modal-auto input{
	    height: 20px !important;
	}
@charset "UTF-8";

.grupos-nueva-aula{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
	.grupos-nueva-aula > div{
		margin: 10px 0px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}
		.grupos-nueva-aula > div > div{
			flex:1;
			display: flex;
			width: 100%;
		}
		.grupos-nueva-aula > div > div > div:nth-child(1){
			width: 80px;
		}
		.grupos-nueva-aula > div > div > div:nth-child(2){
			height: 20px !important;
		}
			.grupos-nueva-aula > div > div > div:nth-child(2) > input{
			height: 20px !important;
		}
	.grupos-nueva-aula > .buttons-footer{

	}
		.grupos-nueva-aula > .buttons-footer > button{
			margin: 0px 5px;
			background: none;
			border: none;
			color: white;
		}
		.grupos-nueva-aula > .buttons-footer > button:nth-child(1){
			background: green;
		}
		.grupos-nueva-aula > .buttons-footer > button:nth-child(1):disabled{
			background: gray;
		}
		.grupos-nueva-aula > .buttons-footer > button:nth-child(2){
			background: #d27070;
		}

@charset "UTF-8";

.etapas {
    height: 100%;
}

	.etapas .loading-page{
		height: 95%;
    	z-index: 3;
	}

.etapas input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}
.etapas input::placeholder{
	font-size: 11px;
}

.etapas label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.etapas label.checkbox.checkbox-custom-alt {
    font-weight: normal;
    font-family: arial;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    width: 29px;
    display: flex;
}

/* Botones */

.etapas .buttons-alumnos-matriculados {
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 5px;
}

.etapas .buttons-alumnos-grupo {
    position: absolute;
    right: 20px;
    z-index: 2;
    top: 5px;
}

.etapas .buttons-grupos {
    position: absolute;
    right: 3px;
    top: 0px;
    z-index: 2;
}
	.etapas .buttons-grupos > button{
		background: none;
		border: none;
		color: white;
	}

.etapas .mini-table-erp{
	display: flex;
	flex-direction: column;
}
.etapas .mini-table-erp > div{

}
.etapas .mini-table-erp > div:nth-child(1){
    display: flex;
    max-width: 200px;
}
.etapas .mini-table-erp > div:nth-child(1) > span{
	flex: 1;
	max-width: 57.5px;
}
.etapas .mini-table-erp > div:nth-child(2){
	display: flex;
	margin-left: 14px;
}


/* End botones */


/* Campo hora */

.etapas .uib-timepicker input {
    width: 35px !important;
    font-size: 11px;
    font-family: tahoma;
}

.etapas .uib-timepicker td.uib-time {
    width: 25px !important;
}

.etapas .uib-timepicker a.btn.btn-link {
    padding: 0px;
    margin: 0px;
}

.etapas .uib-timepicker a.btn.btn-link > span {
  font-size: 10px;
}

.etapas .uib-time.am-pm > button {
    padding: 2px;
    width: 20px;
    font-size: 10px;
}

.etapas .uib-timepicker > tbody > tr:nth-child(1) {
    display: none;
}
.etapas .uib-timepicker > tbody > tr:nth-child(3) {
    display: none;
}

/* End campo hora */


/* Campo fecha */
.etapas .fecha-erp{

}
.etapas .fecha-erp > span > span{
	width: auto;
}
.etapas .fecha-erp > span > input {
    height: 20px !important;
    text-align: left;
    max-width: 80px;

}

.etapas .fecha-erp > span > span > button {
    height: 20px;
}

.etapas .fecha-erp > span > span > button > i {
    position: absolute;
    top: 5px;
    right: 8px;
}

/* End campo fecha */

/* temporal */

.etapas .ui-grid-cell > .ui-grid-cell-contents {
    color: black;
    /* border: 1px solid white; */
}

.etapas .ui-grid-cell > .ui-grid-cell-contents > i {
    color: #3f4e62;
    border: 1px solid white;
    border-radius: 20px;
    padding: 5px;
    background: white;
}


/* end temporal */


/* Controls */
.etapas .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.etapas .controls-buttons-erp > li{
   margin-right: 5px;
}

.etapas .controls-buttons-erp > li > a{
    color:black;
}

.etapas .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.etapas .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.etapas .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */


/* Errores */
.etapas .errores{
		display: flex;
		border: 1px dashed #d5dfec;
		border-top: none;
		flex-direction: column;
		font-size: 11px;
		color: #ea7373;
		margin-bottom: 15px;
		margin-top: -25px;
	}
		.etapas .errores > div{
			margin: 2px 0px;
			display: flex;
		}
			.etapas .errores > div > div{
				margin: 0px 5px;
				flex: 1;
			}
			.etapas .errores > div > div:nth-child(1){
				min-width: 70px;
				/* max-width: 70px; */
			}
			.etapas .errores > div > div:nth-child(2){
				min-width: 350px;
				/* max-width: 500px; */
				flex: 5;
			}
			.etapas .errores > div > div:nth-child(3){
				min-width: 200px;
				/* max-width: 220px; */
				flex: 4;
				color: #6f7988;
				font-style: oblique;
			}


/* Tabs */
.etapas .tab-erp {}
.etapas .tab-erp > *:nth-child(1){
	/* background: #f4f5f6; */
	padding: 0px;
}
.etapas .tab-erp > *:nth-child(2) > *{
	margin: 0px;
}
.etapas .tab-erp > *:nth-child(1) > *:nth-child(2){
    /* height: 32px !important; */
}

.etapas .tab-erp > *:nth-child(1) > *:nth-child(2) > * > *{
    padding-top: 0px;
}

.etapas .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *{
	color: #ffffff !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
	/*top: 10px;*/
}

.etapas .tab-erp md-ink-bar {
    /*top: 30px !important;*/
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.etapas .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	/* background: #f8fafb; */
	margin: 0px;
	padding: 6px 5px 5px 6px;
	overflow: hidden;
}

.etapas .tab-erp > *:nth-child(2) > * > * > *:nth-child(1) > textarea{
	width: 100%;
}


.etapas .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}





.etapas .tab-dynamic-erp {
    margin: 0px;
    padding: 0px;
    /* border: none; */
    width: 100%;
    /* overflow-x: hidden; */
}

.etapas .tab-dynamic-erp > md-tabs{
	margin: 0px;
	border: none;
	/* width: 100%; */
	/* display: flex; */
}
.etapas .tab-dynamic-erp > md-tabs > md-tabs-wrapper{
    height: 32px !important;
    padding: 0px;
}

.etapas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data{/* top: 15px !important; */}

.etapas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data > md-tab{
	/* top: 26px; */
}

.etapas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas{
}

.etapas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper{

}


.etapas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item{padding: 0px;}

.etapas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item > span{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.etapas .tab-dynamic-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.etapas .tab-dynamic-erp md-tabs-content-wrapper {
    top: 32px !important;
    /* flex: 1; */
    /* display: flex; */
}

.etapas .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content{padding: 0px;margin: 0px;background: white;width: 100% !important;display: flex;/* flex: 1; */}

.etapas .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.etapas .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div{overflow: hidden;padding-top: 5px !important;padding-bottom: 10px !important;padding-left: 20px !important;padding-right: 20px !important;margin: 0px !important;text-align: left !important;display: flex;flex-direction: column;}

.etapas .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div > div > div{
    /* padding: 0px; */
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

/* End tabs */



.etapas .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 35px;
	right: 0px;
}

.etapas .asociados-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}

.etapas .tarifasventas-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}


.etapas label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* Modificaciones */
/*    .etapas .row.nserie{
    }
    
    
    
    .etapas .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .etapas .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .etapas .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .etapas .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .etapas .row.urow3 > div:nth-child(3){
		margin: -1px !important;
		padding-left: 0px !important;
		}
    .etapas .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.etapas .autowidth > input{
		width: 100% !important;
	}
	
    
	
	.etapas .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.etapas .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.etapas .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .etapas .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.etapas .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .etapas .tile .tile-header-erp .controls{

	    }
	    .etapas .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .etapas .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .etapas .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .etapas .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .etapas .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .etapas .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .etapas .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .etapas .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .etapas .table-custom-inline .tr_custom_erp > td{
      
    }
    
    .etapas .table-custom-inline .tr_custom_erp > td:nth-child(8){
    	min-width: 50px;
    }

    .etapas .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .etapas .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .etapas .row.row-erp{
     padding:15px !important;
   }
	   .etapas .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		  }
		 .etapas .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }*/
   
   /* Descripcion ampliada */
   .etapas .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.etapas .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.etapas .doc-span > i{
		font-size: 10px;
	}
	.etapas .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.etapas .doc-span:visited{
		color: #dbe0e2;
	}
	
	
   
   /* Tile custom */
   .etapas .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .etapas .tile-body.table-custom {
	    padding: 0px;
	}

   .etapas .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .etapas .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.etapas .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.etapas .tile-table-erp tbody td {
	}



.etapas table.table.table-custom.table-custom-inline {}

.etapas tr.tr_custom_erp {}

.etapas tr.tr_custom_erp > td:nth-child(1){
}

.etapas tr.tr_custom_erp > td:nth-child(2){
    min-width: 140px;
    max-width: 140px;
}
.etapas tr.tr_custom_erp > td:nth-child(3){
    min-width: 190px;
    max-width: 190px;
}
.etapas tr.tr_custom_erp > td:nth-child(4){
    min-width: 40px !important;
    max-width: 40px !important;
}
.etapas tr.tr_custom_erp > td:nth-child(5){
    min-width: 50px;
    max-width: 50px;
}


td.buttons-asociados {
    display: flex;
}

td.buttons-asociados > button {
    flex: 1;
    background: none;
    border: none;
    width: 10px;
}


#table_articulos_asociados tbody {
    font-size: 12px;
    font-family: tahoma;
}



.etapas .border-vertical {

}

.etapas .border-vertical > div:nth-child(1){
    /*border-right: 1px dashed gray !important;*/
}

.etapas .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	background: #ffffff !important;
}
.etapas .tab-resumen > *:nth-child(2) > * > * > *:nth-child(1){
	padding: 0px !important;
}
   
.etapas .ui-grid-grid-footer {
  padding-left: 5px !important;
}
/* End */


/* GRID (RESUMEN) */
.etapas .ui-grid-header-canvas{
	width: 100% !important;
}
.etapas .ui-grid-header-cell-wrapper{
	width: 100%;
}
.etapas .ui-grid-header-cell-row {
	width: 100%;
}
.etapas .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.etapas .ui-grid-header-cell-row > div:nth-child(1){
    width: 30%;
}
.etapas .ui-grid-header-cell-row > div:nth-child(2){
     width: 50%;
}
.etapas .ui-grid-header-cell-row > div:nth-child(3){
     width: 20%;
}

.etapas .ui-grid-canvas{
	width: 100% !important;
}
.etapas .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.etapas .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 30%;
}
.etapas .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 50%;
}
.etapas .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 20%;
}


.etapas .ui-grid-footer-canvas{
	width: 100% !important;
}
.etapas .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.etapas .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.etapas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 30%;
}
.etapas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 50%;
}
.etapas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 20%;
}

.etapas .peso_academias{
	text-align: right !important;
}

@charset "UTF-8";

.notas-texto {
    height: 100%;
}

	.notas-texto .loading-page{
		height: 95%;
    	z-index: 3;
	}

.notas-texto input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}
.notas-texto input::placeholder{
	font-size: 11px;
}

.notas-texto label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.notas-texto label.checkbox.checkbox-custom-alt {
    font-weight: normal;
    font-family: arial;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    width: 29px;
    display: flex;
}

/* Botones */

.notas-texto .buttons-alumnos-matriculados {
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 5px;
}

.notas-texto .buttons-alumnos-grupo {
    position: absolute;
    right: 20px;
    z-index: 2;
    top: 5px;
}

.notas-texto .buttons-grupos {
    position: absolute;
    right: 3px;
    top: 0px;
    z-index: 2;
}
	.notas-texto .buttons-grupos > button{
		background: none;
		border: none;
		color: white;
	}


.notas-texto .mini-table-erp{
	display: flex;
	flex-direction: column;
}
.notas-texto .mini-table-erp > div{

}
.notas-texto .mini-table-erp > div:nth-child(1){
    display: flex;
    max-width: 200px;
}
.notas-texto .mini-table-erp > div:nth-child(1) > span{
	flex: 1;
	max-width: 57.5px;
}
.notas-texto .mini-table-erp > div:nth-child(2){
	display: flex;
	margin-left: 14px;
}


/* End botones */


/* Campo hora */

.notas-texto .uib-timepicker input {
    width: 35px !important;
    font-size: 11px;
    font-family: tahoma;
}

.notas-texto .uib-timepicker td.uib-time {
    width: 25px !important;
}

.notas-texto .uib-timepicker a.btn.btn-link {
    padding: 0px;
    margin: 0px;
}

.notas-texto .uib-timepicker a.btn.btn-link > span {
  font-size: 10px;
}

.notas-texto .uib-time.am-pm > button {
    padding: 2px;
    width: 20px;
    font-size: 10px;
}

.notas-texto .uib-timepicker > tbody > tr:nth-child(1) {
    display: none;
}
.notas-texto .uib-timepicker > tbody > tr:nth-child(3) {
    display: none;
}

/* End campo hora */


/* Campo fecha */
.notas-texto .fecha-erp{

}
.notas-texto .fecha-erp > span > span{
	width: auto;
}
.notas-texto .fecha-erp > span > input {
    height: 20px !important;
    text-align: left;
    max-width: 80px;

}

.notas-texto .fecha-erp > span > span > button {
    height: 20px;
}

.notas-texto .fecha-erp > span > span > button > i {
    position: absolute;
    top: 5px;
    right: 8px;
}

/* End campo fecha */

/* temporal */

.notas-texto .ui-grid-cell > .ui-grid-cell-contents {
    color: black;
    /* border: 1px solid white; */
}

.notas-texto .ui-grid-cell > .ui-grid-cell-contents > i {
    color: #3f4e62;
    border: 1px solid white;
    border-radius: 20px;
    padding: 5px;
    background: white;
}


/* end temporal */


/* Controls */
.notas-texto .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.notas-texto .controls-buttons-erp > li{
   margin-right: 5px;
}

.notas-texto .controls-buttons-erp > li > a{
    color:black;
}

.notas-texto .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.notas-texto .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.notas-texto .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */


/* Tabs */
.notas-texto .tab-erp {}
.notas-texto .tab-erp > *:nth-child(1){
	/* background: #f4f5f6; */
	padding: 0px;
}
.notas-texto .tab-erp > *:nth-child(2) > *{
	margin: 0px;
}
.notas-texto .tab-erp > *:nth-child(1) > *:nth-child(2){
    /* height: 32px !important; */
}

.notas-texto .tab-erp > *:nth-child(1) > *:nth-child(2) > * > *{
    padding-top: 0px;
}

.notas-texto .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *{
	color: #ffffff !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
	/*top: 10px;*/
}

.notas-texto .tab-erp md-ink-bar {
   /* top: 30px !important;*/
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.notas-texto .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	/* background: #f8fafb; */
	margin: 0px;
	padding: 5px 5px 5px 6px;
	overflow: hidden;
}

.notas-texto .tab-erp > *:nth-child(2) > * > * > *:nth-child(1) > textarea{
	width: 100%;
}


.notas-texto .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}




/* Buttons */
.notas-texto .buttons-notas {
    position: absolute;
    z-index: 1;
    right: 3px;
    top: 0px;
}
	.notas-texto .buttons-notas > button{
		background: none;
		border: none;
		color: white;
	}



.notas-texto .tab-dynamic-erp {
    margin: 0px;
    padding: 0px;
    /* border: none; */
    width: 100%;
    /* overflow-x: hidden; */
}

.notas-texto .tab-dynamic-erp > md-tabs{
	margin: 0px;
	border: none;
	/* width: 100%; */
	/* display: flex; */
}
.notas-texto .tab-dynamic-erp > md-tabs > md-tabs-wrapper{
    height: 32px !important;
    padding: 0px;
}

.notas-texto .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data{/* top: 15px !important; */}

.notas-texto .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data > md-tab{
	/* top: 26px; */
}

.notas-texto .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas{
}

.notas-texto .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper{

}


.notas-texto .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item{padding: 0px;}

.notas-texto .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item > span{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.notas-texto .tab-dynamic-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.notas-texto .tab-dynamic-erp md-tabs-content-wrapper {
    top: 32px !important;
    /* flex: 1; */
    /* display: flex; */
}

.notas-texto .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content{padding: 0px;margin: 0px;background: white;width: 100% !important;display: flex;/* flex: 1; */}

.notas-texto .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.notas-texto .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div{overflow: hidden;padding-top: 5px !important;padding-bottom: 10px !important;padding-left: 20px !important;padding-right: 20px !important;margin: 0px !important;text-align: left !important;display: flex;flex-direction: column;}

.notas-texto .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div > div > div{
    /* padding: 0px; */
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

/* End tabs */



.notas-texto .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 35px;
	right: 0px;
}

.notas-texto .asociados-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}

.notas-texto .tarifasventas-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}


.notas-texto label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* Modificaciones */
/*    .notas-texto .row.nserie{
    }
    
    
    
    .notas-texto .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .notas-texto .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .notas-texto .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .notas-texto .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .notas-texto .row.urow3 > div:nth-child(3){
		margin: -1px !important;
		padding-left: 0px !important;
		}
    .notas-texto .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.notas-texto .autowidth > input{
		width: 100% !important;
	}
	
    
	
	.notas-texto .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.notas-texto .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.notas-texto .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .notas-texto .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.notas-texto .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .notas-texto .tile .tile-header-erp .controls{

	    }
	    .notas-texto .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .notas-texto .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .notas-texto .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .notas-texto .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .notas-texto .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .notas-texto .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .notas-texto .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .notas-texto .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .notas-texto .table-custom-inline .tr_custom_erp > td{
      
    }
    
    .notas-texto .table-custom-inline .tr_custom_erp > td:nth-child(8){
    	min-width: 50px;
    }

    .notas-texto .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .notas-texto .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .notas-texto .row.row-erp{
     padding:15px !important;
   }
	   .notas-texto .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		  }
		 .notas-texto .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }*/
   
   /* Descripcion ampliada */
   .notas-texto .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.notas-texto .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.notas-texto .doc-span > i{
		font-size: 10px;
	}
	.notas-texto .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.notas-texto .doc-span:visited{
		color: #dbe0e2;
	}
	
	
   
   /* Tile custom */
   .notas-texto .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .notas-texto .tile-body.table-custom {
	    padding: 0px;
	}

   .notas-texto .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .notas-texto .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.notas-texto .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.notas-texto .tile-table-erp tbody td {
	}



.notas-texto table.table.table-custom.table-custom-inline {}

.notas-texto tr.tr_custom_erp {}

.notas-texto tr.tr_custom_erp > td:nth-child(1){
}

.notas-texto tr.tr_custom_erp > td:nth-child(2){
    min-width: 140px;
    max-width: 140px;
}
.notas-texto tr.tr_custom_erp > td:nth-child(3){
    min-width: 190px;
    max-width: 190px;
}
.notas-texto tr.tr_custom_erp > td:nth-child(4){
    min-width: 40px !important;
    max-width: 40px !important;
}
.notas-texto tr.tr_custom_erp > td:nth-child(5){
    min-width: 50px;
    max-width: 50px;
}


td.buttons-asociados {
    display: flex;
}

td.buttons-asociados > button {
    flex: 1;
    background: none;
    border: none;
    width: 10px;
}


#table_articulos_asociados tbody {
    font-size: 12px;
    font-family: tahoma;
}



.notas-texto .border-vertical {

}

.notas-texto .border-vertical > div:nth-child(1){
    /*border-right: 1px dashed gray !important;*/
}

.notas-texto .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	background: #ffffff;
}

.notas-texto .tab-resumen > *:nth-child(2) > * > * > *:nth-child(1){
	padding: 0px !important;
}

.notas-texto .ui-grid-grid-footer {
  padding-left: 5px !important;
}
   
/* End */


/* Errores */
.notas-texto .errores{
		display: flex;
		border: 1px dashed #d5dfec;
		border-top: none;
		flex-direction: column;
		font-size: 11px;
		color: #ea7373;
		margin-bottom: 15px;
		margin-top: -20px;
		/* width: 100% !important; */
		/* padding: 0px !important; */
	}
		.notas-texto .errores > div{
			margin: 2px 0px;
			display: flex;
		}
			.notas-texto .errores > div > div{
				margin: 0px 5px;
				flex: 1;
			}
			.notas-texto .errores > div > div:nth-child(1){
				min-width: 70px;
				/* max-width: 70px; */
			}
			.notas-texto .errores > div > div:nth-child(2){
				min-width: 350px;
				/* max-width: 500px; */
				flex: 5;
			}
			.notas-texto .errores > div > div:nth-child(3){
				min-width: 200px;
				/* max-width: 220px; */
				flex: 4;
				color: #6f7988;
				font-style: oblique;
			}

/* GRID (RESUMEN) */
.notas-texto .ui-grid-header-canvas{
	width: 100% !important;
}
.notas-texto .ui-grid-header-cell-wrapper{
	width: 100%;
}
.notas-texto .ui-grid-header-cell-row {
	width: 100%;
}
.notas-texto .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.notas-texto .ui-grid-header-cell-row > div:nth-child(1){
    width: 60%;
}
.notas-texto .ui-grid-header-cell-row > div:nth-child(2){
     width: 40%;
}


.notas-texto .ui-grid-canvas{
	width: 100% !important;
}
.notas-texto .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.notas-texto .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 60%;
}
.notas-texto .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 40%;
}


.notas-texto .ui-grid-footer-canvas{
	width: 100% !important;
}
.notas-texto .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.notas-texto .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.notas-texto .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 60%;
}
.notas-texto .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 40%;
}

.notas-texto .peso_academias{
	text-align: right !important;
}


@charset "UTF-8";

.metodos-evaluacion {
    height: 100%;
}

	.metodos-evaluacion .loading-page{
		height: 95%;
    	z-index: 3;
	}

.metodos-evaluacion input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}
.metodos-evaluacion input::placeholder{
	font-size: 11px;
}

.metodos-evaluacion label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.metodos-evaluacion label.checkbox.checkbox-custom-alt {
    font-weight: normal;
    font-family: arial;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    width: 29px;
    display: flex;
}


.metodos-evaluacion .buttons-grupos {
    position: absolute;
    right: 3px;
    top: 0px;
    z-index: 2;
}
	.metodos-evaluacion .buttons-grupos > button{
		background: none;
		border: none;
		color: white;
	}


.metodos-evaluacion .buttons-grupos-resumen {
    position: absolute;
    right: 3px;
    top: 0px;
    z-index: 2;
}
	.metodos-evaluacion .buttons-grupos-resumen > button{
		background: none;
		border: none;
		color: white;
	}



.metodos-evaluacion .ui-grid-cell > .ui-grid-cell-contents {
    color: black;
    /* border: 1px solid white; */
}

.metodos-evaluacion .ui-grid-cell > .ui-grid-cell-contents > i {
    color: #3f4e62;
    border: 1px solid white;
    border-radius: 20px;
    padding: 5px;
    background: white;
}



/* Tabs */
.metodos-evaluacion .tab-erp {}
.metodos-evaluacion .tab-erp > *:nth-child(1){
	/* background: #f4f5f6; */
	padding: 0px;
}
.metodos-evaluacion .tab-erp > *:nth-child(2) > *{
	margin: 0px;
}
.metodos-evaluacion .tab-erp > *:nth-child(1) > *:nth-child(2){
    /* height: 32px !important; */
}

.metodos-evaluacion .tab-erp > *:nth-child(1) > *:nth-child(2) > * > *{
    padding-top: 0px;
}

.metodos-evaluacion .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *{
	color: #ffffff !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 210px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
	/*top: 10px;*/
}

.metodos-evaluacion .tab-erp md-ink-bar {
    /*top: 30px !important;*/
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.metodos-evaluacion .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	background: #ffffff !important;
	margin: 0px;
	padding: 6px 5px 5px 6px;
	overflow: hidden;
}

.metodos-evaluacion .tab-erp > *:nth-child(2) > * > * > *:nth-child(1) > textarea{
	width: 100%;
}



.metodos-evaluacion .tab-dynamic-erp {
    margin: 0px;
    padding: 0px;
    /* border: none; */
    width: 100%;
    /* overflow-x: hidden; */
}

.metodos-evaluacion .tab-dynamic-erp > md-tabs{
	margin: 0px;
	border: none;
	/* width: 100%; */
	/* display: flex; */
}
.metodos-evaluacion .tab-dynamic-erp > md-tabs > md-tabs-wrapper{
    height: 32px !important;
    padding: 0px;
}

.metodos-evaluacion .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data{/* top: 15px !important; */}

.metodos-evaluacion .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data > md-tab{
	/* top: 26px; */
}

.metodos-evaluacion .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas{
}

.metodos-evaluacion .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper{

}


.metodos-evaluacion .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item{padding: 0px;}

.metodos-evaluacion .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item > span{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.metodos-evaluacion .tab-dynamic-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.metodos-evaluacion .tab-dynamic-erp md-tabs-content-wrapper {
    top: 32px !important;
    /* flex: 1; */
    /* display: flex; */
}

.metodos-evaluacion .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content{padding: 0px;margin: 0px;background: white;width: 100% !important;display: flex;/* flex: 1; */}

.metodos-evaluacion .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.metodos-evaluacion .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div{overflow: hidden;padding-top: 5px !important;padding-bottom: 10px !important;padding-left: 20px !important;padding-right: 20px !important;margin: 0px !important;text-align: left !important;display: flex;flex-direction: column;}

.metodos-evaluacion .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div > div > div{
    /* padding: 0px; */
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

/* End tabs */



.metodos-evaluacion .border-vertical {

}

.metodos-evaluacion .border-vertical > div:nth-child(1){
    /*border-right: 1px dashed gray !important;*/
}

.metodos-evaluacion .tab-resumen > *:nth-child(2) > * > * > *:nth-child(1){
	padding: 0px !important;
}
   
.metodos-evaluacion .ui-grid-grid-footer {
  padding-left: 5px !important;
}
   
/* End */


/* Errores */
.metodos-evaluacion .errores{
		display: flex;
		border: 1px dashed #d5dfec;
		border-top: none;
		flex-direction: column;
		font-size: 11px;
		color: #ea7373;
		margin-bottom: 15px;
		margin-top: -25px;
	}
		.metodos-evaluacion .errores > div{
			margin: 2px 0px;
			display: flex;
		}
			.metodos-evaluacion .errores > div > div{
				margin: 0px 5px;
				flex: 1;
			}
			.metodos-evaluacion .errores > div > div:nth-child(1){
				min-width: 70px;
				/* max-width: 70px; */
			}
			.metodos-evaluacion .errores > div > div:nth-child(2){
				min-width: 350px;
				/* max-width: 500px; */
				flex: 5;
			}
			.metodos-evaluacion .errores > div > div:nth-child(3){
				min-width: 200px;
				/* max-width: 220px; */
				flex: 4;
				color: #6f7988;
				font-style: oblique;
			}


/* GRID (RESUMEN) */
.metodos-evaluacion .ui-grid-header-canvas{
	width: 100% !important;
}
.metodos-evaluacion .ui-grid-header-cell-wrapper{
	width: 100%;
}
.metodos-evaluacion .ui-grid-header-cell-row {
	width: 100%;
}
.metodos-evaluacion .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.metodos-evaluacion .ui-grid-header-cell-row > div:nth-child(1){
    width: 30%;
}
.metodos-evaluacion .ui-grid-header-cell-row > div:nth-child(2){
     width: 50%;
}
.metodos-evaluacion .ui-grid-header-cell-row > div:nth-child(3){
     width: 20%;
}


.metodos-evaluacion .ui-grid-canvas{
	width: 100% !important;
}
.metodos-evaluacion .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.metodos-evaluacion .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 30%;
}
.metodos-evaluacion .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 50%;
}
.metodos-evaluacion .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 20%;
}


.metodos-evaluacion .ui-grid-footer-canvas{
	width: 100% !important;
}
.metodos-evaluacion .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.metodos-evaluacion .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.metodos-evaluacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 30%;
}
.metodos-evaluacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 50%;
}
.metodos-evaluacion .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 20%;
}

.metodos-evaluacion .peso_academias{
	text-align: right !important;
}

@charset "UTF-8";

.metodos-evaluacion-caracteristicas {
    height: 100%;
}

	.metodos-evaluacion-caracteristicas .loading-page{
		height: 95%;
    	z-index: 3;
	}

.metodos-evaluacion-caracteristicas input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}
.metodos-evaluacion-caracteristicas input::placeholder{
	font-size: 11px;
}

.metodos-evaluacion-caracteristicas label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.metodos-evaluacion-caracteristicas label.checkbox.checkbox-custom-alt {
    font-weight: normal;
    font-family: arial;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    width: 29px;
    display: flex;
}

/* Botones */

.metodos-evaluacion-caracteristicas .buttons-alumnos-matriculados {
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 5px;
}

.metodos-evaluacion-caracteristicas .buttons-alumnos-grupo {
    position: absolute;
    right: 20px;
    z-index: 2;
    top: 5px;
}

.metodos-evaluacion-caracteristicas .buttons-grupos{
    position: absolute;
    right: 5px;
    top: 0px;
    z-index: 2;
}
	.metodos-evaluacion-caracteristicas .buttons-grupos > button{
		background: none;
		border: none;
		color: white;
	}

.metodos-evaluacion-caracteristicas .buttons-grid{
    position: absolute;
    right: 6px;
    top: 0px;
    z-index: 2;
}
	.metodos-evaluacion-caracteristicas .buttons-grid > button{
		background: none;
		border: none;
		color: white;
	}


.metodos-evaluacion-caracteristicas .mini-table-erp{
	display: flex;
	flex-direction: column;
}
.metodos-evaluacion-caracteristicas .mini-table-erp > div{

}
.metodos-evaluacion-caracteristicas .mini-table-erp > div:nth-child(1){
    display: flex;
    max-width: 200px;
}
.metodos-evaluacion-caracteristicas .mini-table-erp > div:nth-child(1) > span{
	flex: 1;
	max-width: 57.5px;
}
.metodos-evaluacion-caracteristicas .mini-table-erp > div:nth-child(2){
	display: flex;
	margin-left: 14px;
}


/* End botones */


/* Campo hora */

.metodos-evaluacion-caracteristicas .uib-timepicker input {
    width: 35px !important;
    font-size: 11px;
    font-family: tahoma;
}

.metodos-evaluacion-caracteristicas .uib-timepicker td.uib-time {
    width: 25px !important;
}

.metodos-evaluacion-caracteristicas .uib-timepicker a.btn.btn-link {
    padding: 0px;
    margin: 0px;
}

.metodos-evaluacion-caracteristicas .uib-timepicker a.btn.btn-link > span {
  font-size: 10px;
}

.metodos-evaluacion-caracteristicas .uib-time.am-pm > button {
    padding: 2px;
    width: 20px;
    font-size: 10px;
}

.metodos-evaluacion-caracteristicas .uib-timepicker > tbody > tr:nth-child(1) {
    display: none;
}
.metodos-evaluacion-caracteristicas .uib-timepicker > tbody > tr:nth-child(3) {
    display: none;
}

/* End campo hora */


/* Campo fecha */
.metodos-evaluacion-caracteristicas .fecha-erp{

}
.metodos-evaluacion-caracteristicas .fecha-erp > span > span{
	width: auto;
}
.metodos-evaluacion-caracteristicas .fecha-erp > span > input {
    height: 20px !important;
    text-align: left;
    max-width: 80px;

}

.metodos-evaluacion-caracteristicas .fecha-erp > span > span > button {
    height: 20px;
}

.metodos-evaluacion-caracteristicas .fecha-erp > span > span > button > i {
    position: absolute;
    top: 5px;
    right: 8px;
}

/* End campo fecha */

/* temporal */

.metodos-evaluacion-caracteristicas .ui-grid-cell > .ui-grid-cell-contents {
    color: black;
    /* border: 1px solid white; */
}

.metodos-evaluacion-caracteristicas .ui-grid-cell > .ui-grid-cell-contents > i {
    color: #3f4e62;
    border: 1px solid white;
    border-radius: 20px;
    padding: 5px;
    background: white;
}


/* end temporal */


/* Controls */
.metodos-evaluacion-caracteristicas .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.metodos-evaluacion-caracteristicas .controls-buttons-erp > li{
   margin-right: 5px;
}

.metodos-evaluacion-caracteristicas .controls-buttons-erp > li > a{
    color:black;
}

.metodos-evaluacion-caracteristicas .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.metodos-evaluacion-caracteristicas .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.metodos-evaluacion-caracteristicas .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */

.metodos-evaluacion-caracteristicas .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}

.metodos-evaluacion-caracteristicas .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 35px;
	right: 0px;
}

.metodos-evaluacion-caracteristicas .asociados-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}

.metodos-evaluacion-caracteristicas .tarifasventas-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}


.metodos-evaluacion-caracteristicas label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* Modificaciones */
/*    .metodos-evaluacion-caracteristicas .row.nserie{
    }
    
    
    
    .metodos-evaluacion-caracteristicas .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .metodos-evaluacion-caracteristicas .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .metodos-evaluacion-caracteristicas .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .metodos-evaluacion-caracteristicas .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .metodos-evaluacion-caracteristicas .row.urow3 > div:nth-child(3){
		margin: -1px !important;
		padding-left: 0px !important;
		}
    .metodos-evaluacion-caracteristicas .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.metodos-evaluacion-caracteristicas .autowidth > input{
		width: 100% !important;
	}
	
    
	
	.metodos-evaluacion-caracteristicas .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.metodos-evaluacion-caracteristicas .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.metodos-evaluacion-caracteristicas .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .metodos-evaluacion-caracteristicas .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.metodos-evaluacion-caracteristicas .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .metodos-evaluacion-caracteristicas .tile .tile-header-erp .controls{

	    }
	    .metodos-evaluacion-caracteristicas .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .metodos-evaluacion-caracteristicas .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .metodos-evaluacion-caracteristicas .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .metodos-evaluacion-caracteristicas .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .metodos-evaluacion-caracteristicas .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .metodos-evaluacion-caracteristicas .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .metodos-evaluacion-caracteristicas .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .metodos-evaluacion-caracteristicas .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .metodos-evaluacion-caracteristicas .table-custom-inline .tr_custom_erp > td{
      
    }
    
    .metodos-evaluacion-caracteristicas .table-custom-inline .tr_custom_erp > td:nth-child(8){
    	min-width: 50px;
    }

    .metodos-evaluacion-caracteristicas .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .metodos-evaluacion-caracteristicas .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .metodos-evaluacion-caracteristicas .row.row-erp{
     padding:15px !important;
   }
	   .metodos-evaluacion-caracteristicas .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		  }
		 .metodos-evaluacion-caracteristicas .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }*/
   
   /* Descripcion ampliada */
   .metodos-evaluacion-caracteristicas .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.metodos-evaluacion-caracteristicas .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.metodos-evaluacion-caracteristicas .doc-span > i{
		font-size: 10px;
	}
	.metodos-evaluacion-caracteristicas .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.metodos-evaluacion-caracteristicas .doc-span:visited{
		color: #dbe0e2;
	}
	
	
   
   /* Tile custom */
   .metodos-evaluacion-caracteristicas .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .metodos-evaluacion-caracteristicas .tile-body.table-custom {
	    padding: 0px;
	}

   .metodos-evaluacion-caracteristicas .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .metodos-evaluacion-caracteristicas .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.metodos-evaluacion-caracteristicas .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.metodos-evaluacion-caracteristicas .tile-table-erp tbody td {
	}



.metodos-evaluacion-caracteristicas table.table.table-custom.table-custom-inline {}

.metodos-evaluacion-caracteristicas tr.tr_custom_erp {}

.metodos-evaluacion-caracteristicas tr.tr_custom_erp > td:nth-child(1){
}

.metodos-evaluacion-caracteristicas tr.tr_custom_erp > td:nth-child(2){
    min-width: 140px;
    max-width: 140px;
}
.metodos-evaluacion-caracteristicas tr.tr_custom_erp > td:nth-child(3){
    min-width: 190px;
    max-width: 190px;
}
.metodos-evaluacion-caracteristicas tr.tr_custom_erp > td:nth-child(4){
    min-width: 40px !important;
    max-width: 40px !important;
}
.metodos-evaluacion-caracteristicas tr.tr_custom_erp > td:nth-child(5){
    min-width: 50px;
    max-width: 50px;
}


td.buttons-asociados {
    display: flex;
}

td.buttons-asociados > button {
    flex: 1;
    background: none;
    border: none;
    width: 10px;
}


#table_articulos_asociados tbody {
    font-size: 12px;
    font-family: tahoma;
}



.metodos-evaluacion-caracteristicas .border-vertical {

}

.metodos-evaluacion-caracteristicas .border-vertical > div:nth-child(1){
    /*border-right: 1px dashed gray !important;*/
}

.metodos-evaluacion-caracteristicas .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	background: #ffffff;
}

.metodos-evaluacion-caracteristicas .tab-resumen > *:nth-child(2) > * > * > *:nth-child(1){
	padding: 0px !important;
}

.metodos-evaluacion-caracteristicas .tab-resumen > *:nth-child(1) > *:nth-child(2) > * {
		width: 160px !important;
	}
		.metodos-evaluacion-caracteristicas .tab-resumen > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > * {
			max-width: 190px !important;
			min-width: 190px !important;
		}

.metodos-evaluacion-caracteristicas .ui-grid-grid-footer {
  padding-left: 5px !important;
}

.metodos-evaluacion-caracteristicas .tab-prueba > *:nth-child(1) > *:nth-child(2) > * {
		width: 160px !important;
	}
		.metodos-evaluacion-caracteristicas .tab-prueba > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > * {
			max-width: 130px !important;
			min-width: 130px !important;
		}
   
/* End */


/* Errores */
.metodos-evaluacion-caracteristicas .errores{
		display: flex;
		border: 1px dashed #d5dfec;
		border-top: none;
		flex-direction: column;
		font-size: 11px;
		color: #ea7373;
		margin-bottom: 15px;
		margin-top: -25px;
	}
		.metodos-evaluacion-caracteristicas .errores > div{
			margin: 2px 0px;
			display: flex;
		}
			.metodos-evaluacion-caracteristicas .errores > div > div{
				margin: 0px 5px;
				flex: 1;
			}
			.metodos-evaluacion-caracteristicas .errores > div > div:nth-child(1){
				min-width: 70px;
				/* max-width: 70px; */
			}
			.metodos-evaluacion-caracteristicas .errores > div > div:nth-child(2){
				min-width: 350px;
				/* max-width: 500px; */
				flex: 5;
			}
			.metodos-evaluacion-caracteristicas .errores > div > div:nth-child(3){
				min-width: 200px;
				/* max-width: 220px; */
				flex: 4;
				color: #6f7988;
				font-style: oblique;
			}


/* GRID (RESUMEN) */
.metodos-evaluacion-caracteristicas .ui-grid-header-canvas{
	width: 100% !important;
}
.metodos-evaluacion-caracteristicas .ui-grid-header-cell-wrapper{
	width: 100%;
}
.metodos-evaluacion-caracteristicas .ui-grid-header-cell-row {
	width: 100%;
}
.metodos-evaluacion-caracteristicas .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.metodos-evaluacion-caracteristicas .ui-grid-header-cell-row > div:nth-child(1){
    width: 30%;
}
.metodos-evaluacion-caracteristicas .ui-grid-header-cell-row > div:nth-child(2){
     width: 50%;
}
.metodos-evaluacion-caracteristicas .ui-grid-header-cell-row > div:nth-child(3){
     width: 20%;
}


.metodos-evaluacion-caracteristicas .ui-grid-canvas{
	width: 100% !important;
}
.metodos-evaluacion-caracteristicas .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.metodos-evaluacion-caracteristicas .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 30%;
}
.metodos-evaluacion-caracteristicas .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 50%;
}
.metodos-evaluacion-caracteristicas .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 20%;
}


.metodos-evaluacion-caracteristicas .ui-grid-footer-canvas{
	width: 100% !important;
}
.metodos-evaluacion-caracteristicas .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.metodos-evaluacion-caracteristicas .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.metodos-evaluacion-caracteristicas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 30%;
}
.metodos-evaluacion-caracteristicas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 50%;
}
.metodos-evaluacion-caracteristicas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 20%;
}

.metodos-evaluacion-caracteristicas .peso_academias{
	text-align: right !important;
}

.metodos-evaluacion-caracteristicas .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	margin: 0px;
	padding: 6px 5px 5px 6px;
	overflow: hidden;
}
   
@charset "UTF-8";

.tutores {
    height: 100%;
}

.tutores input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
	text-transform: uppercase;
}

.tutores label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.tutores .form-group{
	margin: 0px;
	margin-bottom: 5px;
	display: flex;
	height: 100%;
	width: 100%;
	flex: 1;
}

.tutores .loading-page{
	height: 100% !important;	
}

/* SELECT ALUMNOS */

.tutores .select-alumnos{
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0px;
}


.tutores .select-alumnos > div{
    min-width: 225px;
    flex: 1;
    /* margin: 5px; */
    border-radius: 15px;
}

.select-alumnos .card-hijo {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #d9e0ea;
    padding: 5px;
    /* background: #d9e0ea; */
    margin: 5px;
    color: #2e4c6c;
}
.select-alumnos .card-hijo:hover{
	/* background: #ecf1f9; */
	border: 1px solid #155d8973;
	border-radius: 15px;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.select-alumnos .card-hijo > div{
	text-align: center;
}
.select-alumnos .card-hijo > div:nth-child(1){
	
}
.select-alumnos .card-hijo > div:nth-child(2){
	font-size: 20px !important;
}
.select-alumnos .card-hijo > div:nth-child(2) > p{
	font-size: 22px !important;
}
/* END SELECT ALUMNOS */



.tutores .grupo {
    display: flex;
    padding: 5px;
    position: relative;
    margin-bottom: 20px;
    color: #616f77;
    background-color: white;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
}

.tutores .grupo .menu-izq{
    display: flex;
    flex-direction: column;
    flex: 1;
    
    margin-right: 10px;
}

.tutores .grupo .menu-izq > div{
	display: flex;
	flex: 1;
	flex-direction:column;
}

.tutores .grupo .menu-izq > div > div{
    padding: 5px;
    margin-bottom: 1px;
    background: #77D3AD;
    color: white;
}

.tutores .grupo .menu-izq > div > div:hover{
    padding: 5px;
    margin-bottom: 1px;
    background: #496f5f;
    cursor: pointer;
}

.tutores .grupo .menu-izq > div > div:nth-child(even){
	background: #727984;
}
.tutores .grupo .menu-izq > div > div:nth-child(odd){
	background: #6f7e92;
}

.tutores .grupo .content-right{
    display: flex;
    flex-direction: column;
    flex: 3;
}

/* ADD PROGRESO */
.tutores .header{
	display: flex;
}
.tutores .header .buttons-header {}

.tutores .header .buttons-header > button{
    background: none;
    border: none;
}

.tutores .grupo .content-right .add-progreso{
	display: flex;
	flex-direction: column;
}

.tutores .grupo .content-right .add-progreso > div{
	flex: 1;
	margin-bottom: 10px;
	border: 1px solid #6f7e92;
}

.tutores .grupo .content-right .add-progreso > div > .header{
	background: #6f7e92;
	color: white;
	padding: 5px;
}
.tutores .grupo .content-right .add-progreso > div > .content{
	padding: 5px;
	display: flex;
}

.tutores .grupo .content-right .add-progreso > div > .content > div{
	margin-left: 5px;
	margin-bottom: 0px;
}

.tutores .grupo .content-right .add-progreso > div > .content > div > div:nth-child(1){
	flex: 1;
}
.tutores .grupo .content-right .add-progreso > div > .content > div > div:nth-child(2){
	flex: 10;
}

.tutores .grupo .content-right .add-progreso > div > .content > div > label > span{
	margin-left: 5px;
	margin-right: 35px;
}

/*.tutores .grupo .content-right .add-progreso > .button{
	flex: 1;
	margin-bottom: 10px;
	border: none;
}*/

.tutores .grupo .content-right .add-progreso > div.buttons {
    border: 0px;
}

/* END ADD PROGRESO */

/* ANOTAR ASISTENCIA */
.tutores .grupo .content-right .anotar-asistencia{
	display: flex;
	flex-direction: column;
}

.tutores .grupo .content-right .anotar-asistencia > div{
	flex: 1;
	margin-bottom: 10px;
	border: 1px solid #6f7e92;
}

.tutores .grupo .content-right .anotar-asistencia > div > .header{
	background: #6f7e92;
	color: white;
	padding: 5px;
	display: flex;
}

.tutores .grupo .content-right .anotar-asistencia > div > .header > div{
	flex: 1;
}
.tutores .grupo .content-right .anotar-asistencia > div > .header > div:nth-child(1){
	flex: 2;
}

.tutores .grupo .content-right .anotar-asistencia > div > .content.select-asistencia{
	padding: 5px;
	display: flex;
	flex-direction: row !important;
}

.tutores .grupo .content-right .anotar-asistencia > div > .content.select-asistencia > div{
	display:flex;
	flex: 1;
	max-width: 200px;
}


.tutores .grupo .content-right .anotar-asistencia > div > .content{
	padding: 5px;
	display: flex;
	flex-direction: column;
}

.tutores .grupo .content-right .anotar-asistencia > div > .content > div{
	display:flex;
	flex-direction: column;
}

.tutores .grupo .content-right .anotar-asistencia > div > .content > div > div{
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

.tutores .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div:nth-child(2){
}

.tutores .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div{
	display: flex;
	margin-bottom: 8px;
}

.tutores .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > textarea{
	flex:2;
}

.tutores .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > div{
	flex: 1;
}
.tutores .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > div:nth-child(1){
	flex: 2;
}

.tutores .grupo .content-right .anotar-asistencia > div > .content > div > div:nth-child(2){
	flex: 10;
}

.tutores .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > .label-asistencia{
}

.tutores .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > .label-asistencia > label{
}

.tutores .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > .label-asistencia > label > i{
	margin-left: 15px;
}


.tutores .grupo .content-right .anotar-asistencia > .button{
	flex: 1;
	margin-bottom: 10px;
	border: none;
}


/* END ANOTAR ASISTENCIA */

/* EDITAR EVOLUCION */
.tutores .grupo .content-right .editar-evolucion{
	display: flex;
	flex-direction: column;
}

.tutores .grupo .content-right .editar-evolucion > .header{
	background: #6f7e92;
	color: white;
	padding: 5px;
	display: flex;
}

.tutores .grupo .content-right .editar-evolucion > .header > div{
	flex: 1;
}


.tutores .grupo .content-right .editar-evolucion > .content{
	padding: 5px;
	display: flex;
	border: 1px solid;
	flex-wrap: wrap;
}

.tutores .grupo .content-right .editar-evolucion > .content > .metodos{
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	/* width: 100%; */
}

.tutores .grupo .content-right .editar-evolucion > .content > .metodos > div{
	margin: 0px 10px;
	display: flex;
	flex: 1;
	flex-wrap: wrap;
}

.tutores .grupo .content-right .editar-evolucion > .content > .metodos > div > div{
	flex: 1;
	display: flex;
	flex-direction: column;
}

/*.tutores .grupo .content-right .editar-evolucion > .content > div > div{
	flex: 1;
	display: flex;
	margin-bottom: 10px;
}
.tutores .grupo .content-right .editar-evolucion > .content > div > div > div{
	display: flex;
	margin-bottom: 5px;
}
.tutores .grupo .content-right .editar-evolucion > .content > div > div > div > div{
	flex: 1;
}*/

.tutores .grupo .content-right .editar-evolucion > .buttons{
	flex: 1;
	margin: 10px 0px;
	border: none;
}


/* END EDITAR EVOLUCION */

/* NOTAS FINALES */
.tutores .grupo .content-right .notas-finales{
	display: flex;
	flex-direction: column;
}

.tutores .grupo .content-right .notas-finales > .header{
	background: #6f7e92;
	color: white;
	padding: 5px;
	display: flex;
}

.tutores .grupo .content-right .notas-finales > .header > div{
	flex: 1;
}


.tutores .grupo .content-right .notas-finales > .content{
	padding: 5px;
	display: flex;
	border: 1px solid;
}

.tutores .grupo .content-right .notas-finales > .content > div{
	flex: 1;
	display: flex;
	flex-direction: column;
}

.tutores .grupo .content-right .notas-finales > .content > div:nth-child(2){
	flex:3;
}

/*.tutores .grupo .content-right .notas-finales > .content > div > div{
	flex: 1;
	display: flex;
	margin-bottom: 10px;
}*/

.tutores .grupo .content-right .notas-finales > .content > div > .content-notas{
	flex: 1;
	display: flex;
	margin-bottom: 10px;
	flex-direction: column;
}

.tutores .grupo .content-right .notas-finales > .content > div > .content-notas > div{
	display: flex;
	margin-bottom: 25px;
	flex: 1;
	background: #f3f3f3;
	height: 60px;
}

.tutores .grupo .content-right .notas-finales > .content > div
	> .content-notas > div > span{
	display:flex;
	flex: 2;
}

.tutores .grupo .content-right .notas-finales > .content > div
	> .content-notas > div > span:nth-child(1){
	margin: 0px 5px;
}


.tutores .grupo .content-right .notas-finales > .content > div
	> .content-notas > div > div{
	display:flex;
	flex: 3;
}

.tutores .grupo .content-right .notas-finales > .content > div
	> .content-notas > div > div > div{
	display:flex;
	flex: 1;
}

.tutores .grupo .content-right .notas-finales > .content > div
	> .content-notas > div > div > div > div{
	display:flex;
	flex: 1;
}

.tutores .grupo .content-right .notas-finales > .buttons{
	flex: 1;
	margin-bottom: 10px;
	border: none;
}

.tutores .grupo .content-right .notas-finales > .content > div > .cabecera {
    display: flex;
    border-bottom: 1px solid;
    margin: 0px !important;
}

.tutores .grupo .content-right .notas-finales > .content > div > .cabecera > div{
    flex: 1;
    margin: 0px !important;
    padding: 0px !important;
}


/* END NOTAS FINALES */

/* EDITAR NOTAS FINALES */
.tutores .grupo .content-right .editar-notas-finales{
	display: flex;
	flex-direction: column;
}

.tutores .grupo .content-right .editar-notas-finales > .header{
	background: #6f7e92;
	color: white;
	padding: 5px;
	display: flex;
}

.tutores .grupo .content-right .editar-notas-finales > .header > div{
	flex: 1;
}


.tutores .grupo .content-right .editar-notas-finales > .content{
	padding: 5px;
	display: flex;
	border: 1px solid;
}

.tutores .grupo .content-right .editar-notas-finales > .content > div{
	flex: 1;
	display: flex;
	flex-direction: column;
}

.tutores .grupo .content-right .editar-notas-finales > .content > div:nth-child(2){
	flex:3;
}

.tutores .grupo .content-right .editar-notas-finales > .content > div > div{
	flex: 1;
	display: flex;
	margin-bottom: 10px;
}
.tutores .grupo .content-right .editar-notas-finales > .content > div > div > div{
	display: flex;
	margin-bottom: 5px;
}
.tutores .grupo .content-right .editar-notas-finales > .content > div > div > div > div{
	flex: 1;
}

.tutores .grupo .content-right .editar-notas-finales > .buttons{
	flex: 1;
	margin-bottom: 10px;
	border: none;
}


/* END EDITAR NOTAS FINALES */


/* VER PROGRESO */
.tutores .grupo .content-right .ver-progreso{
	display: flex;
	flex-direction: column;
}

.tutores .grupo .content-right .ver-progreso > div{
	flex: 1;
	margin-bottom: 10px;
	border: 1px solid #6f7e92;
}

.tutores .grupo .content-right .ver-progreso > div > .header{
	background: #6f7e92;
	color: white;
	padding: 5px;
	display: flex;
}

.tutores .grupo .content-right .ver-progreso > div > .header > span{
	flex: 3;
}
.tutores .grupo .content-right .ver-progreso > div > .header > span:nth-child(2){
	flex: 3;
}

.tutores .grupo .content-right .ver-progreso > div > .content{
	padding: 5px;
	display: flex;
	flex-direction: column;
}

.tutores .grupo .content-right .ver-progreso > div > .content > div{
	display:flex;
	flex-direction: column;
}

/*.tutores .grupo .content-right .ver-progreso > div > .content > div > div{
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
	border-bottom: 1px solid;
}*/


.tutores .grupo .content-right .ver-progreso > div > .content > div > .alumnos{
	flex: 1;
	display: flex;
	margin-bottom: 25px;
	background: #fbfbfb;
	height: 40px;
	padding: 2px;
}

.tutores .grupo .content-right .ver-progreso > div
	> .content > div > div > div{
	display: flex;
	margin-bottom: 5px;
	flex: 3;
}
.tutores .grupo .content-right .ver-progreso > div
	> .content > div > div > div:nth-child(2){
	flex: 2;
	display: flex;
	flex-direction: column;
}

.tutores .grupo .content-right .ver-progreso > div
	> .content > div > div > div:nth-child(3){
	flex: 1;
	display: flex;
	align-items: flex-start;
	
}

.tutores .grupo .content-right .ver-progreso > div
	> .content > div > div > div > div{
	flex: 1;
}
.tutores .grupo .content-right .ver-progreso > div
	> .content > div > div > div > div{
	flex: 2;
	display: flex;
}

.tutores .grupo .content-right .ver-progreso > div > .content > div > div:nth-child(2){
	flex: 10;
}

.tutores .grupo .content-right .ver-progreso > div
	> .content > div > div > div > div > div{
	flex: 1;
}
.tutores .grupo .content-right .ver-progreso > div
	> .content > div > div > div > div > div:nth-child(1){
	flex: 2;
}

.tutores .grupo .content-right .ver-progreso > .button{
	flex: 1;
	margin-bottom: 10px;
	border: none;
}


/* END VER PROGRESO */

/* VER ASISTENCIA */
.tutores .content-right .ver-asistencia {
    background: white;
    display: flex;
    flex-direction: column;
}

.tutores .content-right .ver-asistencia .asistencia {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.tutores .content-right .ver-asistencia .asistencia .header {
    display: flex;
    flex: 1;
    padding: 5px;
    background: #6f7e92;
    color: white;
}
.tutores .content-right .ver-asistencia .asistencia .header > div{
    flex: 1;
}
.tutores .content-right .ver-asistencia .asistencia .header > div:nth-child(1){
    flex: 3;
}

.tutores .content-right .ver-asistencia .asistencia .content {
    display: flex;
	border: 1px solid;
    padding: 5px;	
}

.tutores .content-right .ver-asistencia .asistencia .content > .rows{
	display: flex;
	flex-direction: column;
	flex:1;
}

.tutores .content-right .ver-asistencia .asistencia .content > .rows > div{
	flex: 1;
	display: flex;
	margin: 10px 0px;
}

.tutores .content-right .ver-asistencia .asistencia .content > .rows > div > div{
	flex: 1;
	display: flex;
	margin-bottom: 10px;
	flex-direction: column;
}

.tutores .content-right .ver-asistencia .asistencia .content > .rows > div > div > div{
	flex: 1;
}

.tutores .content-right .ver-asistencia .asistencia .content > .rows > div > div > div{
	display: flex;
}

.tutores .content-right .ver-asistencia .asistencia .content > .rows > div > div > div > div{
	flex: 1;
}

.tutores .content-right .ver-asistencia .asistencia .content > .rows > div > div > div > div:nth-child(1){
	flex: 3;
}

.tutores .content-right .ver-asistencia .asistencia .content > .rows 
    > div .editar-alumnos {
    display: flex;
    flex-direction: column;
}

.tutores .content-right .ver-asistencia .asistencia .content > .rows 
    > div .editar-alumnos > div {
    display: flex;
    flex: 1 !important;
}

.tutores .content-right .ver-asistencia .asistencia .content > .rows 
    > div .editar-alumnos > div > div{
    flex: 1;
}

.tutores .content-right .ver-asistencia .asistencia .content > .rows 
    > div .editar-alumnos > div > div:nth-child(1){
    flex: 3;
}

/* END VER ASISTENCIA */

/* Campo fecha */
.tutores .fecha-erp{

}
.tutores .fecha-erp > span > span{
	width: auto;
}
.tutores .fecha-erp > span > input {
    height: 20px !important;
    text-align: left;
    max-width: 80px;
    /* width: 100%; */
    /* max-width: 100%; */
}

.tutores .fecha-erp > span > span > button {
    height: 20px;
}

.tutores .fecha-erp > span > span > button > i {
    position: absolute;
    top: 5px;
    right: 8px;
}

/* End campo fecha */



/* Controls */
.tutores .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.tutores .controls-buttons-erp > li{
   margin-right: 5px;
}

.tutores .controls-buttons-erp > li > a{
    color:black;
}



.tutores .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.tutores .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.tutores .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */

/* ui select */
/*.tutores .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.tutores .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
}


.tutores .ui-select-erp input:focus,
.tutores .ui-select-erp input:focus:hover,
.tutores .ui-select-erp input:hover,
.tutores .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
}

.tutores .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.tutores .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.tutores .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}*/


/* end ui select */

/* Tabs */
/*.tutores .tab-erp {
    width: 100%;
}
.tutores .tab-erp > *:nth-child(1){
	background: #738dad;
	padding: 0px;
}
.tutores .tab-erp > *:nth-child(2) > *{
	margin: 0px;
}
.tutores .tab-erp > *:nth-child(1) > *:nth-child(2){
    height: 32px !important;
}

.tutores .tab-erp > *:nth-child(1) > *:nth-child(2) > * > *{
    padding-top: 0px;
}

.tutores .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *{
	color: #ffffff !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.tutores .tab-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.tutores .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	background: #ffffff;
	margin: 0px;
	padding: 5px 5px 5px 6px;
	overflow: hidden;
}

.tutores .tab-erp > *:nth-child(2) > * > * > *:nth-child(1) > textarea{
	width: 100%;
}


.tutores .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}*/

/*.tutores .tab-dynamic-erp {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.tutores .tab-dynamic-erp > md-tabs{
	margin: 0px;
	border: none;
}
.tutores .tab-dynamic-erp > md-tabs > md-tabs-wrapper{
    height: 32px !important;
    padding: 0px;
}

.tutores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data{}

.tutores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data > md-tab{
}

.tutores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas{
}

.tutores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper{

}


.tutores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item{padding: 0px;}

.tutores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item > span{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.tutores .tab-dynamic-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.tutores .tab-dynamic-erp md-tabs-content-wrapper {
    top: 32px !important;
}

.tutores .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content{padding: 0px;margin: 0px;background: white;width: 100% !important;display: flex;}

.tutores .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.tutores .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div{overflow: hidden;padding-top: 5px !important;padding-bottom: 10px !important;padding-left: 20px !important;padding-right: 20px !important;margin: 0px !important;text-align: left !important;display: flex;flex-direction: column;}

.tutores .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div > div > div{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}
*/
/* End tabs */


/* Notificaciones */
.tutores .ver-notificaciones .cabecera {
    border-bottom: 1px solid black;
    display: flex;
    margin: 5px 0px;
    font-size: 14px;
    background: none !important;
    color: #63717a;
    padding: 0px;
    font-weight: bold;
}


.tutores .alumnos {
    display: flex;
    flex-direction: column;
    padding-left: 5px;
    padding-right: 5px;
}

.tutores .alumnos > div {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-top: 15px;
}


.tutores .ver-notificaciones {
    background: white;
    display: flex;
    flex-direction: column;
    min-width: 290px;
    /* padding: 0px !important; */
    /* margin: 0px !important; */
}



.tutores .ver-notificaciones .content-principal {
    display: flex;
    flex-direction: column;
    padding: 5px;
    color: white;
    /* align-items: center; */
    /* border: 1px solid #d9e0ea; */
}

.tutores .grupo .ver-notificaciones .content-principal .notificaciones-noleidas {
    background: #f96262;
    max-width: 15px;
    padding: 3px;
    color: white;
    margin: 0px 10px;
    border-radius: 15px;
}

.tutores .notificaciones-alumno {
    display: flex;
}

.tutores .ver-notificaciones .content-principal > .notificaciones-alumno{
    display: flex;
    /* flex-direction: column; */
    flex: 1;
    color: #3f4e62;
    /* background: #cfd5de; */
    border-bottom: 1px solid #616f78;
    align-items: center;
}
.tutores .ver-notificaciones .content-principal > .notificaciones-alumno > i{
	color: #616f78;
}
.tutores .ver-notificaciones .content-principal > div:nth-child(2){
	/* margin: 5px 10px; */
}

.tutores .ver-notificaciones .content-principal > div > div{
    display: flex;
    flex-direction: column;
    flex: 1;
    color: black;
    margin: 8px 0px;
}

.tutores .ver-notificaciones .content-principal > div > div .cabecera-grupo{
    background: #325678;
    padding: 2px 5px;
    color: #ffffff;
    border-left: 4px solid orange !important;
    display:  flex;
    flex: 1;
}

.tutores .ver-notificaciones .content-principal > div > div .cabecera-grupo span:nth-child(1){
	 max-width: 75%;
}

.tutores .notificaciones-alumno > span{
    margin: 0px 5px;
}
	.tutores .grupo-alumno > div > span.notificaciones-sinleer{
		background: white;
		padding-bottom: 2px;
		color: #677689;
		font-size: 10px;
		width: 17px;
		display: flex;
		border-radius: 20px;
		height: 17px;
		border: 2px solid #ff9f28 !important;
		align-items: center;
		justify-content: center;
		margin-left: 5px;
	}


.tutores .content-botones {
    display: flex;
}

.tutores .content-botones > button{
    border: none;
    background: none;
}

.tutores .ver-notificaciones .notificaciones .content > .rows{
	display: flex;
	flex-direction: column;
	flex:1;
}

.tutores .ver-notificaciones .notificaciones .content > .rows > div{
	display: flex;
	flex-direction: column;
	margin: 2px 0px;
}



.tutores .ver-notificaciones .notificaciones .content > .rows > div > div > div > div{
	flex: 1;
	display: flex;
	/* min-width: 100px; */
	/* max-width: 100px; */
}

.tutores .ver-notificaciones .notificaciones .content > .rows > div > div > div > div:nth-child(1){
	flex: 13;
	display: flex;
}

.tutores .ver-notificaciones .notificaciones .content > .rows 
    > div .editar-alumnos {
    display: flex;
    flex-direction: column;
}

.tutores .ver-notificaciones .notificaciones .content > .rows 
    > div .editar-alumnos > div {
    display: flex;
    flex: 1 !important;
}

.tutores .ver-notificaciones .notificaciones .content > .rows 
    > div .editar-alumnos > div > div{
    flex: 1;
}

.tutores .ver-notificaciones .notificaciones .content > .rows 
    > div .editar-alumnos > div > div:nth-child(1){
    flex: 3;
}


.tutores .ver-notificaciones .listado-notificaciones {
    display: flex;
    /* background: #f6f6f9; */
    /* color: white; */
    flex-direction: column;
    margin: 0px 0px 1px 0px;
    /* border: 1px solid #d9e0ea; */
    color: #4b4f52;
    /* flex-wrap: wrap; */
}

.tutores .ver-notificaciones .listado-notificaciones > div{
	display: flex;
	flex: 1;
	padding: 2px;
	align-items: start;
	/* margin: 1px 0px; */
	flex-wrap: wrap;
}

.tutores .ver-notificaciones .listado-notificaciones > div > span{
	display: flex;
	margin: 5px 10px;
}
.tutores .ver-notificaciones .listado-notificaciones > div > span:nth-child(1){
	width: 20px;
}
.tutores .ver-notificaciones .listado-notificaciones > div > span:nth-child(2){
	width: 80px;
}
.tutores .ver-notificaciones .listado-notificaciones > div > span:nth-child(3){
	min-width: 150px;
	/* max-width: 200px; */
}
.tutores .ver-notificaciones .listado-notificaciones > div > span:nth-child(4){
	min-width: 200px;
}
.tutores .ver-notificaciones .listado-notificaciones > div > div{
	min-width: 20px;
}
.tutores .ver-notificaciones .listado-notificaciones > div > div > span{
	margin: 0px 5px;
}

.tutores .ver-notificaciones .listado-notificaciones > div > div > span:nth-child(2){
	min-width: 80px;
	max-width: 80px;
}

.tutores .ver-notificaciones .listado-notificaciones > div > div > span:nth-child(3){
	min-width: 400px;
	max-width: 400px;
}

.tutores .ver-notificaciones .listado-notificaciones > div > div > span:nth-child(4){
	min-width: 70px;
	max-width: 70px;
}

.tutores .ver-notificaciones .listado-notificaciones > div > div > span:nth-child(5){
	min-width: 70px;
	max-width: 70px;
}

.tutores .ver-notificaciones .listado-notificaciones > div > div > button,
.tutores .ver-notificaciones .listado-notificaciones > div > div > button:focus{
	flex: 1;
	/* max-width: 10px; */
	background: none;
	border: none !important;
	margin: 0px 5px;
	color: #6f7e92;
}

.tutores .ver-notificaciones .listado-notificaciones > div > div > button:nth-child(2){
	color:red;
}


.tutores .ver-notificaciones .listado-notificaciones .notificacion-leida {
    background: #67ad67;
}

.tutores .ver-notificaciones .listado-notificaciones .notificacion-noleida {
    background: #FA6262;
}





.tutores .ver-notificaciones .listado-notificacionesnoleidas {
    display: flex;
    /* background: #f6f6f9; */
    /* color: white; */
    flex-direction: column;
    margin: 0px 0px 1px 0px;
    border: 1px solid #d9e0ea;
    color: #4b4f52;
    flex-wrap: wrap !important;
}

.tutores .ver-notificaciones .listado-notificacionesnoleidas > div{
	display: flex;
	flex: 1;
	padding: 2px;
	align-items: start;
	/* margin: 1px 0px; */
	flex-wrap: wrap !important;
}

.tutores .ver-notificaciones .listado-notificacionesnoleidas > div > span{
	display: flex;
	margin: 5px 10px;
}
.tutores .ver-notificaciones .listado-notificacionesnoleidas > div > span:nth-child(1){
	width: 20px;
}
.tutores .ver-notificaciones .listado-notificacionesnoleidas > div > span:nth-child(2){
	width: 80px;
}
.tutores .ver-notificaciones .listado-notificacionesnoleidas > div > span:nth-child(3){
	min-width: 120px;
	max-width: 200px;
	text-overflow: ellipsis !important;
	white-space: nowrap;
	width: 100px;
	display: block;
	overflow: hidden;
}
.tutores .ver-notificaciones .listado-notificacionesnoleidas > div > span:nth-child(4){
	min-width: 200px;
	/* max-width: 200px; */
	text-overflow: ellipsis !important;
	white-space: nowrap;
	width: 100px;
	display: block;
	overflow: hidden;
}
.tutores .ver-notificaciones .listado-notificacionesnoleidas > div > div{
	min-width: 20px;
}
.tutores .ver-notificaciones .listado-notificacionesnoleidas > div > div > span{
	margin: 0px 5px;
}

.tutores .ver-notificaciones .listado-notificacionesnoleidas > div > div > span:nth-child(2){
	min-width: 80px;
	max-width: 80px;
}

.tutores .ver-notificaciones .listado-notificacionesnoleidas > div > div > span:nth-child(3){
	min-width: 400px;
	max-width: 400px;
}

.tutores .ver-notificaciones .listado-notificacionesnoleidas > div > div > span:nth-child(4){
	min-width: 70px;
	max-width: 70px;
}

.tutores .ver-notificaciones .listado-notificacionesnoleidas > div > div > span:nth-child(5){
	min-width: 70px;
	max-width: 70px;
}

.tutores .ver-notificaciones .listado-notificacionesnoleidas > div > div > button,
.tutores .ver-notificaciones .listado-notificacionesnoleidas > div > div > button:focus{
	flex: 1;
	max-width: 10px;
	background: none;
	border: none !important;
	margin: 0px 5px;
	color: #6f7e92;
}

.tutores .ver-notificaciones .listado-notificacionesnoleidas > div > div > button:nth-child(2){
	color:red;
}


.tutores .ver-notificaciones .listado-notificacionesnoleidas .notificacion-leida {
    background: #67ad67;
}

.tutores .ver-notificaciones .listado-notificacionesnoleidas .notificacion-noleida {
    background: #FA6262;
}



/* Tile */
.tutores .tile{
	height: 100%;
}

.tutores .tile.tile-widget {
    padding: 10px;
    margin: 0px;
}
	.tutores .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.tutores .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.tutores .tile .tile-header.dvd .controls > li.controls-editar,
		.tutores .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.tutores .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.tutores .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.tutores .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.tutores .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.tutores .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.tutores .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.tutores .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.tutores .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
		max-width: 1280px;
	}


/* Seccion info */
.tutores .infos{
	display: flex;
	flex-direction: row;
	flex: 1;
	flex-wrap: wrap;
}
	.tutores .infos .tab-erp{
		margin-right: 10px;
		margin-bottom: 10px;
		max-width: 100%;
	}
	.tutores .infos .info {
	    display: flex;
	    flex-wrap: wrap;
	    flex-direction: row;
	}

	.tutores .infos .info > div{
	    /* padding-left: 5px; */
	    /* padding-right: 5px; */
	}
		.tutores .infos .info > div > div:nth-child(1){
			min-width: 75px;
			flex: 1;
			color: #686869;
			text-align: center;
			border-bottom: 1px solid #6f7277;
		}
		.tutores .infos .info > div:nth-child(1){
	    	min-width: 100px;
	 	}
		.tutores .infos .info > div:nth-child(4){
	    	flex: 6;
	 	}
	 	.tutores .infos .info > div:nth-child(5){
	    	flex: 3;
	 	}
	.tutores .infos .info > .info-grupo{
	    
	}
		.tutores .infos .info > div > div:nth-child(2){
	    	margin: 5px 5px 2px 5px;
	    	min-width: 75px;
	    	flex: 1;
	    	text-align: center;
	    	font-size: 12px;
	    	font-family: tahoma;
	  }
	  
	  .tutores .infos .info-horario .cabecera{
		display: flex;
	  	flex-direction: row;
	  }
		  .tutores .infos .info-horario .cabecera > div{
			color: #686869;
			text-align: center;
			border-bottom: 1px solid #6f7277;
		  }
	  .tutores .infos .info-horario .contenido{
	  	display: flex;
	  	flex-direction: row;
	  	padding-bottom: 5px;
	  	padding-top: 5px;
	  	/* border-bottom: 1px dashed #aeb2b5; */
	  	flex-wrap: wrap;
	  }
		  .tutores .infos .info-horario .contenido > div{
	    	min-width: max-content;
	    	/* text-align: center; */
	    	font-size: 12px;
	    	font-family: tahoma;
	    	margin-right: 5px;
	    	margin-left: 5px;
	   }
	   .tutores .infos .info-horario .contenido > i{
	    	padding-top: 1px;
	    	color: #999ca0;
	   }
	    .tutores .infos .info-horario .contenido > i:nth-child(3){
	    	font-size: 10px;
	    	padding-top: 4px;
	   }
	    .tutores .infos .info-horario .contenido > i:nth-child(5){
	    	font-size: 10px;
	    	padding-top: 4px;
	   }
		  
		  .tutores .infos .info-horario .cabecera > div:nth-child(1),
		  .tutores .infos .info-horario .contenido > div:nth-child(1){
		  	/* width: max-content !important; */
		  }
		  .tutores .infos .info-horario .cabecera > div:nth-child(2),
		  .tutores .infos .info-horario .contenido > div:nth-child(2){
		  	/* width: 80px !important; */
		  }
		  .tutores .infos .info-horario .cabecera > div:nth-child(3),
		  .tutores .infos .info-horario .contenido > div:nth-child(3){
		  	/* width: 100px !important; */
		  }
		  



/* Seccion grupo */
.tutores .grupo{
	
}
	.tutores .grupo .info {
	    display: flex;
	    flex-wrap: wrap;
	}
		.tutores .grupo .info > div{
		    display: flex;
		    margin: 10px 10px;
		    min-width: 50px;
		    flex-wrap: wrap;
		    background: #495a72;
		    padding: 10px;
		    color: white;
		}


/* Seccion notas */
.tutores .notas{
	
}
	.tutores .notas .info{
	    display: flex;
	    flex-direction: column;
	}
		.tutores .notas .info .nota {
		    display: flex;
		}



/* NOTAS FINALES */
.tutores .notas .notas-finales{
	display: flex;
	flex-direction: column;
}

.tutores .notas .notas-finales > .cabecera {
    display: flex;
    border-bottom: 1px solid;
    margin: 0px !important;
}

.tutores .notas .notas-finales > .cabecera > .header-notas{
    flex: 2;
    margin: 0px 5px !important;
    padding: 0px !important;
    display: flex;
}

.tutores .notas .notas-finales > .cabecera > .header-notas > div{
	display: flex;
}


.tutores .notas .notas-finales > .cabecera > .header-notas > div:nth-child(1){
	flex: 2;
	min-width: 160px;
	max-width: 160px;
	display: flex;
}

.tutores .notas .notas-finales > .cabecera > .header-notas > div > span{
	
}

.tutores .notas .notas-finales > .cabecera > .header-notas > div > span:nth-child(1){
	display: none;	
}

.tutores .notas .notas-finales > .cabecera > .header-notas > div > div{
	display: flex;
}

.tutores .notas .notas-finales > .cabecera > .header-notas > div > div > div{
	display: flex;
}

.tutores .notas .notas-finales > .cabecera > .header-notas > div > div > div > div{
	flex: 1;
	min-width: 102px;
	max-width: 102px;
	font-size: 12px;
}

.tutores .notas .notas-finales > .cabecera > .header-notas > div > div > div > div > span{
	margin: 0px 10px;
	flex: 1;
	/* min-width: 300px; */
	/* max-width: 300px; */
}



.tutores .notas .notas-finales > .content-notas{
	flex: 1;
	display: flex;
	margin-bottom: 10px;
	flex-direction: column;
}

.tutores .notas .notas-finales > .content-notas > div{
	display: flex;
	margin-bottom: 25px;
	flex: 1;
	background: #f3f3f3;
	height: 35px;
}

.tutores .notas .notas-finales > .content-notas > div:nth-child(1){
	min-width: 160px !important;
	flex: 2;
	display: flex;
}

.tutores .notas .notas-finales
	> .content-notas > div > span{
	display:flex;
	flex: 2;
}

.tutores .notas .notas-finales
	> .content-notas > div > span:nth-child(1){
	margin: 0px 5px;
	min-width: 160px;
	max-width: 160px;
}


.tutores .notas .notas-finales
	> .content-notas > div > div{
	display:flex;
}

.tutores .notas .notas-finales
	> .content-notas > div > div > div{
	display:flex;
	margin: 0px 5px;
}

.tutores .notas .notas-finales
	> .content-notas > div > div > div > div{
	display:flex;
	flex: 1;
	/* margin: 0px 0px; */
	min-width: 102px;
	max-width: 102px;
	text-align: center;
}

.tutores .notas .notas-finales
	> .content-notas > div > div > div > div > span{
		min-width: 50px;
		max-width: 50px;
		margin: 5px 0px;
	}


/* END NOTAS FINALES */



/* Seccion asistencias */
.tutores .asistencias{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
	.tutores .asistencias .info{
	    display: flex;
	    flex-direction: column;
	    flex-wrap: wrap;
	    /* width: fit-content; */
	    /* flex: 1; */
	    /* min-width: 100px; */
	    /* max-width: 100px; */
	}
		.tutores .asistencias .info > .cabecera{
			display: flex;
			flex: 1;
			align-items: center;
			margin: 10px -5px 0px -5px;
			/* background: #b0bac7; */
		}
			.tutores .asistencias .info > .cabecera > div{
				flex: 1;
				border-bottom: 1px solid;
				margin: 0px 5px;
				min-width: 85px;
				text-align: center;
				padding: 0px 2px;
				color: #686869;
			}
			.tutores .asistencias .info > .cabecera > div > .fa.fa-check{
			    color: green;
			}
			.tutores .asistencias .info > .cabecera > div > .fa.fa-times{
			    color: red;
			}
			.tutores .asistencias .info > .cabecera > div:nth-child(1){
				flex: 2;
				min-width: 100px;
				/* text-align: center; */
				/* background: #b0bac7; */
			}
			.tutores .asistencias .info > .cabecera > div:nth-child(5){
				flex: 5;
				width: 100%;0% */
				max-width:;
			}
		.tutores .asistencias .info > .content{
			display: flex;
			flex-wrap: wrap;
			flex: 1;
			/* width: 100%; */
			font-family: tahoma;
			font-size: 13px;
		}
		.tutores .asistencias .info > .content > .asistencia {
		    display: flex;
		    align-items: center;
		    /* background: #dce2ea; */
		    /* margin: 5px 0px; */
		    flex: 1;
		    min-width: 250px;
		    max-width: 250px;
		    flex-wrap: wrap;
		    border: 1px dashed #d9e0eb;
		    padding: 5px;
		    margin: 2px;
		}
			.tutores .asistencias .info > .content > .asistencia > div{
			    margin: 0px 5px;
			    flex: 1;
			    min-width: 125px;
			    text-align: center;
			    /* background: #dce2ea; */
			}
			.tutores .asistencias .info > .content > .asistencia > div > .fa.fa-check{
			    color: green;
			}
			.tutores .asistencias .info > .content > .asistencia > div > .fa.fa-times{
			    color: red;
			}
			
			
			
/** CARDS **/
.tutores .card-container {
  position: relative;
  min-width: 310px;
  /* border-radius: 0px !important; */
  }
  .tutores .card-container .card {
    min-height: 110px;
    margin-bottom: 20px;
    position: relative;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
    width: 100%;
    cursor: pointer;
    z-index: 9;
    color: #2e4c6c !important;
    height: 140px;
    /* min-width: 260px; */
    /* background: blue; */
    /* border-radius: 0px !important; */
    }
    .tutores .card-container .card .front {
      height: 100%;
      position: relative;
      width: 100%;
      padding: 15px;
      top: 0;
      left: 0;
      z-index: 11;
      -webkit-transform: rotateX(0deg) rotateY(0deg);
      -moz-transform: rotateX(0deg) rotateY(0deg);
      -ms-transform: rotateX(0deg) rotateY(0deg);
      -o-transform: rotateX(0deg) rotateY(0deg);
      transform: rotateX(0deg) rotateY(0deg);
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      /* -- transition is the magic sauce for animation -- */
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      background: white !important;
      border: 1px solid;
      border: 1px solid #d9e0ea;
      border-radius: 5px;
      /* padding: 5px; */
      margin: 5px;
      color: #67737C;
      }
     .tutores .card-container .card .front p{
     	font-family: tahoma;
     	font-weight: normal;
     	font-size: 20px !important;
     	width: 170px;
     	white-space: nowrap;
     	text-overflow: ellipsis;
     	overflow: hidden;
     }
     .tutores .card-container .card .front span{
     	font-family: tahoma;
     	font-weight: normal;
     	font-size: 13px !important;
     }
     .tutores .card-container .card .front i{
     	color: #2e4c6c;
     }
    .tutores .card-container .card:hover .front {
      z-index: 11;
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg); }
    .tutores .card-container .card:hover .back {
      z-index: 12;
      -webkit-transform: rotateX(0deg) rotateY(0deg);
      -moz-transform: rotateX(0deg) rotateY(0deg);
      -ms-transform: rotateX(0deg) rotateY(0deg);
      -o-transform: rotateX(0deg) rotateY(0deg);
      transform: rotateX(0deg) rotateY(0deg); }
    .tutores .card-container .card .back {
      position: absolute;
      top: 0;
      border: 0;
      height: 100%;
      width: 100%;
      left: 0;
      z-index: 10;
      -webkit-transform: rotateY(-180deg);
      -moz-transform: rotateY(-179deg);
      /* setting to 180 causes an unnatural-looking half-flip */
      transform: rotateY(-179deg);
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      /* -- transition is the magic sauce for animation -- */
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      transition: all 0.4s linear;
      background: white !important;
      /* border: 1px solid;
      border: 1px solid #d9e0ea;
      border-radius: 5px;*/
      /* padding: 5px; */
      margin: 5px;
      color: #145d89 !important;
      }
      .tutores .grupos.no-pertenece .card-container .card .front {
     	border: 1px solid #d9534f59;
      	color: #d9534fd9 !important;
      }
      .tutores .grupos.no-pertenece .card-container .card .front i{
      	color: #d9534fd9 !important;
      }
      .tutores .card-container .card .back > .row {
        height: 100%;
        margin: 0;
        background: #d9e0ed54;
        }
        .tutores .card-container .card .back > .row > div {
          height: 100%;
          padding: 0; }
          .tutores .card-container .card .back > .row > div a {
            display: block;
            width: 100%;
            height: 100%;
            text-align: center;
            color: white !important;
            padding: 30px 5px 10px;
            text-decoration: none;
            }
            .tutores .card-container .card .back > .row > div a i {
              display: block;
              margin-bottom: 5px; }
            .tutores .card-container .card .back > .row > div a:hover {
              text-decoration: none; }
          .tutores .card-container .card .back > .row > div:first-of-type a {
            background-color: #145d89;
            border-right: 1px dashed white;
            }
          .tutores .card-container .card .back > .row > div:nth-of-type(2) a {
            background-color: #145d89;
            border-right: 1px dashed white;
           }
            .tutores .card-container .card .back > .row > div:nth-of-type(3) a {
              background-color: #145d89;
            }
            
           .tutores .grupos.no-pertenece .card-container .card .back > .row > div:nth-of-type(2) a {
              border: none !important;
            }
            .tutores .grupos.no-pertenece .card-container .card .back > .row > div:nth-of-type(3) a {
              border-left: 1px dashed white;
            }
           .tutores .grupos.no-pertenece .card-container .card .back > .row > div a {
              background-color: #d9534fd9 !important;
            }
            
	/* NOTAS VALIDADAS */
	.tutores .listado-alumnos {
	    display: flex;
	    flex-direction: column;
	}
	    .tutores .listado-alumnos > .alumno{
	        display: flex;
	        flex-direction: column;
	        margin: 5px 0px;
	    }
	        .tutores .listado-alumnos > .alumno > div:nth-child(1){
	            padding: 2px;
	            display: flex;
	            flex: 1;
	            align-items: center;
	            height: 22px;
	            border-bottom: 1px solid #396183;
	            color: #616f77;
	            border-left: 4px solid #ff9f28;
	        }
	        	.tutores .listado-alumnos > .alumno > div:nth-child(1) > i{
	        		color: #ff9f28;
	        		margin-left: 5px;
	        	}
	        	.tutores .listado-alumnos > .alumno > div:nth-child(1) > div{
					flex: 1;
					padding: 2px;
					/* display: flex; */
				}
				.tutores .listado-alumnos > .alumno > div:nth-child(1) > div:nth-child(1){
					/* min-width: 20px; */
					/* max-width: 20px; */
				}
				.tutores .listado-alumnos > .alumno > div:nth-child(1) > div:nth-child(3){
					display: flex;
					justify-content: flex-end;
					margin-right: 5px;
					color: #346d8a;
				}
				.tutores .listado-alumnos > .alumno > div:nth-child(1) > div:nth-child(3){
					max-width: 80px;
					min-width: 80px;
				}
					.tutores .listado-alumnos > .alumno > div:nth-child(1) > div:nth-child(3) > button{
						background: #8cc18c;
						border: none;
						color: white;
						font-size: 12px;
						font-family: tahoma;
					}
	        .tutores .listado-alumnos > .alumno > .listado-etapas{
	            display: flex;
	            /* flex-direction: column; */
	            padding: 10px 5px;
	            font-size: 12px;
	            font-family: tahoma;
	            color: #616f77;
	            /* margin: 8px 0px; */
	            flex-wrap: wrap;
	            background: #fbfbfb45;
	        }
	            .tutores .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1){
	                display: flex;
	                width: 100%;
	                background-color: #356190;
	                border-left: 4px solid #ff9f28;
	                color: white;
	            }
	            	.tutores .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1) > div{
						flex: 1;
					}
					.tutores .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1) > div:nth-child(1){
						min-width:20px;
						max-width: 20px;
					}
					.tutores .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1) > div:nth-child(3){
						min-width: 80px;
						max-width: 80px;
					}
						.tutores .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1) > div:nth-child(3) > button{
							border: none;
							background: #efefef;
							font-size: 12px	
						}
	             .tutores .listado-alumnos > .alumno > .listado-etapas > .listado-metodos{
	                display: flex;
	                flex-direction: column;
	                /* padding: 2px 5px; */
	                margin: 5px;
	                /* border: 1px dotted #4785a8; */
	                min-width: 310px;
	                max-width: 310px;
	                flex: 1;
	                /* border-top: 0px; */
	            }
	                .tutores .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > div:nth-child(1){
	                    display: flex;
	                    background: #145d89c4;
	                    color: white;
	                    /* border-bottom: 1px solid #146894d1; */
	                }
	                	.tutores .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > div:nth-child(1) > div{
	                		flex:1;
	                	}
	                	.tutores .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > div:nth-child(1) > div:nth-child(1){
							min-width:20px;
							max-width: 20px;
						}
						.tutores .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > div:nth-child(1) > div:nth-child(3){
							min-width: 80px;
							max-width: 80px;
							display: flex;
						}
							.tutores .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > div:nth-child(1) > div:nth-child(3) > button{
								border: none;
								background: #efefef;
								font-size: 12px	
							}
	                .tutores .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas{
	                    display: flex;
	                    padding: 2px 5px;
	                    border-bottom: 1px dashed #efeff1;
	                    /* flex-wrap: wrap; */
	                    min-width: 310px;
	                    max-width: 310px;
	                }
	                .tutores .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas:last-child{
	                	border: none;
	                	min-width: 310px;
	                	max-width: 310px;
	                }
                    .tutores .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas:last-child > div:nth-child(1){
	                	min-width: 150px;
	                	max-width: 150px;
	                }
	                .tutores .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas:last-child > div:nth-child(2){
	                	min-width: 150px;
	                	max-width: 150px;
	                	text-align: center;
	                }


	                .tutores .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div{
	                    flex: 1;
	                    margin: 0px 5px;
	                }
	                .tutores .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(1){
	                	min-width: 150px;
	                	max-width: 150px;
	                }
	                .tutores .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(2){
	                	min-width: 150px;
	                	max-width: 150px;
	                	text-align: center;
	                }
	                .tutores .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(3){
	                	display: flex;
	                	min-width: 150px;
	                	max-width: 150px;
	                }
						.tutores .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(3) > button{
							background: none;
							border: none;
							margin: 0px 2px;
						}
						.tutores .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(3) > button:disabled{
							background: #f4f4f4;
							border: none
						}
					.tutores .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(4){
	                	min-width: 50px;
	                	max-width: 50px;
	                }
	                .tutores .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(4).valido{
	                	color:#849a84;
	                }
	                .tutores .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(4).no-valido{
	                	color:#bd6a6a;
	                }
			 .tutores .listado-alumnos > .alumno > .listado-etapas > .comentarios{
				display: flex;
				flex-direction: column;
				/* padding: 2px; */
				width: 100%;
				margin: 5px;
				margin-top: 0px;
				/* border: 1px dashed #b7b7b7; */
			}
				.tutores .listado-alumnos > .alumno > .listado-etapas > .comentarios > div:nth-child(1){
					/* margin: 5px; */
					background: #145d89c4;
					color: white;
					padding-left: 10px;
				}
				.tutores .listado-alumnos > .alumno > .listado-etapas > .comentarios > .comentario{
					display: flex;
					margin: 5px 0px;
					border-bottom: 1px dashed #c3c3d8;
					flex-wrap: wrap;
				}
				.tutores .listado-alumnos > .alumno > .listado-etapas > .comentarios > .comentario:last-child{
					border: none;
				}
					.tutores .listado-alumnos > .alumno > .listado-etapas > .comentarios > .comentario > span{
						margin: 0px 5px;
					}
					.tutores .listado-alumnos > .alumno > .listado-etapas > .comentarios > .comentario > span:nth-child(1){
						max-width: 100px;
						min-width: 100px;
					}
					.tutores .listado-alumnos > .alumno > .listado-etapas > .comentarios > .comentario > span:nth-child(2){
						max-width: 100px;
						min-width: 100px;
					}
					.tutores .listado-alumnos > .alumno > .listado-etapas > .comentarios > .comentario > span:nth-child(3){
						flex: 1;
						text-align: justify;
					}


	/* Notificaciones */
	
	.tutores .streamline{
		width: 100% !important;
		margin-left: 5px !important;
		padding-top: 10px !important;
		margin-bottom: 10px !important;
	}
			.tutores .streamline:before{
				background-color: #2d4c6f !important;
			}
			.tutores .streamline:after{
				background-color: #ff9e00 !important;
    			border-radius: 0 !important;
    			height: 2px !important;
    			width: 12px !important;
    			border: 1px solid #ff9e00 !important;
			}
		.tutores .streamline .streamline-post{
			width: 100%;
			margin-right: 20px;
			margin-top: 0px;
			margin-bottom: 0px !important;
			margin-left: 25px;
		}
			.tutores .streamline .streamline-post .destino-notificacion{
				padding-right: 10px;
				padding-left: 5px;
				font-size: 11px;
			}
				.tutores .streamline .streamline-post .destino-notificacion > i{
					padding-right: 2px;
				}
				.tutores .streamline .streamline-post .destino-notificacion > i:nth-child(2){
					font-size: 8px;
				}
			.tutores .streamline .streamline-post .post-container .notificaciones-sinleer{
				background: white;
			    padding-bottom: 2px;
			    color: #677689;
			    font-size: 10px;
			    width: 17px;
			    display: flex;
			    border-radius: 20px;
			    height: 17px;
			    border: 2px solid #ff9f28 !important;
			    align-items: center;
			    justify-content: center;
			    position: absolute;
			    left: 0px;
			}
		
			.tutores .streamline .streamline-post .post-container .panel-heading,
				.tutores .streamline .streamline-post .post-container .panel-body{
				font-size: 12px !important;
			}
				.tutores .streamline .streamline-post .post-container .panel-body > span{

				}
					.tutores .streamline .streamline-post .post-container .panel-body > span > span{
						margin: 0px 2px;
					}
					.tutores .streamline .streamline-post .post-container .panel-body > span > a{
						margin: 0px 2px;
						color: #325678;
					}

				.tutores .streamline .streamline-post .post-container .reply-container .panel-heading,
					.tutores .streamline .streamline-post .post-container .reply-container .panel-body{
					font-size: 12px !important;
				}

			.tutores .streamline .streamline-post > aside{
				font-size: 32px;
				width: 40px;
				text-align:  center;
				height: 40px;
			}

				.tutores .streamline .streamline-post .post-replies > li > aside{
					font-size: 25px;
					width: 40px;
					text-align:  center;
					height: 40px;
				}

				.tutores .streamline .streamline-post > aside.tutor,
				.tutores .streamline .streamline-post .post-replies > li > aside.tutor{
					color: #4b984a;
				}
				.tutores .streamline .streamline-post > aside.teacher,
				.tutores .streamline .streamline-post .post-replies > li > aside.teacher{
					color: #3d7abbfc;
				}
				
				.tutores .streamline .streamline-post .post-container:after, 
				.tutores .streamline .streamline-post .reply-container:after{
					top: 11px !important;
				}
				.tutores .streamline .streamline-post .post-container:before, 
				.tutores .streamline .streamline-post .reply-container:before{
					top: 10px !important;
				}

		.tutores .alumnos .content-principal .grupo-alumno > button{
			position: absolute;
			padding-top: 2px;
		}
		.tutores .alumnos .content-principal .grupo-alumno .nueva-notificacion{
    		color: #ffffff;
    		padding-right: 30px;
    		align-self: flex-end;
  }
  	.tutores .alumnos .content-principal .grupo-alumno .nueva-respuesta{
    		color: #2e4c6c;
    		margin-right: 5px;
  }
		.tutores .alumnos .content-principal .grupo-alumno .cancelar-edicion{
    		align-self: flex-end;
    		padding-right: 30px;
  }
		.tutores .alumnos .content-principal .grupo-alumno .desplegar-grupo{
    		color: #ffffff;
    		align-self: flex-end;
  }
		.tutores .alumnos .content-principal .grupo-alumno .streamline .desplegar-notificacion{
    		right: 20px;
    		padding-top: 3px;
    		color: #2e4c6c;
    		position: absolute;
    		top: 3px;
    		right: 0px;
  }
		
		.tutores .streamline-form{
			border-left: 1px dotted #2d4c71;
			padding: 10px 5px 20px 20px !important;
			border-top: none;
			margin-left: 25px;
			margin-right: 5px;
		}
			.tutores .streamline-form select-erp{
				max-width: 300px;
				margin-right: 10px;
			}

			.tutores .streamline-form > div,
				.tutores .panel-body > div{
				width:100%;
				padding-right: 5px;
			}
			.tutores .input-notificacion{
				height: 20px !important;
				max-width: 400px !important;
				margin-bottom: 3px;
				border-bottom: 1px solid #d9e0ea !important;
				text-transform: none;
				padding-left: 3px;
				font-size: 13px;
				border-top: none !important;
				border-left: none !important;
				border-right: none !important;
				margin-right: 10px;
			}
			.tutores .text-notificacion{
				border: 1px solid #d9e0ea;
				width: 95%;
				padding-left: 3px;
				font-size: 13px;
			}
				.tutores .input-notificacion::placeholder,
				.tutores .text-notificacion::placeholder{
					color: #95a2a9;
					font-style: italic;
				}
			.tutores .streamline-form > div > button,
				.tutores .panel-body > div >button{
				font-size: 20px;
				/* margin-top: 15px !important; */
				color: #008000 !important;
				/* margin-right: 10px !important; */
			}

			.tutores .responder-notif{
				color: #2e4c6c;
				margin-right: 5px;
			}

			.tutores .streamline .panel-heading{
				padding: 6px 22px 3px 6px;
				display: flow-root;
				text-align: unset;
				border: none;
			}
			.tutores .streamline .panel-body{
				padding: 5px 6px 5px 6px;
				overflow: auto;
				border-top: 1px solid #dddddd;
				margin-left: 10px;
				margin-right: 10px;
			}
		.tutores .marca-notificacion{
	         width: 10px !important;
	         height: 10px !important;
	         position: absolute;
	         right: 1px;
	         top: 1px;
	      }	
      .tutores .marca-notificacion.marca-leido{
         background: #75ab73 !important;
      }
      .tutores .marca-notificacion.marca-no-leido{
         background: #ff9e28 !important;
      }	
      .tutores .marca-notificacion:before{
         position: absolute;
         right: 0px;
         top: 0px;
         content: '';
         border-bottom: 5px solid #ffffff;
         border-left: 5px solid #ffffff;
         border-right: 5px solid transparent;
         border-top: 5px solid transparent;
      }
	
	  .tutores .edit-descripcion{
	  	display: flex;
	  	flex-direction: row;
	  	justify-content: space-around;
	  }
            
          .tutores .notificaciones-leyenda{
         	width:  max-content;
         	display: flex;
         	flex: 1;
         	flex-direction: column;
         	margin-left: 10px;
         	}
             .tutores .notificaciones-leyenda > div:nth-child(1){
		        background: #145d89 !important;
		        border-radius: 0px !important;
		        color: white !important;
		        margin: 0px !important;
		        padding-left: 5px;
		    }
		    .tutores .notificaciones-leyenda > div:nth-child(2){
		        display: flex;
		        flex-direction: row;
		        background: none !important;
		        border-radius: 0px !important;
		        border: 1px solid #cad1db;
		        margin: 0px !important;
		        align-items: baseline !important;
		        color: #2e4c6c !important;
		        height: 25px;
		        flex-wrap: wrap;
		        /* align-items: center; */
		        /* justify-content: center; */
		        font-size: 13px;
		    }
		        .tutores .notificaciones-leyenda > div:nth-child(2) > div{
		            display: flex;
		            align-items: baseline;
		            padding-left: 5px;
		            padding-right: 5px;
		        }
		        .tutores .notificaciones-leyenda > div:nth-child(2) > div:nth-child(1){
		            border-right: 1px dashed #cad1dc;
		            /* margin-top: 2px; */
		        }
		        .tutores .notificaciones-leyenda > div:nth-child(2) > div:nth-child(2){
		            border-right: 1px dashed #cad1dc;
		        }
             .tutores .notificaciones-leyenda > div:nth-child(2) > div:nth-child(1) > span:nth-child(1){
                background: white;
                color: #677689;
                font-size: 10px;
                width: 15px;
                display: flex;
                border-radius: 20px;
                height: 15px;
                border: 2px solid #ff9f28 !important;
                align-items: center;
                justify-content: center;
                left: 0px;
                margin-right: 5px;
                margin-top: 2px;
             }
            .tutores .notificaciones-leyenda > div:nth-child(2) > div:nth-child(2) > span:nth-child(1){
                background: #75ab73 !important;
                width: 10px !important;
                height: 10px !important;
                margin-right: 5px;
             }
             .tutores .notificaciones-leyenda >div:nth-child(2) > div:nth-child(2) > span:nth-child(1):before{
             	    position: absolute;
             	    content: '';
             	    border-bottom: 5px solid #ffffff;
             	    border-left: 5px solid #ffffff;
             	    border-right: 5px solid transparent;
             	    border-top: 5px solid transparent;
             }
            .tutores .notificaciones-leyenda > div:nth-child(2) > div:nth-child(3) > span:nth-child(1){
                background: #ff9e28 !important;
                width: 10px !important;
                height: 10px !important;
                margin-right: 5px;
             }
               .tutores .notificaciones-leyenda >div:nth-child(2) > div:nth-child(3) > span:nth-child(1):before{
             	    position: absolute;
             	    content: '';
             	    border-bottom: 5px solid #ffffff;
             	    border-left: 5px solid #ffffff;
             	    border-right: 5px solid transparent;
             	    border-top: 5px solid transparent;
             }
             
    .tutores .info-notificacion-mobile{
		display: none;
	}

 @media(max-width : 992px){
	  .tutores .notificaciones-leyenda{
		width: min-content;
		}
			.tutores .notificaciones-leyenda > div:nth-child(2){
				height: max-content !important;
			}
				.tutores .notificaciones-leyenda > div:nth-child(2) > div{
					width: max-content;
					border-right: none !important;
				}
					.tutores .notificaciones-leyenda > div:nth-child(2) > div:nth-child(2) > span:nth-child(1){
						margin-left: 4px;
						margin-right: 9px;
					}
					.tutores .notificaciones-leyenda > div:nth-child(2) > div:nth-child(3) > span:nth-child(1){
						margin-left: 4px;
						margin-right: 9px;
					}
					
					
		.tutores .streamline aside{
			width: 22px !important;
		}
		.tutores .streamline .streamline-post > aside{
			font-size: 24px !important;
			padding-top: 3px;
		}
		.tutores .streamline .streamline-post .post-replies > li > aside{
			font-size: 20px !important;
		}
			.tutores .streamline .streamline-post .post-container,
			 .streamline .streamline-post .reply-container{
				padding-left: 35px !important;
			}
	
				.tutores .streamline .streamline-post .post-container:before,
				 .streamline .streamline-post .reply-container:before{
					left: 28px !important;
				}
				.tutores .streamline .streamline-post .post-container:after,
				 .streamline .streamline-post .reply-container:after{
					left: 30px !important;
				}
				
		
	.tutores .mobile-button{
		/* position: absolute; */
		left: 9px;
		bottom: 12px;
		margin: 0px !important;
		width: 22px;
		height: 22px;
		color: white !important;
		border-radius: 12px;
		padding: 0px !important;
		background-color: #396183 !important;
	}

  	.tutores .streamline .streamline-post{
		margin-right: 10px;
	}
	.tutores .streamline-form > div > button,
	.tutores .panel-body > div >button{
		padding: 0px !important;
		margin-right: -5px;
		margin-left: 5px;
		font-size: 15px;
	}
	
	.tutores .fecha-notificacion{
		display: none;
	}
	.tutores .destino-notificacion{
		display: none;
	}
	.tutores .info-notificacion-mobile{
		display: unset;
		font-size: 10px;
		margin-left: 10px;
		color: #b3b4b5;
		font-style: italic;
	}
	.tutores .info-notificacion-mobile span{
		    padding-right: 10px;
		}

	.tutores .panel {
	  margin-top: 5px !important;
	  margin-bottom: -3px !important;
	}
		
	.tutores .alumnos {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
 }
             
 /* Calendario de asistencias */
  .tutores .content-asistencias{
	   display: flex;
	   flex-direction: row;
	   flex: 1;
	   flex-wrap: wrap;
	   height: 500px;
	}      
 	  .tutores .content-asistencias > div{
		   margin-bottom: 10px;
		 }       
	  .tutores .content-asistencias > div:nth-child(1){
		   /* width: 40%; */
		   margin-right: 20px;
		   min-width: 40%;
		   max-width: 40%;
		 }
	  	.tutores .content-asistencias .calendario-academia{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			/* min-width: 40%; */
			/* max-width: 40%; */
			flex: 1;
		}
			.tutores .content-asistencias .calendario-academia .calendar{
				width: 440px !important;
				height: 250px !important;
				margin-bottom: 20px;
			}

		.tutores .content-asistencias .calendario-academia .calendar th.fc-day-header.fc-widget-header {
		    background: #e0e7ec8c;
		    color: #457294;
		    border-radius: 0px;
		    border: 1px solid #dddddd;
		}	
    
		.tutores .content-asistencias .calendario-academia .calendar th.fc-day-header.fc-widget-header {
			background: #e0e7ec8c;
			color: #457294;
			border-radius: 0px;
			border: 1px solid #dddddd;
		}

		.tutores .content-asistencias .calendario-academia .calendar button.fc-prev-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
			border: none;
			background: none;
			color: #457294;
			border-radius: 0px;
			border: 1px solid #44729470;
		}

		.tutores .content-asistencias .calendario-academia .calendar button.fc-next-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {border: none;background: none;color: #457294;border-radius: 0px;border: 1px solid #44729470;}
		.tutores .content-asistencias .calendario-academia .calendar .fc-toolbar.fc-header-toolbar {
			margin-bottom: 4px;
		}
		.tutores .content-asistencias .calendario-academia .calendar .fc-center > h2 {
			font-size: 24px;
		}



		.tutores .content-asistencias .calendario-academia .calendar button.fc-agendaWeek-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right{
			border: none;
			background: none;
			color: #457294;
			border-radius: 0px;
			border: 1px solid #44729470;
		}
		.tutores .content-asistencias .calendario-academia .calendar button.fc-agendaWeek-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-active {
			border: none;
			background: #4572942e;
			color: #457294;
			border-radius: 0px;
			border: 1px solid #44729470;
		}
		.tutores .content-asistencias .calendario-academia .calendar button.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
			border: none;
			background: none;
			color: #457294;
			border-radius: 0px;
			border: 1px solid #44729470;
		}

		.tutores .content-asistencias .calendario-academia .calendar button.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-active {
			background: #3c678994;
			border: none;
			border-radius: 0px;
			color: white;
			text-shadow: none;
		}

		.tutores .content-asistencias .calendario-academia .calendar button.fc-listWeek-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {border: none;background: none;color: #457294;border-radius: 0px;border: 1px solid #44729470;}

		.tutores .content-asistencias .calendario-academia .calendar button.fc-listWeek-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-active {
			background: #3c678994;
			border: none;
			border-radius: 0px;
			color: white;
			text-shadow: none;
		}



		/* NUEVO CALENDARIO */
		.tutores .info-horario .clase-horario{
			display: flex;
			min-width: 800px;
			min-height: 465px;

		}
		.tutores .info-horario .calendario-academia{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			/* min-width: 40%; */
			/* max-width: 40%; */
			flex: 1;
		}
			.tutores .info-horario .calendario-academia .calendar{
				width: 440px !important;
				height: 250px !important;
				margin-bottom: 20px;
			}

		.tutores .info-horario .calendario-academia .calendar th.fc-day-header.fc-widget-header {
		    background: #e0e7ec8c;
		    color: #457294;
		    border-radius: 0px;
		    border: 1px solid #dddddd;
		}	
    
		.tutores .info-horario .calendario-academia .calendar th.fc-day-header.fc-widget-header {
			background: #e0e7ec8c;
			color: #457294;
			border-radius: 0px;
			border: 1px solid #dddddd;
		}

		.tutores .info-horario .calendario-academia .calendar button.fc-prev-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
			border: none;
			background: none;
			color: #457294;
			border-radius: 0px;
			border: 1px solid #44729470;
		}

		.tutores .info-horario .calendario-academia .calendar button.fc-next-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {border: none;background: none;color: #457294;border-radius: 0px;border: 1px solid #44729470;}
		.tutores .info-horario .calendario-academia .calendar .fc-toolbar.fc-header-toolbar {
			margin-bottom: 4px;
		}
		.tutores .info-horario .calendario-academia .calendar .fc-center > h2 {
			font-size: 24px;
		}

		.tutores .info-horario .calendario-academia .calendar button.fc-agendaWeek-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right{
			border: none;
			background: none;
			color: #457294;
			border-radius: 0px;
			border: 1px solid #44729470;
		}
		.tutores .info-horario .calendario-academia .calendar button.fc-agendaWeek-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-active {
			border: none;
			background: #4572942e;
			color: #457294;
			border-radius: 0px;
			border: 1px solid #44729470;
		}
		.tutores .info-horario .calendario-academia .calendar button.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
			border: none;
			background: none;
			color: #457294;
			border-radius: 0px;
			border: 1px solid #44729470;
		}

		.tutores .info-horario .calendario-academia .calendar button.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-active {
			background: #3c678994;
			border: none;
			border-radius: 0px;
			color: white;
			text-shadow: none;
		}

		.tutores .info-horario .calendario-academia .calendar button.fc-listWeek-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {border: none;background: none;color: #457294;border-radius: 0px;border: 1px solid #44729470;}

		.tutores .info-horario .calendario-academia .calendar button.fc-listWeek-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-active {
			background: #3c678994;
			border: none;
			border-radius: 0px;
			color: white;
			text-shadow: none;
		}


		.tutores .info-horario .info-dia{
			border: 1px solid #cad1db;
			height: max-content;
			max-width: 400px;
			min-width: 188px;
		}
			.tutores .info-horario .info-dia .info-cabecera{
				background-color: #125d8b;
				color: white;
				padding: 2px;
				padding-left: 5px;
				padding-right: 5px;
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
			}
				.tutores .info-horario .info-dia .info-cabecera > i{
					margin-left: 5px;
					color: #e3e7eb;
				}
					.tutores .info-horario .info-dia .info-cabecera .ui-select-erp{
						width: 100px !important;
						margin-left: 5px;
					}
					.tutores .info-horario .info-dia .info-cabecera > i{
						margin-right: 5px;
						margin-top: 3px;
					}

			
			/* INFO ADICIONAL HORARIO ALUMNO */
			.tutores .info-horario .info-horario-adicional{
				display: flex;
				padding: 5px;
				justify-content: space-around;
				flex-wrap: wrap;
				flex-direction: column;
				align-items: stretch;
				min-width: 500px;
			}
				.tutores .info-horario .info-horario-adicional > div{
					display: flex;
					flex: 1;
					flex-direction: row;
					text-align: center;
					margin-right: 10px;
					flex-wrap: wrap;
				}
					.tutores .info-horario .info-horario-adicional > div > div{
						display: flex;
						flex: 1;
						flex-direction: column;
						text-align: center;
						margin-right: 10px;
					}
						.tutores .info-horario .info-horario-adicional > div > div > span:nth-child(1){
							font-weight: bold;
						}
					


			.tutores .info-horario .info-dia .info-asistencia{
				display: flex;
				padding: 5px;
				justify-content: space-around;
				flex-wrap: wrap;
			}
				.tutores .info-horario .info-dia .info-asistencia > div{
					display: flex;
					flex: 1;
					flex-direction: column;
	    			text-align: center;
	   				 margin-right: 10px;
				}
					.tutores .info-horarios .info-dia .info-asistencia > div .fa-check{
						color: green;
					}
					.tutores .info-horario .info-dia .info-asistencia > div .fa-times{
						color: red;
					}
				
			.tutores .info-horario .info-dia .info-comentarios{
				display: flex;
				flex-direction: column;
				flex: 1;
				padding: 5px;
				padding-left: 10px;
				padding-right: 10px;
			}
				.tutores .info-horario .info-dia .info-comentarios > div:nth-child(1){
					background-color: #115d8bc9;
					color: white;
					padding-left: 5px;
				}
				.tutores .info-horario .info-dia .info-comentarios > div:nth-child(2){
					padding: 5px;
					padding-left: 10px;
					padding-right: 10px;
					overflow: scroll;
				}



@media (max-width: 535px) {
  .tutores .content-asistencias .calendario-academia .calendar{
				width: 310px !important;
			}
	.tutores .info-horario .calendario-academia .calendar{
		width: 310px !important;
	}
}

@media (max-width: 800px) {
	  .tutores .content-asistencias > div:nth-child(1){
		   width: 100% !important;

		 }
		 .tutores .info-horario > div:nth-child(1){
			width: 100% !important;
 
		  }
}





				.tutores .content-asistencias .calendario-academia .calendar .fc-today .fc-day-number{
					background-color: #a7b9ce !important;
					color: white;
				}
				.tutores .content-asistencias .calendario-academia .calendar .fc-day{
					vertical-align: middle !important;
				}
					.tutores .content-asistencias .calendario-academia .calendar .fc-day > div{
						display: flex;
					    flex-direction: row-reverse;
					    flex: 1;
					}
					
						.tutores .content-asistencias .calendario-academia .calendar .fc-day > div > .fc-day-number{
							margin: 0px !important;
							padding: 2px 3px !important;
						}
						.tutores .content-asistencias .calendario-academia .calendar .fc-day > div >  .fc-day-content{
							width: 20px !important;
						    margin-right: 2px !important;
						}
				
			   .tutores .content-asistencias .calendario-academia .calendar .calendar_color-asiste{
			  	 	background-color: #398439 !important;
			  	 	border: none;
			  	 	border-radius: 0px;
			  	}
			   		.tutores .content-asistencias .calendario-academia .calendar .calendar_color-asiste.retraso:before{
			         	position: absolute;
					    right: 1px;
					    top: 1px;
					    content: '';
					    border: 2px solid #f7f4a5;
			      }
			   .tutores .content-asistencias .calendario-academia .calendar .calendar_color-no_asiste{
			  	 	background-color: #e05d6f !important;
			  	 	border: none;
			  	 	border-radius: 0px;
			  	}
			   
			  .tutores .content-asistencias .calendario-academia .calendar .calendar_color-no_asiste, 
			  .tutores .content-asistencias .calendario-academia .calendar .calendar_color-asiste,
			  .tutores .content-asistencias .calendario-academia .calendar .calendar_color-retraso{
			  		max-height: 10px !important;
			  		max-width: 10px !important;
			  		margin-top: 6px !important;
			  }
		  
		.tutores .content-asistencias .info-dia{
			border: 1px solid #cad1db;
			height: max-content;
			max-width: 400px;
			min-width: 188px;
		}
			.tutores .content-asistencias .info-dia .info-cabecera{
				background-color: #125d8b;
				color: white;
				padding: 2px;
				padding-left: 5px;
				padding-right: 5px;
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
			}
				.tutores .content-asistencias .info-dia .info-cabecera > i{
					margin-left: 5px;
					color: #e3e7eb;
				}
					.tutores .content-asistencias .info-dia .info-cabecera .ui-select-erp{
						width: 100px !important;
						margin-left: 5px;
					}
					.tutores .content-asistencias .info-dia .info-cabecera > i{
						margin-right: 5px;
						margin-top: 3px;
					}
			.tutores .content-asistencias .info-dia .info-asistencia{
				display: flex;
				padding: 5px;
				justify-content: space-around;
				flex-wrap: wrap;
			}
				.tutores .content-asistencias .info-dia .info-asistencia > div{
					display: flex;
					flex: 1;
					flex-direction: column;
	    			text-align: center;
	   				 margin-right: 10px;
				}
					.tutores .content-asistencias .info-dia .info-asistencia > div .fa-check{
						color: green;
					}
					.tutores .content-asistencias .info-dia .info-asistencia > div .fa-times{
						color: red;
					}
				
			.tutores .content-asistencias .info-dia .info-comentarios{
				display: flex;
				flex-direction: column;
				flex: 1;
				padding: 5px;
				padding-left: 10px;
				padding-right: 10px;
			}
				.tutores .content-asistencias .info-dia .info-comentarios > div:nth-child(1){
					background-color: #115d8bc9;
					color: white;
					padding-left: 5px;
				}
				.tutores .content-asistencias .info-dia .info-comentarios > div:nth-child(2){
					padding: 5px;
					padding-left: 10px;
					padding-right: 10px;
					overflow: scroll;
				}
		  
	    .tutores .content-asistencias .asistencias-leyenda{
	         	display: flex;
	         	flex: 1;
	         	flex-direction: column;
	         	margin-left: 10px;
	         	/* min-width: 85px; */
	         	/* max-width: 119px; */
	         	width: 100px;
	     }
		    .tutores .content-asistencias .asistencias-leyenda > div:nth-child(1){
		        background: #145d89 !important;
		        border-radius: 0px !important;
		        color: white !important;
		        margin: 0px !important;
		        padding-left: 5px;
		        width: 110px !important;
		    }
		    .tutores .content-asistencias .asistencias-leyenda > div:nth-child(2){
		        display: flex;
		        flex-direction: row;
		        background: none !important;
		        border-radius: 0px !important;
		        border: 1px solid #cad1db;
		        margin: 0px !important;
		        align-items: baseline !important;
		        color: #2e4c6c !important;
		        flex-wrap: wrap;
		        width: 110px !important;
		    }
		        .tutores .content-asistencias .asistencias-leyenda > div:nth-child(2) > div{
		            display: flex;
		            align-items: center;
		            padding-left: 5px;
		            padding-right: 5px;
		        }
		           .tutores .content-asistencias .asistencias-leyenda > div:nth-child(2) > div:nth-child(1) > span:nth-child(1){
		           	background: #398439 !important;
		           	width: 10px !important;
		           	height: 10px !important;
		           	margin-right: 5px;
		           }
		          .tutores .content-asistencias .asistencias-leyenda > div:nth-child(2) > div:nth-child(2) > span:nth-child(1){
		              background: #e05d6f !important;
		              width: 10px !important;
		              height: 10px !important;
		              margin-right: 5px;
		          }
		          .tutores .content-asistencias .asistencias-leyenda > div:nth-child(2) > div:nth-child(3) > span:nth-child(1){
		              background: #f7f4a5 !important;
		              width: 10px !important;
		              height: 10px !important;
		              margin-right: 5px;
		              border: 1px solid lightgray;
		          }
		          .tutores .content-asistencias .asistencias-leyenda > div:nth-child(2) > div:nth-child(4) > span:nth-child(1){
		              background: #f4f4f4 !important;
		              width: 10px !important;
		              height: 10px !important;
		              margin-right: 5px;
		              border: 1px solid lightgray;
		          }
		           
	.tutores .listado-facturas{
		margin-bottom: 10px;
		min-width: 450px;
	}
		.tutores .listado-facturas .cabecera {
		    border-bottom: 1px solid black;
		    display: flex;
		    margin: 5px 0px;
		    font-size: 15px;
		    background: none !important;
		    color: #63717a;
		    padding: 0px;
		}
		.tutores .listado-facturas > div{
			display: flex;
		}
			.tutores .listado-facturas > div > div{
				margin-left: 10px;
				color: #3f4e62;
			}
			.tutores .listado-facturas > div > i{
				margin-left: 10px;
	   	 		color: #145d89;
	    		padding-top: 2px
			}

	
	.tutores .sin-notificaciones{
		padding-left: 15px;
	}
	
	
	.tutores .fc-header{
		height: 20px !important;
	}
		.tutores .fc .fc-header .fc-button{
			height: 22px !important;
			margin: 0px 4px 0px 0px !important;
			padding: 0px !important;
			line-height: 27px;
		}
		.tutores .fc-header tr{
			height: 20px !important;
		}
			.tutores .fc-header tr .fc-header-left{
				height: 20px !important;
				margin: 0px !important;
				padding: 0px !important;
			}
			.tutores .fc-header tr .fc-header-center{
				height: 20px !important;
				margin: 0px !important;
				padding: 0px !important;
			}
			.tutores .fc-header tr .fc-header-right{
				height: 20px !important;
				margin: 0px !important;
				padding: 0px !important;
			}
			
			.tutores .fc-header tr .fc-header-title > h2{
				line-height: 35px !important;
			}


	/* ANIMACIONES NOTIFICACIONES */
	
	.tutores .streamline .panel-body {
		overflow: auto;
		transition: max-height 0.4s ease-in;
		max-height: 500px;
	}
		.tutores .streamline .panel-body.ng-hide {
			max-height: 0;
			transition: max-height 0.3s ease-out;
		}
	.tutores .ver-notificaciones .listado-notificaciones {
		transition: max-height 0.4s ease-in;
		max-height: 1000px;
		/* overflow-y: auto; */
		overflow-x: hidden;
	}
		.tutores .ver-notificaciones .listado-notificaciones.ng-hide {
			max-height: 0;
			transition: max-height 0.3s ease-out;
		}
	
	.tutores .contenido-notificacion {
		transition: max-height 0.4s ease-in;
		max-height: 1000px;
		overflow-y: auto;
		overflow-x: hidden;
	}
		.tutores .contenido-notificacion.ng-hide {
			max-height: 0;
			transition: max-height 0.3s ease-out;
		}
	
	.tutores .reply-container.new-reply {
		animation-name: reply_creation;
		animation-duration: 0.3s;
	}
	
	@keyframes reply_creation {
		from { 
			transform: scale(0, 0); 
		}
		to { 
			transform: scale(1, 1); 
		}
	}
	
	.tutores .grupo-alumno > div > span.notificaciones-sinleer{
		animation: jump 4s infinite;
	}
			
.tutores .holidays {
	color: #145d89;
	background: #f4f4f4 !important;
	border-color: #ddd !important;
}
.tutores .holidays:after {
	content: attr(data-content);
	position: absolute;
	bottom: 0px;
	font-size: 10px;
	/* background: white; */
	/* border: 1px dashed #7fabe8; */
	padding: 1px;
	/* text-overflow: ellipsis; */
	width: 55px;
}

.tutores a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.calendar_color_festivo {
    width: 10px;
    height: 10px;
    border-radius: 0px;
    background: #808085;
    border: none;
}
.tutores a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.calendar_color_clase {
    width: 10px !important;
    height: 10px !important;
    border-radius: 0px !important;
    border: none;
    margin: 0px 2px !important;
}
.tutores a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.calendar_color_examen {
    width: 10px !important;
    height: 10px !important;
    border-radius: 0px !important;
    border:  none;
    margin: 0px 2px !important;
}


.tutores .imagen-alumno{
	height: 100px;
}


/* NOTIFICACIONES */
.tutores .alumnos .content-principal .notificaciones-alumno .imagen-alumno-notificacion{
	height: 30px;
}
@charset "UTF-8";

.profesores {
    height: 100%;
}

.profesores input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}

.profesores label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.profesores .form-group{
	margin: 0px;
	margin-bottom: 5px;
	display: flex;
	width: 100%;
	flex: 1;
}

.profesores .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.profesores .bottom > div{
    flex: 1;
    width: 100%;
}
.profesores .row.bottom > div:nth-child(1){
	min-height: 520px;
}

.profesores .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
}

/* Controls */
.profesores .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.profesores .controls-buttons-erp > li{
   margin-right: 5px;
}

.profesores .controls-buttons-erp > li > a{
    color:black;
}



.profesores .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.profesores .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
}

.profesores .controls-tabs-erp > li > a{
    color: black;
}

/* End controls */

/* Tabs */
.profesores .tab-erp {}
.profesores .tab-erp > *:nth-child(1){
	padding: 0px;
}
.profesores .tab-erp > *:nth-child(2) > *{
	margin: 0px;
}
.profesores .tab-erp > *:nth-child(1) > *:nth-child(2){
    height: 32px !important;
}

.profesores .tab-erp > *:nth-child(1) > *:nth-child(2) > * > *{
    padding-top: 0px;
}

.profesores .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *{
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.profesores .tab-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.profesores .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	background: #ffffff;
	margin: 0px;
	padding: 5px 5px 5px 6px;
	overflow: hidden;
}
.profesores .tab-erp > *:nth-child(2) > * > * > *:nth-child(1) > textarea{
	width: 100%;
}
.profesores .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 1%;
    font-size: 12px;
    font-family: tahoma;
    color: white;
}


.profesores .tab-dynamic-erp {
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.profesores .tab-dynamic-erp > md-tabs{
	margin: 0px;
	border: none;
}
.profesores .tab-dynamic-erp > md-tabs > md-tabs-wrapper{
    height: 32px !important;
    padding: 0px;
}

.profesores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data{
}
.profesores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data > md-tab{
}
.profesores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas{
}
.profesores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper{
}

.profesores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item{
	padding: 0px;
}

.profesores .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item > span{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.profesores .tab-dynamic-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.profesores .tab-dynamic-erp md-tabs-content-wrapper {
    top: 32px !important;
}

.profesores .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content{
	padding: 0px;
	margin: 0px;
	background: white;
	width: 100% !important;
	display: flex;
}
.profesores .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div{
    padding: 0px;
    margin: 0px;
    width: 100%;
}
.profesores .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div{
	overflow: hidden;
	padding-top: 5px !important;
	padding-bottom: 10px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	margin: 0px !important;
	text-align: left !important;
	display: flex;
	flex-direction: column;
}
.profesores .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div > div > div{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}
/* End tabs */

/* Tile */
.profesores .tile{
	height: 100%;
}
.profesores .tile.tile-widget {
    padding: 10px;
}
	.profesores .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}
	.profesores .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.profesores .tile .tile-header.dvd .controls > li.controls-editar,
		.profesores .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.profesores .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.profesores .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.profesores .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.profesores .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.profesores .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.profesores .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.profesores .tile .tile-header .controls > li > label {
			height: 100%;
			line-height: 21px;
			min-width: 100px;
			padding: 0px;
			color: #95a2a9;
			display: block;
			margin: 0px;
			text-align: center;
			top: 10px;
			margin-left: 10px;
        }
	.profesores .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}

.profesores .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 35px;
	right: 0px;
}
.profesores .delegacion-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}
.profesores .bottom-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}
.profesores label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

/* Modificaciones */
    .profesores .row.nserie{
    }
    .profesores .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .profesores .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .profesores .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    .profesores .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 1px !important;
    }
    .profesores .row.urow3 > div:nth-child(3){
		margin: 0px !important;
		padding-left: 0px !important;
		}
    .profesores .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.profesores .autowidth > input{
		width: 100% !important;
	}
	
    .profesores .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.profesores .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.profesores .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.profesores .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .profesores .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.profesores .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .profesores .tile .tile-header-erp .controls{

	    }
	    .profesores .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .profesores .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .profesores .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .profesores .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .profesores .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .profesores .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .profesores .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .profesores .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .profesores .table-custom-inline .tr_custom_erp > td{
      
    }
    
    .profesores .table-custom-inline .tr_custom_erp > td:nth-child(8){
    	min-width: 50px;
    }

    .profesores .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .profesores .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .profesores .row.row-erp{
     padding:15px !important;
   }
	   .profesores .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		  }
		 .profesores .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .profesores .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.profesores .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.profesores .doc-span > i{
		font-size: 10px;
	}
	.profesores .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.profesores .doc-span:visited{
		color: #dbe0e2;
	}
	
	/* Select input directive */
	.profesores .select-input{
		display: flex;
		/* flex: 1; */
		/* margin: 0px; */
		/* padding: 0px; */
		width: 100%;
	}
	.profesores .select-input > div:nth-child(1){
		flex: 1;
	}
	.profesores .select-input i.caret.pull-right{
		display:none;
	}
	
	.profesores .a-select-input.ng-scope{
        border: 1px solid #e1e1e1;
        border-left: none;
        padding-right: 4px;
        padding-left: 4px;
        cursor: pointer;
        color: #616f77 !important;
        background: #e1e1e1;
        border-left: none;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 20px;
        position: relative;
        width: 15px;
    }
     .profesores .a-select-input.ng-scope:hover{
      background: #e1e1e1;
    }
    .profesores .a-select-input.ng-scope > i{
      font-size: 12px;
      position: absolute;
      margin-top: 2px;
    }
	
   
   /* Tile custom */
   .profesores .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .profesores .tile-body.table-custom {
	    padding: 0px;
	}

   .profesores .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .profesores .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.profesores .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.profesores .tile-table-erp tbody td {
	}

   
   /* End */
   
   .profesores .mLeft {
   		margin-left: 5px !important;
	}

	.profesores .fila {
    	display: flex !important;
    	flex: 1 !important;
    	height: 25px !important
	}
	
		.profesores .fila button{
			height: 20px ! important;
			font-size: 12px !important;
		}

		.profesores .fila .item-3{
			display: flex !important;
    		width: 33%;
		}

		.profesores .fila .item-2_3{
			display: flex !important;
    		width: 66%;
		}

		.profesores .fila .item-1_2{
			display: flex !important;
    		width: 50%;
		}
	
	.profesores .check {
    	padding-left: 30px !important;
    	
	}
	.profesores .checkTop {
    	margin-top: 3px !important;
	}
	
	.profesores .buttons {
    	display: flex !important;
	}
		.profesores .buttons > button{
    		background: transparent;
   			border: none;
		}
		.profesores .buttons > button:active{
    		background: transparent;
   			border: none !important;
		}
		.profesores .buttons > button:focus{
    		background: transparent;
   			border: none !important;
		}
		.profesores .buttons > button:nth-child(1){
    		margin-left: -6px !important;
		}
		.profesores .buttons > button:nth-child(2){
    		margin-left: -15px !important;
		}
		
	.profesores campo-fecha > span > span > button {
   		height: 20px;
	}


/* NIF/NIE */
.profesores .field-nifnie {
    flex-direction: row;
}
    .profesores .field-nifnie > .item-check{
        width: 12px;
        margin-top: 3px;
    }
	   	.profesores .field-nifnie > .item-check > *{
	   		min-width: 8px !important;
	   		max-width: 8px !important;
	   	}
	.profesores .field-nifnie > button,
	.profesores .field-nifnie > button:focus,
	.profesores .field-nifnie > button:active{
		border: none !important;
		background: none !important;
		width: 20px;
		height: 17px;
	}
		.profesores .field-nifnie > button > i{
		    font-size: 14px;
		}
	.profesores .field-nifnie .popover{
		width: 180px;
		height: 80px;
	}
	    .profesores .field-nifnie .popover.bottom > .arrow {
			top: -11px;
			left: 50%;
			margin-left: -11px;
			border-top-width: 0;
			border-bottom-color: #999;
			border-bottom-color: rgba(0, 0, 0, 0);
        }
/* */

/* Condiciones */

.profesores .buttons-condiciones {
    position: absolute;
    top: 0px;
    z-index: 1;
    right: 20px;
}
	.profesores .buttons-condiciones > button{
		background: none;
		border: none;
	}

/* End condiciones */

.profesores .loading-page {
   height: 100%;
}



/* HISTORICO CAMBIOS */
.profesores .historico-cambios {
    display: flex;
}

.profesores .historico-cambios > .listado-historico{
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.profesores .historico-cambios > .listado-historico > .cabecera{
    display: flex;
    /* flex: 1; */
    /* flex-wrap: nowrap; */
    /* height: 20px; */
    align-items: baseline;
    text-align: center;
    /* height: 20px !important; */
    margin: 2px 0px;
}
.profesores .historico-cambios > .listado-historico > .cabecera > div{
    margin: 0px 5px;
    flex: 1;
    border-bottom: 1px solid black;
}
.profesores .historico-cambios > .listado-historico > .cabecera > div:nth-child(1){
    min-width: 70px;
    max-width: 70px;
}
.profesores .historico-cambios > .listado-historico > .cabecera > div:nth-child(7){
    min-width: 10px;
    max-width: 10px;
    border: none;
}
.profesores .historico-cambios > .listado-historico > .cabecera > div:nth-child(8){
    min-width: 10px;
    max-width: 10px;
    border: none;
}
.profesores .historico-cambios > .listado-historico > .content{
    display: flex;
    flex: 1;
    flex-direction: column;
    /* margin: 5px 0px; */
}
.profesores .historico-cambios > .listado-historico > .content > .historico{
    display: flex;
    flex: 1;
    margin: 1px 0px;
    align-items: center;
    text-align: center;
    border-bottom: 1px dashed #cccccc;
    font-size: 12px;
    /* padding: 11px 0px; */
}
.profesores .historico-cambios > .listado-historico > .content > .historico > .actual{
    color: #50d050 !important;
}
.profesores .historico-cambios > .listado-historico > .content > .historico > .noactual{
    color: #e64a3e !important;
}
.profesores .historico-cambios > .listado-historico > .content > .historico > div{
    flex: 1;
    margin: 0px 5px;
    min-width: 50px;
    padding: 5px 0px;
}
.profesores .historico-cambios > .listado-historico > .content > .historico > div:nth-child(1){
    min-width: 70px;
    max-width: 70px;
}
.profesores .historico-cambios > .listado-historico > .content > .historico > div:nth-child(7){
    min-width: 10px;
    max-width: 10px;
    color: #616f78;
}
.profesores .historico-cambios > .listado-historico > .content > .historico > div:nth-child(8){
    min-width: 10px;
    max-width: 10px;
    color: #616f78;
}

.profesores .listado-grupos {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    border: 1px solid #dbe0e2;
    /* padding: 5px; */
    color: #65737c;
    font-family: tahoma;
}
.profesores .listado-grupos .item-grupo{
    border-bottom: 1px dashed #dbe0e2;
    /* margin: 1px 0px; */
    padding: 5px;
    display:  flex;
    flex: 1;
}
.profesores .listado-grupos .item-grupo > div:nth-child(1){
    padding-right: 5px;
}
.profesores .listado-grupos .item-grupo:last-child{
    border: none;
}




/* IMAGEN */

.profesores .container-imagen{
	display:flex;
}
	.profesores .container-imagen .form-imagen{
		margin-right: 5px;
	}
		.profesores .container-imagen .form-imagen > input{
			visibility: hidden;
		}
		.profesores .container-imagen .form-imagen .imagen{
			
		}
			.profesores .container-imagen .form-imagen .imagen > img{
				width: 100%;
			}
	.profesores .container-imagen .view-imagen{
		min-width: 115px;
		max-width: 248px;
		flex: 1;
	}
		.profesores .container-imagen .view-imagen .imagen{
		
		}	
			.profesores .container-imagen .view-imagen .imagen > img{
			 	width: 100%;
			}
	.profesores .container-imagen .buttons-gallery {
	    position: absolute;
	    top: 0px;
	    right: 0px;
	    margin-left: 5px;
	}
		.profesores .container-imagen .buttons-gallery > button{
		    padding: 2px;
		    max-width: 25px;
		    width: 25px;
		}

/* Observaciones */
.profesores .button-observaciones {
    position: absolute;
    z-index: 1;
    right: 20px;
    margin-top: 10px;
    border: none !important;
}



/* CAMBIOS NIVEL */
.profesores .buttons-cambios {position: absolute;background: #ffffff66;z-index: 10;right: 20px;margin-top: 16px;}
	.profesores .buttons-cambios > button{
		border: none;
		background: none;
	}
	.profesores .buttons-cambios > button:disabled{
		border: none;
	}
	.profesores .buttons-cambios > button:nth-child(1):disabled{
		/* color: #b1b7bb; */
	}
	.profesores .buttons-cambios > button:nth-child(2){
		border: none;
		background: none;
		/* color: green; */
	}
	.profesores .buttons-cambios > button:nth-child(2):disabled{
		/* color: #b1b7bb; */
	}

/* Control de notificaciones */
.profesores .control-profesores{
	display: flex;
	align-items: center;
}
    .profesores .control-profesores .button-editar-zoom{
        font-size: 11px;
    }
        .profesores .control-profesores .button-editar-zoom > i{
    	    font-size: 11px !important;
        }
	.profesores .control-profesores > label{
	
	}
		.profesores .control-profesores > label > input{
			width: 20px !important;
		}
	
/* Lista de grupos */
.profesores .list-grupos{
	display: flex;
	margin-bottom: 45px;
	flex-direction: column;
	color: #323232;
}
	.profesores .list-grupos > .cabecera{
		display: flex;
		flex: 1;
		align-items: center;
		text-align: center;
		margin-bottom: 10px;
		margin-top: 5px;
	}
		.profesores .list-grupos > .cabecera > div{
			flex: 10;
			margin: 0px 5px;
			border-bottom: 1px dashed #404e62;
		}
		.profesores .list-grupos > .cabecera > div:last-child{
			flex: 1;
			margin: 0px 20px;
			border-bottom: none;
			max-width: 55px;
		}
	.profesores .list-grupos > .content{
		display: flex;
		flex-direction: column;
		flex: 1;
		font-size: 12px;
	}
		.profesores .list-grupos > .content > .item-grupo{
			flex: 1;display: flex;margin: 5px 0px;
			text-align: center;
		}
			.profesores .list-grupos > .content > .item-grupo > div{
				flex: 10;
				margin: 0px 5px;
			}
			.profesores .list-grupos > .content > .item-grupo > div:nth-child(1){

			}
			.profesores .list-grupos > .content > .item-grupo > div:nth-child(2){

			}
			.profesores .list-grupos > .content > .item-grupo > div:nth-child(3){
				flex: 1;
				color: #758188;
				max-width: 55px;
			}


	.profesores .auto-height {
    	display: flex !important;
    	flex: 1 !important;
	}
	.profesores .select-padding {
    	padding-top: 5px;
	}
	.profesores .tab-margin {
    	margin-top: 10px;
	}
	
.profesores .buttons-asignar {
    position: absolute;
    top: 0px;
    z-index: 1;
    right: 5px;
}
	.profesores .buttons-asignar > button{
		background: none;
		border: none;
	}
	


.profesores .col-nueva-poblacion{
	height: 20px !important;
}
	.profesores .col-nueva-poblacion > button{
    	background: none;
     	height: 20px !important;
     	font-size: 12px;
     	position: absolute;
     	right: 0px;
     	border: none;
     }


/* ASIGNAR GRUPOS */
.profesores .asignar-grupos{
	margin-top: 10px;
	text-align: center;
}
	.profesores .asignar-grupos > div > .cabecera{
		border-bottom: 1px solid #778289;
	}
	
	.profesores .asignar-grupos .grupos-seleccionados{
		border: 1px solid #a3aaaf;
		border-top: none;
	}
		.profesores .asignar-grupos .grupos-seleccionados .grupos-separador{
			color: white;
			margin-bottom: 5px;
			padding-left: 10px;
			background-color: #778289ad;
		}
	
	.profesores .asignar-grupos > div > .cabecera > div{
		margin-left: 15px;
		color: #778289;
	}
		.profesores .asignar-grupos > div > .cabecera > div:nth-child(1){
			min-width: 70px;
			max-width: 80px;
		}
		.profesores .asignar-grupos > div > .cabecera > div:nth-child(2){
			min-width: 110px;
			max-width: 110px;
			
		}
		.profesores .asignar-grupos > div > .cabecera > div:nth-child(3){
			min-width: 110px;
			max-width: 110px;
			
		}
		.profesores .asignar-grupos > div > .cabecera > div:nth-child(4){
			min-width: 110px;
			max-width: 110px;
		}	
		.profesores .asignar-grupos > div > .cabecera > div:nth-child(5){
			min-width: 110px;
			max-width: 110px;
			
		}
		.profesores .asignar-grupos > div > .cabecera > div:nth-child(6){
			min-width: 20px;
			max-width: 20px;
			border: none;
		}

	.profesores .asignar-grupos .content .info-grupo > div{
		margin-left: 15px;
		font-size: 12px;
	}
		.profesores .asignar-grupos .content .info-grupo > div:nth-child(1){
			min-width: 70px;
			max-width: 70px;
		}
		.profesores .asignar-grupos .content .info-grupo > div:nth-child(2){
			min-width: 110px;
			max-width: 110px;
			
		}
		.profesores .asignar-grupos .content .info-grupo > div:nth-child(3){
			min-width: 110px;
			max-width: 110px;
			
		}
		.profesores .asignar-grupos .content .info-grupo > div:nth-child(4){
			min-width: 110px;
			max-width: 110px;
		}	
		.profesores .asignar-grupos .content .info-grupo > div:nth-child(5){
			min-width: 110px;
			max-width: 110px;
			
		}
		.profesores .asignar-grupos .content .info-grupo > div:nth-child(6){
			min-width: 20px;
			max-width: 20px;
			border: none;
		}

		.profesores .asignar-grupos  .content .horarios{
			padding-left: 95px;
			padding-top: 5px;
			padding-right: 35px;
		}
			.profesores .asignar-grupos  .content .horarios .cabecera{
				border-bottom: 1px dashed #778289;
			}
			.profesores .asignar-grupos  .content .horarios .cabecera > div{
				margin-left: 15px;
				color: #778289;
			}
				.profesores .asignar-grupos  .content .horarios .cabecera > div:nth-child(1){
					min-width: 150px;
					max-width: 150px;
				}
				.profesores .asignar-grupos  .content .horarios .cabecera > div:nth-child(2){
					min-width: 90px;
					max-width: 90px;

				}
				.profesores .asignar-grupos  .content .horarios .cabecera > div:nth-child(3){
					min-width: 180px;
					max-width: 180px;

				}
				.profesores .asignar-grupos  .content .horarios .cabecera > div:nth-child(4){
					min-width: 20px;
					max-width: 20px;
					border: none;
				}
			.profesores .asignar-grupos  .content .horarios .content{
				font-size: 12px;
			}
			.profesores .asignar-grupos  .content .horarios .content.conflicto{
				color: #d9534f !important;
			}
			.profesores .asignar-grupos  .content .horarios .content > div{
				margin-left: 15px;
			}
				.profesores .asignar-grupos  .content .horarios .content > div:nth-child(1){
					min-width: 150px;
					max-width: 150px;
				}
				.profesores .asignar-grupos  .content .horarios .content > div:nth-child(2){
					min-width: 90px;
					max-width: 90px;

				}
				.profesores .asignar-grupos  .content .horarios .content > div:nth-child(3){
					min-width: 180px;
					max-width: 180px;

				}
				.profesores .asignar-grupos  .content .horarios .content > div:nth-child(4){
					min-width: 20px;
					max-width: 20px;
					border: none;
				}					
	 .profesores .grid-historico{
	 	padding: 0px !important;
	 }
		.profesores .grid-historico .grid-erp-blue{
			border: none !important;
		}
		.profesores .grid-historico .ui-grid-header-canvas{
			width: 100% !important;
		}
		.profesores .grid-historico .ui-grid-header-cell-wrapper{
			width: 100%;
		}
		.profesores .grid-historico .ui-grid-header-cell-row {
			width: 100%;
		}
		.profesores .grid-historico .ui-grid-header-cell-row > div{
		    min-width: unset !important;
		    max-width: unset !important;
		}
		.profesores .grid-historico .ui-grid-header-cell-row > div:nth-child(1){
		    width: 20%;
		}
		.profesores .grid-historico .ui-grid-header-cell-row > div:nth-child(2){
		     width: 12%;
		}
		.profesores .grid-historico .ui-grid-header-cell-row > div:nth-child(3){
		     width: 12%;
		}
		.profesores .grid-historico .ui-grid-header-cell-row > div:nth-child(4){
		     width: 12%;
		}
		.profesores .grid-historico .ui-grid-header-cell-row > div:nth-child(5){
		     width: 12%;
		}
		.profesores .grid-historico .ui-grid-header-cell-row > div:nth-child(6){
		     width: 15%;
		}
		.profesores .grid-historico .ui-grid-header-cell-row > div:nth-child(7){
		    width: 10%;
		}
		.profesores .grid-historico .ui-grid-header-cell-row > div:nth-child(8){
		    width: 7%;
		}
		
		.profesores .grid-historico .ui-grid-canvas{
			width: 100% !important;
		}
		.profesores .grid-historico .ui-grid-row > div > .ui-grid-cell{
			min-width: unset;
			max-width: unset;
		}
		.profesores .grid-historico .ui-grid-row > div > .ui-grid-cell:nth-child(1){
			width: 20%;
		}
		.profesores .grid-historico .ui-grid-row > div > .ui-grid-cell:nth-child(2){
			width: 12%;
		}
		.profesores .grid-historico .ui-grid-row > div > .ui-grid-cell:nth-child(3){
			width: 12%;
		}
		.profesores .grid-historico .ui-grid-row > div > .ui-grid-cell:nth-child(4){
			width: 12%;
		}
		.profesores .grid-historico .ui-grid-row > div > .ui-grid-cell:nth-child(5){
			width: 12%;
		}
		.profesores .grid-historico .ui-grid-row > div > .ui-grid-cell:nth-child(6){
			width: 15%;
		}
		.profesores .grid-historico .ui-grid-row > div > .ui-grid-cell:nth-child(7){
			width: 10%;
		}
		.profesores .grid-historico .ui-grid-row > div > .ui-grid-cell:nth-child(8){
			width: 7%;
		}
		
		.profesores .grid-historico .ui-grid-footer-canvas{
			width: 100% !important;
		}
		.profesores .grid-historico .ui-grid-footer-cell-wrapper{
			width: 100% !important;
		}
		.profesores .grid-historico .ui-grid-footer-cell-row .ui-grid-footer-cell{
			min-width: unset;
			max-width: unset;
		}
		.profesores .grid-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
			width: 20%;
		}
		.profesores .grid-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
			width: 12%;
		}
		.profesores .grid-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
			width: 12%;
		}
		.profesores .grid-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
			width: 12%;
		}
		.profesores .grid-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
			width: 12%;
		}
		.profesores .grid-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
			width: 15%;
		}
		.profesores .grid-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
			width: 10%;
		}
		.profesores .grid-historico .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
			width: 7%;
		}

	.profesores .tipo-usuario-des{
		color: #ce7e1c;
		font-size: 11px !important;
	}
	.profesores .button-editar-zoom,
	.profesores .button-editar-zoom:hover,
	.profesores .button-editar-zoom:focus,
	.profesores .button-editar-zoom:active{
		background: none !important;
		border: none !important;
	}
		.profesores .button-editar-zoom > i{
			font-size: 11px;
		}


/** Meetings **/
.meetings-profesor{
}
	.meetings-profesor .avisos-general{
	    font-style: italic;
	    font-size: 13px;
	    color: #d06161;
	}
		.meetings-profesor .avisos-general .principal{
			margin-left: 5px;
		}
			.meetings-profesor .avisos-general .principal div:last-child{
				margin-bottom: 15px;
			}
		.meetings-profesor .avisos-general .secundario{
			margin-left: 5px;
		}
			.meetings-profesor .avisos-general .secundario div:last-child{
				margin-bottom: 15px;
			}
	.meetings-profesor .solicitar-clases{
		margin: 20px 0px;
		/* text-align: center; */
		display: flex;
		justify-content: center;
		align-items: center;
		border-top: 1px solid lightgrey;
		padding-top: 10px;
	}
	.meetings-profesor .tipo-centrado{
		text-align: center;
	}
	.meetings-profesor .buttons-solicitar{
		position: relative;
	}
		.meetings-profesor .buttons-solicitar > button{
			position: absolute;
    		top: 10px;
    		left: 70px;
    		font-weight: bold;
		}
	.meetings-profesor .tipo-usuario-d{
		text-align: center;
	}
	    .meetings-profesor .tipo-usuario-d .cabecera{
	        border-bottom: 1px solid lightgrey;
	    }
		.meetings-profesor .tipo-usuario-d .content{
				display: flex;
				flex-direction: row;
				justify-content: center;
			}
				.meetings-profesor .tipo-usuario-d .content .checkbox.checkbox-custom{
					margin-top: 10px;
					margin-left: 10px;
				}
	.meetings-profesor .tipo-usuario{
		/*border-right: 1px dashed #cdd3d8;*/
	}
		.meetings-profesor .tipo-usuario .content{
			display: flex;
			flex-direction: row;
			justify-content: center;
		}
			.meetings-profesor .tipo-usuario .content .checkbox.checkbox-custom{
				margin-top: 10px;
				margin-left: 10px;
			}
			
	.meetings-profesor .footer-meeting{
		margin-top: 50px;
		text-align: center;
	}
	    .meetings-profesor .footer-meeting > button{
	        height: 26px !important;	
	    }
	.meetings-profesor .info-cuenta{
		display: flex;
		flex-direction: column;
		height: 75px;
		font-size: 12px;
		color: #2d4c6c;
	}
		.meetings-profesor .info-cuenta > div{
		}
	
@charset "UTF-8";

.profesores-grupos {
    height: 100%;
    overflow: scroll;
    width: 100% !important;
    overflow-x: hidden !important;
	overflow: hidden !important;
}

.profesores-grupos .col-label{
	max-width: 90px !important;
	min-width: 90px !important;
	max-height: 20px !important;
	overflow: hidden;
	padding: 0px;
}

.profesores-grupos input, .profesores-grupos input:focus{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
	text-transform: uppercase;
}

.profesores-grupos label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.profesores-grupos .form-group{
	margin: 0px;
	margin-bottom: 5px;
	display: flex;
	height: 100%;
	width: 100%;
	flex: 1;
}

/* SELECT GRUPO */
.profesores-grupos .select-grupos{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 12px;
}

/* END SELECT GRUPO */

/* Cabecera */
.profesores-grupos .info-principal-grupo {
    display: flex;
    border-bottom: 2px groove #2d4c6f;
    font-size: 17px;
    align-items: flex-end;
    border-left: 3px solid orange;
    margin: 0px 5px;
}
	.profesores-grupos .info-principal-grupo > div{
		color: #2d4c6f;
		margin-left: 5px;
	}
	.profesores-grupos .info-principal-grupo > div:nth-child(1){
		/* width: 40% !important; */
		flex: 1;
	}
	.profesores-grupos .info-principal-grupo > div:nth-child(2){
		/* width: 60% !important; */
		flex: 1;
	}


/** Info Popover **/
.profesores-grupos .info-popover{
	width: 250px;
}
	.profesores-grupos .info-popover > .titulo{
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.profesores-grupos .info-popover > .descripcion{
		color: #2d4c6d;
	}
.profesores-grupos .popover.popover-ca{
	border: 2px solid #aacbde;
	text-align: justify;
}
	.profesores-grupos .popover.popover-ca .popover-content{
		/* border: 2px solid #2d4c6d; */
	}
/** End info popover **/


.profesores-grupos .grupo {
    display: flex;
    padding: 5px;
    position: relative;
    margin-bottom: 20px;
    color: #616f77;
    background-color: white;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
}

.profesores-grupos .grupo .menu-izq{
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-right: 5px;
    min-width: 180px;
    max-width: 180px;
}

.profesores-grupos .grupo .menu-izq > div{
	display: flex;
	flex-direction:column;
}
.profesores-grupos .grupo .menu-izq > div > div{
    padding: 4px;
    margin-bottom: 1px;
    background: #77D3AD;
    color: white;
}
.profesores-grupos .grupo .menu-izq > div > div:hover{
    padding: 4px;
    margin-bottom: 1px;
    background: #496f5f;
    cursor: pointer;
}
.profesores-grupos .grupo .menu-izq > div > div.cabecera{
	border-bottom: 1px groove #145d89;
	display: flex;
	margin: 5px 0px;
	font-size: 15px;
	background: none !important;
	color: #63717a !important;
	padding: 0px;
	border-radius: 0px !important;
}
.profesores-grupos .grupo .menu-izq > div > div:nth-child(even){
	/*background: #145d89;*/
	background: #4f86a7;
	color: white;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 5px;
}
.profesores-grupos .grupo .menu-izq > div > div:nth-child(even) > a{
	color: white !important;
}
.profesores-grupos .grupo .menu-izq > div > div:nth-child(odd){
	/*background: #145d89bf;*/
	background: #4f86a7;
	color: white;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 5px;
}

.profesores-grupos .grupo .content-right{
    display: flex;
    flex-direction: column;
    flex: 3;
    overflow: scroll;
	overflow: hidden !important;
}

.profesores-grupos .grupo .content-right > div > .cabecera {
    border-bottom: 1px solid #2e4c6c;
    display: flex;
    margin: 5px 0px;
    font-size: 15px;
    font-weight: bold;
}
.profesores-grupos .grupo .content-right > div > .content{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
	.profesores-grupos .grupo .content-right > div > .content > div{

	}
		.profesores-grupos .grupo .content-right > div > .content > div > img{
			height: 50px;
		}

.profesores-grupos .grupo .content-right .listado-imagenes .listado-alumnos.ng-scope {
    display: flex;
    color: white;
    background-color: white;
    width: 190px;
    height: 125px;
    border: 1px dashed #5989a9;
    margin: 5px;
    justify-content: center;
    align-items: center;
    position: relative;
	border-radius: 5px;
	box-shadow: 4px 4px 4px #4f86a7;
}
.profesores-grupos .grupo .content-right .listado-imagenes .listado-alumnos > div{
    background: white;
    width: 100%;
    color:  white;
    margin: 1px 0px;
    border: none;
    color: #616f77;
}

.profesores-grupos .grupo .content-right .listado-imagenes .listado-alumnos > .datoAlumno{
    background: #ffffff !important;
    width: 100% !important;
    padding: 3px !important;
    margin: 1px 0px !important;
    color: #616f77 !important;
    text-align: center;
    font-size: 13px;
}

.profesores-grupos .grupo .content-right .listado-imagenes .listado-alumnos > .imagen-sonido{
	display: flex;
	align-items: center;
	position: absolute;
	width: 14px;
	height: 14px;
	bottom: 2px;
	background: none;
	right: 2px;
}
.profesores-grupos .grupo .content-right .listado-imagenes .listado-alumnos > .alergias{
	display: flex;
	align-items: center;
	position: absolute;
	width: 14px;
	height: 14px;
	bottom: 0px;
	background: none;
	right: 18px;
	/* z-index: 9999 !important; */
}
    .profesores-grupos .grupo .content-right .listado-imagenes .listado-alumnos > .alergias > div{

    }
    .profesores-grupos .grupo .content-right .listado-imagenes .listado-alumnos > .alergias > div > img{
    	width: 14px;
    }


.profesores-grupos .popover.popover-pg-ia{
	border: 2px solid #aacbde;
	text-align: justify;
	height: 75px;
}
    .profesores-grupos .popover.popover-pg-ia.bottom > .arrow {
		top: -11px;
		left: 50%;
		margin-left: -11px;
		border-top-width: 0;
		border-bottom-color: #999;
		border-bottom-color: rgba(0, 0, 0, .25);
		width: 0;
	}
	.profesores-grupos .popover.popover-pg-ia.bottom > .arrow:after {
		top: 1px;
		margin-left: -10px;
		content: " ";
		border-top-width: 0;
		border-bottom-color: #fff;
	}
	.profesores-grupos .popover.popover-pg-ia .popover-content{
	}

	.profesores-grupos .grupo .content-right .listado-imagenes .listado-alumnos > .imagen-sonido > div{
		width: 14px;
		height: 14px;
		position: relative;
	}
	    .profesores-grupos .grupo .content-right .listado-imagenes .listado-alumnos > .imagen-sonido > div > button{
	    	background: none;
	    	border: none;
	    	width: 14px;
	    	height: 14px;
	    	position: relative;
	    	display: flex;
	    	justify-content: center;
	    }
			.profesores-grupos .grupo .content-right .listado-imagenes .listado-alumnos > .imagen-sonido > div > button > i{
			}
		.profesores-grupos .grupo .content-right .listado-imagenes .listado-alumnos > .imagen-sonido > div > .tachado{
			width: 10px;
			height: 0px;
			border-bottom: 1px solid red;
			transform: translateY(-20px)
		        translateX(5px)
		        rotate(135deg);
			position: absolute;
			top: 30px;
			right: 7px;
		}

/* Separación menú */
.profesores-grupos .fila-inicial{
	background: #d9534f !important;
}
.profesores-grupos .separacion-menu{
	margin-top: 5px;
}


/* Otros */
.profesores-grupos .informe-notas{
	min-width: 110px !important;
	max-width: 110px !important;
}
	.profesores-grupos .informe-notas > button{
		border: 0px;
		background: #4f86a7;
		color: white;
	}


/* Listado de grupos */
.profesores-grupos .select-grupos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
	.profesores-grupos .select-grupos > .grupo{
	    display:flex;
	    flex:1;
	    min-width: 200px;
	    border: 1px solid #cee0ea;
	    margin: 2px;
	    background: white;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    transition: all 0.4s ease-out;
	    min-height: 135px;
	    max-height: 135px;
	    max-width: 250px;
	}
	.profesores-grupos .select-grupos > .grupo:hover{
		background: #125d8b;
		color: white;
		border: 1px solid white;
	}
	.profesores-grupos .select-grupos > .grupo:hover i{
		color: white;
	}
		.profesores-grupos .select-grupos > .grupo > div:nth-child(1){
			font-size: 25px;
			color: #125d8b;
		}
		.profesores-grupos .select-grupos > .grupo > div:nth-child(2){
			font-size: 12px;
			text-align: center;
		}
		.profesores-grupos .select-grupos > .grupo > div:nth-child(3){
			font-size: 12px;
			text-align: center;
		}
		.profesores-grupos .select-grupos > .grupo > div:nth-child(4){
			font-size: 12px;
			text-align: center;
		}

		.profesores-grupos .select-grupos > .grupo > .notificaciones-grupo-block{
			font-size: 10px;
			margin-top: 5px;
			/* border: 1px solid #fe8e29; */
			padding: 2px;
			border-radius: 8px;
			color: #ff7a01;
			font-weight: bold;
		}
			.profesores-grupos .select-grupos > .grupo > .notificaciones-grupo-block > div{
				
			}


/* ADD PROGRESO */
.profesores-grupos .header{
	display: flex;
}
.profesores-grupos .header .buttons-header {}

.profesores-grupos .header .buttons-header > button{
    background: none;
    border: none;
}
.profesores-grupos .grupo .content-right .add-progreso{
	display: flex;
	flex-direction: column;
}
.profesores-grupos .grupo .content-right .add-progreso > div{
	flex: 1;
	margin-bottom: 10px;
	border: 1px solid #6f7e92;
}
.profesores-grupos .grupo .content-right .add-progreso > div > .header{
	background: #6f7e92;
	color: white;
	padding: 5px;
}
.profesores-grupos .grupo .content-right .add-progreso > div > .content{
	padding: 5px;
	display: flex;
}
.profesores-grupos .grupo .content-right .add-progreso > div > .content > div{
	margin-left: 5px;
	margin-bottom: 0px;
}

.profesores-grupos .grupo .content-right .add-progreso > div > .content > div > div:nth-child(1){
	flex: 1;
}
.profesores-grupos .grupo .content-right .add-progreso > div > .content > div > div:nth-child(2){
	flex: 10;
}

.profesores-grupos .grupo .content-right .add-progreso > div > .content > div > label > span{
	margin-left: 5px;
	margin-right: 35px;
}

.profesores-grupos .grupo .content-right .add-progreso > div.buttons {
    border: 0px;
}
/* END ADD PROGRESO */


/* ANOTAR ASISTENCIA */
.profesores-grupos .grupo .content-right .anotar-asistencia{
	display: flex;
	flex-direction: column;
	border: 1px solid #145d89;
	max-width: 800px;
	/* width: auto; */
	/* min-width: 500px; */
	flex-wrap: wrap;
}
.profesores-grupos .grupo .content-right .anotar-asistencia .button-fecha-hoy,
.profesores-grupos .grupo .content-right .anotar-asistencia .button-fecha-hoy:hover,
.profesores-grupos .grupo .content-right .anotar-asistencia .button-fecha-hoy:focus,
.profesores-grupos .grupo .content-right .anotar-asistencia .button-fecha-hoy:visited,
.profesores-grupos .grupo .content-right .anotar-asistencia .button-fecha-hoy:active{
	width: 50px;
	border: none;
	background: #155c88;
	color: white;
	height: 20px;
	padding: 0px !important;
}
.profesores-grupos .grupo .content-right .anotar-asistencia > div{
	flex: 1;
	margin-bottom: 5px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.profesores-grupos .grupo .content-right .anotar-asistencia > div > .header{
	background: #145d89;
	color: white;
	padding: 3px;
	height: 25px;
	display: flex;
	margin-bottom: 5px;
	flex-wrap: wrap;
}
.profesores-grupos .grupo .content-right .anotar-asistencia .lista-asistencias{
	padding: 10px;
}
.profesores-grupos .grupo .content-right .anotar-asistencia .lista-asistencias > .header{
	background-color: #145d89;
	height: 20px;
	padding: 0px 0px 0px 5px;
}
.profesores-grupos .grupo .content-right .anotar-asistencia > div > .header > i{
 	margin-right: 5px;
 	margin-top: 2px;
}
.profesores-grupos .grupo .content-right .anotar-asistencia > div > .header > div{
	flex: 1;
}
.profesores-grupos .grupo .content-right .anotar-asistencia > div > .header > div:nth-child(1){
	flex: 2;
}
.profesores-grupos .grupo .content-right .anotar-asistencia > div > .content.select-asistencia{
	padding: 5px 5px 5px 15px;
	display: flex;
	flex-direction: row !important;
	/* height: 35px; */
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: fit-content;
}
.profesores-grupos .grupo .content-right .anotar-asistencia > div > .content.select-asistencia > div{
	display:flex;
	flex: 1;
	max-width: 160px;
	min-width: 160px;
	/* margin-right: 10px; */
	height: 30px;
	justify-content: center;
	align-items: center;
}
.profesores-grupos .grupo .content-right .anotar-asistencia > div > .content.select-asistencia > div:nth-child(1){
	min-width: 100px !important;
	max-width: 100px !important;
}
.profesores-grupos .grupo .content-right .anotar-asistencia > div > .content.select-asistencia > div > div{
	margin-bottom: 0px !important;
}
.profesores-grupos .grupo .content-right .anotar-asistencia > div > .content{
	padding: 5px;
	display: flex;
	flex-direction: column;
}
.profesores-grupos .grupo .content-right .anotar-asistencia > div > .content > div{
	display:flex;
	flex-direction: column;
}
.profesores-grupos .grupo .content-right .anotar-asistencia > div > .content > div > div{
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-bottom: 15px;
}

.profesores-grupos .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div:nth-child(2){
}

.profesores-grupos .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div{
	display: flex;
	margin-bottom: 8px;
}

.profesores-grupos .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > textarea{
	flex:2;
}

.profesores-grupos .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > div{
	flex: 1;
}
.profesores-grupos .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > div.no-pertenece{
	color: #d9534f;
}
.profesores-grupos .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > div.no-pertenece > i{
	margin-left: 10px;
	color: #616f77;
	font-weight: bold;
}
.profesores-grupos .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > div:nth-child(1){
	flex: 2;
}

.profesores-grupos .grupo .content-right .anotar-asistencia > div > .content > div > div:nth-child(2){
	flex: 10;
}

.profesores-grupos .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > .label-asistencia{
}

.profesores-grupos .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > .label-asistencia > label{
}

.profesores-grupos .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > .label-asistencia:nth-child(2) > label > i{
	margin-left: 18px;
}
.profesores-grupos .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > .label-asistencia:nth-child(3) > label > i{
	margin-left: 22px;
}
.profesores-grupos .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > .label-asistencia:nth-child(4) > label > i{
	margin-left: 32px;
}


.profesores-grupos .grupo .content-right .anotar-asistencia > .button{
	flex: 1;
	margin-bottom: 10px;
	border: none;
}
.profesores-grupos .grupo .content-right .anotar-asistencia > .button > button{
	border: none;
	background: #35a035;
	color: white;
}

/* END ANOTAR ASISTENCIA */

/* EDITAR EVOLUCION */
.profesores-grupos .grupo .content-right .editar-evolucion{
	display: flex;
	flex-direction: column;
}

.profesores-grupos .grupo .content-right .editar-evolucion > .header{
	background: #6f7e92;
	color: white;
	padding: 5px;
	display: flex;
}

.profesores-grupos .grupo .content-right .editar-evolucion > .header > div{
	flex: 1;
}

.profesores-grupos .grupo .content-right .editar-evolucion > .content{
	padding: 5px;
	display: flex;
	border: 1px solid;
	flex-wrap: wrap;
}

.profesores-grupos .grupo .content-right .editar-evolucion > .content > .metodos{
	display: flex;
	flex-wrap: wrap;
	flex: 1;
}

.profesores-grupos .grupo .content-right .editar-evolucion > .content > .metodos > div{
	margin: 0px 10px;
	display: flex;
	flex: 1;
	flex-wrap: wrap;
}
.profesores-grupos .grupo .content-right .editar-evolucion > .content > .metodos > div > div{
	flex: 1;
	display: flex;
	flex-direction: column;
}

.profesores-grupos .grupo .content-right .editar-evolucion > .buttons{
	flex: 1;
	margin: 10px 0px;
	border: none;
}
/* END EDITAR EVOLUCION */

/* NOTAS FINALES */
.profesores-grupos .grupo .content-right .notas-finales{
	display: flex;
	flex-direction: column;
	margin-right: 10px !important;
	font-size: 12px;
	overflow: scroll !important;
	overflow-x: scroll !important;
}

.profesores-grupos .grupo .content-right .notas-finales > .mensaje{
	display: flex;
	flex-direction: column;
}

.profesores-grupos .grupo .content-right .notas-finales > .mensaje > span{
	font-size: 12px;
}

.profesores-grupos .grupo .content-right .notas-finales > .header{
	background: #b0bac7;
	color: #626871;
	padding: 5px;
	display: flex;
}
.profesores-grupos .grupo .content-right .notas-finales > .header > div{
	flex: 1;
}
.profesores-grupos .grupo .content-right .notas-finales > .content{
	padding: 5px;
	display: flex;
	border: 1px solid #b0bac7;
}

.profesores-grupos .grupo .content-right .notas-finales > .content > div{
	flex: 1;
	display: flex;
	flex-direction: column;
}

.profesores-grupos .grupo .content-right .notas-finales > .content > div:nth-child(2){
	flex:3;
}

.profesores-grupos .grupo .content-right .notas-finales > .content > div > .content-notas{
	flex: 1;
	display: flex;
	margin-bottom: 10px;
	flex-direction: column;
}

.profesores-grupos .grupo .content-right .notas-finales > .content > div > .content-notas > div{
	display: flex;
	margin-bottom: 25px;
	flex: 1;
	background: #ffffff;
	height: 60px;
	border-bottom: 1px solid #b0bac7;
}

.profesores-grupos .grupo .content-right .notas-finales > .content > div > .content-notas > div:nth-child(1){
	min-width: 160px !important;
	flex: 2;
	display: flex;
}
.profesores-grupos .grupo .content-right .notas-finales > .content > div
	> .content-notas > div > span{
	display:flex;
	flex: 2;
}

.profesores-grupos .grupo .content-right .notas-finales > .content > div
	> .content-notas > div > span:nth-child(1){
	margin: 0px 5px;
	min-width: 160px;
	max-width: 160px;
}


.profesores-grupos .grupo .content-right .notas-finales > .content > div
	> .content-notas > div > div{
	display:flex;
	flex: 3;
}

.profesores-grupos .grupo .content-right .notas-finales > .content > div
	> .content-notas > div > div > div{
	display:flex;
	flex: 1;
	margin: 0px 5px;
}

.profesores-grupos .grupo .content-right .notas-finales > .content > div
	> .content-notas > div > div > div > div{
	display:flex;
	flex: 1;
	margin: 0px 10px;
	min-width: 50px;
	max-width: 50px;
	text-align: center;
}

.profesores-grupos .grupo .content-right .notas-finales > .content > div
	> .content-notas > div > div > div > div > span{
		min-width: 50px;
		max-width: 50px;
	}

.profesores-grupos .grupo .content-right .notas-finales > .buttons{
	flex: 1;
	margin-bottom: 10px;
	border: none;
}

.profesores-grupos .grupo .content-right .notas-finales > .content > div > .cabecera {
    display: flex;
    border-bottom: 1px solid;
    margin: 0px !important;
}

.profesores-grupos .grupo .content-right .notas-finales > .content > div > .cabecera > div{
    flex: 2;
    margin: 0px 5px !important;
    padding: 0px !important;
    display: flex;
}

.profesores-grupos .grupo .content-right .notas-finales > .content > div > .cabecera > div:nth-child(1){flex: 2;min-width: 160px;max-width: 160px;}

.profesores-grupos .grupo .content-right .notas-finales > .content > div > .cabecera > div:nth-child(2){
	
}


.profesores-grupos .grupo .content-right .notas-finales .select-etapa {
    display: flex;
    flex-direction: column;
    /* border: 1px solid #b0bac7; */
    margin: 10px 0px;
}

.profesores-grupos .grupo .content-right .notas-finales .select-etapa > .header{
    display: flex;
    flex: 1;
    background: #325678;
    padding: 2px;
    color: #ffffff;
    border-left: 4px solid orange;
}
.profesores-grupos .grupo .content-right .notas-finales .select-etapa > .header > div{
    display: flex;
    flex: 1;
}
.profesores-grupos .grupo .content-right .notas-finales .select-etapa > .content {
    display: flex;
    flex: 1;
    padding: 5px;
    border: 1px solid #14689442;
    border-top: none !important;
    flex-wrap: wrap;
}
.profesores-grupos .grupo .content-right .notas-finales .select-etapa > .content > div{
    display: flex;
    /* flex-direction: column; */
    flex: 1;
    margin: 0px 20px;
    min-width: 270px;
    max-width: 270px;
}
.profesores-grupos .grupo .content-right .notas-finales .select-etapa > .content > div > *{
    /* flex: 1; */
    /* min-width: 100px; */
    /* max-width: 100px; */
}
    .profesores-grupos .grupo .content-right .notas-finales .select-etapa > .content > div > div:nth-child(1){
    	width: 65px !important;
    	margin-right: 15px;
    }
    .profesores-grupos .grupo .content-right .notas-finales .select-etapa > .content > div > div:nth-child(2){
    	width: 380px !important;
    }



.profesores-grupos .grupo .content-right .notas-finales .notas-finales-etapa {
    display: flex;
    flex-direction: column;
    /* max-width: fit-content; */
    margin-bottom: 10px;
    /* border: 1px solid #b0bac7; */
    width: 100%;
    /* flex: 1; */
}
.profesores-grupos .grupo .content-right .notas-finales .notas-finales-etapa > .cabecera{
    display: flex;
    /* flex-direction: column; */
    background: #146894 !important;
    color: #ffffff;
    align-items: center;
    width: 100%;
    /* z-index: 999; */
}
.profesores-grupos .grupo .content-right .notas-finales .notas-finales-etapa > .cabecera > div{
    display: flex;
    flex-direction: column;
    flex: 1;
    /* background: none !important; */
}
.profesores-grupos .grupo .content-right .notas-finales .notas-finales-etapa > .cabecera > div:nth-child(1){
    min-width: 150px;
    max-width: 150px;
    text-align: center;
}
.profesores-grupos .grupo .content-right .notas-finales .notas-finales-etapa > .cabecera > .header-notas{display: flex;flex-direction: row !important;/* border: 0px; */}
.profesores-grupos .grupo .content-right .notas-finales .notas-finales-etapa > .cabecera > .header-notas > div{
	background: #146894;
	display: flex;
	flex: 1;
	margin: 0px 2px;
}
.profesores-grupos .grupo .content-right .notas-finales .notas-finales-etapa > .cabecera > .header-notas > div > span:nth-child(1){
	margin-bottom: 5px;
	margin-right: 5px;
}
.profesores-grupos .grupo .content-right .notas-finales .notas-finales-etapa > .cabecera > .header-notas > div > div{
	display: flex;
	flex: 1;
}
.profesores-grupos .grupo .content-right .notas-finales .notas-finales-etapa > .cabecera > .header-notas > div > div > div{
	display: flex;
	flex: 1;
	margin: 0px;
}
.profesores-grupos .grupo .content-right .notas-finales .notas-finales-etapa > .cabecera > .header-notas > div > div > div > div{
	flex: 1;
	min-width: 130px;
	max-width: 130px;
	text-align: center;
	margin: 0px 5px;
	display: flex;
	flex: 1;
	align-items: center;
}
.profesores-grupos .grupo .content-right .notas-finales .notas-finales-etapa > .cabecera > .header-notas > div > div > div > div > span{
	flex: 1;
	min-width: 130px;
	max-width: 130px;
	text-align: center;
}
.profesores-grupos .grupo .content-right .notas-finales .notas-finales-etapa > .content-notas{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.profesores-grupos .grupo .content-right .notas-finales .notas-finales-etapa > .content-notas > div{
    display: flex;
    padding: 1px;
    border-bottom: 1px solid #b0bac7 !important;
    margin: 2px 0px;
    align-items: center;
    width: 100%;
}
.profesores-grupos .grupo .content-right .notas-finales .notas-finales-etapa > .content-notas > div > span:nth-child(1){
	min-width: 150px;
	max-width: 150px;
}
.profesores-grupos .grupo .content-right .notas-finales .notas-finales-etapa > .content-notas > div > div{
	display: flex;
	align-items: center;
	/* border-bottom: 1px solid #b0bac7 !important; */
	}
.profesores-grupos .grupo .content-right .notas-finales .notas-finales-etapa > .content-notas > div > div > div{
	display: flex;
	flex: 1;
	align-items: center;
}
.profesores-grupos .grupo .content-right .notas-finales .notas-finales-etapa > .content-notas > div > div > div > div{
	flex:1;
	margin: 0px 5px;
	min-width: 130px;
	text-align: center;
	max-width: 130px;
}

/* END NOTAS FINALES */

/* EDITAR NOTAS FINALES */
.profesores-grupos .grupo .content-right .editar-notas-finales{
	display: flex;
	flex-direction: column;
}

.profesores-grupos .grupo .content-right .editar-notas-finales > .header{
	background: #6f7e92;
	color: white;
	padding: 5px;
	display: flex;
}

.profesores-grupos .grupo .content-right .editar-notas-finales > .header > div{
	flex: 1;
}


.profesores-grupos .grupo .content-right .editar-notas-finales > .content{
	padding: 5px;
	display: flex;
	border: 1px solid;
}

.profesores-grupos .grupo .content-right .editar-notas-finales > .content > div{
	flex: 1;
	display: flex;
	flex-direction: column;
}

.profesores-grupos .grupo .content-right .editar-notas-finales > .content > div:nth-child(2){
	flex:3;
}

.profesores-grupos .grupo .content-right .editar-notas-finales > .content > div > div{
	flex: 1;
	display: flex;
	margin-bottom: 10px;
}
.profesores-grupos .grupo .content-right .editar-notas-finales > .content > div > div > div{
	display: flex;
	margin-bottom: 5px;
}
.profesores-grupos .grupo .content-right .editar-notas-finales > .content > div > div > div > div{
	flex: 1;
}

.profesores-grupos .grupo .content-right .editar-notas-finales > .buttons{
	flex: 1;
	margin-bottom: 10px;
	border: none;
}


/* END EDITAR NOTAS FINALES */


/* VER PROGRESO */
.profesores-grupos .grupo .content-right .ver-progreso{
	display: flex;
	flex-direction: column;
}

.profesores-grupos .grupo .content-right .ver-progreso > div{
	flex: 1;
	margin-bottom: 10px;
	border: 1px solid #6f7e92;
}

.profesores-grupos .grupo .content-right .ver-progreso > div > .header{
	background: #6f7e92;
	color: white;
	padding: 5px;
	display: flex;
}

.profesores-grupos .grupo .content-right .ver-progreso > div > .header > span{
	flex: 2;
}
.profesores-grupos .grupo .content-right .ver-progreso > div > .header > span:nth-child(2){
	flex: 3;
}

.profesores-grupos .grupo .content-right .ver-progreso > div > .content{
	padding: 5px;
	display: flex;
	flex-direction: column;
}

.profesores-grupos .grupo .content-right .ver-progreso > div > .content > div{
	display:flex;
	flex-direction: column;
}

/*.profesores-grupos .grupo .content-right .ver-progreso > div > .content > div > div{
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
	border-bottom: 1px solid;
}*/


.profesores-grupos .grupo .content-right .ver-progreso > div > .content > div > .alumnos{
	flex: 1;
	display: flex;
	margin-bottom: 25px;
	background: #fbfbfb;
	padding: 2px;
}

.profesores-grupos .grupo .content-right .ver-progreso > div
	> .content > div > div > div{
	display: flex;
	margin-bottom: 5px;
	flex: 2;
}
.profesores-grupos .grupo .content-right .ver-progreso > div
	> .content > div > div > div:nth-child(2){
	flex: 2;
	display: flex;
	flex-direction: column;
}

.profesores-grupos .grupo .content-right .ver-progreso > div
	> .content > div > div > div:nth-child(3){
	flex: 1;
	display: flex;
	align-items: flex-start;
	
}

.profesores-grupos .grupo .content-right .ver-progreso > div
	> .content > div > div > div > div{
	flex: 1;
}
.profesores-grupos .grupo .content-right .ver-progreso > div
	> .content > div > div > div > div{
	flex: 2;
	display: flex;
}

.profesores-grupos .grupo .content-right .ver-progreso > div > .content > div > div:nth-child(2){
	flex: 10;
}

.profesores-grupos .grupo .content-right .ver-progreso > div
	> .content > div > div > div > div > div{
	flex: 1;
}
.profesores-grupos .grupo .content-right .ver-progreso > div
	> .content > div > div > div > div > div:nth-child(1){
	flex: 2;
	/* height: 105px; */
}

.profesores-grupos .grupo .content-right .ver-progreso > .button{
	flex: 1;
	margin-bottom: 10px;
	border: none;
}


/* END VER PROGRESO */

/* VER ASISTENCIA */
.profesores-grupos .content-right .ver-asistencia {
    background: white;
    display: flex;
    flex-direction: column;
    /* overflow-x: scroll; */
}

.profesores-grupos .content-right .ver-asistencia .asistencia {
    display: flex;
    flex-direction: column;
    margin-left: 3px;
}
.profesores-grupos .content-right .ver-asistencia .asistencia .item-field .ui-select-erp{
        width: 100px !important;
}

.profesores-grupos .content-right .ver-asistencia .asistencia .header {
    display: flex;
    flex: 1;
    padding: 3px 3px 3px 5px;
    background: #145d89;
    color: white;
    height: 25px;
}
.profesores-grupos .content-right .ver-asistencia .asistencia .header > div{
    flex: 1;
}
.profesores-grupos .content-right .ver-asistencia .asistencia .header > div:nth-child(1){
    flex: 3;
}
.profesores-grupos .content-right .ver-asistencia .asistencia .header > div:nth-child(1) .fa-calendar{
    padding-top: 2px;
}

.profesores-grupos .content-right .ver-asistencia .asistencia .content {
    display: flex;
    /* border: 1px solid; */
    padding: 5px;
}

.profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows{
	display: flex;
	flex-direction: column;
	flex:1;
}

.profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows > div{
	flex: 1;
	display: flex;
	margin: 10px 0px;
	border-bottom: 1px solid #cad1da;
}

.profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows > div > div{
	flex: 1;
	display: flex;
	margin-bottom: 10px;
	flex-direction: column;
	flex-wrap: wrap;
}

.profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows > div > div > div{
	flex: 1;
}

.profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows > div > div > div{
	display: flex;
	height: 50px;
}

.profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows > div > div > div > div{
	flex: 1;
}

.profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows > div > div > div > div:nth-child(1){
	flex: 3;
}
    .profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows > div > div > div > div:nth-child(1) > *:nth-child(1),
    .profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows > div > div > div > div:nth-child(1) > *:nth-child(1):focus,
    .profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows > div > div > div > div:nth-child(1) > *:nth-child(1):active,
    .profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows > div > div > div > div:nth-child(1) > *:nth-child(1):visited{
    	border: 0px !important;
    	background: none;
    }

.profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows > div > div > div > div:nth-child(5){
	text-align: center;
	display: flex;
	flex-wrap: wrap;
}
.profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows > div > div > div > div:nth-child(2) > i{
	margin-left: 18px;
}
.profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows > div > div > div > div:nth-child(3) > i{
	margin-left: 23px;
}
.profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows > div > div > div > div:nth-child(4) > i{
	margin-left: 32px;
}

.profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows > div > div > div > div.no-pertenece{
	color: #d9534f;
}
.profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows > div > div > div > div.no-pertenece > i{
	margin-left: 10px;
	color: #616f77;
	font-weight: bold;
}
.profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows 
    > div .editar-alumnos {
    display: flex;
    flex-direction: column;
}

.profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows 
    > div .editar-alumnos > div {
    display: flex;
    flex: 1 !important;
}


    .profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows 
    > div .editar-alumnos > div > *:nth-child(1) {
        border: 0px !important;
        background: none;
        margin-right: 5px;
    }


.profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows 
    > div .editar-alumnos > div > div{
    flex: 1;
}

.profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows 
    > div .editar-alumnos > div > div:nth-child(2) i{
    margin-left: 16px;
}
.profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows 
    > div .editar-alumnos > div > div:nth-child(3) i{
    margin-left: 20px;
}
.profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows 
    > div .editar-alumnos > div > div:nth-child(4) i{
    margin-left: 29px;
}

.profesores-grupos .content-right .ver-asistencia .asistencia .content > .rows 
    > div .editar-alumnos > div > div:nth-child(1){
    flex: 3;
}

/* END VER ASISTENCIA */

/* Campo fecha */
.profesores-grupos .fecha-erp{

}
.profesores-grupos .fecha-erp > span > span{
	width: auto;
}
.profesores-grupos .fecha-erp > span > input {
    height: 20px !important;
    text-align: left;
    max-width: 80px;
    /* width: 100%; */
    /* max-width: 100%; */
    border: 1px solid #b0bac7;
}

.profesores-grupos .fecha-erp > span > span > button {
    height: 20px;
}

.profesores-grupos .fecha-erp > span > span > button > i {
    /*position: absolute;*/
    top: 5px;
    right: 8px;
}

/* End campo fecha */



/* Controls */
.profesores-grupos .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.profesores-grupos .controls-buttons-erp > li{
   margin-right: 5px;
}

.profesores-grupos .controls-buttons-erp > li > a{
    color:black;
}



.profesores-grupos .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.profesores-grupos .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.profesores-grupos .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */

/* ui select */
/*.profesores-grupos .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.profesores-grupos .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
}


.profesores-grupos .ui-select-erp input:focus,
.profesores-grupos .ui-select-erp input:focus:hover,
.profesores-grupos .ui-select-erp input:hover,
.profesores-grupos .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
}

.profesores-grupos .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.profesores-grupos .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.profesores-grupos .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}*/


/* end ui select */

/* Tabs */
.profesores-grupos .tab-erp {}
.profesores-grupos .tab-erp > *:nth-child(1){
	/* background: #f4f5f6; */
	padding: 0px;
}
.profesores-grupos .tab-erp > *:nth-child(2) > *{
	margin: 0px;
}
.profesores-grupos .tab-erp > *:nth-child(1) > *:nth-child(2){
    height: 32px !important;
}

.profesores-grupos .tab-erp > *:nth-child(1) > *:nth-child(2) > * > *{
    padding-top: 0px;
}

.profesores-grupos .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.profesores-grupos .tab-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.profesores-grupos .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	/* background: #f8fafb; */
	margin: 0px;
	padding: 5px 5px 5px 6px;
	overflow: hidden;
}

.profesores-grupos .tab-erp > *:nth-child(2) > * > * > *:nth-child(1) > textarea{
	width: 100%;
}


.profesores-grupos .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}





.profesores-grupos .tab-dynamic-erp {
    margin: 0px;
    padding: 0px;
    /* border: none; */
    width: 100%;
    /* overflow-x: hidden; */
}

.profesores-grupos .tab-dynamic-erp > md-tabs{
	margin: 0px;
	border: none;
	/* width: 100%; */
	/* display: flex; */
}
.profesores-grupos .tab-dynamic-erp > md-tabs > md-tabs-wrapper{
    height: 32px !important;
    padding: 0px;
}

.profesores-grupos .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data{/* top: 15px !important; */}

.profesores-grupos .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data > md-tab{
	/* top: 26px; */
}

.profesores-grupos .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas{
}

.profesores-grupos .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper{

}


.profesores-grupos .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item{padding: 0px;}

.profesores-grupos .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item > span{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.profesores-grupos .tab-dynamic-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.profesores-grupos .tab-dynamic-erp md-tabs-content-wrapper {
    top: 32px !important;
    /* flex: 1; */
    /* display: flex; */
}

.profesores-grupos .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content{padding: 0px;margin: 0px;background: white;width: 100% !important;display: flex;/* flex: 1; */}

.profesores-grupos .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.profesores-grupos .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div{overflow: hidden;padding-top: 5px !important;padding-bottom: 10px !important;padding-left: 20px !important;padding-right: 20px !important;margin: 0px !important;text-align: left !important;display: flex;flex-direction: column;}

.profesores-grupos .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div > div > div{
    /* padding: 0px; */
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

/* End tabs */


/* Tile */
.profesores-grupos .tile{
	height: 100%;
}

.profesores-grupos .tile.tile-widget {
    padding: 10px;
    margin: 0px;
}
	.profesores-grupos .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.profesores-grupos .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.profesores-grupos .tile .tile-header.dvd .controls > li.controls-editar,
		.profesores-grupos .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.profesores-grupos .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.profesores-grupos .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.profesores-grupos .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.profesores-grupos .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.profesores-grupos .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.profesores-grupos .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.profesores-grupos .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.profesores-grupos .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.profesores-grupos .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 35px;
	right: 0px;
}

.profesores-grupos .delegacion-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}

.profesores-grupos .bottom-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}


.profesores-grupos label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* Modificaciones */
    .profesores-grupos .row.nserie{
    }
    
    
    
    .profesores-grupos .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .profesores-grupos .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .profesores-grupos .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .profesores-grupos .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .profesores-grupos .row.urow3 > div:nth-child(3){
		margin: -1px !important;
		padding-left: 0px !important;
		height: 20px;
		margin: 0px !important;
		padding: 0px !important;
		}
    .profesores-grupos .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.profesores-grupos .autowidth > input{
		width: 100% !important;
	}
	
    .profesores-grupos .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.profesores-grupos .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.profesores-grupos .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.profesores-grupos .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .profesores-grupos .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.profesores-grupos .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .profesores-grupos .tile .tile-header-erp .controls{

	    }
	    .profesores-grupos .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .profesores-grupos .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .profesores-grupos .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .profesores-grupos .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .profesores-grupos .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .profesores-grupos .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .profesores-grupos .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .profesores-grupos .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .profesores-grupos .table-custom-inline .tr_custom_erp > td{
      
    }
    
    .profesores-grupos .table-custom-inline .tr_custom_erp > td:nth-child(8){
    	min-width: 50px;
    }

    .profesores-grupos .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .profesores-grupos .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .profesores-grupos .row.row-erp{
     padding:15px !important;
   }
	   .profesores-grupos .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		  }
		 .profesores-grupos .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .profesores-grupos .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.profesores-grupos .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.profesores-grupos .doc-span > i{
		font-size: 10px;
	}
	.profesores-grupos .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.profesores-grupos .doc-span:visited{
		color: #dbe0e2;
	}
	
	/* Select input directive */
	.profesores-grupos .select-input{
		display: flex;
		/* flex: 1; */
		/* margin: 0px; */
		/* padding: 0px; */
		width: 100%;
	}
	.profesores-grupos .select-input > div:nth-child(1){
		flex: 1;
	}
	.profesores-grupos .select-input i.caret.pull-right{
		display:none;
	}
	
	.profesores-grupos .a-select-input.ng-scope{
        border: 1px solid #e1e1e1;
        border-left: none;
        padding-right: 4px;
        padding-left: 4px;
        cursor: pointer;
        color: #616f77 !important;
        background: #e1e1e1;
        border-left: none;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 20px;
        position: relative;
        width: 15px;
    }
     .profesores-grupos .a-select-input.ng-scope:hover{
      background: #e1e1e1;
    }
    .profesores-grupos .a-select-input.ng-scope > i{
      font-size: 12px;
      position: absolute;
      margin-top: 2px;
    }
	
   
   /* Tile custom */
   .profesores-grupos .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .profesores-grupos .tile-body.table-custom {
	    padding: 0px;
	}

   .profesores-grupos .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .profesores-grupos .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.profesores-grupos .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.profesores-grupos .tile-table-erp tbody td {
	}



.profesores-grupos .table-cuentas tbody td:nth-child(2) {
    width: 50px;
    display: flex;
}

.profesores-grupos .table-cuentas tbody td:nth-child(2) > label{
    display:flex;
    width: 100%;
    left: 34px;
}

.profesores-grupos .table-cuentas tbody td:nth-child(2) > label > input{
   width: 100%;
}



/* CALENDARIO */


.profesores-grupos .fc .fc-content .fc-view.fc-grid table > thead > tr > th.fc-widget-header, .fc .fc-content .fc-view.fc-agenda table > thead > tr > th.fc-widget-header {
  border: 0;
  background-color: #dfe4ea;
  padding: 5px;
  color: #616f77;
  font-size: 12px;
  font-weight: 400;
}

.profesores-grupos .teachers-log .calendario-academia{
	position: relative;
	float: right;
	width: 100%;
	/*height: 100%;*/
	margin-bottom: 10px;
}

	.profesores-grupos .calendario-academia button.fc-prev-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
	    border: none;
	    background: none;
	    color: #457294;
	    border-radius: 0px;
	    border: 1px solid #44729470;
	}
	.profesores-grupos .calendario-academia button.fc-next-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
		border: none;
		background: none;
		color: #457294;
		border-radius: 0px;
		border: 1px solid #44729470;
	}



	.profesores-grupos button.fc-prev-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right:hover{
	    background: #cad9e461 !important;
	    transition: all 0.4s ease-out;
	}
	.profesores-grupos button.fc-next-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right:hover{
		background: #cad9e461 !important;
	    transition: all 0.4s ease-out;
	}



.profesores-grupos .teachers-log .calendario-academia .fc .fc-header{
	background: #909cad;
}
	.profesores-grupos .teachers-log .calendario-academia button.fc-prev-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
	    border: none;
	    background: none;
	    color: #457294;
	    border-radius: 0px;
	    border: 1px solid #44729470;
	}
	.profesores-grupos .teachers-log .calendario-academia button.fc-next-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
		border: none;
		background: none;
		color: #457294;
		border-radius: 0px;
		border: 1px solid #44729470;
	}


.profesores-grupos #tableasistencias{
     width: 100%;
     padding: 0px 0% 10px 0%;
    display: inline-block;
    background-color: white;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
    color: #576876;
    font-size: 16px;
    font-weight: 200;
    margin-bottom: 30px;
}

.profesores-grupos #tableasistencias .spinner{
    color: #77D3AD;
    text-align: center;
    width: 100%;
    padding: 20px 0;
    font-size: 40px;
}

.profesores-grupos #tableasistencias .col1{
    width: 10%;
    position: relative;
    float: left;
    font-size: 30px;
}

.profesores-grupos #tableasistencias .col8{
    width: 80%;
    position: relative;
    float: left;
    text-align: center;
}


.profesores-grupos #tableasistencias .cabeceraasistencia{
    background-color: #77D3AD;
    overflow-y: auto;
    width: 96%;
    padding: 0 2%;
    color: white;
    margin-bottom: 20px;
}

.profesores-grupos #tableasistencias .col8 h3{
    width: 100%;
    margin: 0;
    padding: 5px 0;
    text-align: center;
}

.profesores-grupos #tableasistencias .lineacalendario{
    display: inline-block;
    width: 100%;
    padding: 5px 0;
}

.profesores-grupos #tableasistencias .lineacalendario .diacalendario{
    position: relative;
    float: left;
    width: 14.2%;
    text-align: center;
}

.profesores-grupos #tableasistencias .lineacalendario .cabecera{
    color: #ED915A;
}
.profesores-grupos #tableasistencias .lineacalendario .tieneasistencia{
    background-color: #77D3AD;
    width: 30px;
    height: 25px;
    padding-top: 5px;
    margin-top: -5px;
    color: white;
    margin: 0 auto;
    
    -webkit-border-radius: 50%;;
     -moz-border-radius: 50%;
          border-radius: 50%;
}

.profesores-grupos #tableasistencias .lineacalendario .tieneasistencia:hover{
    cursor: pointer;
}

.profesores-grupos .fc-header{
	height: 25px !important;
}
.profesores-grupos .fc-header tr{
	height: 25px !important;
}
.profesores-grupos .fc .fc-header .fc-button{
	height: 25px !important;
	margin: 0px !important;
	padding: 0px !important;
	line-height: 27px;
}
.profesores-grupos .fc .fc-header .fc-button-agendaWeek{
	color: white;
	padding: 2px !important;
	margin: 2px !important;
	width: 50px;
	text-align: center;
}
.profesores-grupos .fc .fc-header .fc-button-agendaDay{
	color: white;
	padding: 2px !important;
	margin: 2px !important;
	width: 50px;
	text-align: center;
}
.profesores-grupos .fc-header tr .fc-header-left{
	height: 25px !important;
	margin: 0px !important;
	padding: 0px !important;
}
.profesores-grupos .fc-header tr .fc-header-center{
	height: 25px !important;
	margin: 0px !important;
	padding: 0px !important;
}
.profesores-grupos .fc-header tr .fc-header-right{
	height: 25px !important;
	margin: 0px !important;
	padding: 0px !important;
}

.profesores-grupos .fc-header tr .fc-header-title > h2{
	line-height: 35px !important;
}

/* END CALENDARIO */

/* SECTION EDITAR EVENTOS */

.profesores-grupos .editar-eventos{
    display: flex;
    flex-direction: column;
}
	.profesores-grupos .editar-eventos .horario-evento{
	padding-left: 5px;
	}
		.profesores-grupos .editar-eventos .horario-evento i{
			vertical-align: middle;
			margin-top: -2px;
			/* margin-right: 5px; */
		}
		.profesores-grupos .editar-eventos .horario-evento .bloque .fila > div > span{
			padding-left: 10px;
		}
		.profesores-grupos .editar-eventos .horario-evento .bloque .fila > div{
			margin-top: 1px;
		}

/* END SECTION EDITAR EVENTOS */

.profesores-grupos .header-notas {
    flex: 3 !important;
    display: flex !important;
}

.profesores-grupos .header-notas > div{
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: 2px 5px;
    background: white;
}

.profesores-grupos .header-notas > div > span:nth-child(1){
	border-bottom: 1px solid;
}

.profesores-grupos .header-notas > div > div{
    display:flex;
    
}

.profesores-grupos .header-notas > div > div > div{
	display: flex;
	flex: 1;
	margin: 0px 5px;
}

.profesores-grupos .header-notas > div > div > div > div{
	margin: 0px 10px;
	min-width: 50px;
	max-width: 50px;
	font-size: 12px;
	text-align: center;
}


.profesores-grupos .nuevo-evento{
    margin: 10px 0px;
    display: flex;
    flex-direction: column;
}

.profesores-grupos .nuevo-evento > .header{
    background: #d9e0ea;
    padding: 2px 5px;
}

.profesores-grupos .nuevo-evento > .content{
    background: #fbfbfb;
    padding: 2px 5px;
    margin: 5px 0px;
}



.profesores-grupos .modificar-eventos {
    margin: 10px 0px;
    display: flex;
    flex-direction: column;
    border: 1px solid #145d89;
    background: none;
    margin-top: 5px;
}

.profesores-grupos .modificar-eventos > .header{
    background: #145d89;
    color: white;
}

.profesores-grupos .modificar-eventos > .content{
    background: none;
    padding: 2px 5px;
    margin: 5px 0px;
}

.profesores-grupos .modificar-eventos > .button > button{
	background: #145d89;
	color: white;
	border: none;
}
    .profesores-grupos .modificar-eventos > .button > button.button-text-cancel{
        background: #f17d7d;
	}
	
.profesores-grupos .modificar-eventos > .avisos{
	margin: 5px;
	font-size: 11px;
	color: #c10b0b;
}
	.profesores-grupos .modificar-eventos > .avisos > div{
	}


/* End */

/* NOTAS */
            
             .profesores-grupos .notificaciones-leyenda{
            	/* width: 200px; */
            	}
             .profesores-grupos .notificaciones-leyenda > div:nth-child(2) > div:nth-child(1) > span:nth-child(1){
                background: white;
				padding-bottom: 2px;
				color: #677689;
				font-size: 10px;
				width: 17px;
				display: flex;
				border-radius: 20px;
				height: 17px;
				border: 2px solid #ff9f28 !important;
				align-items: center;
				justify-content: center;
				left: 0px;
             }
            .profesores-grupos .notificaciones-leyenda > div:nth-child(2) > div:nth-child(2) > span:nth-child(1){
                background: #75ab73 !important;
                width: 10px !important;
                height: 10px !important;
                margin-right: 14px;
                margin-left: 3px;
             }
              .profesores-grupos .notificaciones-leyenda > div:nth-child(2) > div:nth-child(2) > span:nth-child(1):before{
             	    position: absolute;
             	    content: '';
             	    border-bottom: 5px solid #ffffff;
             	    border-left: 5px solid #ffffff;
             	    border-right: 5px solid transparent;
             	    border-top: 5px solid transparent;
             }
            .profesores-grupos .notificaciones-leyenda > div:nth-child(2) > div:nth-child(3) > span:nth-child(1){
                background: #ff9e28 !important;
                width: 10px !important;
                height: 10px !important;
                margin-right: 14px;
                margin-left: 3px;
             }
              .profesores-grupos .notificaciones-leyenda > div:nth-child(2) > div:nth-child(3) > span:nth-child(1):before{
             	    position: absolute;
             	    content: '';
             	    border-bottom: 5px solid #ffffff;
             	    border-left: 5px solid #ffffff;
             	    border-right: 5px solid transparent;
             	    border-top: 5px solid transparent;
             }


.profesores-grupos .ver-notas {
    display: flex;
    flex-direction: column;
}
	.profesores-grupos .ver-notas .notas-fecha {
	    border-bottom: 1px solid;
	    margin: 0px;
	}
	.profesores-grupos .ver-notas .filtros-notas {
	    display: flex;
	    flex: 1;
	    margin: 5px 0px;
	}
	.profesores-grupos .ver-notas .filtros-notas > div{
	    display: flex;
	    flex: 1;
	    margin: 0px -5px;
	    flex-wrap: wrap;
	}
		.profesores-grupos .ver-notas .filtros-notas > div > div{
			display: flex;
			flex: 1;
			flex-direction: column;
			margin: 0px 5px;
		}
			.profesores-grupos .ver-notas .filtros-notas > div > div > div:nth-child(1){
				margin: 5px 0px;
				background: #145d89;
				text-align: center;
				color: white;
				height: 22px;
			}


.profesores-grupos .notas-alumnos {
    display: flex;
    flex-direction: column;
    margin: 5px 0px;
    /* width: max-content; */
}
    .profesores-grupos .notas-alumnos > div:nth-child(1){
        display: flex;
        align-items: center;
        font-size: 13px;
        font-family: tahoma;
        height: 30px;
        border-bottom: 1px solid #2d4c6dd4;
    }
    .profesores-grupos .notas-alumnos > div:nth-child(1) > div{
       margin: 0px 5px;
       flex: 1;
    }
    .profesores-grupos .notas-alumnos > div:nth-child(1) > div:nth-child(1){
       flex: 6;
       max-width: 20px;
    }
    .profesores-grupos .notas-alumnos > div:nth-child(1) > div:nth-child(2){
       flex: 5;
       /* max-width: 250px; */
       /* min-width: 250px; */
    }
    .profesores-grupos .notas-alumnos > div:nth-child(1) > div:nth-child(3){
       flex: 5;
       /* max-width: 250px; */
       /* min-width: 250px; */
    }
    .profesores-grupos .notas-alumnos > div:nth-child(1) > div:nth-child(4){
       flex: 2;
       /* max-width: 80px; */
       /* min-width: 80px; */
    }
    .profesores-grupos .notas-alumnos > div:nth-child(1) > div:nth-child(5){
       flex: 1;
       max-width: 60px;
       min-width: 60px;
    }
	.profesores-grupos .notas-alumnos > .alumnos{
		display: flex;
		flex-direction: column;

	}
		.profesores-grupos .notas-alumnos > .alumnos > .alumno{
			display: flex;
			/* flex-direction: column; */
			align-items: center;
			flex: 1;
			/* background: #f9f9f9; */
			margin: 2px 0px;
			height: 45px;
			border-bottom: 1px solid #2d4c6d40;
		}
		.profesores-grupos .notas-alumnos > .alumnos > .alumno > .texto-etapa {
		    display: flex;
		    flex: 5;
		    /* border: 1px dashed #75aa74; */
		    padding: 1px;
		    /* max-width: 250px; */
		    /* min-width: 250px; */
		    font-size: 12px;
		    font-family: tahoma;
		    background: #14537e12;
		}
			.profesores-grupos .notas-alumnos > .alumnos > .alumno > .texto-etapa > span{
				margin: 0px 5px;
				/* flex: 1; */
			}
			.profesores-grupos .notas-alumnos > .alumnos > .alumno > .texto-etapa > span:nth-child(3){
				
			}
		.profesores-grupos .notas-alumnos > .alumnos > .alumno > div{
			margin: 0px 5px;
			flex: 1;
		}
		.profesores-grupos .notas-alumnos > .alumnos > .alumno > div:nth-child(1){
			max-width: 20px;
		}
		.profesores-grupos .notas-alumnos > .alumnos > .alumno > div:nth-child(2){
			display: flex;
			/* flex-direction: column; */
			flex: 5;
			/* max-width: 250px; */
			/* min-width: 250px; */
			font-size: 12px;
			font-family: tahoma;
		}
		.profesores-grupos .notas-alumnos > .alumnos > .alumno > div:nth-child(4){
			display: flex;
			flex-direction: column !important;
			flex: 2;
			/* max-width: 60px; */
		}
		.profesores-grupos .notas-alumnos > .alumnos > .alumno > div:nth-child(5){
			 max-width: 60px;
    		 min-width: 60px;
		}
		   
		.profesores-grupos .notas-alumnos > .alumnos > .alumno > div:nth-child(5) > button{
			background: none;
			border: none !important;
			/* color: #9e472e; */
		}

.profesores-grupos .notas-botones > button{
    /* border:  1px solid #75aa74; */
    /* background: #80b77f; */
    /* color: #ffffff; */
    font-size: 15px;
    font-family: tahoma;
    padding: 1px;
    width: 100% !important;
    height: 22px !important;
}
.profesores-grupos .notas-botones > button:disabled{
    /* border:  1px solid #d9e0ea; */
    /* background: #f2f2f2; */
    /* color: #d5dadc; */
    font-size: 15px;
    padding: 2px;
}


/* END NOTAS */

/* NOTIFICACIONES */
.profesores-grupos .content-right .ver-notificaciones {
    background: white;
    display: flex;
    flex-direction: column;
    /* min-width: 450px; */
    /* padding: 0px !important; */
    /* margin: 0px !important; */
    /* max-width: 765px; */
    min-height: 350px;
    overflow-x: hidden !important;
}
    .profesores-grupos .content-right .ver-notificaciones > .buttons{
    	margin: 10px 0px;
    }
        .profesores-grupos .content-right .ver-notificaciones > .buttons > button,
        .profesores-grupos .content-right .ver-notificaciones > .buttons > button:hover,
        .profesores-grupos .content-right .ver-notificaciones > .buttons > button:active,
        .profesores-grupos .content-right .ver-notificaciones > .buttons > button:focus{
            background: none;
            border: none;
        }

	.profesores-grupos .content-right .ver-notificaciones .sinacceso{
	display: flex;
	/* height: -webkit-fill-available; */
	}
		.profesores-grupos .content-right .ver-notificaciones .sinacceso > img{
		width: 100%;
		height: 350px;
		}

.profesores-grupos .content-right .ver-notificaciones .notificaciones {
    display: flex;
    flex-direction: column;
}

.profesores-grupos .content-right .ver-notificaciones .notificaciones .header {
    display: flex;
    flex: 1;
    padding: 5px;
    background: #6f7e92;
    color: white;
}
.profesores-grupos .content-right .ver-notificaciones .notificaciones .header > div{
    flex: 1;
}
.profesores-grupos .content-right .ver-notificaciones .notificaciones .header > div:nth-child(1){
    flex: 3;
}

.profesores-grupos .content-right .ver-notificaciones .notificaciones .content {
    display: flex;
}

.profesores-grupos .content-right .ver-notificaciones .notificaciones .content .content-principal {
    display: flex;
    flex-direction: row !important;
    background: #145d8957;
    padding: 2px;
    color: #545a61;
    align-items: center;
}

.profesores-grupos .content-right .ver-notificaciones .guardando-notificacion {
    font-size: 11px;
    align-items: center;
    justify-content: center;
    color: #3a633a;
}

.profesores-grupos .grupo .ver-notificaciones .content-principal .notificaciones-noleidas {
    max-width: 15px;
    padding: 3px;
    margin: 0px 10px;
    border-radius: 15px;
}

.profesores-grupos .grupo .ver-notificaciones .content-principal .notificaciones-noleidas > span{
	background: #d85959;
	color: white;
	/* margin: 0px 10px; */
	border-radius: 20px;
	font-size: 11px;
	padding: 1px 5px 1px 4px;
}

.profesores-grupos .notificaciones-alumno {
    padding-left: 5px;
    display:  flex;
    flex: 1;
    background: #325678;
    padding: 2px 5px;
    height: 22px;
    color: #ffffff;
    border-left: 4px solid orange !important;
    align-items: center;
}
.profesores-grupos .notificaciones-alumno > div{
   display: flex;
   flex: 1;
}

.profesores-grupos .notificaciones-alumno > div > i{
	padding-top: 2px;
}
.profesores-grupos .notificaciones-alumno > div > span{
    margin: 0px 5px;
    /* color: wheat; */
}

.profesores-grupos .notificaciones-alumno > span.plus-notificaciones{
	color: #4b5250;
}

.profesores-grupos .content-botones {
    display: flex;
}

.profesores-grupos .content-botones > button,
.profesores-grupos .content-botones > button:hover,
.profesores-grupos .content-botones > button:visited,
.profesores-grupos .content-botones > button:focus{
    border: none !important;
    background: none;
    color: #687369;
}

.profesores-grupos .content-right .ver-notificaciones .notificaciones .content > .rows{
	display: flex;
	flex-direction: column;
	flex:1;
}

.profesores-grupos .content-right .ver-notificaciones .notificaciones .content > .rows > div{
	display: flex;
	flex-direction: column;
	margin: 5px 0px;
}



.profesores-grupos .content-right .ver-notificaciones .notificaciones .content > .rows > div > div > div > div{
	flex: 1;
	display: flex;
	/* min-width: 100px; */
	/* max-width: 100px; */
	flex-wrap: wrap;
}

.profesores-grupos .content-right .ver-notificaciones .notificaciones .content > .rows > div > div > div > div:nth-child(1){
	flex: 13;
	display: flex;
	/* font-size: 11px; */
	/* align-items: center; */
	er; */
	justify-content: center;
	/* color: #3a633a; */
}

.profesores-grupos .content-right .ver-notificaciones .notificaciones .content > .rows 
    > div .editar-alumnos {
    display: flex;
    flex-direction: column;
}

.profesores-grupos .content-right .ver-notificaciones .notificaciones .content > .rows 
    > div .editar-alumnos > div {
    display: flex;
    flex: 1 !important;
}

.profesores-grupos .content-right .ver-notificaciones .notificaciones .content > .rows 
    > div .editar-alumnos > div > div{
    flex: 1;
}

.profesores-grupos .content-right .ver-notificaciones .notificaciones .content > .rows 
    > div .editar-alumnos > div > div:nth-child(1){
    flex: 3;
}

.profesores-grupos .ver-notificaciones .add-notificaciones {
    display: flex;
    background: white !important;
    flex-direction: column;
    margin: 0px 0px 15px 0px;
    border: 1px solid #ced7e4;
    padding: 0px 0px 5px 0px;
}

.profesores-grupos .ver-notificaciones .add-notificaciones > div{
   flex: 1;
}

.profesores-grupos .ver-notificaciones .add-notificaciones > div:nth-child(1){
   text-align: center;
   font-size: 16px;
   margin: 5px 0px;
}

.profesores-grupos .ver-notificaciones .add-notificaciones > div:nth-child(1) > span{
	border-bottom: 1px dashed;
}

.profesores-grupos .ver-notificaciones .add-notificaciones > div:nth-child(2){
   display:flex;
   flex: 1;
}

.profesores-grupos .ver-notificaciones .add-notificaciones > div:nth-child(2) > div:nth-child(1){
	display: flex;
	flex: 1;
}

.profesores-grupos .ver-notificaciones .add-notificaciones > div:nth-child(2) > div:nth-child(1) > div{
	display: flex;
	flex-direction: column;
	flex: 1;
	margin: 0px 10px;
}

.profesores-grupos .ver-notificaciones .add-notificaciones > div:nth-child(2) > div:nth-child(2) > button{
   border: none !important;
   background: none;
   color: green;
}

.profesores-grupos .ver-notificaciones .listado-notificaciones {
    display: flex;
    flex-direction: column;
}

.profesores-grupos .ver-notificaciones .listado-notificaciones > div{
	/* display: flex; */
	/* flex: 1; */
	padding: 2px;
	align-items: start;
	background: none;
}

.profesores-grupos .ver-notificaciones .listado-notificaciones > div > span{
	display: flex;
}
.profesores-grupos .ver-notificaciones .listado-notificaciones > div > div{
	min-width: 20px;
}

.profesores-grupos .ver-notificaciones .listado-notificaciones > div > div > div{
	display: flex;
	flex: 1;
}
.profesores-grupos .ver-notificaciones .listado-notificaciones > div > div > div > span{
	margin: 0px 10px;
	flex: 1;
}

.profesores-grupos .ver-notificaciones .listado-notificaciones > div > div > div > span:nth-child(1){
	min-width: 60px;
	max-width: 80px;
}

.profesores-grupos .ver-notificaciones .listado-notificaciones > div > div > div > span:nth-child(2){
	min-width: 200px;
	max-width: 400px;
}

.profesores-grupos .ver-notificaciones .listado-notificaciones > div > div > div > span:nth-child(3){
	min-width: 70px;
	max-width: 70px;
}

.profesores-grupos .ver-notificaciones .listado-notificaciones > div > div > span{
	margin: 0px 5px;
}



.profesores-grupos .ver-notificaciones .listado-notificaciones > div > div > button,
.profesores-grupos .ver-notificaciones .listado-notificaciones > div > div > button:focus{
	flex: 1;
	max-width: 10px;
	background: none;
	border: none !important;
	margin: 0px 5px;
	color: #6f7e92;
}

.profesores-grupos .ver-notificaciones .listado-notificaciones > div > div > button:nth-child(2){
	color:red;
}


.profesores-grupos .ver-notificaciones .listado-notificaciones .notificacion-leida {
    background: #67ad67;
}

.profesores-grupos .ver-notificaciones .listado-notificaciones .notificacion-noleida {
    background: #FA6262;
}

/* END NOTIFICACIONES */




/* COMENTARIOS ETAPAS */
.profesores-grupos .content-right .ver-notascomentarios {
    background: white;
    display: flex;
    flex-direction: column;
    /* padding: 0px !important; */
    /* margin: 0px !important; */
}

.profesores-grupos .content-right .ver-notascomentarios .comentarios {
    display: flex;
    flex-direction: column;
}

.profesores-grupos .content-right .ver-notascomentarios .comentarios .header {
    display: flex;
    flex: 1;
    padding: 5px;
    background: #6f7e92;
    color: white;
}
.profesores-grupos .content-right .ver-notascomentarios .comentarios .header > div{
    flex: 1;
}
.profesores-grupos .content-right .ver-notascomentarios .comentarios .header > div:nth-child(1){
    flex: 3;
}

.profesores-grupos .content-right .ver-notascomentarios .comentarios .content {
    display: flex;
}

.profesores-grupos .content-right .ver-notascomentarios .comentarios .content .content-principal {
    display: flex;
    flex-direction: row !important;
    padding: 2px;
    align-items: center;
    justify-content: space-between;
    border-left: 4px solid orange !important;
    height: fit-content;
    background: #325678;
    color: white;
}

.profesores-grupos .content-right .ver-notascomentarios .guardando-notificacion {
    font-size: 11px;
    align-items: center;
    justify-content: center;
    color: #3a633a;
}

.profesores-grupos .grupo .ver-notascomentarios .content-principal .notificaciones-noleidas {
    max-width: 15px;
    padding: 3px;
    margin: 0px 10px;
    border-radius: 15px;
}

.profesores-grupos .grupo .ver-notascomentarios .content-principal .notificaciones-noleidas > span{
	background: #d85959;
	color: white;
	/* margin: 0px 10px; */
	border-radius: 20px;
	font-size: 11px;
	padding: 1px 5px 1px 4px;
}

.profesores-grupos .comentarios-alumno {
    display: flex;
}

.profesores-grupos .comentarios-alumno > span{
    margin: 0px 5px;
    /* color: wheat; */
}

.profesores-grupos .comentarios-alumno > span.plus-comentarios{
	color: #ffffff;
}

.profesores-grupos .content-botones {
    display: flex;
}

.profesores-grupos .content-botones > button,
.profesores-grupos .content-botones > button:hover,
.profesores-grupos .content-botones > button:visited,
.profesores-grupos .content-botones > button:focus{
    border: none !important;
    background: none;
    color: #ffffff;
}

.profesores-grupos .content-right .ver-notascomentarios .comentarios .content > .rows{
	display: flex;
	flex-direction: column;
	flex:1;
}

.profesores-grupos .content-right .ver-notascomentarios .comentarios .content > .rows > div{
	display: flex;
	flex-direction: column;
	margin-bottom: 1px;
}



.profesores-grupos .content-right .ver-notascomentarios .comentarios .content > .rows > div > div > div > div{
	flex: 1;
	display: flex;
	/* min-width: 100px; */
	/* max-width: 100px; */
	flex-wrap: wrap;
	/* min-width: 20px; */
	/* max-width: 40px; */
}

.profesores-grupos .content-right .ver-notascomentarios .comentarios .content > .rows > div > div > div > div:nth-child(1){
	flex: 14;
	display: flex;
	/* font-size: 11px; */
	/* align-items: center; */
	justify-content: center;
	/* color: #3a633a; */
}

.profesores-grupos .content-right .ver-notascomentarios .comentarios .content > .rows > div > div > div > div:nth-child(2){
	flex: 2;
	display: flex;
	justify-content: center;
	align-self: center;
}

.profesores-grupos .content-right .ver-notascomentarios .comentarios .content > .rows 
    > div .editar-alumnos {
    display: flex;
    flex-direction: column;
}

.profesores-grupos .content-right .ver-notascomentarios .comentarios .content > .rows 
    > div .editar-alumnos > div {
    display: flex;
    flex: 1 !important;
}

.profesores-grupos .content-right .ver-notascomentarios .comentarios .content > .rows 
    > div .editar-alumnos > div > div{
    flex: 1;
}

.profesores-grupos .content-right .ver-notascomentarios .comentarios .content > .rows 
    > div .editar-alumnos > div > div:nth-child(1){
    flex: 3;
}

.profesores-grupos .ver-notascomentarios .add-comentarios {
    display: flex;
    background: #f9f9f9 !important;
    flex-direction: column;
    margin: 0px 0px 15px 0px;
    border: 1px solid #ced7e4;
    padding: 0px 0px 5px 0px;
}

.profesores-grupos .ver-notascomentarios .add-comentarios > div{
   flex: 1;
}

.profesores-grupos .ver-notascomentarios .add-comentarios > div:nth-child(1){
   text-align: center;
   font-size: 16px;
   margin: 5px 0px;
}

.profesores-grupos .ver-notascomentarios .add-comentarios > div:nth-child(1) > span{
	border-bottom: 1px dashed;
}

.profesores-grupos .ver-notascomentarios .add-comentarios > div:nth-child(2){
   display:flex;
   flex: 1;
}

.profesores-grupos .ver-notascomentarios .add-comentarios > div:nth-child(2) > div:nth-child(1){
	display: flex;
	flex: 1;
}

.profesores-grupos .ver-notascomentarios .add-comentarios > div:nth-child(2) > div:nth-child(1) > div{
	display: flex;
	flex-direction: column;
	flex: 1;
	margin: 0px 10px;
}

.profesores-grupos .ver-notascomentarios .add-comentarios > div:nth-child(2) > div:nth-child(2) > button{
   border: none !important;
   background: none;
   color: green;
}

.profesores-grupos .ver-notascomentarios .listado-comentarios {
    display: flex;
    /* background: #f6f6f9; */
    /* color: white; */
    flex-direction: column;
}

.profesores-grupos .ver-notascomentarios .listado-comentarios > div{
	display: flex;
	flex: 1;
	padding: 2px;
	/* align-items: start; */
	margin: 0px 0px 1px 0px;
	background: none;
	border: 1px dotted #39618373;
	border-top: none !important;
	flex-wrap: wrap;
	margin-left: 5px;
	/* height: 100% !important; */
	min-height: fit-content;
}

.profesores-grupos .ver-notascomentarios .listado-comentarios > div > span{
	display: flex;
}
.profesores-grupos .ver-notascomentarios .listado-comentarios > div > div{
	min-width: 20px;
}

.profesores-grupos .ver-notascomentarios .listado-comentarios > div > div > div{
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	padding: 4px;
}
.profesores-grupos .ver-notascomentarios .listado-comentarios > div > div > div > span{
	margin: 0px 10px;
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.profesores-grupos .ver-notascomentarios .listado-comentarios > div > div > div > span:nth-child(1){
	min-width: 60px;
	max-width: 60px;
}

.profesores-grupos .ver-notascomentarios .listado-comentarios > div > div > div > span:nth-child(2){
	min-width: 75px;
	max-width: 75px;
}

.profesores-grupos .ver-notascomentarios .listado-comentarios > div > div > div > span:nth-child(3){
	min-width: 100px;
	max-width: 100px;
}
.profesores-grupos .ver-notascomentarios .listado-comentarios > div > div > div > span:nth-child(4){
	/* min-width: 100px; */
	/* max-width: 100px; */
	flex-wrap: wrap;
	display: flex;
	flex: 1;
	/* height: auto !important; */
}
.profesores-grupos .ver-notascomentarios .listado-comentarios > div > div > div > span:nth-child(5){
	min-width: 10px;
	max-width: 10px;
	font-size: 11px;
}
.profesores-grupos .ver-notascomentarios .listado-comentarios > div > div > div > span:nth-child(6){
	min-width: 40px;
	max-width: 40px;
	display: flex;
}

.profesores-grupos .ver-notascomentarios .listado-comentarios > div > div > span{
	margin: 0px 5px;
}



.profesores-grupos .ver-notascomentarios .listado-comentarios > div > div > button,
.profesores-grupos .ver-notascomentarios .listado-comentarios > div > div > button:focus{
	flex: 1;
	max-width: 10px;
	background: none;
	border: none !important;
	margin: 0px 5px;
	color: #6f7e92;
}

.profesores-grupos .ver-notascomentarios .listado-comentarios > div > div > button:nth-child(1){
	max-width: 20px !important;
}
.profesores-grupos .ver-notascomentarios .listado-comentarios > div > div > button:nth-child(2){
	color: #ff00008c;
	max-width: 20px !important;
}


.profesores-grupos .ver-notascomentarios .listado-comentarios .notificacion-leida {
    background: #67ad67;
}

.profesores-grupos .ver-notascomentarios .listado-comentarios .notificacion-noleida {
    background: #FA6262;
}

/* END COMENTARIOS ETAPAS */




.profesores-grupos .fc .fc-content .fc-view.fc-grid table > tbody > tr > td.fc-state-highlight .fc-day-number, .fc .fc-content .fc-view.fc-agenda table > tbody > tr > td.fc-state-highlight .fc-day-number {
    background-color: #4a5a72;
    color: white;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    padding: 4px 6px; }
    
    
/* MODAL COMENTARIOS */
.add-comentarios {
    display: flex;
    flex-direction: column;
}
	.add-comentarios input{
		height: 20px;
	}
    .add-comentarios > div{
        display: flex;
        /* flex-direction: column; */
        margin-bottom: 5px;
    }
    .add-comentarios > div.descripcion{
        display: flex;
        flex-direction: column;
        margin-bottom: 5px;
    }
        .add-comentarios > div > div{
            display: flex;
            /* flex-direction: column; */
            /* flex: 1; */
            /* width: 100%; */
            flex: 1;
            margin: 0px 5px;
        }
        	.add-comentarios > div > div > *:nth-child(2){
        		flex: 1;
        		margin: 0px 5px;
        	}
   .add-comentarios > .buttons-footer{
       margin: 5px 0px 0px 0px;
       display: flex;
       flex-direction: row;
       align-items: center;
       justify-content: center;
   }
   .add-comentarios > .buttons-footer > button{
        margin: 0px 5px;
   }

   
	.profesores-grupos .green{
		color: green;
	}
	.profesores-grupos .red{
		color: red;
	}
	.profesores-grupos .orange{
		color: orange;
	}
	
	
/* NOTAS REVISADAS */
.profesores-grupos .listado-alumnos {
    display: flex;
    flex-direction: column;
}
    .profesores-grupos .listado-alumnos > .alumno{
        display: flex;
        flex-direction: column;
        margin: 5px 0px;
        /* border: 1px solid #d9e0ea; */
    }
        .profesores-grupos .listado-alumnos > .alumno > div:nth-child(1){
            /* background: #146894; */
            padding: 2px;
            /* color: white; */
            display: flex;
            flex: 1;
            align-items: center;
            height: 22px;
            border-bottom: 1px solid #396183;
            /* border-left: 1px solid #396183; */
        }
        	.profesores-grupos .listado-alumnos > .alumno > div:nth-child(1) > div{
				flex: 1;
				padding: 2px;
			}
			.profesores-grupos .listado-alumnos > .alumno > div:nth-child(1) > div:nth-child(1){
				/* min-width: 20px; */
				/* max-width: 20px; */
			}
			.profesores-grupos .listado-alumnos > .alumno > div:nth-child(1) > div:nth-child(2){
				
			}
			.profesores-grupos .listado-alumnos > .alumno > div:nth-child(1) > div:nth-child(3){
				max-width: 80px;
				min-width: 80px;
			}
				.profesores-grupos .listado-alumnos > .alumno > div:nth-child(1) > div:nth-child(3) > button{
					background: #8cc18c;
					border: none;
					color: white;
					font-size: 12px;
					font-family: tahoma;
				}
        .profesores-grupos .listado-alumnos > .alumno > .listado-etapas{
            display: flex;
            /* flex-direction: column; */
            padding: 10px 5px;
            font-size: 12px;
            font-family: tahoma;
            /* margin: 15px 0px; */
            flex-wrap: wrap;
            background: white;
            /* border: 1px solid #c8e3ff; */
        }
            .profesores-grupos .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1){
                /* border-bottom: 1px solid #b7b7b7; */
                display: flex;
                width: 100%;
                background: #356190;
                border-left: 4px solid orange;
                color: white;
            }
            	.profesores-grupos .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1) > div{
					flex: 1;
				}
				.profesores-grupos .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1) > div:nth-child(1){
					min-width:20px;
					max-width: 20px;
				}
				.profesores-grupos .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1) > div:nth-child(3){
					min-width: 80px;
					max-width: 80px;
				}
					.profesores-grupos .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1) > div:nth-child(3) > button{
						border: none;
						background: #efefef;
						font-size: 12px	
					}
             .profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .listado-metodos{
                display: flex;
                flex-direction: column;
                padding: 2px 5px;
                margin: 5px;
                border: 1px dashed #b7b7b7;
                min-width: 200px;
                flex: 1;
            }
                .profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > div:nth-child(1){
                    /* border-bottom: 1px solid #c1c6cc; */
                    display: flex;
                    background: #146894d1;
                    color: white;
                }
                	.profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > div:nth-child(1) > div{
                		flex:1;
                	}
                	.profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > div:nth-child(1) > div:nth-child(1){
						min-width:20px;
						max-width: 20px;
					}
					.profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > div:nth-child(1) > div:nth-child(3){
						min-width: 80px;
						max-width: 80px;
						display: flex;
					}
						.profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > div:nth-child(1) > div:nth-child(3) > button{
							border: none;
							background: #efefef;
							font-size: 12px	
						}
                .profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas{
                    display: flex;
                    padding: 2px 5px;
                    border-bottom: 1px dashed #efeff1;
                    /* flex-wrap: wrap; */
                }
                .profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas:last-child{
                	border: none;
                }
                .profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div{
                    flex: 1;
                    margin: 0px 5px;
                }
                .profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(1){
                	min-width: 104px;
                	max-width: 300px;
                }
                .profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(2){
                	min-width: 150px;
                	max-width: 150px;
                }
                .profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(3){
                	display: flex;
                	min-width: 150px;
                	max-width: 150px;
                }
					.profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(3) > button{
						background: none;
						border: none;
						margin: 0px 2px;
					}
					.profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(3) > button:disabled{
						background: #f4f4f4;
						border: none
					}
				.profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(4){
                	min-width: 50px;
                	max-width: 50px;
                }
                .profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(4).valido{
                	color:#849a84;
                }
                .profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(4).no-valido{
                	color:#bd6a6a;
                }
		 .profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .comentarios{
			display: flex;
			flex-direction: column;
			padding: 2px;
			width: 100%;
			margin: 5px;
			margin-top: 0px;
			border: 1px dashed #b7b7b7;
		}
			.profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .comentarios > div:nth-child(1){
				/* border-bottom: 1px solid #3f4e62; */
				margin: 5px;
				background: #147694d1;
				color: white;
				padding-left: 10px;
			}
			.profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .comentarios > .comentario{
				display: flex;
				margin: 5px 0px;
				border-bottom: 1px dashed #c3c3d8;
				flex-wrap: wrap;
				padding-left: 8px;
			}
			.profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .comentarios > .comentario:last-child{
				border: none;
			}
				.profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .comentarios > .comentario > span{
					margin: 0px 5px;
				}
				.profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .comentarios > .comentario > span:nth-child(1){
					max-width: 100px;
					min-width: 100px;
				}
				.profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .comentarios > .comentario > span:nth-child(2){
					max-width: 100px;
					min-width: 100px;
				}
				.profesores-grupos .listado-alumnos > .alumno > .listado-etapas > .comentarios > .comentario > span:nth-child(3){
					flex: 1;
					text-align: justify;
				}
	.profesores-grupos .filtros{
		display: flex;
		flex-direction: column;
		/* border: 1px solid #b9dbff; */
	}
		.profesores-grupos .filtros > .cabecera{
			display: flex;
			background: #325678;
			color: white;
			font-size: 12px;
			border-left: 4px solid orange;
		}
			.profesores-grupos .filtros > .cabecera{
				padding: 2px;
			}

	.profesores-grupos .listado-notas .button-text-search{
			margin-top: 0px !important;
		}
		.profesores-grupos .filtros > .content{
			padding-top: 5px;
			border: 1px solid #c1dfff;
			border-top: none !important;
		}
	.profesores-grupos .button-text-search{
	 	font-size: 15px;
	 	width: 50px !important;
	 	height: 50px;
	 	margin-top: 22px;
	 	margin-left: 0px;
	 	background: #105d8d;
	 }
	 
	 .profesores-grupos .loading-grid{
		width: 850px;
	}
	.profesores-grupos .listado-notas{
		min-height: 500px;
	}
	
	
	/* Notificaciones */
	
	.profesores-grupos .streamline{
		width: 100% !important;
		margin-left: 5px !important;
		padding-top: 10px !important;
		margin-bottom: 10px !important;
		padding-right: 20px !important;
	}
	.profesores-grupos .streamline:before{
				background-color: #2d4c6f !important;
			}
			.profesores-grupos .streamline:after{
				background-color: #ff9e00 !important;
				border-radius: 0 !important;
				height: 2px !important;
				bottom: -1px;
				width: 12px !important;
				border: 1px solid #ff9e00 !important;
			}
		.profesores-grupos .streamline .streamline-post{
			width: 100%;
			margin-right: 20px;
			margin-top: 0px;
			margin-bottom: 0px !important;
			padding-left: 25px;
		}
		.profesores-grupos .notificaciones-alumno .notificaciones-sinleer{
			background: white;
			padding-bottom: 2px;
			color: #677689;
			font-size: 10px;
			width: 17px;
			display: flex;
			border-radius: 20px;
			height: 17px;
			border: 2px solid #ff9f28 !important;
			align-items: center;
			justify-content: center;
			left: 0px;
		}
		
		.profesores-grupos .streamline .streamline-post .post-container .notificaciones-sinleer{
			background: white;
			padding-bottom: 2px;
			color: #677689;
			font-size: 10px;
			width: 17px;
			display: flex;
			border-radius: 20px;
			height: 17px;
			border: 2px solid #ff9f28 !important;
			align-items: center;
			justify-content: center;
			position: absolute;
			left: 0px;
		}
		
			.profesores-grupos .streamline .streamline-post .post-container .panel-heading,
				.profesores-grupos .streamline .streamline-post .post-container .panel-body{
					font-size: 12px !important;
				}
					.profesores-grupos .streamline .streamline-post .post-container .panel-body > span{
					white-space: pre-line;
					}
						.profesores-grupos .streamline .streamline-post .post-container .panel-body > span > span{
							margin: 0px 2px;
						}
						.profesores-grupos .streamline .streamline-post .post-container .panel-body > span > a{
							color: #155d89;
							margin: 0px 2px;
						}

						.profesores-grupos .streamline .streamline-post .post-container .panel-body > textarea{
							margin: 0px 2px;
							border : 0px;
							color: #758188;
							background: white;
						}
						.profesores-grupos .streamline .streamline-post .post-container .panel-body > textarea > a{
							color: #155d89;
							margin: 0px 2px;
						}
				.profesores-grupos .streamline .streamline-post .post-container .reply-container .panel-heading,
					.profesores-grupos .streamline .streamline-post .post-container .reply-container .panel-body{
					font-size: 12px !important;
				}

			.profesores-grupos .streamline .streamline-post > aside{
				font-size: 32px;
				width: 40px;
				text-align:  center;
				height: 40px;
			}

				.profesores-grupos .streamline .streamline-post .post-replies > li > aside{
					font-size: 25px;
					width: 40px;
					text-align:  center;
					height: 40px;
				}

				.profesores-grupos .streamline .streamline-post > aside.tutor,
				.profesores-grupos .streamline .streamline-post .post-replies > li > aside.tutor{
					color: #4b984a;
				}
				.profesores-grupos .streamline .streamline-post > aside.teacher,
				.profesores-grupos .streamline .streamline-post .post-replies > li > aside.teacher{
					color: #3d7abbfc;
				}

				.profesores-grupos .streamline .streamline-post .post-container:after, 
				.profesores-grupos .streamline .streamline-post .reply-container:after{
					top: 11px !important;
				}
				.profesores-grupos .streamline .streamline-post .post-container:before, 
				.profesores-grupos .streamline .streamline-post .reply-container:before{
					top: 10px !important;
				}

		.profesores-grupos .alumnos-notificaciones > div{
			margin-bottom: 1px;
		}
		.profesores-grupos .alumnos-notificaciones .content-principal .grupo-alumno > button{
			position: absolute;
    		padding-top: 3px;
		}
		.profesores-grupos .alumnos-notificaciones .content-principal .notificaciones-alumno .nueva-notificacion{
    		color: white;
    		font-size: 12px;
    		/* background: #75ab73 !important; */
    		/* positi#75ab73solute; */
    		/* align-self: flex-end; */
    	}

		.profesores-grupos .alumnos-notificaciones .notificaciones-all{
			margin: 20px 0px;
			max-width: 850px;
		}

  	.profesores-grupos .alumnos-notificaciones .content-principal .grupo-alumno .nueva-respuesta{
    		color: #2e4c6c;
    		margin-right: 5px;
  }
		.profesores-grupos .alumnos-notificaciones .content-principal .notificaciones-alumno .cancelar-edicion{
    		/* right: 32px; */
    		/* position:  absolute; */
    		/* background: #75ab73 !important; */
    		color: white;
    		font-size: 12px;
  }
		.profesores-grupos .alumnos-notificaciones .content-principal .notificaciones-alumno .desplegar-grupo{
    		color: #ffffff;
    		/* position:  absolute; */
    		/* align-self: flex-end; */
    		margin-top: -2px;
  }
		.profesores-grupos .alumnos-notificaciones .content-principal .grupo-alumno .streamline .desplegar-notificacion{
    		right: 20px;
    		padding-top: 3px;
    		color: #2e4c6c;
		}
		
		.profesores-grupos .streamline-form{
			border-left: 1px dotted #2d4c71;
			padding: 10px 5px 20px 20px !important;
			border-top: none;
			margin-left: 25px !important;
			margin-right: 5px !important;
		}

			.profesores-grupos .streamline-form > div,
				.profesores-grupos .panel-body > div{
				width:100%;
				padding-right: 5px;
			}
			.profesores-grupos .input-notificacion{
				height: 20px !important;
				max-width: 300px !important;
				margin-bottom: 3px;
				border-bottom: 1px solid #d9e0ea !important;
				text-transform: none !important;
				padding-left: 3px;
				font-size: 13px !important;
				border-top: none !important;
				border-left: none !important;
				border-right: none !important;
			}
			.profesores-grupos .text-notificacion{
				border: 1px solid #d9e0ea;
				width: 90%;
				padding-left: 3px;
				font-size: 13px;
			}
				.profesores-grupos .input-notificacion::placeholder,
				.profesores-grupos .text-notificacion::placeholder{
					color: #95a2a9;
					font-style: italic;
				}
			.profesores-grupos .streamline-form > div > button,
				.profesores-grupos .panel-body > div >button{
				font-size: 20px;
				margin-top: 15px !important;
				color: #008000 !important;
				margin-left: 10px;
			}

			.profesores-grupos .responder-notif{
				color: #2e4c6c;
				margin-right: 5px;
			}

			.profesores-grupos .streamline .panel-heading{
				display: flow-root;
				padding: 6px 6px 3px 6px;
				text-align: unset;
				border: none;
			}
			.profesores-grupos .streamline .panel-body{
				overflow: auto;
				padding: 5px 6px 5px 6px;
				border-top: 1px solid #dddddd;
				margin-left: 10px;
				margin-right: 10px;
			}	
			
	.profesores-grupos .marca-notificacion{
         width: 10px !important;
         height: 10px !important;
         position: absolute;
         right: 1px;
         top: 1px;
      }	
      .profesores-grupos .marca-notificacion.marca-leido{
         background: #75ab73 !important;
      }
      .profesores-grupos .marca-notificacion.marca-no-leido{
         background: #ff9e28 !important;
      }	
      .profesores-grupos .marca-notificacion:before{
         position: absolute;
         right: 0px;
         top: 0px;
         content: '';
         border-bottom: 5px solid #ffffff;
         border-left: 5px solid #ffffff;
         border-right: 5px solid transparent;
         border-top: 5px solid transparent;
      }
      
      
      .profesores-grupos .fc .fc-content .fc-event{
      	border-radius: 0 !important;
      }
      
     
     
    /* Eventos semanales profesor */
    .profesores-grupos .calendario-profesor{
    
    }
    	.profesores-grupos .calendario-profesor > *{
    	
    	}
    	.profesores-grupos .calendario-profesor > .titulo{
	    	font-size: 14px;
	    	border-bottom: 1px solid #284362;
	    	margin-bottom: 4px;
	    	text-transform: uppercase;
	    	color: #284362;
	    	border-left: 4px solid orange;
	    	padding-left: 4px;
    	}
		.profesores-grupos .calendario-profesor th.fc-day-header.fc-widget-header {
		    background: #e0e7ec8c;
		    color: #457294;
		    border-radius: 0px;
		    border: 1px solid #dddddd;
		}	
    
    .profesores-grupos th.fc-day-header.fc-widget-header {
		background: #e0e7ec8c;
		color: #457294;
		border-radius: 0px;
		border: 1px solid #dddddd;
	}	
    
    
	.profesores-grupos .calendar{
	
	}
		.profesores-grupos .fc .fc-content .fc-event{
			background: #284362;
			padding: 2px;
			color:white;
			text-align: center;
			border-radius: 4px !important;
			font-weight: bold;
		}
      
      
	/* ANIMACIONES NOTIFICACIONES */
 
	.profesores-grupos .streamline .panel-body {
		overflow: auto;
		transition: max-height 0.4s ease-in;
		max-height: 500px;
	}
		.profesores-grupos .streamline .panel-body.ng-hide {
			max-height: 0;
			transition: max-height 0.3s ease-out;
		}

	.profesores-grupos .contenido-alumno {
		transition: max-height 0.4s ease-in;
		max-height: 1000px;
		overflow-y: auto;
		overflow-x: hidden;
	}
		.profesores-grupos .contenido-alumno.ng-hide {
			max-height: 0;
			transition: max-height 0.3s ease-out;
		}

	.profesores-grupos .contenido-notificacion {
		transition: max-height 0.4s ease-in;
		max-height: 1000px;
		overflow-y: auto;
		overflow-x: hidden;
	}
		.profesores-grupos .contenido-notificacion.ng-hide {
			max-height: 0;
			transition: max-height 0.3s ease-out;
		}

	.profesores-grupos .reply-container.new-reply {
		animation-name: reply_creation;
		animation-duration: 0.3s;
	}

	@keyframes reply_creation {
		from { 
			transform: scale(0, 0);
		}
		to {
			transform: scale(1, 1);
		}
	}
	
	.profesores-grupos .notificaciones-alumno .notificaciones-sinleer{
		animation: jump 4s infinite;
	}
	
	.profesores-grupos .card .front .col-xs-5{
		text-align: center !important;
	}
		.profesores-grupos .card .front .col-xs-5 > div{
			text-align: center !important;
			font-weight: bold;
		}
		
/* Calendario */
.profesores-grupos .calendar_color_clase{
	border-radius: 0px !important;
}
.profesores-grupos a.fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end {
    background: #cee0ea;
    border: none;
    border-radius: 0px;
    color: #447294;
    font-weight: bold;
    margin-left: -1px;
    margin-right: -2px;
}
.profesores-grupos a.fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end:hover{
	background: #9bc1d4;
	cursor: pointer;
	transition: all 0.4s ease-out;
}

.profesores-grupos .calendario-academia a.fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end:hover{
	background: #cee0ea;
    border: none;
    border-radius: 0px;
    color: #447294;
    font-weight: bold;
    margin-left: -1px;
    margin-right: -2px;
}


.profesores-grupos span.fc-time {
    display: none;
}
.profesores-grupos .fc-content {
    border-radius: 0px !important;
    padding: 2px;
}
	.profesores-grupos .fc-content .fc-title{
		font-size: 11px;
	}

.profesores-grupos .holidays {
	color: #145d89;
	background: #f4f4f4 !important;
	border-color: #ddd !important;
}

.profesores-grupos .holidays:after {
	content: attr(data-content);
	position: absolute;
	bottom: 0px;
	font-size: 10px;
	/* background: white; */
	/* border: 1px dashed #7fabe8; */
	padding: 1px;
}

.profesores-grupos a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.calendar_color_festivo {
    width: 10px;
    height: 10px;
    border-radius: 0px;
    background: #808085;
    border: none;
}

.profesores-grupos a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.calendar_color_clase {
    width: 10px !important;
    height: 10px !important;
    border-radius: 0px !important;
    border: none;
    margin: 0px 2px !important;
}

.profesores-grupos a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.calendar_color_examen {
    width: 10px !important;
    height: 10px !important;
    border-radius: 0px !important;
    border:  none;
    margin: 0px 2px !important;
}

.profesores-grupos .card-container .card .front i{
	color: white !important;
}

.profesores-grupos .fc-toolbar.fc-header-toolbar {
    margin-bottom: 4px;
}
.profesores-grupos .fc-center > h2 {
    font-size: 24px;
}

/* Calendario profesor */
.profesores-grupos .calendario-profesor button.fc-prev-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
    border: none;
    background: none;
    color: #457294;
    border-radius: 0px;
    border: 1px solid #44729470;
}

.profesores-grupos .calendario-profesor button.fc-next-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {border: none;background: none;color: #457294;border-radius: 0px;border: 1px solid #44729470;}
.profesores-grupos .calendario-profesor .fc-toolbar.fc-header-toolbar {
    margin-bottom: 4px;
}
.profesores-grupos .calendario-profesor .fc-center > h2 {
    font-size: 24px;
}



.profesores-grupos .calendario-profesor button.fc-agendaWeek-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right{
    border: none;
    background: none;
    color: #457294;
    border-radius: 0px;
    border: 1px solid #44729470;
}
.profesores-grupos .calendario-profesor button.fc-agendaWeek-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-active {
    border: none;
    background: #4572942e;
    color: #457294;
    border-radius: 0px;
    border: 1px solid #44729470;
}
.profesores-grupos .calendario-profesor button.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
    border: none;
    background: none;
    color: #457294;
    border-radius: 0px;
    border: 1px solid #44729470;
}

.profesores-grupos .calendario-profesor button.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-active {
    background: #3c678994;
    border: none;
    border-radius: 0px;
    color: white;
    text-shadow: none;
}

.profesores-grupos .calendario-profesor button.fc-listWeek-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {border: none;background: none;color: #457294;border-radius: 0px;border: 1px solid #44729470;}

.profesores-grupos .calendario-profesor button.fc-listWeek-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-active {
    background: #3c678994;
    border: none;
    border-radius: 0px;
    color: white;
    text-shadow: none;
}

.profesores-grupos .calendario-profesor .fc-listWeek-view td.fc-widget-header {
    padding: 5px;
    background: #8ea7bc !important;
    color: white;
}


/** SECTION TEACHERS LOG **/
.profesores-grupos .teachers-log{
    display: flex;
    flex-direction: column;
}
	.profesores-grupos .teachers-log > .content{
		justify-content: flex-start;
		align-items: flex-start !important;
		/* flex: 1; */
	}
	.profesores-grupos .teachers-log .button-semanal{
		width: 100%;
		margin-top: -10px;
		margin-bottom: 5px;
	}
		.profesores-grupos .teachers-log .button-semanal > button{
			width: 100%;
			background: none;
			border: 1px solid #dddddd;
			transition: all 0.4s;
		}
		.profesores-grupos .teachers-log .button-semanal > button:hover{
			background: #4e7d9e;
			color:white;
			transition: all 0.4s;
		}

	.profesores-grupos .teachers-log > .content{
		flex-direction: column;
	}
		.profesores-grupos .teachers-log > .content > .buttons{
		}
			.profesores-grupos .teachers-log > .content > .buttons > button{
				background: none;
				border: none;
			}
		.profesores-grupos .teachers-log > .content > .form{
		}
			.profesores-grupos .teachers-log > .content > .form > .cabecera{
			border-left: 5px solid #ffa028;
			padding-left: 2px;
			}
			.profesores-grupos .teachers-log > .content > .form > .content{
				display: flex;
				justify-content: center;
				align-items: center;
			}
				.profesores-grupos .teachers-log > .content > .form > .content > textarea{
					border: 1px dashed #4e7d9e;
				}
				.profesores-grupos .teachers-log > .content > .form > .content > .buttons{
					width: 40px;
					height: 40px;
					display: flex;
					align-items: center;
					justify-content: center;
				}
					.profesores-grupos .teachers-log > .content > .form > .content > .buttons > button{
						background: none;
						border: none;
						width: 40px;
						height: 40px;
					}
						.profesores-grupos .teachers-log > .content > .form > .content > .buttons > button > i{
							font-size: 25px
						}

		.profesores-grupos .teachers-log > .content > .listado{
			display: flex;
			flex-direction: column;
			/* justify-content: revert; */
			/* flex: 1; */
			width: 100%;
		}
			.profesores-grupos .teachers-log > .content > .listado > .anotacion-item{
				display: flex;
				margin: 5px 0px;
				border-bottom: 1px dashed #dddddd;
				/* align-items: center; */
				justify-content: center;
				flex-direction: column;
			}
				.profesores-grupos .teachers-log > .content > .listado > .anotacion-item > .cabecera{
					border-left: 5px solid #ff8f29d1;
					border-bottom: 1px solid #dddddd;
					padding-left: 3px;
					margin-top: 5px;
					font-weight: bold;
				}
				.profesores-grupos .teachers-log > .content > .listado > .anotacion-item > .content{
					flex: 1;
					margin: 5px 0px;
					display: flex;
				}
					.profesores-grupos .teachers-log > .content > .listado > .anotacion-item > .content > div:nth-child(1){
						font-size: 12px;
						min-width: 170px;
						max-width: 170px;
						margin-right: 5px;
					}
					.profesores-grupos .teachers-log > .content > .listado > .anotacion-item > .content > div:nth-child(2){

					}
					.profesores-grupos .teachers-log > .content > .listado > .anotacion-item > .content > textarea{
						padding-left: 5px !important;
						border-radius: 0px;
						border: 1px solid #dae8ef;
					}
					.profesores-grupos .teachers-log > .content > .listado > .anotacion-item > .content > .no-editando-anotacion{
						border: none;
						background: #dae8ef52;
						border-radius: 0px;
					}
				.profesores-grupos .teachers-log > .content > .listado > .anotacion-item > .content > .buttons{
					display: flex;
				}
					.profesores-grupos .teachers-log .content > .listado > .anotacion-item > .content > .buttons > button{
						border: none;
						background: none;
					}
		
/* END SECTION TEACHERS LOG */

/* CALENDARIO PROFESORES */

/** Evento anotación */
.profesores-grupos .event-anotacion {
    position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    right: 2px;
    bottom: 2px;
    border-radius: 20px;
    z-index: 9;
    border: 2px solid #ffa028;
    transition: all 0.4s ease-out;
}
.profesores-grupos .event-anotacion:hover{
	border: 2px solid white;
	background: #ffa028;
	transition: all 0.4s ease-out;
}

.profesores-grupos .calendario-academia .event-anotacion:hover{
	position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    right: 2px;
    bottom: 2px;
    border-radius: 20px;
    z-index: 9;
    border: 2px solid #ffa028;
    transition: all 0.4s ease-out;
}

/* END CALENDARIO PROFESORES */

/* TEACHERS LOG OTHER CONTENT */
.other-content{
	margin-top: 20px;
	display: flex !important;
	flex-direction: column;
	background: none !important;
	height: 100% !important;
}
	.other-content > .tipo-evento{
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px;
		width: 100%;
	}
	.other-content > .tipo-evento a:hover {
	    opacity: 1;
	}
		.other-content > .tipo-evento > div {
		    width: 100%;
		    height: 36px;
		    margin: auto;
		    position: relative;
		    /* border-radius: 6px; */
		    overflow: hidden;
		    user-select: none;
		    cursor: pointer;
		    /* margin: 0px !important; */
		    /* padding: 0px !important; */
		}
		.other-content > .tipo-evento > div > .inner-container {
		    position: absolute;
		    left: 0;
		    top: 0;
		    width: inherit;
		    height: inherit;
		    text-transform: uppercase;
		    font-size: .6em;
		    letter-spacing: .2em;
		}
		.other-content > .tipo-evento > div > .inner-container:first-child {
		    background: #e9e9e9;
		    color: #a9a9a9;
		}
		.other-content > .tipo-evento > div > .inner-container:nth-child(2) {
		    background: #326ca5;
		    color: white;
		    clip-path: inset(0 50% 0 0);
		    transition: .3s cubic-bezier(0,0,0,1);
		    font-size: 13px;
		}
		.other-content > .tipo-evento .toggle {
		    width: 50%;
		    position: absolute;
		    height: inherit;
		    display: flex;
		    box-sizing: border-box;
		    font-size: 12px;
		}
		.other-content > .tipo-evento .toggle p {
		    margin: auto;
		}
		.other-content > .tipo-evento .toggle:nth-child(1) {
		    right: 0;
		}
	.other-content .fecha-erp{

	}
	.other-content > .texto{
		width: 100%;
		height: 100%;
	}
		.other-content > .texto > textarea{
			height: 227px;
			border: 1px solid #dddddd;
		}
	.other-content > .buttons{
		margin-top: 10px;
	}
		.other-content > .buttons > button{
			border: none;
			color: white;
			background: #0080008c;
			border-radius: 0px;
			width: 70px;
			height: 25px;
			transition: all 0.4s ease-out;
		}
		.other-content > .buttons > button:disabled{
			background: #e9e9e9;
			color: #adadad;
			transition: all 0.4s ease-out;
		}

/* END TEACHERS LOG OTHER CONTENT */


/* CLASES VIRTUALES */
.profesores-grupos .clases-virtuales{
}
	.profesores-grupos .clases-virtuales .header{
	    margin: 10px 0px;
	    display: flex;
	    align-items: center;
	}
	    .profesores-grupos .clases-virtuales .header > button{
	        background: none;
	        border: none;
	    }
	    .profesores-grupos .clases-virtuales .header > button.button-invitar-header{
			background: #2d4c6d;
			color: white;
			margin-left: 20px;
			font-size: 12px;
			height: 20px;
		}
	
	.profesores-grupos .clases-virtuales .avisos{margin-top: 10px;font-size: 12px;color: #b11c1c;text-align: center;}
	    .profesores-grupos .clases-virtuales .avisos > div{
	    	
	    }
	
	.profesores-grupos .clases-virtuales .pestanas{
	    display: flex;
	}
	    .profesores-grupos .clases-virtuales .pestanas > div{
			padding: 5px 25px 5px 25px;
			border: 1px solid #ffffff;
			border-radius: 10px 10px 0px 0px;
			color: white;
			border-bottom: 0px !important;
			}

	    .profesores-grupos .clases-virtuales .pestanas > div:nth-child(1){
			margin-right: 2px;
			margin-left: -1px;
	    }
	    .profesores-grupos .clases-virtuales .pestanas > div:nth-child(2){
	    }
	    .profesores-grupos .clases-virtuales .pestanas > div.activa{
	        /* color: green; */
	        background: #5a89a9;
	    }
	    .profesores-grupos .clases-virtuales .pestanas > div.desactiva{
	        background: #94989a;
	    }
    

	.profesores-grupos .clases-virtuales .listado{
		display: flex;
		flex-direction: column;
	}
		.profesores-grupos .clases-virtuales .listado .registro-h{
		    display: flex;
		    background: #145d89bf;
		    color: white;
		    padding: 2px 5px;
		    margin-top: -1px;
			flex-wrap: wrap;
		}
			.profesores-grupos .clases-virtuales .listado .registro-h > div:nth-child(1){
			    min-width: 50px;
			    max-width: 50px;
			}
			.profesores-grupos .clases-virtuales .listado .registro-h > div:nth-child(2){
			    min-width: 250px;
			    max-width: 250px;
			}
			.profesores-grupos .clases-virtuales .listado .registro-h > div:nth-child(3){
			    min-width: 160px;
		    	max-width: 160px;
		    	text-align: center;
			}
			.profesores-grupos .clases-virtuales .listado .registro-h > div:nth-child(4){
			    min-width: 130px;
			    max-width: 130px;
			    text-align: center;
			}
			/*.profesores-grupos .clases-virtuales .listado .registro-h > div:nth-child(5){
				min-width: 190px;
				max-width: 190px;
			}*/
			.profesores-grupos .clases-virtuales .listado .registro-h > div:nth-child(5){
			    min-width: 100px;
                max-width: 100px;
                text-align: center;
			}
			.profesores-grupos .clases-virtuales .listado .registro-h > div:nth-child(6){
			}
		.profesores-grupos .clases-virtuales .listado .registro{
			display: flex;
			/* border: 1px dashed #ff9b46; */
			padding: 5px;
			margin-top: -1px;
			position: relative;
			/* border-bottom: 1px blue; */
			border: 1px dashed #145d8926;
			/* margin: 2px 0px; */
			align-items: center;
			flex-wrap: wrap;
			/* justify-content: center; */
			/* display: flex; */
		}
		    .profesores-grupos .clases-virtuales .listado .registro > div:nth-child(1){
		        min-width: 50px;
		        max-width: 50px;
		        margin-left: 0px;
		    }
		    .profesores-grupos .clases-virtuales .listado .registro > div:nth-child(2){
		        min-width: 250px;
		        max-width: 250px;
		    }
		    .profesores-grupos .clases-virtuales .listado .registro > div:nth-child(2):hover{
		        min-width: 250px;
		        max-width: 250px;
		        color: blue;
		    }
		        .profesores-grupos .clases-virtuales .listado .registro > div:nth-child(2) > span:nth-child(2){
					font-style: oblique;
					font-size: 12px;
		        }
		    .profesores-grupos .clases-virtuales .listado .registro > div:nth-child(3){
		        min-width: 160px;
		    	max-width: 160px;
		    }
		    .profesores-grupos .clases-virtuales .listado .registro > div:nth-child(4){
		       min-width: 130px;
			   max-width: 130px;
			   text-align: center;
		    }
		    /*.profesores-grupos .clases-virtuales .listado .registro > div:nth-child(5){
		        min-width: 190px;
		        max-width: 190px;
		    }*/
		    .profesores-grupos .clases-virtuales .listado .registro > div:nth-child(5){
		        min-width: 120px;
		    	max-width: 120px;
		    }
		.profesores-grupos .clases-virtuales .listado .buttons{
			display: flex;
			justify-content: center;
			align-items: center;
			margin-left: 10px;
		}
		    /*.profesores-grupos .clases-virtuales .listado .buttons > button{
			    height: 18px;
			    margin: 2px;
			    color: white;
			    border: none;
			    font-size: 11px;
    			font-weight: bold;
    			width: 55px;
		    }*/
		    /*.profesores-grupos .clases-virtuales .listado .buttons > button:nth-child(1){
		    	background: #ff8f29e6;
		    }
		    .profesores-grupos .clases-virtuales .listado .buttons > button:nth-child(2){
		    	background: #58c1c2e0;
		    }
		    .profesores-grupos .clases-virtuales .listado .buttons > button:nth-child(3){
		    	background: #ee4556;
		    }*/
		    
		    .profesores-grupos .clases-virtuales .listado .buttons > button:nth-child(1){
			    color: #73b278 !important;
		    }
			    .profesores-grupos .clases-virtuales .listado .buttons > button:nth-child(1) > i{
			    	margin-top: 4px;
			    }
			.profesores-grupos .clases-virtuales .listado .buttons > button:nth-child(2){
			    color: rgba(221, 44, 0, 0.69) !important;
			    background: none;
			    border: none;
		    }
			    .profesores-grupos .clases-virtuales .listado .buttons > button:nth-child(2) > i{
			    	margin-top: 4px;
			    }
		    .profesores-grupos .clases-virtuales .listado .buttons .controls.controls-erp{
			    position: absolute;
			    right: 5px !important;
			    top: 12px !important;
			    padding: 0 !important;
			    border: none !important;
			    /* font-size: 17px; */
			   }
			    .profesores-grupos .clases-virtuales .listado .buttons .controls.controls-erp a.dropdown-toggle.settings{
			    	font-size: 11px;
			    }
			    .profesores-grupos .clases-virtuales .listado .buttons .controls.controls-erp ul.dropdown-menu{
				    right: 6px !important;
				    top: 6px !important;
				    padding: 0 !important;
				    max-width: 80px;
    				min-width: 80px;
			    }
				    .profesores-grupos .clases-virtuales .listado .buttons .controls.controls-erp ul.dropdown-menu > li > button{
			    	    height: 25px;
    					color: white;
    					font-weight: bold;
    					font-size: 12px;
					}
					    .profesores-grupos .clases-virtuales .listado .buttons .controls.controls-erp ul.dropdown-menu > li:nth-child(1) > button{
			    	       background: #e87c2d;
			    	 }
						    .profesores-grupos .clases-virtuales .listado .buttons .controls.controls-erp ul.dropdown-menu > li:nth-child(1) > button:hover{
				    	       background: #e87c2dc2 !important;
						    }
					    .profesores-grupos .clases-virtuales .listado .buttons .controls.controls-erp ul.dropdown-menu > li:nth-child(2) > button{
			    	       background: #d9534f;
					    }
						    .profesores-grupos .clases-virtuales .listado .buttons .controls.controls-erp ul.dropdown-menu > li:nth-child(2) > button:hover{
				    	       background: #df7472 !important;
						    }


.pg-listado-invitaciones{

}
	.pg-listado-invitaciones > .header{
		
	}
		.pg-listado-invitaciones > .header > div{
			
		}

	.pg-listado-invitaciones > .content{
		margin-top: 25px;
		display: flex;
		flex-direction: column;
	}
		.pg-listado-invitaciones > .content > .cabecera{
			display: flex;
			text-align: center;
			font-weight: bold;
		}
		    .pg-listado-invitaciones > .content > .cabecera > div{
		    	border-bottom: 1px solid #2d4c6d;
		    	margin: 0px 2px;
		    }
			.pg-listado-invitaciones > .content > .cabecera > div:nth-child(1){
				width: 40px;
				border: none;
			}
			.pg-listado-invitaciones > .content > .cabecera > div:nth-child(2){
				width: 400px;
			}
			.pg-listado-invitaciones > .content > .cabecera > div:nth-child(3){
				width: 350px;
			}
			.pg-listado-invitaciones > .content > .cabecera > div:nth-child(4){
				width: 30px;
				border: none;
			}
			.pg-listado-invitaciones > .content > .cabecera > div:nth-child(5){
				width: 40px;
				border: none;
			}
			.pg-listado-invitaciones > .content > .cabecera > div:nth-child(6){
				width: 300px;
			}
		.pg-listado-invitaciones > .content > .listado{
			display: flex;
			flex-direction: column;
		}
			.pg-listado-invitaciones > .content > .listado > .registro{
				display: flex;
				align-items: center;
			}
				.pg-listado-invitaciones > .content > .listado > .registro > div:nth-child(1){
					width: 40px;
				}
				.pg-listado-invitaciones > .content > .listado > .registro > div:nth-child(2){
					width: 400px;
				}
				.pg-listado-invitaciones > .content > .listado > .registro > div:nth-child(3){
					width: 350px;
				}
				.pg-listado-invitaciones > .content > .listado > .registro > div:nth-child(4){
					width: 30px;
				}
				.pg-listado-invitaciones > .content > .listado > .registro > div:nth-child(5){
					width: 40px;
				}
				.pg-listado-invitaciones > .content > .listado > .registro > div:nth-child(6){
					width: 300px;
				}
    .pg-listado-invitaciones > .buttons{
		display: flex;
		margin-top: 50px;
		align-items: center;
		justify-content: center;
	}
	    .pg-listado-invitaciones > .buttons > button{
	    	border: none;
	    	background: #0080009e;
	    	color: white;
	    	padding: 3px 35px;
	    }
/* END CLASES VIRTUALES */

/* LISTADO ASISTENCIAS */
.profesores-grupos .listados-asistencias{
	
}


/* Menú flex */
.profesores-grupos .menu-flex{
	display: none;
}


/* MEDIA QUERIES */
@media (max-width: 650px) {
    
	.profesores-grupos {
		height: 100%;
		overflow: scroll;
		width: 100% !important;
		overflow-x: hidden !important;
		min-height: 500px;
		overflow: hidden !important;
	}


    /*.profesores-grupos .grupo .menu-izq{
		display: flex;
		flex-direction: column;
		flex: 1;
		margin-right: 5px;
		min-width: 136px;
		max-width: 136px;
		font-size: 12.2px;
	}*/


	.profesores-grupos .notificaciones-leyenda{
	    font-size: 11px;
    }


    .profesores-grupos .notas-leyenda {
		
	}
	    .profesores-grupos .notas-leyenda > div{
		
	    }
	.profesores-grupos .info-principal-grupo{
		/* position: fixed; */
		z-index: 9999;
		background: white;
	}
        .profesores-grupos .info-principal-grupo > div{
        	font-size: 16px;
        	display: flex;
        	flex-wrap: wrap;
        }
	/* Menú izquierdo */
	.profesores-grupos .menu-flex{
		display: block;
		z-index: 9999;
		margin: 2px 10px;
		background: white;
		/* position: fixed; */
	}
	    .profesores-grupos .menu-flex > div{
	    	z-index: 9999;
	    }
	.profesores-grupos .grupo .menu-izq {
		display: flex;
		flex-direction: column;
		flex: 1;
		margin-right: 5px;
		min-width: 136px;
		max-width: 136px;
		font-size: 12.2px;
		position: absolute;
		z-index: 999;
		background: white;
		color: white !important;
	}
	.profesores-grupos .grupo .menu-izq.hide-menu{
		margin-left: -200px !important
	}


    .profesores-grupos .grupo .content-right{
		display: flex;
		flex-direction: column;
		flex: 3;
		/* margin-left: 45px; */
		overflow: scroll;
		overflow: hidden !important;
	}

	/* Comentarios */
	.add-comentarios > div:nth-child(1) {
		flex-wrap: wrap;
		flex-direction: column;
	}
	.profesores-grupos .ver-notascomentarios .listado-comentarios > div > div > div {
		display: flex;
		flex: 1;
		flex-wrap: wrap;
		padding: 2px;
		justify-content: center;
		align-items: center;
	}

	/* notas finales */
	.profesores-grupos .grupo .content-right .notas-finales .notas-finales-etapa > .content-notas > div{
		border-bottom: 0px !important;
	}

	/* editar eventos */
	.profesores-grupos .modificar-eventos > .content{
		display: flex;
	}
		.profesores-grupos .modificar-eventos > .content > div{
			display: flex;
		}
			.profesores-grupos .modificar-eventos > .content > div > div{
				display: flex;
			}
				.profesores-grupos .modificar-eventos > .content > div > div > div{
					display: flex;
				}



	/* Ver asistencias */
	.profesores-grupos .content-right .ver-asistencia .asistencia .header{
        margin-top: 5px;
		height: 35px;
	}
	.profesores-grupos .content-right .ver-asistencia .asistencia .header > div:nth-child(1){
		font-size: 11px
	}
	    .profesores-grupos .content-right .ver-asistencia .asistencia .header > div:nth-child(2),
	    .profesores-grupos .content-right .ver-asistencia .asistencia .header > div:nth-child(3),
	    .profesores-grupos .content-right .ver-asistencia .asistencia .header > div:nth-child(4){
			font-size: 12px
		}

	/* Asistencias */
	.profesores-grupos .grupo .content-right .anotar-asistencia .lista-asistencias{
		padding: 2px;
	}

	/* Listado de asistencias */
	.profesores-grupos .listado-asistencias{min-width: 750px;overflow-x: scroll;}
		.profesores-grupos .listado-asistencias > div:nth-child(1){
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            margin-bottom: 25px;
  }
		    .profesores-grupos .listado-asistencias > div:nth-child(1) > div:nth-child(2){
		    	margin: 0px !important;
		    	padding: 0px !important;
		    	width: 45px;
		    	display: flex;
		    	justify-content: center;
		    	align-items: center;
		    	height: 30px;
		    	/* margin-bottom: 71px; */
		    }
		.profesores-grupos .listado-asistencias > div:nth-child(2){
			
		}
	.profesores-grupos .listado-asistencias .filtros > .content{
		display: flex;
		flex-wrap: wrap;
	}
		.profesores-grupos .listado-asistencias .filtros > .content > div:nth-child(1){
            display: flex;
            flex-wrap: wrap;
            flex: 1;
            justify-content: center;
            align-items: center;
  }
		    .profesores-grupos .listado-asistencias .filtros > .content > div:nth-child(1) > div:nth-child(1){
                display:flex;
                flex-wrap: wrap;
		    }
			.profesores-grupos .listado-asistencias .filtros > .content > div:nth-child(2){
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				align-items: center;
			}
				.profesores-grupos .listado-asistencias .filtros > .content > div:nth-child(2) > div:nth-child(1){
					display:flex;
					flex-wrap: wrap;
				}
				.profesores-grupos .listado-asistencias .filtros > .content > div:nth-child(2) > div:nth-child(2){
					display: flex;
					flex-wrap: wrap;
					align-items: center;
					justify-content: center;
				}
					.profesores-grupos .listado-asistencias .filtros > .content > div:nth-child(2) > div:nth-child(2) > div{
						display: flex;
						flex-wrap: wrap;
						justify-content: center;
						align-items: center;
					}
						.profesores-grupos .listado-asistencias .filtros > .content > div:nth-child(2) > div:nth-child(2) > div > div{
							display: flex;
							flex-wrap: wrap;
							align-items: center;
							justify-content: center;
							
						}
	/* Teachers log */
	.profesores-grupos .teachers-log > .content > .listado > .anotacion-item > .content{
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
		.profesores-grupos .teachers-log > .content > .listado > .anotacion-item > .content > div:nth-child(1){
			text-align: center;
		}
	.profesores-grupos .other-content > .tipo-evento .toggle {
		width: 50%;
		position: absolute;
		height: inherit;
		display: flex;
		box-sizing: border-box;
		font-size: 9px;
	}

	/* Clases virtuales */
	.profesores-grupos .clases-virtuales .listado .registro-h{
		flex-direction: column;
		text-align: center;
		justify-content: center;
		align-items: center;
	}
	.profesores-grupos .clases-virtuales .listado .registro{
		flex-direction: column;
	}
		.profesores-grupos .clases-virtuales .listado .registro > div:nth-child(1){
			text-align: center;
		}
		.profesores-grupos .clases-virtuales .listado .registro > div:nth-child(2){
			text-align: center;
		}
	
	.pg-listado-invitaciones > .content > .cabecera{
		flex-direction: column;
	}
		.pg-listado-invitaciones > .content > .cabecera > div{
			max-width: 350px !important;
    		min-width: 270px !important;
		}
		.pg-listado-invitaciones > .content > .listado > .registro{
			flex-direction: column;
			align-items: center;
			justify-content: center;
			text-align: center;
		}
		
	
}
@charset "UTF-8";

.validar-notas {
    height: 100%;
}
	.validar-notas .loading-page{
		height: 100%;
    	z-index: 3;
	}
	.validar-notas input{
		font-size: 11px;
		font-family: tahoma;
		height: 20px !important;
		color: #67747c;
		text-align: right;
		padding-right: 3px;
		width: 100%;
		text-transform: uppercase;
	}
	.validar-notas label{
		font-weight: normal;
		font-family: arial;
		font-size: 12px;
	}
	.validar-notas .form-group{
		margin: 0px;
		margin-bottom: 5px;
		display: flex;
		height: 100%;
		width: 100%;
		flex: 1;
	}

/* Colores */
.validar-notas .orange{
	color: #faa949d6;
}
.validar-notas .green{
	color: #008000a6;
}
/* End colores */


/* SELECT ALUMNOS */

.validar-notas .select-alumnos{
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0px;
}


.validar-notas .select-alumnos > div{
    min-width: 300px;
    flex: 1;
}


/* END SELECT ALUMNOS */

.validar-notas .grupo {
    display: flex;
    padding: 5px;
    position: relative;
    margin-bottom: 20px;
    color: #616f77;
    background-color: white;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
}

.validar-notas .grupo .menu-izq{
    display: flex;
    flex-direction: column;
    flex: 1;
    
    margin-right: 10px;
}

.validar-notas .grupo .menu-izq > div{
	display: flex;
	flex: 1;
	flex-direction:column;
}

.validar-notas .grupo .menu-izq > div > div{
    padding: 5px;
    margin-bottom: 1px;
    background: #77D3AD;
    color: white;
}

.validar-notas .grupo .menu-izq > div > div:hover{
    padding: 5px;
    margin-bottom: 1px;
    background: #496f5f;
    cursor: pointer;
}

.validar-notas .grupo .menu-izq > div > div:nth-child(even){
	background: #727984;
}
.validar-notas .grupo .menu-izq > div > div:nth-child(odd){
	background: #6f7e92;
}

.validar-notas .grupo .content-right{
    display: flex;
    flex-direction: column;
    flex: 3;
}

/* ADD PROGRESO */
.validar-notas .header{
	display: flex;
}
.validar-notas .header .buttons-header {}

.validar-notas .header .buttons-header > button{
    background: none;
    border: none;
}

.validar-notas .grupo .content-right .add-progreso{
	display: flex;
	flex-direction: column;
}

.validar-notas .grupo .content-right .add-progreso > div{
	flex: 1;
	margin-bottom: 10px;
	border: 1px solid #6f7e92;
}

.validar-notas .grupo .content-right .add-progreso > div > .header{
	background: #6f7e92;
	color: white;
	padding: 5px;
}
.validar-notas .grupo .content-right .add-progreso > div > .content{
	padding: 5px;
	display: flex;
}

.validar-notas .grupo .content-right .add-progreso > div > .content > div{
	margin-left: 5px;
	margin-bottom: 0px;
}

.validar-notas .grupo .content-right .add-progreso > div > .content > div > div:nth-child(1){
	flex: 1;
}
.validar-notas .grupo .content-right .add-progreso > div > .content > div > div:nth-child(2){
	flex: 10;
}

.validar-notas .grupo .content-right .add-progreso > div > .content > div > label > span{
	margin-left: 5px;
	margin-right: 35px;
}

/*.validar-notas .grupo .content-right .add-progreso > .button{
	flex: 1;
	margin-bottom: 10px;
	border: none;
}*/

.validar-notas .grupo .content-right .add-progreso > div.buttons {
    border: 0px;
}

/* END ADD PROGRESO */

/* ANOTAR ASISTENCIA */
.validar-notas .grupo .content-right .anotar-asistencia{
	display: flex;
	flex-direction: column;
}

.validar-notas .grupo .content-right .anotar-asistencia > div{
	flex: 1;
	margin-bottom: 10px;
	border: 1px solid #6f7e92;
}

.validar-notas .grupo .content-right .anotar-asistencia > div > .header{
	background: #6f7e92;
	color: white;
	padding: 5px;
	display: flex;
}

.validar-notas .grupo .content-right .anotar-asistencia > div > .header > div{
	flex: 1;
}
.validar-notas .grupo .content-right .anotar-asistencia > div > .header > div:nth-child(1){
	flex: 2;
}

.validar-notas .grupo .content-right .anotar-asistencia > div > .content.select-asistencia{
	padding: 5px;
	display: flex;
	flex-direction: row !important;
}

.validar-notas .grupo .content-right .anotar-asistencia > div > .content.select-asistencia > div{
	display:flex;
	flex: 1;
	max-width: 200px;
}


.validar-notas .grupo .content-right .anotar-asistencia > div > .content{
	padding: 5px;
	display: flex;
	flex-direction: column;
}

.validar-notas .grupo .content-right .anotar-asistencia > div > .content > div{
	display:flex;
	flex-direction: column;
}

.validar-notas .grupo .content-right .anotar-asistencia > div > .content > div > div{
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

.validar-notas .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div:nth-child(2){
}

.validar-notas .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div{
	display: flex;
	margin-bottom: 8px;
}

.validar-notas .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > textarea{
	flex:2;
}

.validar-notas .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > div{
	flex: 1;
}
.validar-notas .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > div:nth-child(1){
	flex: 2;
}

.validar-notas .grupo .content-right .anotar-asistencia > div > .content > div > div:nth-child(2){
	flex: 10;
}

.validar-notas .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > .label-asistencia{
}

.validar-notas .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > .label-asistencia > label{
}

.validar-notas .grupo .content-right .anotar-asistencia > div
	> .content > div > div > div > .label-asistencia > label > i{
	margin-left: 15px;
}


.validar-notas .grupo .content-right .anotar-asistencia > .button{
	flex: 1;
	margin-bottom: 10px;
	border: none;
}


/* END ANOTAR ASISTENCIA */

/* EDITAR EVOLUCION */
.validar-notas .grupo .content-right .editar-evolucion{
	display: flex;
	flex-direction: column;
}

.validar-notas .grupo .content-right .editar-evolucion > .header{
	background: #6f7e92;
	color: white;
	padding: 5px;
	display: flex;
}

.validar-notas .grupo .content-right .editar-evolucion > .header > div{
	flex: 1;
}


.validar-notas .grupo .content-right .editar-evolucion > .content{
	padding: 5px;
	display: flex;
	border: 1px solid;
	flex-wrap: wrap;
}

.validar-notas .grupo .content-right .editar-evolucion > .content > .metodos{
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	/* width: 100%; */
}

.validar-notas .grupo .content-right .editar-evolucion > .content > .metodos > div{
	margin: 0px 10px;
	display: flex;
	flex: 1;
	flex-wrap: wrap;
}

.validar-notas .grupo .content-right .editar-evolucion > .content > .metodos > div > div{
	flex: 1;
	display: flex;
	flex-direction: column;
}

/*.validar-notas .grupo .content-right .editar-evolucion > .content > div > div{
	flex: 1;
	display: flex;
	margin-bottom: 10px;
}
.validar-notas .grupo .content-right .editar-evolucion > .content > div > div > div{
	display: flex;
	margin-bottom: 5px;
}
.validar-notas .grupo .content-right .editar-evolucion > .content > div > div > div > div{
	flex: 1;
}*/

.validar-notas .grupo .content-right .editar-evolucion > .buttons{
	flex: 1;
	margin: 10px 0px;
	border: none;
}


/* END EDITAR EVOLUCION */

/* NOTAS FINALES */
.validar-notas .grupo .content-right .notas-finales{
	display: flex;
	flex-direction: column;
}

.validar-notas .grupo .content-right .notas-finales > .header{
	background: #6f7e92;
	color: white;
	padding: 5px;
	display: flex;
}

.validar-notas .grupo .content-right .notas-finales > .header > div{
	flex: 1;
}


.validar-notas .grupo .content-right .notas-finales > .content{
	padding: 5px;
	display: flex;
	border: 1px solid;
}

.validar-notas .grupo .content-right .notas-finales > .content > div{
	flex: 1;
	display: flex;
	flex-direction: column;
}

.validar-notas .grupo .content-right .notas-finales > .content > div:nth-child(2){
	flex:3;
}

/*.validar-notas .grupo .content-right .notas-finales > .content > div > div{
	flex: 1;
	display: flex;
	margin-bottom: 10px;
}*/

.validar-notas .grupo .content-right .notas-finales > .content > div > .content-notas{
	flex: 1;
	display: flex;
	margin-bottom: 10px;
	flex-direction: column;
}

.validar-notas .grupo .content-right .notas-finales > .content > div > .content-notas > div{
	display: flex;
	margin-bottom: 25px;
	flex: 1;
	background: #f3f3f3;
	height: 60px;
}

.validar-notas .grupo .content-right .notas-finales > .content > div
	> .content-notas > div > span{
	display:flex;
	flex: 2;
}

.validar-notas .grupo .content-right .notas-finales > .content > div
	> .content-notas > div > span:nth-child(1){
	margin: 0px 5px;
}


.validar-notas .grupo .content-right .notas-finales > .content > div
	> .content-notas > div > div{
	display:flex;
	flex: 3;
}

.validar-notas .grupo .content-right .notas-finales > .content > div
	> .content-notas > div > div > div{
	display:flex;
	flex: 1;
}

.validar-notas .grupo .content-right .notas-finales > .content > div
	> .content-notas > div > div > div > div{
	display:flex;
	flex: 1;
}

.validar-notas .grupo .content-right .notas-finales > .buttons{
	flex: 1;
	margin-bottom: 10px;
	border: none;
}

.validar-notas .grupo .content-right .notas-finales > .content > div > .cabecera {
    display: flex;
    border-bottom: 1px solid;
    margin: 0px !important;
}

.validar-notas .grupo .content-right .notas-finales > .content > div > .cabecera > div{
    flex: 1;
    margin: 0px !important;
    padding: 0px !important;
}


/* END NOTAS FINALES */

/* EDITAR NOTAS FINALES */
.validar-notas .grupo .content-right .editar-notas-finales{
	display: flex;
	flex-direction: column;
}

.validar-notas .grupo .content-right .editar-notas-finales > .header{
	background: #6f7e92;
	color: white;
	padding: 5px;
	display: flex;
}

.validar-notas .grupo .content-right .editar-notas-finales > .header > div{
	flex: 1;
}


.validar-notas .grupo .content-right .editar-notas-finales > .content{
	padding: 5px;
	display: flex;
	border: 1px solid;
}

.validar-notas .grupo .content-right .editar-notas-finales > .content > div{
	flex: 1;
	display: flex;
	flex-direction: column;
}

.validar-notas .grupo .content-right .editar-notas-finales > .content > div:nth-child(2){
	flex:3;
}

.validar-notas .grupo .content-right .editar-notas-finales > .content > div > div{
	flex: 1;
	display: flex;
	margin-bottom: 10px;
}
.validar-notas .grupo .content-right .editar-notas-finales > .content > div > div > div{
	display: flex;
	margin-bottom: 5px;
}
.validar-notas .grupo .content-right .editar-notas-finales > .content > div > div > div > div{
	flex: 1;
}

.validar-notas .grupo .content-right .editar-notas-finales > .buttons{
	flex: 1;
	margin-bottom: 10px;
	border: none;
}


/* END EDITAR NOTAS FINALES */


/* VER PROGRESO */
.validar-notas .grupo .content-right .ver-progreso{
	display: flex;
	flex-direction: column;
}

.validar-notas .grupo .content-right .ver-progreso > div{
	flex: 1;
	margin-bottom: 10px;
	border: 1px solid #6f7e92;
}

.validar-notas .grupo .content-right .ver-progreso > div > .header{
	background: #6f7e92;
	color: white;
	padding: 5px;
	display: flex;
}

.validar-notas .grupo .content-right .ver-progreso > div > .header > span{
	flex: 3;
}
.validar-notas .grupo .content-right .ver-progreso > div > .header > span:nth-child(2){
	flex: 3;
}

.validar-notas .grupo .content-right .ver-progreso > div > .content{
	padding: 5px;
	display: flex;
	flex-direction: column;
}

.validar-notas .grupo .content-right .ver-progreso > div > .content > div{
	display:flex;
	flex-direction: column;
}

/*.validar-notas .grupo .content-right .ver-progreso > div > .content > div > div{
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
	border-bottom: 1px solid;
}*/


.validar-notas .grupo .content-right .ver-progreso > div > .content > div > .alumnos{
	flex: 1;
	display: flex;
	margin-bottom: 25px;
	background: #fbfbfb;
	height: 40px;
	padding: 2px;
}

.validar-notas .grupo .content-right .ver-progreso > div
	> .content > div > div > div{
	display: flex;
	margin-bottom: 5px;
	flex: 3;
}
.validar-notas .grupo .content-right .ver-progreso > div
	> .content > div > div > div:nth-child(2){
	flex: 2;
	display: flex;
	flex-direction: column;
}

.validar-notas .grupo .content-right .ver-progreso > div
	> .content > div > div > div:nth-child(3){
	flex: 1;
	display: flex;
	align-items: flex-start;
	
}

.validar-notas .grupo .content-right .ver-progreso > div
	> .content > div > div > div > div{
	flex: 1;
}
.validar-notas .grupo .content-right .ver-progreso > div
	> .content > div > div > div > div{
	flex: 2;
	display: flex;
}

.validar-notas .grupo .content-right .ver-progreso > div > .content > div > div:nth-child(2){
	flex: 10;
}

.validar-notas .grupo .content-right .ver-progreso > div
	> .content > div > div > div > div > div{
	flex: 1;
}
.validar-notas .grupo .content-right .ver-progreso > div
	> .content > div > div > div > div > div:nth-child(1){
	flex: 2;
}

.validar-notas .grupo .content-right .ver-progreso > .button{
	flex: 1;
	margin-bottom: 10px;
	border: none;
}


/* END VER PROGRESO */

/* VER ASISTENCIA */
.validar-notas .content-right .ver-asistencia {
    background: white;
    display: flex;
    flex-direction: column;
}

.validar-notas .content-right .ver-asistencia .asistencia {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.validar-notas .content-right .ver-asistencia .asistencia .header {
    display: flex;
    flex: 1;
    padding: 5px;
    background: #6f7e92;
    color: white;
}
.validar-notas .content-right .ver-asistencia .asistencia .header > div{
    flex: 1;
}
.validar-notas .content-right .ver-asistencia .asistencia .header > div:nth-child(1){
    flex: 3;
}

.validar-notas .content-right .ver-asistencia .asistencia .content {
    display: flex;
	border: 1px solid;
    padding: 5px;	
}

.validar-notas .content-right .ver-asistencia .asistencia .content > .rows{
	display: flex;
	flex-direction: column;
	flex:1;
}

.validar-notas .content-right .ver-asistencia .asistencia .content > .rows > div{
	flex: 1;
	display: flex;
	margin: 10px 0px;
}

.validar-notas .content-right .ver-asistencia .asistencia .content > .rows > div > div{
	flex: 1;
	display: flex;
	margin-bottom: 10px;
	flex-direction: column;
}

.validar-notas .content-right .ver-asistencia .asistencia .content > .rows > div > div > div{
	flex: 1;
}

.validar-notas .content-right .ver-asistencia .asistencia .content > .rows > div > div > div{
	display: flex;
}

.validar-notas .content-right .ver-asistencia .asistencia .content > .rows > div > div > div > div{
	flex: 1;
}

.validar-notas .content-right .ver-asistencia .asistencia .content > .rows > div > div > div > div:nth-child(1){
	flex: 3;
}

.validar-notas .content-right .ver-asistencia .asistencia .content > .rows 
    > div .editar-alumnos {
    display: flex;
    flex-direction: column;
}

.validar-notas .content-right .ver-asistencia .asistencia .content > .rows 
    > div .editar-alumnos > div {
    display: flex;
    flex: 1 !important;
}

.validar-notas .content-right .ver-asistencia .asistencia .content > .rows 
    > div .editar-alumnos > div > div{
    flex: 1;
}

.validar-notas .content-right .ver-asistencia .asistencia .content > .rows 
    > div .editar-alumnos > div > div:nth-child(1){
    flex: 3;
}

/* END VER ASISTENCIA */

/* Campo fecha */
.validar-notas .fecha-erp{

}
.validar-notas .fecha-erp > span > span{
	width: auto;
}
.validar-notas .fecha-erp > span > input {
    height: 20px !important;
    text-align: left;
    max-width: 80px;
    /* width: 100%; */
    /* max-width: 100%; */
}

.validar-notas .fecha-erp > span > span > button {
    height: 20px;
}

.validar-notas .fecha-erp > span > span > button > i {
    position: absolute;
    top: 5px;
    right: 8px;
}

/* End campo fecha */



/* Controls */
.validar-notas .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.validar-notas .controls-buttons-erp > li{
   margin-right: 5px;
}

.validar-notas .controls-buttons-erp > li > a{
    color:black;
}



.validar-notas .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.validar-notas .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.validar-notas .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */

/* ui select */
/*.validar-notas .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.validar-notas .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
}


.validar-notas .ui-select-erp input:focus,
.validar-notas .ui-select-erp input:focus:hover,
.validar-notas .ui-select-erp input:hover,
.validar-notas .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
}

.validar-notas .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.validar-notas .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.validar-notas .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}*/


/* end ui select */

/* Tabs */
.validar-notas .tab-erp {}
.validar-notas .tab-erp > *:nth-child(1){
	/* background: #f4f5f6; */
	padding: 0px;
}
.validar-notas .tab-erp > *:nth-child(2) > *{
	margin: 0px;
}
.validar-notas .tab-erp > *:nth-child(1) > *:nth-child(2){
    height: 32px !important;
}

.validar-notas .tab-erp > *:nth-child(1) > *:nth-child(2) > * > *{
    padding-top: 0px;
}

.validar-notas .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.validar-notas .tab-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.validar-notas .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	/* background: #f8fafb; */
	margin: 0px;
	padding: 5px 5px 5px 6px;
	overflow: hidden;
}

.validar-notas .tab-erp > *:nth-child(2) > * > * > *:nth-child(1) > textarea{
	width: 100%;
}


.validar-notas .id_cliente {
    position: absolute;
    z-index: 10;
    right: 5%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}





.validar-notas .tab-dynamic-erp {
    margin: 0px;
    padding: 0px;
    /* border: none; */
    width: 100%;
    /* overflow-x: hidden; */
}

.validar-notas .tab-dynamic-erp > md-tabs{
	margin: 0px;
	border: none;
	/* width: 100%; */
	/* display: flex; */
}
.validar-notas .tab-dynamic-erp > md-tabs > md-tabs-wrapper{
    height: 32px !important;
    padding: 0px;
}

.validar-notas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data{/* top: 15px !important; */}

.validar-notas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tab-data > md-tab{
	/* top: 26px; */
}

.validar-notas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas{
}

.validar-notas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper{

}


.validar-notas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item{padding: 0px;}

.validar-notas .tab-dynamic-erp > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item > span{
	color: #757575 !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.validar-notas .tab-dynamic-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.validar-notas .tab-dynamic-erp md-tabs-content-wrapper {
    top: 32px !important;
    /* flex: 1; */
    /* display: flex; */
}

.validar-notas .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content{padding: 0px;margin: 0px;background: white;width: 100% !important;display: flex;/* flex: 1; */}

.validar-notas .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.validar-notas .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div{overflow: hidden;padding-top: 5px !important;padding-bottom: 10px !important;padding-left: 20px !important;padding-right: 20px !important;margin: 0px !important;text-align: left !important;display: flex;flex-direction: column;}

.validar-notas .tab-dynamic-erp md-tabs-content-wrapper > md-tab-content > div > div > div > div{
    /* padding: 0px; */
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

/* End tabs */


/* Tile */
.validar-notas .tile{
	height: 100%;
}

.validar-notas .tile.tile-widget {
    padding: 10px;
    margin: 0px;
}
	.validar-notas .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.validar-notas .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.validar-notas .tile .tile-header.dvd .controls > li.controls-editar,
		.validar-notas .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.validar-notas .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.validar-notas .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.validar-notas .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.validar-notas .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.validar-notas .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.validar-notas .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.validar-notas .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.validar-notas .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.validar-notas .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 35px;
	right: 0px;
}

.validar-notas .delegacion-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}

.validar-notas .bottom-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.5;
	top: 0px;
	right: 0px;
}


.validar-notas label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* Modificaciones */
    .validar-notas .row.nserie{
    }
    
    
    
    .validar-notas .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .validar-notas .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .validar-notas .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .validar-notas .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .validar-notas .row.urow3 > div:nth-child(3){
		margin: -1px !important;
		padding-left: 0px !important;
		height: 20px;
		margin: 0px !important;
		padding: 0px !important;
		}
    .validar-notas .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
	

	.validar-notas .autowidth > input{
		width: 100% !important;
	}
	
    .validar-notas .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
	
	.validar-notas .tile .tile-body.tile-body-erp > .top{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		width: 100%;
		margin: 0px;
	}
	
	.validar-notas .tile .tile-body.tile-body-erp > .top > .top1{
		max-width: 450px;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
	}
	.validar-notas .tile .tile-body.tile-body-erp > .top > .top2{
		flex: 1;
		margin: 0px;
		padding: 0px;
	}
	

    .validar-notas .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.validar-notas .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .validar-notas .tile .tile-header-erp .controls{

	    }
	    .validar-notas .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .validar-notas .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .validar-notas .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
	    
	    
    .validar-notas .tile .tile-body .th_header_erp{
      display:flex;
      justify-content:space-around;
      flex-direction: row;
      flex-wrap:wrap;
      border-bottom: 1px solid;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
    .validar-notas .tile .tile-body .th_custom_erp{
        display:flex;
     	flex:1;
     	margin-right: 5px;

    }
      .validar-notas .tile .tile-body .th_custom_erp > div{
        margin-right:5px;
      }
    
      .validar-notas .tile .tile-body .th_custom_erp > div > a{
        color:grey;
      } 

    .validar-notas .tile .tile-body .tr_custom_erp{
      font-size: 12px;
    }
    
    .validar-notas .table-custom-inline .tr_custom_erp > td{
      
    }
    
    .validar-notas .table-custom-inline .tr_custom_erp > td:nth-child(8){
    	min-width: 50px;
    }

    .validar-notas .tile .tile-body tr > td > a.docdetallada.ng-scope,
    .validar-notas .tile .tile-body .th_custom_erp > a.docdetallada.ng-scope{
   	    color: #637179;
   		padding-right: 5px;
    }
   .validar-notas .row.row-erp{
     padding:15px !important;
   }
	   .validar-notas .tresumen{
		   padding: 10px !important;
		   height: 125px !important;
		   padding: 10px;
		  }
		 .validar-notas .tresumen:nth-child(2) tr{
	        border-top: 1px solid #ddd !important;
	        border-right: 1px solid #ddd !important;
	        border-bottom: 1px solid #ddd !important;
	        border-left: 1px solid #ddd!important;
		 }
   
   /* Descripcion ampliada */
   .validar-notas .doc-input{
		border-right: none !important;
	    border-radius: 2px 0px 0px 2px !important;
	}
	.validar-notas .doc-span{
		border: 1px solid #dbe0e2;
		border-left: none;
		padding-right: 4px;
		padding-left: 4px;
		cursor: pointer;
		color: #3f4e62;
		background: #dbe0e2;
		height: 20px;
	}
	.validar-notas .doc-span > i{
		font-size: 10px;
	}
	.validar-notas .doc-span:hover{
		background: #3f4e62;
		color: #DBE0E4 !important;
	}
	.validar-notas .doc-span:visited{
		color: #dbe0e2;
	}
	
	/* Select input directive */
	.validar-notas .select-input{
		display: flex;
		/* flex: 1; */
		/* margin: 0px; */
		/* padding: 0px; */
		width: 100%;
	}
	.validar-notas .select-input > div:nth-child(1){
		flex: 1;
	}
	.validar-notas .select-input i.caret.pull-right{
		display:none;
	}
	
	.validar-notas .a-select-input.ng-scope{
        border: 1px solid #e1e1e1;
        border-left: none;
        padding-right: 4px;
        padding-left: 4px;
        cursor: pointer;
        color: #616f77 !important;
        background: #e1e1e1;
        border-left: none;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 20px;
        position: relative;
        width: 15px;
    }
     .validar-notas .a-select-input.ng-scope:hover{
      background: #e1e1e1;
    }
    .validar-notas .a-select-input.ng-scope > i{
      font-size: 12px;
      position: absolute;
      margin-top: 2px;
    }
	
   
   /* Tile custom */
   .validar-notas .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   .validar-notas .tile-body.table-custom {
	    padding: 0px;
	}

   .validar-notas .table-custom > thead > tr > th {
		font-size: 13px;
	}
   
   
   .validar-notas .tile-table-erp {
	    background: none !important;
	    color: #3f4e62 !important;
	    padding: 5px !important;
	}
	
	.validar-notas .tile-table-erp div table thead tr {
	    /* border-bottom: 2px solid #3f4e62 !important; */
	    /* border: 1px solid #3f4e62 !important; */
	    background: #8e99a7 !important;
	    color: white;
	}
	
	.validar-notas .tile-table-erp tbody td {
	}



.validar-notas .table-cuentas tbody td:nth-child(2) {
    width: 50px;
    display: flex;
}

.validar-notas .table-cuentas tbody td:nth-child(2) > label{
    display:flex;
    width: 100%;
    left: 34px;
}

.validar-notas .table-cuentas tbody td:nth-child(2) > label > input{
   width: 100%;
}



/* CALENDARIO */

.validar-notas .calendario-academia{
	position: relative;
    float: right;
    width: 69%;
    height: 100%;
}

.validar-notas .calendario-academia .fc .fc-header{
	background: #6f7e92;
}

.validar-notas #tableasistencias{
     width: 100%;
     padding: 0px 0% 10px 0%;
    display: inline-block;
    background-color: white;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
    color: #576876;
    font-size: 16px;
    font-weight: 200;
    margin-bottom: 30px;
}

.validar-notas #tableasistencias .spinner{
    color: #77D3AD;
    text-align: center;
    width: 100%;
    padding: 20px 0;
    font-size: 40px;
}

.validar-notas #tableasistencias .col1{
    width: 10%;
    position: relative;
    float: left;
    font-size: 30px;
}

.validar-notas #tableasistencias .col8{
    width: 80%;
    position: relative;
    float: left;
    text-align: center;
}


.validar-notas #tableasistencias .cabeceraasistencia{
    background-color: #77D3AD;
    overflow-y: auto;
    width: 96%;
    padding: 0 2%;
    color: white;
    margin-bottom: 20px;
}

.validar-notas #tableasistencias .col8 h3{
    width: 100%;
    margin: 0;
    padding: 5px 0;
    text-align: center;
}

.validar-notas #tableasistencias .lineacalendario{
    display: inline-block;
    width: 100%;
    padding: 5px 0;
}

.validar-notas #tableasistencias .lineacalendario .diacalendario{
    position: relative;
    float: left;
    width: 14.2%;
    text-align: center;
}

.validar-notas #tableasistencias .lineacalendario .cabecera{
    color: #ED915A;
}
.validar-notas #tableasistencias .lineacalendario .tieneasistencia{
    background-color: #77D3AD;
    width: 30px;
    height: 25px;
    padding-top: 5px;
    margin-top: -5px;
    color: white;
    margin: 0 auto;
    
    -webkit-border-radius: 50%;;
     -moz-border-radius: 50%;
          border-radius: 50%;
}

.validar-notas #tableasistencias .lineacalendario .tieneasistencia:hover{
    cursor: pointer;
}


/* END CALENDARIO */

/* SECTION EDITAR EVENTOS */

.validar-notas .editar-eventos{
    display: flex;
    flex-direction: column;
}

/* END SECTION EDITAR EVENTOS */

.validar-notas .header-notas {
    flex: 3 !important;
    display: flex !important;
}

.validar-notas .header-notas > div{
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: 2px 5px;
    background: white;
}

.validar-notas .header-notas > div > span:nth-child(1){
	border-bottom: 1px solid;	
}

.validar-notas .header-notas > div > div{
    display:flex;
    
}

.validar-notas .header-notas > div > div > div{
	display: flex;
	flex: 1;
}

.validar-notas .header-notas > div > div > div > div{
	margin: 0px 10px;
}

/* End */


.validar-notas .listado-grupos {
    display: flex;
    flex-wrap: wrap;
    /* min-height: 500px; */
}
	.validar-notas .listado-grupos > .grupo{
	    display:flex;
	    flex:1;
	    min-width: 250px;
	    border: 1px solid #cee0ea;
	    margin: 2px;
	    background: white;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    transition: all 0.7s linear;
	    min-height: 225px;
	    max-height: 225px;
	    max-width: 340px;
	}
	.validar-notas .listado-grupos > .grupo:hover{
		background: #125d8b;
		color: white;
		border: 1px solid white;
	}
	.validar-notas .listado-grupos > .grupo:hover i{
		color: white;
	}
		.validar-notas .listado-grupos > .grupo > div:nth-child(1){
			font-size: 25px;
			color: #125d8b;
			/* transition: all 0.2s linear; */
		}
		.validar-notas .listado-grupos > .grupo > div:nth-child(2){
			font-size: 12px;
			text-align: center;
			/* transition: all 0.1s linear; */
		}
		.validar-notas .listado-grupos > .grupo > div:nth-child(3){
			font-size: 12px;
			text-align: center;
			/* transition: all 0.1s linear; */
		}
		.validar-notas .listado-grupos > .grupo > div:nth-child(4){
			font-size: 12px;
			text-align: center;
			/* transition: all 0.1s linear; */
		}

		.validar-notas .listado-grupos > .grupo .profesores{
			font-size: 12px;
			display: flex;
			flex-direction: column;
			margin: 5px 0px;
		}
		    .validar-notas .listado-grupos > .grupo .profesores > div{
		    	
		    }
		.validar-notas .listado-grupos > .grupo > .iconos{
			display: flex;
			margin: 2px;
		}
			.validar-notas .listado-grupos > .grupo > .iconos > div{
				margin: 0px 5px;
			}
		.validar-notas .listado-grupos > .grupo > .iconos-comentarios{
			display: flex;
			margin: 2px;
			flex-direction: column;
			font-size: 11px;
		}
			.validar-notas .listado-grupos > .grupo > .iconos-comentarios > div{
				margin: 2px 0px;
				background: #fbb76c;
				color: white;
				border-radius: 20px;
				padding: 1px;
			}

.validar-notas .listado-alumnos {
    display: flex;
    flex-direction: column;
}
    .validar-notas .listado-alumnos > .alumno{
        display: flex;
        flex-direction: column;
        margin: 5px 0px;
        border: 1px dashed #b2c7d6;
    }
        .validar-notas .listado-alumnos > .alumno > div:nth-child(1){
            background: #ffffff;
            padding: 2px;
            color: #4a5a72;
            display: flex;
            flex: 1;
            align-items: center;
            border: 2px solid #dee9f7;
            /* border-radius: 4px; */
            margin: -1px;
        }
        	.validar-notas .listado-alumnos > .alumno > div:nth-child(1) > div{
				flex: 1;
				padding: 2px;
			}
			.validar-notas .listado-alumnos > .alumno > div:nth-child(1) > div:nth-child(1){
				min-width: 20px;
				max-width: 20px;
			}
			.validar-notas .listado-alumnos > .alumno > div:nth-child(1) > div:nth-child(2){
				min-width: 40px;
				max-width: 40px;
			}
			.validar-notas .listado-alumnos > .alumno > div:nth-child(1) > div:nth-child(3){
				
			}
			.validar-notas .listado-alumnos > .alumno > div:nth-child(1) > div:nth-child(4){
				max-width: 100px;
				min-width: 100px;
				display: flex;
				align-items: center;
				justify-content: flex-end;
			}
				.validar-notas .listado-alumnos > .alumno > div:nth-child(1) > div:nth-child(4) .valido{
					color: green;
				}
				.validar-notas .listado-alumnos > .alumno > div:nth-child(1) > div:nth-child(4) > button{
					background: #2d4c71ba;
					border: none;
					color: white;
					font-size: 11px;
					font-family: tahoma;
					border-radius: 0px;
					max-width: 95px;
					min-width: 95px;
					border-radius: 20px;
				}
        .validar-notas .listado-alumnos > .alumno > .listado-etapas{
            display: flex;
            flex-direction: column;
            padding: 2px 5px;
            font-size: 12px;
            font-family: tahoma;
            margin: 10px 0px;
        }
            .validar-notas .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1){
                border-bottom: 1px dashed #155d895e;
                display: flex;
            }
            	.validar-notas .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1) > div{
					flex: 1;
				}
				.validar-notas .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1) > div:nth-child(1){
					min-width:20px;
					max-width: 20px;
				}
				.validar-notas .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1) > div:nth-child(2){
					min-width: 40px;
					max-width: 40px;
				}
				.validar-notas .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1) > div:nth-child(3){
					
				}
				.validar-notas .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1) > div:nth-child(4){
					/* min-width: 80px; */
					/* max-width: 80px; */
					flex: 1;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 11px;
				}
					.validar-notas .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1) > div:nth-child(4) > button{
						border: none;
						font-size: 11px;
						border-radius: 0px;
						color: white;
						min-width: 135px;
						padding: 3px;
						margin-bottom: 2px;
						max-width: 135px;
					}
					.validar-notas .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1) > div:nth-child(4) > button.Revisado{
						background: #8cc18c;
						color: white;
					}
					.validar-notas .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1) > div:nth-child(4) > button.noRevisado{
						background: #f59394;
						color: white;
					}
				.validar-notas .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1) > div:nth-child(4){
					/* min-width: 80px; */
					/* max-width: 80px; */
					flex: 1;
					display: flex;
					align-items: center;
					justify-content: flex-end;
				}
					.validar-notas .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1) > div:nth-child(4) > button{
						border: none;
						background: #f5f2f2;
						font-size: 10px;
						border-radius: 20px;
						color: #4a5a71;
						min-width: 75px;
						padding: 1px;
						margin-bottom: 2px;
						font-family: tahoma;
						/* border-radius: 2px; */
					}
				.validar-notas .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1) > div:nth-child(5){
					/* min-width: 80px; */
					/* max-width: 80px; */
					flex: 1;
					display: flex;
					align-items: center;
					justify-content: flex-end;
				}
					.validar-notas .listado-alumnos > .alumno > .listado-etapas > div:nth-child(1) > div:nth-child(5) > button{
						border: none;
						background: #2d4c7187;
						font-size: 11px;
						border-radius: 20px;
						color: #ffffff;
						min-width: 75px;
						padding: 2px;
						margin-bottom: 2px;
					}
             .validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos{
                display: flex;
                flex-direction: column;
                padding: 2px 5px;
                margin: 5px 0px;
            }
                .validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > div:nth-child(1){
                    border-bottom: 1px dashed #b2c7d6;
                    display: flex;
                }
                	.validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > div:nth-child(1) > div{
                		flex:1;
                	}
                	.validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > div:nth-child(1) > div:nth-child(1){
						min-width:20px;
						max-width: 20px;
						color: #acb4c1;
					}
					.validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > div:nth-child(1) > div:nth-child(2){
						min-width: 60px;
						max-width: 60px;
						color: #125d8b;
					}
					.validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > div:nth-child(1) > div:nth-child(3){
						
					}
					.validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > div:nth-child(1) > div:nth-child(4){
						min-width: 100px;
						max-width: 100px;
						display: flex;
					}
						.validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > div:nth-child(1) > div:nth-child(4) > button{
							border: none;
							background: #2d4c7169;
							font-size: 11px;
							color: white;
							border-radius: 0px;
							margin-bottom: 1px;
							border-radius: 20px;
						}
                .validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas{
                    display: flex;
                    padding: 2px 5px;
                    border-bottom: 1px dashed #efeff1;
                    margin: 5px 0px;
                }
                .validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div{
                    flex: 1;
                    margin: 0px 5px;
                }
                .validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(1){
                	min-width: 40px;
                	max-width: 40px;
                }
                .validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(2){
                	min-width: 300px;
                	max-width: 300px;
                }
                .validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(3){
                	min-width: 150px;
                	max-width: 150px;
                }
                	.validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(3) > input{
						border-color: #f4f4f4 !important;
					}
                .validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(4){
                	display: flex;
                	min-width: 150px;
                	max-width: 150px;
                	font-size: 11px;
                }
					.validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(4) > button{
						background: none;
						border: none;
						margin: 0px 2px;
						border-radius: 0px;
						/* color: green; */
						border-radius: 20px;
					}
						.validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(4) > button:nth-child(2){
							color:#35962fe0;
						}
					.validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(4) > button:disabled{
						background: #eaeaea;
						color: #616f76;
					}
					.validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(3) > button:disabled{
						background: #f4f4f4;
						border: none
					}
				.validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(4){
                	min-width: 165px;
                	max-width: 165px;
                }
				.validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(5){
                	min-width: 70px;
                	max-width: 70px;
                }
                .validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(5).revisado{
                	color: #007f00;
                }
                .validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > div:nth-child(5).no-revisado{
                	color:#bd6a6a;
                }
     			
     			.validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > .factor-correccion{
     				display: flex !important;
     			}
     				.validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > .factor-correccion > input{
     					width: 70px !important;
     				}
     				.validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > .factor-correccion > .buttons-secundary{
     					display: flex;
     				}
     					.validar-notas .listado-alumnos > .alumno > .listado-etapas > .listado-metodos > .listado-pruebas > .factor-correccion > .buttons-secundary > button{
     						margin: 0px 2px;
     						border-radius: 25px;
     						border: none;

     					}
     .validar-notas .loading {
	    width: 100%;
	    /* height: 100%; */
	    font-size: 300px;
	    position: absolute;
	    background: white;
	    text-align: center;
	}
	.validar-notas .loading > div:nth-child(1){
		font-size: 30px;
	}
	
	.validar-notas .busqueda {
	    margin-bottom: 10px;
	}
		.validar-notas .busqueda > label{
			border-bottom: 1px solid #243d58;
			width: 100%;
			border-left: 5px solid orange;
			padding-left: 5px;
			text-transform: uppercase;
			font-weight: bold
		}
	
	.validar-notas .metodo-valido {
	    color: green;
	    font-size: 15px;
	}
	
	.validar-notas .etapa-valida {
	    color: green;
	    font-size: 15px;
	}

	
/* COMENTARIOS DE LA ETAPA */
.validar-notas-comentarios {
    display: flex;
    flex-direction: column;
}
	/* Colores */
	.validar-notas-comentarios .orange{
		color: #faa949;
	}
	.validar-notas-comentarios .green{
		color: green;
	}
	/* Nuevo comentario */
	.validar-notas-comentarios .nuevo-comentario {
	    min-width: 135px;
	    height: 25px !important;
	    max-width: 135px;
	    font-size: 12px !important;
	    font-family: tahoma;
	    margin-bottom: 10px;
	    background: none;
	    border-radius: 0px;
	    border: 1px solid #cccccc;
	}
	.validar-notas-comentarios > .cabecera{
		display: flex;
	}
		.validar-notas-comentarios > .cabecera > div{
			flex: 1;
			border-bottom: 1px solid #3f4e62;
			margin-right: 5px;
		}
		.validar-notas-comentarios > .cabecera > div:nth-child(1){
			min-width: 85px;
			max-width: 85px;
		}
		.validar-notas-comentarios > .cabecera > div:nth-child(2){
			min-width: 100px;
			max-width: 100px;
		}
		.validar-notas-comentarios > .cabecera > div:nth-child(3){
			min-width: 150px;
			max-width: 150px;
		}
		.validar-notas-comentarios > .cabecera > div:nth-child(4){
			min-width: 200px;
		}
		.validar-notas-comentarios > .cabecera > div:nth-child(5){
			min-width: 55px;
			max-width: 55px;
		}
		.validar-notas-comentarios > .cabecera > div:nth-child(6){
			min-width: 85px;
			max-width: 85px;
			border-bottom: none;
		}
    .validar-notas-comentarios > .listado-comentarios{
        margin-bottom: 20px;
        border-bottom: 1px solid;
    }
        .validar-notas-comentarios > .listado-comentarios > div{
            border-bottom: 1px dashed #d0d0d0;
            margin: 5px 0px;
            display: flex;
        }
        .validar-notas-comentarios > .listado-comentarios > div:last-child{
            border-bottom: none;
        }
            .validar-notas-comentarios > .listado-comentarios > div > div{
               display: flex;
               flex: 1;
            }
            	.validar-notas-comentarios > .listado-comentarios > div > div > span{
            		flex: 1;
            		margin-right: 5px;
            	}
				 .validar-notas-comentarios > .listado-comentarios > div > div > span:nth-child(1){
					min-width: 90px;
					max-width: 90px;
					white-space: nowrap;
					text-overflow: ellipsis;
					width: 100px;
					display: block;
					overflow: hidden;
				}

				.validar-notas-comentarios > .listado-comentarios > div > div > span.buttons-comentarios{
					overflow: visible;	
				}
				.validar-notas-comentarios > .listado-comentarios > div > div > span:nth-child(2){
					min-width: 100px;
					max-width: 100px;
				}
				.validar-notas-comentarios > .listado-comentarios > div > div > span:nth-child(3){
					min-width: 150px;
					max-width: 150px;
					white-space: nowrap;
					text-overflow: ellipsis;
					width: 100px;
					display: block;
					overflow: hidden;
				}
				.validar-notas-comentarios > .listado-comentarios > div > div > span:nth-child(4){
					min-width: 200px;
					white-space: nowrap;
					width: 100px;
					display: block;
					overflow: hidden;
					text-overflow: ellipsis;
				}
				.validar-notas-comentarios > .listado-comentarios > div > div > span:nth-child(5){
					min-width: 55px;
					max-width: 55px;
					text-align: center;
				}
				.validar-notas-comentarios > .listado-comentarios > div > div > span:nth-child(6){
					min-width: 85px;
					max-width: 85px;
				}
				.validar-notas-comentarios > .listado-comentarios > div > div:nth-child(2){
					max-width: 85px;
					min-width: 85px;
					margin: 2px;
				}
					.validar-notas-comentarios > .listado-comentarios > div > div:nth-child(2) > span > button{
						background: none;
						font-size: 12px;
						padding: 3px;
						border-radius: 0px;
						border: none;
						max-width: 45px;
						min-width: 45px;
						padding: 2px;
					}
					.validar-notas-comentarios > .listado-comentarios > div > div:nth-child(2) > span > button.revisado{
						background: #b5b5b5;
						color: white;
					}
					.validar-notas-comentarios > .listado-comentarios > div > div:nth-child(2) > span > button.norevisado{
						background: #8cc18c;
						color: white;
					}
					.validar-notas-comentarios > .listado-comentarios > div > div:nth-child(2) > span > button:nth-child(2){
						background: #e69393;
						color: white;
					}


    .validar-notas-comentarios > .add-comentarios{
        
    }
    .validar-notas-comentarios .comentario.selected {
	    background: #46556914;
	}
	
	.validar-notas-comentarios .buttons-footer {
	    margin: 0 !important;
	}
	
		.validar-notas-comentarios .buttons-footer > button {
		    height: 25px !important;
		}

/* FILTROS */

.validar-notas .filtros {
    margin-bottom: 15px;
    /* border-bottom: 1px solid blue; */
    display: flex;
    flex-direction: column;
}
	.validar-notas .filtros > .cabecera {
		display: flex;
		border-bottom: 1px solid #3f4e62;
		margin-bottom: 5px;
	}
	.validar-notas .filtros > .content {
		display: flex;
		align-items: center;
		/* justify-content: space-between; */
	}
		.validar-notas .filtros > .content > div{
			display: flex;
			border-right: 1px dashed #3f4e62;
			margin-right: 15px;
		}
		.validar-notas .filtros > .content > div:last-child{
			border: none;
		}
		.validar-notas .filtros > .content > div:nth-child(4){
			background: #7e8a9b;
			align-items: center;
			justify-content: center;
			width: 40px;
			height: 40px;
			font-size: 20px;
			color: white;
		}	
			.validar-notas .filtros > .content > div > div{
				margin: 0px 10px;
				font-size: 12px;
			}

.validar-notas .buttons-header {
    display: flex;
    margin-bottom: 15px;
    flex-direction: column;
}
	.validar-notas .buttons-header > .cabecera{
		display: flex;
		border-bottom: 1px solid #3f4e62;
		margin-bottom: 5px;
		border-left: 5px solid orange;
		padding-left: 3px;
	}
		.validar-notas .buttons-header > .cabecera > div{
			font-weight: bold;
			font-size: 13px;
		}
	.validar-notas .buttons-header > .content{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
		.validar-notas .buttons-header > .content > div{

		}
		.validar-notas .buttons-header > .content > .filtros-secundarios{
			display: flex;
			flex-direction: column;
		}
			.validar-notas .buttons-header > .content > .filtros-secundarios > .cabecera{

			}
				.validar-notas .buttons-header > .content . > .filtros-secundarios > .cabecera > div{

				}
			.validar-notas .buttons-header > .content > .filtros-secundarios > .content{
				display: flex;
			}
				.validar-notas .buttons-header > .content > .filtros-secundarios > .content > div{
					margin: 0px 0px;
				}
					.validar-notas .buttons-header > .content > .filtros-secundarios > .content > div > div{
						min-width: 70px;
						max-width: 120px;
					}
		.validar-notas .buttons-header >.content > button{
			width: 100px;
			height: 30px;
			border: none;
			background: #145d89;
			color: white;
			font-size: 12px;
		}
	
.validar-notas .aviso-validar-notas {
    display: flex;
    border: 2px dashed #125d8b;
    padding: 10px;
    font-size: 15px;
    font-weight: bold;
    width: 495px;
    color: #125d8b;
    margin: 20px;
}

	.validar-notas .aviso-validar-notas .bloque-column{
		width: 100%;
	}
	.validar-notas .aviso-validar-notas .item-column-14_15{
		padding-top: 5px;
	}

/* END FILTROS */
.validar-notas .info-grupo {
    margin-bottom: 7px;
    font-size: 16px;
    color: #243d58;
}

.validar-notas span.comentarios-sinrevisar {
    margin-left: 10px;
    font-size: 9px;
    font-family: tahoma;
    color: #fbfcff;
    background: #f59494;
    padding: 2px;
    border-radius: 2px;
}

.validar-notas .tile-loading {
    min-height: 500px;
}

/* SELECCIONAR EVENTO */
.calendar-eventos-notas{
	margin: -10px !important;
}
	.calendar-eventos-notas .buttons-modal{
		position: absolute;
    	top: 7px;
    	right: 5px;
	}
		.calendar-eventos-notas .buttons-modal > button{
			height: 22px !important;
    		width: 70px !important;
		}
	.calendar-eventos-notas .calendar .fc-header{
		background-color: white !important;
		color: #2d4c6d !important;
	}
	
	.calendar-eventos-notas .calendar .fc-button{
		color: #2d4c6d !important;
	}
	
	.calendar-eventos-notas .fc .fc-content .fc-view.fc-grid table > tbody > tr > td.fc-state-highlight .fc-day-number, 
	.fc .fc-content .fc-view.fc-agenda table > tbody > tr > td.fc-state-highlight .fc-day-number {
	    background-color: #4a5a72;
	    color: white;
	    -webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	    -ms-border-radius: 50%;
	    -o-border-radius: 50%;
	    border-radius: 50%;
	    padding: 4px 6px; 
	}
	
	.calendar-eventos-notas .fc .fc-content .fc-event{
		border-radius: 0 !important;
	}
			
	.calendar-eventos-notas .calendar_color_clase {
		background: #7fabe8 !important;
		color: #fff !important;
		width: 20px !important;
		height: 5px !important;
		margin: 0px -2px 1px -2px !important;
		border-radius: 0px 15px 15px 0px !important; 
	}
	
	.calendar-eventos-notas .calendar_color_clase > .fc-event-inner > .fc-event-time {
		display: none; 
	}
	  
	.calendar-eventos-notas .calendar_color_examen {
		background: #9e472e !important;
		color: #fff !important;
		width: 20px !important;
		height: 5px !important;
		margin: 0px -2px 1px -2px !important;
		border-radius: 0px 15px 15px 0px !important; 
	}
	
	.calendar-eventos-notas .calendar_color_examen > .fc-event-inner > .fc-event-time {
	  	display: none; 
	 }
	
	.calendar-eventos-notas .calendar_color_notas {
		background: transparent !important;
		color: #608c5f !important;
		width: 60px !important;
		font-size: 11px !important;
		height: 18px !important;
		text-align: center;
		padding: 1px !important;
		border: 1px dashed #75ab74 !important;
		margin: 0px -2px 2px 0px !important; 
	}
	
	.calendar-eventos-notas .calendar_color_notas > .fc-event-inner > .fc-event-time {
	  display: none; 
	}
	
	.calendar-eventos-notas .fc .fc-content .fc-view.fc-grid table > thead > tr > th.fc-widget-header {
	  padding: 0px 0px 1px 0;
	  background-color: #009688 !important;
	  color: white !important;
	  font-weight: bold;
	}
	
	.calendar-eventos-notas .fc-header{
		height: 25px !important;
	}
		.calendar-eventos-notas .fc-header tr{
			height: 25px !important;
		}
		.calendar-eventos-notas .fc .fc-header .fc-button{
			height: 25px !important;
			margin: 0px !important;
			padding: 0px !important;
		}
		.calendar-eventos-notas .fc-header tr .fc-header-left{
			height: 25px !important;
			margin: 0px !important;
			padding: 0px !important;
		}
		.calendar-eventos-notas .fc-header tr .fc-header-center{
			height: 25px !important;
			margin: 0px !important;
			padding: 0px !important;
		}
		.calendar-eventos-notas .fc-header tr .fc-header-right{
			height: 25px !important;
			margin: 0px !important;
			padding: 0px !important;
		}
		
		.calendar-eventos-notas .fc-header tr .fc-header-title > h2{
			line-height: 35px !important;
		}
		
	.calendar-eventos-notas .fc-cell-overlay{
		background: #009688a6 !important;
	}
	
	.calendar-eventos-notas .info-modal{
		position: absolute;
    	top: -32px;
    	left: 12px;
    	font-size: 20px;
    	color: white;
	}
	
	.calendar-eventos-notas .tooltip{
		opacity: 1 !important;
	}
		.calendar-eventos-notas .tooltip .tooltip-arrow{
			border-left-color: white !important;
		}
		.calendar-eventos-notas .tooltip .tooltip-inner{
			background-color: white !important;
			-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.46);
			-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.46);
			box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.46);
		}
	
			.calendar-eventos-notas .tooltip .tooltip-inner .leyenda-modal {
			    display: flex;
			    flex: 1;
			    flex-direction: column;
			}
		    .calendar-eventos-notas .tooltip .tooltip-inner .leyenda-modal > div:nth-child(1){
		        background: #145d89 !important;
		        border-radius: 0px !important;
		        color: white !important;
		        margin: 0px !important;
		    }
		    .calendar-eventos-notas .tooltip .tooltip-inner .leyenda-modal > div:nth-child(2){
		        display: flex;
		        flex-direction: column;
		        background: none !important;
		        border-radius: 0px !important;
		        margin: 0px !important;
		        align-items: baseline !important;
		        color: #2e4c6c !important;
		        padding-left: 4px;
		        padding-right: 4px;
		    }
		        .calendar-eventos-notas .tooltip .tooltip-inner .leyenda-modal > div:nth-child(2) > div{
		            display: flex;
		            align-items: center;
		        }
		            .calendar-eventos-notas .tooltip .tooltip-inner .leyenda-modal > div:nth-child(2) > div:nth-child(1) > span:nth-child(1){
		                background: #7fabe8;
		                width: 10px;
		                height: 10px;
		                margin-right: 10px;
		            }
		            .calendar-eventos-notas .tooltip .tooltip-inner .leyenda-modal > div:nth-child(2) > div:nth-child(2) > span:nth-child(1){
		                background: #9d482f;
		                width: 10px;
		                height: 10px;
		                margin-right: 10px;
		            }
		            .calendar-eventos-notas .tooltip .tooltip-inner .leyenda-modal > div:nth-child(2) > div:nth-child(3) > span:nth-child(1){
		                background: #75ab74;
		                width: 10px;
		                height: 10px;
		                margin-right: 10px;
		            }
		            .calendar-eventos-notas .tooltip .tooltip-inner .leyenda-modal > div:nth-child(2) > div:nth-child(4) > span:nth-child(1){
		                background: #808085;
		                width: 10px;
		                height: 10px;
		                margin-right: 10px;
		            }

.calendar-eventos-notas .loading-grid-modal{
	height: 100% !important;
	width: 100% !important;
}

.validar-notas .cargar-todo{
	width: 90px !important;
	margin-top: 17px !important;
	margin-left: 30px !important;
	height: 30px !important;
	font-weight: bold !important;
	font-size: 13px !important;
	position: absolute;
}


/* Calendario eventos */
.calendar-eventos-notas span.fc-time {
    display: none;
}
.calendar-eventos-notas .fc-content {
    border-radius: 0px !important;
}

.calendar-eventos-notas .holidays {
	color: #145d89;
	background: #f4f4f4 !important;
	border-color: #ddd !important;
}

.calendar-eventos-notas a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.calendar_color_festivo {
    width: 10px;
    height: 10px;
    border-radius: 0px;
    background: #808085;
    border: none;
}

.calendar-eventos-notas a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.calendar_color_clase {
    width: 10px !important;
    height: 10px !important;
    border-radius: 0px !important;
    border: none;
    margin: 0px 2px !important;
}

.calendar-eventos-notas a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.calendar_color_examen {
    width: 10px !important;
    height: 10px !important;
    border-radius: 0px !important;
    border:  none;
    margin: 0px 2px !important;
}
@charset "UTF-8";

.asistencias-admin{
	margin-top: 10px
}
	.asistencias-admin .filtros {
	    display: flex;
	    flex-direction: column;
	}
	    .asistencias-admin .filtros > .cabecera{
	        display: flex;
	        background: #748dab;
	        color: white;
	        margin-bottom: 5px;
	    }
	        .asistencias-admin .filtros > .cabecera > div{
	            padding: 2px;
	        }
	    .asistencias-admin .filtros > .content{
	    }
	 .asistencias-admin .button-text-search{
	 	font-size: 20px;
	 	width: 80px !important;
	 	height: 83px;
	 	background: white;
	 	margin-left: -9px;
	 	color: #2d4c6f;
	 	transition: all 0.8s cubic-bezier(0.42, 0, 0, 1.19);
	 }
	 .asistencias-admin .button-text-search:hover{
	 	transition: all 0.8s cubic-bezier(0.42, 0, 0, 1.19);
	 	background: #2d4c6f;
	 	color: white;
	 }
	 .asistencias-admin .button-text-search:active{
	 	transform: none;
	 }
	 .asistencias-admin .content-filtros {
	 	padding: 4px;
     }
     
.asistencias-editar{
	
}
	.asistencias-editar .item-general {
	    margin-bottom: 10px;
	}
		.asistencias-editar .item-general > .content > div:nth-child(1){
			display: flex;
			margin-bottom: 7px;
		}
			.asistencias-editar .item-general > .content > div:nth-child(1) > div{
				display: flex;
				margin-right: 15px;
			}
				.asistencias-editar .item-general > .content > div:nth-child(1) > div > div:nth-child(1){
					font-weight: bold;
					margin-right: 2px;
				}
	.asistencias-editar .item-comentarios{
	 	margin-bottom: 10px;
	}
	.asistencias-editar .item-email{
	 	margin-bottom: 10px;
	}
		.asistencias-editar > div > .cabecera{
			border-bottom: 1px solid #2d4c6f;
			border-left: 4px solid orange;
			margin-bottom: 2px;
		}
			.asistencias-editar > div > .cabecera > div{
				margin-left: 5px
			}
		.asistencias-editar > div > .content{
			display: flex;
			flex-direction: column;
		}
			.asistencias-editar > div > .content > div{
				display: flex;
			}
.asistencias-editar textarea{
	border: #cdd3d8 1px solid !important;
}
@charset "UTF-8";

.calendario {
    /*height: 100%;*/
    height: 800px;
}

	/* Eventos del calendario */
	.calendario .fc .fc-content .fc-event{
		background: #284362;
		width: 6px !important;
		padding: 2px;
		/* color: #284362 !important; */
		border-radius: 20px;
	}

	
	.calendario .event-month{
		
	}
	
	.calendario .fc .fc-content .fc-event.event-month{
	    background: #284362;
	    padding: 2px;
	    color: white !important;
	 	border-radius: 0px !important;
	    height: auto;
	    padding: 1px !important;
	    width: fit-content !important;
    }

.calendario th.fc-day-header.fc-widget-header {
    background: #e0e7ec8c;
    color: #457294;
    border-radius: 0px;
    border: 1px solid #dddddd;
}

.calendario a.fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end{
    background: #cee0ea;
    border: none;
    border-radius: 0px;
    color: #447294;
    font-weight: bold;
    margin-left: -1px;
    margin-right: -2px;
    width: fit-content;
    margin: 5px 0px;
    padding: 5px;
}
.calendario a.fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end > .fc-content{

}

.calendario button.fc-prev-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
    border: none;
    background: none;
    color: #457294;
    border-radius: 0px;
    border: 1px solid #44729470;
}

.calendario button.fc-next-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right{
	border: none;
	background: none;
	color: #457294;
	border-radius: 0px;
	border: 1px solid #44729470;
}
.calendario .fc-toolbar.fc-header-toolbar {
    margin-bottom: 4px;
}
.calendario .fc-center > h2 {
    font-size: 24px;
}

.calendario button.fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right{
	background: #3c6789;
    border: none;
    border-radius: 0px;
    color: white;
    text-shadow: none;
}
.calendario button.fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-active {
    border: none;
    background: #4572942e;
    color: #457294;
    border-radius: 0px;
    border: 1px solid #44729470;
}
.calendario button.fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right{
    border: none;
    background: none;
    color: #457294;
    border-radius: 0px;
    border: 1px solid #44729470;
}

.calendario button.fc-agendaWeek-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right{
	background: #3c6789;
    border: none;
    border-radius: 0px;
    color: white;
    text-shadow: none;
}
.calendario button.fc-agendaWeek-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-active {
    border: none;
    background: #4572942e;
    color: #457294;
    border-radius: 0px;
    border: 1px solid #44729470;
}
.calendario button.fc-agendaWeek-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right{
    border: none;
    background: none;
    color: #457294;
    border-radius: 0px;
    border: 1px solid #44729470;
}
.calendario button.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
    border: none;
    background: none;
    color: #457294;
    border-radius: 0px;
    border: 1px solid #44729470;
}
.calendario button.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-active {
    background: #3c678994;
    border: none;
    border-radius: 0px;
    color: white;
    text-shadow: none;
}
.calendario button.fc-listWeek-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
	border: none;
	background: none;
	color: #457294;
	border-radius: 0px;
	border: 1px solid #44729470;
}
.calendario button.fc-listWeek-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-active {
    background: #3c678994;
    border: none;
    border-radius: 0px;
    color: white;
    text-shadow: none;
}



.calendario .holidays {
	color: #145d89;
	background: #f4f4f4 !important;
	border-color: #ddd !important;
}

.calendario .buscar {
    width: 25px;
    background: #3b5877;
    color: white;
    text-align: center;
    border-radius: 0px;
    border: none !important;
    margin: 0px 5px;
    /* padding: 3px; */
    position: relative;
}
	.calendario .buscar > span{
		font-size: 13px;
		position: absolute;
		top: 2px;
		left: 6px;
	}
.calendario .buscar_all{
	width: 45px;
	background: #3b5877;
	color: white;
	/* font-size: 13px; */
	text-align: center;
	border-radius: 0px;
	border: none !important;
	/* padding: 3px; */
	position: relative;
	margin: 0px 5px;
}
	.calendario .buscar_all > span{
		font-size: 13px;
		position: absolute;
		top: 2px;
		left: 8px;
	}

.calendario .botones-filtro{
	display: flex;
}

.calendario .borrar{
	width: 25px;
	border-radius: 0px;
	/* font-size: 13px; */
	text-align: center;
	border: none !important;
	color: #d63a4b;
	position: relative;
	background: none;
}
	.calendario .borrar > i{
		font-size: 13px;
		position: absolute;
		top: 4px;
		left: 8px;
	}


/** Evento anotación */
.calendario .event-anotacion {
    position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    right: 2px;
    bottom: 2px;
    border-radius: 20px;
    z-index: 9;
    border: 2px solid #ffa028;
    transition: all 0.4s ease-out;
}

.calendario .calendario-padding{
	padding: 5px;
}
@charset "UTF-8";

.comp-anotaciones{
	
}
	.comp-anotaciones .listado{
	}
		.comp-anotaciones .listado > .anotacion-item{
			display: flex;
			margin: 5px 0px;
			border-bottom: 1px dashed #dddddd;
			/* align-items: center; */
			justify-content: center;
			flex-direction: column;
			width: 100%;
		}
		.comp-anotaciones .listado > .anotacion-item:last-child{
			border-bottom: none;
		}
			.comp-anotaciones .listado > .anotacion-item > .cabecera{
				border-left: 5px solid #ff8f29d1;
				border-bottom: 1px solid #dddddd;
				padding-left: 3px;
				margin-top: 5px;
				font-weight: bold;
			}
			.comp-anotaciones .listado > .anotacion-item > .content{
				flex: 1;
				margin: 5px 0px;
				display: flex;
			}
				.comp-anotaciones .listado > .anotacion-item > div:nth-child(1){
					font-size: 13px;
					margin-right: 5px;
				}
				.comp-anotaciones .listado > .anotacion-item > .content{

				}
				.comp-anotaciones .listado > .anotacion-item > .content > div:nth-child(1){
					min-width: 175px;
					max-width: 175px;
				}
				.comp-anotaciones .listado > .anotacion-item > .content textarea{
					padding-left: 5px !important;
					border-radius: 5px;
					border: 1px solid #dddddd;
				}
				.comp-anotaciones .listado > .anotacion-item > .content .no-editando-anotacion{
					border: none;
					background: #dddddd85;
					border-radius: 5px;
				}
			.comp-anotaciones .listado > .anotacion-item > .content .buttons{
				display: flex;
			}
				.comp-anotaciones .listado > .anotacion-item > .content .buttons > button{
					border: none;
					background: none;
				}
@charset "UTF-8";

.cursos-academicos {
    height: 100%;
}

/*.cursos-academicos input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
	text-transform: uppercase;
}

.cursos-academicos label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}*/

	.cursos-academicos .button-text-search {
		height: 50px !important;
    	width: 60px !important;
    	margin-top: 40px !important;
    	margin-left: 0px !important;
	}
	
	.cursos-academicos > div {
		margin-top: 10px !important;
	}

	.cursos-academicos .tab-config{
		margin-top: 10px !important;
	}
		.cursos-academicos .tab-config > *:nth-child(1) > *:nth-child(2) > * {
			width: 165px !important;
		}
			.cursos-academicos .tab-config > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > * {
				max-width: 165px !important;
				min-width: 165px !important;
			}
	.cursos-academicos .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
		background: #ffffff;
	}
	
	.cursos-academicos .tab-condiciones > *:nth-child(1) > *:nth-child(2) > * {
		width: 130px !important;
	}
		.cursos-academicos .tab-condiciones > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > * {
			max-width: 120px !important;
			min-width: 120px !important;
		}
	
	/* IMAGEN */
.cursos-academicos .campo-imagen{
	width: 100%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 10px;
}

.cursos-academicos .container-imagen{
	display:flex;
	height: 100%;
}
	.cursos-academicos .container-imagen .form-imagen{
		margin-right: 5px;
	}
		.cursos-academicos .container-imagen .form-imagen > div{
			height: 100%;
		}
		.cursos-academicos .container-imagen .form-imagen > input{
			visibility: hidden;
		}
		.cursos-academicos .container-imagen .form-imagen .imagen{
			
		}
			.cursos-academicos .container-imagen .form-imagen .imagen > img{
				width: 100%;
			}
	.cursos-academicos .container-imagen .view-imagen{
		min-width: 115px;
		max-width: 248px;
		flex: 1;
	}
		.cursos-academicos .container-imagen .view-imagen .imagen{
		
		}	
			.cursos-academicos .container-imagen .view-imagen .imagen > img{
			 	width: 100%;
			}
	.cursos-academicos .container-imagen .buttons-gallery {
	    position: absolute;
	    top: 0px;
	    right: 0px;
	    margin-left: 5px;
	}
		.cursos-academicos .container-imagen .buttons-gallery > button{
		    padding: 2px;
		    max-width: 25px;
		    width: 25px;
		}
		
	.cursos-academicos .config-box{
	    margin-top: 10px;
	}
		.cursos-academicos .config-box > div{
		     border: 1px dashed #cdd3d7 !important;
		}
		.cursos-academicos .config-box .bloque{
		     margin-top: 5px !important;
		     margin-bottom: 3px !important;
		     padding-right: 5px !important;
		}
		.cursos-academicos .config-box > span{
			color: #616f77 !important;
			padding-left: 5px !important;
		}

		.cursos-academicos .config-box .passButton{
			background: transparent;
	    	border: none;
	    	margin-left: 2px;
		}
		.cursos-academicos .config-box .passButton:focus{
	    	border: none !important;
		}
		
		.cursos-academicos .config-box .buttons-mail{
			margin-top: 5px;
		}
			.cursos-academicos .config-box .buttons-mail .verificado{
				color: #008000;
			}
			.cursos-academicos .config-box .buttons-mail .no-verificado{
				color: #d9524e;
			}

	.cursos-academicos .loading-page{
		height: 100% !important;
	}
	
	.cursos-academicos .image-footer{
	    display:flex;
	    flex: 1;
    	flex-direction: column;
	}
		.cursos-academicos .image-footer .info-file{
	   		padding-left: 5px;
	   		font-size: 12px;
	   		font-style: italic;
	   		color: #627178;
		}
		.cursos-academicos .image-footer .aviso-file{
		    color: red;
	   		padding-left: 5px;
	   		font-size: 12px;
		}
		
	.cursos-academicos .icon-info{
		font-size:10px; 
		vertical-align: text-top;
	}
	
	.cursos-academicos .check-asume{
		padding-top: 5px;
	}


.cursos-academicos .store-app{
	display: flex;
}
	.cursos-academicos .store-app > div{
		display: flex;
		margin: 0px 12px;
		flex-direction: column;
		padding: 10px;
	}

	.cursos-academicos .store-app .info-dropbox{

	}
		.cursos-academicos .store-app .info-dropbox > .imagen{
			margin-right: 20px;
		}
			.cursos-academicos .store-app .info-dropbox > .imagen > img{
				height: 100px;
			}

		.cursos-academicos .store-app > div > .cabecera{
			font-size: 15px;
			border-bottom: 1px solid #2e4c6c;
			margin-bottom: 10px;
			display: flex;
		}
		.cursos-academicos .store-app > div > .content{
			display: flex;
			flex-direction: column;
		}
			.cursos-academicos .store-app > div > .content > div{
				display: flex;
			}
				.cursos-academicos .store-app > div > .content > div > button{
					background: #007be3;
					border: none !important;
					color: white;
				}
	.cursos-academicos .store-app > .cloud-backup{

	}
	.cursos-academicos .store-app > .sync-count{
		/* border: 1px dashed green; */
		/* background: #fafffa; */
		min-width: 320px;
	}
		.cursos-academicos .store-app > .cloud-backup > .content > div{
			display: flex;
		}
		.cursos-academicos .store-app > .cloud-backup > .content > .aviso{
			margin-bottom: 10px;
		}
		.cursos-academicos .store-app > .cloud-backup > .content > .aviso-success{
			margin: 5px 0px;
			color: green;
			font-weight: bold;
		}
			.cursos-academicos .store-app > .cloud-backup > .content > div > .imagen{
				margin-right: 20px;
			}
				.cursos-academicos .store-app > .cloud-backup > .content > div > .imagen > a > img{
					height: 80px;
				}
			.cursos-academicos .store-app > .cloud-backup > .content > div > .right{
				display: flex;
				flex-direction: column;
			}
				.cursos-academicos .store-app > .cloud-backup > .content > div > .right > .edit{
					display: flex;
				}
					.cursos-academicos .store-app > .cloud-backup > .content > div > .right > .edit > button{
						background: none;
						width: 28px;
						border: 1px solid #cccccc;
					}
				.cursos-academicos .store-app > .cloud-backup > .content > div > .right > .buttons{
					background: none;
					margin: 10px 0px;
				}
					.cursos-academicos .store-app > .cloud-backup > .content > div > .right > .buttons > button{
						background: #52af5a;
						color: white;
						border: none;
					}
		

/* GRID */
.cursos-academicos .ui-grid-header-canvas{
	width: 100% !important;
}
.cursos-academicos .ui-grid-header-cell-wrapper{
	width: 100%;
}
.cursos-academicos .ui-grid-header-cell-row {
	width: 100%;
}
.cursos-academicos .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.cursos-academicos .ui-grid-header-cell-row > div:nth-child(1){
    width: 23%;
}
.cursos-academicos .ui-grid-header-cell-row > div:nth-child(2){
     width: 33%;
}
.cursos-academicos .ui-grid-header-cell-row > div:nth-child(3){
     width: 8%;
}
.cursos-academicos .ui-grid-header-cell-row > div:nth-child(4){
     width: 12%;
}
.cursos-academicos .ui-grid-header-cell-row > div:nth-child(5){
     width: 12%;
}
.cursos-academicos .ui-grid-header-cell-row > div:nth-child(6){
     width: 12%;
}


.cursos-academicos .ui-grid-canvas{
	width: 100% !important;
}
.cursos-academicos .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.cursos-academicos .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 23%;
}
.cursos-academicos .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 33%;
}
.cursos-academicos .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 8%;
}
.cursos-academicos .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 12%;
}
.cursos-academicos .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 12%;
}
.cursos-academicos .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 12%;
}

.cursos-academicos .ui-grid-footer-canvas{
	width: 100% !important;
}
.cursos-academicos .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.cursos-academicos .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.cursos-academicos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 25%;
}
.cursos-academicos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 35%;
}
.cursos-academicos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 10%;
}
.cursos-academicos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 15%;
}
.cursos-academicos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 15%;
}
.cursos-academicos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 15%;
}


/* Dias festivos */
.cursos-academicos .buttons-grupos {border-bottom: 1px solid #2d4c6d;border-left: 4px solid orange;font-size: 13px;/* position: absolute; */top: 0;z-index: 100 !important;right: 0px;}
	.cursos-academicos .buttons-grupos > button{
		
	}
	.cursos-academicos .buttons-grupos > button.guardar{
		color: green !important;
	}
	.cursos-academicos .buttons-grupos > button.editar{
		color: #72668c !important;
	}
	.cursos-academicos .buttons-grupos > button.cancelar{
		color: #d9534f !important;
	}
	.cursos-academicos .buttons-grupos > button.borrar{
		color: #d9534f !important;
	}
	.cursos-academicos .buttons-grupos > button.nuevo{
		color: #72668c !important;
	}
	
/*.cursos-academicos .tipo-fecha #cambio-tipo-container {
    width: 185px;
    height: 36px;
    margin: auto;
    position: relative;
    overflow: hidden;
    user-select: none;
    cursor: pointer;
}

.cursos-academicos .tipo-fecha .inner-container {
    position: absolute;
    left: 0;
    top: 0;
    width: inherit;
    height: inherit;
    text-transform: uppercase;
    font-size: .6em;
    letter-spacing: .2em;
}
	.cursos-academicos .tipo-fecha .inner-container:first-child {
	    background: #e9e9e9;
	    color: #a9a9a9;
	}
	.cursos-academicos .tipo-fecha .inner-container:nth-child(2) {
	    background: #326ca5;
	    color: white;
	    clip-path: inset(0 50% 0 0);
	    transition: .3s cubic-bezier(0,0,0,1);
	    font-size: 13px;
	}
.cursos-academicos .tipo-fecha .toggle {
    width: 50%;
    position: absolute;
    height: inherit;
    display: flex;
    box-sizing: border-box;
    font-size: 12px;
}
	.cursos-academicos > .tipo-fecha .toggle p {
	    margin: auto;
	}
	.cursos-academicos > .tipo-fecha .toggle:nth-child(1) {
	    right: 0;
	}*/

.cursos-academicos .dias-festivos{
	
}
.cursos-academicos .dias-festivos .ui-grid-header-canvas{
	width: 100% !important;
}
.cursos-academicos .dias-festivos .ui-grid-header-cell-wrapper{
	width: 100%;
}
.cursos-academicos .dias-festivos .ui-grid-header-cell-row {
	width: 100%;
}
.cursos-academicos .dias-festivos .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.cursos-academicos .dias-festivos .ui-grid-header-cell-row > div:nth-child(1){
    width: 20%;
}
.cursos-academicos .dias-festivos .ui-grid-header-cell-row > div:nth-child(2){
     width: 45%;
}
.cursos-academicos .dias-festivos .ui-grid-header-cell-row > div:nth-child(3){
     width: 35%;
}


.cursos-academicos .dias-festivos .ui-grid-canvas{
	width: 100% !important;
}
.cursos-academicos .dias-festivos .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.cursos-academicos .dias-festivos .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 20%;
}
.cursos-academicos .dias-festivos .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 45%;
}
.cursos-academicos .dias-festivos .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 35%;
}


.cursos-academicos .dias-festivos .ui-grid-footer-canvas{
	width: 100% !important;
}
.cursos-academicos .dias-festivos .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.cursos-academicos .dias-festivos .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.cursos-academicos .dias-festivos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 20%;
}
.cursos-academicos .dias-festivos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 45%;
}
.cursos-academicos .dias-festivos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 35%;
}


.cursos-academicos .editando-dia{
	margin: 5px 0px;
	border-bottom: 1px dashed #cdd3d8;
	padding: 5px 0px;
}


.cursos-academicos .estructura-delegacion{
	height: auto;
	margin-top: 20px;
	/* text-align: center; */
	display: flex;
}
	.cursos-academicos .estructura-delegacion > div{
		align-items: center;
		justify-content: center;
	}
	.cursos-academicos .estructura-delegacion > div:nth-child(1){
	    border-bottom: 1px solid #2d4c6c;
	}
	.cursos-academicos .estructura-delegacion > div:nth-child(2){
	    margin-top: 10px;
	}
		.cursos-academicos .estructura-delegacion > div:nth-child(2) > div{
		    display: flex;
		}
			.cursos-academicos .estructura-delegacion > div:nth-child(2) > div > div:nth-child(1){
                width: 200px;
                margin-right: 30px;
       }
			.cursos-academicos .estructura-delegacion > div:nth-child(2) > div > div:nth-child(2){
                display: flex;
                flex-direction: column;
                /* margin: 0px; */
           }
               .cursos-academicos .estructura-delegacion > div:nth-child(2) > div > div:nth-child(2) > button{
                   margin: 2px;
               }

	.cursos-academicos .estructura-delegacion button{
		height: 25px !important;
		background: #2e4c6db3;
		border: none;
		color: white;
	}
	
.cursos-academicos .buttons-festivos{
	position: absolute;
	z-index: 9;
	right: 2%;
}
	.cursos-academicos .buttons-festivos > button{
		background: none;
		border: none;
		color: white;
		font-weight: bold;
		font-size: 15px !important;
		height: 22px !important;
	}


/** Datos de copia **/
.ca-guardar{
}
	.ca-guardar .aviso{
	text-align: center;
	}
		.ca-guardar .aviso > div{
		}
			.ca-guardar .aviso > div:nth-child(1){
			}
			.ca-guardar .aviso > div:nth-child(2){
			}
	.ca-guardar .datos-copia{
	    flex-direction: column;
	}
		.ca-guardar .datos-copia .options{
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100% !important;
			margin: 10px;
		}
			.ca-guardar .datos-copia .options > *:nth-child(1){
			/* width: 280px !important; */
			}
			.ca-guardar .datos-copia .options > *:nth-child(2){
				margin-top: 5px !important;
			}

		.ca-guardar .datos-copia .container-copia{
			display: flex;
		}
			.ca-guardar .datos-copia .container-copia .options-secundary{
				margin-top: 5px;
				display: flex;
				flex-direction: column;
			}
				.ca-guardar .datos-copia .container-copia .options-secundary > .titulo{
					border-bottom: 1px solid #2d4c6c;
					width: 115px !important;
					margin-bottom: 5px;
				}
				.ca-guardar .datos-copia .container-copia .options-secundary > .content{
			
				}
					.ca-guardar .datos-copia .container-copia .options-secundary > .content > *:nth-child(1){
			
					}
					.ca-guardar .datos-copia .container-copia .options-secundary > .content > *:nth-child(2){
			
					}

			.ca-guardar .datos-copia .container-copia .options-maton{
				margin-top: 5px;
				display: flex;
				flex-direction: column;
			}
				.ca-guardar .datos-copia .container-copia .options-maton > .titulo{
					border-bottom: 1px solid #2d4c6c;
					width: 225px !important;
					margin-bottom: 5px;
				}
				.ca-guardar .datos-copia .container-copia .options-maton > .content{
			
				}
					.ca-guardar .datos-copia .container-copia .options-maton > .content > *:nth-child(1){
			
					}
					.ca-guardar .datos-copia .container-copia .options-maton > .content > *:nth-child(2){
			
					}
	.ca-guardar .buttons{
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 15px;
	}
		.ca-guardar .buttons > button{
			margin: 0px 5px;
			color: white;
			border: none;
		}
		.ca-guardar .buttons > button:nth-child(1){
			background: #008000ab;
			
		}
		.ca-guardar .buttons > button:nth-child(1):disabled{
			background: #808080b5;
		}
		.ca-guardar .buttons > button:nth-child(2){
			background: #ff000078;
		}
/** End datos de copia **/


/** Info general **/
.cursos-academicos .info-general{
	
}
	.cursos-academicos .info-general .estado{
	margin-top: 6px;
	justify-content: center;
	}
		.cursos-academicos .info-general .estado .activo{
	        color: green;
	        text-transform: uppercase;
	        font-weight: bold;
	    }
		.cursos-academicos .info-general .estado .inactivo{
	        color: #ff0000bf;
	        text-transform: uppercase;
	        font-weight: bold;
	 }
		.cursos-academicos .info-general .estado .nuevo{
	        color: #2d4c6c;
	        text-transform: uppercase;
	        font-weight: bold;
	 }


/** Opciones curso **/
.cursos-academicos .opciones-curso{
	margin-top: 15px;
	margin-bottom: 20px;
}
    .cursos-academicos .opciones-curso .titulo{
	    border-bottom: 1px solid #2d4c6c;
	    margin-bottom: 5px;	
	}

/** Matricula online **/
.cursos-academicos .opciones-curso .matricula-online{
	
}
	.cursos-academicos .opciones-curso .matricula-online .info-check{
		    position: relative;
		    height: 20px;
		}
			.cursos-academicos .opciones-curso .matricula-online .info-check > button{
				border: none;
				background: none;
				font-size: 14px;
				height: 20px;
				top: -3px;
				position: absolute;
			}
			.cursos-academicos .opciones-curso .matricula-online .info-check > button:hover,
			.cursos-academicos .opciones-curso .matricula-online .info-check > button:focus,
			.cursos-academicos .opciones-curso .matricula-online .info-check > button:visited{
				border: none !important;
			}
				.cursos-academicos .opciones-curso .matricula-online .info-check > button > i{
				}

/** Envio mail **/
.cursos-academicos .opciones-curso .envio-mail{
	
}
	.cursos-academicos .opciones-curso .envio-mail .info-check{
		    position: relative;
		    height: 20px;
		}
			.cursos-academicos .opciones-curso .envio-mail .info-check > button{
				border: none;
				background: none;
				font-size: 14px;
				height: 20px;
				top: -3px;
				position: absolute;
				margin-left: 0px;
			}
			.cursos-academicos .opciones-curso .envio-mail .info-check > button:hover,
			.cursos-academicos .opciones-curso .envio-mail .info-check > button:focus,
			.cursos-academicos .opciones-curso .envio-mail .info-check > button:visited{
				border: none !important;
			}
				.cursos-academicos .opciones-curso .envio-mail .info-check > button > i{
				}
.cursos-academicos .opciones-curso .solicitar-matricula{
	margin-left: 30px;
}
	.cursos-academicos .opciones-curso .solicitar-matricula > button{
		border: none;
		font-size: 11px;
	}

/** Teacher's log **/
.cursos-academicos .opciones-curso .teachers-log{
	
}
	.cursos-academicos .opciones-curso .teachers-log .info-check{
		    position: relative;
		    height: 20px;
		}
			.cursos-academicos .opciones-curso .teachers-log .info-check > button{
				border: none;
				background: none;
				font-size: 14px;
				height: 20px;
				top: -3px;
				position: absolute;
			}
			.cursos-academicos .opciones-curso .teachers-log .info-check > button:hover,
			.cursos-academicos .opciones-curso .teachers-log .info-check > button:focus,
			.cursos-academicos .opciones-curso .teachers-log .info-check > button:visited{
				border: none !important;
			}
				.cursos-academicos .opciones-curso .teachers-log .info-check > button > i{
				}


/** Configuración comunicaciones **/
.cursos-academicos .configuracion-comunicaciones{
    margin-top: 10px;
}
	.cursos-academicos .configuracion-comunicaciones .titulo{
	    border-bottom: 1px solid #2d4c6c;
	    margin-bottom: 5px;	
	}
	
	.cursos-academicos .configuracion-comunicaciones .info-check{
	position: relative;
	height: 20px;
	}
		.cursos-academicos .configuracion-comunicaciones .info-check > button{
			border: none;
			background: none;
			font-size: 14px;
			height: 20px;
			top: -3px;
			position: absolute;
		}
		.cursos-academicos .configuracion-comunicaciones .info-check > button:hover,
		.cursos-academicos .configuracion-comunicaciones .info-check > button:focus,
		.cursos-academicos .configuracion-comunicaciones .info-check > button:visited{
			border: none !important;
		}
			.cursos-academicos .configuracion-comunicaciones .info-check > button > i{
			}
	
/** End configuración comunicaciones **/

/** Info Popover **/
.cursos-academicos .info-popover{
	width: 250px;
}
	.cursos-academicos .info-popover > .titulo{
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.cursos-academicos .info-popover > .descripcion{
		color: #2d4c6d;
	}
.cursos-academicos .popover.popover-ca{
	border: 2px solid #aacbde;
	text-align: justify;
}
	.cursos-academicos .popover.popover-ca .popover-content{
		/* border: 2px solid #2d4c6d; */
	}
/** End info popover **/

@charset "UTF-8";

.titulaciones {
    height: 100%;
}

	.titulaciones .loading-page{
		height: 95%;
    	z-index: 3;
	}

.titulaciones input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}
.titulaciones input::placeholder{
	font-size: 11px;
}

.titulaciones label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.titulaciones label.checkbox.checkbox-custom-alt {
    font-weight: normal;
    font-family: arial;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    width: 29px;
    display: flex;
}

/* BUTTONS */
.titulaciones .buttons-titulacion {
    position: absolute;
    right: 3px;
    top: 0px;
    z-index: 2;
}
	.titulaciones .buttons-titulacion > button{
		background: none;
		border:none;
		color: white;
	}

.titulaciones .buttons-titulaciones-resumen {
    position: absolute;
    right: 5px;
    top: 0px;
    z-index: 2;
}
	.titulaciones .buttons-titulaciones-resumen > button{
		color: white;
		background: none;
		border: none;
	}


.titulaciones .ui-grid-cell > .ui-grid-cell-contents {
    color: black;
}

.titulaciones .ui-grid-cell > .ui-grid-cell-contents > i {
    color: #3f4e62;
    border: 1px solid white;
    border-radius: 20px;
    padding: 5px;
    background: white;
}

.titulaciones .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	background: #ffffff;
}

.titulaciones .tab-resumen > *:nth-child(2) > * > * > *:nth-child(1){
	padding: 0px !important;
}

.titulaciones .tab-resumen > *:nth-child(1) > *:nth-child(2) > * {
		width: 160px !important;
	}
		.titulaciones .tab-resumen > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > * {
			max-width: 175px !important;
			min-width: 175px !important;
		}

.titulaciones .ui-grid-grid-footer {
  padding-left: 5px !important;
}
/* End */


/* Errores */
.titulaciones .errores{
		display: flex;
		border: 1px dashed #d5dfec;
		border-top: none;
		flex-direction: column;
		font-size: 11px;
		color: #ea7373;
		margin-bottom: 15px;
		margin-top: -25px;
	}
		.titulaciones .errores > div{
			margin: 2px 0px;
			display: flex;
		}
			.titulaciones .errores > div > div{
				margin: 0px 5px;
				flex: 1;
			}
			.titulaciones .errores > div > div:nth-child(1){
				min-width: 70px;
				/* max-width: 70px; */
			}
			.titulaciones .errores > div > div:nth-child(2){
				min-width: 350px;
				/* max-width: 500px; */
				flex: 5;
			}
			.titulaciones .errores > div > div:nth-child(3){
				min-width: 200px;
				/* max-width: 220px; */
				flex: 4;
				color: #6f7988;
				font-style: oblique;
			}



/* GRID (RESUMEN) */
.titulaciones .ui-grid-header-canvas{
	width: 100% !important;
}
.titulaciones .ui-grid-header-cell-wrapper{
	width: 100%;
}
.titulaciones .ui-grid-header-cell-row {
	width: 100%;
}
.titulaciones .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.titulaciones .ui-grid-header-cell-row > div:nth-child(1){
    width: 30%;
}
.titulaciones .ui-grid-header-cell-row > div:nth-child(2){
     width: 30%;
}
.titulaciones .ui-grid-header-cell-row > div:nth-child(3){
     width: 40%;
}


.titulaciones .ui-grid-canvas{
	width: 100% !important;
}
.titulaciones .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.titulaciones .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 30%;
}
.titulaciones .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 30%;
}
.titulaciones .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 40%;
}


.titulaciones .ui-grid-footer-canvas{
	width: 100% !important;
}
.titulaciones .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.titulaciones .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.titulaciones .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 30%;
}
.titulaciones .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 30%;
}
.titulaciones .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 40%;
}

.titulaciones .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	margin: 0px;
	padding: 6px 5px 5px 6px;
	overflow: hidden;
}
@charset "UTF-8";

.escuelas {
    height: 100%;
}

.escuelas input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}

.escuelas label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}

.escuelas .form-group{
	margin: 0px;
	margin-bottom: 5px;
	display: flex;
	/*height: 100%;*/
	width: 100%;
	flex: 1;
}

.escuelas .id_cliente {
    position: absolute;
    top: 1px;
    color: white;
    right: 65px;
    z-index: 2;
}

/*.escuelas .col-row{
	display: flex;
	
}

.escuelas .col-row-2 > *:nth-child(1) {
    margin-right: 15px;
}

.escuelas .col-row-3 > *:nth-child(1),
.escuelas .col-row-3 > *:nth-child(2) {
    margin-right: 15px;
}

.escuelas .col-label{
	max-width: 80px !important;
	min-width: 80px !important;
	max-height: 20px !important;
	overflow: hidden;
	padding: 0px;
}

.escuelas .col-field{
	padding: 0px;
	flex: 1;
	display: flex;
	width: 100%;
}*/


.escuelas .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.escuelas .bottom > div{
    flex: 1;
    width: 100%;
}
.escuelas .row.bottom > div:nth-child(1){
	min-height: 520px;
}

.escuelas .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
}


/* Campo fecha */
.escuelas .fecha-erp{

}
.escuelas .fecha-erp > span > span{
	width: auto;
}
.escuelas .fecha-erp > span > input {
    height: 20px !important;
    text-align: left;
    max-width: 80px;

}

.escuelas .fecha-erp > span > span > button {
    height: 20px;
}

.escuelas .fecha-erp > span > span > button > i {
    position: absolute;
    top: 5px;
    right: 8px;
}

/* End campo fecha */



/* Controls */
.escuelas .controls-buttons-erp {
    list-style: none;
    z-index: 10;
    display:flex;
    height: 20px !important;
    max-width: 50px;
    min-width: 50px;
    margin: 0px;
    padding: 0px;
}

.escuelas .controls-buttons-erp > li{
   margin-right: 5px;
}

.escuelas .controls-buttons-erp > li > a{
    color:black;
}



.escuelas .controls-tabs-erp {
    display: flex;
    list-style: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

.escuelas .controls-tabs-erp > li{
    margin: 0px 5px 0px 5px;
    /* z-index: 12 !important; */
}

.escuelas .controls-tabs-erp > li > a{
    color: black;
    /* z-index: 15 !important; */
}

/* End controls */

/* ui select */
/*.escuelas .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.escuelas .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
}


.escuelas .ui-select-erp input:focus,
.escuelas .ui-select-erp input:focus:hover,
.escuelas .ui-select-erp input:hover,
.escuelas .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
}

.escuelas .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.escuelas .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.escuelas .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}*/


/* end ui select */


/* Condiciones */

.escuelas .buttons-condiciones {
    position: absolute;
    top: 6px;
    background: #ffffff66;
    z-index: 10;
    right: 20px;
}
	.escuelas .buttons-condiciones > button{
		background: none;
		border: none;
	}

/* End condiciones */

.escuelas .loading-page {
   height: 100%;
}

    .escuelas .row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .escuelas .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
    .escuelas .row.urow2 > div:nth-child(2) > input{
      	width: 100% !important;
      	height: 25px;
    }
    
    
    .escuelas .row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 1px !important;
    }
    .escuelas .row.urow3 > div:nth-child(3){
		margin: 0px !important;
		padding-left: 0px !important;
		}
    .escuelas .row.urow3 > div:nth-child(3) > input{
      	width: 100% !important;
    	height: 25px;
    }
    
  
  .escuelas .buttons-escuela {
    position: absolute;
    right: 3px;
    top: 0px;
    z-index: 2;
}
	.escuelas .buttons-escuela > button{
		background: none;
		border:none;
		color: white;
	}

.escuelas .buttons-escuelas-resumen {
    position: absolute;
    right: 5px;
    top: 0px;
    z-index: 2;
}
	.escuelas .buttons-escuelas-resumen > button{
		color: white;
		background: none;
		border: none;
	}
	
.escuelas .tab-resumen > *:nth-child(2) > * > * > *:nth-child(1){
	padding: 0px !important;
}
.escuelas .ui-grid-grid-footer {
  padding-left: 5px !important;
}

.escuelas .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	margin: 0px;
	padding: 6px 5px 5px 6px;
	overflow: hidden;
}



/* GRID (RESUMEN) */
.escuelas .ui-grid-header-canvas{
	width: 100% !important;
}
.escuelas .ui-grid-header-cell-wrapper{
	width: 100%;
}
.escuelas .ui-grid-header-cell-row {
	width: 100%;
}
.escuelas .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.escuelas .ui-grid-header-cell-row > div:nth-child(1){
    width: 50%;
}
.escuelas .ui-grid-header-cell-row > div:nth-child(2){
     width: 50%;
}


.escuelas .ui-grid-canvas{
	width: 100% !important;
}
.escuelas .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.escuelas .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 50%;
}
.escuelas .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 50%;
}


.escuelas .ui-grid-footer-canvas{
	width: 100% !important;
}
.escuelas .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.escuelas .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.escuelas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 50%;
}
.escuelas .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 50%;
}

.escuelas .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	margin: 0px;
	padding: 6px 5px 5px 6px;
	overflow: hidden;
}
@charset "UTF-8";

.meetings {
    height: 100%;
}
	.meetings input{
		font-size: 11px;
		font-family: tahoma;
		height: 20px !important;
		color: #67747c;
		text-align: right;
		padding-right: 3px;
		width: 100%;
	}
	.meetings label{
		font-weight: normal;
		font-family: arial;
		font-size: 12px;
	}
	.meetings .form-group{
		margin: 0px;
		margin-bottom: 5px;
		display: flex;
		height: 100%;
		width: 100%;
		flex: 1;
	}

/* Campo fecha */
.meetings .fecha-erp{

}
.meetings .fecha-erp > span > span{
	width: auto;
}
.meetings .fecha-erp > span > input {
    height: 20px !important;
    text-align: left;
    max-width: 80px;

}
.meetings .fecha-erp > span > span > button {
    height: 20px;
}
.meetings .fecha-erp > span > span > button > i {
    position: absolute;
    top: 5px;
    right: 8px;
}

.meetings .fecha-erp > span > span > button > i:before {
    top: 0px !important;
    right: -5px !important;
}

/* End campo fecha */



/* Tabs */
.meetings .tab-erp {}
.meetings .tab-erp > *:nth-child(1){
	padding: 0px;
}
.meetings .tab-erp > *:nth-child(2) > *{
	margin: 0px;
}
.meetings .tab-erp > *:nth-child(1) > *:nth-child(2){
    height: 32px !important;
}

.meetings .tab-erp > *:nth-child(1) > *:nth-child(2) > * > *{
    padding-top: 0px;
}

.meetings .tab-erp > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > *{
	color: #ffffff !important;
	font-size: 13px;
	font-family: tahoma;
	text-transform: none;
	max-width: 200px;
	margin: 0px !important;
	padding: 0px 15px 0px 15px;
	font-weight: normal;
}

.meetings .tab-erp md-ink-bar {
    top: 30px !important;
    color: #3f4e62 !important;
    background: #3f4e62 !important;
}

.meetings .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
	/* background: #f8fafb; */
	margin: 0px;
	padding: 5px 5px 5px 6px;
	overflow: hidden;
}

.meetings .tab-erp > *:nth-child(2) > * > * > *:nth-child(1) > textarea{
	width: 100%;
}



/* Tile */
.meetings .tile{
	height: 100%;
}

	.meetings .tile.tile-widget {
	    padding: 10px;
	}
	.meetings .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


	
    .meetings .tile .tile-body.tile-body-erp{
      padding: 0px !important;
      display: flex !important;
      flex-direction: column;
      height: 100%;
    }
   /* Tile custom */
   .meetings .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   

.meetings .footer-meeting{
	margin-top: 10px;
	text-align: center;
}
	.meetings .footer-meeting > button{
		height: 25px !important;
		width: 90px !important;
	}
   
.meetings .bloque .fila .fecha-erp .uib-datepicker-popup button{
	height: 30px !important;
}


/* Avisos */
.meetings .avisos-header{
	margin: 5px 0px;
	color: #2d4c6d;
	font-size: 13px;
	font-style: oblique;
	margin-bottom: 15px;
	text-align: center;
}


.meetings .cuando{
	margin: 3px 0px;
	/* border-bottom: 1px solid blue; */
	padding: 8px;
	border-top: 1px solid #2d4c6c1c;
	font-size: 13px !important;
}
    .meetings .cuando .fila1{
    	display: flex;
		flex-wrap: wrap;
    }
        .meetings .cuando .fila1 > div{
        	display: flex;
        }
        .meetings .cuando .fila1 > div:nth-child(1){
        	width: 200px;
        }
            .meetings .cuando .fila1 > div:nth-child(1) > *:nth-child(1){
                width: 49px;
                margin-right: 5px;
            }
        .meetings .cuando .fila1 > div:nth-child(2){
        	width: 135px;
        }
            .meetings .cuando .fila1 > div:nth-child(2) > *:nth-child(1){
                width: 65px;
                margin-right: 7px;
            }
    .meetings .cuando .fila1-d{
    	display: flex;
    }
        .meetings .cuando .fila1-d > div{
        	display: flex;
        }
        .meetings .cuando .fila1-d > div:nth-child(1){
        	width: 100%;
        }
            .meetings .cuando .fila1-d > div:nth-child(1) > *:nth-child(1){
                width: 200px;
                margin-right: 5px;
            }
            .meetings .cuando .fila1-d > div:nth-child(1) > *:nth-child(2){
                width: 100%;
            }
        .meetings .cuando .fila1-d > div:nth-child(2){
        	width: 135px;
        }
            .meetings .cuando .fila1-d > div:nth-child(2) > *:nth-child(1){
                width: 65px;
                margin-right: 7px;
            }
    .meetings .cuando .fila2{
    	display: flex;
		flex-wrap: wrap;
    }
        .meetings .cuando .fila2 > div{
        	display: flex;
        }
        .meetings .cuando .fila2 > div:nth-child(1){
            margin-right: 30px;
        }
            .meetings .cuando .fila2 > div:nth-child(1) > *:nth-child(1){
                margin-right: 5px;
            }
            .meetings .cuando .fila2 > div:nth-child(1) > *:nth-child(2){
                width: 86px;
            }
            .meetings .cuando .fila2 > div:nth-child(1) > *:nth-child(3){
                margin-left: 5px;
            }
        .meetings .cuando .fila2 > div:nth-child(2){
            margin-right: 15px;
        }
            .meetings .cuando .fila2 > div:nth-child(2) > *:nth-child(1){
                margin-right: 5px;
            }
            .meetings .cuando .fila2 > div:nth-child(2) > *:nth-child(2){
                width: 87px;
            }
            .meetings .cuando .fila2 > div:nth-child(2) > *:nth-child(3){
                margin-left: 5px;
            }
        .meetings .cuando .fila2 > div:nth-child(3){
            margin-right: 15px;
        }
            .meetings .cuando .fila2 > div:nth-child(3) > *:nth-child(1){
                margin-right: 5px;
            }
            .meetings .cuando .fila2 > div:nth-child(3) > *:nth-child(2){
                width: 87px;
            }
            .meetings .cuando .fila2 > div:nth-child(3) > *:nth-child(3){
                margin-left: 5px;
            }
	.meeting .cuando .avisos{
		
	}
		.meetings .cuando .avisos .aviso-horas{
			font-size: 12px;
			text-align: center;
			margin: 5px 0px;
			color: #2781de;
		}
			.meetings .cuando .avisos .aviso-horas > span{
			}
	.meetings .cuando .recurrente-d{
	    margin-top: 20px;
	}
	    .meetings .cuando .recurrente-d > div{
	    }
	        .meetings .cuando .recurrente-d > div > *:nth-child(1){
	        	margin-right: 10px;
	        }
	.meetings .cuando .recurrente{
	    margin-top: 20px;
	}
		.meetings .cuando .recurrente .principal{
		}
		.meetings .cuando .recurrente .content{
			padding: 10px;
		}
			.meetings .cuando .recurrente .content .recurrencia{
			    display: flex;
			}
			    .meetings .cuando .recurrente .content .recurrencia > *:nth-child(2){
			    	width: 150px;
			    	margin-left: 10px;
			    }
			.meetings .cuando .recurrente .content .diariamente{
				display: flex;
				margin: 15px 0px;
			}
			    .meetings .cuando .recurrente .content .diariamente > div{
			    	display: flex;
			    }
			        .meetings .cuando .recurrente .content .diariamente > div > div:nth-child(1){
                        width: 80px;
			        }
			        .meetings .cuando .recurrente .content .diariamente > div > div:nth-child(2){
			        	width: 150px;
			        }
			.meetings .cuando .recurrente .content .semanalmente{
				display: flex;
				margin: 15px 0px;
				flex-direction: column;
			}
			    .meetings .cuando .recurrente .content .semanalmente > div{
			    	display: flex;
			    	margin: 10px 0px;
			    }
			        .meetings .cuando .recurrente .content .semanalmente > div:nth-child(1) > div:nth-child(1){
                        width: 80px;
			        }
			        .meetings .cuando .recurrente .content .semanalmente > div:nth-child(1) > div:nth-child(2){
			        	width: 150px;
			        	display: flex;
			        	flex-wrap: wrap;
			        }
			        .meetings .cuando .recurrente .content .semanalmente > div:nth-child(2) > div:nth-child(1){
                        width: 80px;
			        }
			        .meetings .cuando .recurrente .content .semanalmente > div:nth-child(2) > div:nth-child(2){
			        	width: 450px;
			        	display: flex;
			        	flex-wrap: wrap;
			        }
			            .meetings .cuando .recurrente .content .semanalmente > div:nth-child(2) > div:nth-child(2) > *{
			            	
			            }
			.meetings .cuando .recurrente .content .mensualmente{
				display: flex;
				flex-direction: column;
			}
			    .meetings .cuando .recurrente .content .mensualmente > div{
			    	display: flex;
			    	margin: 5px 0px;
			    }
			    .meetings .cuando .recurrente .content .mensualmente > div:nth-child(1){
					display: flex;
					margin-top: 10px;
					}
			        .meetings .cuando .recurrente .content .mensualmente > div:nth-child(1) > *:nth-child(1){
					    width: 80px;
					    }
			        .meetings .cuando .recurrente .content .mensualmente > div:nth-child(1) > *:nth-child(2){
					    width: 150px;
					}
				.meetings .cuando .recurrente .content .mensualmente > div:nth-child(2){
					display: flex;
			    }
			        .meetings .cuando .recurrente .content .mensualmente > div:nth-child(2) > div:nth-child(1){
			            width: 80px;
			        }
			        .meetings .cuando .recurrente .content .mensualmente > div:nth-child(2) > div:nth-child(2){
			            display: flex;
			            flex-direction: column;
			        }
			            .meetings .cuando .recurrente .content .mensualmente > div:nth-child(2) > div:nth-child(2) > *:nth-child(1){
			                display: flex;
			                align-items: center;
			            }
							.meetings .cuando .recurrente .content .mensualmente > div:nth-child(2) > div:nth-child(2) > *:nth-child(1) > *:nth-child(2){
                                width: 120px;
							}
			            .meetings .cuando .recurrente .content .mensualmente > div:nth-child(2) > div:nth-child(2) > *:nth-child(2){
			                display: flex;
			                align-items: center;
			            }
			                .meetings .cuando .recurrente .content .mensualmente > div:nth-child(2) > div:nth-child(2) > *:nth-child(2) > *:nth-child(2){
                                width: 120px;
                                margin-right: 5px;
							}
							.meetings .cuando .recurrente .content .mensualmente > div:nth-child(2) > div:nth-child(2) > *:nth-child(2) > *:nth-child(3){
                                width: 120px;
							}


			.meetings .cuando .recurrente .content .finalizacion{
			    margin-top: 15px;
			    display: flex;
				flex-wrap: wrap;
			}
				.meetings .cuando .recurrente .content .finalizacion > div:nth-child(1){
				    display: flex;
				    margin-right: 60px;
				    align-items: center;
				    justify-content: center;
					flex-wrap: wrap;
				}
				    .meetings .cuando .recurrente .content .finalizacion > div:nth-child(1) > *:nth-child(1){

				    }
				    .meetings .cuando .recurrente .content .finalizacion > div:nth-child(1) > *:nth-child(2){
				    	margin-left: 5px;
				    }
				.meetings .cuando .recurrente .content .finalizacion > div:nth-child(2){
				    display: flex;
				    align-items: center;
				    justify-content: center;
					flex-wrap: wrap;
				}
				    .meetings .cuando .recurrente .content .finalizacion > div:nth-child(2) > *:nth-child(1){margin-bottom: 0px;}
				    .meetings .cuando .recurrente .content .finalizacion > div:nth-child(2) > *:nth-child(2){
				    	width: 100px;
				    }

.meetings .info-general{
	margin: 5px 0px;
	padding: 8px;
	border-top: 1px solid #2d4c6c1c;
}
    .meetings .info-general > div:nth-child(1){
    	margin-bottom: 15px;
    	display: flex;
    }
        .meetings .info-general > div:nth-child(1) > *:nth-child(1){
        	width: 170px;
        	font-size: 13px;
        }
    .meetings .info-general > div:nth-child(2){
    	margin-bottom: 5px;
    	display: flex;
    }
        .meetings .info-general > div:nth-child(2) > *:nth-child(1){
        	width: 170px;
        	font-size: 13px;
        }

.meetings .contrasenia{
	margin: 5px 0px;
	border-top: 1px solid #2d4c6c1c;
	padding: 8px;
}
    .meetings .contrasenia > div{
        display: flex;
		flex-wrap: wrap;
    }
        .meetings .contrasenia > div > *:nth-child(1){
        	margin-right: 20px;
        }
        .meetings .contrasenia > div > *:nth-child(2){
            width: 85px;
        }
        .meetings .contrasenia > div > *:nth-child(3){
            margin-left: 15px;
        }
            .meetings .contrasenia > div > *:nth-child(3) > button{
            	background: none !important;
            	border: none !important;
            	font-size: 12px;
            }
.meetings .opciones{
	margin: 5px 0px;
	border-top: 1px solid #2d4c6c1c;
	padding: 8px;
	display: flex;
	flex-wrap: wrap;
}
	.meetings .opciones .cabecera{
	margin-bottom: 7px;
	width: 175px;
	}
	.meetings .opciones .content{
	}
.meetings .opciones-d{
	margin: 5px 0px;
	border-top: 1px solid #2d4c6c1c;
	padding: 8px;
	display: flex;
	flex-wrap: wrap;
}
	.meetings .opciones-d .cabecera{
		margin-bottom: 7px;
		width: 175px;
	}
	.meetings .opciones-d .content{
		display: flex;
		flex-direction: column;
	}
	    .meetings .opciones-d .content > label{
	    }
	        .meetings .opciones-d .content > label > i{
                margin-right: 10px;
	        }
	        .meetings .opciones-d .content > label > span{
	        	
	        }

.meetings .video{
	margin: 5px 0px;
	border-top: 1px solid #2d4c6c1c;
	padding: 8px;
	display: flex;
	flex-wrap: wrap;
	/* justify-content: center; */
}
	.meetings .video .cabecera{
	    margin-bottom: 7px;
	    width: 175px;
	    display: flex;
	}
	.meetings .video .content{
	    display: flex;
	    flex-direction: column;
	    /* width: 100%; */
	    justify-content: center;
	    align-items: center;
	}
	    .meetings .video .content > div:nth-child(1){
	        display: flex;
	        justify-content: center;
	        align-items: center;
	        margin: 5px 0px;
			flex-wrap: wrap;
	    }
	        .meetings .video .content > div:nth-child(1) > *:nth-child(1){
	            width: 100px;
	        }
	        .meetings .video .content > div:nth-child(1) > *:nth-child(2){
	            display: flex;
	            width: 285px;
	            justify-content: center;
	            align-items: center;
	            /* text-shadow: 0 0 black; */
	            /* flex-wrap: wrap; */
	        }
	            .meetings .video .content > div:nth-child(1) > *:nth-child(2) input{
	            	width: 10px !important;
	            }
	            .meetings .video .content > div:nth-child(1) > *:nth-child(2) > *{
	            	width: 115px;
	            	margin-top: 0px !important;
	            }
	    .meetings .video .content > div:nth-child(2){
	        display: flex;
	        align-items: center;
	        justify-content: center;
	        margin: 5px 0px;
			flex-wrap: wrap;
	    }
	    .meetings .video .content > div:nth-child(2) > *:nth-child(1){
	            width: 100px;
	        }
	        .meetings .video .content > div:nth-child(2) > *:nth-child(2){
	            display: flex;
	            width: 285px;
	            justify-content: center;
	            align-items: center;
	        }
	            .meetings .video .content > div:nth-child(2) > *:nth-child(2) input{
	            	width: 10px !important;
	            }
	            .meetings .video .content > div:nth-child(2) > *:nth-child(2) > *{
	            	width: 115px;
	            }
.meetings .video-d{
	margin: 5px 0px;
	border-top: 1px solid #2d4c6c1c;
	padding: 8px;
	display: flex;
	flex-wrap: wrap;
	/* justify-content: center; */
}
	.meetings .video-d .cabecera{
	    margin-bottom: 7px;
	    width: 175px;
	    display: flex;
	}
	.meetings .video-d .content{
	    display: flex;
	    flex-direction: column;
	    /* width: 100%; */
	    justify-content: center;
	    align-items: center;
	}
	    .meetings .video-d .content > div:nth-child(1){
	        display: flex;
	        justify-content: center;
	        align-items: center;
	        margin: 5px 0px;
	    }
	        .meetings .video-d .content > div:nth-child(1) > *:nth-child(1){
	            width: 100px;
	        }
	        .meetings .video-d .content > div:nth-child(1) > *:nth-child(2){
	            display: flex;
	            width: 285px;
	            justify-content: center;
	            align-items: center;
	            /* text-shadow: 0 0 black; */
	            /* flex-wrap: wrap; */
	        }
	            .meetings .video-d .content > div:nth-child(1) > *:nth-child(2) input{
	            	width: 10px !important;
	            }
	            .meetings .video-d .content > div:nth-child(1) > *:nth-child(2) > *{
	            	width: 115px;
	            	margin-top: 0px !important;
	            }
	    .meetings .video-d .content > div:nth-child(2){
	        display: flex;
	        align-items: center;
	        justify-content: center;
	        margin: 5px 0px;
	    }
	    .meetings .video-d .content > div:nth-child(2) > *:nth-child(1){
	            width: 100px;
	        }
	        .meetings .video-d .content > div:nth-child(2) > *:nth-child(2){
	            display: flex;
	            width: 285px;
	            justify-content: center;
	            align-items: center;
	        }
	            .meetings .video-d .content > div:nth-child(2) > *:nth-child(2) input{
	            	width: 10px !important;
	            }
	            .meetings .video-d .content > div:nth-child(2) > *:nth-child(2) > *{
	            	width: 115px;
	            }
.meetings .audio{
	margin: 5px 0px;
	border-top: 1px solid #2d4c6c1c;
	padding: 8px;
	display: flex;
	flex-wrap: wrap;
}
	.meetings .audio .cabecera{
	    margin-bottom: 7px;
	    width: 175px;
	}
	.meetings .audio .content{
	    display: flex;
		flex-wrap: wrap;
	}
	    .meetings .audio .content > div{
	    	width: 125px;
	    }
.meetings .audio-d{
	margin: 5px 0px;
	border-top: 1px solid #2d4c6c1c;
	padding: 8px;
	display: flex;
	flex-wrap: wrap;
}
	.meetings .audio-d .cabecera{
	    margin-bottom: 7px;
	    width: 175px;
	}
	.meetings .audio-d .content{
	    display: flex;
	}
	    .meetings .audio-d .content > div{
	    	width: 125px;
	    }
.meetings .idreunion{
	margin: 5px 0px;
	border-top: 1px solid #2d4c6c1c;
	padding: 8px;
	display: flex;
}
	.meetings .idreunion .cabecera{
	    margin-bottom: 7px;
	    width: 175px;
	}
	.meetings .idreunion .content{
	    display: flex;
	}
	    .meetings .idreunion .content > div{
	    	/* width: 125px; */
	    }
.meetings .inscripcion{
	margin: 5px 0px;
	border-top: 1px solid #2d4c6c1c;
	padding: 8px;
	display: flex;
}
	.meetings .inscripcion .cabecera{
	    margin-bottom: 7px;
	    width: 175px;
	}
	.meetings .inscripcion .content{
	    display: flex;
	    /* min-width: 250px; */
	}
	    .meetings .inscripcion .content > div{
	    	/* width: 125px; */
	    }
.meetings .enlace{
	margin: 5px 0px;
	border-top: 1px solid #2d4c6c1c;
	padding: 8px;
	display: flex;
	flex-wrap: wrap;
}
	.meetings .enlace div:nth-child(1){
	    margin-bottom: 7px;
	    width: 220px;
	}
	.meetings .enlace div:nth-child(2){
	    font-size: 12px;
	    width: 100%;
	}
	    .meetings .enlace div:nth-child(2) > a{
	    	color: blue;
	    }
.meetings .footer-meeting{
	margin-top: 20px;
}
.meetings .descripcion-text{
	
}
.meetings .separador-email{
	margin: 10px 0px;
	border-bottom: 1px solid #d7d8d7;
}


/* Otros */
.meetings .sustituir-clases{
	
}
	.meetings .sustituir-clases > button,
	.meetings .sustituir-clases > button:hover,
	.meetings .sustituir-clases > button:active,
	.meetings .sustituir-clases > button:focus,
	.meetings .sustituir-clases > button:visited{
		border: none !important;
    	background: none !important;
	}
		.meetings .sustituir-clases > button > i{
	
		}
.zoom-info-popover{
	width: 265px;
}
	.zoom-info-popover > .titulo{
		font-weight: bold;
	}
	.zoom-info-popover > .descripcion{
		color: #2d4c6d;
	}


/* MEDIA QUERIES */
@media (max-width: 650px) {

	
}
e@charset "UTF-8";

.preinscripcion-resumen{
	height: 100%;
    overflow: hidden;
}
	.preinscripcion-resumen input{
		font-size: 11px;
		font-family: tahoma;
		height: 20px !important;
		color: #67747c;
		text-align: right;
		padding-right: 3px;
	}
	.preinscripcion-resumen label{
		font-weight: normal;
		font-family: arial;
		font-size: 11px;
		/* font-weight: 200; */
	}
	.preinscripcion-resumen .form-group{
		margin: 0px;
		margin-bottom: 1px;
		height: 20px;
		display: flex;
	}
	.preinscripcion-resumen .general{
	    padding: 5px;
	}
		.preinscripcion-resumen .general .filtros{
		    display: flex;
		    /* padding: 10px; */
		    margin-top: 10px;
		}
			.preinscripcion-resumen .general .filtros > .column1{
				display: flex;
				flex-direction: column;
				/* padding: 10px; */
				width: 50%;
				margin: 0px 10px;
			}
			    .preinscripcion-resumen .general .filtros > .column1 > div:nth-child(1){
					display: flex;
					flex: 1;
				}
				    .preinscripcion-resumen .general .filtros > .column1 > div:nth-child(1) > div{
						display: flex;
						/* flex: 1; */
					}
					.preinscripcion-resumen .general .filtros > .column1 > div:nth-child(1) > div:nth-child(2){
						flex: 1;
						min-width: 250px;
						max-width: 250px;
					}
			    .preinscripcion-resumen .general .filtros > .column1 > div:nth-child(2){
					display: flex;
					/* flex-direction: column; */
				}
				.preinscripcion-resumen .general .filtros > .column1 > div:nth-child(2) > div:nth-child(2){
						flex: 1;
						min-width: 250px;
						max-width: 250px;
					}
			.preinscripcion-resumen .general .filtros > .column2{
				display: flex;
				width: 40%;
				margin: 0px 10px;
				justify-content: center;
				align-items: center;
			}
			    .preinscripcion-resumen .general .filtros > .column2 > div{
			        width: 130px;
			    }
			        .preinscripcion-resumen .general .filtros > .column2 > div > div{
			        	height: 15px;
			        }
			    
			.preinscripcion-resumen .general .filtros > .column3{
				display: flex;
				width: 10%;
				align-items: center;
				justify-content: center;
			}
			    .preinscripcion-resumen .general .filtros > .column3 > button{
			        border: none;
			        height: 40px;
			        width: 40px;
			    }

		
/* GRID (RESUMEN) */
.preinscripcion-resumen .ui-grid-header-canvas{
	width: 100% !important;
}
.preinscripcion-resumen .ui-grid-header-cell-wrapper{
	width: 100%;
}
.preinscripcion-resumen .ui-grid-header-cell-row {
	width: 100%;
}
.preinscripcion-resumen .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.preinscripcion-resumen .ui-grid-header-cell-row > div:nth-child(1){
    width: 8%;
}
.preinscripcion-resumen .ui-grid-header-cell-row > div:nth-child(2){
     width: 8%;
}
.preinscripcion-resumen .ui-grid-header-cell-row > div:nth-child(3){
     width: 34%;
}
.preinscripcion-resumen .ui-grid-header-cell-row > div:nth-child(4){
     width: 16%;
}
.preinscripcion-resumen .ui-grid-header-cell-row > div:nth-child(5){
     width: 10%;
}
.preinscripcion-resumen .ui-grid-header-cell-row > div:nth-child(6){
     width: 8%;
}
.preinscripcion-resumen .ui-grid-header-cell-row > div:nth-child(7){
     width: 8%;
}
.preinscripcion-resumen .ui-grid-header-cell-row > div:nth-child(8){
	width: 8%;
}


.preinscripcion-resumen.ui-grid-canvas{
	width: 100% !important;
}
.preinscripcion-resumen .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.preinscripcion-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 8%;
}
.preinscripcion-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 8%;
}
.preinscripcion-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 34%;
}
.preinscripcion-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 16%;
}
.preinscripcion-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 10%;
}
.preinscripcion-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 8%;
}
.preinscripcion-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(7){
	width: 8%;
}
.preinscripcion-resumen .ui-grid-row > div > .ui-grid-cell:nth-child(8){
	width: 8%;
}

.preinscripcion-resumen .ui-grid-footer-canvas{
	width: 100% !important;
}
.preinscripcion-resumen .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.preinscripcion-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.preinscripcion-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 8%;
}
.preinscripcion-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 8%;
}
.preinscripcion-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 34%;
}
.preinscripcion-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 16%;
}
.preinscripcion-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 10%;
}
.preinscripcion-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 8%;
}
.preinscripcion-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(7){
	width: 8%;
}
.preinscripcion-resumen .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(8){
	width: 8%;
}

/* Iconos */
.preinscripcion-resumen .pagado{
	margin-top: 2px;
	width: 10px;
	height: 10px;
	border-radius: 20px;
	background: #0080009e;
}
.preinscripcion-resumen .nopagado{
	margin-top: 2px;
	width: 10px;
	height: 10px;
	border-radius: 20px;
	background: #ff0000a3;
}
.preinscripcion-resumen .cancelado{
	margin-top: 2px;
	width: 10px;
	height: 10px;
	border-radius: 20px;
	background: #0080009e;
}
.preinscripcion-resumen .nocancelado{
	margin-top: 2px;
	width: 10px;
	height: 10px;
	border-radius: 20px;
	background: #ff0000a3;
}







/** DETALLES **/
.preinscripcion-detalles{
	
}
	.preinscripcion-detalles .datos-cliente{
		padding: 5px;
		/* border: 1px solid blue; */
		margin: 10px 0px;
	}
		.preinscripcion-detalles .datos-cliente .cabecera{
			border-bottom: 1px solid #a3abb0;
			font-weight: bold;
		}
		.preinscripcion-detalles .datos-cliente .content{
			display: flex;
			/* flex-direction: column; */
			flex-wrap: wrap;
			font-size: 13px;
		}
			.preinscripcion-detalles .datos-cliente .content > div{
				display: flex;
				flex: 1;
				/* flex-wrap: nowrap; */
				min-width: 305px;
			}
			    .preinscripcion-detalles .datos-cliente .content > div > div:nth-child(1){
			    	margin-right: 5px;
			    	font-weight: bold;
			    }
	.preinscripcion-detalles .datos-alumnos{
	    padding: 5px;
	    /* border: 1px solid blue; */
	    display: flex;
	    flex-direction: column;
	    margin: 10px 0px;
	}
		.preinscripcion-detalles .datos-alumnos .cabecera{
		    border-bottom: 1px solid #a3abb0;
		    font-weight: bold;
		}
		.preinscripcion-detalles .datos-alumnos .content{
		    display: flex;
			flex-direction: column;
		}
		    .preinscripcion-detalles .datos-alumnos .content > div{
		        border-bottom: 1px dashed #a3abb0;
		        display: flex;
		        flex-direction: column;
		    }
		    .preinscripcion-detalles .datos-alumnos .content > div:last-child{
		    	border: none !important;
		    }
		        .preinscripcion-detalles .datos-alumnos .content > div > .info{
		            display: flex;
		            flex-wrap: wrap;
		            font-size: 13px;
		            margin-top: 5px;
		        }
		            .preinscripcion-detalles .datos-alumnos .content > div > .info > div{
		                display: flex;
		                flex: 1;
		                min-width: 305px;
		            }
		                .preinscripcion-detalles .datos-alumnos .content > div > .info > div.mismo-cliente{
		                	font-size: 12px;
		                	color: #bb1616;
		                }
		                .preinscripcion-detalles .datos-alumnos .content > div > .info > div > div:nth-child(1){
		                	margin-right: 5px;
		                	font-weight: bold;
		                }
		        .preinscripcion-detalles .datos-alumnos .content > div > .matriculas{
		            display: flex;
		            padding: 10px;
		            font-size: 13px;
		            flex-direction: column;
		        }
		            .preinscripcion-detalles .datos-alumnos .content > div > .matriculas > div{
		            	display: flex;
		            	flex-wrap: wrap;
		            	border-left: 2px solid #2d4c6d8f;
		            	padding-left: 5px;
		            	margin: 5px 0px;
		            }
		                .preinscripcion-detalles .datos-alumnos .content > div > .matriculas > div > div{
		                	flex: 1;
		                	min-width: 250px;
		                	display: flex;
		                	max-width: 250px;
		                }
		                    .preinscripcion-detalles .datos-alumnos .content > div > .matriculas > div > div > div:nth-child(1){
		                    	margin-right: 5px;
		                    	font-weight: bold;
							}
						.preinscripcion-detalles .datos-alumnos .content > div > .matriculas > div > .descuento-mensualidad{
							display:flex;
						}

						
	.preinscripcion-detalles .precio-tachado{
		text-decoration:line-through;
		color: #bd1e1c;
		margin: 0px 5px;
	}

    .preinscripcion-detalles .estados{
    	display: flex;
    	flex-direction: column;
    	margin: 12px 0px;
    }
        .preinscripcion-detalles .estados > div{
        	display: flex;
		}
		.preinscripcion-detalles .estados > .cabecera{
			border-bottom: 1px solid #a3abb0;
			width: 275px;
			font-weight: bold;
		}
		.preinscripcion-detalles .estados > .content{
			display: flex;
			flex-direction: column;
			margin-top: 5px;
		}
			.preinscripcion-detalles .estados > .content > div{
				display: flex;
			}
			    .preinscripcion-detalles .estados > .content > div > div:nth-child(1){
			    	min-width: 175px;
			    	max-width: 175px;
			    	font-weight: bold;
			    }

		.preinscripcion-detalles .content > div > .matriculas .matricula-grupo{

		}
			.preinscripcion-detalles .content > div > .matriculas .matricula-grupo .grupo-cambiado{
				margin-left: 5px;
				color: #c7403f;
				font-weight: 600;
			}
		        
/** FORMALIZAR DATOS PREINSCRIPCION **/
.preinscripcion-generacion{
	
}
	.preinscripcion-generacion .errores{
		display: flex;
		flex-direction: column;
		border: 1px dashed #ff00003b;
		padding: 5px;
		font-size: 11px;
		color: #ff00008c;
	}
	.preinscripcion-generacion .content-cliente{
		padding: 5px;
		/* border: 1px solid blue; */
		margin-bottom: 20px;
		margin-top: -12px;
	}
	    .preinscripcion-generacion .content-cliente .actualizar-cliente{

	    }
	        .preinscripcion-generacion .content-cliente .actualizar-cliente > div{
	    	    font-size: 11px;
	    	    color: #b56666;
	    	   }
		.preinscripcion-generacion .content-cliente .datos-generales{
			margin: 10px 0px;
			display: flex;
			flex-direction: column;
		}
			.preinscripcion-generacion .content-cliente .datos-generales > .cabecera{
				border-bottom: 1px solid #2d4c6c;
				font-weight: bold;
			}

			.preinscripcion-generacion .content-cliente .datos-generales > .content{
			display: flex;
			margin-top: 10px;
			}
			
				.preinscripcion-generacion .content-cliente .datos-generales > .content > .c-preinscripcion{
					display: flex;
					flex-direction: column;
					flex: 1;
					margin: 0px 10px;
				}
					.preinscripcion-generacion .content-cliente .datos-generales > .content > .c-preinscripcion > .cabecera{
						border-bottom: 1px solid #d7d8d7;
						font-weight: bold;
						font-size: 13px;
						/* text-transform: uppercase; */
					}
					.preinscripcion-generacion .content-cliente .datos-generales > .content > .c-preinscripcion > div{
						display: flex;
						flex-direction: column;
					}
					.preinscripcion-generacion .content-cliente .datos-generales > .content > .c-preinscripcion > div.content{
						font-size: 13px;
						margin-top: 5px;
					}
						.preinscripcion-generacion .content-cliente .datos-generales .content > .c-preinscripcion > div > div{
							display: flex;
						}
						    .preinscripcion-generacion .content-cliente .datos-generales .content > .c-preinscripcion > div > div > div:nth-child(1){
						    	min-width: 110px;
						    	max-width: 110px;
						    	font-weight: bold;
						    }
						    .preinscripcion-generacion .content-cliente .datos-generales .content > .c-preinscripcion > div > div:last-child > div:last-child.error{
						    	color: #d25252;
						    	font-size: 10px;
						    	margin-left: 5px;
						    }


							.preinscripcion-generacion .content-cliente .datos-generales .content > .c-preinscripcion > div > div > .botones-iban{
								font-size: 12px;
								display: flex;
								margin: 0px 6px;
							}
								.preinscripcion-generacion .content-cliente .datos-generales .content > .c-preinscripcion > div > div > .botones-iban > button.editar{
									border: none;
									background: none;
									color: #0080009c;
								}
								.preinscripcion-generacion .content-cliente .datos-generales .content > .c-preinscripcion > div > div > .botones-iban > button.guardar{
									border: none;
									background: none;
									color: #0080009c;
								}
								.preinscripcion-generacion .content-cliente .datos-generales .content > .c-preinscripcion > div > div > .botones-iban > button.cancelar{
									border: none;
									background: none;
									color: #ff00008f;
								}

				.preinscripcion-generacion .content-cliente .datos-generales .content > .c-aqadem{
					display: flex;
					flex-direction: column;
					flex: 1;
					margin: 0px 10px;
				}
					.preinscripcion-generacion .content-cliente .datos-generales > .content > .c-aqadem > .cabecera{
						border-bottom: 1px solid #d7d8d7;
						font-weight: bold;
						font-size: 13px;
						/* text-transform: uppercase; */
					}
					.preinscripcion-generacion .content-cliente .datos-generales > .content > .c-aqadem > div{
						display: flex;
						flex-direction: column;
					}
					.preinscripcion-generacion .content-cliente .datos-generales > .content > .c-aqadem > div.content{
						font-size: 13px;
						margin-top: 5px;
					}
						.preinscripcion-generacion .content-cliente .datos-generales > .content > .c-aqadem > div > div{
							display: flex;
						}
						    .preinscripcion-generacion .content-cliente .datos-generales .content > .c-aqadem > div > div > div:nth-child(1){
						    	min-width: 110px;
						    	max-width: 110px;
						    	font-weight: bold;
						    }
						    
	    .preinscripcion-generacion .content-cliente .formas-medios-pago{
	        display: flex;
	        margin-top: 0px;
	    }
	        .preinscripcion-generacion .content-cliente .formas-medios-pago > div{
	        	display: flex;
	        	flex: 1;
	        	/* align-items: center; */
	        	/* justify-content: center; */
	        }
	            .preinscripcion-generacion .content-cliente .formas-medios-pago > div > div{
	        	   flex: 1;
	        	   margin: 5px;
	            }
	                .preinscripcion-generacion .content-cliente .formas-medios-pago > div > div > div{
	                	margin: 5px;
	                }
	.preinscripcion-generacion .content-alumnos{
		padding: 5px;
		/* border: 1px solid blue; */
		margin: 0px 0px;
	}
		.preinscripcion-generacion .content-alumnos > div{
			display: flex;
			flex-direction: column;
		}
		 .preinscripcion-generacion .content-alumnos > .cabecera{
			border-bottom: 1px solid #2d4c6b;
			font-weight: bold;
		}
			.preinscripcion-generacion .content-alumnos > div > .datos-generales{
				margin: 10px 0px;
				display: flex;
				/* flex-direction: column; */
			}
				.preinscripcion-generacion .content-alumnos > div > .datos-generales > .cabecera{
					border-bottom: 1px solid #d7d8d7;
					font-weight: bold;
				}

				.preinscripcion-generacion .content-alumnos > div > .datos-generales > .content{
					display: flex;
					flex: 1;
				}
				
				.preinscripcion-generacion .content-alumnos > div > .datos-generales > .content > .c-preinscripcion{
					display: flex;
					flex-direction: column;
					flex: 1;
					margin: 0px 10px;
				}

                    .preinscripcion-generacion .content-alumnos > div > .datos-generales > .content > .c-preinscripcion > .cabecera{
						border-bottom: 1px solid #d7d8d7;
						font-weight: bold;
						/* font-size: 13px; */
						/* text-transform: uppercase; */
					}

					.preinscripcion-generacion .content-alumnos > div > .datos-generales > .content > .c-preinscripcion > div{
						display: flex;
						flex-direction: column;
					}
					.preinscripcion-generacion .content-alumnos > div > .datos-generales > .content > .c-preinscripcion > div.content{
					    font-size: 13px;
					    margin-top: 5px;
					}
					    .preinscripcion-generacion .content-alumnos > div > .datos-generales > .content > .c-preinscripcion > div.content > div.mismo-cliente{
					        color: #c74040;
					        font-size: 11px;
					        margin-bottom: 2px;
					    }
					    .preinscripcion-generacion .content-alumnos > div > .datos-generales .content > .c-preinscripcion > div > div{
					    	display: flex;
					    }
					        .preinscripcion-generacion .content-alumnos > div > .datos-generales .content > .c-preinscripcion > div > div > div:nth-child(1){
					        	min-width: 110px;
					        	max-width: 110px;
					        	font-weight: bold;
					        }
				.preinscripcion-generacion .content-alumnos > div > .datos-generales > .content > .c-aqadem{
					display: flex;
					flex-direction: column;
					flex: 1;
					margin: 0px 10px;
				}
				    .preinscripcion-generacion .content-alumnos > div > .datos-generales > .content > .c-aqadem > .cabecera{
						border-bottom: 1px solid #d7d8d7;
						font-weight: bold;
						font-size: 13px;
					}
					.preinscripcion-generacion .content-alumnos > div > .datos-generales > .content > .c-aqadem > div{
						display: flex;
						flex-direction: column;
						margin-top: 5px;
						font-size: 13px;
					}
					    .preinscripcion-generacion .content-alumnos > div > .datos-generales > .content > .c-aqadem > div > div{
					    	display: flex;
						}
						    .preinscripcion-generacion .content-alumnos > div > .datos-generales .content > .c-aqadem > div > div > div:nth-child(1){
					        	min-width: 110px;
					        	max-width: 110px;
					        	font-weight: bold;
					        }
					    .preinscripcion-generacion .content-alumnos > div > .datos-generales > .content > .c-aqadem > div > div.relacion-dependencias{
					    	/* width: 500px; */
					    	display: block;
					    	font-size: 12px;
					    	margin-top: 2px;
					    	color: #9c4242;
					 }
						    .preinscripcion-generacion .content-alumnos > div > .datos-generales > .content > .c-aqadem > div > div.relacion-dependencias > div{
						        min-width: 100%;
						    }
			.preinscripcion-generacion .content-alumnos > div > .matriculas{
				/* margin-top: 5px; */
				display: flex;
				flex-direction: column;
				margin-bottom: 5px;
				padding: 5px;
				font-size: 13px;
				margin-left: 25px;
			}
				.preinscripcion-generacion .content-alumnos > div > .matriculas > div{
					display: flex;
					flex-wrap: wrap;
					border-bottom: 1px dashed #d7d8d7;
				}
                    .preinscripcion-generacion .content-alumnos > div > .matriculas > div > div{
                    	
                    }
						.preinscripcion-generacion .content-alumnos > div > .matriculas > div > div:nth-child(1) > div{
							flex: 1;
							margin: 0px 5px;
							display: flex;
							/* flex-wrap: wrap; */
							min-width: 300px;
						}
					    .preinscripcion-generacion .content-alumnos > div > .matriculas > div > div:nth-child(1) > div > div{

					    }
					   .preinscripcion-generacion .content-alumnos > div > .matriculas > div > div:nth-child(1) > div > div:nth-child(1){
                            margin-right: 5px;
                            min-width: 110px;
                            max-width: 110px;
                            font-weight: bold;
                        }
			   	.preinscripcion-generacion .content-alumnos > div > .matriculas > div{
					/* border: none !important; */
					display: flex;
					margin-top: 10px;
					flex-direction: column;
					border-left: 2px solid #d7d8d7;
					padding-left: 5px;
					border-bottom: none;
				}

				/* Descuento matrícula */
				.preinscripcion-generacion .content-alumnos > div > .matriculas > div > .descuento-matricula{
					display:flex;
					margin-top: 3px;
					margin-bottom: 10px;
				}
					.preinscripcion-generacion .content-alumnos > div > .matriculas > div > .descuento-matricula > div{
						width: 150px;
						font-size: 13px;
						font-weight: bold;
					}
					.preinscripcion-generacion .content-alumnos > div > .matriculas > div > .descuento-matricula > input{
						height: 20px !important;
						width: 70px;
					}
					.preinscripcion-generacion .content-alumnos > div > .matriculas > div > .descuento-matricula > button{
						height: 20px;
						border: none;
						font-size: 11px;
						width: 16px;
						padding: 1px;
					}

				.preinscripcion-generacion .content-alumnos > div > .matriculas .grupos-seleccionables{
					display: flex !important;
					flex-wrap: wrap;
					margin-bottom: 10px;
				}
					.preinscripcion-generacion .content-alumnos > div > .matriculas .grupos-seleccionables > div{
						display: flex;
						margin: 5px 5px;
						border: 1px solid #d7d8d7;
						flex-direction: column;
						padding: 5px;
						width: 200px;
						justify-content: center;
						align-items: center;
						font-size: 12px;
						transition: all .4s ease-in;
						border-radius: 5px;
					}
					.preinscripcion-generacion .content-alumnos > div > .matriculas .grupos-seleccionables > div:hover{
						border: 1px solid #00800017;
						transition: all .4s ease-in;
						background: #00800017;
						color: black;
					}
						.preinscripcion-generacion .content-alumnos > div > .matriculas .grupos-seleccionables > div > div{margin: 2px 5px;}
						.preinscripcion-generacion .content-alumnos > div > .matriculas .grupos-seleccionables > div > div:nth-child(1){

						}
						.preinscripcion-generacion .content-alumnos > div > .matriculas .grupos-seleccionables > div > div:nth-child(2){

						}
						.preinscripcion-generacion .content-alumnos > div > .matriculas .grupos-seleccionables > div > div:nth-child(3){

						}


				.preinscripcion-generacion .content-alumnos > div > .matriculas .matricula-grupo{

				}
					.preinscripcion-generacion .content-alumnos > div > .matriculas .matricula-grupo .grupo-cambiado{
						margin-left: 5px;
						color: #c7403f;
						font-weight: 600;
					}
				.preinscripcion-generacion .content-alumnos > div > .matriculas .matricula-grupo > .botones-grupos{
				    font-size: 12px;
				    display: flex;
				    margin: 0px 6px;
				}
					.preinscripcion-generacion .content-alumnos > div > .matriculas .matricula-grupo > .botones-grupos > button.editar{
						border: none;
						background: none;
						color: #0080009c;
					}
					.preinscripcion-generacion .content-alumnos > div > .matriculas .matricula-grupo > .botones-grupos > button.quitar{
						border: none;
						background: none;
						color: #ff00008f;
					}
					.preinscripcion-generacion .content-alumnos > div > .matriculas .matricula-grupo > .botones-grupos > button.cancelar{
						border: none;
						background: none;
						color: #ff00008f;
					}
					.preinscripcion-generacion .content-alumnos > div > .matriculas .matricula-grupo > .botones-grupos > button.deshacer{
						border: none;
						background: none;
						color: #ff00008f;
					}
				    .preinscripcion-generacion .content-alumnos > div > .matriculas > div > div{
					   
					}
				    .preinscripcion-generacion .content-alumnos > div > .matriculas > div > div:nth-child(1){
					    /* min-width: 125px; */
					    /* max-width: 125px; */
					    display: flex;
					    min-width: 300px;
					    flex-wrap: wrap;
				   }
				   .preinscripcion-generacion .content-alumnos > div > .matriculas > div > div:nth-child(2){
					    /* min-width: 125px; */
					    /* max-width: 125px; */
					    display: flex;
					    min-width: 300px;
					    /* flex-wrap: wrap; */
					    margin-top: 8px;
					  }
				       .preinscripcion-generacion .content-alumnos > div > .matriculas > div > div:nth-child(2) > div:nth-child(1){
				           margin-right: 7px;
				           font-weight: bold;
				       }
				   .preinscripcion-generacion .content-alumnos > div > .matriculas > div > .descuento-mensualidad{
				       display: flex;
				   }
				       .preinscripcion-generacion .content-alumnos > div > .matriculas > div > .descuento-mensualidad > div{
						   width: 150px;
						   font-weight: bold;
						  }
					   .preinscripcion-generacion .content-alumnos > div > .matriculas > div > .descuento-mensualidad > input{
						   height: 20px !important;
						   width: 70px;
						  }
					   .preinscripcion-generacion .content-alumnos > div > .matriculas > div > .descuento-mensualidad > button{
						   height: 20px;
						   border: none;
						   font-size: 11px;
						   width: 16px;
						   padding: 1px;
						  }
	
	.preinscripcion-generacion .content-factura{
		padding: 5px;
		margin: 5px 0px;
	}
		.preinscripcion-generacion .content-factura .cabecera{
			border-bottom: 1px solid #2d4c6c;
			text-transform: uppercase;
			width: 85px;
			margin-bottom: 5px;
		}
		.preinscripcion-generacion .content-factura .content{
		}
			.preinscripcion-generacion .content-factura .content > .descuento-factura{
				display:flex;
				margin-top: 3px;
				margin-bottom: 10px;
			}
				.preinscripcion-generacion .content-factura .content > .descuento-factura > div{
					width: 110px;
					font-size: 13px;
					}
				.preinscripcion-generacion .content-factura .content > .descuento-factura > input{
					height: 20px !important;
					width: 70px;
			   	}
				   .preinscripcion-generacion .content-factura .content > .descuento-factura > button{
					height: 20px;
					border: none;
					font-size: 11px;
					width: 16px;
					padding: 1px;
				}
    .preinscripcion-generacion .content-cobro{
		padding: 5px;
		margin: 5px 0px;
	}
	    .preinscripcion-generacion .content-cobro .cabecera{
	    	border-bottom: 1px solid #2d4c6c;
	    	text-transform: uppercase;
	    	width: 85px;
	    	margin-bottom: 5px;
	    }
	    .preinscripcion-generacion .content-cobro .content{
	    }
	        .preinscripcion-generacion .content-cobro .content .cobro{
	        }
	            .preinscripcion-generacion .content-cobro .content .cobro > div:nth-child(2){
	            }
	        .preinscripcion-generacion .content-cobro .content .cobro > .options{
				display: flex;
				flex-wrap: nowrap;
	        }
	             .preinscripcion-generacion .content-cobro .content .cobro > .options > div{
	             	margin: 0px 10px;
	             	display: flex;
	             	flex-direction: column;
	             	min-width: 100px;
	             }
                
                .preinscripcion-generacion .content-cobro .content .cobro > .options > div:nth-child(1){
					min-width: 100px;
				}   
				    .preinscripcion-generacion .content-cobro .content .cobro > .options > div:nth-child(1) input{
				    	height: 20px !important;
				    }
	            .preinscripcion-generacion .content-cobro .content .cobro > .options > div:nth-child(2){
	                margin-left: 0px;
	                min-width: 320px;
	            }
	                .preinscripcion-generacion .content-cobro .content .cobro > .options > div:nth-child(2) > input{
	                	height: 20px;
	                }
	            .preinscripcion-generacion .content-cobro .content .comisicobroon > .options > div:nth-child(3){
					min-width: 300px;
				}



	.preinscripcion-generacion .content-comision{
		padding: 5px;
		margin: 5px 0px;
	}
	    .preinscripcion-generacion .content-comision .cabecera{
	    	border-bottom: 1px solid #2d4c6c;
	    	text-transform: uppercase;
	    	width: 85px;
	    	margin-bottom: 5px;
	    }
	    .preinscripcion-generacion .content-comision .content{
	    }
	        .preinscripcion-generacion .content-comision .content .comision{
	        }
	            .preinscripcion-generacion .content-comision .content .comision > div:nth-child(2){
	            display: flex;
	            flex-wrap: wrap;
	            }
	        .preinscripcion-generacion .content-comision .content .comision > .options{
				display: flex;
				flex-wrap: nowrap;
	        }
	             .preinscripcion-generacion .content-comision .content .comision > .options > div{
	             	margin: 0px 10px;
	             	display: flex;
	             	flex-direction: column;
	             	min-width: 100px;
	             }

	            .preinscripcion-generacion .content-comision .content .comision > .options > div:nth-child(1){
	                margin-left: 0px;
	            }
	                .preinscripcion-generacion .content-comision .content .comision > .options > div:nth-child(1) input{
	                	height: 20px !important;
	                }
	            .preinscripcion-generacion .content-comision .content .comision > .options > div:nth-child(2){
					min-width: 300px;
				}
				    .preinscripcion-generacion .content-comision .content .comision > .options > div:nth-child(2) > input{
				    	height: 20px !important;
				    }
	            .preinscripcion-generacion .content-comision .content .comision > .options > div:nth-child(3){
					min-width: 300px;
				}
				.preinscripcion-generacion .content-comision .content .comision > .options > div:nth-child(4){
					min-width: 300px;
					margin-left: 0px;
				}
				.preinscripcion-generacion .content-comision .content .comision > .options > div:nth-child(5){
					min-width: 300px;
				}
				.preinscripcion-generacion .content-comision .content .comision > .options > div:nth-child(6){
					min-width: 100px;
				}
				    .preinscripcion-generacion .content-comision .content .comision > .options > div:nth-child(6) > input{
				    	height: 20px !important;
				    }

	        

	.preinscripcion-generacion .content-otros{
	    margin: 15px 0px;
	}
		.preinscripcion-generacion .content-otros > .cabecera{
			border-bottom: 1px solid #2d4c6c;
			text-transform: uppercase;
			margin-top: 25px;
		}
		.preinscripcion-generacion .content-otros > .content{
		    margin-top: 5px;
		}
	.preinscripcion-generacion .buttons{
	    margin-top: 30px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	    .preinscripcion-generacion .buttons > button{
	    	border: none;
	    	background: #0080008a;
	    	color: white;
	    	font-size: 17px;
		}
	
	.preinscripcion-generacion .fecha-factura{

	}
		.preinscripcion-generacion .fecha-factura input{
			height: 20px !important;
		}
	.preinscripcion-generacion .fecha-gasto{
		
	}
		.preinscripcion-generacion .fecha-gasto input{
			height: 20px !important;
		}
.preinscripcion-avisos{

}
	.preinscripcion-avisos > .listado{
		
	}
		.preinscripcion-avisos > .listado > .aviso{
			
		}
			.preinscripcion-avisos > .listado > .aviso > div{
				
			}
.preinscripcion-enlace{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.preinscripcion-enlace a{
	color: #1570d0;
}
	.preinscripcion-enlace > div{

	}
	.preinscripcion-enlace > div:nth-child(1){
		font-size: 14px;
		margin-top: 20px;
	    text-align: justify;
	}
	.preinscripcion-enlace > div:nth-child(2){
		font-size: 13px;
		margin: 10px 0px;
		text-decoration: blink;
		color: #0808a2;
	}
	.preinscripcion-enlace > div:nth-child(3){
		margin-top: 35px;
		margin-bottom: 10px;
	}
	    .preinscripcion-enlace > div:nth-child(3) > button{
	    	border: none;
	    	font-size: 16px;
	    	/* margin-bottom: 10px; */
	    	color: white;
	    	background: #0080009e;
	    	padding: 5px;
	    }

/* SOLICITAR INFO */
.preinscripcion-resumen .solicitar-info{
	margin-top: 50px;
	padding: 20px;
}
	.preinscripcion-resumen .solicitar-info .content{
		font-size: 17px;
		text-align: justify;
		padding: 0px 70px;
	}
		.preinscripcion-resumen .solicitar-info .content > div:nth-child(1){
		}
	.preinscripcion-resumen .solicitar-info .buttons{
		margin-top: 20px;
		text-align: center;
		border: none;
	}
		.preinscripcion-resumen .solicitar-info .buttons > button{
			border: none;
			font-size: 20px;
			padding: 10px;
			color: white;
			background: #00800096;
		}
	
@charset "UTF-8";

.cupones{
	height: 100%;
    overflow: hidden;
}
    .cupones input{
        height: 20px !important;
    }
    .cupones .general{
    	margin-top: 10px;
    	padding: 0px 6px;
    }
    .cupones .header{
        display: flex;
    }
    .cupones .add-cupon-noeditable{
        width: 90%;
    }
    .cupones .buscar{
        width: 10%;
        margin-bottom: 10px;
    }
        .cupones .buscar button{
            border: none;
            padding: 10px;
            height: 40px;
            width: 60px;
            background: #155d89;
            margin-top: 13px;
        }
            .cupones .buscar button > i{
            	font-size: 17px;
            	color: white;
            }
    .cupones .add-cupon{
    	display: flex;
    	flex-direction: column;
    	margin-top: 15px;
    	margin-bottom: 8px;
    	width: 90%;
    	margin-right: 10px;
    }

        .cupones .add-cupon .cabecera{
        	display: flex;
        	text-align: center;
        	font-size: 12px;
        }
            .cupones .add-cupon .cabecera > div{
            	background: #155d89;
            	color: white;
            	margin: 0px 1px;
            }
            .cupones .add-cupon .cabecera > div:nth-child(1){
            	width: 50px;
            }
            .cupones .add-cupon .cabecera > div:nth-child(2){
            	width: 200px;
            }
            .cupones .add-cupon .cabecera > div:nth-child(3){
            	width: 350px;
            }
            .cupones .add-cupon .cabecera > div:nth-child(4){
                width: 150px;
            }
            .cupones .add-cupon .cabecera > div:nth-child(5){
                width: 75px !important;
            }
            .cupones .add-cupon .cabecera > div:nth-child(6){
                width: 170px;
                background: none;
            }
        .cupones .add-cupon .content{
            display: flex;
            margin-top: 5px;
        }
        	.cupones .add-cupon .content > div{
        	    margin: 0px 1px;
        	}
        	.cupones .add-cupon .content > div:nth-child(1){
        	    width: 50px;
        	}
        	.cupones .add-cupon .content > div:nth-child(2){
        	    width: 210px;
        	}
        	.cupones .add-cupon .content > div:nth-child(3){
                width: 370px;
            }
            .cupones .add-cupon .content > div:nth-child(5){
                width: 75px;
                height: 20px;
                text-align: center;
                /* margin-left: 15px; */
            }
                .cupones .add-cupon .content > div:nth-child(5) > div{
                	position: relative;
                	text-align: center;
                }
        	    .cupones .add-cupon .content > div:nth-child(5) label{
        	    	
        	    	
        	    }
        	    .cupones .add-cupon .content > div:nth-child(5) label > div{
        	    	
        	    }
        	    .cupones .add-cupon .content > div:nth-child(5) input{
        	    	
        	    }
        	.cupones .add-cupon .content > div:nth-child(4){
        	     width: 150px;
        	     display: flex;
        	}
        	   .cupones .add-cupon .content > div:nth-child(4) > input{

        	   }
        	   .cupones .add-cupon .content > div:nth-child(4) > button{
                    border: none;
                    height: 20px;
                    /* width: 1px; */
            }
            
            .cupones .add-cupon .content .buttons{
                width: 170px;
            }

/* SOLICITAR INFO */
.cupones .solicitar-info{
	margin-top: 50px;
	padding: 20px;
}
	.cupones .solicitar-info .content{
		font-size: 17px;
		text-align: justify;
		padding: 0px 70px;
	}
		.cupones .solicitar-info .content > div:nth-child(1){
		}
	.cupones .solicitar-info .buttons{
		margin-top: 20px;
		text-align: center;
		border: none;
	}
		.cupones .solicitar-info .buttons > button{
			border: none;
			font-size: 20px;
			padding: 10px;
			color: white;
			background: #00800096;
		}

/* GRID (RESUMEN) */
.cupones .ui-grid-header-canvas{
	width: 100% !important;
}
.cupones .ui-grid-header-cell-wrapper{
	width: 100%;
}
.cupones .ui-grid-header-cell-row {
	width: 100%;
}
.cupones .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.cupones .ui-grid-header-cell-row > div:nth-child(1){
    width: 6%;
}
.cupones .ui-grid-header-cell-row > div:nth-child(2){
     width: 22%;
}
.cupones .ui-grid-header-cell-row > div:nth-child(3){
     width: 46%;
}
.cupones .ui-grid-header-cell-row > div:nth-child(4){
     width: 10%;
}
.cupones .ui-grid-header-cell-row > div:nth-child(5){
     width: 8%;
}
.cupones .ui-grid-header-cell-row > div:nth-child(6){
     width: 8%;
}


.cupones.ui-grid-canvas{
	width: 100% !important;
}
.cupones .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.cupones .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 6%;
}
.cupones .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 22%;
}
.cupones .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 46%;
}
.cupones .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 10%;
}
.cupones .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 8%;
}
.cupones .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 8%;
}


.cupones .ui-grid-footer-canvas{
	width: 100% !important;
}
.cupones .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.cupones .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.cupones .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 6%;
}
.cupones .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 22%;
}
.cupones .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 46%;
}
.cupones .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 10%;
}
.cupones .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 8%;
}
.cupones .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 8%;
}



.cupones-asignar-errores{
	
}
	.cupones-asignar-errores .titulo-errores{
		font-weight: bold;
		margin-bottom: 5px;
	}
	.cupones-asignar-errores .dato-errores{
		margin-left: 15px;
		height: 50px !important;
	}
		.cupones-asignar-errores .dato-errores > i{
			margin-right: 5px;
			padding-top: 1p;
			padding-top: 4px;
		}
	.cupones-asignar-erroress .footer-errores{
		margin-top: 20px;
		text-align: center;
	}
		.cupones-asignar-errores .footer-errores > button > i{
			margin-right: 5px;
		}

@charset "UTF-8";

.noticias{
	height: 100%;
    overflow: hidden;
}
    .noticias input{
        height: 20px !important;
    }
    .noticias .general{
    	margin-top: 10px;
    	padding: 0px 6px;
    }
    .noticias .header{
        display: flex;
    }
    .noticias .add-noticia-noeditable{
        width: 90%;
    }
    .noticias .buscar{
        width: 10%;
        margin-bottom: 10px;
    }
        .noticias .buscar button{
            border: none;
            padding: 10px;
            height: 40px;
            width: 60px;
            background: #155d89;
            margin-top: 13px;
        }
            .noticias .buscar button > i{
            	font-size: 17px;
            	color: white;
            }
    .noticias .add-noticia{
    	display: flex;
    	flex-direction: column;
    	margin-top: 15px;
    	margin-bottom: 8px;
    	width: 90%;
    	margin-right: 10px;
    }

        .noticias .add-noticia .cabecera{
        	display: flex;
        	text-align: center;
        	font-size: 12px;
        }
            .noticias .add-noticia .cabecera > div{
            	background: #155d89;
            	color: white;
            	margin: 0px 1px;
            }
            .noticias .add-noticia .cabecera > div:nth-child(1){
            	width: 50px;
            }
            .noticias .add-noticia .cabecera > div:nth-child(2){
            	width: 210px;
            }
            .noticias .add-noticia .cabecera > div:nth-child(3){
            	width: 370px;
            }
            .noticias .add-noticia .cabecera > div:nth-child(4){
                width: 150px;
            }
            .noticias .add-noticia .cabecera > div:nth-child(5){
                width: 150px !important;
            }
			.noticias .add-noticia .cabecera > div:nth-child(6){
                width: 75px !important;
            }
            .noticias .add-noticia .cabecera > div:nth-child(7){
                width: 170px;
                background: none;
            }
        .noticias .add-noticia .content{
            display: flex;
            margin-top: 5px;
        }
        	.noticias .add-noticia .content > div{
        	    margin: 0px 1px;
        	}
        	.noticias .add-noticia .content > div:nth-child(1){
        	    width: 50px;
        	}
        	.noticias .add-noticia .content > div:nth-child(2){
        	    width: 210px;
        	}
        	.noticias .add-noticia .content > div:nth-child(3){
                width: 370px;
            }
			.noticias .add-noticia .content > div:nth-child(4){
                width: 150px;
            }
			.noticias .add-noticia .content > div:nth-child(5){
                width: 150px;
            }
			.noticias .add-noticia .content > div:nth-child(6){
                width: 75px;
            }
            
            .noticias .add-noticia .content .buttons{
                width: 170px;
            }

/* SOLICITAR INFO */
.noticias .solicitar-info{
	margin-top: 50px;
	padding: 20px;
}
	.noticias .solicitar-info .content{
		font-size: 17px;
		text-align: justify;
		padding: 0px 70px;
	}
		.noticias .solicitar-info .content > div:nth-child(1){
		}
	.noticias .solicitar-info .buttons{
		margin-top: 20px;
		text-align: center;
		border: none;
	}
		.noticias .solicitar-info .buttons > button{
			border: none;
			font-size: 20px;
			padding: 10px;
			color: white;
			background: #00800096;
		}

/* GRID (RESUMEN) */
.noticias .ui-grid-header-canvas{
	width: 100% !important;
}
.noticias .ui-grid-header-cell-wrapper{
	width: 100%;
}
.noticias .ui-grid-header-cell-row {
	width: 100%;
}
.noticias .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.noticias .ui-grid-header-cell-row > div:nth-child(1){
    width: 6%;
}
.noticias .ui-grid-header-cell-row > div:nth-child(2){
     width: 22%;
}
.noticias .ui-grid-header-cell-row > div:nth-child(3){
     width: 46%;
}
.noticias .ui-grid-header-cell-row > div:nth-child(4){
     width: 10%;
}
.noticias .ui-grid-header-cell-row > div:nth-child(5){
     width: 8%;
}
.noticias .ui-grid-header-cell-row > div:nth-child(6){
     width: 8%;
}


.noticias.ui-grid-canvas{
	width: 100% !important;
}
.noticias .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.noticias .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 6%;
}
.noticias .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 22%;
}
.noticias .ui-grid-row > div > .ui-grid-cell:nth-child(3){
	width: 46%;
}
.noticias .ui-grid-row > div > .ui-grid-cell:nth-child(4){
	width: 10%;
}
.noticias .ui-grid-row > div > .ui-grid-cell:nth-child(5){
	width: 8%;
}
.noticias .ui-grid-row > div > .ui-grid-cell:nth-child(6){
	width: 8%;
}


.noticias .ui-grid-footer-canvas{
	width: 100% !important;
}
.noticias .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.noticias .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.noticias .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 6%;
}
.noticias .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 22%;
}
.noticias .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(3){
	width: 46%;
}
.noticias .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(4){
	width: 10%;
}
.noticias .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(5){
	width: 8%;
}
.noticias .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(6){
	width: 8%;
}



.noticias-asignar-errores{
	
}
	.noticias-asignar-errores .titulo-errores{
		font-weight: bold;
		margin-bottom: 5px;
	}
	.noticias-asignar-errores .dato-errores{
		margin-left: 15px;
		height: 50px !important;
	}
		.noticias-asignar-errores .dato-errores > i{
			margin-right: 5px;
			padding-top: 1p;
			padding-top: 4px;
		}
	.noticias-asignar-erroress .footer-errores{
		margin-top: 20px;
		text-align: center;
	}
		.noticias-asignar-errores .footer-errores > button > i{
			margin-right: 5px;
		}

@charset "UTF-8";

.w-xxl, .w-600 {
	width: 600px;
}



/* OTHER LOGIN */
.buttons-login2{
	display: flex;
	margin-top: 10px;
	align-items: center;
	justify-content: center;
}
	.buttons-login2 > *{
		margin: 0px 5px;
	}


.pay-login{
	background: #4278b1;
	padding: 15px;
}
	.pay-login > .content {
	    display: flex;
	    flex-direction: column;
	    /* border: 5px solid #010065; */
	    background: white;
	    /* padding: 100px; */
	    margin-top: 20px;
	    /* border-radius: 13px; */
	}
		.pay-login > .content > .mensajes{
		    display: flex;
		    font-size: 26px;
		    padding: 2px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    background: #dfe8f3;
		}
		.pay-login > .content > .aviso-error{
			display: flex;
			flex-direction: column;
		}
			.pay-login > .content > .aviso-error > .cabecera{display: flex;justify-content: center;align-items: center;font-size: 20px;padding: 30px;}
			.pay-login > .content > .aviso-error > .content{
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 10px;
				flex-direction: column;
			}
				.pay-login > .content > .aviso-error > .content > div{font-size: 15px;}
				.pay-login > .content > .aviso-error > .content > div:nth-child(2){
					margin: 20px 0px;
				}
					.pay-login > .content > .aviso-error > .content > div:nth-child(2) > img{
					height: 250px;
					}
		.pay-login > .content > .caracteristicas{
			display: flex;
			flex-direction: column;
			padding: 10px;
			font-size: 15px;
		}
			.pay-login > .content > .caracteristicas > .cabecera{

			}
			.pay-login > .content > .caracteristicas > .content{display: flex;flex-direction: column;}
				.pay-login > .content > .caracteristicas > .content > div:nth-child(2){display: flex;align-items: center;justify-content: center;}
					.pay-login > .content > .caracteristicas > .content > div:nth-child(2) > img{
						/* width: fit-content; */
						/* width: 100%; */
						height: 240px;
					}

	.pay-login > .content > .pago{
		display: flex;
		padding: 25px;
		flex-direction: column;
	}
		.pay-login > .content > .pago > div{

		}
			.pay-login > .content > .pago > div:nth-child(1){
				border-bottom: 1px dashed #4278b1;
				font-size: 18px;
				margin-bottom: 5px;
			}
			.pay-login > .content > .pago > div > a{

			}
				.pay-login > .content > .pago > div > a > img{
					width: 300px;
				}
		.pay-login > .content > .pago > .imagenes{
			display: flex;
			/* height: 217px; */
		}
			.pay-login > .content > .pago > .imagenes > div{
				display: flex;
				align-items: center;
			}
				.pay-login > .content > .pago > .imagenes > div > img{
					height: 85px;
					width: auto;
				}
				.pay-login > .content > .pago > .imagenes > div > a > img{
					/* max-width: 200px; */
					/* min-width: 200px; */
					height: 85px;
					width: auto;
				}
	.pay-login > .buttons{
		display:flex;
		align-items:center;
		justify-content: space-between;
		margin: 20px 0px;
		text-decoration: none;
		background: none;
		border: none;
	}
		.pay-login > .buttons > a:nth-child(1){
			font-size: 35px;
			background: none;
			border: none;
		}
		.pay-login > .buttons > a:nth-child(1):hover{
			text-decoration: none;
		}
		
/* TAP BUTTON */
.tap-button{
	background: yellow;
	width: 10px;
	height: 10px;
}




/* AVISO ACCESO PADRES */
/*.login_aviso_acceso_padres{
}
    .login_aviso_acceso_padres > div{
    	text-align: center;
	}
	.login_aviso_acceso_padres > div:nth-child(1){
	}
	.login_aviso_acceso_padres > div:nth-child(2){
		margin: 20px 0px;
	}
		.login_aviso_acceso_padres > div:nth-child(2) > *:nth-child(1){
		}
		.login_aviso_acceso_padres > div:nth-child(2) > *:nth-child(2){
			
		}
		    .login_aviso_acceso_padres > div:nth-child(2) > *:nth-child(2) > a{
		    	color: #2d4c6d !important;
		    }
	.login_aviso_acceso_padres > div:nth-child(3){
	    margin-top: 10px;
	    font-size: 11px;
	}

	.login_aviso_acceso_padres .buttons{
		margin-top: 20px;
	}
		.login_aviso_acceso_padres .buttons > button{
			border: none;
			background: #2d4c6d;
			color: white;
		}*/
.login_aviso_acceso_padres{
}
	.login_aviso_acceso_padres > div{
		text-align: center;
	}
	.login_aviso_acceso_padres > .aviso{font-size: 15px;color: #af2457;}
	.login_aviso_acceso_padres > .content{
		margin: 20px 0px;
	}
		.login_aviso_acceso_padres > .content > .titulo{
			font-size: 16px;
			color: #2d4c6d;
		}
		.login_aviso_acceso_padres > .content > .mensaje{
			margin: 5px 0px;
		}
			.login_aviso_acceso_padres > .content > .mensaje > div:nth-child(3){
				margin: 15px 0px;
			}
				.login_aviso_acceso_padres > .content > .mensaje > div:nth-child(3) > a{
					color: #2d4c6d !important;
					text-decoration: none;
				}
	.login_aviso_acceso_padres > .buttons{
		margin-top: 25px;
	}
		.login_aviso_acceso_padres > .buttons > button{
			border: none;
			background: #2d4c6d;
			color: white;
		}
	.login_aviso_acceso_padres > .volver-inicio{
		margin-top: 25px;
	}
		.login_aviso_acceso_padres > .volver-inicio > a{
			font-size: 11px;
			color: #2d4c6d !important;
			text-decoration: none !important;
		}

/* AVISO ACCESO PROFESORES */
.login_aviso_acceso_profesores{
}
    .login_aviso_acceso_profesores > div{
    	text-align: center;
	}
	.login_aviso_acceso_profesores > div:nth-child(1){
	}
	.login_aviso_acceso_profesores > div:nth-child(2){
		margin: 20px 0px;
	}
		.login_aviso_acceso_profesores > div:nth-child(2) > *:nth-child(1){
		}
		.login_aviso_acceso_profesores > div:nth-child(2) > *:nth-child(2){
			
		}
		    .login_aviso_acceso_profesores > div:nth-child(2) > *:nth-child(2) > a{
		    	color: #2d4c6d !important;
		    }
	.login_aviso_acceso_profesores > div:nth-child(3){
	    margin-top: 10px;
	    font-size: 11px;
	}

	.login_aviso_acceso_profesores .buttons{
		margin-top: 20px;
	}
		.login_aviso_acceso_profesores .buttons > button{
			border: none;
			background: #2d4c6d;
			color: white;
		}

/* AVISO ACCESO ADMINISTRACIÓN */
.login_aviso_acceso_administracion{
}
    .login_aviso_acceso_administracion > div{
    	text-align: center;
	}
	.login_aviso_acceso_administracion > div:nth-child(1){
	}
	.login_aviso_acceso_administracion > div:nth-child(2){
		margin: 20px 0px;
	}
		.login_aviso_acceso_administracion > div:nth-child(2) > *:nth-child(1){
		}
		.login_aviso_acceso_administracion > div:nth-child(2) > *:nth-child(2){
			
		}
		    .login_aviso_acceso_administracion > div:nth-child(2) > *:nth-child(2) > a{
		    	color: #2d4c6d !important;
		    }
	.login_aviso_acceso_administracion > div:nth-child(3){
	    margin-top: 10px;
	    font-size: 11px;
	}

	.login_aviso_acceso_administracion .buttons{
		margin-top: 20px;
	}
		.login_aviso_acceso_administracion .buttons > button{
			border: none;
			background: #2d4c6d;
			color: white;
		}



@charset "UTF-8";

.recuperar-pass{
	background: none !important;
	border: none !important;
	font-size: 12px;
	font-family: tahoma;
	margin-bottom: 5px;
}
	.recuperar-pass > a{
		color: #495a71;
		font-size: 12.5px;
		background: none;
		border: none;
	}


.volver-login{
	margin-bottom: 5px;
	color: white;
}
	.volver-login > a{
	}


@charset "UTF-8";

.page-login{
	
}
.page-login .contenedor {
	/* width: 90%; */
	margin: auto;
	/* border-style: solid; */
	/* border-width: 2px; */
	/* border-color: #114b65; */
}
.page-login .titulo {
	color: #13a5a5;
	margin:1%;
	text-align: center;
	font-size: 34px;
}
.page-login .eslogan {
	padding: 1%;
	color: #114b65;
	margin:1%;
	text-align: center;
	font-size: 23px;
}
.page-login .ventajas {
	margin: auto;
	width: 100%;
	color: white;
	padding: 0px;
	margin: 0px;
}
.page-login .ventajas div{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.page-login .ventajas div div{
	/* flex: 1 0 20%; */
	/* padding: 1%; */
	/* border-style: dotted; */
	/* border-width: 1px; */
	/* border-color: white; */
	/* list-style: none; */
	color: white;
	min-width: 250px;
	max-width: 250px;
	padding: 1%;
	margin: 1px;
}
.page-login .precio {
	padding: 1%;
	margin:1%;
	text-align: center;
	font-size: 28px;
	color: #114b65;
}
	.page-login .precio > p:nth-child(2){
		font-size: 10px;
		margin: -10px;
	}
.page-login .botonera{
	margin:2%;
	display: flex;
	flex-direction: row;
}
.page-login .boton {
	width: 25%;
	margin: auto;
	font-size: 14px;
	color:white;
	background-color: #114b65;
}
.page-login .formaDePago {
	border-top: 2px solid #114b65;
	font-size: 21px;
	color: #114b65;
	padding: 1%;
	text-align: center;
	width: 92.5%;
	margin: auto;
	margin-bottom: 1%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.page-login .ventajas .rojo {
  background-color: #d6394b;
  text-align: center;
  font-size: 16px;
}

.page-login .ventajas .naranja {
  background-color: #e57128;
  text-align: center;
  font-size: 16px;
}

.page-login .ventajas .azul {
  background-color: #114b65;
  text-align: center;
  font-size: 16px;
}

.page-login .ventajas .verde {
  background-color: #13a5a5;
  text-align: center;
  font-size: 16px;
}




.page-login .caracteristicas{
	display: flex;
	flex-direction: column;
	padding: 10px;
	font-size: 15px;
}
	.page-login .caracteristicas > .cabecera{

	}
	.page-login .caracteristicas > .content{
		display: flex;
		flex-direction: column;
	}
		.page-login .caracteristicas > .content > div:nth-child(1){
			display: flex;
			align-items: center;
			justify-content: center;
		}
			.page-login .caracteristicas > .content > div:nth-child(1) > img{
				width: 80%;
			}
			
	
	.page-login .pago{
		display: flex;
		padding: 25px;
		flex-direction: column;
	}
		.page-login .pago > div{
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.page-login .pago > div:nth-child(1){
			border-bottom: 1px dashed #3f4e62;
			font-size: 16px;
		}
			.page-login .pago > div > div{
				display: flex;
				margin: 10px 20px;
			}
				
				.page-login .pago > div > div > img{
					width: 165px;
					height: 100%;
				}

/* change password */
.page-login .strength{
	height: 25px;
}
	.page-login .strength #meter-wrapper{
		/* border:1px solid grey; */
		/* margin-left:38%; */
		/* margin-top:20px; */
		width: 100%;
		height: 20px;
		margin-top: 5px;
		border-radius:3px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	    .page-login .strength #meter-wrapper > div{
	    	margin: 0px 5px;
	    	height: 8px;
	    	width: 15%;
	    	border-radius: 3px;
	    	border: 1px solid white;
	    	transition: all .4s ease-in;
	    }
		.page-login .strength #meter-wrapper #meter1{			
		}
		.page-login .strength #meter-wrapper #meter2{
			
		}
		.page-login .strength #meter-wrapper #meter3{
			
		}
		.page-login .strength #meter-wrapper #meter4{
			
		}

		.page-login .strength #pass_type{
			font-size: 12px;
			/* margin-top:20px; */
			/* margin-left:45%; */
			text-align:center;
			color: #3f4e62;
			font-weight: bold;
		}

.page-login #avisos-password{
	height: 10px;
	color: #495a71;
	font-size: 10px;
	margin-top: 15px;
}
/* end change password */

				
				
/** Success / fail **/
#first-pay{
	/*background: url(/images/pay-login.jpg) no-repeat;*/
	padding: 0px !important;
	border: none !important;
	position: relative;
}
	#first-pay > img{
		width: 110%;
	}
	
	
	#first-pay .formas-pago {
	    position: absolute;
	    right: -52px;
	    bottom: 2px;
	}
		#first-pay .formas-pago > .cabecera{
		margin-bottom: 5px;
		font-size: 16px;
		color: #297a94;
		}
		#first-pay .formas-pago > .content{
		
		}
	#first-pay .buttons{
		position: absolute;
		left: 26px;
		bottom: 20px;
		background: #ff8f29;
		height: 35px;
		width: 85px;
		font-size: 16px;
		text-align: center;
	}
	#first-pay .buttons:hover,
	#first-pay .buttons:focus{
		background: #ffa95b;
	}
		#first-pay .buttons > a{
			padding: 5px !important;
			position: absolute;
			top: 1px;
			right: 8px;
		}
		#first-pay .buttons > a:hover,
		#first-pay .buttons > a:focus{
			text-decoration: none;
			color: white;
		}
	
    #first-pay .pay-success{

    }
        #first-pay .pay-success .cabecera{
            font-size: 25px;
            color: green;
            margin: 10px 0px;
        }
        #first-pay .pay-success .content{
            font-size: 15px;
        }
    #first-pay .pay-fail{

    }
        #first-pay .pay-fail .cabecera{
            font-size: 25px;
            color: #c3583a;
            margin: 10px 0px;
        }
        #first-pay .pay-fail .content{
            font-size: 15px;
        }

@media (max-width:760px) {
	.page-login{
		/* width: auto; */
	}
}
@charset "UTF-8";

.page-modcom{
	
}
.page-modcom .contenedor {
	/* width: 90%; */
	margin: auto;
	/* border-style: solid; */
	/* border-width: 2px; */
	/* border-color: #114b65; */
}
.page-modcom .titulo {
	color: #13a5a5;
	margin:1%;
	text-align: center;
	font-size: 34px;
}
.page-modcom .eslogan {
	padding: 1%;
	color: #114b65;
	margin:1%;
	text-align: center;
	font-size: 23px;
}
.page-modcom .ventajas {
	margin: auto;
	width: 100%;
	color: white;
	padding: 0px;
	margin: 0px;
}
.page-modcom .ventajas div{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.page-modcom .ventajas div div{
	/* flex: 1 0 20%; */
	/* padding: 1%; */
	/* border-style: dotted; */
	/* border-width: 1px; */
	/* border-color: white; */
	/* list-style: none; */
	color: white;
	min-width: 250px;
	max-width: 250px;
	padding: 1%;
	margin: 1px;
}
.page-modcom .precio {
	padding: 1%;
	margin:1%;
	text-align: center;
	font-size: 28px;
	color: #114b65;
}
	.page-modcom .precio > p:nth-child(2){
		font-size: 10px;
		margin: -10px;
	}
.page-modcom .botonera{
	margin:2%;
	display: flex;
	flex-direction: row;
}
.page-modcom .boton {
	width: 25%;
	margin: auto;
	font-size: 14px;
	color:white;
	background-color: #114b65;
}
.page-modcom .formaDePago {
	border-top: 2px solid #114b65;
	font-size: 21px;
	color: #114b65;
	padding: 1%;
	text-align: center;
	width: 92.5%;
	margin: auto;
	margin-bottom: 1%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.page-modcom .ventajas .rojo {
  background-color: #d6394b;
  text-align: center;
  font-size: 16px;
}

.page-modcom .ventajas .naranja {
  background-color: #e57128;
  text-align: center;
  font-size: 16px;
}

.page-modcom .ventajas .azul {
  background-color: #114b65;
  text-align: center;
  font-size: 16px;
}

.page-modcom .ventajas .verde {
  background-color: #13a5a5;
  text-align: center;
  font-size: 16px;
}




.page-modcom .caracteristicas{
	display: flex;
	flex-direction: column;
	padding: 10px;
	font-size: 15px;
}
	.page-modcom .caracteristicas > .cabecera{

	}
	.page-modcom .caracteristicas > .content{
		display: flex;
		flex-direction: column;
	}
		.page-modcom .caracteristicas > .content > div:nth-child(1){
			display: flex;
			align-items: center;
			justify-content: center;
		}
			.page-modcom .caracteristicas > .content > div:nth-child(1) > img{
				width: 80%;
			}
			
	
	.page-modcom .pago{
		display: flex;
		padding: 25px;
		flex-direction: column;
	}
		.page-modcom .pago > div{
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.page-modcom .pago > div:nth-child(1){
			border-bottom: 1px dashed #3f4e62;
			font-size: 16px;
		}
			.page-modcom .pago > div > div{
				display: flex;
				margin: 10px 20px;
			}
				
				.page-modcom .pago > div > div > img{
					width: 165px;
					height: 100%;
				}

				
				
/** Success / fail **/
.page-modcom #modcom{
	/*background: url(/images/pay-login.jpg) no-repeat;*/
	padding: 0px !important;
	border: none !important;
	position: relative;
}
	.page-modcom #modcom > img{
		width: 110%;
	}
	
	
	.page-modcom #modcom .formas-pago {
	    position: absolute;
	    right: -52px;
	    bottom: 2px;
	}
		.page-modcom #modcom .formas-pago > .cabecera{
		margin-bottom: 5px;
		font-size: 16px;
		color: #297a94;
		}
		.page-modcom #modcom .formas-pago > .content{
		
		}
	.page-modcom #modcom .buttons{
		position: absolute;
		left: 10px;
		bottom: 10px;
		background: #ff8f29;
		height: 35px;
		width: 85px;
		font-size: 16px;
		text-align: center;
	}
	.page-modcom #modcom .buttons:hover,
	.page-modcom #modcom .buttons:focus{
		background: #ffa95b;
	}
		.page-modcom #modcom .buttons > a{
			padding: 5px !important;
			position: absolute;
			top: 1px;
			right: 8px;
		}
		.page-modcom #modcom .buttons > a:hover,
		.page-modcom #modcom .buttons > a:focus{
			text-decoration: none;
			color: white;
		}
	
    .page-modcom #modcom .pay-success{

    }
        .page-modcom #modcom .pay-success .cabecera{
            font-size: 25px;
            color: green;
            margin: 10px 0px;
        }
        .page-modcom #modcom .pay-success .content{
            font-size: 15px;
        }
    .page-modcom #modcom .pay-fail{

    }
        .page-modcom #modcom .pay-fail .cabecera{
            font-size: 25px;
            color: #c3583a;
            margin: 10px 0px;
        }
        .page-modcom #modcom .pay-fail .content{
            font-size: 15px;
        }

@media (max-width:760px) {
	.page-modcom{
		width: 100%;
	}
}

@media (max-width:374px) {
	.page-login{
		width: fit-content;
	}
}
@charset "UTF-8";


/* MODAL STANDARD (FORMTYPE) */
.modal-header{
	padding: 5px;
	border-bottom: 1px solid #e5e5e5;
	background: #3f4e62d9;
	color: white;
	text-align: center;
	display: flex;
}

.modal-header > *:nth-child(1){
	flex: 1;
	font-size: 18px;
}

h3.modal-title.custom-font.ng-binding {}

.modal-header > *:nth-child(2){
	padding: 2px;
}
.modal-header > *:nth-child(2):hover{
	color:#337ab7;
}
.modal-header > *:nth-child(2) > i{
	font-size: 18px;
	line-height: 25px;
	margin-right: 5px;
}

.modal-body{
	padding: 10px 10px 10px 10px;
}
.modal-green{
	padding: 5px !important;
	border-bottom: 1px solid #e5e5e5 !important;
	background: #009688;
	color: white !important;
	text-align: center !important;
	display: flex;
}

.modal-green > *:nth-child(1){
	flex: unset;
    font-size: 20px;
    width: 30px;
    align-self: center;
}

.modal-green > *:nth-child(2){
	font-size: 20px;
    font-weight: bold;
}
.modal-green > *:nth-child(2):hover{
	color:#337ab7;
}
.modal-green > *:nth-child(2) > i{
	font-size: 18px;
	line-height: 25px;
	margin-right: 5px;
}

.modal-body .loading_busqueda {
    width: 100%;
    height: 100%;
    position: absolute;
    background: white;
    z-index: 2;
    font-size: 200px;
    text-align: center;
}

.modal-green-body{
	/* background: #f9fff8fc !important; */
	padding: 5px !important;
}

.modal-footer{
	background-color: #f8f8f8 !important;
	padding: 5px !important;
	text-align: right !important;
	border-top: 1px solid #e5e5e5 !important;
	display: flex !important;
	width: 100%;
	justify-content: center;
	height: 42px;
}

.modal-footer > div{
	width: 100%;
}
.modal-footer button{
	margin: 0px 15px;
	transition: all 0.5s lineal;
}
.modal-footer button.button-aceptar-modal{
	background: #96c395;
	color: white;
}
.modal-footer button.button-aceptar-modal:hover,
.modal-footer button.button-aceptar-modal:focus{
	background: #628661;
	color: white;
}
.modal-footer button.button-cancelar-modal{
	background: #e6b1b1;
	color: white;
}
.modal-footer button.button-cancelar-modal:hover,
.modal-footer button.button-cancelar-modal:focus{
	background: #a97b7b;
	color: white;
}

.modal-header1{
	padding: 10px !important;
    border-bottom: 1px solid #e5e5e5 !important;
    background: red !important;
    color: white !important;
    text-align: center !important;
}


.modal-footer1{
	background-color: #f8f8f8 !important;
    padding: 15px !important;
    text-align: right !important;
    border-top: 1px solid #e5e5e5 !important;
    display: flex !important;
    justify-content: space-between !important;
}



/* Modal template */

.modalTemplate {}

.modalTemplate input{
    height: 20px;
    font-family: tahoma;
}


.modalTemplate .modal-header h3 {
    font-size: 18px;
}

.modalTemplate .modal-body {
    padding: 5px 0px 0px 0px;
}

.modalTemplate .modal-footer{

}

.modalTemplate .modal-footer > button{
    height: 25px;
    line-height: 10px;
}



/* End modal template */



/* STYLES MODALS GENERICS */
.splash.splash-slategray.splash-2 .modal-content a{
    color: #3f4e62 !important;
    cursor: pointer !important;
}

.splash.splash-slategray.splash-2 .modal-content .btn-default {
    border: 2px solid white !important;
    color: #3f4e62 !important;
}



/* MODALS TEMPLATES */
.modal-erp-blue{
	background: #789ae7 !important;
}




/* MODAL GRID DEFAULT */
.modal-grid-default{
	
}
	.modal-grid-default > .modal-header{
		
	}
		.modal-grid-default > .modal-header h3{
		    font-weight: bold;
		}
	.modal-grid-default > .modal-body .ui-grid-header-cell{
		background-color: #60858b !important;
		color: white;
		font-weight: bold;
	}
	.modal-grid-default > .modal-footer{
	background-color: #145d89 !important;
	}
	
	
/* MODAL SELECCIÓN DE ARTICULOS */
.modal-seleccion-articulos{
	
}
	.modal-seleccion-articulos .loading-modal{
		height: 95%;
		width: 880px !important;
	}
	.modal-seleccion-articulos .loading-grid-modal{
		height: 220px !important;
		width: 880px !important;
	}
		.modal-seleccion-articulos .loading-grid-modal .sk-folding-cube{
			height: 130px !important;
			width: 130px !important;
		}
	.modal-grid-default > .modal-header{
		background: #145d89 !important;
	}
		.modal-seleccion-articulos > .modal-header h3{
		    font-weight: bold;
		}
	.modal-seleccion-articulos > .modal-body .ui-grid-header-cell{
		background-color: #60858b !important;
		color: white;
		font-weight: bold;
	}
	.modal-seleccion-articulos > .modal-body > .bloque-column > *:nth-child(2),
	/*.modal-seleccion-articulos > .modal-body > .bloque-column > *:nth-child(3),*/
	.modal-seleccion-articulos > .modal-body > .bloque-column > *:nth-child(1) .bloque > .item-column-15_15{
		border:  1px solid lightgray;
		/* border-radius: 10px; */
	}
		.modal-seleccion-articulos > .modal-body > .bloque-column > *:nth-child(2) > .bloque,
		.modal-seleccion-articulos > .modal-body > .bloque-column > *:nth-child(3) > .bloque,
		.modal-seleccion-articulos > .modal-body > .bloque-column > *:nth-child(1) .bloque > .item-column-15_15 > .bloque{
			padding: 5px;
		}
			.modal-seleccion-articulos > .modal-body > .bloque-column > *:nth-child(2) > .bloque > *:nth-child(1),
			.modal-seleccion-articulos > .modal-body > .bloque-column > *:nth-child(3) > .bloque > *:nth-child(1),
			.modal-seleccion-articulos > .modal-body > .bloque-column > *:nth-child(1) .bloque > .item-column-15_15 > .bloque > *:nth-child(1){
				border-bottom: 1px dashed lightgray;
				font-weight:  bold;
			}
	/*.modal-seleccion-articulos > .modal-body > .bloque-column > *:nth-child(3){
		background-color: #3f74b5cc;
		color:white;
	}*/
	.modal-seleccion-articulos > .modal-footer{
		background-color: #5b687a !important;
	}
.modal-seleccion-articulos > .modal-body > .bloque-column > .column-buttons{
	font-size: x-large;
	margin-left: 30px;
}
	.modal-seleccion-articulos > .modal-body > .bloque-column > .column-buttons > .bloque{
		padding-top: 100%;
	} 
		.modal-seleccion-articulos > .modal-body > .bloque-column > .column-buttons > .bloque > button{
			border: none;
			padding-bottom: 10px;
		}   
	.modal-seleccion-articulos > .modal-body > .bloque-column > .column-buttons > .bloque-column{
		padding-top: 40px;
	} 
		.modal-seleccion-articulos > .modal-body > .bloque-column > .column-buttons > .bloque-column > button{
			border: none;
			padding-right: 20px;
		}
.modal-seleccion-articulos > .modal-body > .bloque-column > .item-column-15_15 > .bloque{
	/* border: 1px solid #5b687a; */
}
	.modal-seleccion-articulos > .modal-body > .bloque-column > .item-column-15_15 > .bloque > *:nth-child(1){		
		font-weight: bold;
		margin-bottom: 5px;
	}
		.modal-seleccion-articulos > .modal-body > .bloque-column > .item-column-15_15 > .bloque > *:nth-child(1) > *:nth-child(1){
			font-weight:  bold;
		}
		.modal-seleccion-articulos > .modal-body > .bloque-column > .item-column-15_15 > .bloque > *:nth-child(1) > *:nth-child(2){
			position:absolute;
			margin-left: 88%;
		}
	.modal-seleccion-articulos > .modal-body > .bloque-column > .item-column-15_15 > .bloque > *:nth-child(3){
		border: none !important;
	}
	
	.modal-seleccion-articulos .grid-erp-green .ui-grid-footer-aggregates-row {
      border: none;
      height: 18px;
     }
     .modal-seleccion-articulos .grid-erp-green .ui-grid-footer-aggregates-row .ui-grid-footer-cell{
     	border: none !important;
     	height: 18px !important;
     }
	
	
	.libro-mayor > *:nth-child(1){
		flex: unset;
		font-size: 20px;
		width: 30px !important;
		align-self: center;
	}
	
	.libro-mayor > *:nth-child(2){
		font-size: 18px;
		font-weight: bold;
	}

		.libro-mayor > *:nth-child(2):hover{
			color: white;
		}
	
	.libro-mayor > *:nth-child(3){
		 flex: 1;
		 text-align: end;
		 align-self: center;
		 margin-right: 5px;
	}
	
	.libro-mayor-body .loading-grid-modal{
		height: 75% !important;
	}
	
	.mi-plan label{
		font-weight: bold;
	}
	.mi-plan span{
		padding-left: 10px;
	}
	.mi-plan i{
		padding-left: 10px;
		padding-top: 2px;
		color: #538ac7;
	}
	.mi-plan .titulo{
		font-weight: bold;
		border-bottom: 1px solid #28436282;
		margin-bottom: 5px;
		padding-left: 5px;
		border-left: 3px solid orange;
		font-size: 13px;
	}
	.mi-plan .but-gen-fac{
		margin-left: 10px;
		background: #6f6f94;
		color: white;
		border: none;
		font-size: 12px;
		border-radius: 20px;
	}
	.mi-plan .bloque-column{
		margin-bottom: 10px !important;
	}
	
	/* Modal custom */
 .modal-custom {
	width: 90%;
}

.modal-adaptable{
	width: max-content !important;
	max-width: 900px !important; /* Máximo modal-lg */
	min-width: 300px !important; /* Mínimo modal-sm */
}
@charset "UTF-8";

.modalImprimir{
	
}
	.modalImprimir > div:nth-child(1){
		background: #5f875f;
	}
	.modalImprimir > div:nth-child(2){
	}
		.modalImprimir > div:nth-child(2) .ui-grid-header-cell-wrapper{
			background: #9da7b7;
   			color: white;
		}
		.modalImprimir > div:nth-child(2) .options-exportar{
			display: flex;
			flex-direction: column;
			border: 1px solid #9da7b7;
		}
			.modalImprimir > div:nth-child(2) .options-exportar > .cabecera{
				background: #145d89;
				color: white;
				padding-left: 5px;
			}
			    .modalImprimir > div:nth-child(2) .options-exportar > .cabecera > div{
			
			    }
			.modalImprimir > div:nth-child(2) .options-exportar > .content{
			    display: flex;
			    padding: 5px;
			}
			    .modalImprimir > div:nth-child(2) .options-exportar > .content > div{
			        display:flex;
			        flex-direction: column;
			        background: none;
			        padding: 5px;
			        margin: 0px 5px;
			        border: 1px dashed #e1e7ed;
			    }

			    .modalImprimir > div:nth-child(2) .options-exportar > .content > .tipos{
			    }
			    .modalImprimir > div:nth-child(2) .options-exportar > .content > .envio-email{
			    	flex: 2;
			    }
			    .modalImprimir > div:nth-child(2) .options-exportar > .content > .botones{
			    	border: none;
			    	justify-content: center
			    }
			    .modalImprimir > div:nth-child(2) .options-exportar > .content > .botones > button{
			    	border: none;
			    	background: none;
			    	font-size: 12px;
			    	margin: 5px 0px;
			    	height: 25px;
			    }
			    .modalImprimir > div:nth-child(2) .options-exportar > .content > .botones > button:nth-child(1){
					background: #6fa76f;
					color: white;
			    }
			    .modalImprimir > div:nth-child(2) .options-exportar > .content > .botones > button:nth-child(1):disabled{
			    	background: #7f7d7d9e;
			    }
			    .modalImprimir > div:nth-child(2) .options-exportar > .content > .botones > button:nth-child(2){
			    	background: #e67777;
					color: white;
			    }
	.modalImprimir > div:nth-child(3){
	}
		.modalImprimir > div:nth-child(3) > .buttons{
			display: flex;
			align-items: center;
			justify-content: flex-end;
		}
			.modalImprimir > div:nth-child(3) > .buttons > button{
				background: none;
				border: none;
				padding: 5px;
			}
			.modalImprimir > div:nth-child(3) > .buttons > button:nth-child(1){
				background: #a73f0e;
				color: white;
			}
			.modalImprimir > div:nth-child(3) > .buttons > button:nth-child(2){
				background: #d57070;
				color: white;
			}
			
	.modalImprimir .loading-grid-modal{
		height: 95% !important;
	}
@charset "UTF-8";


#navigation > li > a {
    font-weight: 700;
    position: relative;
    display: block;
    padding: 5px 4px;
    padding-left: 7px;
}
#navigation > li > a > i:last-child::before{
	top: -8px;
	position: absolute;
}

#sidebar uib-accordion .panel-group .panel > .panel-heading .panel-title > a {
	display: block;
	position: relative;
	padding: 5px 0;
	cursor: pointer;
	font-size: 10px;
	color: rgba(255, 255, 255, 0.2);
}

/* Menu left */

li.menuleft-style{
	display: flex;
	align-items: center;
	list-style: none;
	justify-content: space-between;
	margin-right:5px;
	border-bottom: 1px dashed #ffffff33;
}

li.menuleft-style:hover{
	background: #485971;
}
li.menuleft-style:hover > a{
	color: white !important;
}

li.menuleft-style.active{
    background: linear-gradient(to bottom, #455365, #495A74);#495a72 !important#495a72 !important
    margin-right: 5px;
}

li.menuleft-style.active > a{
	color: white !important;
	text-decoration: none;
}
li.menuleft-style.active > button{
	color: white !important;
	text-decoration: none;
	background: none;
	border: none;
}

li.menuleft-style > a.menuleft-close{
	margin-right: 20px;
}

li.menuleft-style > a.menuleft-close:hover{
	color: white !important;
}

li.menuleft-style > button.menuleft-close{
	margin-right: 20px;
	background: none;
	border: none;
}

li.menuleft-style > button.menuleft-close:hover{
	color: white !important;
}


#navigation .dropdown > ul li > a {
	font-size: 12px;
	position: relative;
	display: block;
	padding: 8px 0 8px 15px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#navigation .dropdown > ul li > a > span > i:hover{
	color: #efbebe;
}

#navigation .dropdown > ul li > button {
	font-size: 12px;
	position: relative;
	display: block;
	padding: 8px 0 8px 15px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	background: none;
	border: none !important;
	color: white;
	font-family: tahoma;
}
#navigation .dropdown > ul li > button:active,
#navigation .dropdown > ul li > button:hover,
#navigation .dropdown > ul li > button:focus,
#navigation .dropdown > ul li > button:visted{
	border: none !important;
}

#navigation .dropdown > ul li > button > span > i:hover{
	color: #efbebe;
}


.signal{
	width: 5px;
	height: 5px;
	border-radius: 25px;
	margin-left: 5px;
}

.color-orange{
	color: white;
	background: #fb9b08;
}
.color-white{
	color: #495a71;
	background: #ffffff;
}
.color-green{
	color: #020202;
	background: #79bce8;
}

span.count-items {
    font-size: 9px;
    padding: 1px 4px;
    min-width: 10px;
    margin-left: 5px;
}

.titulo-submenu{
	text-decoration: none;
}
.item-submenu{
	display:flex;
	align-items: center;
	background: none;
	border: none;
	color: white;
	font-size: 13px;
	font-family: tahoma;
}
	.item-submenu > i{
		font-size: 17px;
	}
	.item-submenu > span{
		max-width: 145px;
	}
/* END MENU LEFT */



/* SEARCH */
.nav-search {
    display: flex;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    height: 24px;
}
.nav-search:after{
	content: '\f002';
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 10px;
	left: 42px;
	line-height: 43px;
	color: rgba(255,255,255,.25);
	z-index: 2;
	color: #495a71;
	font-size: 15px;
}
	.nav-search > button:nth-child(1),
	.nav-search > button:nth-child(1):focus{
		background: #3c3939;
		border: none !important;
		color: white;
		height: 24px;
	}
	.nav-search > .all-menu{
		background: #d0dee0 !important;
		color: #495a70 !important;
	}
	.nav-search > input[type=text]{
	    width: 100%;
	    box-sizing: border-box;
	    border: none;
	    font-size: 12px;
	    font-family: tahoma;
	    background-color: white;
	    padding: 12px 20px 12px 40px;
	    -webkit-transition: width 0.4s ease-in-out;
	    transition: width 0.4s ease-in-out;
	    height: 24px !important;
	}
	.nav-search > input[type=text]:focus {
	    width: 100%;
	    height: auto;
	}
	.nav-search > input[type=text].nav-search-active {
	    width: 100%;
	    height: auto;
	}
	.nav-search > span.nav-search-cancel {
	    background: #f1f1f1;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    width: 25px;
	    border-radius: 0px 5px 5px 0px;
	}
	/*.nav-search > input[type=text].nav-search-active:before,
	.nav-search > input[type=text]:focus:before{
	    content: '\f002';
	    display: inline-block;
	    font-family: FontAwesome;
	    font-style: normal;
	    font-weight: 400;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    position: absolute;
	    top: 15px;
	    right: 25px;
	    line-height: 43px;
	    color: rgba(255,255,255,.25);
	    z-index: 2;
	    color: #495a71;
	    font-size: 18px;
	}*/

ul#navigation {
    /* border-bottom: 1px dashed #687588; */
    background: #516177;
    margin-bottom: 1px;
}

.menu-nav {
    margin-top: 10px;
    margin-bottom: -12px;
    transition: opacity .1s ease-in-out;
    -moz-transition: opacity .1s ease-in-out;
    -webkit-transition: opacity .1s ease-in-out;
    opacity: 1;
    /* border: 1px solid #59636f; */
}
    .menu-nav span.titulo-menu {
        font-size: 12px;
        color: #a8b0bb;
    }
.menu-nav.complete{
	transition: opacity .1s ease-in-out;
    -moz-transition: opacity .1s ease-in-out;
    -webkit-transition: opacity .1s ease-in-out;
	background: #495a71;
	opacity: 1;
}
	.menu-nav.complete ul#navigation {
	    background: #d0dee0;
	    /* color: black !important; */
	}
		.menu-nav.complete #navigation > li > a {
		    color: #495a71;
		}
	.menu-nav.complete button.prev-button {
	    background: #d0dee0;
	    border: 1px solid #495a71;
	    font-size: 12px;
	    margin-right: 12px;
	    color: #495a70;
	}
.menu-nav.abiertas{
	/* border: 1px solid red; */
}

.abierto{
	display: block !important;
	transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.cerrado{
	display: none !important;
	transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.animate-if{
	transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.0s;
}

#navigation > li > a > .badge {
    position: absolute;
    top: 0px;
    left: 25px;
    font-size: 11px;
    border: 2px solid #79bce8;
    height: 16px;
    width: 16px;
    padding: 2px 2px !important;
    /* border-radius: 0px; */
    color: #ff9f29;
    background: none;
    border: none !important;
    font-weight: bold;
}


.menu-prueba{
	overflow-y: auto !important;
	height: 90%;
}
.menu-prueba::-webkit-scrollbar{
	display:none;
}

.aviso-prueba{
	height: fit-content;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	position: absolute;
	bottom: 10px;
}
	.aviso-prueba > button{
		height: 30px;
		width: 98px;
		font-size: 12px;
		border: none !important;
		color: white !important;
		background-color: #4CAF50;
		font-weight: bold;
		margin-top: 5px;
	}
		.aviso-prueba > button > i{
			font-size: 21px !important;
			margin-right: 1px;
			margin-top: -3px;
		}
		.aviso-prueba > button:active{
			transform: scale(0.9, 0.9);
			border: none !important;
		}
		.aviso-prueba > button:focus{
			border: none !important;
		}
		.aviso-prueba > button:hover{
			color: white !important;
		}
			
		.aviso-prueba > button:disabled{
			/*background-color: #306d33 !important;*/
			background-color: #4CAF50 !important;;
		}
			.aviso-prueba > button:disabled:active{
				transform: scale(1, 1);
			}
	
	
	.aviso-prueba > .button-suscribirme{
		background: #0b900bd9 !important;
		color:#fff;
		border:none;
		position:relative;
		height: 32px;
		font-size:1.6em;
		padding:0 2em;
		cursor:pointer;
		transition: 1s ease all;
		outline:none;
		font-size: 18px;
		width: auto;
		text-transform: uppercase;
	}
	.aviso-prueba > .button-suscribirme:hover{
		background:#fff !important;
		color: #045a04c2 !important;
	}
	.aviso-prueba > .button-suscribirme:before,
	.aviso-prueba > .button-suscribirme:after{
		content:'';
		position:absolute;
		top:0;
		right:0;
		height:2px;
		width:0;
		background: #045a04c2 !important;
		transition:400ms ease all;
	}
	.aviso-prueba > .button-suscribirme:after{
		right:inherit;
		top:inherit;
		left:0;
		bottom:0;
	}
	.aviso-prueba > .button-suscribirme:hover:before,
	.aviso-prueba > .button-suscribirme:hover:after{
		width:100%;
		transition:800ms ease all;
	}
	
	
/* SUBELEMENT MENU */
ul#subelement{
	padding: 5px 0px;
	padding-left: 25px;
}

/* EFECTO MODERNO */
/*.ng-enter {
	-webkit-animation: littleFadeInUp 0.5s ease;
    -moz-animation: littleFadeInUp 0.5s ease;
    animation: littleFadeInUp 0.5s ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; 
   
}*/


@media ( max-width : 1050px) {
	.aviso-prueba{
		font-size: 11px;
	}
}
#header {
	background-color: #455365;
	z-index: 1001;
	-webkit-transition: right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335), padding-right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335);
	-moz-transition: right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335), padding-right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335);
	transition: right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335), padding-right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335);
	display: flex;
	height: 35px;
}

	#header header{
		width: 100%;
		display: flex;
		height: 35px;
	}
	
	#header .header-separate{
		flex: 1;
		max-width: 10px;
		min-width: 10px;
	}

  #header .branding {
  	background-color: #495a72;
    max-width: 250px;
    height: 40px;
    float: left;
    padding: 0 15px;
  }
    #header .branding a.brand {
      font-family: "Dosis", "Arial", sans-serif;
      font-size: 18px;
      font-weight: 300;
      color: white;
      padding-left: 30px;
      height: 45px;
      line-height: 45px;
      background: url(/images/recorda2.png) no-repeat;
      float: left;
      background-size: contain;
      margin-top:5px;
      width: 250px;
      -webkit-transition: none;
      -moz-transition: none;
      transition: none;
   }
   #header .branding a.brand_aqadem {
      font-family: "Dosis", "Arial", sans-serif;
      font-size: 18px;
      font-weight: 300;
      color: white;
      padding-left: 30px;
      height: 45px;
      line-height: 45px;
      background: url(/images/logo_aqadem.png) no-repeat;
      float: left;
      background-size: contain;
      margin-top:5px;
      width: 250px;
      -webkit-transition: none;
      -moz-transition: none;
      transition: none;
    }
      
          #header .branding a.brand_bola {
		      font-family: "Dosis", "Arial", sans-serif;
		      font-size: 18px;
		      font-weight: 300;
		      color: white;
		      padding-left: 30px;
		      height: 45px;
		      line-height: 45px;
		      background: url(/images/recorda2_bola.png) no-repeat;
		      float: left;
		      background-size: contain;
		      margin-top:5px;
		      width: 100%;
		      -webkit-transition: none;
		      -moz-transition: none;
		      transition: none;
		  }
    
      #header .branding a.brand:hover {
        text-decoration: none;
      }
    #header .branding .offcanvas-toggle {
      color: white;
      margin-left: 5px;
      opacity: .5;
      padding: 1px 4px;
      font-size: 18px;
    }
      #header .branding .offcanvas-toggle:hover {
        opacity: 1;
      }
  #header .search {
    display: inline-block;
    margin-left: 15px;
    position: relative;
    background-color: #3f4e62;
    /* width: 7%; */
  }
    #header .search .form-control {
      margin-top: 3px;
    }
    #header .search:after {
      content: '\f002';
      display: inline-block;
      font-family: "FontAwesome";
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      top: 0;
      right: 0;
      line-height: 33px;
      color: rgba(255, 255, 255, 0.25);
    }
    #header .search .underline-input {
      color: rgba(255, 255, 255, 0.7);
      border-color: rgba(255, 255, 255, 0.25);
      font-family: "Ubuntu Mono", sans-serif;
      font-size: 16px;
      margin: 0px;
    }
    #header .search .underline-input::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.25);
        font-style: normal;
        font-size: 16px;
        line-height: 24px;
    }
      #header .search .underline-input::-moz-placeholder {
        color: rgba(255, 255, 255, 0.25);
        font-style: normal;
        font-size: 16px;
        line-height: 24px;
      }
      #header .search .underline-input:-moz-placeholder {
        color: rgba(255, 255, 255, 0.25);
        font-style: normal;
        font-size: 16px;
        line-height: 24px;
      }
      #header .search .underline-input:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.25);
        font-style: normal;
        font-size: 16px;
        line-height: 24px;
      }
      #header .search .underline-input:focus {
        border-color: rgba(255, 255, 255, 0.7); }
        #header .search .underline-input:focus::-webkit-input-placeholder {
          color: rgba(255, 255, 255, 0.7); }
        #header .search .underline-input:focus::-moz-placeholder {
          color: rgba(255, 255, 255, 0.7); }
        #header .search .underline-input:focus:-moz-placeholder {
          color: rgba(255, 255, 255, 0.7); }
        #header .search .underline-input:focus:-ms-input-placeholder {
          color: rgba(255, 255, 255, 0.7); }
  #header .nav-right{
	flex: 2;
	display: flex;
	max-width: 455px;
	height: 35px;
	}
  #header .nav-left {
    margin-bottom: 0;
    flex: 3;
  }
    #header .nav-right > li{
    	margin-top: 3px;
    	vertical-align: top;
    	background-color: #3f4e62;
    	flex: 1;
    	height: 35px !important;
    }
    #header .nav-right > li:nth-child(1){
    	flex: 4;
    	margin: 0px;
    	padding: 0px;
    	min-width: 235px;
    	max-width: 235px;
    	text-align: right !important;
    }
    #header .nav-right > li:nth-child(2){
    	flex: 1;
    }
    
	/* HEADER PLANTILLA (MODIFICADO) */
	/*#header .nav-right > li:nth-child(1){
    	flex: 1;
    	min-width: 70px;
    	max-width: 70px;
    	margin: 0px;
    	padding: 0px;
    }
    #header .nav-right > li:nth-child(2){
    	flex: 2;
    	min-width: 240px;
    }
    #header .nav-right > li:nth-child(3){
    	flex:2;
    }
    #header .nav-right > li:nth-child(4){
    }*/


    #header .nav-left > li {
      margin-top: 3px;
      vertical-align: top;
      background-color: #ffffff;
      flex: 1;
    }
    
 	#header .nav-left > li:nth-child(2) {
      flex: 4;
    }
    
      #header .nav-right > li > a{
      	color: rgba(255, 255, 255, 0.7);
      	line-height: 42px;
      	display: inline-block;
      	position: relative;
      }
      #header .nav-left > li > a {
        color: #6f7c83;
        line-height: 35px;
        display: inline-block;
        position: relative;
        }
        #header .nav-right > li > a:hover{
        	color: white;
        }
        #header .nav-left > li > a:hover {
        	/*background: #e6e6e6;
        	color: #757575;*/

        }
        #header .nav-right > li > a > .badge{
        	position: absolute;
          	top: 7px;
          	left: 1px;
        }
        #header .nav-left > li > a > .badge {
          position: absolute;
          top: 7px;
          left: 1px;
        }
      
      #header .nav-right > li:nth-child(3) > a{
      	min-width: 90px !important;
      	max-width: 90px !important;
      }
      #header .nav-right > li.nav-profile,
      #header .nav-left > li.nav-profile {
        margin-top: 0;
        cursor:pointer;
        min-width: max-content;
        max-width: 160px;
      }
 	  #header .nav-left > li.nav-profile:nth-child(1){
 	  	text-align: right !important;
 	  }

        #header .nav-right > li.nav-profile > a,
        #header .nav-left > li.nav-profile > a {
          font-size: 12px;
          height: 35px;
          line-height: 35px;
          min-width: max-content;
          }
          #header .nav-right > li.nav-profile > a img,
          #header .nav-left > li.nav-profile > a img {
            margin-top: -2px; }
          #header .nav-right > li.nav-profile > a span,
          #header .nav-left > li.nav-profile > a span {
            margin: 0 5px;
            line-height: 35px;
            /* text-align: right !important; */
            }
            #header .nav-right > li.nav-profile > a span > i,
            #header .nav-left > li.nav-profile > a span > i {
              margin-left: 5px; }
      #header .nav-right > li.language,
      #header .nav-left > li.language {
        margin-top: 0; }
        #header .nav-right > li.language > a img,
        #header .nav-left > li.language > a img {
          height: 20px; }
        #header .nav-right > li.language .dropdown-menu,
        #header .nav-left > li.language .dropdown-menu {
          right: 8px;
          margin-top: 1px;
          display: none !important; }
          #header .nav-right > li.language .dropdown-menu > li > a img,
          #header .nav-left > li.language .dropdown-menu > li > a img {
            height: 20px;
            margin-right: 5px; }
        #header .nav-right > li.language.open .dropdown-menu,
        #header .nav-left > li.language.open .dropdown-menu {
          display: block !important; }
      #header .nav-right > li.toggle-right-sidebar,
      #header .nav-left > li.toggle-right-sidebar {
        margin-top: 0;
        padding: 0;
        }
        #header .nav-right > li.toggle-right-sidebar > a,
        #header .nav-left > li.toggle-right-sidebar > a {
          background-color: #495a72;
          line-height: 35px;
          padding: 0 15px;
          height: 35px;
          }
  #header .nav-left {
	  margin-left: 0;
	  background: white;
	  max-width: 390px;
	  min-width: 300px;
	  display: flex;
	  align-items: center;
	  z-index:  1;
	  flex: unset !important;
	  /* flex-wrap: wrap; */
	  /* justify-content: space-between; */
  }


	.display-menu-button {
		display: none;
	}
	#header .user-menu {
   		display: none;
	}
	#header .delegacion-menu {
		display: none;
	}

	
	@media ( max-width : 1050px) {
		#header .nav-left {
			min-width: 260px !important;
			max-width: 260px !important;
			margin-left: -20px;
		}
			#header .nav-left>li:nth-child(2) {
				min-width: 100px !important;
				max-width: 100px !important;
				margin-left: 50px;
			}
		.display-menu-button {
			display: unset !important;
			height: 30px;
			background-color: #2d4c6f;
			border: none;
			width: 25px;
			font-size: 20px;
			color: white;
			padding-top: 4px;
		}
			.display-menu-button:focus {
				border: none !important;
			}
			.display-menu-button i:active {
				transform: scale(0.9, 0.9);
			}
			
		#header .branding a.brand_aqadem {
			height: 30px !important;
		}
		#header .branding {
			height: 30px !important;
		}
		/*#header .curso-academico {
			display: none !important;
		}
		#header .delegacion-empresa {
			display: none !important;
		}
		#header .header-separate {
			display: none !important;
		}
		#header .nav-right {
			display: none !important;
		}*/


		#header .nav-left > li:nth-child(2){
			min-width: 90px !important;
			font-size: 12px;
		}
	}

	@media ( max-width : 992px) {
	/*@media ( max-width : 1050px) {*/
		#header .nav-left {
			min-width: 220px !important;
			max-width: 220px !important;
			margin-left: -20px;
		}
			#header .nav-left>li:nth-child(2) {
				min-width: 100px !important;
				max-width: 100px !important;
				margin-left: 50px;
			}
		.display-menu-button {
			display: unset !important;
			height: 30px;
			background-color: #2d4c6f;
			border: none;
			width: 25px;
			font-size: 20px;
			color: white;
			padding-top: 4px;
		}
			.display-menu-button:focus {
				border: none !important;
			}
			.display-menu-button i:active {
				transform: scale(0.9, 0.9);
			}
			
		#header .branding a.brand_aqadem {
			height: 30px !important;
		}
		#header .branding {
			height: 30px !important;
		}
		#header .curso-academico {
			display: none !important;
		}
		#header .delegacion-empresa {
			display: none !important;
		}
		#header .header-separate {
			display: none !important;
		}
		#header .nav-right {
			display: none !important;
		}
		
		/* delegacion-menu */
		#header .delegacion-menu {
			position: absolute;
			right: 45px;
			top: 5px;
			display: unset !important;
		}
			#header .delegacion-menu .dropdown .dropdown-toggle > i {
				color: white !important;
			}
			#header .delegacion-menu .dropdown .dropdown-toggle:focus {
				border: none !important;
				color: white !important;
			}
			#header .delegacion-menu .dropdown .dropdown-toggle > i:active {
				transform: scale(0.9, 0.9);
			}
			#header .delegacion-menu .dropdown .dropdown-toggle > i {
				font-size: 22px;
			}
			#header .delegacion-menu .dropdown .dropdown-menu {
				top: 30px !important;
				left: -132px !important;
				width: 165px !important;
				min-width: unset !important;
				padding-top: 2px !important;
			}
				#header .delegacion-menu .dropdown .dropdown-menu > li > a > i{
					width: 18px;
				}


		/* User menu */
		#header .user-menu {
			position: absolute;
    		right: 5px;
    		top: 5px;
    		display: unset !important;
		}
			#header .user-menu .dropdown .dropdown-toggle > i {
				color: white !important;
			}
			#header .user-menu .dropdown .dropdown-toggle:focus {
				border: none !important;
				color: white !important;
			}
			#header .user-menu .dropdown .dropdown-toggle > i:active {
				transform: scale(0.9, 0.9);
			}
			#header .user-menu .dropdown .dropdown-toggle > i {
				font-size: 22px;
			}
			#header .user-menu .dropdown .dropdown-menu {
				top: 30px !important;
				left: -132px !important;
				width: 165px !important;
				min-width: unset !important;
				padding-top: 2px !important;
			}
				#header .user-menu .dropdown .dropdown-menu > li > a > i{
					width: 18px;
				}
		
		  #header .branding a.brand {
		      height: 34px;
		      background: url(/images/recorda2_bola.png) no-repeat;
		      background-size: contain;
		      margin-top:0px;
		      margin-left: 0px !important;
		 }
	}

	@media ( max-width : 374px) {
		#header .nav-left{
			min-width: 160px !important;
			max-width: 160px !important;
		}
	}

#header .nav-left > li{
  		cursor: pointer;
  		margin: 0px;
  		padding: 0px;
  		height: 35px;
  		text-align: center;
  		max-width: 30px;
  		min-width: 30px;
  		width: 30px;
  	}
	#header .nav-left > li:nth-child(1){
		min-width: 30px;
		max-width: 30px;
		border: none;
		height: 35px;
		flex: 1;
	}
	#header .nav-left > li:nth-child(1):hover{
		background: #e1e1e1;
	}
	#header .nav-left > li:nth-child(1) > button{
		cursor: pointer;
	}
	#header .nav-left > li:nth-child(2){
		border: none;
		cursor: default;
		flex: 2;
		min-width: 165px;
		margin-left: 5px;
		height: 25px;
		line-height: 24px;
		max-width: 200px;
	}
	#header .nav-left > li.button_nuevo{
	}
	#header .nav-left > li.button_editar{
	}
	#header .nav-left > li.button_cancelar{
	
	}
	
	#header .nav-left > li.button_borrar{
	}
	
	#header .nav-left > li > button{
		font-size: 13px;
		height: 36px;
		background: none;
		border: none !important;
	}
	#header .nav-left > li > button:hover,
	#header .nav-left > li > button:focus{
		text-decoration: none;
		border: none;
	}
	#header .nav-left > li.button_cancelar:hover{
		background: #efacac;
	}
	#header .nav-left > li.button_cancelar > button{
		color: #d9534f;
	}
	#header .nav-left > li.button_cancelar > button:hover{
		color: black;
	}
	
	#header .nav-left > li.button_borrar:hover{
		background: #efacac;
	}
	#header .nav-left > li.button_borrar > button{
		color: #d9534f;
	}
	#header .nav-left > li.button_borrar > button:hover{
		color: black;
	}

	#header .nav-left > li.button_imprimir:hover{
		background: #9dd69f;
		/* color: white; */
	}
	#header .nav-left > li.button_imprimir > button{
		color: #3e7d41;
	}
	#header .nav-left > li.button_imprimir:hover > button{
		color: #101010;
	}
	#header .nav-left > li.button_imprimir > button:hover{
		color: black;
	}
	
	#header .nav-left > li.button_arqueos:hover{
		background: #efacac;
	}
	#header .nav-left > li.button_arqueos > button{
		color: #d9534f;
	}
	#header .nav-left > li.button_arqueos > button:hover{
		color: black;
	}
	
	#header .nav-left > li.button_traspasos:hover{
		background: #efacac;
	}
	#header .nav-left > li.button_traspasos > button{
		color: #d9534f;
	}
	#header .nav-left > li.button_traspasos > button:hover{
		color: black;
	}
	
	#header .nav-left > li.button_refresh {
		
	}

	#header .nav-left > li.button_refresh > button:hover{
		background: #e1e1e1;
		color: white;
	}
	#header .nav-left > li.button_guardar{
		
	}
	#header .nav-left > li.button_guardar:hover{
		background: #b5dab5;
	}
	#header .nav-left > li.button_guardar > button{
		color: green;
	}
	#header .nav-left > li.button_guardar > button:hover{
		color: black;
	}

	#header .nav-left > li.button_editar{
		text-align: center;
	}
	#header .nav-left > li.button_editar:hover{
		background: #9ba4b3;
	}
	#header .nav-left > li.button_editar > button{
		color: #3f4e62;
	}
	#header .nav-left > li.button_editar > button:hover{
		color: white;
	}
	#header .nav-left > li.button_nuevo{
		text-align: center;
	}

	#header .nav-left > li.button_nuevo:hover{
		background: #beb1da;
	}
	
	
	#header .nav-left > li.button_nuevo > button{
		color: #72678c;

	}
	#header .nav-left > li.button_nuevo:hover > button{
		color: white;
	}
	
	#header .nav-left > li.button_atras:hover{
		background: #9ba4b3a1;
	}
	
	
    #header .nav-left > li.divided-right {
    	margin-top: 0;
      	border-color: rgba(255, 255, 255, 0.1);
    }
    	#header .nav-left > li.divided-right > a {
      		line-height: 45px;
    	}
    	
    #header .curso-academico{
		display: flex;
		align-items: center;
		justify-content: center;
		color: #b0b6bf;
		font-size: 12px;
		max-width: 140px;
		min-width: 140px;
	}
		#header .curso-academico > a{
			cursor:pointer;
			color: #bec3cb;
		}
    	#header .curso-academico > span{
    		margin-top: 10px;
    	}

   	#header .delegacion-empresa{
		display: flex;
		align-items: center;
		justify-content: center;
		color: #b0b6bf;
		font-size: 12px;
		max-width: 175px;
		min-width: 175px;
		padding: 0;
	}
    	#header .delegacion-empresa > span{
    		margin-top: 10px;
    	}
    	#header .delegacion-empresa > span:nth-child(2){
    		color: white;
    		margin-left: 3px;
    	}
    
    .nav-profile .dropdown-menu > li > div{
    	display: flex;
    	flex-direction: column;
    }
		.nav-profile .dropdown-menu > li > div > a {
			color: #4a555b;
			padding: 5px 15px;
			display: flex;
			align-items: center;
		}
		.nav-profile .dropdown-menu > li > div > a > span{
			margin: 0px 3px;
		}

	#header .tag-cursoactivo{
		background: #8fd88f;
		width: 10px;
		height: 10px;
		border-radius: 10px;
	}
	
	#header .curso-activo{
		color: #a1e4a4 !important;
	}
	
	#header .curso-no-activo{
		color: #ff8f86 !important;
	}

#header .dropdown > .dropdown-menu{
  margin-top: 0px;
  padding: 0px;
  border: 0px;
}
#header .dropdown-menu > li > div{
    padding: 0px;
    border: 1px dashed #ebf1f5;
}
#header .dropdown-menu > li > div:hover{
    /* background-color: #f4fbff; */
}
#header .dropdown-menu > li > div > a{
	text-decoration: none;
	width: 100%;
	margin: 0px;
	padding: 4px;
	font-size: 13px;
	font-family: tahoma;
}
#header .dropdown-menu > li > div > a:hover{
	background-color: #f4fbff;
}


/** AVISOS **/
.avisos-app {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    color: white;
}


.acceso-valido{
	color:green;
}
.acceso-novalido{
	color: #ff000082;
}
.aviso-premium{
	font-size: 11px;
	text-align: center;
	font-style: oblique;
	color: #ff888a;
	display: flex !important;
	flex-direction: column;
}

.aviso-prueba-plan{
	font-style: oblique;
	color: #c32c2c;
	margin-bottom: 10px;
	/* text-align: center; */
	display: flex;
	justify-content: center;
	align-items: center;
}
	.aviso-prueba-plan > div{
		display: flex;
		justify-content: center;
		align-items: center;
	}
		.aviso-prueba-plan > div > span{
			
		}


.button-cambio-plan {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 10px;
}
	.button-cambio-plan > button{
		height: 40px;
		width: 180px;
		font-size: 17px;
		border: none;
		background: #538ac7;
		color: white;
		margin-bottom: 20px;
		border-radius: 0px;
	}
	.button-cambio-plan > button:hover{
		background: #205c9e;
	}


.mi-plan .info-pago{
	display: flex;
	flex-direction: column;
}
	.mi-plan .info-pago > .tarjetas{
		display: flex;
	}
		.mi-plan .info-pago > .tarjetas > .tarjeta{
			display: flex;
		}
			.mi-plan .info-pago > .tarjetas > .tarjeta > .content{
				display: flex;
			}
				.mi-plan .info-pago > .tarjetas > .tarjeta > .content > div:nth-child(1){

				}
				.mi-plan .info-pago > .tarjetas > .tarjeta > .content > div:nth-child(2){
					margin: 0px 5px;
				}
				.mi-plan .info-pago > .tarjetas > .tarjeta > .content > div:nth-child(3){
					margin: 0px 10px;
				}
				.mi-plan .info-pago > .tarjetas > .tarjeta > .content > div:nth-child(4){
					margin: 0px 10px;
				}
			.mi-plan .info-pago > .tarjetas > .tarjeta > .botones{
		
			}


.mi-plan .button-cancelar-suscripcion{
	display: flex;
	align-items: center;
	justify-content: center;
}
.mi-plan .cancel-subscription {
    border: none;
    background: #dc6969;
    color: white;
    margin: 15px 0px;
    border-radius: 20px;
    width: 195px;
    font-size: 14px;
    padding: 3px;
}
.cancel-subscription:hover{
    background: #d24848;
}

.mi-plan .button-nueva-suscripcion {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}


.mi-plan .reintentar-pago {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.mi-plan .reintentar-pago .button-reintentar{
    background: #558bc8;
    color: white;
    border:none;
    margin-top: 5px;
    border-radius: 20px;
    padding: 2px;
    width: 150px;
}

/*.mi-plan .button-pagar {
    border: none;
    background: #49a749;
    color: white;
    margin: 10px 0px;
    border-radius: 20px;
    padding: 5px;
    width: 120px;
}
.mi-plan .button-pagar:hover{
	background: #268826;
}*/

/* Facturas */
.mi-plan .facturas{

}
	.mi-plan .facturas .content{display: flex;flex-direction: column;height: 100px;overflow-y: scroll;}
		.mi-plan .facturas .content > .fila{
			
		}
/* end facturas */


.mi-plan .button-pagar{
  background: #1d711dd4;
  color:#fff;
  border:none;
  position:relative;
  height: 40px;
  font-size:1.6em;
  padding:0 2em;
  cursor:pointer;
  transition: 1s ease all;
  outline:none;
  font-size: 20px;
}
.mi-plan .button-pagar:hover{
  background:#fff;
  color: #008000b8;
}
.mi-plan .button-pagar:before,
.mi-plan .button-pagar:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #008000b8;
  transition:400ms ease all;
}
.mi-plan .button-pagar:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.mi-plan .button-pagar:hover:before,
.mi-plan .button-pagar:hover:after{
  width:100%;
  transition:800ms ease all;
}


.mi-plan .button-reactivar-suscripcion {
    display: flex;
    align-items: center;
    justify-content: center
}
.mi-plan .button-reactivar {
    border: none;
    background: #497ca7;
    color: white;
    margin: 10px 0px;
    border-radius: 20px;
    padding: 5px;
    width: 195px;
    font-size: 13px;
}
.mi-plan .button-reactivar:hover{
	background: #255782;
}

/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}



/**
* The CSS shown here will not be introduced in the Quickstart guide, but
* shows how you can use CSS to style your Element's container.
*/
.StripeElement {
  height: 40px;
  padding: 10px 12px;

  color: #32325d;
  background-color: white;
  border: 1px solid transparent;
  border-radius: 4px;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}



/** CAMBIO PLAN **/
.cambio-plan{
	display: flex;
	flex-direction: column;
}
	.cambio-plan > .titulo{
		font-size: 20px;
		margin: 5px 0px;
		text-align: center;
		border-bottom: 1px solid #284362;
	}
	.cambio-plan > .precios-iva{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 10px;
		font-size: 11px;
	}
	.cambio-plan > .planes{
		display: flex;
		margin-bottom: 5px;
	}
		.cambio-plan > .planes > div{
			flex: 1;
			border: 1px solid #f2f2f2;
			margin: 0px 5px;
			height: 250px;
			cursor: pointer;
		}
		.cambio-plan > .planes > div.active{
			border: 1px solid #dc9838;
		}
			.cambio-plan > .planes > div > .titulo{
				background: rgba(224,162,64,1);
				text-align: center;
				color: white;
				height: 30px;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.cambio-plan > .planes > div > .content{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 5px;/* height: 100%; */}
				.cambio-plan > .planes > div > .content > div:nth-child(1){
					font-size: 15px;
					text-align: center;
					height: 175px;
					font-style: italic;
				}
				.cambio-plan > .planes > div > .content > div.precio{
					
				}
					.cambio-plan > .planes > div > .content > div.precio > span:nth-child(1){
						font-size: 24px;
					}
					.cambio-plan > .planes > div > .content > div.precio > span:nth-child(2){
						font-size: 14px;
					}
					.cambio-plan > .planes > div > .content > div > div{

					}

		.cambio-plan > .planes > div:hover{
			background: #dc983812;
		}
	.cambio-plan > .tipo-pago{
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px;
	}
	.cambio-plan > .buttons{
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 15px 0px;
	}
		.cambio-plan > .buttons > button:nth-child(1){
			border: none;
			background: #2d4c6dd4;
			color: white;
			margin: 5px;
			border-radius: 0px;
			padding: 5px;
			width: 150px;
		}
		.cambio-plan > .buttons > button:nth-child(1):hover{
			background: #284362;
		}

		.cambio-plan > .buttons > button:nth-child(2){
			border: none;
			/* background: #284362; */
			color: #284362;
			margin: 5px;
			width: 28px;
			height: 28px;
		}
		.cambio-plan > .buttons > button:nth-child(2):hover{
			border: 1px dashed #284362;
		}

		
.cambio-plan > .tipo-pago a:hover {
    opacity: 1;
}

.cambio-plan > .tipo-pago #cambio-tipo-container {
    width: 185px;
    height: 36px;
    margin: auto;
    position: relative;
    /* border-radius: 6px; */
    overflow: hidden;
    user-select: none;
    cursor: pointer;
}

.cambio-plan > .tipo-pago .inner-container {
    position: absolute;
    left: 0;
    top: 0;
    width: inherit;
    height: inherit;
    text-transform: uppercase;
    font-size: .6em;
    letter-spacing: .2em;
}

.cambio-plan > .tipo-pago .inner-container:first-child {
    background: #e9e9e9;
    color: #a9a9a9;
}

.cambio-plan > .tipo-pago .inner-container:nth-child(2) {
    background: #326ca5;
    color: white;
    clip-path: inset(0 50% 0 0);
    transition: .3s cubic-bezier(0,0,0,1);
    font-size: 13px;
}

.cambio-plan > .tipo-pago .toggle {
    width: 50%;
    position: absolute;
    height: inherit;
    display: flex;
    box-sizing: border-box;
    font-size: 12px;
}

.cambio-plan > .tipo-pago .toggle p {
    margin: auto;
}

.cambio-plan > .tipo-pago .toggle:nth-child(1) {
    right: 0;
}

.loading-mi-plan{
	width: 98% !important;
	height: 96% !important;
}

/* Cerrar sesión */
.mi-plan .cerrar-sesion {
    margin: 10px 0px;
    background: #dc5f5f;
    width: 115px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
	.mi-plan .cerrar-sesion > a{
		text-decoration: none;
	}

/* Cambiar tarjeta */
.cambiar-tarjeta{
	height: 250px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
	.cambiar-tarjeta > .buttons{
		display: flex;
		margin-top: 25px;
	}
		.cambiar-tarjeta > .buttons > button{
			border: none;
			background: #ff00006b;
			color: white;
			border-radius: 20px;
		}


/* Baja suscripción */
.baja-suscripcion{
	display:flex;
	flex-direction: column;
}
	.baja-suscripcion .content{
	    display: flex;
	    flex-direction: column;
	}
		.baja-suscripcion .content .texto-motivo{
		margin-bottom: 10px;
		text-align: justify;
		}
	.baja-suscripcion .buttons{
	    margin: 10px 0px;
	    display: flex;
	}
	    .baja-suscripcion .buttons > button{

	    }
	    .baja-suscripcion .buttons > button:nth-child(1){
	        width: 155px !important;
	    }
	        .baja-suscripcion .buttons > button:nth-child(1) > span{
	        	width: 100% !important;
	        }


/* Buttons admin */
#header .dropdown-menu > li > button {
    color: #4a555b;
    padding: 5px 15px;
    background: none;
    border: none;
    width: 100%;
    text-align: left;
}
	#header .dropdown-menu > li > button > i {
    	margin-right: 5px;
	}
    #header .dropdown-menu > li > button > .label,
    #header .dropdown-menu > li > button > .badge {
    	margin-top: 2px;
	}
	#header .dropdown-menu > li > button:hover,
	#header .dropdown-menu > li > button:focus {
		color: #262626;
		text-decoration: none;
		background-color: #f5f5f5;
	}


.dashboard{
}

.dashboard .cabecera-page{
	margin: 10px 0px;
}
	.dashboard .cabecera-page > button{
		background: none;
		border: none;
	}

/* SECTION INGRESOS-GASTOS */
.dashboard .section-ingresos-gastos{
	margin: 5px;
	border: 1px solid #253c576e;
}	
	.dashboard .section-ingresos-gastos > .cabecera{
		background: #2e4c6d;
		padding: 3px;
		color: white;
		font-size: 13px;
	}
	.dashboard .section-ingresos-gastos > .content{
		/* padding: 5px; */
	}
		.dashboard .section-ingresos-gastos .content > .filtros{
			display: flex;
			margin-bottom: 10px;
			padding: 5px;
			background: #48b0ef14;
		}
			.dashboard .section-ingresos-gastos .content > .filtros > div{
				margin: 0px 5px;
			}
				.dashboard .section-ingresos-gastos .content > .filtros > div > campo-fecha > span > input{
					height: 20px !important;
				}
				.dashboard .section-ingresos-gastos .content > .filtros > div > button{
					background: none;
					border: none;
				}
		.dashboard .section-ingresos-gastos .content > div:nth-child(2){
			display: flex;
			height: auto;
		}
			.dashboard .section-ingresos-gastos .content > div:nth-child(2) > div{
				width: 100%;
				height: 100%;
				margin: 0px 10px;
			}
				.dashboard .section-ingresos-gastos .content > div:nth-child(2) > div > .cabecera{text-align: center;border-bottom: 1px dotted #2e4c6d;margin-bottom: 10px;text-transform: uppercase;}
				.dashboard .section-ingresos-gastos .content > div:nth-child(2) > div > .content{
					
				}
					.dashboard .section-ingresos-gastos .content > div:nth-child(2) > div > .content > canvas{
						width: 100% !important;
						height: 100% !important;
					}


	

/* SECTION MATRICULACIÓN */
.dashboard .section-matricula{
	margin: 5px;
	border: 1px solid #253c576e;
}	
	.dashboard .section-matricula > .cabecera{
		background: #2e4c6d;
		padding: 3px;
		color: white;
		font-size: 13px;
	}
	.dashboard .section-matricula > .content{
		/* padding: 5px; */
		height: 100%;
	}
		.dashboard .section-matricula .content > .filtros{
			display: flex;
			margin-bottom: 10px;
			padding: 5px;
			background: #48b0ef14;
		}
			.dashboard .section-matricula .content > .filtros > div{
				margin: 0px 5px;
			}
			.dashboard .section-matricula .content > .filtros > div:nth-child(3){
				width: 150px;
			}
			.dashboard .section-matricula .content > .filtros > div:nth-child(4){
				width: 150px;
			}
				.dashboard .section-matricula .content > .filtros > div > campo-fecha > span > input{
					height: 20px !important;
				}
				.dashboard .section-matricula .content > .filtros > div > button{
					background: none;
					border: none;
				}
		.dashboard .section-matricula .content > div:nth-child(2){
			display: flex;
			height: 100%;
		}
			.dashboard .section-matricula .content > div:nth-child(2) > div{
				width: 50%;
				height: 100%;
			}
				.dashboard .section-matricula .content > div:nth-child(2) > div > div{
					
				}
					.dashboard .section-matricula .content > div:nth-child(2) > div > div > .cabecera{
					text-align: center;
					border-bottom: 1px dotted #2e4c6d;
					margin-bottom: 10px;
					text-transform: uppercase;
					}
					.dashboard .section-matricula .content > div:nth-child(2) > div > div > .content{
					
					}
						.dashboard .section-matricula .content > div:nth-child(2) > div > div > .content > canvas{
							width: 100% !important;
							height: 100% !important;
						}

@charset "UTF-8";

/*input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}

textarea {
	width: 100%;
	font-family: tahoma;
	font-size: 12px;
	color: #838484;
}

label{
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
}*/

/*input{
	font-size: 11px;
	font-family: tahoma;
	height: 20px !important;
	color: #67747c;
	text-align: right;
	padding-right: 3px;
	width: 100%;
}*/

.appWrapper.header-fixed.aside-fixed .content-home-aqadem{
    position: relative;
    background: url(/images/logo_aqadem_blue.png) no-repeat center #fffffff5;
    background-size: auto 150px;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}
.appWrapper.header-fixed.aside-fixed .content-home-recorda{
    position: relative;
    background: url(/images/recorda2.png) no-repeat center #fffffff5;
    background-size: auto 150px;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}


.appWrapper.header-fixed.aside-fixed #content {
    position: absolute;
    top: 45px;
    right: 0;
    bottom: 0;
    width: auto;
    left: 250px;
    padding-left: 0;
    padding-top: 0;
    z-index: 1;
    overflow-y: scroll !important;
    /* background: url(/images/recorda2.png) no-repeat center white; */
    background: white;
    overflow-x:hidden;
}

/*textarea {
	width: 100%;
	font-family: tahoma;
	font-size: 12px;
	color: #838484;
	resize: none;
}*/

/*input:disabled,
textarea:disabled,
button:disabled {
    background: #f4f4f4;
    border: #dfe3e5;
}*/

input{
	width: 100%;
}
input[type="text"]{
    text-align: left !important;
    border: 1px solid #d7d8d7 !important;
}
input[type="text"].inicio-password{
    border-top: 0px !important;
	border-right: 0px !important;
	border-left: 0px !important;
	border-bottom: 1px solid #b2e600 !important;
}
input[type="number"]{
    text-align: right !important;
    border: 1px solid #d7d8d7 !important;
}

/* Pass button inicio */
.passButtonInicio{
	background: transparent;
	border: none;
	display: none;
}
.passButtonInicio:focus,
.passButtonInicio:active,
.passButtonInicio:hover{
	border: none !important;
}
.passButtonInicioS{
	background: transparent;
	border: none;
	display: none;
}
.passButtonInicioS:focus,
.passButtonInicioS:active,
.passButtonInicioS:hover{
	border: none !important;
}


.error-erp,
.error-erp:focus{
	border: 1px solid red !important;
}

.error-span{
	font-size: 10px;
    color: red;
    font-family: tahoma;
}

.lowercase{
	text-transform: lowercase !important;
}

/* Buttons */
.button-transparent{
	border: none !important;
	background: transparent !important;
}
.button-transparent:hover{
	background: buttonface !important;
}
.button-transparent:active{
	border: none !important;
	background: transparent !important;
}

button:focus{
	border: 1px solid #495a72 !important;
}

/* CONTENT */
#content{
	top: 35px !important;
}
	#content > div{
		/* height: 100%; */
		/* height: 1024px; */
	}
		#content > div > div{
			height: 100%;
		}
			#content > div > div > div{
				height: 100%;
			}
				#content > div > div > div > div{
					height: 100%;
				}
/* END CONTENT */

/* FORM GROUPS */

.form-group{
	margin: 0px;
	margin-bottom: 1px;
	display: flex;
	/* height: 100%; */
	width: 100%;
	flex: 1;
	/* padding: 0px !important; */
}
	.form-group > div{
	}

.main{
	flex-wrap: wrap;
}
	.main > div{
		padding: 0px;
	}
	.main > div:nth-child(1){
		padding-right: 5px;
		min-width: 420px;
	}
	.main > div:nth-child(2){
		padding-left: 5px;
		min-width: 550px;
	}
/* END FORM GROUPS */

/* COL ROWS */
.col-row{
	display: flex;
	/* margin: 0px !important; */
}

.col-row-2{
}
	.col-row-2 > *:nth-child(1) {
	    margin-right: 15px;
	    /* flex: 1; */
	}

.col-row-3{
	
}
	.col-row-3 > *:nth-child(1),
	.col-row-3 > *:nth-child(2) {
    	margin-right: 15px;
	}

.col-row-4 {
    display: flex !important;
}
	.col-row-4 > div{
	    flex: 1;
	    margin-right: 10px;
	}
	.col-row-4 > div:nth-child(1){
	
	}
	.col-row-4 > div:nth-child(2){
	    /*height: 20px;
	    display: flex;
	    align-items: center;*/
	}
	.col-row-4 > div:nth-child(3){
	    
	}
	.col-row-4 > div:nth-child(4){
	   /* margin-right: 0px;
	    height: 20px;
	    display: flex;
	    align-items: center;*/
	    margin-right: 0px;
	}


.col-label{
	max-width: 70px !important;
	min-width: 70px !important;
	max-height: 20px !important;
	overflow: hidden;
	padding: 0px;
}

.col-field{
	padding: 0px;
	flex: 1;
	display: flex;
	width: 100%;
	flex-direction: column;
	max-width: 100%;
}
	.col-field > * {
		width: 100%;
	}
	
	
	
.col-label-2{
	max-width: 100px !important;
	min-width: 100px !important;
	max-height: 20px !important;
	overflow: hidden;
	padding: 0px;
}

.col-field-2{
	padding: 0px;
	flex: 1;
	display: flex;
	width: 100%;
	flex-direction: column;
	max-width: 100%;
}
	.col-field-2 > * {
		width: 100%;
	}

.row.urow2{
	width: auto;
}
	.row.urow2 > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .row.urow2 > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		}
	    .row.urow2 > div:nth-child(2) > input{
	      	width: 100% !important;
	      	height: 25px;
	    }
.row.urow2-select{
	width: 100%;
	display: flex;
}
	.row.urow2-select > div:nth-child(1){
    	margin: 0px !important;
    	padding-right: 0px !important;
    	margin-right: 15px !important;
    	flex: 1;
    }
    .row.urow2-select > div:nth-child(2){
		margin: 0px !important;
		padding-left: 0px !important;
		display: flex;
		/* width: 100%; */
		flex: 1;
		}
	    .row.urow2-select > div:nth-child(2) > input{
	      	width: 100% !important;
	      	height: 25px;
	    }
    
.row.urow3{
	
}
  	.row.urow3 > div:nth-child(2){
    	margin: 0px !important;
    	padding-right: 0px !important;
    }
    .row.urow3 > div:nth-child(3){
		margin: -1px !important;
		padding-left: 0px !important;
		}
	    .row.urow3 > div:nth-child(3) > input{
	      	width: 100% !important;
	    	height: 25px;
	    }
/* END COL ROWS */


/* CHECKBOX */
.checkbox-row {
    display: flex;
    align-items: center;
    height: 20px;
    min-width: 80px;
}

label.checkbox.checkbox-custom-alt {
    font-weight: normal;
    font-family: arial;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    /* float: right; */
    display: flex;
}

/* END CHECKBOX */


/* UI SELECT */


.ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.ui-select-erp > div > span > span{
	font-family: tahoma;
	font-size: 11px !important;
	max-width: 90%;
	overflow-x: scroll;
}

.ui-select-erp > div > span > span > span{
	width: 100% !important;
	/* display: flex; */
	overflow: hidden !important;
}

.ui-select-erp input:focus,
.ui-select-erp input:focus:hover,
.ui-select-erp input:hover,
.ui-select-erp input{
	margin: 0px !important;
	padding: 0px !important;
	text-align: left;
	/* width: 100%; */
	height: 18px !important;
	padding-left: 2px !important;
	/*text-transform: uppercase;*/
	/* min-width: 100%; */
}

.ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

/*.ui-select-erp span{
	text-transform: uppercase;
	font-size: 12px;
	font-family: tahoma;
}*/

/* New version ui-select */
.ui-select-erp span{
	/*text-transform: uppercase;*/
	font-size: 11px;
	font-family: tahoma;
	height: 20px;
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
}

.ui-select-match-text > span {
    height: 19px;
}



.ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;
	padding: 3px;
}

.ui-select-multiple.ui-select-bootstrap {
	padding: 3px 3px 0 3px;
}


/*.select-input{
	display: flex;
	width: 100%;
}
	.select-input > div:nth-child(1){
		flex: 1;
	}
	.select-input i{
		display:none;
	}
	
.a-select-input{
	border: 1px solid #e1e1e1;
	border-left: none;
	padding-right: 2px;
	padding-left: 2px;
	cursor: pointer;
	color: #616f77 !important;
	background: #e1e1e1;
	border-left: none;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 20px;
	position: relative;
	width: 11px;
}
.a-select-input:hover{
	background: #e1e1e1;
}
	.a-select-input > i{
		font-size: 11px;
		position: absolute;
		margin-top: 2px;
		color: #3f4e62;
		display: block;
	}
*/





.ui-select-erp-multiple >
 div > span > span > span > span:nth-child(1) {
   display: none;
}

.ui-select-erp-multiple >
 div > span > span > span > span:nth-child(2) > a {
    color: #565656; 
}

.ui-select-erp-multiple >
 div > span > span > span > span:nth-child(2) > span{
	font-size: 11px;
	font-family: tahoma;
}

.ui-select-erp-multiple >
 div > span > span > span > span:nth-child(2) > a:hover {
    color: #cdd3d7; 
}

.ui-select-erp > div > span > span{
	font-family: tahoma;
	font-size: 11px;
	max-width: 90%;
	overflow-x: hidden;
	margin: 0px !important;
	/* padding: 0px; */
	padding: 0px !important;
	/* position: absolute; */
	top: 2px;
	height: 15px;
	overflow-y: hidden;
}


.ui-select-bootstrap > .ui-select-match .ui-select-toggle > span:first-of-type {
    /* color: #FBFBF8; */
    font-style: italic;
    font-size: 12px;
}


.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: transparent !important; /* To prevent double background when disabled */
  border: none;
  outline: none;
  height: 1.666666em;
  margin-bottom: 3px;
  width: 100% !important;
}



li.select-footer {
    list-style: none;
    display: flex;
    /* border: 1px solid #a3a3a3; */
    padding: 4px;
    width: 100%;
    background: #eaeef3;
    position: absolute;
    z-index: 1000;
    /* bottom: -223px; */
    max-width: 310px;
}
li.select-footer > span {
    margin: 0px 5px;
}

li.select-footer-nochoice {
    list-style: none;
    display: flex;
    /* border: 1px solid #a3a3a3; */
    padding: 2px;
    width: 100%;
    /* background: #f7f7f7; */
    /* position: absolute; */
    z-index: 1000;
    /* bottom: -223px; */
    max-width: 310px;
}
li.select-footer-nochoice > span {
    margin: 0px 5px;
}


/* END UI SELECT */


/* TILES */

.tile-erp{
	height: 100%;
}

.tile-widget-erp {
    padding: 10px;
    margin: 0px !important;
    position: relative;
    margin-bottom: 20px;
    color: #616f77;
    background-color: white;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
}

.tile-body-erp{
	padding: 0px !important;
	display: flex !important;
	flex-direction: column;
	height: 100%;
	margin-top: 2px;
}

/* OTHERS */

hr{
	border-top: 1px solid #e6e6e6 !important;
	border-style: dashed !important;
}
	hr.line-full {
  		margin: 10px -10px;
	}


/* END OTHERS */



/* MARGINS */

.margin-5{
	margin: 5px 0px;
}

/* END MARGINS */

/* PADDINGS */

.no-padding{
	padding: 0px !important;
}

.no-padding-erp{
	padding: 6px !important;
}

/* END PADDINGS */


/* FORM ERRORS */
.form-error {
    font-size: 10px;
    font-family: tahoma;
    color: #bd4949;
}



span.message-required {
    color: red;
    font-size: 10px;
    font-family: tahoma;
}
span.maxlength-error {
    color: red;
    font-size: 10px;
    font-family: tahoma;
}


/** CARDS **/
.card-container {
  position: relative;
  min-width: 280px;
  }
  .card-container .card {
    min-height: 110px;
    margin-bottom: 20px;
    position: relative;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
    width: 100%;
    cursor: pointer;
    z-index: 9;
    color: white;
    height: 140px;
    /* min-width: 260px; */
    }
    .card-container .card .front {
      height: 100%;
      position: relative;
      width: 100%;
      padding: 28px;
      top: 0;
      left: 0;
      z-index: 11;
      -webkit-transform: rotateX(0deg) rotateY(0deg);
      -moz-transform: rotateX(0deg) rotateY(0deg);
      -ms-transform: rotateX(0deg) rotateY(0deg);
      -o-transform: rotateX(0deg) rotateY(0deg);
      transform: rotateX(0deg) rotateY(0deg);
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      /* -- transition is the magic sauce for animation -- */
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      background: #145d89 !important;
      }
     .card-container .card .front p{
     	font-family: tahoma;
     	font-weight: normal;
     	font-size: 20px !important;
     	width: 170px;
     	white-space: nowrap;
     	text-overflow: ellipsis;
     	overflow: hidden;
     }
     .card-container .card .front span{
     	font-family: tahoma;
     	font-weight: normal;
     	font-size: 13px !important;
     }
     .card-container .card .front i{
     	color:white;
     }
    .card-container .card:hover .front {
      z-index: 11;
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg); }
    .card-container .card:hover .back {
      z-index: 12;
      -webkit-transform: rotateX(0deg) rotateY(0deg);
      -moz-transform: rotateX(0deg) rotateY(0deg);
      -ms-transform: rotateX(0deg) rotateY(0deg);
      -o-transform: rotateX(0deg) rotateY(0deg);
      transform: rotateX(0deg) rotateY(0deg); }
    .card-container .card .back {
      position: absolute;
      top: 0;
      border: 0;
      height: 100%;
      width: 100%;
      left: 0;
      z-index: 10;
      -webkit-transform: rotateY(-180deg);
      -moz-transform: rotateY(-179deg);
      /* setting to 180 causes an unnatural-looking half-flip */
      transform: rotateY(-179deg);
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      /* -- transition is the magic sauce for animation -- */
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      background: #145d89 !important;
      }
      .card-container .card .back > .row {
        height: 100%;
        margin: 0; }
        .card-container .card .back > .row > div {
          height: 100%;
          padding: 0; }
          .card-container .card .back > .row > div a {
            display: block;
            width: 100%;
            height: 100%;
            text-align: center;
            padding: 30px 10px 10px; }
            .card-container .card .back > .row > div a i {
              display: block;
              margin-bottom: 5px;
				color: white !important;
              }
            .card-container .card .back > .row > div a:hover {
              text-decoration: none;
              color: white !important;}
          .card-container .card .back > .row > div:first-of-type a {
            background-color: rgba(0, 0, 0, 0.1); }
          .card-container .card .back > .row > div:nth-of-type(2) a {
            background-color: rgba(0, 0, 0, 0.05); }


span.required {
    font-size: 10px;
    font-family: tahoma;
    color: #a94c4c;
}


/* NAV */
#sidebar{
	top: 40px !important;
}


/* MODALS */
.modal-notificacion{
    display: flex;
    flex-direction: column;
}
.modal-notificacion > div > h4{
    border-bottom: 1px solid;
}
.modal-notificacion > .info{

}

.modal-notificacion > .titulo{

}

.modal-notificacion > .descripcion{
    
}


/* POPOVER TOP */

.popover.top{
    margin-top: -6px !important;
}

	.popover.top .popover-content {
	  padding: 5px 5px 3px 5px !important;
	}
	.popover.top .arrow {
	  bottom: -10px !important;
	  margin-left: -6px !important;
	  border-width: 5px !important;
	}
	
/* END POPOVER TOP */


.appWrapper.aside-fixed #sidebar {
  position: fixed;
  top: 45px;
  bottom: 0;
  z-index: 1;
  overflow: scroll;
  overflow-y: auto;
  overflow-x: hidden;
}
.appWrapper.aside-fixed #sidebar ::webkit-scrollbar{
	display: none;
}


/* General viewport */
.general-viewport{
	padding: 5px;
}

/* View info */
.view-info {
    bottom: 0;
    position: absolute;
    padding: 10px;
    border: 1px solid yellow;
}
/* End view info */

/* MEDIA QUERIES */
/*@media only screen and (max-width: 992px) {*/
@media only screen and (max-width: 1050px) {
  .appWrapper.sidebar-sm #header .branding, .appWrapper:not(.sidebar-sm):not(.sidebar-xs) #header .branding {
    width: 40px !important;
  }
    .appWrapper.sidebar-sm #header .branding .brand > span, .appWrapper:not(.sidebar-sm):not(.sidebar-xs) #header .branding .brand > span {
      display: none;
    }
    .appWrapper.sidebar-sm #header .branding .brand, .appWrapper:not(.sidebar-sm):not(.sidebar-xs) #header .branding .brand {
      margin-left: 12px;
    }
  .appWrapper:not(.sidebar-sm):not(.sidebar-xs) #header .branding {
    width: 80px !important;
    }
    .appWrapper:not(.sidebar-sm):not(.sidebar-xs) #header .branding .brand {
      margin-left: -9px;
    }
    
    .appWrapper.aside-fixed #sidebar{
    	overflow-y: scroll !important;
    	overflow-x: none !important
    }
    
}

/*@media (max-width: 1050px){
	.appWrapper.aside-fixed #sidebar {
		width: 200px !important;
		padding: 0;
		background-color: #495a72;
		z-index: 21;
		-webkit-overflow-scrolling: touch;
		-webkit-overflow-scrolling: -blackberry-touch;
		overflow-y: scroll !important;
		overflow-wrap: none !important;
		top: 35px !important;
		transition: all 0.3s linear;
	}
	.appWrapper .aside-fixed.hide-menu{
		margin-left: -200px !important;
	}
}*/


/*@media (max-width: 992px){*/
@media (max-width: 1050px){
	.appWrapper.aside-fixed #sidebar {
		width: 200px !important;
		padding: 0;
		background-color: #495a72;
		z-index: 21;
		-webkit-overflow-scrolling: touch;
		-webkit-overflow-scrolling: -blackberry-touch;
		overflow-y: scroll !important;
		overflow-wrap: none !important;
		top: 35px !important;
		transition: all 0.3s linear;
	}
	.appWrapper .aside-fixed.hide-menu{
		margin-left: -200px !important;
	}
	
	#navigation .dropdown > a{
		display: flex;
		flex-direction: row;
		/*align-items: center;*/
		padding-left: 10px !important;
		/*font-size: 11px;*/
		/* text-overflow: ellipsis; */
		/* max-width: 80px; */
	}

	#navigation .dropdown > a > i:last-of-type {
		display: none;
	}

	#submelement{
		padding-bottom: 0px !important;
		/*margin: 0px !important;*/
		-webkit-padding-start: 5px;
		margin: 5px 0px !important;
	}

	#navigation .dropdown > ul {
		display: none;
		background-color: rgba(0, 0, 0, 0.15);
		list-style: none;
		padding: 0px;
		/*font-size: 10px;*/
		/* margin: 8px !important; */
	}

	#navigation > li a {
		/*font-size: 12px;*/
		/* margin: 5px 0px; */
		padding: 10px 0px;
	}

	#navigation > li a > span{
		
	}
	
	.appWrapper.header-fixed.aside-fixed:not(.sidebar-sm):not(.sidebar-xs) #content {
    	left: 0px !important;
    }
    
    .appWrapper.header-fixed.aside-fixed .content-home-aqadem{
		background-size: contain !important;
	}
	
}

.no-margin-bottom{
	margin-bottom: 0px !important;
}


/* FORMS */

/*input:required:invalid, input:focus:invalid{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFW…A0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC);
    background-position: right top;
    background-repeat: no-repeat;
    box-shadow: none;
}*/



/* COMPVEN GENERAL EDICION */
.compven-general-edicion {
    flex-wrap: wrap;
}
    .compven-general-edicion > div{
        flex: 1;
    }
    .compven-general-edicion > div:nth-child(1){
        max-width: 400px;
        min-width: 400px;
    }
    .compven-general-edicion > div:nth-child(2){
        min-width: 500px;
    }



/* CHAT */
#tawkchat-maximized-wrapper > div > div:nth-child(2) > div:nth-child(4) > a:nth-child(2) {
    display: none;
}



/* UI GRID */
.ui-grid-viewport{
	overflow-x: hidden !important;
	overflow-y: hidden !important;
}


/* Utils */
.without-padding{
	padding: 0px;
}




/** General STRIPE **/
.stripe_principal{
	background: #2d4c6d !important;
    height: 100%;
    color: white;
}
	.stripe_principal img{
		padding-top: 5% !important;
	}
	.stripe_principal .stripe_success{
		padding: 30px;
	}
		.stripe_principal .stripe_success > div:nth-child(1){
			font-size: 30px;
			text-align: center;
			margin-bottom: 10px;
		}
		.stripe_principal .stripe_success > div:nth-child(2){
			font-size: 20px;
			text-align: center;
		}
		.stripe_principal .stripe_success > div:nth-child(3){
			text-align: center;
			margin: 25px;
			color: #7bd67b;
		}
			.stripe_principal .stripe_success > div:nth-child(3) > i{
				font-size: 70px;
				/* text-align: center; */
			}
		.stripe_principal .stripe_success > div:nth-child(4){
			margin-top: 50px;
			text-align: center;
			font-size: 18px;
		}
		.stripe_principal .stripe_success > div:nth-child(5){
			text-align: center;
		}
		
	.stripe_principal .stripe_cancel{
		padding: 30px;
		font-size: 30px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
		.stripe_principal .stripe_cancel > div:nth-child(1){
			font-size: 30px;
			text-align: center;
			margin-bottom: 10px;
		}
		.stripe_principal .stripe_cancel > div:nth-child(2){
			font-size: 45px;
			text-align: center;
			color: #f24556;
		}
		.stripe_principal .stripe_cancel > div:nth-child(3){
			text-align: center;
			margin: 25px;
			color: #7b9fd6 !important;
		}
			.stripe_principal .stripe_cancel > div:nth-child(3) > a{
				color: #a3b2ec;
				font-size: 25px;
				font-style: oblique;
				text-decoration: underline;
				/* text-align: center; */
			}
		.stripe_principal .stripe_cancel > div:nth-child(4){
			margin-top: 50px;
			text-align: center;
			font-size: 18px;
		}
		.stripe_principal .stripe_cancel > div:nth-child(5){
			text-align: center;
		}


			
.stripe_principal .lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.stripe_principal .lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.stripe_principal .lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.stripe_principal .lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.stripe_principal .lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.stripe_principal .lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}



/* Notas leyendas */
.notas-leyenda {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-top: 185px;
}
    .notas-leyenda > div:nth-child(1){
        background: #145d89 !important;
        border-radius: 0px !important;
        color: white !important;
        margin: 0px !important;
        height: 25px;
    }
    .notas-leyenda > div:nth-child(2){
        display: flex;
        flex-direction: column;
        background: none !important;
        border-radius: 0px !important;
        border: 1px solid #cad1db;
        margin: 0px !important;
        align-items: baseline !important;
        color: #2e4c6c !important;
    }
        .notas-leyenda > div:nth-child(2) > div{
            display: flex;
            align-items: baseline;
            width: 180px;
            height: 15px;
            margin: 5px 0px;
        }
        	.notas-leyenda > div:nth-child(2) > div > span{
        		margin-right: 0px;
        		width: 12px;
        		height: 10px;
        		/* padding-right: 23px; */
        	}
			.notas-leyenda > div:nth-child(2) > div > span:nth-child(2){
                width: 100%;
                padding-left: 10px;
           }
        .notas-leyenda > div:nth-child(2) > div:nth-child(1){
        }
            .notas-leyenda > div:nth-child(2) > div:nth-child(1) > span:nth-child(1){
                background: #75ab74;
            }
        


/* LOGIN */
.section-options-login{

}
.otros-enlaces{
	display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 12px;
    background: #495a72 !important;
	margin: -15px;
	padding: 7px;
}
	.otros-enlaces > a{

	}
	.otros-enlaces > a:hover{
		color: #559bf9;
	}
	.otros-enlaces > a:nth-child(1){

	}
	.otros-enlaces > a:nth-child(2){
		
	}
@charset "UTF-8";

.cabecera-resumen{
}
	.cabecera-resumen .general{
		height: 100%;
		padding: 10px;
		margin-top: 10px;
	}
		.cabecera-resumen .general .tamSelect{
		    width: 100%;
		}
		.cabecera-resumen .general .bloque-grid {
		    width: 100%;
		    margin-top: 10px;
		}
		.cabecera-resumen .general .cabecera {
		    display: flex;
		    flex: 1;
		    flex-direction: column;
		}
			.cabecera-resumen .general .cabecera .fila {
			    display: flex;
			    flex: 1;
			    height: 25px;
			}
				.cabecera-resumen .general .cabecera .fila .item-fecha{
					display: flex;
					width: 10%;
					height: 20px;
					margin-right: 5px;
					min-width: 110px;
				}

.cabecera-resumen .general .cabecera .fila .item-fecha > campo-fecha > span > input{
    height: 20px !important;
    font-size: 11px !important;
    font-family: tahoma !important;
}
.cabecera-resumen .general .cabecera .fila .item-fecha > campo-fecha > span > span > button{
    height: 20px !important;
}
	.cabecera-resumen .general .cabecera .fila .item-fecha > campo-fecha > span > span > button > i{
		position: relative;
		top: -2px;
	}
				.cabecera-resumen .general .cabecera .fila .item-boton{
					flex: 1;
					display: flex;
					justify-content: flex-end;
				}
				.cabecera-resumen .general .cabecera .fila .item-boton > button{
					width: 45px;
					height: 45px;
				}
				.cabecera-resumen .general .cabecera .fila .item-check{
					display: flex;
					width: 25%;
					height: 20px;
					margin-right: 20px;
				}
					.cabecera-resumen .general .cabecera .fila .item-check .columna-check{
						width: 60%;
						display: flex;
						flex-direction: column;
						min-width: 95px;
						height: 20px !important;
						margin-right: 20px;
					}
						.cabecera-resumen .general .cabecera .fila .item-check .columna-check > div{
							height:70%;
							height: 15px;
						}
							.cabecera-resumen .general .cabecera .fila .item-check .columna-check > div > input{
								width: fit-content;
								margin: 2px;
							}
				.cabecera-resumen .general .cabecera .fila .item-check-1{
					display: flex;
				    width: 10%;
				    height: 20px;
				    margin-right: 20px;
				}
					.cabecera-resumen .general .cabecera .fila .item-check-1 .columna-check-1{
						width: 100%;
						display: flex;
					    flex-direction: column;
					}
						.cabecera-resumen .general .cabecera .fila .item-check-1 .columna-check-1 > div{
							height:70%
						}
							.cabecera-resumen .general .cabecera .fila .item-check-1 .columna-check-1 > div > input{
								width: fit-content;
								margin: 2px;
							}
				.cabecera-resumen .general .cabecera .fila .item-select{
					display: flex;
					width: 55%;
					height: 20px;
					padding-right: 5px;
					font-size: 11px !important;
					font-family: tahoma !important;
				}
					.cabecera-resumen .general .cabecera .fila .item-select span{
						font-size: 11px !important;
						font-family: tahoma !important;
					}
					.cabecera-resumen .general .cabecera .fila .item-select .select-2_3{
						display: flex;
					    width: 67%;
					    height: 20px;
					    padding-right: 5px;
					}
					.cabecera-resumen .general .cabecera .fila .item-select .campoDoble{
						padding-right: 0px !important;
					}
					.cabecera-resumen .general .cabecera .fila .item-select .campoDoble .ui-select-erp input{
						width: 100% !important;
					}
					.cabecera-resumen .general .cabecera .fila .item-select .select-1_3{
						display: flex;
					    width: 33%;
					    height: 20px;
					    padding-right: 5px;
					}
	.cabecera-resumen .loading-page{
		height: 100%;
		z-index: 3;
	}
	.cabecera-resumen .label-margin-filtros{
		margin: 0px 4px;
	}
	
@charset "UTF-8";

/* Section linea */
.section-row {
    display: flex;
    flex-direction: column;
    padding: 0px !important;
    /* margin: 10px 0px; */
    /* border: 1px solid #145d89; */
    background: #145d8926;
}
	.section-row > div{
	    flex:1;
	    display: flex;
	    flex-wrap: wrap;
	}
	.section-row > .cabecera{
	    margin: 0px 0px 10px 0px;
	    /* border-bottom: 1px solid; */
	    font-size: 13px;
	    text-align: center;
	    flex-direction: row !important;
	    background: white;
	}
		.section-row > .cabecera > div{
	    	flex: 1;
	    	margin: 0px 1px;
	    	border-bottom: 1px solid #8f9fc3;
	    	background: #145d89;
	    	color: #fbfcfd;
	    	min-width: 165px;
	    	max-width: 165px;
		 }
		.section-row > .cabecera > div:nth-child(1){
	    	max-width: 35px;
	    	border-bottom: none;
	    	min-width: 35px;
	    	/* height: 18px; */
	 	}
		.section-row > .cabecera > div:nth-child(2){
	    	min-width: 83px;
	    	max-width: 83px;
	    	flex: 2;
		 }
		.section-row > .cabecera > div:nth-child(3){
	    	min-width: 92px;
	    	max-width: 92px;
	    	flex: 2;
		}
		.section-row > .cabecera > div:nth-child(4){
	    	min-width: 170px;
	    	max-width: 170px;
	    	flex: 2;
	 	}
		.section-row > .cabecera > div:nth-child(5){
	    	min-width: 170px;
	    	max-width: 170px;
	    	flex: 2;
	 	}
		.section-row > .cabecera > div:nth-child(6){
	    	min-width: 170px;
	    	max-width: 170px;
	    	flex: 2;
	 	}
		.section-row > .cabecera > div:nth-child(7){
	    	min-width: 85px;
	    	max-width: 85px;
	    	flex: 2;
	 	}
		.section-row > .cabecera > div:nth-child(8){
			min-width: 85px;
	    	max-width: 85px;
	    	flex: 2;
		}
		.section-row > .cabecera > div:nth-child(9){
			min-width: 45px;
	    	max-width: 45px;
	    	flex: 2;
		}
		.section-row > .cabecera > div:nth-child(10){
			min-width: 45px;
	    	max-width: 45px;
	    	flex: 2;
			border-bottom: none;
			background: none;
		}
	.section-row > .content{
		 margin: 0px 0px 5px 0px;
		 height: 20px;
	}
		.section-row > .content input{
			height: 20px !important;
			font-family: tahoma;
    		font-size: 10px;
		}
		.section-row > .content > div{
	    	flex: 1;
	    	margin: 0px 1px;
	    	min-width: 60px;
	    	max-width: 60px;
	  }
		.section-row > .content > div:nth-child(1){
	    	max-width: 35px;
	    	min-width: 35px;
	 }
		.section-row > .content > div:nth-child(2){
	    	min-width: 83px;
	    	flex: 2;
	    	max-width: 83px;
	 }
		.section-row > .content > div:nth-child(3){
	    	min-width: 92px;
	    	flex: 3;
	    	display: flex;
	    	max-width: 92px;
	  	}
	  	.section-row > .content > div:nth-child(4){
	    	min-width: 170px;
	    	flex: 2;
	    	display: flex;
	    	max-width: 170px;
	   }
	  	.section-row > .content > div:nth-child(5){
	    	min-width: 170px;
	    	flex: 2;
	    	display: flex;
	    	max-width: 170px;
	   }
	  	.section-row > .content > div:nth-child(6){
	    	min-width: 170px;
	    	flex: 2;
	    	display: flex;
	    	max-width: 170px;
	   }
	  	.section-row > .content > div:nth-child(7){
	    	min-width: 85px;
	    	flex: 2;
	    	display: flex;
	    	max-width: 85px;
	   }
		.section-row > .content > div:nth-child(8){
	    	min-width: 85px;
	    	flex: 2;
	    	display: flex;
	    	max-width: 85px;
	 	}
	 	.section-row > .content > div:nth-child(9){
	    	min-width: 45px;
	    	flex: 2;
	    	display: flex;
	    	max-width: 45px;
	 	}
	 	.section-row > .content > div:nth-child(10){
	    	display: flex;
	    	max-width: 50px;
	    	min-width: 50px;
	 	}
	 	    .section-row > .content > div:nth-child(10) > button{
	 	    	font-size: 12px;
	 	    	padding: 4px;
	 	    }
	 	    .section-row > .content > div:nth-child(10) > button:nth-child(1){
                
	 	    }
	 	    .section-row > .content > div:nth-child(10) > button:nth-child(2){
	 	    	
	 	    }
	 	    .section-row > .content > div:nth-child(10) > button:nth-child(3){
	 	    	
	 	    }
	 	

@charset "UTF-8";

.generic-search{
	display: flex;
	align-items: center;
	justify-content: center;
	/* margin-right: 10px; */
	background: #3c3939;
	padding: 10px;
	color: white;
}
	.generic-search > .header-search{
	}

.page-search{
	position: absolute;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: #ffffffd9;
}
	.page-search > div{
		display: flex;
		margin: 20px;
	}

		.page-search > div:nth-child(1){

		}
			.page-search > div:nth-child(1) > div{
				font-size: 18px;
				border-bottom: 1px solid #9a9aac;
			}
		


		.page-search > div > input{
			border: none;
			background: none;
			border-bottom: 1px solid #5c5c83;
		}
		.page-search > div > span{
			background: none;
			margin: 0px 10px;
		}

@charset "UTF-8";

options-header {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
}
    
    options-header .dropdown-menu{
    	left: -60px !important;
    	/* min-width: 70px !important; */
    	/* max-width: 70px !important; */
    	text-align: center;
    }
    
    options-header > li{
    }
    	options-header > li > ul{
	    	width: 100px !important;
	    	min-width: 100px !important;
    	}
    		options-header > li > ul > li{
				width: 100px;
				display: flex;
    		}
	    		options-header > li > ul > li > button{
					width: 100px;
					display: flex;
					align-items: center;
					justify-content: center;
					background: none;
					border: none;
					border-bottom: 1px solid #7da6bf;
				}
				    options-header > li > ul > li > button > span{
				    	margin: 0px 5px;
				    }
					    options-header > li > ul > li > button > span:nth-child(1) > img{
					    	width: 25px;
					    }
				    
				    

@charset "UTF-8";

support-chat {
    width: 450px;
    height: 450px;
    z-index: 999999;
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
}
    
    support-chat > .windows{
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    border: 3px solid #2e4c6c;
    }

        support-chat > .windows > .cabecera{
            background: #2e4c6c;
            display: flex;
            height: 10%;
            align-items: center;
            justify-content: flex-end;
            color: white;
        }
            support-chat > .windows > .cabecera > div{

            }
                support-chat > .windows > .cabecera > div > button{
                    background: none;
                    border: none;
                    color: white;
                }
        support-chat > .windows > .content{
            background: white;
            height: 70%;
            display: flex;
        }
        support-chat > .windows > .write{
            background: #145d89;
            height: 10%;
            display: flex;
        }
        support-chat > .windows > .footer{
            background: brown;
            height: 10%;
            display: flex;
        }

@charset "UTF-8";

ul.menuRightClick{
    position: absolute;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    z-index: 10;
    display: none;
    flex-direction: column;
}

ul.menuRightClick::before{
	content: "";
    position: absolute;
    left: 12px;
    top: -10px;
    height: 0;
    width: 0;
    border-bottom: 9px solid rgba(0, 0, 0, 0.15);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    right: auto;
    left: 11px;
}

ul.menuRightClick::after{
	content: "";
    position: absolute;
    left: 13px;
    top: -8px;
    height: 0;
    width: 0;
    border-bottom: 8px solid white;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    left: 12px;
    right: auto;
}

ul.menuRightClick > li{
	line-height: 30px;
	font-size: 16px;
	cursor:pointer;
}

ul.menuRightClick > li:hover{
	color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
 
ul.menuRightClick > li > a{
	display: block;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    white-space: nowrap;
    color: #4a555b;
    padding: 5px 15px;
    text-decoration: none;
    font-size: 14px;
    text-align: left;
}



ul.menuRightClickBandaLateral{
    position: absolute;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /* border: 1px solid #ccc; */
    /* border: 1px solid rgba(0, 0, 0, .15); */
    /* border-radius: 4px; */
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    z-index: 10;
    display: none;
    flex-direction: column;
    border: 0;
    border-left: 10px solid #145d89;
}

ul.menuRightClickBandaLateral::before{
	/*content: "";
    position: absolute;
    left: 12px;
    top: -10px;
    height: 0;
    width: 0;
    border-bottom: 9px solid rgba(0, 0, 0, 0.15);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    right: auto;
    left: 11px;*/
}

ul.menuRightClickBandaLateral::after{
	/*content: "";
    position: absolute;
    left: 13px;
    top: -8px;
    height: 0;
    width: 0;
    border-bottom: 8px solid white;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    left: 12px;
    right: auto;*/
}

ul.menuRightClickBandaLateral > li{
	line-height: 30px;
	font-size: 16px;
	cursor:pointer;
	border-bottom: 1px dashed #ebf1ff;
}
ul.menuRightClickBandaLateral > li:last-child{
	line-height: 30px;
	font-size: 16px;
	cursor:pointer;
	border-bottom: 0px;
}

ul.menuRightClickBandaLateral > li:hover{
	color: #262626;
	text-decoration: none;
	background-color: #f4fbff;
}
ul.menuRightClickBandaLateral > li.disabled:hover{
	color: #262626;
	text-decoration: none;
}
ul.menuRightClickBandaLateral > li.disabled > a{
	background-color: #f2f2f3;
	width: 100%;
	margin-bottom: 1px;
	color: #a2aaaf;
}
ul.menuRightClickBandaLateral > li > button,
ul.menuRightClickBandaLateral > li > button:focus,
ul.menuRightClickBandaLateral > li > a,
ul.menuRightClickBandaLateral > li > a:focus {
   display: block;
   clear: both;
   font-weight: normal;
   line-height: 1.42857143;
   white-space: nowrap;
   color: #4a555b;
   padding: 4px 15px;
   text-decoration: none;
   font-size: 14px;
   text-align: left;
   background: none !important;
   border: none !important;
}
ul.menuRightClickBandaLateral > li > button:disabled,
ul.menuRightClickBandaLateral > li > a:disabled{
	background-color: #f2f2f3;
	width: 100%;
	margin-bottom: 1px;
	color: #a2aaaf;
}


.separador{
	border-bottom : 1px solid lightgray;
}




ul.menuRightClickTable{
    position: absolute;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    z-index: 10;
    display: none;
    flex-direction: column;
}

ul.menuRightClickTable::before{
	content: "";
    position: absolute;
    left: 12px;
    top: -10px;
    height: 0;
    width: 0;
    border-bottom: 9px solid rgba(0, 0, 0, 0.15);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    right: auto;
    left: 11px;
}

ul.menuRightClickTable::after{
	content: "";
    position: absolute;
    left: 13px;
    top: -8px;
    height: 0;
    width: 0;
    border-bottom: 8px solid white;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    left: 12px;
    right: auto;
}

ul.menuRightClickTable > li{
	line-height: 30px;
	font-size: 16px;
	cursor:pointer;
	border-bottom: 1px dashed #a5adb25e;
}
ul.menuRightClickTable > li:last-child{
	border: none !important;
}

ul.menuRightClickTable > li:hover{
	color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
 
ul.menuRightClickTable > li > button,
ul.menuRightClickTable > li > button:focus{
	display: block;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	white-space: nowrap;
	color: #4a555b;
	padding: 5px 15px;
	text-decoration: none;
	font-size: 14px;
	text-align: left;
	background: none !important;
	border: none !important;
}
ul.menuRightClickTable > li > button:disabled{
	background-color: #f2f2f3;
	width: 100%;
	margin-bottom: 1px;
	color: #a2aaaf;
	/* border-bottom: 1px dashed blue; */
}


/* Arriba */

ul.menuRightClickBandaLateral.arriba::before{
	/*content: "" !important;
	position: absolute !important;
	left: 12px !important;
	bottom: -6px !important;
	top: unset !important;
	height: 0 !important;
	width: 0 !important;
	border-top: 6px solid rgba(0, 0, 0, 0.15) !important;
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	right: auto !important;
	left: 11px !important;
	border-bottom: unset;*/
}

ul.menuRightClickBandaLateral.arriba::after{
	/*content: "" !important;
	position: absolute !important;
	left: 13px !important;
	bottom: -8px !important;
	height: 0 !important;
	width: 0 !important;
	border-top: 8px solid white !important;
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	left: 12px !important;
	right: auto !important;
	top: unset !important;
	border-bottom: unset;*/
}

/* End arriba */


/* Centrado */

ul.menuRightClickBandaLateral.centrado::before{
	content: "" !important;
	position: absolute !important;
	left: 0px !important;
	bottom: 0px !important;
	top: unset !important;
	height: 0 !important;
	width: 0 !important;
	border-top: 0px solid rgba(0, 0, 0, 0.15) !important;
	border-left: 0px solid transparent !important;
	border-right: 0px solid transparent !important;
	right: auto !important;
	left: 0px !important;
	border-bottom: unset;
}

ul.menuRightClickBandaLateral.centrado::after{
	content: "" !important;
	position: absolute !important;
	left: 0px !important;
	bottom: 0px !important;
	height: 0 !important;
	width: 0 !important;
	border-top: 0px solid white !important;
	border-left: 0px solid transparent !important;
	border-right: 0px solid transparent !important;
	left: 0px !important;
	right: auto !important;
	top: unset !important;
	border-bottom: unset;
}

/* End centrado */

/* Izquierda */
ul.menuRightClickBandaLateral.izquierda::before{
	/*content: "";
	position: absolute;
	left: 12px;
	top: -10px;
	height: 0;
	width: 0;
	border-bottom: 9px solid rgba(0, 0, 0, 0.15);
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	left: auto;
	right: 11px;*/
}

ul.menuRightClickBandaLateral.izquierda::after{
	/*content: "";
	position: absolute;
	left: 13px;
	top: -8px;
	height: 0;
	width: 0;
	border-bottom: 8px solid white;
	border-left: 10px solid transparent;
	border-right: 9px solid transparent;
	right: 11px;
	left: auto;*/
}
/* End izquierda */


ul.menuRightClickBandaLateral.arriba.izquierda::before{
	/*content: "" !important;
	position: absolute !important;
	left: 12px !important;
	bottom: -6px !important;
	top: unset !important;
	height: 0 !important;
	width: 0 !important;
	border-top: 6px solid rgba(0, 0, 0, 0.15) !important;
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	left: auto !important;
	right: 11px !important;
	border-bottom: unset;
	/* display: flex; */*/
}

ul.menuRightClickBandaLateral.arriba.izquierda::after{
	/*content: "" !important;
	position: absolute !important;
	left: 13px !important;
	bottom: -8px !important;
	height: 0 !important;
	width: 0 !important;
	border-top: 8px solid white !important;
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	right: 12px !important;
	left: auto !important;
	top: unset !important;
	border-bottom: unset;*/
}







/* Arriba */

ul.menuRightClickTable.arriba::before{
	content: "" !important;
	position: absolute !important;
	left: 12px !important;
	bottom: -6px !important;
	top: unset !important;
	height: 0 !important;
	width: 0 !important;
	border-top: 6px solid rgba(0, 0, 0, 0.15) !important;
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	right: auto !important;
	left: 11px !important;
	border-bottom: unset;
}

ul.menuRightClickTable.arriba::after{
	content: "" !important;
	position: absolute !important;
	left: 13px !important;
	bottom: -8px !important;
	height: 0 !important;
	width: 0 !important;
	border-top: 8px solid white !important;
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	left: 12px !important;
	right: auto !important;
	top: unset !important;
	border-bottom: unset;
}

/* End arriba */


/* Centrado */

ul.menuRightClickTable.centrado::before{
	content: "" !important;
	position: absolute !important;
	left: 0px !important;
	bottom: 0px !important;
	top: unset !important;
	height: 0 !important;
	width: 0 !important;
	border-top: 0px solid rgba(0, 0, 0, 0.15) !important;
	border-left: 0px solid transparent !important;
	border-right: 0px solid transparent !important;
	right: auto !important;
	left: 0px !important;
	border-bottom: unset;
}

ul.menuRightClickTable.centrado::after{
	content: "" !important;
	position: absolute !important;
	left: 0px !important;
	bottom: 0px !important;
	height: 0 !important;
	width: 0 !important;
	border-top: 0px solid white !important;
	border-left: 0px solid transparent !important;
	border-right: 0px solid transparent !important;
	left: 0px !important;
	right: auto !important;
	top: unset !important;
	border-bottom: unset;
}

/* End centrado */

/* Izquierda */
ul.menuRightClickTable.izquierda::before{
	content: "";
	position: absolute;
	left: 12px;
	top: -10px;
	height: 0;
	width: 0;
	border-bottom: 9px solid rgba(0, 0, 0, 0.15);
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	left: auto;
	right: 11px;
}

ul.menuRightClickTable.izquierda::after{
	content: "";
	position: absolute;
	left: 13px;
	top: -8px;
	height: 0;
	width: 0;
	border-bottom: 8px solid white;
	border-left: 10px solid transparent;
	border-right: 9px solid transparent;
	right: 11px;
	left: auto;
}
/* End izquierda */


ul.menuRightClickTable.arriba.izquierda::before{
	content: "" !important;
	position: absolute !important;
	left: 12px !important;
	bottom: -6px !important;
	top: unset !important;
	height: 0 !important;
	width: 0 !important;
	border-top: 6px solid rgba(0, 0, 0, 0.15) !important;
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	left: auto !important;
	right: 11px !important;
	border-bottom: unset;
	/* display: flex; */
}

ul.menuRightClickTable.arriba.izquierda::after{
	content: "" !important;
	position: absolute !important;
	left: 13px !important;
	bottom: -8px !important;
	height: 0 !important;
	width: 0 !important;
	border-top: 8px solid white !important;
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	right: 12px !important;
	left: auto !important;
	top: unset !important;
	border-bottom: unset;
}
.stripe{
	height: 175px;
	width: 100%;
}
	.stripe .content{
	}
	.stripe .buttons{
		display:flex;
		align-items: center;
		justify-content: center;
		margin: 10px 0px;
	}
		.stripe .buttons > button{
			border: none;
			background: #0080009e;
			color: white;
		}

.fecha-erp{
	
}
	.fecha-erp > span{
	}
		.fecha-erp > span > input{
			max-width: 70px;
			width: 70px !important;
		}
		.fecha-erp > span > span{
			width: 15px !important;
		}
			.fecha-erp > span > span > button{
				background: #f3f3f3;
				color: #3f4e62 !important;
				width: 15px !important;
				border-radius: 0px !important;
				padding: 1px;
				height: 20px;
			}
				.fecha-erp > span > span > button > i{
				}
				.fecha-erp > span > span > button > i:before{
					 position: absolute;
					 top: 5px;
					 right: 2px;
					 font-size: 8px;
				}
				
	
/* DATEPICKER */
.uib-datepicker-popup{
	border: 2px solid #145d89;
}
	.uib-datepicker-popup .uib-datepicker{
	/* padding: 5px; */
	}
		.uib-datepicker-popup .uib-datepicker > .uib-daypicker{
		}
			.uib-datepicker-popup .uib-datepicker > .uib-daypicker > thead{
			}
				.uib-datepicker-popup .uib-datepicker > .uib-daypicker > thead > tr{
				/* height: 10px !important; */
				}
					.uib-datepicker-popup .uib-datepicker > .uib-daypicker > thead > tr:nth-child(2){
						color: #145d89;
					}
					.uib-datepicker-popup .uib-datepicker > .uib-daypicker > thead > tr:nth-child(1) > th{
						border: none;
					}
						.uib-datepicker-popup .uib-datepicker > .uib-daypicker > thead > tr:nth-child(1) > th > button{
							background: #145d89;
							color: white;
							transition: 0.4s all ease;
						}
						.uib-datepicker-popup .uib-datepicker > .uib-daypicker > thead > tr:nth-child(1) > th > button:hover{
							background: #145d89c4;
							transition: 0.4s all ease;
						}
	.uib-datepicker-popup .uib-datepicker .text-info{
		color: #145d89;
	}

	.uib-datepicker-popup .uib-button-bar{

	}
		.uib-datepicker-popup .uib-button-bar .uib-datepicker-current{
			background: #145d89;
			border: none;
			transition: 0.4s all ease;
		}
		.uib-datepicker-popup .uib-button-bar .uib-datepicker-current:hover{
			background: #145d89b8;
			transition: 0.4s all ease;
		}
		.uib-datepicker-popup .uib-button-bar .uib-clear{
			background: #00800080;
			border: none;
			transition: 0.4s all ease;
		}
		.uib-datepicker-popup .uib-button-bar .uib-clear:hover{
			background: #008000a1;
			transition: 0.4s all ease;
		}
		.uib-datepicker-popup .uib-button-bar .uib-close{
			background: #ff00007a;
			border: none;
			transition: 0.4s all ease;
		}
		.uib-datepicker-popup .uib-button-bar .uib-close:hover{
			background: #ff0000ab;
			transition: 0.4s all ease;
		}
	
	.uib-datepicker .uib-daypicker{
	}
		.uib-datepicker .uib-daypicker .btn-info{
			background: #145d89b3;
		}
			.uib-datepicker .uib-daypicker .btn-info > span{
				color: white;
			}
	
	
	.uib-datepicker .uib-monthpicker{
	}
		.uib-datepicker .uib-monthpicker .uib-left{
			background: #145d89;
			border: none;
			color: white;
		}
		.uib-datepicker .uib-monthpicker .uib-title{
			background: #145d89;
			color: white;
			border: none;
		}
		.uib-datepicker .uib-monthpicker .uib-right{
			background: #145d89;
			border: none;
			color: white;
		}
		.uib-datepicker .uib-monthpicker .btn-info{
			background: #145d89a3 !important;
		}
			.uib-datepicker .uib-monthpicker .btn-info > span{
				color: white;
			}
		
	.uib-datepicker .uib-yearpicker{
	}
		.uib-datepicker .uib-yearpicker .uib-left{
			background: #145d89;
			border: none;
			color: white;
		}
		.uib-datepicker .uib-yearpicker .uib-title{
			background: #145d89;
			color: white;
			border: none;
		}
		.uib-datepicker .uib-yearpicker .uib-right{
			background: #145d89;
			border: none;
			color: white;
		}
		.uib-datepicker .uib-yearpicker .btn-info{
			background: #145d89a3 !important;
		}
			.uib-datepicker .uib-yearpicker .btn-info > span{
				color: white;
			}
.efecto-1{
	background: rgba(255,255,255,0.1);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}
.efecto-1:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}
.efecto-1:hover {
	background: rgba(255,255,255,0.05);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #fff;
}
	.efecto-1:hover:after {
		-webkit-animation: sonarEffect 1.3s ease-out 75ms;
		-moz-animation: sonarEffect 1.3s ease-out 75ms;
		animation: sonarEffect 1.3s ease-out 75ms;
	}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}


/* Efecto 2 */
.efecto-2 {
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}
.efecto-2:after {
	top: 0;
	left: 0;
	padding: 0;
	box-shadow: 0 0 0 3px #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}
.efecto-2:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
	opacity: 0.5;
}
.efecto-2:hover {
	box-shadow: 0 0 0 10px rgba(255,255,255,1);
	color: #495a71 !important;
	border: 1px solid #495a71;
	border-radius: 25px;
}



/* Efecto 3 */
.sk-folding-cube {
  margin: 20px auto;
  width: 170px;
  height: 170px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.sk-cube1{
	background: #ff0117 !important;
	/* border: none; */
}
.sk-cube2{
	background: #00daec !important;
}
.sk-cube3{
	background: #006098 !important;
}
.sk-cube4{
	background: #ff7a00 !important;
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 35%;
  height: 35%;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  margin: 5px;
  border: 0px;
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f5faff;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.8s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 80% 80%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
  /* margin: 10px; */
  border: 0px;
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}




/* EFECTO 4 */
.cssload-box-loading {
	width: 49px;
	height: 49px;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.cssload-box-loading:before {
	content: '';
	width: 49px;
	height: 5px;
	background: rgb(0,0,0);
	opacity: 0.1;
	position: absolute;
	top: 58px;
	left: 0;
	border-radius: 50%;
	animation: shadow 0.58s linear infinite;
		-o-animation: shadow 0.58s linear infinite;
		-ms-animation: shadow 0.58s linear infinite;
		-webkit-animation: shadow 0.58s linear infinite;
		-moz-animation: shadow 0.58s linear infinite;
}
.cssload-box-loading:after {
	content: '';
	width: 49px;
	height: 49px;
	background: rgb(26,54,104);
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 3px;
	animation: cssload-animate 0.58s linear infinite;
		-o-animation: cssload-animate 0.58s linear infinite;
		-ms-animation: cssload-animate 0.58s linear infinite;
		-webkit-animation: cssload-animate 0.58s linear infinite;
		-moz-animation: cssload-animate 0.58s linear infinite;
}



@keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 3px;
	}
	25% {
		transform: translateY(9px) rotate(22.5deg);
	}
	50% {
		transform: translateY(18px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 39px;
	}
	75% {
		transform: translateY(9px) rotate(67.5deg);
	}
	100% {
		transform: translateY(0) rotate(90deg);
	}
}

@-o-keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 3px;
	}
	25% {
		-o-transform: translateY(9px) rotate(22.5deg);
	}
	50% {
		-o-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 39px;
	}
	75% {
		-o-transform: translateY(9px) rotate(67.5deg);
	}
	100% {
		-o-transform: translateY(0) rotate(90deg);
	}
}

@-ms-keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 3px;
	}
	25% {
		-ms-transform: translateY(9px) rotate(22.5deg);
	}
	50% {
		-ms-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 39px;
	}
	75% {
		-ms-transform: translateY(9px) rotate(67.5deg);
	}
	100% {
		-ms-transform: translateY(0) rotate(90deg);
	}
}

@-webkit-keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 3px;
	}
	25% {
		-webkit-transform: translateY(9px) rotate(22.5deg);
	}
	50% {
		-webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 39px;
	}
	75% {
		-webkit-transform: translateY(9px) rotate(67.5deg);
	}
	100% {
		-webkit-transform: translateY(0) rotate(90deg);
	}
}

@-moz-keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 3px;
	}
	25% {
		-moz-transform: translateY(9px) rotate(22.5deg);
	}
	50% {
		-moz-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 39px;
	}
	75% {
		-moz-transform: translateY(9px) rotate(67.5deg);
	}
	100% {
		-moz-transform: translateY(0) rotate(90deg);
	}
}

@keyframes shadow {
	0%,
	100% {
		transform: scale(1, 1);
	}
	50% {
		transform: scale(1.2, 1);
	}
}

@-o-keyframes shadow {
	0%,
	100% {
		-o-transform: scale(1, 1);
	}
	50% {
		-o-transform: scale(1.2, 1);
	}
}

@-ms-keyframes shadow {
	0%,
	100% {
		-ms-transform: scale(1, 1);
	}
	50% {
		-ms-transform: scale(1.2, 1);
	}
}

@-webkit-keyframes shadow {
	0%,
	100% {
		-webkit-transform: scale(1, 1);
	}
	50% {
		-webkit-transform: scale(1.2, 1);
	}
}

@-moz-keyframes shadow {
	0%,
	100% {
		-moz-transform: scale(1, 1);
	}
	50% {
		-moz-transform: scale(1.2, 1);
	}
}

/* EFECTO TEMPORAL */
.efecto-temporal{
	/*background-image: url("https://www.nasa.gov/sites/default/files/thumbnails/image/kepler-snburp-point1second-nograph-1280x720-shorter-10lossy.gif"); */
	/*background:  url(http://upload.wikimedia.org/wikipedia/commons/d/dd/Muybridge_race_horse_animated.gif) no-repeat center center fixed; */
	/*background:  url(https://www.nasa.gov/sites/default/files/thumbnails/image/kepler-snburp-point1second-nograph-1280x720-shorter-10lossy.gif) no-repeat center center fixed;*/
	background: url('/images/imagen_principal.jpg') no-repeat 300px fixed;
	background-size: auto 100%;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
}

/* Botones con icono */

.button-icon-save{
	color: #008000;
	background: transparent !important;
	border: 0 !important;
}
	.button-icon-save:disabled{
		color: #00800047;
	}
	.button-icon-save:focus{
		border: 0 !important;
	}
		.button-icon-save i:active{
			transform: scale(0.9, 0.9);
		}
		.button-icon-save:disabled:active i{
			transform: scale(1, 1);
		}

.button-icon-cancel{
	color: #da3c31;
	background: transparent !important;
	border: 0 !important;
}
	.button-icon-cancel:disabled{
		color: #da3c3147;
	}
	.button-icon-cancel:focus{
		border: 0 !important;
	}
		.button-icon-cancel i:active{
			transform: scale(0.9, 0.9);
		}
		.button-icon-cancel:disabled:active i{
			transform: scale(1, 1);
		}

.button-icon-delete{
	color: #d9534f;
	background: transparent !important;
	border: 0 !important;
}
	.button-icon-delete:disabled{
		color: #d9534f47;
	}
	.button-icon-delete:focus{
		border: 0 !important;
	}
		.button-icon-delete i:active{
			transform: scale(0.9, 0.9);
		}
		.button-icon-delete:disabled:active i{
			transform: scale(1, 1);
		}

.button-icon-search{
	color: #808080;
	background: transparent !important;
	border: none !important;
}
	.button-icon-search:disabled{
		color: #80808047;
	}
	.button-icon-search:focus{
		border: 0 !important;
	}
		.button-icon-search i:active{
			transform: scale(0.9, 0.9);
		}
		.button-icon-cancel:disabled:active i{
			transform: scale(1, 1);
		}

.button-icon-edit{
	color: #284362;
	background: transparent !important;
	border: 0 !important;
}
	.button-icon-edit:disabled{
		color: #0000cd47;
	}
	.button-icon-edit:focus{
		border: 0 !important;
	}
		.button-icon-edit i:active{
			transform: scale(0.9, 0.9);
		}
		.button-icon-edit:disabled:active i{
			transform: scale(1, 1);
		}

.button-icon-new{
	color: #4682b4;
	background: transparent !important;
	border: 0 !important;
}
	.button-icon-new:disabled{
		color: #4682b447;
	}
	.button-icon-new:focus{
		border: 0 !important;
	}
		.button-icon-new i:active{
			transform: scale(0.9, 0.9);
		}
		.button-icon-new:disabled:active i{
			transform: scale(1, 1);
		}

.button-icon-refresh{
	color: #2f4f4f;
	background: transparent !important;
	border: 0 !important;
}
	.button-icon-refresh:disabled{
		color: #2f4f4f47;
	}
	.button-icon-refresh:focus{
		transform: rotate(360deg);
		transition-property: transform;
    	transition-duration: 1.5s;
    	border: 0 !important;
	}
		.button-icon-refresh i:active{
			transform: scale(0.9, 0.9);
		}
		.button-icon-refresh:disabled:active i{
			transform: scale(1, 1);
		}
	
.button-icon-next{
	color: #808080;
	background: transparent !important;
	border: 0 !important;
}
	.button-icon-next:disabled{
		color: #80808047;
	}
	.button-icon-next:focus{
		border: 0 !important;
	}
		.button-icon-next i:active{
			transform: scale(0.9, 0.9);
		}
		.button-icon-next:disabled:active i{
			transform: scale(1, 1);
		}

.button-icon-aviso{
	color: #607D8B;
	background: transparent !important;
	border: 0 !important;
	font-size: 25px;
	margin-left: 10px;
	animation: jump 5s infinite;
}
	.button-icon-aviso:focus{
		border: 0 !important;
	}
		.button-icon-aviso i:active{
			transform: scale(0.9, 0.9);
		}
		
@keyframes jump {
    0%   {transform: translate(0px, 0px);}
    5%   {transform: translate(0px, -6px) scaleX(0.9);}
    10%  {transform: translate(0px, 0px) scaleX(1.1);}
    15%  {transform: translate(0px, -6px) scaleX(0.9);}
    20%  {transform: translate(0px, 0px) scaleX(1.1);}
}
/* Fin botones con icono */

/* Botones con texto */
.button-text-save{
	background-color: green;
	color: white;
    font-weight: bold;
	height: 20px !important;
    font-size: 12px !important;
    border: none;
}
	.button-text-save:active{
		transform: scale(0.9, 0.9);
	}
	.button-text-save:disabled{
		background-color: #da3c3147;
	}
	.button-text-save:focus{
		border: 0 !important;
	}

.button-text-cancel{
	background-color: #da3c31de;
	color: white;
	font-weight: bold;
	height: 20px !important;
	font-size: 12px !important;
	border: none;
}
	.button-text-cancel:active{
		transform: scale(0.9, 0.9);
	}
	.button-text-cancel:disabled{
		background-color: #da3c3147;
	}
	.button-text-cancel:focus{
		border: 0 !important;
	}

.button-text-white{
	background-color: white;
	color: #616f77;
	font-weight: bold;
	height: 20px !important;
	font-size: 12px !important;
	border: none;
}
	.button-text-white:active{
		transform: scale(0.9, 0.9);
	}
	.button-text-white:disabled{
		background-color: #cdd3d7;
	}
	.button-text-white:focus{
		border: 0 !important;
	}

.button-text-cancel-modal{
	background-color: #ca4f4a !important;
	margin-left: 5px !important;
	font-size: 12px !important;
	border: none !important;
	width: 102px !important;
	color: white !important;
	height: 31px !important;
	font-weight: bold;
	text-align: center;
}
	.button-text-cancel-modal > i{
		font-size: 14px;
		margin-right: 5px;
	}
	.button-text-cancel-modal:active{
		transform: scale(0.9, 0.9);
		border: none !important;
	}
	.button-text-cancel-modal:focus{
		border: none !important;
	}
	.button-text-cancel-modal:hover{
		background-color: #d9534f !important;
	}
		.button-text-cancel-modal:hover > i{
			transform: scale(1.2, 1.2);
		}
	.button-text-cancel-modal:disabled{
		background-color: #d9534f80 !important;
	}
		.button-text-cancel-modal:disabled:active{
			transform: scale(1, 1);
		}
		.button-text-cancel-modal:disabled:hover{
			background-color: #d9534f80 !important;
		}
			.button-text-cancel-modal:disabled:hover > i{
				transform: scale(1, 1);
			}
	
.button-text-accept-modal{
	background-color: green !important;
	margin-left: 5px !important;
	font-size: 12px !important;
	border: none !important;
	width: 102px !important;
	color: white !important;
	height: 31px !important;
	font-weight: bold;
	transition: 0.4s all ease;
}
	.button-text-accept-modal > i{
		font-size: 14px;
	}
	.button-text-accept-modal:active{
		transform: scale(0.9, 0.9);
		border: none !important;
	}
	.button-text-accept-modal:focus{
		border: none !important;
	}
	.button-text-accept-modal:hover{
		background-color: #199a19 !important;
	}
		.button-text-accept-modal:hover > i{
			transform: scale(1.2, 1.2);
		}
	.button-text-accept-modal:disabled{
		background-color: #78a74280 !important;
	}
		.button-text-accept-modal:disabled:active{
			transform: scale(1, 1);
		}
		.button-text-accept-modal:disabled:hover{
			background-color: #78a74280 !important;
		}
			.button-text-accept-modal:disabled:hover > i{
				transform: scale(1, 1);
			}

.button-text-delete{
	background-color: #d9534f;
	height: 20px !important;
    margin-left: 5px;
    font-size: 12px !important;
    border: 1px solid darkgrey;
}
	.button-text-delete:active{
		transform: scale(0.9, 0.9);
	}

.button-text-default{
	background-color: #cfdef9;
	height: 20px !important;
    margin-left: 5px;
    font-size: 12px !important;
    border: none !important;
    font-weight: bold;
}
	.button-text-default:active{
		transform: scale(0.9, 0.9);
		border: none !important;
	}
	.button-text-default:focus{
		border: none !important;
	}
	
.button-text-search{
	color: #fff;
    background-color: #337ab7;
    border: none;
    margin-left: 5px;
}
	.button-text-search:active{
		transform: scale(0.9, 0.9);
	}
	.button-text-search:disabled{
		background-color: #337ab747;
	}
	.button-text-search:focus{
		border: 0 !important;
	}
	.button-text-search:hover{
		background-color: #337ab7db;
	}
	
.button-text-tarjeta{
	background-color: #789aea;
	color: white;
	height: 20px !important;
    margin-left: 0px !important;
    margin-right: 5px !important;
    font-size: 12px !important;
    border: none;
    width: 105px;
    border-radius: 0px 0px 5px 5px;
}
	.button-text-tarjeta:focus{
			border: 0 !important;
		}

.button-text-cabecera{
	background-color: #337ab7;
	border: none !important;
	font-weight: bold;
	color: white;
	height: 20px !important;
	margin-left: 5px;
	font-size: 12px !important;
}
	.button-text-cabecera:active{
		transform: scale(0.9, 0.9);
	}
	.button-text-cabecera:focus{
			border: 0 !important;
		}
/* Fin botones con texto */

/* Grupos de botones */

.buttons-center-small {
		text-align: center;
		margin-top:  10px;
	}
		.buttons-center-small > button{
			height: 25px !important;
		}

/* Fin grupos de botones */

/* Botones flotantes de engranaje */

.buttons-gear{
	
}
	.buttons-gear .separador{
		border-bottom: 1px solid #0000001c;
	}
	.buttons-gear  button{
		width: 100%;
	    border: none;
	    background-color: transparent;
	}
		.buttons-gear  button:active{
			background-color: #daeafb;
			border: none !important;
		}
			.buttons-gear  button:active:hover{
				background-color: #daeafb;
			}
		.buttons-gear  button:focus{
			border: none !important;
		}
		.buttons-gear  button:hover{
			background-color: #ebf6ff94;
		}
		.buttons-gear  button:disabled{
			background-color: transparent;
			color: #a2aaaf;
		}
			.buttons-gear  button:disabled:active{
				background-color: transparent;
			}
			.buttons-gear  button:disabled:hover{
				background-color: transparent;
			}



/* Fin botones flotantes de engranaje */

/* Colores botones */
.button-blue{
	background: #145d89;
	border: none;
	width: 45px;
	height: 45px;
}
.button-blue:hover,
.button-blue:focus{
	background: #495a71 !important;
	border: none !important;
	transform: all 0.5s lineal;
}

/* Botones nuevos */
.button-tab{
	color: #ffffff !important;
	background: transparent !important;
	border: 0 !important;
}
	.button-tab:disabled{
		color: #ffffff47 !important;
	}
	.button-tab:focus{
		border: 0 !important;
	}
		.button-tab i:active{
			transform: translate(0, 1px);
		}
		.button-tab:disabled:active i{
			transform: none !important;
		}
/* Fin botones nuevos */
@charset "UTF-8";

.checkbox-erp{
	
}
	.checkbox-erp > i{
		position: relative;
		display: inline-block;
		width: 15px;
		height: 15px;
		margin-top: -2px;
		margin-right: 4px;
		margin-left: -73px;
		line-height: 1;
		vertical-align: middle;
		background-color: #fff;
		border: 1px solid rgba(0, 0, 0, 0.2);
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		transition: all 0.2s;
	}
	.checkbox-erp > i:before{
		position: absolute;
		top: 50%;
		left: -100%;
		width: 0;
		height: 0;
		background-color: transparent;
		content: "";
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		transition: all 0.2s;
		z-index: 1;
      }

/* Checkbox temporal */
.control {
	display: block;
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	font-size: 12px;
	min-width: 110px !important;
}
	.control span{
		height: 12px;
	}
	.control input {
		position: absolute;
		z-index: -1;
		opacity: 0;
	}
.control__indicator {
	position: absolute;
	top: 0px;
	left: 0;
	height: 14px;
	width: 14px;
	background: white;
	border: 1px solid #cdd3d8;
}
.control input:hover ~ .control__indicator,
.control input:focus ~ .control__indicator {
	background: #adbcd0;
}
.control input:checked ~ .control__indicator {
	background: #ffffff;
	border: 1px solid #cdd3d8;
}
.control input:checked:hover ~ .control__indicator,
.control input:checked:focus ~ .control__indicator{
	background: #d0d7e0 !important;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
	background: #ffffff;
}
.control input:disabled ~ .control__indicator {
	background: #e6e6e6;
	opacity: 0.6;
	pointer-events: none;
}
.control__indicator:after {
	content: '';
	position: absolute;
	display: none;
}
.control input:checked ~ .control__indicator:after {
	display: block;
}
.control--checkbox .control__indicator:after {
	left: 4px;
	top: 1px;
	width: 5px;
	height: 8px;
	border: solid #758dab;
	border-width: 0 2px 2px 0px;
	transform: rotate(45deg);
}
.control--checkbox .control__indicator:focus:after,
.control--checkbox .control__indicator:hover:after{
	left: 4px;
	top: 2px;
	width: 5px;
	height: 8px;
	border: solid #758dab;
	border-width: 0 2px 2px 0px;
	transform: rotate(45deg);
}



/* Checkbox copiar */
.checkbox-copiar {
	display: block;
	position: relative;
	/* padding-left: 25px; */
	cursor: pointer;
	font-size: 12px;
	min-width: 110px !important;
	width: 100%;
}
	.checkbox-copiar > span{
		font-weight: 400;
		font-size: 14px;
		padding-left: 5px !important;
	}
	.checkbox-copiar input {
		position: absolute;
		z-index: -1;
		opacity: 0;
	}
.checkbox-copiar-indicator {
	position: absolute;
	top: 0px;
	right: 0;
	height: 18px;
	width: 18px;
	background: white;
	border: 1px solid #cdd3d8;
}
.checkbox-copiar input:hover ~ .checkbox-copiar-indicator,
.checkbox-copiar input:focus ~ .checkbox-copiar-indicator {
	background: #adbcd0;
}
.checkbox-copiar input:checked ~ .checkbox-copiar-indicator {
	background: #ffffff;
	border: 1px solid #cdd3d8;
}
.checkbox-copiar input:checked:hover ~ .checkbox-copiar-indicator,
.checkbox-copiar input:checked:focus ~ .checkbox-copiar-indicator{
	background: #d0d7e0 !important;
}
.checkbox-copiar input:not([disabled]):checked ~ .checkbox-copiar-indicator,
.checkbox-copiar input:checked:focus ~ .checkbox-copiar-indicator {
	background: #ffffff;
}
.checkbox-copiar input:disabled ~ .checkbox-copiar-indicator {
	background: #e6e6e6;
	opacity: 0.6;
	pointer-events: none;
}
.checkbox-copiar-indicator:after {
	content: '';
	position: absolute;
	display: none;
}
.checkbox-copiar input:checked ~ .checkbox-copiar-indicator:after {
	display: block;
}
.checkbox-checkbox .checkbox-copiar-indicator:after {
	left: 5px;
	top: 2px;
	width: 5px;
	height: 9px;
	border: solid #758dab;
	border-width: 0 2px 2px 0px;
	transform: rotate(45deg);
}
.checkbox-checkbox .checkbox-copiar-indicator:focus:after,
.checkbox-checkbox .checkbox-copiar-indicator:hover:after{
	left: 5px;
	top: 2px;
	width: 5px;
	height: 9px;
	border: solid #758dab;
	border-width: 0 2px 2px 0px;
	transform: rotate(45deg);
}


/* Colores checkboxs */
.checkbox-blue{
	
}
	.checkbox-blue > i{
		border: 1px solid #758dab;
	}

 /* Type standard */
 .type-standard.tooltip.in {
    opacity: 1 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

 .type-standard.tooltip.top .tooltip-arrow {
    border-top-color: #145d89 !important;
}

 .type-standard .tooltip-inner {
    color: #145d89 !important;
    background-color: white !important;
    font-weight: bold !important;
    border: 3px solid #145d89 !important;
    /* width: 100px; */
    /* height: auto; */
    /* max-width: 500px; */
    /* min-width: 85px; */
    /* height: 85px; */
}

 /* Type standard horizontal */
 .type-standard.horizontal.tooltip.in {
    opacity: 1 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    /* width: 100px; */
    /* height: 100% !important; */
    font-size: 11px;
}

 .type-standard.horizontal.tooltip.top .tooltip-arrow {
    border-top-color: #145d89 !important;
}

 .type-standard.horizontal.tooltip-inner {
    color: #145d89 !important;
    background-color: white !important;
    font-weight: bold !important;
    border: 3px solid #145d89 !important;
}
@charset "UTF-8";

.compras-ventas-tarifas{
	margin-top: 5px;
}
	.compras-ventas-tarifas .tab-erp > *:nth-child(2) > * > * > *:nth-child(1){
		background: #ffffff !important;
	}
	.compras-ventas-tarifas .tab-datos > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > * {
		max-width: 150px !important;
		min-width: 150px !important;
	}
	.compras-ventas-tarifas .tab-filtros > *:nth-child(1) > *:nth-child(2) > *:nth-child(1) > * {
		max-width: 225px !important;
		min-width: 225px !important;
	}
	.compras-ventas-tarifas .cancel-overflow{
		overflow: hidden !important;
	}


/* Controls */
.compras-ventas-tarifas ul.controls-erp{
	position:absolute;
	top: 2px;
	right: 10px;
	z-index: 10;
}
.compras-ventas-tarifas ul.controls-erp > li {
    list-style: none;
    /* color: blue !important; */
}
.compras-ventas-tarifas ul.controls-erp > li > a {
    color: #ffffff;
}
.compras-ventas-tarifas ul.controls-erp > li > ul {
    top: 25px;
    right: -15px !important;
}


/* Lineas tarifas */
.lineas-tarifas-component{
}
	.lineas-tarifas-component > .cabecera-grid{
		background: #145d891c;
		color: #145d89;
		padding: 2px;
		height: 22px;
	}
		.lineas-tarifas-component > .cabecera-grid > div{
			position: absolute;
			right: 10px;
			top: 4px;
		}
			.lineas-tarifas-component > .cabecera-grid > div > label{
			}
				.lineas-tarifas-component > .cabecera-grid > div > label > i{
					border: 2px solid #145d89;
				}

@charset "UTF-8";

.categorias-conceptos {
   
}



.categorias-conceptos .col-label{
	max-width: 65px !important;
	min-width: 65px !important;
	max-height: 20px;
	overflow: hidden;
	padding: 0px;
}

.categorias-conceptos .col-field{
	padding: 0px;
	flex: 1;
}

.categorias-conceptos .bottom {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 10px;
}

.categorias-conceptos .bottom > div{
    flex: 1;
    width: 100%;
    /* position: relative; */
    /* margin-top: 18%; */
    /* height: 40px; */
    /* padding: 5px 0px; */
    /* clear: both; */
    /* background: #286af0; */
    /* text-align: center; */
    /* color: #fff; */
}
.categorias-conceptos .row.bottom > div:nth-child(1){
	min-height: 100px;
}

.categorias-conceptos .row.bottom > div:nth-child(2) {
    position: relative;
    padding: 5px 0px;
    clear: both;
    color: #fff;
    min-height: 200px;
    max-height: 200px;
    /* margin-top: 350px; */
}


/*
.categorias-conceptos .id_cliente {
    position: absolute;
    z-index: 10;
    left: 35%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}
*/
/*
.categorias-conceptos .tipo_cliente {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 5%;
    font-size: 12px;
    font-family: tahoma;
}
*/

/*
.categorias-conceptos .id_categorias-conceptos {
    position: absolute;
    z-index: 1;
    right: 65px;
    top: 3px;
}
*/

/* Controls */
ul.controls-erp{
	position:absolute;
	top: 5px;
	right: 20px;
	z-index: 10;
}
ul.controls-erp > li {
    list-style: none;
    /* color: blue !important; */
}

ul.controls-erp > li > a {
    color: #757575;
}

ul.controls-erp > li > ul {
    top: 25px;
    right: -15px !important;
}

.categorias-conceptos .buttons-articulo {
    display: flex;
    max-width: 50px;
}

.categorias-conceptos .buttons-articulo > button{
    background: none !important;
    border: none !important;
}
.categorias-conceptos .buttons-articulo > button:focus,
.categorias-conceptos .buttons-articulo > button:hover,
.categorias-conceptos .buttons-articulo > button:active{
    background: none !important;
    border: 1px solid #8f9fc3 !important;
}

/* End controls */



.categorias-conceptos .observaciones-options {
    display: flex;
}

.categorias-conceptos .observaciones-options > div{
    flex: 1;
}

.categorias-conceptos .observaciones-options > div > button{
    border: none;
    font-size: 12px;
    background: #f4f5f6;
}

/* ui select */

.categorias-conceptos .ui-select-bootstrap > .ui-select-match .ui-select-toggle > span:nth-of-type(2) > a {
    position: absolute;
    right: 5px !important;
    top: 0px !important;
    font-size: 10px;
    padding: 0px;
    color: #bfc7cb;
    margin: 0px 2px;
}

.categorias-conceptos .ui-select-erp > div > span{
	font-size: 11px;
	height: 20px;
	padding: 5px 5px;
	font-family: tahoma;
	padding: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 100%;
}

.categorias-conceptos .ui-select-erp > div > span > span{
	font-family: tahoma;
	fon;
	font-size: 11px;
	max-width: 90%;
	overflow-x: scroll;
	margin: 0px !important;
	/* padding: 0px; */
	padding: 0px !important;
	position: absolute;
	top: 2px;
	height: 15px;
	overflow-y: hidden;
}

.categorias-conceptos .ui-select-erp > div > span > span > span{/* width: 100%; *//* overflow-y: hidden; */}

.categorias-conceptos .ui-select-erp input:focus,
.categorias-conceptos .ui-select-erp input:focus:hover,
.categorias-conceptos .ui-select-erp input:hover,
.categorias-conceptos .ui-select-erp input{
	height: 20px;
	padding: 5px 5px;
	/* width: 100%; */
	/* width: 45px; */
}

.categorias-conceptos .ui-select-erp > div > span a{
	top: 0px !important;
	right: 20px !important;
}

.categorias-conceptos .ui-select-bootstrap > .ui-select-choices {
  height: auto;
  max-height: 200px;
  margin-top: -1px;
  width: auto;
}

.categorias-conceptos .ui-select-bootstrap > .ui-select-choices > li > div{
	height:20px;
	width: 100%;
	margin-bottom: 2px;	
}

/*.ui-select-erp > *:nth-child(1) > *:nth-child(1) > *:nth-child(2){
	width: 80% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}*/


/* end ui select */


/* Tables */
/*
.categorias-conceptos .text-concat{
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.categorias-conceptos #table_articulos tbody > tr {
    border-bottom: 1px solid blue;
    font-size: 12px;
}

.categorias-conceptos #table_articulos tbody > tr.active {
    color: #757575;
    background: #8e99a7 !important;
}

.categorias-conceptos #table_articulos tbody > tr > td:nth-child(3){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.categorias-conceptos #table_articulos tbody > tr > td:nth-child(4){
	text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}
*/
/* End tables */



/* End tabs */


/* Tile */
.categorias-conceptos .tile{
	height: 100%;
}

.categorias-conceptos .tile.tile-widget {
    padding: 10px;
}
	.categorias-conceptos .tile .tile-header.dvd{
		border-width: 1px;
		padding: 2px;
	}

	.categorias-conceptos .tile .tile-header .controls > li > a{
		font-size: 13px;
		font-family: tahoma;
	}
		.categorias-conceptos .tile .tile-header.dvd .controls > li.controls-editar,
		.categorias-conceptos .tile .tile-header.dvd .controls > li.controls-editar:visited{
        	background: #3f4e62;
      	}
      	.categorias-conceptos .tile .tile-header.dvd .controls > li.controls-editar:hover{
        	background: green;
      	}
      		.categorias-conceptos .tile .tile-header.dvd .controls > li.controls-editar > a{
      			color: white;
      		}
      		
      	.categorias-conceptos .tile .tile-header.dvd .controls > li.controls-editar.active{
        	background: #3f4e62;
       }
      	.categorias-conceptos .tile .tile-header.dvd .controls > li.controls-editar.active:hover{
        	background: #3f4e62;
      	}
      		.categorias-conceptos .tile .tile-header.dvd .controls > li.controls-editar.active > a{
      			color: white;
      		}
		
		.categorias-conceptos .tile .tile-header .controls > li.active{
			border: 1px solid #3f4e62;
		}

		.categorias-conceptos .tile .tile-header .controls > li > label {
          height: 100%;
          line-height: 21px;
          min-width: 100px;
          padding: 0px;
          color: #95a2a9;
          display: block;
          margin: 0px;
          text-align: center;
          top: 10px;
          margin-left: 10px;
        }

	.categorias-conceptos .tile .tile-body-erp{
		padding: 10px !important;
		padding-bottom: 0 !important;
	}


.categorias-conceptos .editar-shadow{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	background: #f4f4f4;
	opacity: 0.3;
}


.categorias-conceptos label.text-erp{
	width: 90% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}


/* controls */
.categorias-conceptos ul.controls-erp{
	position:absolute;
	top: 2px;
	right: 20px;
	z-index: 1;
	width: auto !important;
}
	.categorias-conceptos ul.controls-erp > li {
		list-style: none;
	}
		.categorias-conceptos ul.controls-erp > li > a {
			color: #eaedf3;
		}
		.categorias-conceptos ul.controls-erp > li > ul {
			top: 25px;
			right: -15px !important;
		}


	

    .categorias-conceptos .tile .tile-header-erp{
      padding: 2px !important;
    }
    	.categorias-conceptos .tile .tile-header-erp > h1{
	      font-weight: 300 !important;
	      font-size: 18px !important;
	      line-height: 20px !important;
	    }
	    
	    .categorias-conceptos .tile .tile-header-erp .controls{

	    }
	    .categorias-conceptos .tile .tile-header-erp .controls > li{
			background: white !important;
	    }
	    .categorias-conceptos .tile .tile-header-erp .controls > li > a {
          display: block;
          height: 100%;
          line-height: 25px;
          min-width: 41px;
          padding: 0 10px;
          text-align: center;
          color: #757575 !important;
         }
         .categorias-conceptos .tile .tile-header-erp .controls > li > a:hover {
            color: #616f77;
            text-decoration: none;
         }
	    
   .categorias-conceptos .tile-erp{
   		color: #757575 !important;
   		border-bottom: 1px solid #e1e1e1 !important;
   		background: none !important;
   }
   
   
	.categorias-conceptos .idcategoria {
		position: absolute;
		left: 63%;
		z-index: 1;
		top: 3px;
		width: max-content !important;
		font-size: 12px;
		font-family: tahoma;
		color: white;
	}
		.categorias-conceptos .idcategoria > span{

		}
		.categorias-conceptos .idcategoria > span:nth-child(1){

		}
		.categorias-conceptos .idcategoria > span:nth-child(2){

		}
			.categorias-conceptos .idcategoria > span:nth-child(2) > input.active{
				width: 50px !important;
				height: 18px !important;
				color: #2c4c6d;
			}
			.categorias-conceptos .idcategoria > span:nth-child(2) > input.no-active{
				width: 50px !important;
				height: 18px !important;
				color: white;
				background: none;
				border: none !important;
			}
	

/* MD-TAB */

.categorias-conceptos .tab-erp{
	min-height: 121px !important;
	max-height: 121px !important;
}

.categorias-conceptos .tab-erp md-tab-content{
	min-height: 99px !important;
	max-height: 99px !important;
}

.categorias-conceptos .tab-erp md-tab-content > div{
	min-height: 99px !important;
	max-height: 99px !important;
}

.categorias-conceptos .tab-erp md-tab-content > div .md-padding{
	min-height: 99px !important;
	max-height: 99px !important;
	padding: 16px 16px 8p 16px !important;
}

.categorias-conceptos .tab-erp md-tab-content > div .md-padding textarea{
	min-height: 50px !important;
	max-height: 50px !important;
}



/* GRID LINEAS */
.categorias-conceptos .ui-grid-header-canvas{
	width: 100% !important;
}
.categorias-conceptos .ui-grid-header-cell-wrapper{
	width: 100%;
}
.categorias-conceptos .ui-grid-header-cell-row {
	width: 100%;
}
.categorias-conceptos .ui-grid-header-cell-row > div{
    min-width: unset !important;
    max-width: unset !important;
}
.categorias-conceptos .ui-grid-header-cell-row > div:nth-child(1){
    width: 90%;
}
.categorias-conceptos .ui-grid-header-cell-row > div:nth-child(2){
     width: 10%;
}

.categorias-conceptos .ui-grid-canvas{
	width: 100% !important;
}
.categorias-conceptos .ui-grid-row > div > .ui-grid-cell{
	min-width: unset;
	max-width: unset;
}
.categorias-conceptos .ui-grid-row > div > .ui-grid-cell:nth-child(1){
	width: 90%;
}
.categorias-conceptos .ui-grid-row > div > .ui-grid-cell:nth-child(2){
	width: 10%;
}

.categorias-conceptos .ui-grid-footer-canvas{
	width: 100% !important;
}
.categorias-conceptos .ui-grid-footer-cell-wrapper{
	width: 100% !important;
}
.categorias-conceptos .ui-grid-footer-cell-row .ui-grid-footer-cell{
	min-width: unset;
	max-width: unset;
}
.categorias-conceptos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(1){
	width: 90%;
}
.categorias-conceptos .ui-grid-footer-cell-row .ui-grid-footer-cell:nth-child(2){
	width: 10%;
}


/* Lineas */

.categorias-conceptos .buttons-lineas > button{
    background: none;
    border: none;
}

.categorias-conceptos .section-linea > .cabecera > div:nth-child(1){
	width: 75%;
}
.categorias-conceptos .section-linea > .cabecera > div:nth-child(2){
	width: 10%;
}
.categorias-conceptos .section-linea > .cabecera > div:nth-child(3){
	width: 15%;
}
.categorias-conceptos .section-linea > .content > div:nth-child(1){
	width: 75%;
	font-size: 12px;
	text-align: center;
	padding-top: 1px;
}
.categorias-conceptos .section-linea > .content > div:nth-child(2){
	width: 10%;
	font-size: 12px;
	text-align: center;
	padding-top: 1px;
}
.categorias-conceptos .section-linea > .content > div:nth-child(3){
	width: 15%;
	font-size: 12px;
	text-align: center;
	padding-top: 1px;
}
@charset "UTF-8";

/*#CatyConL .ui-grid-footer-cell {
    overflow: hidden !important;
    background-color: inherit !important;
    border-right: 1px solid !important;
    border-right-width: 1px !important;
    border-right-style: solid !important;
    border-right-color: rgb(212, 212, 212) !important;
    border-color: #d4d4d4 !important;
    border-top-color: rgb(212, 212, 212) !important;
    border-right-color: rgb(212, 212, 212) !important;
    border-bottom-color: rgb(212, 212, 212) !important;
    border-left-color: rgb(212, 212, 212) !important;
    box-sizing: border-box !important;
    display: table-cell !important;
}*/


.catyconl{
	
}

.catyconl .content-tables{
    display: flex;
    flex-direction: column;
    padding: 0px !important;
    min-height: unset !important;
}
	.catyconl .content-tables > div{
	    display: flex;
	    flex-wrap: wrap;
	}
	.catyconl .content-tables > .cabecera{
	    margin: 0px 0px 0px 0px;
	    font-size: 13px;
	    text-align: center;
	    height: 20px;
	}
		.catyconl .content-tables > .cabecera > div{
	    	margin: 0px 1px;
	    	background: #145d89;
	    	color: #fbfcfd;
	    	min-width: 60px;
	    	max-width: 60px;
	 }
	 
		.catyconl .content-tables > .cabecera > div:nth-child(1){
	    	min-width: 50px;
	    	max-width: 50px;
	 	}
		.catyconl .content-tables > .cabecera > div:nth-child(2){
	    	min-width: 250px;
	    	max-width: 250px;
	  	}
		.catyconl .content-tables > .cabecera > div:nth-child(3){
	    	min-width: 215px;
	    	max-width: 215px;
	   }
		.catyconl .content-tables > .cabecera > div:nth-child(4){
	    	min-width: 85px;
	    	max-width: 85px;
	  	}
		.catyconl .content-tables > .cabecera > div:nth-child(5){
	    	min-width: 65px;
	    	max-width: 65px;
	  	}
		.catyconl .content-tables > .cabecera > div:nth-child(6){
	    	min-width: 105px;
	    	max-width: 105px;
	   }
		.catyconl .content-tables > .cabecera > div:nth-child(7){
		  	min-width: 105px;
		  	max-width: 105px;
		}
		
	.catyconl .content-tables > .content{
		 margin: 5px 0px 5px 0px;
	}
		.catyconl .content-tables > .content input{
			height: 20px !important;
		}
		.catyconl .content-tables > .content > div{
	    	flex: 1;
	    	margin: 0px 1px;
	    	min-width: 50px;
	    	max-width: 50px;
	    	display: flex;
	    	font-size: 11px;
	  	}
		
			.catyconl .content-tables > .content > div:nth-child(1){
		    	min-width: 50px;
		    	max-width: 50px;
		    	justify-content: center;
		 	}
			.catyconl .content-tables > .content > div:nth-child(2){
		    	min-width: 250px;
		    	max-width: 250px;
		  	}
			.catyconl .content-tables > .content > div:nth-child(3){
		    	min-width: 215px;
		    	max-width: 215px;
		   }
			.catyconl .content-tables > .content > div:nth-child(4){
		    	min-width: 85px;
		    	max-width: 85px;
		  	}
			.catyconl .content-tables > .content > div:nth-child(5){
		    	min-width: 65px;
		    	max-width: 65px;
		  	}
			.catyconl .content-tables > .content > div:nth-child(6){
		    	min-width: 105px;
		    	max-width: 105px;
		   }
			.catyconl .content-tables > .content > div:nth-child(7){
			  	min-width: 105px;
			  	max-width: 105px;
			  	/* justify-content: space-evenly; */
			}
		
			.catyconl .content-tables > .content > div:nth-child(7) > button{
				background: #6c798c;
				padding: 0px 2px;
				height: 20px;
			}
				.catyconl .content-tables > .content > div:nth-child(7) > button > i{
					font-size: 12px;
				}
		
     .catyconl .content-tables .content-lineas{
		overflow-y: unset !important;
    	margin-top: 5px;
	}
		.catyconl .content-tables .content-lineas .grid-erp-blue{
			border: none !important;
		}
		
			.catyconl .content-tables .content-lineas .grid-erp-blue,
			.catyconl .content-tables .content-lineas .grid-erp-blue .ui-grid-viewport{
				height: 180px !important;
			}
			
			.catyconl .content-tables .content-lineas .grid-erp-blue .ui-grid-cell{
				border-color: transparent !important;
				padding-left: 3px;
			}
			
	.catyconl .content-tables .content-lineas .grid-erp-blue .ui-grid-footer-cell-row .ui-grid-footer-cell .ui-grid-cell-contents{
		position: absolute;
		margin-left: 10px;
	}