@charset "UTF-8";
/* inject:scss */
.invalid {
  border-color: #C81517; }

@media screen and (min-width: 0px) {
  .col-xsh-1 {
    float: left;
    width: 4.16667%; }
  .col-xsh-2 {
    float: left;
    width: 12.5%; }
  .col-xsh-3 {
    float: left;
    width: 20.83333%; }
  .col-xsh-4 {
    float: left;
    width: 29.16667%; }
  .col-xsh-5 {
    float: left;
    width: 37.5%; }
  .col-xsh-6 {
    float: left;
    width: 45.83333%; }
  .col-xsh-7 {
    float: left;
    width: 54.16667%; }
  .col-xsh-8 {
    float: left;
    width: 62.5%; }
  .col-xsh-9 {
    float: left;
    width: 70.83333%; }
  .col-xsh-10 {
    float: left;
    width: 79.16667%; }
  .col-xsh-11 {
    float: left;
    width: 87.5%; }
  .col-xsh-12 {
    float: left;
    width: 95.83333%; } }

@media screen and (min-width: 768px) {
  .col-smh-1 {
    float: left;
    width: 4.16667%; }
  .col-smh-2 {
    float: left;
    width: 12.5%; }
  .col-smh-3 {
    float: left;
    width: 20.83333%; }
  .col-smh-4 {
    float: left;
    width: 29.16667%; }
  .col-smh-5 {
    float: left;
    width: 37.5%; }
  .col-smh-6 {
    float: left;
    width: 45.83333%; }
  .col-smh-7 {
    float: left;
    width: 54.16667%; }
  .col-smh-8 {
    float: left;
    width: 62.5%; }
  .col-smh-9 {
    float: left;
    width: 70.83333%; }
  .col-smh-10 {
    float: left;
    width: 79.16667%; }
  .col-smh-11 {
    float: left;
    width: 87.5%; }
  .col-smh-12 {
    float: left;
    width: 95.83333%; } }

@media screen and (min-width: 992px) {
  .col-mdh-1 {
    float: left;
    width: 4.16667%; }
  .col-mdh-2 {
    float: left;
    width: 12.5%; }
  .col-mdh-3 {
    float: left;
    width: 20.83333%; }
  .col-mdh-4 {
    float: left;
    width: 29.16667%; }
  .col-mdh-5 {
    float: left;
    width: 37.5%; }
  .col-mdh-6 {
    float: left;
    width: 45.83333%; }
  .col-mdh-7 {
    float: left;
    width: 54.16667%; }
  .col-mdh-8 {
    float: left;
    width: 62.5%; }
  .col-mdh-9 {
    float: left;
    width: 70.83333%; }
  .col-mdh-10 {
    float: left;
    width: 79.16667%; }
  .col-mdh-11 {
    float: left;
    width: 87.5%; }
  .col-mdh-12 {
    float: left;
    width: 95.83333%; } }

@media screen and (min-width: 1200px) {
  .col-lgh-1 {
    float: left;
    width: 4.16667%; }
  .col-lgh-2 {
    float: left;
    width: 12.5%; }
  .col-lgh-3 {
    float: left;
    width: 20.83333%; }
  .col-lgh-4 {
    float: left;
    width: 29.16667%; }
  .col-lgh-5 {
    float: left;
    width: 37.5%; }
  .col-lgh-6 {
    float: left;
    width: 45.83333%; }
  .col-lgh-7 {
    float: left;
    width: 54.16667%; }
  .col-lgh-8 {
    float: left;
    width: 62.5%; }
  .col-lgh-9 {
    float: left;
    width: 70.83333%; }
  .col-lgh-10 {
    float: left;
    width: 79.16667%; }
  .col-lgh-11 {
    float: left;
    width: 87.5%; }
  .col-lgh-12 {
    float: left;
    width: 95.83333%; } }

html, html a {
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }

.cmx .products-c-porte {
  background-color: #ececec; }
  .cmx .products-c-porte .isolatedForm, .cmx .products-c-porte .pedimentos, .cmx .products-c-porte .guias {
    padding: 5px 10px;
    border-radius: 4px; }
  .cmx .products-c-porte .summary-guias, .cmx .products-c-porte .summary-pediments {
    width: 100%;
    margin: 0 auto; }

.cards {
  display: flex;
  justify-content: center;
  padding-top: 2%; }
  .cards .card {
    min-width: 30%;
    margin: 20px;
    box-shadow: 0px 5px 12px -1px lightgray; }
    .cards .card[disabled] {
      background-color: #E2E2E2;
      box-shadow: none; }
      .cards .card[disabled] .content .content_header i {
        font-size: 60pt;
        color: white; }
      .cards .card[disabled] .content .content_title_container .content_title_square {
        background-color: white; }
      .cards .card[disabled] .content .content_title_container .content_title_description {
        color: white; }
      .cards .card[disabled] .content .content_options .content_option_1 .grane_container.pointer-layer {
        cursor: not-allowed; }
      .cards .card[disabled] .content .content_options .content_option_1 .grane_content h1 {
        color: #E2E2E2; }
      .cards .card[disabled] .content .content_options .content_option_2 .grane_container.pointer-layer {
        cursor: not-allowed; }
      .cards .card[disabled] .content .content_options .content_option_2 .grane_content h1 {
        color: #E2E2E2; }
    .cards .card .content .content_header {
      margin-top: 10%;
      text-align: center; }
      .cards .card .content .content_header i {
        font-size: 60pt; }
    .cards .card .content .content_title_container {
      text-align: center;
      margin-bottom: 7%;
      display: flex;
      position: relative;
      justify-content: center; }
      .cards .card .content .content_title_container .content_title_square {
        background-color: #C81517;
        width: 3%;
        margin-right: 2%; }
      .cards .card .content .content_title_container .content_title_description {
        text-transform: uppercase;
        color: #002749;
        font-size: 25pt; }
    .cards .card .content .content_options .content_option_1 {
      position: relative;
      display: flex;
      justify-content: center;
      margin-bottom: 15%;
      height: 212px; }
      .cards .card .content .content_options .content_option_1 .grane_container {
        width: 50%;
        position: absolute;
        min-height: 100%;
        max-height: 100%; }
        .cards .card .content .content_options .content_option_1 .grane_container.pointer-layer {
          z-index: 1;
          cursor: pointer;
          border-radius: 70%;
          width: 40%; }
      .cards .card .content .content_options .content_option_1 .grane_content {
        right: 0%;
        position: relative;
        top: 30%;
        height: 70%;
        bottom: 0%;
        min-width: 20%; }
        .cards .card .content .content_options .content_option_1 .grane_content .grane-icon {
          width: 100%;
          /* min-height: 18%; */
          height: 40%;
          position: absolute;
          top: 0;
          padding-right: 20%;
          padding-left: 20%; }
        .cards .card .content .content_options .content_option_1 .grane_content h1 {
          text-transform: capitalize;
          color: white;
          font-size: 9pt;
          text-align: center;
          min-width: 100%;
          padding-left: 5%;
          min-height: 32%;
          position: inherit;
          top: 30%;
          margin-bottom: 34%;
          padding-right: 5%; }
    .cards .card .content .content_options .content_option_2 {
      position: relative;
      display: flex;
      justify-content: center;
      margin-bottom: 15%;
      height: 212px; }
      .cards .card .content .content_options .content_option_2 .grane_container {
        width: 50%;
        position: absolute;
        min-height: 100%;
        max-height: 100%; }
        .cards .card .content .content_options .content_option_2 .grane_container.pointer-layer {
          z-index: 1;
          cursor: pointer;
          border-radius: 70%;
          width: 40%; }
      .cards .card .content .content_options .content_option_2 .grane_content {
        right: 0%;
        position: relative;
        top: 30%;
        height: 70%;
        bottom: 0%;
        min-width: 20%; }
        .cards .card .content .content_options .content_option_2 .grane_content .grane-icon {
          width: 100%;
          /* min-height: 18%; */
          height: 40%;
          position: absolute;
          top: 0;
          padding-right: 10%;
          padding-left: 10%; }
        .cards .card .content .content_options .content_option_2 .grane_content h1 {
          text-transform: capitalize;
          color: white;
          font-size: 9pt;
          text-align: center;
          min-width: 100%;
          padding-left: 5%;
          min-height: 32%;
          position: inherit;
          top: 35%;
          margin-bottom: 34%;
          padding-right: 5%; }

@media screen and (min-width: 1920px) {
  .cards {
    padding-top: 5%; }
  .cards .card {
    min-width: 25%; } }

@media screen and (min-width: 1601px) {
  .cards {
    padding-top: 0%; }
  .cards .card {
    min-width: 28%; } }

@media screen and (max-width: 1600px) {
  .cards {
    padding-top: 1%;
    padding-bottom: 1%; }
  .cards .card .content .content_options .content_option_1, .cards .card .content .content_options .content_option_2 {
    margin-bottom: 8%; } }

@media screen and (max-width: 1366px) {
  .cards {
    padding-top: 0;
    padding-bottom: 1%; }
  .cards .card .content .content_header {
    margin-top: 4%; }
  .cards .card .content .content_options .content_option_1, .cards .card .content .content_options .content_option_2 {
    margin-bottom: 5%; } }

@media screen and (max-width: 1280px) {
  .cards {
    padding-top: 0%;
    padding-bottom: 1%; }
  .cards .card .content .content_options .content_option_1, .cards .card .content .content_options .content_option_2 {
    margin-bottom: 5%; } }

@media screen and (max-width: 1023px) {
  .cards .card .content .content_options .content_option_1 .grane_content h1, .cards .card .content .content_options .content_option_2 .grane_content h1 {
    font-size: 6pt; } }

.bloque {
  display: flex;
  align-items: center;
  border: 1px solid #CCC;
  border-radius: 4px;
  height: 48px; }
  .bloque.bloque-form {
    height: 25px;
    border: none; }
  .bloque.bloque-right {
    float: right; }
  .bloque.bloque-large-heigth {
    height: 65px; }

.archivo {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  width: 38px;
  height: 42px;
  border: 1px solid #FFF;
  border-radius: 5px;
  cursor: pointer; }
  .archivo span {
    top: 0px;
    right: -1px;
    color: #FFF;
    font-size: 18px; }
    .archivo span.icon-text {
      position: relative;
      top: 1px;
      font-size: 10px; }
  .archivo i {
    color: #FFF; }
  .archivo[disabled] {
    background-color: #BFBFBF;
    cursor: default; }
    .archivo[disabled] span {
      color: #FFF; }

.archivo-b {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  width: 38px;
  height: 42px;
  background-color: #C81517;
  border: 1px solid #FFF;
  border-radius: 5px;
  cursor: pointer; }
  .archivo-b span {
    top: 0px;
    right: -1px;
    color: #FFF;
    font-size: 18px; }
    .archivo-b span.icon-text {
      position: relative;
      top: 1px;
      font-size: 10px; }
  .archivo-b i {
    color: #FFF; }
  .archivo-b[disabled] {
    background-color: #BFBFBF;
    cursor: default; }
    .archivo-b[disabled] span {
      color: #FFF; }

.icon-file-container .archivo {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  width: 38px;
  height: 42px;
  background-color: #BFBFBF;
  border: 1px solid #FFF;
  border-radius: 5px;
  cursor: pointer;
  position: relative; }
  .icon-file-container .archivo.has-file {
    background-color: #C81517; }
  .icon-file-container .archivo span {
    top: 0px;
    right: -1px;
    color: #FFF;
    font-size: 18px; }
    .icon-file-container .archivo span.icon-text {
      position: relative;
      top: 1px;
      font-size: 10px; }
  .icon-file-container .archivo[disabled] {
    background-color: #BFBFBF;
    cursor: default; }
    .icon-file-container .archivo[disabled] span {
      color: #FFF; }
  .icon-file-container .archivo.span-icon span {
    top: 0px;
    right: -1px;
    color: #FFF;
    font-size: 15px; }
    .icon-file-container .archivo.span-icon span.icon-text {
      position: relative;
      top: 1px;
      font-size: 9px; }
  .icon-file-container .archivo .disabled-layer {
    display: none; }

.icon-file-container .disabled .archivo {
  /* &:after{
                position: absolute;
                content: "";
                top:0;
                right:0;
                bottom:0;
                left:0;
                background: rgba(#ddd, 0.4);
                cursor: not-allowed;
            } */ }
  .icon-file-container .disabled .archivo .disabled-layer {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(221, 221, 221, 0.4);
    cursor: not-allowed; }

.archivo_auxiliar {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  width: 40px;
  height: 44px;
  background-color: #C81517;
  border: 1px solid #FFF;
  border-radius: 5px;
  cursor: pointer; }
  .archivo_auxiliar span {
    top: 0px;
    right: -1px;
    color: #FFF;
    font-size: 15px; }
    .archivo_auxiliar span.icon-text {
      position: relative;
      top: 1px;
      font-size: 9px; }
  .archivo_auxiliar[disabled] {
    background-color: #BFBFBF;
    cursor: default; }
    .archivo_auxiliar[disabled] span {
      color: #FFF; }

.icon-button-delete {
  position: absolute;
  background: transparent;
  border-color: transparent;
  outline: none;
  right: 0px;
  z-index: 1;
  left: 0px;
  top: 0px;
  margin: -8px 0px 0px 23px;
  color: #fff; }

.cmx .controls {
  position: relative;
  margin-bottom: 10px; }

.cmx .board-container {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid gray;
  border-radius: 10px;
  padding: 5px 15px;
  margin-bottom: 150px; }
  .cmx .board-container .graph-area {
    width: 80%;
    overflow-x: scroll; }
  .cmx .board-container .options {
    padding-top: 38px;
    width: 20%;
    overflow: hidden;
    word-wrap: normal; }
    .cmx .board-container .options .financial {
      background-color: red;
      color: maroon; }
    .cmx .board-container .options .form-check-label {
      font-size: 13px;
      font-weight: bold;
      display: inline; }
    .cmx .board-container .options .check-boxes {
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 20px;
      height: 500px;
      overflow-y: scroll; }
    .cmx .board-container .options .select-level {
      padding: 35px 0px; }

@font-face {
  font-family: OpenSans;
  src: url("../fonts/OpenSans-Regular.ttf"); }

@font-face {
  font-family: OpenSansB;
  src: url("../fonts/OpenSans-Bold.ttf");
  font-weight: bold; }

@font-face {
  font-family: OpenSansL;
  src: url("../fonts/OpenSans-Light.ttf");
  font-weight: 300; }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?x1ifdi");
  src: url("../fonts/icomoon.eot?x1ifdi#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?x1ifdi") format("truetype"), url("../fonts/icomoon.woff?x1ifdi") format("woff"), url("../fonts/icomoon.svg?x1ifdi#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

.cmx {
  /* ESTOS ESTILOS SON PARA LOS ARCHIVOS QUE NO DEBEN DE LLEVAR UN CONTENEDOR */
  /* FIN DE ESTILOS DE ARCHIVOS SIN CONTENEDOR */
  /* 	.form-contralor{

		// -------------------------
	    &.form-right {
	        text-align: right;
	    }
	    &.labels-right {
	        label {
	            text-align: right;
	        }
	    }
	    label {
	        font-size: $font-size;
	        width: $label-w;
	        height: $label-h;
	        font-weight: normal !important;
	        margin-top: 3px; // Esto hace que los labels no se muevan hacia arriba o hacia abajo cuando se usa un selector
	        &.label-too-long {
	            position: absolute;
	            left: 0px;
	            top: -4px;
	        }
	    }
	    textarea.form-control {
	        resize: none;
	        height: auto;
	    }
	    .ui-select-container{
	        display: inline-block;
	        height: 25px;
	    }
	    .form-control:not(.ui-select-container), sc-select > div:nth-child(2) {
	        display: inline-block;
	        height: 25px;
	        font-size: $font-size;
	        padding-left: 3px;
	        @include calc('width','100% - 70px');
	    }
	    .form-check {
	        // @include calc('margin-right','100% - 83px');
	        text-align: left;
	        border: none;
	        padding-left: 0;
	    }
	    .form-base {
	        border: 1px solid #CCC;
	        border-radius: 3px;
	        height: 25px;
	        padding: 3px 4px;
	    }
	    .form-base-full {
	        border: 1px solid #CCC;
	        border-radius: 3px;
	        width: 100%;
	        background-color: #f2f2f2;
	    }
	    //.form-switch {
	    //    @extend .form-base;
	    //    background-color: #EEE;
	    //    margin-left: 10px;
	    //}
	    .form-file {
	        @extend .form-base;
	        border: none;
	        label {
	            margin-right: 44px;
	        }
	        .file-pdf {
	            position: absolute;
	            right: 13px;
	            top: -9px;
	        }
	    }
	    //.form-folio {
	    //    @extend .form-base;
	    //    @extend .double-size;
	    //    background-color: #ccc;
	    //    margin-left: 20px;
	    //    text-align: center;
	    //    text-transform: uppercase;
	    //}

	    .label-poliza {
	        label {
	            width: 80px;
	        }
	        .form-control {
	            @include calc('width','100% - 90px');
	        }
	    }
	    .input-group {
	        margin-left: 4px;
	        @include calc('width','100% - 130px');

	        .form-control {
	            width: 100% !important;
	        }
	        button.btn {
	            height: 25px;
	        }
	        .input-group-btn{
	            width: 1%;
	        }
	        .btn-image {
	            padding: 3px 4px 0px 4px;
	        }
	    }
	    .box-base {
	        border: 1px solid #CCC;
	        border-radius: 3px;
	        padding: 5px;
	    }
	    .col-abs-right {
	        position: absolute;
	        right: 0;
	    }
	    .col-abs-left {
	        position: absolute;
	        left: 0;
	    }
	    tfoot{
	        textarea{
	            box-sizing: border-box;
	            border: solid 0;
	        }
	    }
		&.ng-dirty input.ng-invalid, 
		&.ng-dirty sc-select.ng-invalid a.select2-choice {
		    border-color: $cx-red-1;
		    box-shadow: 0px 0px 5px $cx-red-1;
		}
		.check {
		    width: 24px;
		    height: 20px;
		    background-color: #BFBFBF;
		    border-radius: 8px;
		    -webkit-transition: all 0.1s ease-out;
		    transition: all 0.1s ease-out;
		    .btn-sw {
		      background: none;
		      border: none;
		      -webkit-transition: all 0.1s ease-out;
		      transition: all 0.1s ease-out;
		    }
		    &.on {
		      text-align: left;
		      background-color: #8F8F8F;
		      .btn-sw {
		        &:before {content:  "\2713 ";}
		        @extend .glyphicon;
		        @extend .glyphicon-ok;
		        color: white;
		        top: 2px;
		        left: 6px;
		      }
		    }
		}
		.check-center {
		    padding-left: 10px;
		}

		//  LOGO
		.logo-center .img-thumbnail {
		    display: block !important;
		    width: 100%;
		    // height: 50px;
		    // min-height: 90px;
		    max-height: 155px;
		    margin-bottom: 10px;
		    background-color: #EEE;
		    border: 1px solid #DBDBDB;
		    border-radius: 7px;
		    cursor: pointer;
		}

		// DATOS MATRIZ
		.box-grey {
		    float: left;
		    border: 1px solid $cx-grey-2;
		    border-radius: 5px;
		    background: $cx-grey-1;
		    padding: 0 10px 10px 10px;
		    margin: 0 5px 10px 5px;
		    h4 {
		        padding-top: 0px;
		        padding-left: 10px;
		    }
		    input {
		        width: 121px;
		    }
		    & div[class*="col"] {
		        margin-top: 5px;
		    }
		}





		table{
			thead{
				th{
					border-left: solid 1px;
					&:first-child{
						border: none;
					}
				}
			}
			tfoot{
				tr{
					td{
						padding-top: 10px !important;
					}
					//margin-top: 10px !important;
				}
				
			}
			th, td{
				padding-left: 3px !important;
				padding-right: 3px !important;
				&:first-child{
					padding-left: 6px !important;
				}
				&:last-child{
					padding-right: 6px !important;
				}
			}
			#comments{
				
			}
			#captions{
				label{
					text-align: right;
				}
			}
			#captions, #results{
				.row{
					> div{
						height: 25px;
					}
				}
			}
			label{
				width: 100%;
			}
			
			textarea{
				height: 100px !important;
			}
		}
	} */ }
  .cmx .cmx-file-input-container {
    position: relative;
    height: inherit;
    width: 42px;
    background-color: transparent;
    border-radius: 4px;
    margin-right: 4px; }
    .cmx .cmx-file-input-container:last-child {
      margin-right: 0; }
    .cmx .cmx-file-input-container .cmx-file-bg-container {
      position: relative;
      left: 0;
      right: 0;
      top: 2px;
      border-radius: 4px;
      background-color: #BFBFBF;
      cursor: pointer;
      width: 42px; }
      .cmx .cmx-file-input-container .cmx-file-bg-container.disabled {
        opacity: .4;
        background-color: black; }
        .cmx .cmx-file-input-container .cmx-file-bg-container.disabled .cmx-file-disabled-layer {
          display: block; }
      .cmx .cmx-file-input-container .cmx-file-bg-container.colored {
        background-color: #C81517; }
      .cmx .cmx-file-input-container .cmx-file-bg-container .cmx-file-content {
        color: white; }
        .cmx .cmx-file-input-container .cmx-file-bg-container .cmx-file-content ul {
          padding: 0;
          margin: 0 !important;
          list-style-type: none; }
          .cmx .cmx-file-input-container .cmx-file-bg-container .cmx-file-content ul li {
            text-align: center; }
            .cmx .cmx-file-input-container .cmx-file-bg-container .cmx-file-content ul li.cmx-file-icon {
              position: relative;
              line-height: 2em; }
              .cmx .cmx-file-input-container .cmx-file-bg-container .cmx-file-content ul li.cmx-file-icon .cmx-file-action-status {
                position: absolute;
                left: 14px;
                top: 13px;
                font-size: 11px;
                color: #C81517; }
                .cmx .cmx-file-input-container .cmx-file-bg-container .cmx-file-content ul li.cmx-file-icon .cmx-file-action-status.fa-upload {
                  top: 12px; }
              .cmx .cmx-file-input-container .cmx-file-bg-container .cmx-file-content ul li.cmx-file-icon .cmx-file-action-delete {
                position: absolute;
                right: 1px;
                top: 1px;
                font-size: 11px; }
            .cmx .cmx-file-input-container .cmx-file-bg-container .cmx-file-content ul li.cmx-file-label {
              font-size: 10px;
              font-weight: bold; }
      .cmx .cmx-file-input-container .cmx-file-bg-container .cmx-file-disabled-layer {
        display: none;
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(255, 255, 255, 0.7);
        cursor: not-allowed; }
    .cmx .cmx-file-input-container .cmx-file-input-container {
      display: none; }
  .cmx section.cmx-menu-bottom {
    margin: 0 4px 0 4px;
    height: 48px; }
    .cmx section.cmx-menu-bottom section.cmx-mb-icons-container {
      display: flex;
      height: inherit;
      position: relative;
      border: 1px solid #CCC;
      border-radius: 4px; }
      .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container {
        position: absolute;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        left: 4px;
        top: 0px;
        bottom: 0px;
        gap: 4px;
        align-content: center; }
        .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container.to-right {
          right: 4px;
          left: unset; }
        .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container {
          position: relative;
          display: flex;
          width: 42px;
          align-content: center; }
          .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 42px;
            height: 42px;
            background-color: #FFF;
            border: 0 solid;
            outline: none;
            border: 1px solid #C81517;
            border-radius: 100%; }
            .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button.custom-icon {
              border: none !important; }
            .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button .cmx-action-button-zone {
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              width: 42px;
              min-height: 42px;
              border-radius: 100%; }
            .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button span {
              font-size: 20px;
              color: #C81517; }
              .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button span.flaticon-mail-send {
                font-size: 26px; }
              .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button span.flaticon-prohibition {
                font-size: 34px; }
              .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button span.flaticon-text-document-cancel-button {
                padding-left: 4px; }
              .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button span.play-fixed-asset {
                background-image: url("../img/Play_Rojo.svg");
                background-repeat: no-repeat;
                width: 42px;
                height: 44px; }
              .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button span.play-fixed-asset-disabled {
                background-image: url("../img/Play_Gris.svg");
                background-repeat: no-repeat;
                width: 42px;
                height: 44px; }
              .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button span.pause-fixed-asset {
                background-image: url("../img/Pausa_Gris.svg");
                background-repeat: no-repeat;
                width: 42px;
                height: 42px; }
              .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button span.play-recurrency {
                background-image: url("../img/on_gris.svg");
                background-repeat: no-repeat;
                width: 42px;
                height: 44px; }
              .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button span.pause-recurrency {
                background-image: url("../img/on_rojo.svg");
                background-repeat: no-repeat;
                width: 42px;
                height: 42px; }
              .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button span.enabled-print {
                background-image: url("../img/ticket-print-enabled.svg");
                background-repeat: no-repeat;
                width: 43px;
                height: 42px; }
              .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button span.disabled-print {
                background-image: url("../img/ticket-print-disabled.svg");
                background-repeat: no-repeat;
                width: 42px;
                height: 44px;
                cursor: not-allowed; }
              .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button span.soriana-active {
                background-image: url("../img/soriana_rojo.svg");
                background-repeat: no-repeat;
                width: 43px;
                height: 42px; }
              .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button span.soriana-deactive {
                background-image: url("../img/soriana_gris.svg");
                background-repeat: no-repeat;
                width: 42px;
                height: 44px;
                cursor: not-allowed; }
            .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button[disabled] {
              border-color: #DFDFDF;
              cursor: not-allowed; }
              .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button[disabled] span {
                color: #DFDFDF; }
            .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button.active {
              border-color: #DFDFDF; }
              .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button.active span {
                color: #DFDFDF; }
            .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button.no-load {
              border-color: #DFDFDF; }
              .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button.no-load span {
                color: #DFDFDF; }
            .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button.load {
              color: #C81517;
              border: 1px solid #C81517; }
              .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button.load[disabled] {
                border-color: #C81517;
                cursor: not-allowed; }
                .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-actions-container .cmx-action-button-container button.load[disabled] span {
                  color: #C81517; }
      .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-files-container {
        position: absolute;
        display: flex;
        left: 4px;
        top: 0px;
        bottom: 0px; }
        .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-files-container.to-right {
          right: 4px;
          left: unset; }
        .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-files-container .cmx-file-input-container {
          position: relative;
          height: inherit;
          width: 42px;
          background-color: transparent;
          border-radius: 4px;
          margin-right: 4px; }
          .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-files-container .cmx-file-input-container:last-child {
            margin-right: 0; }
          .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-files-container .cmx-file-input-container .cmx-file-bg-container {
            position: absolute;
            left: 0;
            right: 0;
            top: 2px;
            bottom: 2px;
            border-radius: 4px;
            background-color: #BFBFBF;
            cursor: pointer;
            width: 42px; }
            .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-files-container .cmx-file-input-container .cmx-file-bg-container.disabled {
              opacity: .4;
              background-color: black; }
              .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-files-container .cmx-file-input-container .cmx-file-bg-container.disabled .cmx-file-disabled-layer {
                display: block; }
            .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-files-container .cmx-file-input-container .cmx-file-bg-container.colored {
              background-color: #C81517; }
            .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-files-container .cmx-file-input-container .cmx-file-bg-container .cmx-file-content {
              color: white; }
              .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-files-container .cmx-file-input-container .cmx-file-bg-container .cmx-file-content ul {
                padding: 0;
                margin: 0 !important;
                list-style-type: none; }
                .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-files-container .cmx-file-input-container .cmx-file-bg-container .cmx-file-content ul li {
                  text-align: center; }
                  .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-files-container .cmx-file-input-container .cmx-file-bg-container .cmx-file-content ul li.cmx-file-icon {
                    position: relative;
                    line-height: 2em; }
                    .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-files-container .cmx-file-input-container .cmx-file-bg-container .cmx-file-content ul li.cmx-file-icon .cmx-file-action-status {
                      position: absolute;
                      left: 14px;
                      top: 13px;
                      font-size: 11px;
                      color: #C81517; }
                      .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-files-container .cmx-file-input-container .cmx-file-bg-container .cmx-file-content ul li.cmx-file-icon .cmx-file-action-status.fa-upload {
                        top: 12px; }
                    .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-files-container .cmx-file-input-container .cmx-file-bg-container .cmx-file-content ul li.cmx-file-icon .cmx-file-action-delete {
                      position: absolute;
                      right: 1px;
                      top: 1px;
                      font-size: 11px; }
                  .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-files-container .cmx-file-input-container .cmx-file-bg-container .cmx-file-content ul li.cmx-file-label {
                    font-size: 10px;
                    font-weight: bold; }
            .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-files-container .cmx-file-input-container .cmx-file-bg-container .cmx-file-disabled-layer {
              display: none;
              position: absolute;
              content: "";
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              background: rgba(255, 255, 255, 0.7);
              cursor: not-allowed; }
          .cmx section.cmx-menu-bottom section.cmx-mb-icons-container .cmx-files-container .cmx-file-input-container .cmx-file-input-container {
            display: none; }
  .cmx .cmx-tooltip-disabled {
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 1px;
    margin-left: -5px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: transparent; }
    .cmx .cmx-tooltip-disabled[disabled] {
      border-color: #DFDFDF;
      cursor: not-allowed;
      background: rgba(255, 255, 255, 0.7);
      outline: none;
      z-index: 1; }
  .cmx .logo-center .img-thumbnail {
    display: block !important;
    width: 75%;
    max-height: 155px;
    height: 155px;
    margin: 0 18px;
    background-color: #EEE;
    border: 1px solid #DBDBDB;
    border-radius: 7px;
    cursor: pointer; }
  .cmx .up {
    position: relative;
    top: 4px;
    left: 4px;
    font-size: 14px; }
  .cmx .down {
    position: relative;
    top: -1px;
    left: 4px;
    font-size: 14px; }
  .cmx .normal {
    position: relative;
    left: 4px; }
  .cmx .order-active {
    color: #c81518; }

#gray-zone {
  color: #5B5B5F;
  font-size: 12px;
  background-color: #EEE; }
  #gray-zone label {
    display: block; }
  #gray-zone textarea {
    width: 100%;
    resize: none;
    border: 1px solid #DBDBDB;
    border-radius: 3px;
    height: 90px; }
  #gray-zone .no-input-size {
    height: 24px; }
  #gray-zone .form-control {
    width: -webkit-calc(100% - 5px) ;
    width: -moz-calc(100% - 5px) ;
    width: calc(100% - 5px) ;
    border-radius: 3px; }
  #gray-zone .select {
    width: -webkit-calc(100% - 60px) ;
    width: -moz-calc(100% - 60px) ;
    width: calc(100% - 60px) ;
    border-radius: 3px; }
  #gray-zone .gray-table {
    text-align: left;
    overflow: hidden;
    background-color: #eee;
    border: 1px solid #BFBFBF;
    border-radius: 5px;
    margin-bottom: 5px; }
    #gray-zone .gray-table .header {
      border: 1px solid #ECECEC;
      border-radius: 5px 5px 0 0;
      box-shadow: none !important;
      background: #BFBFBF;
      color: #FFFFFF;
      font-weight: bold;
      padding: 0;
      margin: 0;
      border: none; }
      #gray-zone .gray-table .header div[class^="col"] {
        padding: 2px 5px;
        margin: 2px 0px;
        border-right: 1px solid #fff; }
        #gray-zone .gray-table .header div[class^="col"]:last-child {
          border-right: none; }
  #gray-zone .col-observ {
    padding: 0 4px; }
  #gray-zone .col-valor {
    text-align: left;
    padding-left: 3px; }
    #gray-zone .col-valor label {
      display: inline-block;
      width: 55px; }
    #gray-zone .col-valor .form-control {
      width: -webkit-calc(100% - 65px) ;
      width: -moz-calc(100% - 65px) ;
      width: calc(100% - 65px) ; }

button.opcion {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  width: 42px;
  height: 42px;
  background-color: #FFF;
  border: 1px solid #C81517;
  border-radius: 100px;
  outline: none; }
  button.opcion span {
    top: 0;
    font-size: 18px;
    color: #C81517; }
  button.opcion[disabled] {
    border-color: #BFBFBF; }
    button.opcion[disabled] span {
      color: #BFBFBF; }

input.checkbox {
  margin: 0;
  position: absolute;
  height: 25px; }

.file-container {
  display: inline-block;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 1px;
  height: 23px;
  width: 57px;
  background-color: #BFBFBF;
  border: 1px solid #BFBFBF;
  border-radius: 5px;
  color: #FFFFFF; }
  .file-container.colored {
    background-color: #C81517; }

button.table-opcion {
  display: inline-block;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 1px 0px;
  width: 55px;
  height: 23px;
  background-color: #C81517;
  border: 1px solid #C81517;
  border-radius: 5px;
  color: #FFFFFF; }
  button.table-opcion span {
    font-size: 12px;
    color: #FFFFFF; }
  button.table-opcion[disabled] {
    border-color: #BFBFBF;
    background-color: #BFBFBF;
    color: #FFFFFF; }
    button.table-opcion[disabled] span {
      color: #FFFFFF; }

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

.no-logo {
  min-height: 160px;
  min-width: 160px; }

.tooltip {
  z-index: 1000 !important;
  font-size: 12px;
  visibility: false; }
  .tooltip .tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #000;
    text-align: center;
    background-color: #DEDEDE;
    border-radius: 4px;
    border: solid 1px #5B5B5F;
    /*Estilos popover de informacion para sliders ventas del mes*/ }
    .tooltip .tooltip-inner.month-sales-tooltip {
      background-color: #434343 !important;
      border: none !important;
      color: #FFFFFF; }
      .tooltip .tooltip-inner.month-sales-tooltip .value {
        font-weight: bold;
        font-size: 14px; }
      .tooltip .tooltip-inner.month-sales-tooltip .percentage {
        font-weight: bold;
        font-size: 14px; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #5B5B5F; }

.cmx table.table .cmx-icon {
  display: inline-block; }
  .cmx table.table .cmx-icon.icon-PDF, .cmx table.table .cmx-icon.icon-XML {
    -moz-user-select: none;
    user-select: none;
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #740909;
    border-radius: 3px 3px 3px 3px;
    height: 20px;
    margin-left: 5px;
    padding: 0;
    width: 20px;
    background-color: #BBBBBB;
    border: 1px solid #BBBBBB;
    cursor: default; }
    .cmx table.table .cmx-icon.icon-PDF.active, .cmx table.table .cmx-icon.icon-XML.active {
      background-color: #C81517;
      border-color: black;
      cursor: pointer; }
  .cmx table.table .cmx-icon.icon-PDF {
    background-image: url(../img/pdfnomina.svg); }
  .cmx table.table .cmx-icon.icon-XML {
    background-image: url(../img/xmlnomina.svg); }

.cmx .editar, .cmx .edit {
  background-image: url("../img/Editar.svg");
  width: 14.5px;
  height: 14.5px; }

.cmx .icono {
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  background-size: contain; }
  .cmx .icono:hover {
    background-repeat: no-repeat !important;
    background-size: contain !important; }

.cmx .icono-acc {
  width: 14px;
  height: 14px;
  top: 3px;
  margin-right: 3px; }

.cmx .icono-close {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 30px;
  top: 50px;
  background-image: url("../img/BotonCancel.svg") !important; }

.cmx .icono-enter {
  width: 12px;
  height: 12px;
  top: 3px;
  margin-right: 3px;
  background-image: url("../img/enter.svg") !important; }

.cmx .icono-examinar {
  width: 17px;
  height: 17px;
  background: url("../img/icono_examinar.png") no-repeat; }

.cmx .cancelar {
  background-image: url("../img/cancelar.svg"); }

.cmx .cancelar-2 {
  background-image: url("../img/Cancelar_2.svg"); }

.cmx .select-project {
  background-image: url("../img/proyectos_gris.svg");
  width: 12px;
  height: 12px;
  position: cover;
  margin-top: -3px;
  background-repeat: no-repeat; }

.cmx .eliminar {
  background-image: url("../img/Eliminar.svg"); }

.cmx .nuevo {
  background-image: url("../img/nuevo.svg"); }

.cmx .nuevo-rojo {
  background-image: url("../img/nuevo_rojo.svg"); }

.cmx .salvar {
  background-image: url("../img/Salvar.png"); }

.cmx .custom-product-pendings-icon {
  width: 17px;
  height: 16px;
  position: cover;
  background-repeat: no-repeat;
  background-image: url("../img/icono_mano_caja.svg"); }

.cx .permits-container .permits-list {
  list-style-type: none;
  padding: 0;
  margin-right: 15px; }
  .cx .permits-container .permits-list li.bootstrap-checkbox-list .checkbox {
    display: block; }
    .cx .permits-container .permits-list li.bootstrap-checkbox-list .checkbox input {
      position: absolute;
      right: 5px; }
    .cx .permits-container .permits-list li.bootstrap-checkbox-list .checkbox label {
      display: block;
      font-weight: initial; }
      .cx .permits-container .permits-list li.bootstrap-checkbox-list .checkbox label::before, .cx .permits-container .permits-list li.bootstrap-checkbox-list .checkbox label::after {
        left: initial;
        right: 5px; }
  .cx .permits-container .permits-list > li:first-child {
    text-transform: uppercase;
    background: #7489A2;
    color: white;
    position: relative;
    padding: 5px;
    border-radius: 10px 10px 0 0; }
    .cx .permits-container .permits-list > li:first-child input[type="checkbox"] {
      position: absolute;
      right: 5px;
      margin: 0;
      height: 20px; }
    .cx .permits-container .permits-list > li:first-child .checkbox {
      padding: 0; }
      .cx .permits-container .permits-list > li:first-child .checkbox label {
        font-size: 14px; }
        .cx .permits-container .permits-list > li:first-child .checkbox label::before, .cx .permits-container .permits-list > li:first-child .checkbox label::after {
          right: 0; }
  .cx .permits-container .permits-list ul {
    padding-left: 0;
    list-style-type: none;
    background: #ECECEC; }
  .cx .permits-container .permits-list > ul > li:first-child {
    padding-left: 10px;
    text-transform: uppercase;
    background: #DEDEDE;
    font-weight: bold;
    font-size: 13px;
    color: #666666; }
  .cx .permits-container .permits-list > ul > ul {
    padding-top: 4px; }
    .cx .permits-container .permits-list > ul > ul li {
      /* &.bootstrap-checkbox-list{
							.checkbox{
								display: block;
								input{
									position: absolute;
									right: 5px;
								}
								label{
									display: block;
									font-weight: initial;
									&::before, &::after{
										left: initial;
										right: 5px;
									}
								}
							}
						} */ }
      .cx .permits-container .permits-list > ul > ul li.native-checkbox-list {
        padding-left: 15px;
        position: relative;
        border-bottom: solid 1px #CDCDCD;
        color: #89878C;
        font-size: 13px; }
        .cx .permits-container .permits-list > ul > ul li.native-checkbox-list input[type="checkbox"] {
          position: absolute;
          right: 5px;
          margin: 0;
          height: 20px; }
  .cx .permits-container .permits-list.checkboxes-to-left > ul > ul li.native-checkbox-list {
    padding-left: 25px; }
    .cx .permits-container .permits-list.checkboxes-to-left > ul > ul li.native-checkbox-list input[type="checkbox"] {
      left: 5px; }

.cx .permits-container:last-child .permits-list {
  margin-right: 0; }

#login-externos {
  background-color: rgba(38, 79, 109, 0.89);
  border: transparent;
  border-radius: 20px;
  color: #FFFFFF;
  min-height: 400px;
  margin: 0 auto;
  /*HACK FOR UGGLY BAKCGROUND BLUE OF SELECTED USER.*/ }
  #login-externos .panel-body {
    margin-top: 20px; }
  #login-externos .wrapper-inputs {
    margin: 0 auto;
    width: 80%; }
  #login-externos .only-logo {
    width: 80%;
    margin: 0 auto;
    background-color: transparent;
    border: none; }
  #login-externos .subtitle {
    color: white;
    text-transform: uppercase;
    letter-spacing: 14px;
    font-size: 17pt;
    margin-left: 58px; }
  #login-externos .welcome-message {
    position: relative;
    margin-bottom: 5px;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold; }
  #login-externos strong {
    font-weight: bolder; }
  #login-externos .subscription-message {
    border-top: 1px solid #FFFFFF;
    margin-top: 12px;
    padding-top: 15px;
    font-size: 13px;
    width: 85%;
    margin: 0 auto;
    text-align: center; }
    #login-externos .subscription-message a :active, #login-externos .subscription-message a:visited, #login-externos .subscription-message a:link {
      color: #FFFFFF; }
  #login-externos .login-button {
    background-color: #e2050a;
    width: 40%;
    margin: 0 auto;
    border: none;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 18px;
    padding: 6px 12px; }
  #login-externos .input-login {
    position: relative;
    float: right;
    height: 45px;
    font-size: 13px;
    font-weight: bolder;
    color: #002749;
    border-radius: 10px;
    background-color: #D4DCE1;
    padding-left: 50px; }
    #login-externos .input-login::-webkit-input-placeholder {
      color: #002749; }
  #login-externos .icon {
    position: absolute;
    float: left;
    background-repeat: no-repeat;
    z-index: 12;
    margin-top: 7px;
    margin-left: 10px;
    fill: #002749; }
    #login-externos .icon.user {
      width: 30px;
      height: 30px;
      background-image: url("../img/user-icon-externos.svg"); }
    #login-externos .icon.pass {
      width: 30px;
      height: 30px;
      background-image: url("../img/pass-icon-externos.svg");
      padding-bottom: 12px; }
  #login-externos .demo-icon {
    position: relative;
    width: 17px;
    height: 16px;
    margin-left: 5px;
    background-repeat: no-repeat;
    border-image: none; }
  #login-externos .demo-link {
    text-decoration: underline; }
  #login-externos .errors {
    font-size: 15px;
    font-weight: bold;
    height: 30px; }
    #login-externos .errors .message {
      color: #FFFFFF;
      padding-top: 5px;
      padding-bottom: 5px;
      border-radius: 4px;
      margin: 0 auto;
      background: #b81e1e;
      width: 80%; }
  #login-externos input:-webkit-autofill,
  #login-externos :-webkit-autofill:hover,
  #login-externos :-webkit-autofill:focus,
  #login-externos :-webkit-autofill:active {
    box-shadow: inherit;
    -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0.6) inset;
    -webkit-text-fill-color: #FFFFFF; }

#login {
  background-color: rgba(75, 68, 67, 0.4);
  border: transparent;
  border-radius: 20px;
  color: #FFFFFF;
  min-height: 400px;
  margin: 0 auto;
  /*HACK FOR UGGLY BAKCGROUND BLUE OF SELECTED USER.*/ }
  #login .wrapper-inputs {
    margin: 0 auto;
    width: 80%; }
  #login .only-logo {
    margin: 0 auto;
    background-color: transparent;
    border: none; }
  #login .welcome-message {
    position: relative;
    margin-bottom: 5px;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold; }
  #login .subscription-message {
    font-weight: bold;
    border-top: 1px solid #FFFFFF;
    margin-top: 12px;
    padding-top: 15px;
    font-size: 13px;
    width: 85%;
    margin: 0 auto;
    text-align: center; }
    #login .subscription-message a :active, #login .subscription-message a:visited, #login .subscription-message a:link {
      color: #FFFFFF; }
  #login .login-button {
    background-color: #e2050a;
    width: 40%;
    margin: 0 auto;
    border: none;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 18px;
    padding: 6px 12px; }
  #login .input-login {
    position: relative;
    float: right;
    height: 45px;
    font-size: 13px;
    font-weight: bolder;
    color: white;
    border-radius: 10px;
    background-color: rgba(182, 183, 183, 0.7);
    padding-left: 50px; }
    #login .input-login::-webkit-input-placeholder {
      color: white; }
  #login .icon {
    position: absolute;
    float: left;
    background-repeat: no-repeat;
    z-index: 12;
    margin-top: 7px;
    margin-left: 10px; }
    #login .icon.user {
      width: 30px;
      height: 30px;
      background-image: url("../img/user-icon.svg"); }
    #login .icon.pass {
      width: 30px;
      height: 30px;
      background-image: url("../img/pass-icon.svg");
      padding-bottom: 12px; }
  #login .errors {
    font-size: 15px;
    font-weight: bold;
    height: 30px; }
    #login .errors .message {
      color: #FFFFFF;
      padding-top: 5px;
      padding-bottom: 5px;
      border-radius: 4px;
      margin: 0 auto;
      background: #b81e1e;
      width: 80%; }
  #login .reset-link {
    cursor: pointer; }
  #login input:-webkit-autofill,
  #login :-webkit-autofill:hover,
  #login :-webkit-autofill:focus,
  #login :-webkit-autofill:active {
    box-shadow: inherit;
    -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0.6) inset;
    -webkit-text-fill-color: #FFFFFF; }

