/*
    Created on : 04/06/2015, 20:14:15
    Author     : Daniel
*/
/*---------------------------------------------------
    LESS Prefixer
  ---------------------------------------------------
    
    All of the CSS3 fun, none of the prefixes!

    As a rule, you can use the CSS properties you
    would expect just by adding a '.':

    box-shadow => .box-shadow(@args)

    Also, when shorthand is available, arguments are
    not parameterized. Learn CSS, not LESS Prefixer.

    -------------------------------------------------
    TABLE OF CONTENTS
    (*) denotes a syntax-sugar helper
    -------------------------------------------------

        .animation(@args)
            .animation-delay(@delay)
            .animation-direction(@direction)
            .animation-duration(@duration)
            .animation-iteration-count(@count)
            .animation-name(@name)
            .animation-play-state(@state)
            .animation-timing-function(@function)
        .background-size(@args)
        .border-radius(@args)
        .box-shadow(@args)
            .inner-shadow(@args) *
        .box-sizing(@args)
            .border-box() *
            .content-box() *
        .columns(@args)
            .column-count(@count)
            .column-gap(@gap)
            .column-rule(@args)
            .column-width(@width)
        .gradient(@default,@start,@stop) *
            .linear-gradient-top(@default,@color1,@stop1,@color2,@stop2,[@color3,@stop3,@color4,@stop4])*
            .linear-gradient-left(@default,@color1,@stop1,@color2,@stop2,[@color3,@stop3,@color4,@stop4])*
        .opacity(@factor)
        .transform(@args)
            .rotate(@deg)
            .scale(@factor)
            .translate(@x,@y)
            .translate3d(@x,@y,@z)
            .translateHardware(@x,@y) *
        .text-shadow(@args)
        .transition(@args)
            .transition-delay(@delay)
            .transition-duration(@duration)
            .transition-property(@property)
            .transition-timing-function(@function)



    Credit to LESS Elements for the motivation and
    to CSS3Please.com for implementation.

    Copyright (c) 2012 Joel Sutherland
    MIT Licensed:
    http://www.opensource.org/licenses/mit-license.php

-----------------------------------------------------*/
/* Animation */
/* Background Size */
/* Border Radius */
/* Box Shadows */
/* Box Sizing */
/* Columns */
/* Gradients */
/* Opacity */
/* Text Shadow */
/* Transforms */
/* Transitions */
* {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
}
.green {
  color: #66c17b;
}
.animated.x5 {
  animation-iteration-count: 5;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.red.animated {
  text-shadow: 0 0 3px #e6ac6a;
}
input,
textarea {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: -moz-text;
  -o-user-select: text;
  user-select: text;
  cursor: text;
}
button,
a,
input[type=checkbox] {
  cursor: pointer;
}
body,
html {
  height: 100%;
  position: relative;
  background: #fff;
}
.staging {
  background: url('staging.png');
  border-top: 2px solid red;
}
.development {
  background: url('development.png');
  border-top: 2px solid #eabc0e;
}
i.hasAction {
  cursor: pointer;
}
/*
.staging * {
    background: url(staging.png) top left fixed;
}
*/
/*
body, html {
    height: 100%;
    position:relative;
    padding:0;
    margin:0;
}


.app-main-menu {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    width:150px;
}
.app-main-content {
    position: absolute;
    top:0;
    bottom:0;
    left:150px;
    right:0;
    padding:10px;
}*/
.ui.form .field .label2 {
  overflow: hidden;
  height: 1.5em;
  word-break: break-all;
}
.ui.form .field .label2 {
  display: block;
  margin: 0 0 0.2857rem;
  color: rgba(0, 0, 0, 0.8);
  font-size: 0.9285em;
  font-weight: 700;
  text-transform: none;
}
.button.icon img.icon {
  width: 1.5em;
  height: 1em;
  cursor: pointer;
}
.trumbowyg-box,
.trumbowyg-editor {
  margin-top: 0;
  margin-bottom: 0;
  min-height: 229px;
  border-radius: 4px;
}
.trumbowyg-editor {
  box-shadow: inset 2px 2px 4px #eee;
}
.trumbowyg-button-pane {
  background: #e8e8e8;
}
.app-main-menu {
  border-right: 1px solid #ccc;
  background: #eee;
}
.app-main-menu a {
  display: block;
  height: 120px;
  line-height: 120px;
  text-align: center;
}
.app-main-menu :link,
.app-main-menu :visited {
  color: #000;
  text-decoration: none;
}
.app-main-menu :hover {
  background: #e1e1e1;
}
.app-main-menu .current {
  background: #fff;
}
.ui.basic.segment.sector-toolbar {
  margin: 0.5rem 0;
  padding: 0.4em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  margin-top: -10px;
}
.pointer-row tbody td {
  cursor: pointer;
}
.pointer-row tbody tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
body > .ui.grid {
  margin-top: 1rem;
  margin-bottom: 0;
}
.ui.striped.segments .segment:nth-child(2n):not(.tab) {
  background-color: rgba(0, 0, 50, 0.02);
}
.ui.small.form {
  font-size: 0.7rem;
}
.ui.mini.buttons .button,
.ui.mini.buttons .or,
.ui.mini.button {
  font-size: 0.75rem;
}
.ui.form .ui.buttons:first-child {
  margin-bottom: calc(0.2857rem*2);
}
.ui.form .fields.compact .wide.field:first-child {
  padding-right: 0%;
}
.ui.form .fields.compact .wide.field:first-child input {
  -webkit-border-radius: 0.285714rem 0 0 0.285714rem;
  -moz-border-radius: 0.285714rem 0 0 0.285714rem;
  border-radius: 0.285714rem 0 0 0.285714rem;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-right: none;
}
.ui.form .fields.compact > .field {
  padding-left: 0;
  padding-right: 0;
}
.ui.form .fields.compact > .field input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.ui.form .fields.compact .wide.field:last-child {
  padding-left: 0%;
}
.ui.form .fields.compact .wide.field:last-child input {
  -webkit-border-radius: 0 0.285714rem 0.285714rem 0;
  -moz-border-radius: 0 0.285714rem 0.285714rem 0;
  border-radius: 0 0.285714rem 0.285714rem 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-left: none;
}
.field .mini.ui.button {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
.compact td .ui.tiny.button {
  font-size: 0.7rem;
  padding: 0.5em 0.6em;
}
.form .ui.table {
  margin-bottom: 1em;
}
.ui.message {
  background: #f8f8f8;
}
.select2-dropdown.select2-dropdown--below {
  top: -14px;
}
.select2-container {
  width: 100%;
}
.select2-container .select2-choice {
  background: #fff;
  box-shadow: inset 2px 2px 4px #eee;
  border: 1px solid rgba(39, 41, 43, 0.15);
}
.select2-container .select2-choice .select2-arrow {
  border-left: 1px solid rgba(39, 41, 43, 0.15);
}
.select2-drop-active {
  border: 1px solid rgba(39, 41, 43, 0.15);
  border-top: none;
}
.select2-search {
  padding-left: 0px;
  padding-right: 0px;
}
.select2-search input {
  border: none;
  border-bottom: 1px solid rgba(39, 41, 43, 0.15);
  border-radius: 0;
  box-shadow: inset 2px 2px 4px #eee;
  background: #fff url(select2.png) no-repeat 100% -22px;
}
.ui.table tr.positive,
.ui.table td.positive {
  background: #f6ffd1 !important;
}
.tramo-actions {
  padding-top: 1.53em;
}
.tramo-actions .button {
  line-height: 1.2142em;
  padding: 0.67861em 1em;
  font-size: 1em;
  margin-bottom: 1em;
}
.selectize-input {
  padding: 4px 8px;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  line-height: 17px;
}
.selectize-control.single .selectize-input:after {
  right: 8px;
  margin-top: -2px;
}
.field p.note {
  padding-top: 10px;
  color: #999;
  font-size: 0.8em;
}
.icon.letter {
  background: #b0e69a;
  color: #1a321a;
  padding: 2px;
  height: 1.2em;
  font-size: 1em;
  line-height: 1em;
  width: 1.1em;
  font-family: monospace;
}
.ui.page.grid {
  padding: 1rem;
  margin: 0;
  margin-bottom: 36px;
}
.ui.form .field :disabled,
.ui.form .field.disabled,
.ui.form .field.disabled label {
  opacity: 1;
  border-color: #f0f0f0;
  box-shadow: none;
}
.ui.form input:not([type]),
.ui.form input[type=text],
.ui.form input[type=email],
.ui.form input[type=search],
.ui.form input[type=password],
.ui.form input[type=date],
.ui.form input[type=datetime-local],
.ui.form input[type=tel],
.ui.form input[type=time],
.ui.form input[type=url],
.ui.form input[type=number] {
  color: #000;
  box-shadow: inset 2px 2px 4px #eee;
}
.ui.page.grid {
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
body,
.ui.secondary.segment,
.ui.checkbox label,
.ui.checkbox + label,
.ui.table,
.ui.form .field > label {
  color: #000;
}
.ui.button,
.ui.basic.button {
  color: rgba(0, 0, 0, 0.8);
}
.ui.basic.buttons .button {
  color: rgba(0, 0, 0, 0.8) !important;
}
.ui.teal.button,
.ui.teal.buttons .button {
  color: #fff;
}
.ui.segment.viajeTramo:target {
  background: rgba(255, 255, 0, 0.11) !important;
}
.select2-results li {
  font-size: 0.8em;
}
input[readonly],
input[readonly][disabled] {
  background: transparent !important;
  box-shadow: none !important;
}
input[disabled] {
  box-shadow: none !important;
}
input,
textarea {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: -moz-text;
  -o-user-select: text;
  user-select: text;
  cursor: text;
}
.ui.form .divider.mini {
  margin: 0.5em 0;
}
.ui.button {
  position: relative;
}
.ui.button .floating.label {
  left: 90%;
}
.button.tight {
  padding-right: 0.6rem;
  padding-left: 0.6rem;
}
.icon.number {
  font-family: inherit;
  color: inherit;
  line-height: inherit;
  padding: inherit;
  padding-left: 0;
  padding-right: 0;
  font-weight: bold;
}
.field .mini.wider.ui.button {
  padding-left: 0.78571em;
  padding-right: 0.78571em;
}
.ui.button.total.activeTotal:after,
.ui.button.alert.active:before {
  content: '';
  border-color: #d0d0d0 transparent transparent transparent;
  border-style: solid inset inset inset;
  border-width: 10px;
  height: 0;
  left: 10px;
  position: absolute;
  bottom: -19px;
  width: 0;
}
.ui.button.total.activeTotal.labeled:after,
.ui.button.alert.active.labeled:before {
  left: 40px;
}
.ui.activeTotal.button {
  background-color: #d0d0d0;
  background-image: none;
  box-shadow: 0 0 0 1px transparent inset;
  color: rgba(0, 0, 0, 0.8);
}
.ui.activeTotal.button:hover {
  background-color: #d0d0d0;
  background-image: none;
  color: rgba(0, 0, 0, 0.8);
}
.ui.button.red .red.icon {
  color: #fff !important;
}
.ui.button.green .green.icon {
  color: #fff !important;
}
.ui.button.teal .teal.icon {
  color: #fff !important;
}
.ui.button.orange .orange.icon {
  color: #fff !important;
}
.ui.button.yellow .yellow.icon {
  color: #fff !important;
}
.button.double.labeled .icon.second.incompletos {
  background: #5890bf;
  color: #FFF !important;
  border: 1px solid #fff;
  line-height: 2;
  padding: 0;
}
.ui.button.alert.active.red:before {
  border-top-color: #d44747;
}
.ui.button.alert.active.yellow:before {
  border-top-color: #eabc0e;
}
.ui.button.alert.active.green:before {
  border-top-color: #49b562;
}
.ui.button.alert.active.blue:before {
  border-top-color: #3576ac;
}
.ui.table tr.viaje td {
  border-top-width: 2px;
}
.ui.segments > .segment:not(:first-child) {
  border-top: 1px solid #d4d4d5;
}
.ui.table td.info,
.ui.table tr.info td {
  /*@infoBackgroundColor*/
  background: #E9FAFF !important;
  color: #337b92 !important;
}
.ui.dimmer {
  background: rgba(255, 255, 255, 0.85);
}
.LiquidacionPrecios .ui.form .has-value,
.FacturacionPrecios .ui.form .has-value {
  background: #ffeb3b;
}
.LiquidacionPrecios .ui.form .has-value:focus,
.FacturacionPrecios .ui.form .has-value:focus {
  background: #fff5a1;
}
.LiquidacionPrecios .ui.form:target {
  background: #ccc;
}
.LiquidacionPrecios .ui.form:target .inline-header {
  color: #000;
}
.ui.form select {
  box-shadow: inset 2px 2px 4px #eee;
}
.select2-container .select2-choice > .select2-chosen {
  font-size: 10px;
}
.select2-results {
  padding: 0;
  margin: 0;
}
.FacturacionPrecios .ui.form select,
.FacturacionPrecios .ui.form input {
  font-size: 0.8em;
}
.FacturacionPrecios .fields + .fields {
  margin-top: 0;
}
table.hoverable tr:hover,
.LiquidacionPrecios tr:hover,
.FacturacionPrecios tr:hover {
  background: #efefef;
}
table.hoverable td:hover,
.LiquidacionPrecios td:hover,
.FacturacionPrecios td:hover {
  background: #e1e1e1;
}
.LiquidacionPrecios .inline-header,
.FacturacionPrecios .inline-header {
  font-size: 0.8em;
  color: #999;
}
.ui.labeled.icon.button.double {
  padding-left: 5.5em !important;
}
.ui.labeled.icon.button.triple {
  padding-left: 7.5em !important;
}
.ui.labeled.icon.button.triple .second2 {
  left: 6.5em;
}
.ui.labeled.icon.button > .icon.loading,
.ui.labeled.icon.buttons > .button > .icon.loading {
  background: none;
}
.button.double.labeled .icon.second {
  left: 2.9em;
  background: #fff;
  border-radius: 50%;
  height: 2em;
  width: 2em;
  line-height: 0.5;
  color: #333;
  top: 0.3em;
}
.button.double.labeled .icon.second2 {
  font-size: 0.8em;
  left: 3.5em;
  border-radius: 50%;
  height: 2em;
  width: 2em;
  line-height: 2;
  color: #333;
  top: 0.55em;
  vertical-align: middle;
  border: 1px solid #fff;
  padding: 0;
}
i.positive.icon {
  color: #3c763d !important;
}
i.negative.icon {
  color: #cd2929 !important;
}
i.icon.active.estado {
  box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.2) inset;
  background: rgba(255, 255, 255, 0.8);
}
i.icon.active.estado.forzadoOp {
  box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.2) inset;
  background: rgba(255, 0, 0, 0.09);
}
.ui.button i.icon {
  cursor: pointer;
}
.overflow-hidden {
  overflow: hidden;
}
.ui.modal > .content {
  display: block;
  max-height: 500px;
  overflow: auto;
}
.ui.table tr.opened td {
  border-top-color: #666;
  border-bottom: 1px solid #666;
}
.app-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.panel {
  padding: 1px;
  position: absolute;
  height: auto;
  width: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.panel .resizing {
  background: rgba(255, 255, 255, 0.5);
}
.panel .ui.page.grid {
  padding: 0;
  margin: 0;
}
.panel .panel-content {
  overflow: auto;
  position: absolute;
  height: auto;
  width: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.panel .panel-content .picker__holder {
  position: fixed;
}
.panel.bottom {
  height: 30px;
  top: auto;
  background: #fff;
  z-index: 1;
}
.panel.right {
  left: auto;
}
.panel.top {
  bottom: auto;
}
.panel.left {
  width: 200px;
  right: auto;
}
.panel.resizable {
  padding-top: 5px;
}
.panel.resizable .panel-content {
  top: 5px;
}
.panel .resize-handler {
  background: rgba(240, 240, 240, 0.9);
  height: 5px;
  border-bottom: 1px solid #999;
  cursor: n-resize;
  z-index: 1000;
}
.panel .resize-handler:hover {
  background: #e6e6e6;
}
.slick-cell .tiny.button.cellAction {
  position: absolute;
  right: 0px;
  top: 4px;
}
.slick-cell.actions {
  padding: 0;
}
.slick-cell.actions .tiny.button.cellAction {
  position: relative;
  top: 4px;
}
.panel .main-menu.expand .item span {
  display: none;
}
.panel .main-menu.expand .item {
  min-height: 36px;
  padding: 0.78571em 0.5em;
}
.panel .main-menu.expandhover .item[href] {
  display: none;
}
.panel .main-menu.expandhover:hover {
  box-shadow: 0 3px 13px #333;
}
.panel .main-menu.expandhover:hover .item[href] {
  display: block;
}
.ui.button.tiny.labeled {
  padding-left: 3.07142em !important;
  padding-right: 1em!important;
}
.red {
  color: #d95c5c;
}
.slick-cell .small {
  font-size: 0.8em;
}
.ViajeTable {
  /*.viaje .tiny.button.cellAction {
        top: auto;
        bottom: 10px;
    }
    .viaje .slick-cell {
        vertical-align: bottom;
        line-height: 70px;
        &.estado {
            line-height: 1.5;
        }
    }*/
}
.ViajeTable .icon.warning {
  margin-left: 0;
  margin-top: -5px;
  margin-bottom: 9px;
}
.ViajeTable .dollar {
  margin-right: 0;
  width: 1em;
}
.ViajeTable .tramo .estado {
  padding: 0;
}
.ViajeTable .slick-row.primer-tramo .slick-cell {
  border-top: 1px solid #999;
}
mark {
  background: yellow;
}
.slick-header-column.ui-state-default {
  height: 40px;
  line-height: 40px;
}
.bold {
  font-weight: bold;
}
.slick-row.positive {
  background: #eeffe7 !important;
  color: #3c763d !important;
}
.slick-row.positive .slick-cell {
  border-right-color: #eeffe7;
  border-left-color: #eeffe7;
}
.slick-row.positive:hover {
  background: #dcffcd !important;
  color: #376c38 !important;
}
.slick-row.positive:hover .slick-cell {
  border-right-color: #dcffcd;
  border-left-color: #dcffcd;
}
.slick-row.positive.active {
  background: #caffb4 !important;
  color: #376c38 !important;
}
.slick-row.positive.active .slick-cell {
  border-right-color: #caffb4;
  border-left-color: #caffb4;
}
.slick-row.info {
  background: #E9FAFF !important;
  color: #337b92 !important;
}
.slick-row.info .slick-cell {
  border-right-color: #E9FAFF;
  border-left-color: #E9FAFF;
}
.slick-row.info:hover {
  background: #cff4ff !important;
  color: #2c6b7f !important;
}
.slick-row.info:hover .slick-cell {
  border-right-color: #cff4ff;
  border-left-color: #cff4ff;
}
.slick-row.info.active {
  background: #b6eeff !important;
  color: #2c6b7f !important;
}
.slick-row.info.active .slick-cell {
  border-right-color: #b6eeff;
  border-left-color: #b6eeff;
}
.slick-row.warning {
  background: #fffbe6 !important;
  color: #7d6c00 !important;
}
.slick-row.warning .slick-cell {
  border-right-color: #fffbe6;
  border-left-color: #fffbe6;
}
.slick-row.warning:hover {
  background: #fff7cc !important;
  color: #6e5f00 !important;
}
.slick-row.warning:hover .slick-cell {
  border-right-color: #fff7cc;
  border-left-color: #fff7cc;
}
.slick-row.warning.active {
  background: #fff3b3 !important;
  color: #6e5f00 !important;
}
.slick-row.warning.active .slick-cell {
  border-right-color: #fff3b3;
  border-left-color: #fff3b3;
}
.slick-row.danger {
  background: #fff0f0 !important;
  color: #4e1414 !important;
}
.slick-row.danger .slick-cell {
  border-right-color: #fff0f0;
  border-left-color: #fff0f0;
}
.slick-row.danger:hover {
  background: #ffd7d7 !important;
  color: #4e1414 !important;
}
.slick-row.danger:hover .slick-cell {
  border-right-color: #ffd7d7;
  border-left-color: #ffd7d7;
}
.slick-row.danger.active {
  background: #ffbdbd !important;
  color: #4e1414 !important;
}
.slick-row.danger.active .slick-cell {
  border-right-color: #ffbdbd;
  border-left-color: #ffbdbd;
}
.slick-row.negative {
  background: #fff0f0 !important;
  color: #cd2929 !important;
}
.slick-row.negative .slick-cell {
  border-right-color: #fff0f0;
  border-left-color: #fff0f0;
}
.slick-row.negative:hover {
  background: #ffd7d7 !important;
  color: #b82525 !important;
}
.slick-row.negative:hover .slick-cell {
  border-right-color: #ffd7d7;
  border-left-color: #ffd7d7;
}
.slick-row.negative.active {
  background: #ffbdbd !important;
  color: #b82525 !important;
}
.slick-row.negative.active .slick-cell {
  border-right-color: #ffbdbd;
  border-left-color: #ffbdbd;
}
.slick-cell .tag {
  font-size: 0.7em;
  background: #fff;
  position: absolute;
  right: 2px;
  top: 8px;
  padding: 0px 4px;
  text-align: center;
  line-height: 1.5;
}
.slick-cell .tag.grey {
  color: #fff;
  background: #666;
}
.slick-cell .tag-inline {
  font-size: 0.7em;
  background: #fff;
  padding: 0px 4px;
  text-align: center;
  line-height: 1.5;
}
.slick-cell.editable-if-row,
.slick-cell.editable {
  z-index: 11;
  overflow: visible;
  border-color: #fff;
}
.slick-cell.editable-if-row.active,
.slick-cell.editable.active {
  padding: 0;
}
.slick-cell.editable-if-row .ui.form,
.slick-cell.editable .ui.form,
.slick-cell.editable-if-row input,
.slick-cell.editable input {
  height: 100%;
}
.ui.labeled.input input,
.ui.input input {
  padding-right: 0 !important;
}
.ui.labeled.icon.button > .icon.inline {
  position: relative;
  top: auto;
  background: none;
  height: 0.9em;
  width: 1.23em;
}
select option {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
}
.select2-results,
.app-menu {
  overflow-y: auto;
}
.select2-results::-webkit-scrollbar,
.app-menu::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
}
.select2-results::-webkit-scrollbar-track,
.app-menu::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.select2-results::-webkit-scrollbar-thumb,
.app-menu::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
}
.ui.menu.fluid.expand {
  z-index: 999;
  position: relative;
}
.slick-row.grey {
  background: #eeeff1;
}
.slick-row.grey .slick-cell {
  border-color: #eeeff1;
  color: #586470;
}
.editable .slick-cell.editable-if-row,
.slick-cell.editable {
  background: url('pencil.png') right 10px center no-repeat;
}
.editable .slick-cell.editable-if-row:empty,
.slick-cell.editable:empty {
  background-position: center center;
}
.ui.menu .green.item {
  color: #5bbd72 !important;
}
.ui.modals.page .ui.modal {
  position: absolute;
}
.ui.modals.page .ui.modal.fullscreen {
  top: 5%;
  bottom: 5%;
}
.ui.modals.page .ui.modal.fullscreen-bigger {
  top: 2%;
  bottom: 2%;
  width: 98% !important;
  left: 1% !important;
  right: 1%;
  height: 96%;
  margin: 0;
}
.ui.modals.page .ui.modal.fullscreen-bigger > .content {
  padding: 1em;
}
.ui.modals.page .ui.modal.large {
  top: 10%;
  bottom: 10%;
}
.ui.modals.page .ui.modal.medium {
  top: 10%;
  bottom: 10%;
}
.ui.modals.page .ui.modal.small {
  top: 20%;
  bottom: 20%;
}
.ui.modals.page .ui.modal > .header,
.ui.modals.page .ui.modal > .content,
.ui.modals.page .ui.modal > .actions {
  position: absolute;
  left: 0;
  right: 0;
}
.ui.modals.page .ui.modal > .header {
  height: 65px;
}
.ui.modals.page .ui.modal > .content {
  top: 65px;
  bottom: 65px;
  max-height: 100%;
}
.ui.modals.page .ui.modal > .actions {
  height: 65px;
  bottom: 0;
}
.slick-grid-wrapper {
  top: 12px;
  border: 1px solid #ccc;
  right: 6px;
}
.slick-grid-wrapper .loading {
  background: url('/src/images/loader-24-000000-FFFFFF.gif') center center no-repeat;
}
.slick-grid-wrapper,
.slick-grid {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
}
.slick-viewport {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.all-products {
  background: url('/src/images/loader-24-000000-FFFFFF.gif') center center no-repeat;
}
.slick-grid {
  top: 0;
  right: 0;
}
.grid-commands + .slick-grid-wrapper {
  top: 36px;
}
.slick-grid * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  *behavior: none;
}
.slick-header {
  background-color: #fff;
}
.slick-header {
  background-color: #e6e6e6;
  border-bottom: 1px solid #fff;
}
.slick-header-columns {
  color: #2b0707;
  border-bottom: 1px solid #ccc;
}
.slick-header-columns .slick-header-column.ui-state-default {
  font-size: 1.16em;
  line-height: 24px;
  border-color: #ccc;
}
.slick-header-columns .sortable:hover {
  background-color: #d9d9d9;
  cursor: pointer;
}
.slick-header-columns .slick-header-column-sorted {
  background-color: #e0e0e0;
  font-style: normal;
}
.slick-header-columns .slick-sort-indicator {
  display: block;
  height: 5px;
  margin-left: 0;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 8px;
}
.slick-header-columns .align-left .slick-sort-indicator {
  left: 6px;
}
.slick-header-columns .align-right .slick-sort-indicator {
  right: 6px;
}
.slick-header-sortable {
  text-decoration: underline;
  cursor: pointer;
}
.slick-rows-count_value {
  margin-right: 6px;
}
.slick-cell.invalid:after {
  background-color: #FFFFFF;
  border-left: 1px solid red;
  border-top: 1px solid red;
  width: 10px;
  height: 10px;
  left: 10px;
  position: absolute;
  top: 31px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  content: ' ';
}
.slick-cell.invalid:before {
  background-color: #FFFFFF;
  border: 1px solid red;
  -webkit-box-shadow: 0 0 2px rgba(255, 0, 0, 0.5);
  -moz-box-shadow: 0 0 2px rgba(255, 0, 0, 0.5);
  box-shadow: 0 0 2px rgba(255, 0, 0, 0.5);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  color: red;
  content: attr(data-error);
  font-size: 12px;
  left: -1px;
  padding: 4px;
  position: absolute;
  top: 36px;
}
.slick-empty:before {
  color: #bfbfbf;
  content: attr(data-empty-msg);
  font-size: 2em;
  left: 0;
  padding: 12px;
  position: absolute;
  top: 36px;
}
.slick-row {
  background-color: #fff;
}
.slick-row .slick-cell {
  border-bottom-color: #e6e6e6;
}
.slick-row:hover {
  background: #fcfcfc;
}
.slick-row:hover .slick-cell {
  border-color: #fcfcfc;
  border-bottom-color: #e6e6e6;
}
.slick-row.active {
  background: #eeeff1;
}
.slick-row.active .slick-cell {
  border-color: #eeeff1;
  color: #586470;
}
.slick-row.active .slick-cell .app-highlight-search {
  color: #aa1d1a;
}
.slick-cell input {
  margin: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.slick-editor-input {
  border: none;
  height: 100%;
  padding: 0;
  width: 100%;
}
.slick-editor-input:focus {
  background: #fff;
}
.slick-cell {
  line-height: 24px;
}
.slick-cell .tiny.button {
  font-size: 0.7rem;
  padding: 0.5em 0.6em;
}
.slick-cell,
.slick-headerrow-column {
  border-right-style: solid;
  border-color: #fff;
  padding: 4px;
}
.slick-grid.loading .slick-viewport {
  opacity: 0.2;
}
.slick-bottom,
.slick-bottom-big {
  bottom: -23px;
  position: absolute;
  right: 6px;
  left: 6px;
}
.slick-bottom-big {
  height: 35px;
  bottom: -36px;
}
.slick-wrapper-has-bottom {
  bottom: 30px;
}
.slick-wrapper-has-bottom-big {
  bottom: 40px;
}
.ViajeTable .showTramos {
  display: inline;
}
.panel.top .overflow-visible .ui.segment {
  background-color: rgba(255, 255, 255, 0.9);
}
.ui.modals.page .ui.modal {
  top: 10%;
}
.ui.form .field > label {
  overflow: hidden;
  height: 1.5em;
  word-break: break-all;
}
@media only screen and (max-height: 550px) {
  .ui.modals.page .ui.modal {
    top: 0 !important;
    bottom: 0 !important;
    margin-bottom: 0;
    height: 100% !important;
  }
  .ui.modals.page .ui.modal,
  .ui.modal > .icon:first-child + *,
  .ui.modal > :first-child:not(.icon),
  .ui.modal > :last-child {
    border-radius: 0 !important;
  }
}
.ui.dimmer .ui.loader:before {
  border-color: rgba(29, 29, 29, 0.15);
}
.EmailLoader .ui.fitted.divider {
  margin-top: 20px;
  margin-bottom: 20px;
}
.slick-row.FacturablesFueraDeFiltro .fecha,
.slick-row.LiquidablesFueraDeFiltro .fecha {
  background: #d95c5c;
  color: #fff;
}
.slick-row.FacturablesFueraDeFiltro .checkBoxSelect,
.slick-row.LiquidablesFueraDeFiltro .checkBoxSelect {
  background: #d95c5c;
}
.PresentaVoucher h4.header {
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  border-top: 1px solid #eee;
  padding-top: 15px;
}
.PresentaVoucher .opciones {
  margin-top: 20px;
}
.form .AccionRespuestaPedidoTop .fields + .fields {
  margin-top: 0.5em;
}
.tramo-anulado-tag,
.tramo-negativo-tag {
  padding: 0 3px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 10px;
  display: inline-block;
}
.tramo-anulado-tag {
  color: #fff;
  background: #666;
}
.tramo-negativo-tag {
  color: #fff;
  background: #d95c5c;
}
.slick-cell {
  padding: 0 4px;
}
.slick-cell .tramo-anulado-tag,
.slick-cell .tramo-negativo-tag {
  line-height: 19px;
  vertical-align: middle;
}
.notificacion-inner-wrapper .ui.small.message {
  margin: 0.5em 0;
}
.notificacion-inner-wrapper .notificacion-handler {
  position: absolute;
  right: 18px;
  top: 3px;
  z-index: 99;
}
.notificacion-inner-wrapper .notificacion-handler i {
  cursor: pointer;
  background: #fff;
}
.notificacion-inner-wrapper .notificacion-handler.notificacion-novedades {
  background: #da5c5b;
  border-radius: 20px;
  padding-right: 13px;
  color: #fff;
  padding-left: 5px;
}
.notificacion-inner-wrapper .notificacion-content {
  min-width: 20%;
  max-width: 40%;
  display: none;
  overflow-y: auto;
  position: absolute;
  border: #ccc;
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  padding: 5px;
  right: 17px;
  top: 16px;
}
.notificacion-inner-wrapper .notificacion-content.open {
  display: block;
  max-height: 90%;
}
.chat-inner-wrapper .ui.vertical.menu {
  overflow-y: auto;
  height: 100%;
  width: 130px;
}
.chat-inner-wrapper .ui.vertical.menu::-webkit-scrollbar {
  width: 4px;
  /* for vertical scrollbars */
}
.chat-inner-wrapper .ui.vertical.menu::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.chat-inner-wrapper .ui.vertical.menu::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
}
.chat-inner-wrapper .ui.vertical.menu .item {
  padding: 5px;
  text-align: left;
  overflow: hidden;
}
.chat-inner-wrapper .ui.vertical.menu .item img {
  max-width: 30px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.chat-inner-wrapper .ui.vertical.menu .novedades {
  background: #fff5f2;
  color: #d95c5c;
}
.chat-inner-wrapper .chat-handler {
  position: absolute;
  right: 100px;
  top: 3px;
  z-index: 99;
}
.chat-inner-wrapper .chat-handler i {
  cursor: pointer;
  background: #fff;
}
.chat-inner-wrapper .chat-handler.chat-novedades {
  background: #da5c5b;
  border-radius: 20px;
  padding-right: 13px;
  color: #fff;
  padding-left: 5px;
}
.chat-inner-wrapper .chat-content {
  display: none;
  position: absolute;
  border: #ccc;
  width: 500px;
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  padding: 5px;
  right: 17px;
  top: 16px;
  bottom: 20px;
}
.chat-inner-wrapper .chat-content.open {
  display: block;
}
.chat-inner-wrapper .chat-messages {
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px;
  bottom: 50px;
  left: 140px;
  overflow: auto;
  background: #e3e3e3;
}
.chat-inner-wrapper .chat-messages .chat-message-date {
  font-size: 0.7em;
  color: #ccc;
}
.chat-inner-wrapper .chat-messages .chat-message {
  margin-bottom: 5px;
  border: 1px solid #ccc;
  padding: 1px 3px;
}
.chat-inner-wrapper .chat-messages .chat-message.suyo {
  background: #fff;
  margin-right: 20px;
  border-radius: 0 4px 4px 4px;
}
.chat-inner-wrapper .chat-messages .chat-message.mio {
  background: #DBFBC5;
  border-color: #a0f466;
  margin-left: 20px;
  border-radius: 4px 0 4px 4px;
}
.chat-inner-wrapper .chat-escribir {
  background: #f3f3f3;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 5px;
  height: 50px;
  left: 140px;
}
.chat-inner-wrapper .chat-escribir textarea {
  position: absolute;
  resize: none;
  top: 4px;
  left: 4px;
  right: 4px;
  width: 85%;
  bottom: 4px;
  min-height: auto;
  height: auto;
  padding: 4px;
}
.chat-inner-wrapper .chat-escribir textarea[disabled] {
  background: none;
}
.chat-inner-wrapper .chat-escribir button {
  position: absolute;
  right: 4px;
  top: 8px;
}
.picker__holder {
  margin-left: 33%;
}
.fileupload {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.fileupload .icon {
  margin-right: 5px;
}
.fileupload input {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}
table.usuarios-permisos td .checkbox {
  width: 100%;
}
table.usuarios-permisos td .checkbox label {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.slick-cell i.abrirEmail {
  position: absolute;
  right: 27px;
  top: 6px;
  text-shadow: 0 0 9px #fff;
  cursor: pointer;
}
.slick-cell i.abrirEmail:hover {
  font-size: 1.1em;
  right: 26px;
  top: 5px;
}
.ui.form.compact .fields + .fields {
  margin-top: 0;
}
.tipoTramoCambiarCmp {
  margin-bottom: 5px;
}
.tipoTramoCambiarCmp.current {
  border: 1px solid #eee;
  padding: 5px;
}
.button.delete {
  background: none;
  margin-left: 10px;
}
.emailPreviewCmp.odd {
  background: #fbfbfb;
  margin-top: 20px;
  padding-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.emailPreviewCmp .adjuntosCmp .button.mini {
  padding: 7px;
}
.emailPreviewCmp .adjuntosCmp .ui.list {
  margin-top: 0;
  border-bottom: 1px solid rgba(39, 41, 43, 0.15);
  border-top: 1px solid rgba(39, 41, 43, 0.15);
  padding: 3px 0;
}
.emailPreviewCmp .adjuntosCmp .ui.list .item {
  line-height: 2;
}
.emailPreviewCmp .adjuntosCmp .ui.list .content {
  max-width: 70%;
  word-wrap: break-word;
}
.tablero.total {
  margin-right: 30px;
}
.tablero.total:before {
  content: '';
  border-color: transparent transparent transparent #e0e0e0;
  border-style: inset inset inset solid;
  border-width: 10px;
  height: 0;
  right: -30px;
  position: absolute;
  top: 9px;
  width: 0;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.ui.celled.table tr td.ui.form {
  padding: 2px;
}