.cmx {
  font-family: OpenSans !important; }
  .cmx h4 {
    color: #5B5B5F;
    font-weight: bold;
    font-size: 14px; }
  .cmx h6 {
    color: #5B5B5F;
    font-weight: bold; }
  .cmx hr {
    margin: 5px 0; }
  .cmx a, .cmx a:hover {
    text-decoration: none; }
  .cmx textarea {
    resize: none;
    height: auto; }
  @media (min-width: 1200px) {
    .cmx .container {
      width: 96%;
      max-width: 1366px; } }
  .cmx .double-size {
    height: 55px; }
  .cmx .uppercase {
    text-transform: uppercase; }
  .cmx .col-pad-right {
    padding-right: 10px !important; }
  .cmx .pointer {
    cursor: pointer; }
  .cmx .loading-backdrop {
    background-color: white;
    cursor: not-allowed;
    z-index: 50000; }
    .cmx .loading-backdrop .loading-icon {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      z-index: 50001;
      width: 70px;
      height: 70px; }

.m-bottom {
  margin-bottom: 20px; }

.delete, a.delete:hover {
  color: #C81517;
  text-decoration: none; }

.deleteAny {
  cursor: pointer;
  color: #C81517; }

.deleteBranch {
  float: right;
  color: #C81517; }

.msg-box {
  text-align: left; }
  .msg-box div[class*="col-"] {
    padding: 0 15px; }
    .msg-box div[class*="col-"]:first-child {
      padding-left: 0; }
    .msg-box div[class*="col-"]:last-child {
      padding-right: 0; }
  .msg-box label {
    display: block; }
  .msg-box input, .msg-box textarea {
    width: 100% !important;
    margin-bottom: 10px; }
  .msg-box textarea {
    height: 7em !important; }

.btn-check {
  height: 20px;
  background-image: url(../img/radioGrid.svg);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: 2px 0px;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  border: none; }
  .btn-check input[type="radio"] {
    opacity: 0; }
  .btn-check:active, .btn-check:hover {
    background-image: url(../img/radioGrid.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 2px 0px;
    background-color: rgba(0, 0, 0, 0) !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    border: none; }
  .btn-check.active {
    background-image: url(../img/radioGrid.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 2px -20px;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    border: none; }

.button-show {
  margin-left: -15px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  right: 10px;
  border: none;
  background: rgba(255, 255, 255, 0.1); }

/* Estilos para existencias de almacen pintado de banderas de maximos y alertas.*/
.inner-node-container {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap; }
  .inner-node-container .inner-node-text {
    width: 80%; }
  .inner-node-container .inner-node-icon {
    width: 20%; }
  .inner-node-container .red {
    color: #A10000; }
  .inner-node-container .yellow {
    color: #d59e3e; }
  .inner-node-container .green {
    color: #318133; }

/** ESTILOS PARA FILTROS NUEVOS**/
.default-menu .row {
  min-height: 35px; }
  .default-menu .row.filters {
    background-color: #EEE; }
  .default-menu .row .filter {
    margin-bottom: 5px;
    float: right; }

.wrapper {
  position: relative;
  display: block;
  padding-bottom: 167px; }

.cmx .select-limit {
  margin: 20px 0; }

.cmx .cmx-list-paging.top-paging .pagination {
  margin: 0 0; }

.cmx .cmx-list-paging.top-paging .select-limit {
  margin: 0 0; }

.cmx .pagination li:not(.disabled) a {
  color: #333333; }

.cmx .pagination li:not(.disabled).active a {
  color: white;
  font-weight: bold;
  background: #E8A1A2;
  border-color: #C81517; }

.cmx .pagination li a {
  padding: 3px 8px; }

.pb-w-sync_modal-container {
  position: static !important;
  z-index: 999999 !important;
  left: 0 !important;
  width: 100% !important;
  height: 700px; }

.pb-w-sync_modal-overlay-backdrop {
  pointer-events: none;
  position: fixed;
  background: rgba(0, 0, 0, 0.4); }

.el-notification {
  right: 16px !important;
  margin-top: 68px; }

.cmx .popover {
  max-width: 700px !important;
  width: 340px; }
  .cmx .popover .popover-title {
    background-color: #d3d3d3;
    margin: 2px 2px;
    border: solid 2px #b0b0b0;
    border-radius: 4px; }
  .cmx .popover .close-pop {
    margin-top: 4px; }
  .cmx .popover .popover-content {
    height: 130px;
    overflow-y: scroll; }
    .cmx .popover .popover-content .content-message {
      position: relative; }
      .cmx .popover .popover-content .content-message .user-icon {
        position: relative;
        float: left;
        background-image: url("/../img/usuario_chat.svg");
        width: 20px;
        height: 20px;
        top: 15px;
        margin-right: 15px;
        clear: both; }
      .cmx .popover .popover-content .content-message .message {
        width: 80%;
        float: left;
        position: relative;
        background: #f0f0f0;
        background: linear-gradient(180deg, #f0f0f0 0%, #fcfcfc 98%);
        border: 1px solid #b0b0b0;
        border-radius: 4px;
        margin: 0px 0px 8px 3px;
        padding: 5px 13px;
        word-wrap: break-word; }
        .cmx .popover .popover-content .content-message .message::after {
          content: '';
          display: block;
          position: absolute;
          top: 18px;
          margin-left: -19px;
          width: 10px;
          height: 10px;
          background: #f7f7f7;
          border-right: 1px solid #b0b0b0;
          border-bottom: 1px solid #b0b0b0;
          transform: rotate(135deg);
          -moz-transform: rotate(135deg);
          -webkit-transform: rotate(135deg); }
        .cmx .popover .popover-content .content-message .message p {
          margin-bottom: 0px; }
          .cmx .popover .popover-content .content-message .message p .user-name {
            color: #c81517;
            font-weight: bold; }
          .cmx .popover .popover-content .content-message .message p .date {
            color: #eb8d92;
            font-weight: bold; }
          .cmx .popover .popover-content .content-message .message p .text {
            color: #929292; }
    .cmx .popover .popover-content .no-messages {
      text-align: center;
      color: red; }
  .cmx .popover .popover-footer {
    margin: 0;
    padding: 0; }
    .cmx .popover .popover-footer input[type='text'] {
      height: 37px;
      padding-left: 25px;
      margin-left: 1px;
      margin-bottom: -15px;
      margin-top: -5px;
      border: none;
      font-size: 15px;
      font-style: italic;
      background-color: transparent; }
      .cmx .popover .popover-footer input[type='text']:focus {
        outline: none; }

.cmx {
  /* POPOVER COMPLEMENTS STYLES */ }
  .cmx .popover-title-policy {
    padding-top: 8px;
    padding-bottom: 1px;
    padding-right: 14px;
    padding-left: 14px;
    margin: 0;
    font-size: 14px;
    background-color: #ffffff;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0; }
  .cmx .popover-content-policy {
    padding: 9px 14px;
    height: 100px;
    overflow-y: scroll; }
  .cmx .popover-content-addenda {
    padding: 9px 14px;
    height: 200px;
    overflow-y: scroll; }
  .cmx .popover-footer-policy {
    background: white;
    color: gray;
    margin: 2px 14px; }
  .cmx .popover-complement {
    position: absolute;
    width: 650px;
    z-index: 99999 !important; }

.rating-stars {
  position: relative;
  width: 60%;
  margin: 0 auto; }
  .rating-stars .star {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 12px;
    clear: both; }
    .rating-stars .star.zero {
      background-image: url("../img/empty-star.svg"); }
    .rating-stars .star.twenty-five {
      background-image: url("../img/cuarter-star.svg"); }
    .rating-stars .star.fifty {
      background-image: url("../img/middle-star.svg"); }
    .rating-stars .star.seventy-five {
      background-image: url("../img/three-cuarter-star.svg"); }
    .rating-stars .star.one-hundred {
      background-image: url("../img/full-star.svg"); }

.zero {
  background-image: url("../img/empty-star.svg");
  width: 25px;
  height: 25px; }

.twenty-five {
  background-image: url("../img/cuarter-star.svg");
  width: 25px;
  height: 25px; }

.fifty {
  background-image: url("../img/middle-star.svg");
  width: 25px;
  height: 25px; }

.seventy-five {
  background-image: url("../img/three-cuarter-star.svg");
  width: 25px;
  height: 25px; }

.one-hundred {
  background-image: url("../img/full-star.svg");
  width: 25px;
  height: 25px; }

.concept-description {
  vertical-align: middle; }

.empty {
  position: relative;
  display: inline-block;
  font-size: 30px;
  z-index: 2;
  color: #b6231d; }

.rated {
  position: absolute;
  font-size: 30px;
  top: 0;
  left: 0;
  z-index: 0;
  white-space: nowrap;
  overflow: hidden;
  width: 0;
  color: #b6231d; }

.header-rate {
  text-align: center; }
  .header-rate i {
    color: #b6231d; }

.general-information {
  position: relative;
  cursor: pointer;
  float: right;
  top: 5px;
  font-size: 18px;
  color: #b6231d; }

.date-time {
  font-size: 12px;
  float: right; }

.cmx .simple-paginator {
  display: flex;
  flex-direction: row;
  padding-top: 10px;
  justify-content: end;
  margin-left: 15px;
  margin-right: 50px; }
  .cmx .simple-paginator .item {
    align-items: flex-end; }
    .cmx .simple-paginator .item .pagination {
      margin: 0;
      padding-left: 20px; }
      .cmx .simple-paginator .item .pagination a {
        cursor: pointer; }
        .cmx .simple-paginator .item .pagination a.active {
          color: white;
          font-weight: bold;
          background: #E8A1A2;
          border-color: #C81517; }
        .cmx .simple-paginator .item .pagination a.disabled {
          cursor: not-allowed; }

[class^="cx-"], [class*=" cx-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.cx-abrir:before {
  content: "\e900"; }

.cx-aceptado:before {
  content: "\e901"; }

.cx-aceptar:before {
  content: "\e902"; }

.cx-activo_fijo:before {
  content: "\e903"; }

.cx-agregar:before {
  content: "\e904"; }

.cx-ajustes:before {
  content: "\e905"; }

.cx-alerta:before {
  content: "\e906"; }

.cx-almacenes:before {
  content: "\e907"; }

.cx-areas_sucursales:before {
  content: "\e908"; }

.cx-auxiliares:before {
  content: "\e909"; }

.cx-balance_general:before {
  content: "\e90a"; }

.cx-balanza_comprobacion:before {
  content: "\e90b"; }

.cx-Balanza:before {
  content: "\e90c"; }

.cx-banco_efectivo:before {
  content: "\e90d"; }

.cx-bandera:before {
  content: "\e90e"; }

.cx-banorte:before {
  content: "\e90f"; }

.cx-borrar:before {
  content: "\e910"; }

.cx-Cancelar:before {
  content: "\e911"; }

.cx-Catalogos:before {
  content: "\e912"; }

.cx-cerrar:before {
  content: "\e913"; }

.cx-cheques_transferencia:before {
  content: "\e914"; }

.cx-chevron_double_left_stop:before {
  content: "\e915"; }

.cx-chevron_double_left:before {
  content: "\e916"; }

.cx-chevron_double_right_stop:before {
  content: "\e917"; }

.cx-chevron_double_right:before {
  content: "\e918"; }

.cx-Clientes:before {
  content: "\e919"; }

.cx-codigo_barras:before {
  content: "\e91a"; }

.cx-comentatio:before {
  content: "\e91b"; }

.cx-configuracion:before {
  content: "\e91c"; }

.cx-cotizaciones:before {
  content: "\e91d"; }

.cx-cuentacontablenomina:before {
  content: "\e91e"; }

.cx-cuentas_contables:before {
  content: "\e91f"; }

.cx-cuentas_por_cobrar:before {
  content: "\e920"; }

.cx-cuentas_por_pagar:before {
  content: "\e921"; }

.cx-datos:before {
  content: "\e922"; }

.cx-denegar:before {
  content: "\e923"; }

.cx-depositos:before {
  content: "\e924"; }

.cx-depreciaciones:before {
  content: "\e925"; }

.cx-diot:before {
  content: "\e926"; }

.cx-documento:before {
  content: "\e927"; }

.cx-cedulaimpuestos:before {
  content: "\e927"; }

.cx-dyp:before {
  content: "\e928"; }

.cx-editar:before {
  content: "\e929"; }

.cx-eliminar:before {
  content: "\e92a"; }

.cx-emilinar_grande:before {
  content: "\e92b"; }

.cx-Empleados:before {
  content: "\e92c"; }

.cx-enter:before {
  content: "\e92d"; }

.cx-entradas:before {
  content: "\e92e"; }

.cx-envelope:before {
  content: "\e92f"; }

.cx-enviar_mail:before {
  content: "\e930"; }

.cx-estados_cuenta:before {
  content: "\e931"; }

.cx-estados_resultados:before {
  content: "\e932"; }

.cx-exceles:before {
  content: "\e933"; }

.cx-existencias:before {
  content: "\e934"; }

.cx-facturacion:before {
  content: "\e935"; }

.cx-financiero:before {
  content: "\e936"; }

.cx-finanicera:before {
  content: "\e937"; }

.cx-fiscal:before {
  content: "\e938"; }

.cx-flujo_dinero:before {
  content: "\e939"; }

.cx-guardar:before {
  content: "\e93a"; }

.cx-Intuiciones:before {
  content: "\e93b"; }

.cx-isr:before {
  content: "\e93c"; }

.cx-iva:before {
  content: "\e93d"; }

.cx-nomina:before {
  content: "\e93e"; }

.cx-nota_venta:before {
  content: "\e93f"; }

.cx-nuevo:before {
  content: "\e940"; }

.cx-Objetos:before {
  content: "\e941"; }

.cx-orden_compra:before {
  content: "\e942"; }

.cx-orden_venta:before {
  content: "\e943"; }

.cx-parametros_fiscales:before {
  content: "\e944"; }

.cx-pdf_cuadro:before {
  content: "\e945"; }

.cx-pdf_horizontal:before {
  content: "\e946"; }

.cx-pdf:before {
  content: "\e947"; }

.cx-play:before {
  content: "\e948"; }

.cx-poliza_cheque:before {
  content: "\e949"; }

.cx-poliza_contable:before {
  content: "\e94a"; }

.cx-pregunta:before {
  content: "\e94b"; }

.cx-print:before {
  content: "\e94c"; }

.cx-Productos:before {
  content: "\e94d"; }

.cx-Proveedores:before {
  content: "\e94e"; }

.cx-proyectos:before {
  content: "\e94f"; }

.cx-retenciones:before {
  content: "\e950"; }

.cx-saldos_inciales:before {
  content: "\e951"; }

.cx-salidas:before {
  content: "\e952"; }

.cx-Sat:before {
  content: "\e953"; }

.cx-Servicios:before {
  content: "\e954"; }

.cx-stop:before {
  content: "\e955"; }

.cx-Sujetos:before {
  content: "\e956"; }

.cx-tableros:before {
  content: "\e957"; }

.cx-tesoreria:before {
  content: "\e958"; }

.cx-ticket:before {
  content: "\e959"; }

.cx-timbrar:before {
  content: "\e95a"; }

.cx-transformacion:before {
  content: "\e95b"; }

.cx-traspasos:before {
  content: "\e95c"; }

.cx-Usuarios:before {
  content: "\e95d"; }

.cx-validar_xml:before {
  content: "\e95e"; }

.cx-valido:before {
  content: "\e95f"; }

.cx-Vendedores:before {
  content: "\e960"; }

.cx-ventas:before {
  content: "\e961"; }

.cx-xls:before {
  content: "\e962"; }

.cx-xml_cuadro:before {
  content: "\e963"; }

.cx-xml_horizontal:before {
  content: "\e964"; }

.cx-Conductores:before {
  content: "\e965"; }

.cx-inicio_rapido:before {
  content: "\e966"; }

body, html {
  overflow: initial; }

body {
  padding-top: 90px; }

/**
 ** Header
 */
#header {
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 100% 74px;
  border: 0 none transparent;
  z-index: 1100;
  min-width: 572px; }
  #header .container-fluid {
    padding-right: 20px;
    box-shadow: 0 2px 0 rgba(12, 13, 14, 0.1), 0 4px 6px rgba(59, 64, 69, 0.1);
    height: 71px; }
  #header .navbar-brand {
    width: 275px;
    height: 71px;
    background: url("../img/Logo_ERP_AzulRojo.svg") 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    box-sizing: content-box;
    padding: 0;
    margin: 0 0 0 8px; }
  #header .externos {
    color: #002749;
    letter-spacing: 12px;
    font-size: 10pt;
    padding-left: 36px;
    text-transform: uppercase;
    position: absolute;
    bottom: -5px; }
  #header .navbar-nav {
    float: right;
    margin: 0 !important;
    padding-right: 0; }
    #header .navbar-nav#main-menu li a {
      line-height: 15px; }
    #header .navbar-nav li {
      float: none;
      display: inline-block;
      text-align: right;
      margin-left: 0px;
      padding: 0px; }
      #header .navbar-nav li a {
        color: #002b4d; }
        #header .navbar-nav li a:hover, #header .navbar-nav li a:focus {
          background: transparent; }
  #header .navbar-header.fix {
    position: absolute;
    margin: 0; }
  #header .navbar-collapse.fix {
    padding: 0; }
  #header .navbar-collapse .navbar-offset {
    margin-right: 0px; }

/**
 ** Main navigation header
 */
#main-menu {
  right: -20px; }
  #main-menu li {
    border-radius: 3px; }
    #main-menu li::before {
      content: "";
      width: 1px;
      height: 18px;
      background: #dcdddd;
      box-shadow: 0 2px 0px rgba(12, 13, 14, 0.1), 0 4px 6px rgba(59, 64, 69, 0.1);
      display: inline-block;
      position: absolute;
      top: 8px; }
    #main-menu li:hover {
      background-color: #002644; }
      #main-menu li:hover a {
        color: white; }
    #main-menu li > a {
      padding-top: 9px;
      padding-bottom: 9px;
      cursor: pointer; }
      #main-menu li > a span {
        padding-left: 11px;
        font-family: OpenSans;
        font-size: 13px;
        text-transform: uppercase;
        text-align: center; }
      #main-menu li > a > i {
        margin-left: 5px; }
      #main-menu li > a:hover {
        color: #ffffff;
        font-weight: bold; }
      #main-menu li > a.active, #main-menu li > a.active-parent {
        background-color: #002644;
        color: white;
        font-weight: bold;
        border-radius: 3px; }

/**
 ** User navigation header
 */
.greeting {
  color: #000;
  font-size: 12px;
  height: 37px;
  padding: 0px;
  left: 15px; }
  .greeting .wrapper {
    background: #b7b7b7;
    margin: 3px 20px;
    padding: 1px 5px;
    border-radius: 4px;
    min-height: 31px;
    max-height: 31px; }
  .greeting img {
    padding: 2px 2px;
    max-height: 32px;
    margin-right: 2px; }
  .greeting span {
    display: inline-block;
    color: #f1f1f1;
    font-weight: bold;
    text-decoration: underline;
    position: relative;
    bottom: -3px; }

#user-menu {
  right: -3px;
  position: relative; }
  #user-menu li {
    height: 24px;
    width: 25px;
    margin-top: 7px;
    margin-right: 12px; }
  #user-menu li > a {
    text-align: left;
    height: 24px;
    width: 24px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    float: left;
    line-height: 1; }
    #user-menu li > a:hover {
      color: #00263F;
      text-shadow: 0 0 2px white,
 0 0 2px white,
 0 0 4px white; }
    #user-menu li > a.glyphicon-off {
      height: 22px;
      width: 22px;
      background: white;
      color: #00263F;
      border-radius: 15px;
      padding: 4px;
      font-size: 14px; }
      #user-menu li > a.glyphicon-off:hover {
        height: 22px;
        width: 22px;
        height: 22px;
        width: 22px;
        background: #00263F;
        color: white;
        padding: 4px;
        text-shadow: none;
        box-shadow: 0 0 2px white,
 0 0 2px white,
 0 0 4px white; }
    #user-menu li > a.fa-comment {
      width: 25px;
      font-size: 24px;
      line-height: 0.8; }
    #user-menu li > a.glyphicon-home {
      font-size: 20px; }

.uppercase {
  text-transform: uppercase; }

.icon-chat {
  background-image: url(../img/tablero2-24.svg) !important;
  width: 39px !important;
  height: 22px !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
  top: 3px;
  background-position: 0 -21px !important; }
  .icon-chat:hover, .icon-chat.selected {
    margin-top: 1px;
    background-position: 0 0px !important; }

.icon-home {
  background-image: url(../img/casita2.svg) !important;
  width: 27px !important;
  height: 22px !important;
  background-repeat: no-repeat;
  cursor: pointer;
  left: 5px;
  background-position: 0px -24px !important; }
  .icon-home:hover, .icon-home.selected {
    background-position: 0px 0px !important; }

.icon-login {
  background-image: url(../img/onoff2.svg) !important;
  width: 29px !important;
  height: 24px !important;
  background-repeat: no-repeat;
  top: 2px;
  left: 3px;
  cursor: pointer;
  background-position: 0px -24px !important; }
  .icon-login:hover, .icon-login.selected {
    background-position: 0px 0px !important; }

.side-nav {
  position: fixed;
  display: block;
  top: 73px;
  right: 0;
  z-index: 99999; }
  .side-nav ul {
    padding: 0;
    display: -webkit-flex;
    display: flex;
    border-bottom: 2px solid #d6d6d8;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: #ffffff;
    min-width: 150px;
    height: 35px; }
  .side-nav li {
    position: relative;
    list-style-type: none;
    background: transparent;
    height: 35px;
    border-radius: 4px;
    text-align: center;
    margin-right: 0px;
    cursor: pointer; }
    .side-nav li:hover:not(.enabled), .side-nav li:hover:not(.disabled) {
      background-color: #002644; }
    .side-nav li.disabled a {
      cursor: not-allowed; }
      .side-nav li.disabled a i {
        color: #a4a4a4; }
      .side-nav li.disabled a span {
        color: #a4a4a4; }
    .side-nav li a {
      position: relative;
      display: block;
      font-size: 10px;
      padding: 0px 0px;
      padding-top: 4px;
      width: 100%;
      height: 35px;
      border-radius: 4px;
      text-transform: uppercase;
      text-decoration: none;
      color: #002644; }
      .side-nav li a > i {
        position: relative;
        font-size: 18px;
        top: 4px;
        width: 20px;
        height: 50%;
        color: #002644; }
      .side-nav li a i ~ i {
        top: 2px;
        font-size: 15px; }
      .side-nav li a.active {
        background-color: #002644; }
        .side-nav li a.active i, .side-nav li a.active span {
          color: white;
          font-weight: bold; }
      .side-nav li a:hover:not(.enabled) i, .side-nav li a:hover:not(.disabled) i {
        color: white;
        font-weight: normal; }
      .side-nav li a:hover:not(.enabled) span, .side-nav li a:hover:not(.disabled) span {
        color: white;
        font-weight: bold; }
    .side-nav li span {
      position: relative;
      margin-left: 5px; }
    .side-nav li ul {
      position: relative;
      width: 150px;
      padding: 0px; }
  .side-nav .item-short {
    width: 80px; }
  .side-nav .item-medium {
    width: 100px; }
  .side-nav .item-long {
    width: 150px; }
  .side-nav .item-long-extra {
    width: 160px; }
  .side-nav .item-double-line {
    width: 165px; }
    .side-nav .item-double-line a {
      width: 100%; }
      .side-nav .item-double-line a i {
        position: relative;
        top: 3px;
        float: left;
        width: 20%;
        margin-left: 10px; }
      .side-nav .item-double-line a span {
        float: right;
        top: -15px;
        text-align: center;
        height: 80%;
        padding-left: 20px;
        padding-right: 5px; }
  .side-nav .item-collapse span {
    display: block;
    text-align: left;
    width: 65px; }
  .side-nav .item-collapse.item-short a i {
    margin: 12px auto 0px 7px; }
  .side-nav .item-collapse.item-short a span {
    top: 10px;
    right: -27px; }
  .side-nav .item-collapse.item-long a i {
    margin: 10px auto 0px 17px; }
  .side-nav .item-collapse.item-long a span {
    top: 10px;
    right: -38px; }
  .side-nav .icon-little {
    font-size: 17px;
    top: 2px;
    left: -4px; }
  .side-nav .icon-other {
    font-size: 19px;
    top: 6px;
    left: -1px; }
  .side-nav .icon-medium {
    font-size: 28px;
    top: -3px;
    left: -7px; }
  .side-nav .icon-big {
    font-size: 35px;
    top: -5px;
    left: -11px; }
  .side-nav .icon-offset {
    top: 6px;
    left: 3px; }
  .side-nav .text-offset {
    left: 27px; }
  .side-nav .more-size {
    font-size: 20px;
    top: 2px; }
  .side-nav .more-size-span {
    top: -2px; }
  .side-nav #parametros {
    display: none; }
    .side-nav #parametros #configuracion {
      display: none;
      width: 300px; }
    .side-nav #parametros #contabilidad {
      display: none;
      width: 375px;
      right: 224px; }
    .side-nav #parametros #catalogos {
      display: none;
      width: 300px; }
      .side-nav #parametros #catalogos #sujetos {
        display: none;
        right: 300px;
        width: 750px; }
      .side-nav #parametros #catalogos #objetos {
        display: none;
        right: 600px;
        width: 899px; }
    .side-nav #parametros #saldos {
      display: none;
      right: 390px;
      width: 691px; }
  .side-nav #registros {
    display: none;
    right: -50px;
    width: 700xpx; }
    .side-nav #registros #ventas {
      width: 600px; }
    .side-nav #registros #tesoreria {
      width: 730px;
      right: 180px; }
    .side-nav #registros #almacenes {
      width: 880px;
      right: 500px; }
    .side-nav #registros #reg-contabilidad {
      display: none;
      right: 150px; }
  .side-nav #reportes {
    display: none; }
    .side-nav #reportes #tableros {
      width: 300px;
      right: 0px; }
    .side-nav #reportes #contabilidad2 {
      width: 300px; }
    .side-nav #reportes #contabilidad2-fiscal {
      width: 620px;
      right: 320px; }
    .side-nav #reportes #reports_tesoreria {
      width: 450px;
      right: 225px; }
    .side-nav #reportes #contabilidad2-financiera {
      width: 630px;
      right: 510px; }
    .side-nav #reportes #exceles {
      width: 500px;
      right: 350px; }

.outside {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0);
  opacity: 0.5;
  z-index: 99; }

#wrapper {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  padding-right: 0;
  transition: all 0.5s ease;
  background-color: red; }

#wrapper.toggled #sidebar-wrapper {
  width: 270px; }

#sidebar-wrapper {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  background: rgba(145, 145, 145, 0.8);
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all 0.5s ease;
  width: 0;
  z-index: 1000; }

#sidebar-wrapper::-webkit-scrollbar {
  display: none; }

/*.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}*/
/*Parametros, registros, reportes*/
.firstlevel .titleitem {
  color: #002644;
  padding-left: 15%;
  cursor: auto; }

.firstlevel .titleitem:hover,
.firstlevel .titleitem:active,
.firstlevel .titleitem:focus {
  background-color: transparent; }

/*General*/
.firstlevel .secondlevel, .thirdlevel {
  padding: 0;
  list-style: none;
  margin: 0; }

.mark {
  background-color: #002644; }

/*Primer nivel*/
.firstlevel {
  list-style: none;
  position: relative;
  top: 120px;
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer; }

.firstlevel i {
  padding-left: 15%; }

.firstlevel li {
  display: inline-block;
  position: relative;
  width: 270px; }

.firstlevel li a {
  color: white;
  display: block;
  padding: 5px 10px 5px 20px;
  text-decoration: none;
  border-radius: 5px; }

.disabled {
  cursor: not-allowed;
  opacity: .3; }

.firstlevel li a:hover,
.firstlevel li a:focus {
  background-color: #002644;
  text-decoration: none; }

.glyp {
  float: right;
  font-size: 10px;
  padding-top: 5px; }

/*Segundo nivel*/
.secondlevel {
  font-size: 14px;
  overflow: hidden;
  display: none;
  font-weight: normal; }

.secondlevel i {
  padding-left: 20%; }

/*Tercer nivel*/
.thirdlevel {
  font-size: 13px;
  overflow: hidden;
  display: none; }

.thirdlevel i {
  padding-left: 25%; }

.hamburger {
  background: transparent;
  border: none;
  height: 32px;
  margin-right: 15px;
  position: absolute;
  top: 20px;
  left: 20px;
  width: 32px; }

.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none; }

.hamburger.open-nav:before {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  color: #ffffff;
  content: '';
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
  width: 100px; }

.hamburger .hamb-top {
  -webkit-transition: all 0.35s ease-in-out;
  background-color: #919191;
  top: 5px; }

.hamburger .hamb-middle {
  background-color: #919191;
  margin-top: -2px;
  top: 50%; }

.hamburger .hamb-bottom {
  -webkit-transition: all 0.35s ease-in-out;
  background-color: #919191;
  bottom: 5px; }

.hamburger .hamb-top,
.hamburger .hamb-middle,
.hamburger .hamb-bottom {
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%; }

.active .hamb-top {
  transform: rotate(-45deg) translate(0px, 0px);
  top: 50%; }

.active .hamb-middle {
  opacity: 0;
  height: 0; }

.active .hamb-bottom {
  transform: rotate(45deg) translate(0px, 0px);
  top: 50%; }

.cx [ivh-treeview] > ul.ivh-treeview > li:first-child {
  color: #FFF;
  font-weight: bold; }
  .cx [ivh-treeview] > ul.ivh-treeview > li:first-child div[class|="col"] {
    border-right: 1px solid #5C788F;
    border-left: 1px solid #97B3CD; }
    .cx [ivh-treeview] > ul.ivh-treeview > li:first-child div[class|="col"]:first-child {
      border-left: none; }
    .cx [ivh-treeview] > ul.ivh-treeview > li:first-child div[class|="col"]:last-child {
      border-right: none; }
  .cx [ivh-treeview] > ul.ivh-treeview > li:first-child div.ivh-treeview-node-label {
    background-color: #7489A2 !important; }

.cx [ivh-treeview] ul.ivh-treeview {
  font-size: 12px;
  padding: 0;
  list-style-type: none; }
  .cx [ivh-treeview] ul.ivh-treeview .ivh-treeview-node-label {
    display: block;
    background-color: #F5F5F5;
    margin-top: -5px;
    border: 1px solid #DDD;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.5), 0px -5px 6px -4px rgba(0, 0, 0, 0.2);
    cursor: pointer; }
    .cx [ivh-treeview] ul.ivh-treeview .ivh-treeview-node-label div[class|="col"] {
      padding: 6px 5px; }
  .cx [ivh-treeview] ul.ivh-treeview ul .ivh-treeview-node-label {
    background-color: #e3e3e3; }
  .cx [ivh-treeview] ul.ivh-treeview ul ul .ivh-treeview-node-label {
    background-color: #c7c7c7; }
    .cx [ivh-treeview] ul.ivh-treeview ul ul .ivh-treeview-node-label:last-child input {
      background-color: red; }
  .cx [ivh-treeview] ul.ivh-treeview ul ul ul .ivh-treeview-node-label {
    background-color: #ababab; }
  .cx [ivh-treeview] ul.ivh-treeview ul ul ul ul .ivh-treeview-node-label {
    background-color: #8f8f8f; }

.cx .ivh-treeview-footer {
  display: block;
  background-color: #F5F5F5;
  margin-top: -5px;
  border: 1px solid #DDD;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.5), 0px -5px 6px -4px rgba(0, 0, 0, 0.2);
  cursor: pointer; }
  .cx .ivh-treeview-footer .ivh-treeview-node-label {
    margin: 0px 5px;
    font-size: 12px;
    font-weight: normal; }

.collapse.am-collapse {
  animation-duration: 0.5s; }

.panel-collapse.in .form-inline {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  -ms-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in; }
  .panel-collapse.in .form-inline.visible {
    opacity: 1; }
  .panel-collapse.in .form-inline.norender {
    opacity: 1; }

.sp-replacer {
  padding: 0px;
  border-radius: 4px;
  border: solid 1px #C5C5C5; }

.sp-replacer:hover {
  border: solid 1px #C5C5C5; }

.sp-preview {
  height: 22px;
  margin-right: 0px; }

.sp-dd {
  padding: 3px 6px; }

.color-box {
  background-color: #EEE;
  padding: 10px 9px 0px 10px;
  display: inline-block;
  margin: 2px;
  border: 1px solid #DBDBDB;
  border-radius: 5px; }
  .color-box span {
    display: block;
    font-size: 11px;
    margin: 0px 0 10px 0;
    text-align: center;
    width: 63px;
    height: 25px; }

@media only screen and (min-width: 1920px) {
  #contenedor-engranes {
    padding: 0% 1% 1% 1%;
    margin: 0% 0% 0% -3%; } }

@media only screen and (max-width: 1366px) {
  #contenedor-engranes {
    padding: 0% 7% 0% 0%;
    margin: 0% 0% 0% -5%;
    position: relative;
    bottom: 32px; } }

@media only screen and (max-width: 1280px) {
  #contenedor-engranes {
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% -8%;
    position: relative;
    bottom: 58px; } }

#contenedor-engranes .DivEngrane {
  position: relative;
  width: 200px; }

#contenedor-engranes .DivEngrane div {
  position: absolute; }

#contenedor-engranes #DivEngrane_OrdenDeCompra {
  top: 47px;
  left: 388px; }

#contenedor-engranes #DivEngrane_OrdenDeVenta {
  top: 220px;
  left: 421px; }

#contenedor-engranes #DivEngrane_Almacen {
  top: 64px;
  left: 560px; }

#contenedor-engranes #DivEngrane_Nomina {
  top: 145px;
  left: 1001px; }

#contenedor-engranes #DivEngrane_CuentasPorPagar {
  top: 152px;
  left: 825px; }

#contenedor-engranes #DivEngrane_Cotizaciones {
  top: 213px;
  left: 150px; }

#contenedor-engranes #DivEngrane_Facturacion-NotaDeVenta {
  top: 391px;
  left: 393px; }

#contenedor-engranes #DivEngrane_CuentaPorCobrar {
  top: 370px;
  left: 549px; }

#contenedor-engranes #DivEngrane_ChequesYTransferencias {
  top: 301px;
  left: 875px; }

#contenedor-engranes #DivEngrane_EstadosDeCuentaBancarios {
  top: 471px;
  left: 710px; }

#contenedor-engranes #DivEngrane_Depositos {
  top: 476px;
  left: 533px; }

#contenedor-engranes .IconoEngrane {
  cursor: pointer; }
  #contenedor-engranes .IconoEngrane.disabled {
    opacity: 0.2;
    filter: alpha(opacity=50);
    cursor: not-allowed; }

#contenedor-engranes .SombraEngrane {
  /*display: none;*/ }

#contenedor-engranes .AnimacionDesdeIzquierda, #contenedor-engranes .AnimacionDesdeDerecha {
  /*opacity: 0;*/ }

#contenedor-engranes .notification {
  background: none repeat scroll 0 0 red;
  color: white;
  font-size: 14px;
  font-weight: 600;
  left: 20px;
  position: absolute;
  text-align: center;
  top: 34px;
  width: 100%;
  z-index: 1; }

.cmx .cmx-btn-group .btn {
  margin: 0 4px 0 4px;
  border: solid 1px #bbb;
  border-radius: 4px !important;
  color: #ddd;
  background: #7489A2;
  box-shadow: inset -2px -2px 4px #253C52; }
  .cmx .cmx-btn-group .btn:hover {
    color: white; }
  .cmx .cmx-btn-group .btn:focus, .cmx .cmx-btn-group .btn:active:focus, .cmx .cmx-btn-group .btn.active, .cmx .cmx-btn-group .btn.active:focus {
    box-shadow: inset 4px 4px 4px #00263F;
    color: white;
    background: #253C52;
    outline: none;
    outline-offset: 0px;
    font-weight: bold; }

.new-listing-styles .panel-group .cmx-list-items {
  margin-top: -6px; }

.new-listing-styles .panel-group.panel-contralor-menu {
  margin: 0 0 10px 0; }
  .new-listing-styles .panel-group.panel-contralor-menu > .panel:first-child {
    box-shadow: none !important;
    border: solid 0; }
    .new-listing-styles .panel-group.panel-contralor-menu > .panel:first-child .panel-body {
      padding: 2px; }
  .new-listing-styles .panel-group.panel-contralor-menu > .panel + .panel {
    margin-top: 0 !important; }
  .new-listing-styles .panel-group.panel-contralor-menu .list-view-menu-container {
    position: relative;
    height: 25px;
    width: 100%; }
    .new-listing-styles .panel-group.panel-contralor-menu .list-view-menu-container > div {
      float: right; }
      .new-listing-styles .panel-group.panel-contralor-menu .list-view-menu-container > div > * {
        float: left;
        margin-left: 45px; }

.new-listing-styles .panel-group .panel {
  border-radius: 10px 10px 0 0;
  box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.5), 0px -5px 15px -4px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1001; }
  .new-listing-styles .panel-group .panel > .panel-heading {
    border-radius: 10px 10px 0 0;
    background-color: white;
    cursor: pointer;
    padding: 12px 12px;
    position: relative;
    z-index: 1000;
    box-sizing: border-box; }
    .new-listing-styles .panel-group .panel > .panel-heading span {
      display: inline-block;
      box-sizing: border-box;
      float: left; }
  .new-listing-styles .panel-group .panel > .panel-collapse {
    position: relative;
    /*
                z-index: 999; */
    /* top: 15px * -1;
                margin-top: 15px; */ }
    .new-listing-styles .panel-group .panel > .panel-collapse > .panel-body {
      padding-bottom: 10px;
      border-top: 0px; }
      .new-listing-styles .panel-group .panel > .panel-collapse > .panel-body h4 {
        margin-top: 0; }
  .new-listing-styles .panel-group .panel + .panel {
    margin-top: -6px; }
  .new-listing-styles .panel-group .panel .cmx-close-collapse-button {
    position: absolute;
    top: 5px;
    right: 5px;
    background: transparent;
    border: solid 0px;
    z-index: 2000;
    display: none;
    outline: 0; }
  .new-listing-styles .panel-group .panel.panel-form-margin-contralor > .panel-collapse {
    top: -30px; }
    .new-listing-styles .panel-group .panel.panel-form-margin-contralor > .panel-collapse > .panel-body {
      padding: 55px 0 0 0; }
  .new-listing-styles .panel-group .panel.panel-contralor-register-form {
    border-width: 0; }
    .new-listing-styles .panel-group .panel.panel-contralor-register-form > .panel-collapse {
      /* .cmx-close-collapse-button{
                        top: 5px !important;
                        right: 5px !important;
                    } */ }
  .new-listing-styles .panel-group .panel.panel-contralor-list > .panel-heading {
    padding: 6px 6px;
    /* .cmx-close-collapse-button{
                        top: -15px !important;
                        right: 5px !important;
                        z-index: 10002;
                    } */ }
    .new-listing-styles .panel-group .panel.panel-contralor-list > .panel-heading span {
      font-size: 12px; }
  .new-listing-styles .panel-group .panel.panel-contralor-list-header > .panel-heading {
    background-color: #7489A2;
    cursor: initial; }
    .new-listing-styles .panel-group .panel.panel-contralor-list-header > .panel-heading span {
      color: white; }
  .new-listing-styles .panel-group .panel.in .cmx-close-collapse-button {
    display: block; }

.cx-old .panel > .panel-heading {
  /* position: relative;
            z-index: 10000; */ }

.cx-old .panel > .panel-collapse {
  position: relative;
  top: -30px; }
  .cx-old .panel > .panel-collapse > .panel-body {
    padding-top: 55px; }

.cx-old .collapse.am-collapse {
  animation-duration: 0.5s; }

.cx-old .panel-default > .panel-heading {
  cursor: pointer;
  background-color: #FFF;
  padding: 10px 10px; }

.cx-old .panel-heading, .cx-old .panel-default {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.cx-old .panel-title {
  font-size: 12px !important;
  font-weight: normal;
  margin-bottom: 5px; }

.cx-old .panel-group .panel + .panel {
  margin-top: -5px;
  padding: 3px 0px; }

.cx-old .panel-group {
  margin-bottom: -8px; }

.cx-old .panel-group .panel-heading + .panel-collapse > .panel-body, .cx-old .panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 0px solid #ddd; }

.cx-old .panel-group .panel {
  box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.5), 0px -5px 15px -4px rgba(0, 0, 0, 0.2);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.cx-old .hasSelects .collapse.am-collapse {
  animation-duration: .3s;
  animation-timing-function: ease;
  animation-fill-mode: backwards;
  overflow: visible; }
  .cx-old .hasSelects .collapse.am-collapse.in-remove {
    animation-name: collapse;
    display: block;
    overflow: hidden; }
  .cx-old .hasSelects .collapse.am-collapse.in-add {
    animation-name: expand; }

.cx-old .slowCollapse .collapse.am-collapse {
  animation-duration: .9s;
  animation-timing-function: ease;
  animation-fill-mode: backwards;
  overflow: visible; }
  .cx-old .slowCollapse .collapse.am-collapse.in-remove {
    animation-name: collapse;
    display: block;
    overflow: visible; }
  .cx-old .slowCollapse .collapse.am-collapse.in-add {
    animation-name: expand; }

.cx-old .panel.blue-title {
  background-color: #7489A2; }
  .cx-old .panel.blue-title .panel-heading {
    color: #FFF;
    font-weight: bold;
    background-color: #7489A2;
    margin-bottom: 15px;
    padding: 1px 0px 22px 0; }
    .cx-old .panel.blue-title .panel-heading div[class|="col"] {
      padding: 8px 10px;
      border-right: 1px solid #5C788F;
      border-left: 1px solid #97B3CD; }
      .cx-old .panel.blue-title .panel-heading div[class|="col"]:first-child {
        border-left: none; }
      .cx-old .panel.blue-title .panel-heading div[class|="col"]:last-child {
        border-right: none; }
    .cx-old .panel.blue-title .panel-heading .panel-title {
      margin: 0;
      padding: 0px !important; }

.cx-old .panel.normal-title .panel-heading {
  margin-bottom: 5px;
  padding: 1px 0px 22px 0; }
  .cx-old .panel.normal-title .panel-heading div[class|="col"] {
    padding: 3px 10px; }
  .cx-old .panel.normal-title .panel-heading .panel-title {
    margin: 0;
    padding: 0px !important; }

.modal.center .modal-dialog {
  -webkit-transform: initial;
  -ms-transform: initial;
  transform: initial;
  width: 30%;
  min-width: 320px;
  max-width: 1000px;
  position: fixed;
  top: 15%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  /* position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%) !important; */ }
  .modal.center .modal-dialog .modal-body.cancellation {
    max-height: 200px;
    height: 60%;
    overflow-y: auto; }
  .modal.center .modal-dialog.medium-size {
    width: 500px !important; }
  .modal.center .modal-dialog.complement {
    width: 80% !important; }
    .modal.center .modal-dialog.complement .modal-body {
      max-height: 400px;
      height: 80%;
      overflow-y: auto; }

.modal .modal-header {
  border-bottom: none;
  padding-bottom: 0px; }

.modal .modal-title {
  color: #C81517;
  display: inline-block;
  font-size: 30px;
  font-weight: normal; }

.modal .modal-content {
  border-radius: 10px; }

.modal .modal-footer {
  border-top: none; }

.modal .icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 5px;
  position: relative;
  top: 8px; }

.modal .icon-none {
  display: none; }

.modal .icon-valid {
  background-image: url("../img/IconoValido.svg"); }

.modal .icon-alert {
  background-image: url("../img/IconoAlerta.svg"); }

.modal .icon-confirm {
  background-image: url("../img/IconoPregunta.svg"); }

.popover {
  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6);
  z-index: 999; }
  .popover:focus {
    outline: 0; }
  .popover.employee-detail-popover table {
    font-size: 11px; }
    .popover.employee-detail-popover table td {
      padding: 4px !important; }
  .popover.incidences-detail-popover {
    max-width: 370px; }
    .popover.incidences-detail-popover table {
      font-size: 11px; }
      .popover.incidences-detail-popover table td {
        padding: 4px !important; }
  .popover.left-top {
    top: -32px !important;
    left: -280px !important; }

.active-popover {
  color: #C81517; }

.disabled-flag {
  color: gray; }

.cmx-close-popover-button {
  outline: 0;
  position: absolute;
  top: 5px;
  right: 5px;
  background: transparent;
  border: solid 0px; }

.cmx-message-error-popover-incidences {
  position: absolute;
  font-size: 11px;
  font-weight: normal !important;
  color: #C81517;
  padding: 5px 10px; }

.cmx-message-error-popover-label {
  outline: 0;
  position: absolute;
  font-size: 11px;
  font-weight: normal !important;
  color: #C81517;
  margin: 0px 81px; }
  .cmx-message-error-popover-label.no-margin {
    margin: 0px; }

.tab-content {
  border: 1px solid #E5E5E5;
  padding: 15px;
  box-shadow: 0px 0px 20px #E1E1E1;
  position: relative;
  z-index: 2; }

.nav-tabs {
  border-top: none;
  border-bottom: none;
  border-right: none; }

.nav-tabs > li {
  margin: 0px 8px -2px 20px; }

.nav > li > a {
  padding: 5px 28px 5px 18px; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border-bottom-color: transparent; }

.nav-tabs > li > a {
  color: #253C52;
  text-transform: uppercase;
  font-size: 22px;
  border-top: 1px solid #ddd;
  border-bottom-color: transparent;
  margin-right: 0px; }

.nav-tabs > li > a:hover {
  border-color: transparent;
  background-color: transparent;
  color: #456f98;
  border-top: 1px solid #ddd;
  border-bottom-color: transparent; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #253C52;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #ddd; }

.nav-tabs > li.active {
  z-index: 3; }
  .nav-tabs > li.active:before, .nav-tabs > li.active:after {
    height: 43px; }

.nav-tabs > li:before {
  content: ' ';
  left: -20px;
  top: 0px;
  position: absolute;
  background-color: #fff;
  border-left: 1px solid #ddd;
  border-right: none;
  border-top: 1px solid #ddd;
  width: 24px;
  height: 41px;
  z-index: 0; }

.nav-tabs > li.active:before {
  z-index: 1; }

.nav-tabs > li:after {
  content: ' ';
  right: -11px;
  top: 0px;
  position: absolute;
  background-color: #ffffff;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  width: 24px;
  height: 40px;
  z-index: 1; }

.nav-tabs > li > a:before {
  content: '';
  position: absolute;
  left: 8px;
  top: 8px;
  width: 6px;
  height: 25px;
  background-color: #C81517;
  z-index: 1; }

.cmx {
  /* button.button {
    		background-color: white;
    		border: none;
    		outline: none;
		&.button-target {
			margin-top: 30px;
		}
	} */ }
  .cmx .btn-cmx {
    color: #FFF;
    background-color: #C81517;
    box-shadow: inset -2px -2px 4px #6c0b0c;
    border: 1px solid #9a1012; }
    .cmx .btn-cmx.save {
      width: 98%;
      height: 48px; }
    .cmx .btn-cmx:hover {
      background-color: #e51114; }
    .cmx .btn-cmx.disabled, .cmx .btn-cmx[disabled] {
      opacity: 0.30; }
  .cmx .btn-cmx-success {
    color: #FFF;
    background-color: #C81517; }
    .cmx .btn-cmx-success:hover {
      background-color: #e51114; }
  .cmx .btn-cmx-danger, .cmx .btn-cmx-red {
    color: #FFF;
    background-color: #C81517; }
    .cmx .btn-cmx-danger:hover, .cmx .btn-cmx-red:hover {
      background-color: #e51114; }
  .cmx .btn-padd {
    padding: 2px 4px; }
  .cmx .btn-xs {
    padding: 4px 8px !important;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 3px; }
  .cmx .btn-equal {
    width: 55px;
    padding: 2px 10px; }
  .cmx .btn-edit-customer {
    background: transparent;
    float: left;
    margin-left: 11px;
    border: none;
    color: #c11417;
    cursor: pointer; }
    .cmx .btn-edit-customer:disabled {
      color: #b7b7b7; }
  .cmx .btn-currencies {
    display: block;
    background: transparent;
    width: 30px;
    height: 30px;
    border: 1px solid #cccccc;
    color: #333333;
    border-radius: 50%; }

code {
  word-wrap: break-word; }

.cx div[class*="col-"] {
  padding: 0; }

.cx input[type="text"], .cx input[type="password"], .cx input[type="number"] {
  padding: 4px;
  height: 25px;
  box-sizing: border-box;
  font-size: 10px;
  border-color: #ccc; }
  .cx input[type="text"][disabled], .cx input[type="password"][disabled], .cx input[type="number"][disabled] {
    background-color: #ddd !important;
    border-color: #c4c4c4 !important; }

.cx .input-group-addon {
  font-size: 8px;
  padding: 6px 6px; }
  .cx .input-group-addon + input {
    border-radius: 0 3px 3px 0; }

.cx textarea {
  border-color: #ccc; }

.cx .form-inline label {
  font-size: 10px; }

.cx .form-inline .form-group {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  min-height: 25px; }
  .cx .form-inline .form-group label {
    box-sizing: border-box;
    min-width: 15%;
    text-align: right;
    float: left;
    height: inherit;
    margin: 0;
    line-height: 2em;
    padding-right: 4px; }
  .cx .form-inline .form-group.has-success > textarea, .cx .form-inline .form-group.has-success > input, .cx .form-inline .form-group.has-success .input-group > input, .cx .form-inline .form-group.has-success .input-group > span, .cx .form-inline .form-group.has-success > .uneditable-input {
    border-color: #ccc; }
    .cx .form-inline .form-group.has-success > textarea:not([disabled]), .cx .form-inline .form-group.has-success > input:not([disabled]), .cx .form-inline .form-group.has-success .input-group > input:not([disabled]), .cx .form-inline .form-group.has-success .input-group > span:not([disabled]), .cx .form-inline .form-group.has-success > .uneditable-input:not([disabled]) {
      border-color: #318133;
      background-color: #ecf8ec; }
      .cx .form-inline .form-group.has-success > textarea:not([disabled]):focus, .cx .form-inline .form-group.has-success > input:not([disabled]):focus, .cx .form-inline .form-group.has-success .input-group > input:not([disabled]):focus, .cx .form-inline .form-group.has-success .input-group > span:not([disabled]):focus, .cx .form-inline .form-group.has-success > .uneditable-input:not([disabled]):focus {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #318133; }
  .cx .form-inline .form-group.has-error > textarea, .cx .form-inline .form-group.has-error > input, .cx .form-inline .form-group.has-error .input-group > input, .cx .form-inline .form-group.has-error .input-group > span, .cx .form-inline .form-group.has-error > .uneditable-input {
    border: solid 1px #ccc; }
    .cx .form-inline .form-group.has-error > textarea:not([disabled]), .cx .form-inline .form-group.has-error > input:not([disabled]), .cx .form-inline .form-group.has-error .input-group > input:not([disabled]), .cx .form-inline .form-group.has-error .input-group > span:not([disabled]), .cx .form-inline .form-group.has-error > .uneditable-input:not([disabled]) {
      border: solid 1px #b73634;
      background-color: #fbf0ef; }
      .cx .form-inline .form-group.has-error > textarea:not([disabled]):focus, .cx .form-inline .form-group.has-error > input:not([disabled]):focus, .cx .form-inline .form-group.has-error .input-group > input:not([disabled]):focus, .cx .form-inline .form-group.has-error .input-group > span:not([disabled]):focus, .cx .form-inline .form-group.has-error > .uneditable-input:not([disabled]):focus {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #b73634; }
  .cx .form-inline .form-group.has-warning > textarea, .cx .form-inline .form-group.has-warning > input, .cx .form-inline .form-group.has-warning .input-group > input, .cx .form-inline .form-group.has-warning .input-group > span, .cx .form-inline .form-group.has-warning > .uneditable-input {
    border-color: #ccc; }
    .cx .form-inline .form-group.has-warning > textarea:not([disabled]), .cx .form-inline .form-group.has-warning > input:not([disabled]), .cx .form-inline .form-group.has-warning .input-group > input:not([disabled]), .cx .form-inline .form-group.has-warning .input-group > span:not([disabled]), .cx .form-inline .form-group.has-warning > .uneditable-input:not([disabled]) {
      border-color: #d59e3e;
      background-color: #fefdfa; }
      .cx .form-inline .form-group.has-warning > textarea:not([disabled]):focus, .cx .form-inline .form-group.has-warning > input:not([disabled]):focus, .cx .form-inline .form-group.has-warning .input-group > input:not([disabled]):focus, .cx .form-inline .form-group.has-warning .input-group > span:not([disabled]):focus, .cx .form-inline .form-group.has-warning > .uneditable-input:not([disabled]):focus {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #d59e3e; }
  .cx .form-inline .form-group .help-block {
    position: absolute;
    box-sizing: border-box;
    border: solid 0px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0; }

.cx .form-inline table.table tfoot tr td#captions label {
  width: 100%;
  height: 25px;
  margin: 0;
  text-align: right;
  padding-top: 4px; }

.cx .bootstrap-select.form-control:not([class*="col-"]).let-icons-fit {
  width: 70%; }

#switches {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between; }
  #switches .form-group {
    display: flex; }
  #switches #1 {
    min-width: 160px; }
  #switches #2 {
    min-width: 135px; }

@media (min-width: 768px) {
  .form-inline .input-group .input-group-addon {
    width: 25px; } }

@media (max-width: 1277px) {
  #switches {
    display: inline; }
    #switches .form-group {
      display: inline-block; }
    #switches .well {
      margin: 0 10px 5px 5px; } }

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths,
.col-md-3ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.seven-in-row {
  width: 14.2857142857%; }

.col-xs-5ths {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left; } }

@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left; } }

@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left; } }

@media (min-width: 992px) {
  .col-md-3ths {
    width: 13%;
    float: left; } }

.row {
  box-sizing: border-box;
  margin: 0 0 5px 0; }
  .row .form-control {
    border-radius: 3px; }
  .row.row-inner {
    margin-bottom: 0; }
  .row.row-bottom {
    margin-bottom: 30px; }
  .row.row-top {
    margin-top: 20px; }
  .row.row-top-thin {
    margin-top: 10px; }

.cmx {
  /*Media query para arreglar el descuadre de botones de accion en componente cmx-product-table-invoice*/ }
  .cmx .table-container {
    border: solid 1px #BFBFBF;
    border-radius: 5px;
    z-index: 100000;
    overflow: hidden; }
  .cmx table.table {
    z-index: 0;
    font-family: OpenSans !important;
    font-size: 11px;
    margin: 0;
    box-sizing: border-box; }
    .cmx table.table .fa {
      color: #C81517; }
    .cmx table.table .fa.fa-info-circle, .cmx table.table .fa.fa-keyboard-o {
      color: #959C9F; }
    .cmx table.table th, .cmx table.table td {
      padding: 0; }
      .cmx table.table th .checkbox, .cmx table.table td .checkbox {
        height: 18px; }
    .cmx table.table thead {
      padding-top: 2px; }
      .cmx table.table thead tr:first-child {
        background: #BFBFBF;
        color: white; }
        .cmx table.table thead tr:first-child th {
          font-weight: bold !important; }
      .cmx table.table thead tr:last-child {
        background-color: #ECECEC; }
      .cmx table.table thead tr th {
        color: #FFFFFF;
        background-color: #BFBFBF;
        padding: 2px 0 2px 4px;
        border-left: solid 1px white;
        border-bottom: solid 0;
        vertical-align: middle; }
        .cmx table.table thead tr th:first-child {
          border-left: solid 0; }
        .cmx table.table thead tr th.short {
          width: 46px; }
      .cmx table.table thead tr td {
        border-bottom: 1px solid #BFBFBF;
        padding: 2px;
        vertical-align: middle; }
        .cmx table.table thead tr td .k-widget, .cmx table.table thead tr td input {
          width: 100% !important; }
    .cmx table.table tbody {
      border: solid 0px;
      background-color: #ECECEC; }
      .cmx table.table tbody.vertical-align td {
        vertical-align: middle; }
      .cmx table.table tbody tr td {
        border-bottom: 1px solid #BFBFBF;
        padding: 2px 3px 2px 4px; }
        .cmx table.table tbody tr td button.button-opcion {
          border: none;
          background: transparent;
          margin: 0px;
          height: 25px;
          outline: none; }
          .cmx table.table tbody tr td button.button-opcion span {
            color: #C81517; }
          .cmx table.table tbody tr td button.button-opcion.button-heigth {
            height: 20px; }
        .cmx table.table tbody tr td button.button-opcion-image {
          border: none;
          background: transparent;
          margin: 0px;
          height: 22px;
          outline: none; }
          .cmx table.table tbody tr td button.button-opcion-image span {
            color: #89878C; }
            .cmx table.table tbody tr td button.button-opcion-image span.active {
              color: #C81517 !important; }
          .cmx table.table tbody tr td button.button-opcion-image .close-icon {
            position: relative;
            right: 2;
            top: -5px; }
        .cmx table.table tbody tr td input[type="checkbox"].checkbox-height {
          height: 20px; }
        .cmx table.table tbody tr td .cmx-btn-group-row .checks-container {
          float: left; }
        .cmx table.table tbody tr td .cmx-btn-group-row .buttons > * {
          float: left; }
    .cmx table.table tfoot {
      background-color: #ECECEC; }
      .cmx table.table tfoot.vertical-align td {
        vertical-align: middle; }
      .cmx table.table tfoot tr td {
        padding: 2px;
        border-top: 0; }
      .cmx table.table tfoot.policy-cmx {
        background-color: white !important;
        color: black;
        font-size: 11px; }
    .cmx table.table.table-payroll > tbody tr:last-child {
      display: none; }
    .cmx table.table.table-payroll > tbody.open {
      background: white; }
      .cmx table.table.table-payroll > tbody.open > tr:first-child td {
        border-bottom: solid 0; }
      .cmx table.table.table-payroll > tbody.open tr:last-child {
        display: table-row; }
        .cmx table.table.table-payroll > tbody.open tr:last-child td {
          border-top: solid 0; }
    .cmx table.table.table-payroll > tbody table th {
      color: #89878C; }
    .cmx table.table.table-contralor-1 {
      font-size: 12px;
      border: none;
      border-collapse: separate;
      margin-bottom: 3px; }
      .cmx table.table.table-contralor-1 tbody {
        color: #89878C;
        background-color: #EEE; }
        .cmx table.table.table-contralor-1 tbody > tr:nth-of-type(odd) {
          background-color: #EEE; }
      .cmx table.table.table-contralor-1 tr:last-child td:first-child {
        border-bottom-left-radius: 5px; }
      .cmx table.table.table-contralor-1 tr:last-child td:last-child {
        border-bottom-right-radius: 5px; }
      .cmx table.table.table-contralor-1 td {
        padding: 0px 10px !important;
        text-align: left; }
        .cmx table.table.table-contralor-1 td.short {
          width: 46px; }
        .cmx table.table.table-contralor-1 td input[type="checkbox"] {
          position: absolute;
          margin: 0;
          height: 20px; }
      .cmx table.table.table-contralor-1.table-employees tfoot {
        display: none; }
      .cmx table.table.table-contralor-1.table-employees.table-employees-foot-in tfoot {
        display: table-footer-group; }
    .cmx table.table.table-contralor-users {
      font-size: 12px;
      border: none;
      border-collapse: separate;
      margin-bottom: 3px; }
      .cmx table.table.table-contralor-users tbody {
        color: #89878C;
        background-color: #EEE; }
        .cmx table.table.table-contralor-users tbody > tr:nth-of-type(odd) {
          background-color: #EEE; }
      .cmx table.table.table-contralor-users th {
        color: #FFFFFF;
        background-color: #7489a2;
        padding: 4px; }
        .cmx table.table.table-contralor-users th:first-child {
          border-top-left-radius: 5px; }
        .cmx table.table.table-contralor-users th:last-child {
          border-top-right-radius: 5px;
          border-left: 1px solid; }
        .cmx table.table.table-contralor-users th.short {
          width: 46px; }
      .cmx table.table.table-contralor-users tr:last-child td:first-child {
        border-bottom-left-radius: 5px; }
      .cmx table.table.table-contralor-users tr:last-child td:last-child {
        border-bottom-right-radius: 5px; }
      .cmx table.table.table-contralor-users td {
        padding: 0px 10px !important;
        text-align: left; }
        .cmx table.table.table-contralor-users td.short {
          width: 46px; }
        .cmx table.table.table-contralor-users td.table-user-title-bold {
          font-weight: bold;
          font-size: 13px;
          color: #666666; }
        .cmx table.table.table-contralor-users td.table-user-title-inbold {
          font-weight: none;
          padding: 0px 20px !important; }
    .cmx table.table.table-contralor-coeficiente {
      font-size: 12px;
      border: none;
      border-collapse: separate;
      margin-bottom: 3px; }
      .cmx table.table.table-contralor-coeficiente th {
        background-color: #7489a2;
        padding: 7px 10px !important;
        color: #FFFFFF;
        border-right-style: solid;
        border-right: 1px solid #5C788F;
        font-weight: bold; }
      .cmx table.table.table-contralor-coeficiente td {
        background-color: #FFF;
        padding-top: 2px !important;
        padding-left: 10px !important; }
    .cmx table.table.table-contralor-summary-polizas {
      font-size: 12px;
      border: none;
      border-collapse: separate;
      margin-bottom: 3px; }
      .cmx table.table.table-contralor-summary-polizas td {
        background-color: #FFF;
        border: none;
        padding-top: 2px !important;
        padding-left: 10px !important;
        text-align: right; }
    .cmx table.table.table-contralor-checks-transfer-initial .fa {
      color: white; }
    .cmx table.table.table-contralor-checks-transfer-initial th, .cmx table.table.table-contralor-checks-transfer-initial td {
      padding: 0;
      vertical-align: -webkit-baseline-middle; }
    .cmx table.table.table-contralor-checks-transfer-initial .checkbox-flex {
      width: 50%;
      display: flex;
      top: 14px; }
    .cmx table.table.table-contralor-checks-transfer tfoot {
      background-color: #FFFFFF; }
      .cmx table.table.table-contralor-checks-transfer tfoot tr:last-child td:first-child {
        border-radius: 0 0 0 10px; }
      .cmx table.table.table-contralor-checks-transfer tfoot tr:last-child td:last-child {
        border-radius: 0 0 10px 0; }
      .cmx table.table.table-contralor-checks-transfer tfoot tr td {
        padding: 2px;
        border-top: 0; }
    .cmx table.table.table-contralor-checks-transfer-edit thead tr:first-child {
      background: #ECECEC;
      color: white; }
      .cmx table.table.table-contralor-checks-transfer-edit thead tr:first-child th {
        padding: 4px;
        font-weight: bold !important;
        border-bottom-color: #ECECEC; }
        .cmx table.table.table-contralor-checks-transfer-edit thead tr:first-child th:first-child {
          border-radius: 0 0 0 0; }
        .cmx table.table.table-contralor-checks-transfer-edit thead tr:first-child th:last-child {
          border-radius: 0 0 0 0; }
    .cmx table.table.table-contralor-checks-transfer-edit thead tr:last-child {
      background-color: #ECECEC; }
    .cmx table.table.table-contralor-checks-transfer-edit thead tr td {
      border-bottom: 0px solid #ECECEC;
      padding: 2px; }
      .cmx table.table.table-contralor-checks-transfer-edit thead tr td .k-widget, .cmx table.table.table-contralor-checks-transfer-edit thead tr td input {
        width: 100% !important; }
      .cmx table.table.table-contralor-checks-transfer-edit thead tr td button.button-edit {
        border: none;
        background: transparent;
        margin: 2px;
        outline: none; }
        .cmx table.table.table-contralor-checks-transfer-edit thead tr td button.button-edit span {
          color: #C81517;
          font-size: 14px; }
    .cmx table.table.table-contralor-products-edit thead tr:first-child {
      background: #ECECEC;
      color: white; }
      .cmx table.table.table-contralor-products-edit thead tr:first-child th {
        padding: 0px;
        font-weight: bold !important;
        border-bottom-color: #ECECEC; }
        .cmx table.table.table-contralor-products-edit thead tr:first-child th:first-child {
          border-radius: 0 0 0 0; }
        .cmx table.table.table-contralor-products-edit thead tr:first-child th:last-child {
          border-radius: 0 0 0 0; }
    .cmx table.table.table-contralor-products-edit thead tr:last-child {
      background-color: #ECECEC; }
    .cmx table.table.table-contralor-products-edit thead tr td {
      border-bottom: 0px solid #ECECEC;
      padding: 2px; }
      .cmx table.table.table-contralor-products-edit thead tr td .k-widget, .cmx table.table.table-contralor-products-edit thead tr td input {
        width: 100% !important; }
      .cmx table.table.table-contralor-products-edit thead tr td button.button-edit {
        border: none;
        background: transparent;
        margin: 2px;
        outline: none; }
        .cmx table.table.table-contralor-products-edit thead tr td button.button-edit span {
          color: #C81517;
          font-size: 14px; }
    .cmx table.table.pediment-warehouses tbody {
      background: transparent; }
      .cmx table.table.pediment-warehouses tbody tr td {
        border: none; }
    .cmx table.table.table-addenda thead th {
      background-color: #72869f;
      padding: 3px 3px; }
    .cmx table.table.table-addenda td {
      background-color: white;
      border: none;
      table-layout: auto; }
    .cmx table.table.table-addenda.summary-parts {
      margin-top: 5px; }
      .cmx table.table.table-addenda.summary-parts thead th {
        background-color: #000000;
        color: #FFFFFF; }
      .cmx table.table.table-addenda.summary-parts thead .part_head {
        background-color: #BFBFBF; }
      .cmx table.table.table-addenda.summary-parts tbody td {
        vertical-align: middle;
        border-bottom: 1px solid gray; }
    .cmx table.table.summary-addenda td {
      background-color: white; }
    .cmx table.table.table-rate-information td {
      background: white;
      border: none;
      font-size: 15px;
      vertical-align: middle;
      padding: 0px 12px; }
    .cmx table.table.bank_reconciliation thead th {
      padding-top: 5px;
      padding-bottom: 5px; }
    .cmx table.table.bank_reconciliation tbody tr td {
      padding-top: 5px;
      padding-bottom: 5px; }
      .cmx table.table.bank_reconciliation tbody tr td.mount {
        text-align: right;
        padding-right: 5px; }
    .cmx table.table.bank_reconciliation tbody tr.general {
      font-weight: bold;
      cursor: pointer; }
    .cmx table.table.bank_reconciliation tbody tr:last-child {
      cursor: default; }
    .cmx table.table.currencies {
      table-layout: auto !important; }
      .cmx table.table.currencies tbody {
        background-color: transparent; }
        .cmx table.table.currencies tbody td {
          width: auto !important;
          border: none; }
    .cmx table.table.table-inner-form tbody tr td input {
      width: 100%; }
  @media (max-width: 1384px) {
    .cmx table.table tbody td .cmx-btn-group-row .buttons {
      position: relative;
      margin: 0px 30px; }
    .cmx table.table tbody td .cmx-btn-group-row .checks-container {
      position: relative;
      width: 100%;
      float: left;
      margin-bottom: 5px;
      text-align: center; } }
  @media screen and (max-width: 991px) {
    .cmx .table thead td.cmx-btn-group-row {
      display: inline-flex; }
      .cmx .table thead td.cmx-btn-group-row button {
        margin-left: 5px; } }

.text-muted {
  color: #777 !important; }

.cx .well {
  border-radius: 5px;
  background-color: #ECECEC;
  border: solid 1px #DEDEDE;
  margin: 0 5px 0 5px;
  box-sizing: border-box; }

.cx form .well-folio {
  border-radius: 5px;
  background-color: #ECECEC;
  border: solid 1px #DEDEDE;
  margin: 0 5px 5px 5px; }
  .cx form .well-folio :before {
    content: "Folio";
    font-size: 11px;
    margin-left: 20px;
    margin-right: 10px; }
  .cx form .well-folio label {
    font-size: 11px; }

.cx form .invoice-well {
  display: flex;
  flex-direction: row;
  border-radius: 5px;
  background-color: #ECECEC;
  border: solid 1px #DEDEDE;
  margin: 0 5px 5px 5px; }
  .cx form .invoice-well label {
    margin-top: 3px;
    font-size: 11px;
    margin-left: 20px;
    margin-right: 10px;
    overflow-x: hidden; }
  .cx form .invoice-well .btn-edit {
    border-bottom: none;
    border-right: none;
    border-top: none;
    border-left: solid 1px #DEDEDE;
    font-size: 13px; }

.cx form .well:after {
  position: absolute;
  top: 10px;
  left: 15px;
  font-size: 14px;
  font-weight: 700;
  color: #5B5B5F; }

.cx form .well.folio label {
  position: absolute;
  top: 8px;
  left: 60px; }

.cx form .well.folio:after {
  content: "Folio"; }

.cx form .well.facturacion:after {
  content: "Facturación"; }

.cx form .well.notas-de-credito:after {
  content: "Notas de crédito"; }

.cmx .checkbox {
  padding: 0; }
  .cmx .checkbox label {
    cursor: initial;
    font-weight: bold; }

.form-group {
  margin-bottom: 0; }
  .form-group .cmx-switch-container {
    height: 20px; }
    .form-group .cmx-switch-container + .help-block {
      margin: 0 !important; }
    .form-group .cmx-switch-container .bootstrap-switch {
      border: solid 0;
      width: 61px;
      padding: 0 1px; }
      .form-group .cmx-switch-container .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-on {
        background: white !important; }
      .form-group .cmx-switch-container .bootstrap-switch.bootstrap-switch-on {
        background: #C81517; }
        .form-group .cmx-switch-container .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-off {
          display: none !important; }
      .form-group .cmx-switch-container .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
        background: transparent; }
      .form-group .cmx-switch-container .bootstrap-switch .bootstrap-switch-label {
        border: solid 1px #ccc;
        border-radius: 3px; }
      .form-group .cmx-switch-container .bootstrap-switch input {
        height: inherit !important; }
      .form-group .cmx-switch-container .bootstrap-switch.bootstrap-switch-cmx .bootstrap-switch-handle-on, .form-group .cmx-switch-container .bootstrap-switch.bootstrap-switch-cmx .bootstrap-switch-handle-off, .form-group .cmx-switch-container .bootstrap-switch.bootstrap-switch-cmx .bootstrap-switch-label {
        padding: 1px 3px;
        font-size: 10px !important;
        line-height: 1.6;
        height: 16px;
        width: 18px !important;
        float: left;
        margin: 1px 0; }
    .form-group .cmx-switch-container.disabled .bootstrap-switch.bootstrap-switch-cmx:after {
      position: absolute;
      content: "";
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(187, 187, 187, 0.4); }
  .form-group .cmx-mini-switch-container {
    height: 20px; }
    .form-group .cmx-mini-switch-container + .help-block {
      margin: 0 !important; }
    .form-group .cmx-mini-switch-container .bootstrap-switch {
      border: solid 0;
      width: 61px;
      padding: 0 1px; }
      .form-group .cmx-mini-switch-container .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-on {
        background: white !important; }
      .form-group .cmx-mini-switch-container .bootstrap-switch.bootstrap-switch-on {
        background: #C81517; }
        .form-group .cmx-mini-switch-container .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-off {
          display: none !important; }
      .form-group .cmx-mini-switch-container .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
        background: transparent; }
      .form-group .cmx-mini-switch-container .bootstrap-switch .bootstrap-switch-label {
        border: solid 1px #ccc;
        border-radius: 3px; }
      .form-group .cmx-mini-switch-container .bootstrap-switch .bootstrap-switch-handle-off {
        background: white; }
      .form-group .cmx-mini-switch-container .bootstrap-switch input {
        height: inherit !important; }
      .form-group .cmx-mini-switch-container .bootstrap-switch.bootstrap-switch-cmx .bootstrap-switch-handle-on, .form-group .cmx-mini-switch-container .bootstrap-switch.bootstrap-switch-cmx .bootstrap-switch-handle-off, .form-group .cmx-mini-switch-container .bootstrap-switch.bootstrap-switch-cmx .bootstrap-switch-label {
        padding: 1px 3px;
        font-size: 10px !important;
        line-height: 1.6;
        height: 10px;
        width: 10px !important;
        float: left;
        margin: 1px 0; }
    .form-group .cmx-mini-switch-container.disabled .bootstrap-switch.bootstrap-switch-cmx:after {
      position: absolute;
      content: "";
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(187, 187, 187, 0.4); }

.well .form-group .bootstrap-switch.bootstrap-switch-cmx {
  border: solid 1px #ccc; }

.well.well-switch {
  box-sizing: border-box;
  padding: 0 5px 0 5px; }
  .well.well-switch .cmx-switch-container {
    margin-top: 2px; }

.well.well-button {
  box-sizing: border-box;
  padding: 1px 5px 0px 5px;
  height: 27px; }
  .well.well-button button {
    border: solid 1px #ccc;
    vertical-align: middle;
    border-radius: 6px;
    background-color: #807b7b; }
    .well.well-button button .icon-edit {
      background-image: url("../img/edit-complement.svg");
      background-repeat: no-repeat;
      background-position: center;
      width: 12px;
      height: 19px; }
    .well.well-button button.btn-filled {
      background-color: #C81517;
      box-shadow: inset -2px -2px 4px #6c0b0c;
      color: #FFF; }
    .well.well-button button:disabled {
      cursor: not-allowed; }

.panel-heading .form-group .bootstrap-switch.bootstrap-switch-cmx:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.form-group .cmx-button-container {
  height: 20px;
  width: 23px; }
  .form-group .cmx-button-container .bootstrap-button-popover {
    border: none;
    background: transparent;
    margin: 0px;
    height: 20px;
    outline: none; }
    .form-group .cmx-button-container .bootstrap-button-popover span {
      color: #C81517; }
    .form-group .cmx-button-container .bootstrap-button-popover[disabled] {
      border-color: #BFBFBF; }
      .form-group .cmx-button-container .bootstrap-button-popover[disabled] span {
        color: #BFBFBF; }

.cx .k-autocomplete .k-input,
.cx .k-dropdown-wrap .k-input,
.cx .k-numeric-wrap .k-input,
.cx .k-picker-wrap .k-input,
.cx .k-selectbox .k-input,
.cx .k-textbox > input,
.cx input.k-textbox {
  font-size: 10px;
  text-indent: 0em;
  padding-left: 4px !important;
  padding-right: 4px !important;
  width: 100%;
  height: 23px;
  box-sizing: border-box;
  border: solid 0; }

.cx .k-dropdown-wrap .k-select,
.cx .k-numeric-wrap .k-select,
.cx .k-picker-wrap .k-select {
  min-height: inherit;
  box-sizing: border-box;
  border-left: solid 1px #ccc; }

.cx .k-autocomplete, .cx .k-dropdown-wrap, .cx .k-numeric-wrap, .cx .k-picker-wrap, .cx .k-selectbox, .cx .k-textbox {
  border-color: #ccc; }

.cx .has-error .k-autocomplete:not(.k-state-disabled), .cx .has-error .k-dropdown-wrap:not(.k-state-disabled), .cx .has-error .k-numeric-wrap:not(.k-state-disabled), .cx .has-error .k-picker-wrap:not(.k-state-disabled), .cx .has-error .k-selectbox:not(.k-state-disabled), .cx .has-error .k-textbox:not(.k-state-disabled) {
  border-color: #b73634;
  background-color: #fbf0ef; }
  .cx .has-error .k-autocomplete:not(.k-state-disabled) input, .cx .has-error .k-dropdown-wrap:not(.k-state-disabled) input, .cx .has-error .k-numeric-wrap:not(.k-state-disabled) input, .cx .has-error .k-picker-wrap:not(.k-state-disabled) input, .cx .has-error .k-selectbox:not(.k-state-disabled) input, .cx .has-error .k-textbox:not(.k-state-disabled) input {
    background-color: #fbf0ef; }
  .cx .has-error .k-autocomplete:not(.k-state-disabled).k-state-focused, .cx .has-error .k-dropdown-wrap:not(.k-state-disabled).k-state-focused, .cx .has-error .k-numeric-wrap:not(.k-state-disabled).k-state-focused, .cx .has-error .k-picker-wrap:not(.k-state-disabled).k-state-focused, .cx .has-error .k-selectbox:not(.k-state-disabled).k-state-focused, .cx .has-error .k-textbox:not(.k-state-disabled).k-state-focused {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #b73634; }
  .cx .has-error .k-autocomplete:not(.k-state-disabled) .k-select, .cx .has-error .k-dropdown-wrap:not(.k-state-disabled) .k-select, .cx .has-error .k-numeric-wrap:not(.k-state-disabled) .k-select, .cx .has-error .k-picker-wrap:not(.k-state-disabled) .k-select, .cx .has-error .k-selectbox:not(.k-state-disabled) .k-select, .cx .has-error .k-textbox:not(.k-state-disabled) .k-select {
    border-left: solid 1px #b73634; }

.cx .k-state-disabled {
  cursor: not-allowed !important; }
  .cx .k-state-disabled .k-button,
  .cx .k-state-disabled .k-draghandle,
  .cx .k-state-disabled .k-icon,
  .cx .k-state-disabled .k-link,
  .cx .k-state-disabled .k-upload-button input {
    cursor: not-allowed !important; }

.cx .k-datetimepicker .k-picker-wrap .k-icon {
  margin: 0; }

:root * > .k-icon, :root * > .k-sprite, :root * > .k-tool-icon {
  vertical-align: initial; }

.cx .form-inline .form-group .k-autocomplete {
  height: 25px; }
  .cx .form-inline .form-group .k-autocomplete input {
    width: 100% !important; }
  .cx .form-inline .form-group .k-autocomplete > :focus {
    outline: none !important; }

.cx .form-inline .form-group .k-datetimepicker, .cx .form-inline .form-group .k-datepicker {
  height: 25px; }
  .cx .form-inline .form-group .k-datetimepicker .k-picker-wrap, .cx .form-inline .form-group .k-datepicker .k-picker-wrap {
    box-sizing: border-box;
    height: 25px; }

.cx .form-inline .form-group .k-datetimepicker .k-picker-wrap {
  padding-right: 3em; }

.cx .form-inline .form-group .k-datetimepicker .k-select {
  width: 3em; }

.cx .form-inline .form-group .k-dropdown {
  font-size: 10px;
  height: 25px; }
  .cx .form-inline .form-group .k-dropdown .k-dropdown-wrap .k-input {
    padding: 0;
    text-align: left; }
  .cx .form-inline .form-group .k-dropdown .k-dropdown-wrap .k-icon, .cx .form-inline .form-group .k-dropdown .k-dropdown-wrap .k-sprite, .cx .form-inline .form-group .k-dropdown .k-dropdown-wrap .k-tool-icon {
    vertical-align: text-top; }

/*
    Flaticon icon font: Flaticon
    Creation date: 21/11/2017 18:15
    */
@font-face {
  font-family: "Flaticon";
  src: url("./Flaticon.eot");
  src: url("./Flaticon.eot?#iefix") format("embedded-opentype"), url("./Flaticon.woff") format("woff"), url("./Flaticon.ttf") format("truetype"), url("./Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Flaticon";
    src: url("./Flaticon.svg#Flaticon") format("svg"); } }

.fi:before {
  display: inline-block;
  font-family: "Flaticon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

.flaticon-text-document-cancel-button:before {
  content: "\f100"; }

.flaticon-prohibition:before {
  content: "\f101"; }

.flaticon-file:before {
  content: "\f102"; }

.flaticon-mail-send:before {
  content: "\f103"; }

.flaticon-rubber-stamp:before {
  content: "\f104"; }

/* endinject */