/*groups*/

* {
    margin: 0;
    padding: 0;
    outline: none;
}

.repcon-box.v-group {
    position: relative;
    display: flex !important;
    flex-wrap: wrap;
}

.repcon-box.v-group>.r-graph {
    flex-grow: 1;
}

.repcon-box.v-group>h2 {
    width: 100%;
    padding: .8rem 1.9rem;
}

.repcon-box.v-group>h2~.controls-group {
    margin-top: -1rem;
}

.repcon-box.v-group>div {
    max-width: none;
    width: 50%;
    flex-grow: 1;
}

.repcon-box.v-group.r-separator>div[class*="-group"]:not(:last-of-type):not(.head-group):not([style*='100']) {
    border-right: 1px solid #e0e0e0;
}

.repcon-box.v-group.r-separator>div[class*="-group"][style*='100']:not(:last-of-type):not(.head-group) {
    border-bottom: 1px solid #e0e0e0;
}

.repcon-box.v-group.type-s>div {
    width: auto;
    overflow: visible;
}

.repcon-box .h-group {
    position: relative;
    width: auto;
}

.repcon-box .h-group>h2 {
    padding: .8rem 1.9rem;
}

.repcon-box .h-group.r-separator>div[class*="-group"]:not(:last-of-type):not(.head-group) {
    border-bottom: 1px solid #e0e0e0;
}

.repcon-box.collapsible.r-separator>.v-group>.h-group:not(:last-of-type) {
    border-right: 1px solid #e0e0e0;
}

.repcon-box.collapsible.r-separator>.h-group:not(:last-of-type) {
    border-bottom: 1px solid #e0e0e0;
}

.repcon-box.b-group .r-control {
    width: auto;
    display: block;
}

.repcon-box.b-group .repcon-box.inline-elem {
    display: flex !important;
}

.repcon-box.b-group.controls-group div>span+input {
    width: calc(85%) !important;
}

.repcon-box.i-group .r-control {
    display: flex !important;
    align-items: flex-start;
    width: auto !important;
}

.repcon-box.i-group .r-control:not(.has-actions)>*:last-child {
    margin-right: 1.6rem;
}

.repcon-box.i-group .r-control label {
    width: 100%;
}

.repcon-box .controls-group.i-group .actions {
    order: 2;
    padding: .2rem 0;
}

.repcon-box .controls-group.i-group textarea,
.repcon-box .controls-group.i-group .cke {
    order: 1;
    margin-left: .5em;
}

.repcon-box.controls-group {
    padding: 1rem 0;
}

.repcon-box.controls-group>.head-group {
    margin-top: -1rem;
}

.repcon-box.controls-group>h2 {
    padding: .3rem 1.9rem;
}

.repcon-box.controls-group>.r-control+div[class*='-group'] {
    margin-top: 1rem;
}

.repcon-box .head-group {
    display: flex !important;
    justify-content: space-between;
    padding: 1rem 1.4rem;
    position: relative;
    z-index: 10;
    width: 100%;
}

.repcon-box .head-group+.controls-group {
    padding-top: 0;
}

.repcon-box.n-group .repcon-box.r-control {
    width: 23.799rem;
    display: inline-block !important;
}


/*BOX*/


/*LOGIN*/


/*CHILDREN MENU*/


/*CABECERA USUARIO*/


/*arreglos para krp20: degradado de usuario*/

.repcon-box.r-box {
    position: relative;
    width: calc(25% - .8em);
    box-sizing: border-box;
    padding: 0 !important;
    margin: .4em;
    background: #fff;
    display: inline-block;
}

.repcon-box.r-box>.main-section {
    border-bottom: 0;
    padding: 1.5em;
    height: 100%;
}

.repcon-box.r-box>.main-section h3 {
    margin-bottom: .2em;
}

.repcon-box.r-box>.main-section>p {
    position: relative;
    overflow: hidden;
    line-height: 1.5em;
    margin-bottom: 10px;
    white-space: pre-wrap;
    text-align: left;
}

.repcon-box.r-box>.main-section div:last-of-type {
    border-bottom: 0;
}

.repcon-box.r-box>.image-section {
    position: relative;
    height: 12em;
    padding: 0;
    overflow: hidden;
}

.repcon-box.r-box>.image-section.has-shadow:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 5em;
    pointer-events: none;
    background-image: linear-gradient(-90deg, rgba(68, 68, 68, 0.25) -10%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(-90deg, rgba(68, 68, 68, 0.25) -10%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgba(68, 68, 68, 0.25) -10%, rgba(0, 0, 0, 0) 100%);
    background-image: -moz-linear-gradient(-90deg, rgba(68, 68, 68, 0.25) -10%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(-90deg, rgba(68, 68, 68, 0.25) -10%, rgba(0, 0, 0, 0) 100%);
}

.repcon-box.r-box>.image-section .image-wrapper {
    overflow: hidden;
    height: 100%;
    position: absolute;
    width: 100%;
    /*-webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;*/
    padding: .5rem 1.5rem;
}

.repcon-box.r-box>.image-section .image-wrapper[class*='-font-icon'] {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.repcon-box.r-box>.image-section .image-wrapper .image-cover {
    background-size: cover !important;
    background-position: center !important;
    width: 100%;
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
}

.repcon-box.r-box>.image-section .image-wrapper .image-cover.default-document {
    background: url(../imgs/filetype/default-document.png) no-repeat;
}

.repcon-box.r-box>.image-section .image-wrapper .image-cover.default-folder {
    background: url(../imgs/filetype/default-folder.png) no-repeat;
}

.repcon-box.r-box>.image-section .image-wrapper .image-cover.default-photo {
    background: url(../imgs/filetype/default-image.png) no-repeat;
}

.repcon-box.r-box>.image-section .image-wrapper .image-cover.default-notFound {
    background: url(../imgs/filetype/default-notFound.png) no-repeat;
}

.repcon-box.r-box>.image-section .image-wrapper .image-cover.default-new {
    background: url(../imgs/filetype/default-new.png) no-repeat;
}

.repcon-box.r-box>.image-section .image-wrapper .image-cover.default-knowledgearticle {
    background: url(../imgs/filetype/default-knowledgearticle.png) no-repeat;
}

.repcon-box.r-box>.image-section .image-wrapper .image-cover.default-progressreport {
    background: url(../imgs/filetype/default-progressreport.png) no-repeat;
}

.repcon-box.r-box>.image-section .image-wrapper .image-cover.default-permission {
    background: url(../imgs/filetype/default-permission.png) no-repeat;
}

.repcon-box.r-box>.image-section .image-wrapper .image-cover.default-privilege {
    background: url(../imgs/filetype/default-privilege.png) no-repeat;
}

.repcon-box.r-box>.image-section .image-wrapper .image-cover.default-administration {
    background: url(../imgs/filetype/default-administration.png) no-repeat;
}

.repcon-box.r-box>.image-section .image-wrapper .image-cover.default-project {
    background: url(../imgs/filetype/default-project.png) no-repeat;
}

.repcon-box.r-box>.image-section .image-wrapper .image-cover.default-rss {
    background: url(../imgs/filetype/default-rss.png) no-repeat;
}

.repcon-box.r-box>.image-section .image-wrapper .image-cover.default-slide {
    background: url(../imgs/filetype/default-slide.png) no-repeat;
}

.repcon-box.r-box>.image-section .image-wrapper .image-cover.default-user {
    background: url(../imgs/filetype/default-user.png) no-repeat;
}

.repcon-box.r-box>.image-section .image-wrapper .image-cover.default-video {
    background: url(../imgs/filetype/default-video.png) no-repeat;
}

.repcon-box.r-box>.image-section .image-wrapper .image-cover [class*='default-'] {
    height: 100%;
    background-position: center;
    background-size: cover;
    display: block !important;
}

.repcon-box.r-box>.image-section>ul {
    position: relative;
    float: left;
    z-index: 2;
}

.repcon-box.r-box>.image-section>ul>li {
    padding: .5rem;
    margin: 0;
}

.repcon-box.r-box>.image-section>ul>li p:before {
    margin: 0;
}

.repcon-box.r-box>.image-section .actions {
    float: right;
}

.repcon-box.r-box>.image-section .actions .menu-font-icon:before {
    color: #fff;
}


/*te detecta dimensiones de la imagen y añade la clase*/

.repcon-box .image-section .image-wrapper.h-img img {
    height: 100%;
    width: auto;
    max-width: none;
}

.repcon-box .image-section .image-wrapper.s-img img {
    height: auto;
    top: 50%;
    transform: translateY(-50%);
}

.repcon-box .image-section .image-wrapper.v-img img {
    min-width: 100%;
    height: auto !important;
    transform-origin: center;
    min-height: 100%;
}

.repcon-box .image-section:hover .image-wrapper.s-img img {
    transform: scale(1.1) translateY(-50%) !important;
}

.repcon-box.r-box>.image-section>ul>li p:before {
    margin: 0;
}

.info-icons {
    pointer-events: none;
    padding: .8rem 1rem;
    color: #fff;
}

.info-icons li {
    display: inline-block;
    padding: 0 !important;
    color: #fff;
}

.info-icons li:after {
    display: block;
}

.info-icons li+li {
    margin-left: .5rem !important;
}

.social {
    padding: 1rem;
    border-top: 1px solid #e0e0e0;
    text-align: center;
    width: 100%;
}

.social>ul {
    display: flex;
}

.social>ul>li {
    padding: 0;
    flex-grow: 1;
    text-align: center;
}

.social>ul>li p {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 50px;
    overflow: hidden;
}

.social>ul>li p:before {
    /*font-size: @fontSizeh3;*/
}

.social>ul>li p.active:before {
    color: #2196F3;
}

.repcon-box.r-box .list-elements {
    overflow: hidden;
}

.repcon-box.r-box .list-elements .repcon-element>div>p {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.repcon-box.r-control.list-box {
    width: 100% !important;
}

.repcon-box.r-box .main-section .repcon-box {
    padding: .5rem 0rem;
}

.repcon-box.r-box div[class*='-section'] .repcon-element+.repcon-element {
    margin-top: .5rem;
}


/*CHILDREN MENU*/

.repcon-box.r-box .menu-parent {
    height: auto !important;
    margin: 0 -1.5em;
}

.repcon-box.r-box .menu-parent.image-menu .repcon-element div {
    max-width: 100%;
}

.repcon-box.r-box .menu-parent.image-menu .repcon-box.list-box .actions {
    margin-right: 0px;
}

.repcon-box.r-box .menu-parent.image-menu ul.actions li {
    background: white;
    margin-bottom: 0.1rem;
}


/*CABECERA USUARIO*/

.repcon-box .r-box .image-section img.background-image {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}

.repcon-box .r-box .image-section .has-caption.image-wrapper {
    bottom: 0;
    padding: .5rem 1.5rem;
    /*height: auto;*/
    flex-flow: nowrap;
}

.repcon-box .r-box .image-section .has-caption.image-wrapper[class*='font-icon']:before {
    top: inherit;
    left: inherit;
    transform: inherit;
    position: relative;
}

.repcon-box .r-box .image-section div[class*='font-icon']:before {
    font-size: 5vw;
    display: block;
}

.repcon-box .r-box .image-section img.url-icon {
    background: #fff;
}

.repcon-box.r-box .image-section .block.image-wrapper {
    display: flex;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center;
}

.repcon-box.r-box .image-section .block.image-wrapper p {
    text-align: center;
}

.repcon-box.r-box .image-section .block.image-wrapper.has-caption {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    height: auto;
}

.repcon-box.r-box .image-section .block.image-wrapper.has-caption:before {
    line-height: inherit;
    margin-right: 0;
}

.repcon-box.r-box .image-section .block.image-wrapper:before {
    font-size: 5rem !important;
    background: none;
}

.repcon-box.r-box .image-section .block.image-wrapper img {
    width: 100px;
    height: 100px;
    border-radius: 200px;
    text-align: center;
    margin: 0 auto;
    max-width: none;
    max-height: none;
}

.repcon-box.r-box .image-section .block.image-wrapper[class*='font-icon']:before {
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    height: auto;
}

.repcon-box.r-box .image-section .block.image-wrapper.has-caption[class*='font-icon'] {
    height: 100%;
}

.repcon-box.r-box .image-section .inline.image-wrapper {
    bottom: 0;
    padding: .5rem 1.5rem;
    height: auto !important;
    flex-direction: inherit !important;
    justify-content: flex-start !important;
    display: inline-flex;
    align-items: center;
}

.repcon-box.r-box .image-section .inline.image-wrapper img {
    width: 40px;
    height: 40px;
    border: 1px solid #efefef;
    border-radius: 20px;
    max-width: 100% !important;
    max-height: 100% !important;
    margin-right: .5rem;
}

.repcon-box.r-box .image-section .inline.image-wrapper p {
    text-align: left;
}

.repcon-box.r-box .image-section .inline.image-wrapper:before {
    font-size: 1rem !important;
    line-height: 2.4rem;
    border-radius: 999em;
    min-width: 38px;
    background: #cacaca;
    color: white;
    text-align: center;
    margin-right: .5rem;
}


/*arreglos para krp20: degradado de usuario*/

.r-box .repcon-box.html:after {
    display: none;
}


/*BREADCRUMB*/

.repcon-box .r-breadcrumb:not(.outer) {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: .5rem .9rem !important;
}

.repcon-box .r-breadcrumb>ul {
    display: flex;
}

.repcon-box .r-breadcrumb li.repcon-element {
    display: inline-flex;
}

.repcon-box .r-breadcrumb li.repcon-element:not(:last-of-type):after {
    content: '\f107';
    display: block !important;
    font-family: icons;
    line-height: 1.2rem;
}

.repcon-box .r-breadcrumb li.repcon-element>div>p {
    padding: .2rem .5rem !important;
    border-radius: 2px;
    transition: background .2s ease;
    font-size: 0.8rem;
}

.repcon-box .r-breadcrumb li.repcon-element>div>p:before {
    margin-right: .3rem;
}

.repcon-box .r-breadcrumb li.repcon-element>div>p:hover[onclick] {
    background: rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

body>.select-box.outer.r-breadcrumb {
    width: auto !important;
    margin-top: -8px;
}

body>.select-box.outer.r-breadcrumb>ul:not(.actions) {
    transform: scale(0) !important;
}

body>.select-box.outer.r-breadcrumb>ul.list-active {
    transform: scale(1) !important;
}

body>.select-box.outer.r-breadcrumb li {
    padding: 0;
    white-space: nowrap;
}

body>.select-box.outer.r-breadcrumb li p {
    padding: .8rem 3.3rem .8rem 1.7rem;
}


/*BUTTONS*/

.repcon-box .button-elem {
    margin: .5rem;
    display: inline-block;
    vertical-align: middle;
}

.repcon-box .button-elem p {
    background: #777;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-width: 5em;
    padding: .8em 1.8em;
    transition: all .15s;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.repcon-box .button-elem p:hover,
.repcon-box .button-elem p:focus {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    outline: none;
}

.repcon-box .button-elem p.ok-font-icon {
    background: #009688 !important;
}

.repcon-box .button-elem p.cancel-font-icon {
    background: #e74c3c !important;
    color: #fff !important;
}

.repcon-box .button-elem p[class*='font-icon'] {
    text-indent: .5rem;
}

.repcon-box .button-elem.line-button p {
    box-shadow: none;
    border: 2px solid #777;
    color: #777;
    background: transparent;
}

.repcon-box .button-elem.line-button p:hover,
.repcon-box .button-elem.line-button p:focus {
    border: 2px solid #3d3d3d;
    box-shadow: none;
}

.repcon-box .button-elem.line-button p.ok-font-icon {
    border: 2px solid #009688;
    color: #009688;
}

.repcon-box .button-elem.line-button p.cancel-font-icon {
    border: 2px solid #e74c3c;
    color: #e74c3c;
}

.repcon-box .button-elem.line-button:hover p,
.repcon-box .button-elem.line-button:focus p {
    color: #3d3d3d;
    background: transparent;
}

.repcon-box .button-elem.text-button p {
    color: inherit;
    background: transparent;
    box-shadow: none;
}

.repcon-box .button-elem.text-button p:hover,
.repcon-box .button-elem.text-button p:focus {
    background: #ccc;
    box-shadow: none;
}

.repcon-box .button-elem.flat-button p {
    box-shadow: none;
}

.repcon-box .button-elem.flat-button p:hover,
.repcon-box .button-elem.flat-button p:focus {
    box-shadow: none;
}

.repcon-box .button-elem *:empty {
    padding-right: 1.8em;
}

.repcon-box .button-elem *:empty:before {
    margin-right: 0 !important;
}

.repcon-box .button-elem *>span+span {
    margin-left: 1em;
}

.repcon-box .button-elem.disabled p,
.repcon-box .button-elem.disabled:hover>p,
.repcon-box .button-elem.disabled:focus>p {
    box-shadow: none;
    background: #f0f0f0;
    color: #ccc;
}

.repcon-box .button-elem:hover>p {
    background: #777;
}

.repcon-box .menu-button>*>span:before {
    content: '\f179';
    font-family: icons;
    color: #777;
    line-height: 2.9em;
}

.repcon-box .menu-button>p {
    background: #fff !important;
    border-radius: 999em;
    width: 2.9em;
    padding: 0;
    min-width: 0;
    display: inline-block;
    height: 2.9em;
}

.repcon-box .button-elem[style*='text-align'] p {
    text-align: inherit;
}

.repcon-box .button-elem[style*='background']>p {
    background: inherit;
}

.repcon-box .text-button+.text-button {
    margin-left: -0.5rem;
}


/*CALENDAR*/

.r-full-calendar {
    overflow: hidden;
    min-height: 80vh;
    /* con esto mantenemos el scroll donde está */
    box-shadow: 0 0 0 1px #ddd;
    background: white;
}

.schedule-wrapper {
    display: flex;
    width: 300%;
    left: -100%;
    position: relative;
    margin-left: 0;
    transition: margin-left 0.4s cubic-bezier(0.55, 0, 0.1, 1);
}


/*.schedule-wrapper {*/

.year-wrapper {
    display: flex;
    flex-wrap: wrap;
    min-height: 80vh;
    width: 100%;
}

.s-month {
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;
    box-shadow: 0 1px 2px #ccc;
    position: relative;
    background: white;
}

.day-labels {
    width: 100%;
}

.r-day,
.day-labels>div {
    width: 14.2857%;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    -moz-user-select: none;
    position: relative;
    font-size: .9rem;
    /*box-shadow: 0 0 0 1px;*/
}

.r-day {
    cursor: pointer;
}

.r-full-calendar.disabled .r-day,
.r-full-calendar .r-day.disabled {
    cursor: default;
}

.r-day:not(:empty):after {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
    transition: background .2s ease;
}

.r-day:not(:empty):hover:after {
    background: rgba(0, 0, 0, 0.1);
}

.r-full-calendar.disabled .r-day:not(:empty):hover:after,
.r-full-calendar .r-day.disabled:not(:empty):hover:after {
    background: rgba(0, 0, 0, 0);
}

.r-day.marked {
    background: #eee;
    cursor: pointer;
}

.r-today {
    box-shadow: 0 0 0 1px #bbb inset;
}

.month-label {
    width: 100%;
    text-align: center;
}

.year-label {
    width: auto;
    text-align: center;
    padding: 1rem;
    background-color: #f9f9f9;
}

.year-label h2:before {
    margin-right: .5rem;
}

.r-full-calendar h2[class*="-font-icon"]:after {
    display: none;
}

@media screen and (max-width: 800px) {
    .schedule-wrapper {
        width: calc(117%);
        left: auto;
        flex-wrap: wrap;
        max-height: calc(76.3vh);
        overflow: auto;
    }
    .year-label {
        position: fixed;
        width: 100%;
        background: white;
        z-index: 1;
        top: 0;
        text-align: left;
    }
    .s-month {
        width: 100%;
        height: 50vh;
    }
}


/*CHECKBOX*/

.repcon-box .r-check label {
    padding-left: 0;
    width: 100%;
}

.repcon-box .r-check label p {
    padding-left: 11px;
}

.repcon-box .r-check [disabled]+label:before {
    background: #f0f0f0;
    border-color: #f0f0f0;
}

.repcon-box .r-check :checked+label:before {
    background: #009688;
    border: 1px solid #009688;
    margin-right: 0;
}

.toggleBasic {
    display: inline-block;
    position: absolute;
    content: '';
    right: 0;
    left: auto;
    border: none;
}

.toggle input+label:before {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 999em;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    margin-right: 1.5rem;
    z-index: 1;
    -webkit-transition: margin-right 0.15s, background 0.15s;
    transition: margin-right 0.15s, background 0.15s;
    border: 1px solid #bbb !important;
    display: inline-block;
    position: absolute;
    content: '';
    right: 0;
    left: auto;
    border: none;
}

.toggle input+label:after {
    width: 2.7rem;
    background: #ccc;
    border-radius: 999em;
    margin-right: 0rem;
    transform: inherit;
    height: .9rem;
    display: inline-block;
    position: absolute;
    content: '';
    right: 0;
    left: auto;
    border: none;
}

.toggle input :checked+label:before {
    margin-right: 0rem;
    background: #009688;
}

.toggle input+label>p {
    padding-left: 0 !important;
}

div.toggle-2.repcon-box>input[type=checkbox]+label .toggle-wrapper.alert label {
    max-width: none;
}

.toggle-wrapper {
    background: #ccc;
    border-radius: 0.1rem;
    display: flex;
    overflow: hidden;
    user-select: none;
    transition: background .2s;
}

.toggle-wrapper label {
    margin: 0 !important;
    text-align: center;
    display: block;
    pointer-events: none;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.toggle-wrapper .active label {
    flex-grow: 1;
    flex-basis: 0;
    margin: 0;
}

.toggle-wrapper label:first-of-type,
.toggle-wrapper label:last-of-type {
    padding: .2rem .5rem;
    border-radius: 0.1rem 0 0 0.1rem;
    color: #fff;
}

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

.toggle-2.repcon-box>input+label {
    justify-content: space-between;
}

.toggle-2.repcon-box>input+label .toggle-wrapper label:last-of-type {
    transform: translateX(-100%);
    color: transparent;
    background: transparent;
    transition: all .2s ease;
}

.toggle-2.repcon-box>input+label .toggle-wrapper label:first-of-type {
    transform: translateX(0%);
    color: #fff;
    background: #e74c3c;
    transition: transform .2s ease;
    z-index: 1;
}

.toggle-2.repcon-box>input+label>p {
    padding-left: 0 !important;
}

.toggle-2.repcon-box>input :checked+label .toggle-wrapper label:first-of-type {
    transform: translateX(-100%);
    color: transparent;
    background: transparent;
    transition: all .2s ease;
}

.toggle-2.repcon-box>input :checked+label .toggle-wrapper label:first-of-type {
    transform: translateX(100%);
}

.toggle-2 {
    display: flex;
}

.toggle-2 input+label .toggle-wrapper.alert label:first-of-type {
    display: block;
}

.toggle-2 input:checked+label .toggle-wrapper.alert label:last-of-type {
    display: block;
}

.toggle-2 input:checked+label .toggle-wrapper label:first-of-type {
    transform: translateX(100%);
}

.toggle-2 input:checked+label .toggle-wrapper label:last-of-type {
    transform: translateX(0%);
    color: #fff;
    background: #e74c3c;
    transition: transform .2s ease;
    z-index: 1;
}

.toggle-2 input:checked+label .toggle-wrapper label:last-of-type {
    background: #009688;
}

.toggle-2:hover .toggle-wrapper {
    background: #777;
}

.toggle-2:not(.disabled) input:focus .toggle-wrapper {
    background: #777;
}

.toggle-2.disabled .toggle-wrapper:not(.alert) label {
    background: #777 !important;
}

.toggle-2.disabled {
    pointer-events: none;
}

.toggle-2.required span {
    flex-grow: 1;
}


/*animations*/

@-webkit-keyframes check-animation {
    0% {
        height: 0px;
        left: 10px;
        width: 0px;
    }
    100% {
        height: 10px;
        left: 6px;
        width: 5px;
    }
}

@keyframes check-animation {
    0% {
        height: 0px;
        left: 10px;
        width: 0px;
    }
    100% {
        height: 10px;
        left: 6px;
        width: 5px;
    }
}

@keyframes check-table-animation {
    0% {
        height: 0px;
        left: 50%;
        width: 0px;
    }
    100% {
        height: 10px;
        left: 43%;
        width: 5px;
    }
}


/*checkbox ok-font-icon */

div.repcon-box:not([class*='toggle'])>input[type="checkbox"]:checked+label:after,
.repcon-box .cke_dialog span>input[type="checkbox"]:checked+label:after {
    border-color: white;
    border-style: solid;
    border-left: none;
    border-top: none;
    border-bottom-width: 2px;
    border-right-width: 2px;
    content: "" !important;
    font-family: icons;
    display: inline-block;
    height: 10px;
    left: 6px;
    position: absolute;
    top: 2px;
    width: 5px;
    margin: 0;
    -webkit-animation: check-animation 0.1s ease-out forwards;
    -webkit-transform: rotate(45deg);
    animation: check-animation 0.1s ease-out forwards;
    transform: rotate(45deg);
}

.repcon-box .cke_dialog span>input[type="checkbox"]:checked+label:before {
    background: #009688;
    border-color: #009688;
}

.repcon-box .cke_dialog span>input[type="checkbox"]:checked+label:after {
    border-color: white;
    border-style: solid;
    border-left: none;
    border-top: none;
    border-bottom-width: 2px;
    border-right-width: 2px;
    content: "" !important;
    font-family: icons;
    display: inline-block;
    height: 10px;
    left: 6px;
    position: absolute;
    top: 2px;
    width: 5px;
    margin: 0;
    -webkit-animation: check-animation 0.1s ease-out forwards;
    -webkit-transform: rotate(45deg);
    animation: check-animation 0.1s ease-out forwards;
    transform: rotate(45deg);
}


/*CLOCK*/

.r-clock {
    padding: 1rem;
}

.r-clock .clock-wrapper {
    width: 300px;
    height: 300px;
    margin: 0 auto;
}

.r-clock .clock {
    height: 100%;
    width: 100%;
    background: white;
    border-radius: 999rem;
    position: relative;
    border: 1px solid #ddd;
}

input+.r-clock .clock {
    border: none;
    box-shadow: none;
    background: #eee;
}

input+.r-clock .hours {
    overflow: hidden;
}

.clock-tick,
.clock-minutes {
    position: absolute;
    width: 26px;
    height: 26px;
    font-size: 1rem;
    text-align: center;
    line-height: 26px;
    border-radius: 100px;
    transition: background .2s ease;
    cursor: pointer;
    user-select: none;
}

.clock-tick.active,
.clock-minutes.active {
    background: #2196F3;
    color: white;
}

.r-minutes .clock-tick.active {
    background: transparent;
    color: #3d3d3d;
}

.clock-tick:hover:not(.active) {
    background: rgba(33, 150, 243, 0.5);
}

.r-disabled .clock-tick,
.r-disabled .clock-tick:hover {
    cursor: default;
    background: transparent;
}

.hours,
.minutes {
    height: calc(50% - 17px);
    width: 2px;
    background: black;
    border-radius: 5px;
    position: absolute;
    top: 18px;
    left: calc(50% - 1px);
    transform-origin: bottom center;
    transform-style: preserve-3d;
    background: #2196F3;
}

.r-disabled .hours {
    background: black;
    z-index: 1;
}

.hours.small,
.r-disabled .hours {
    height: calc(50% - 50px);
    top: 50px;
}

.minutes,
.r-minutes .hours {
    display: none;
}

.r-minutes .minutes {
    display: block;
}

.r-disabled .minutes {
    height: 40%;
    width: 2px;
    background: red;
    border-radius: 5px;
    position: absolute;
    top: 10%;
    left: calc(50% - 1px);
    transform-origin: bottom center;
    display: block;
}

.r-disabled .minutes:before {
    width: 10px;
    height: 10px;
    position: absolute;
    top: calc(100% - 5px);
    left: -4px;
    background: inherit;
    border-radius: 10px;
    content: '';
    opacity: 1;
}

.minutes:before {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -13px;
    left: -13px;
    background: inherit;
    border-radius: 50px;
    content: '';
    opacity: .5;
}

.info-wrapper {
    margin: -1rem -1rem 1rem;
    padding: 1rem 0;
    background: #2196F3;
    color: white;
}

.clock-wrapper+.info-wrapper {
    margin: 0;
}

.r-disabled .info-wrapper {
    background: transparent;
    color: #3d3d3d;
}

.r-horas {
    text-align: center;
    font-size: 3rem;
    line-height: 3rem;
}

.r-fecha {
    text-align: center;
    font-size: 1rem;
}

.minutes-wrapper {
    transform: scale(0.8);
    transform-origin: center;
    opacity: 0;
    transition: all .2s ease;
    z-index: -1;
    pointer-events: none;
}

.hours-wrapper {
    transform: scale(1);
    transform-origin: center;
    opacity: 1;
    transition: all .2s ease;
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
}

.r-minutes .hours-wrapper {
    transform: scale(1.2);
    opacity: 0;
    pointer-events: none;
}

.r-minutes .minutes-wrapper {
    transform: scale(1);
    opacity: 1;
    z-index: 0;
    pointer-events: all;
}

.repcon-box input+.r-clock.showClock {
    transform: scale(1);
    z-index: 100000;
}

.repcon-box input+.r-clock {
    position: absolute;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    z-index: 1;
    border-collapse: separate;
    border-spacing: 14px;
    top: .5rem;
    right: 1.4rem;
    transform: scale(0);
    transform-origin: top right;
}

.repcon-box input+.r-clock {
    transition: transform .2s ease;
}

.info-wrapper .cancel-font-icon {
    position: absolute;
    right: .5rem;
    top: .5rem;
    cursor: pointer;
}

.r-horas span[class*='trigger'] {
    padding: 0 .2rem;
    cursor: pointer;
    position: relative;
    border-radius: 2px;
    z-index: 0;
    display: inline-block;
    text-align: right;
    opacity: .5;
}

.r-clock:not(.r-minutes) .trigger-h {
    opacity: 1;
}

.r-clock.r-minutes .trigger-m {
    opacity: 1;
}

.r-clock svg {
    width: auto;
    height: auto;
    left: auto;
    top: auto;
    position: static;
}

.r-clock line {
    stroke: #0095dd;
    stroke-width: .7;
    stroke-linecap: round;
}


/*COLLAPSIBLE*/


/*COLLAPSIBLE dentro de COLLAPSIBLE*/

.repcon-box.collapsible {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid #e0e0e0;
    height: 0;
    overflow: hidden;
    /*padding: 1rem 0;*/
    position: relative;
    transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
}

.repcon-box.collapsible:last-of-type {
    border-bottom: none;
}

.repcon-box.collapsible.controls-group>div.trigger {
    margin: -1rem 0 1rem 0;
}

.repcon-box.collapsible>div.trigger {
    border-bottom: 1px solid #e0e0e0;
    padding: 1rem 1.4rem !important;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.repcon-box.collapsible>div.trigger span.arrow {
    width: 1em;
    height: 1em;
    opacity: .5;
    position: relative;
}

.repcon-box.collapsible>div.trigger span.arrow:after,
.repcon-box.collapsible>div.trigger span.arrow:before {
    content: '';
    width: .6em;
    height: 2px;
    background: #777;
    position: absolute;
    transition: transform .2s ease;
    top: .45em;
}

.repcon-box.collapsible>div.trigger span.arrow:after {
    right: 0;
    transform: rotate(-45deg);
}

.repcon-box.collapsible>div.trigger span.arrow:before {
    left: 0;
    transform: rotate(45deg);
}

.repcon-box.collapsible>div.trigger:hover {
    background: #f9f9f9;
}

.repcon-box.collapsible>div.trigger h2 {
    font-size: 1rem;
    color: #777;
    border-bottom: none;
}

.repcon-box.collapsible>div.trigger h2:last-of-type {
    flex-grow: 1;
}

.repcon-box.collapsible>div.trigger h2+h2 {
    margin-left: 1rem !important;
}

.repcon-box.collapsible.active-form>div.trigger span.arrow {
    opacity: 1;
}

.repcon-box.collapsible.active-form>div.trigger span.arrow:after {
    transform: rotate(45deg);
}

.repcon-box.collapsible.active-form>div.trigger span.arrow:before {
    transform: rotate(-45deg);
}

.repcon-box.collapsible .repcon-box.collapsible {
    box-shadow: none;
    border: none;
    margin: .5rem;
    border-radius: 5px;
}

.repcon-box.collapsible .repcon-box.collapsible.active-form {
    background: #f9f9f9;
}


/*COMBOBOX*/

.repcon-box select {
    height: 1.95em;
    padding: .12em .4em;
}

.repcon-box.select-box {
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: top;
    /*autocomplete*/
}

.repcon-box.select-box>div:first-of-type {
    background: #fff;
    min-height: 1.672rem;
    cursor: pointer;
    justify-content: flex-end;
    align-items: center;
    display: flex !important;
}

.repcon-box.select-box>div:first-of-type>div {
    pointer-events: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(98.5%);
    flex-grow: 1;
}

.repcon-box.select-box>div:first-of-type:empty:after {
    text-align: right;
    width: 100%;
    line-height: normal;
}

.repcon-box.select-box>div:first-of-type:empty+ul {
    margin-top: 0;
}

.repcon-box.select-box>ul:not(.actions) {
    width: auto;
    right: 0;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    height: 0;
    margin: 0 1.5rem 0 0;
    opacity: 0;
    overflow: auto;
    position: absolute;
    transition: opacity .15s, height .15s;
    -webkit-transition: opacity .15s, height .15s;
    z-index: 10000 !important;
}

.repcon-box.select-box>ul:not(.actions).list-active {
    height: auto !important;
    opacity: 1 !important;
    transition: opacity .15s, height .15s;
    -webkit-transition: opacity .15s;
    z-index: 100 !important;
}

.repcon-box.select-box>ul:not(.actions).list-active.bottom {
    transform: translateY(-100%);
}

.repcon-box.select-box>ul:not(.actions) li:hover,
.repcon-box.select-box>ul:not(.actions) .active-op {
    background: #f0f0f0;
}

.repcon-box.select-box>ul:not(.actions) li {
    cursor: pointer;
    display: block !important;
    padding: .5rem 2rem .5rem .5rem;
    position: relative;
}

.repcon-box.select-box>ul:not(.actions) li.ok-font-icon:after {
    position: absolute;
    top: 20%;
    right: .3em;
}

.repcon-box.select-box>ul:not(.actions).fixed:not(.actions) {
    overflow: auto;
    z-index: 10000 !important;
}

.repcon-box.select-box>ul:not(.actions) div {
    min-height: 18px;
}

.repcon-box.select-box .has-caption {
    padding: .2rem;
}

.repcon-box.select-box.r-complete .arrow-down-font-icon {
    position: absolute;
    padding: .2rem .4rem;
    right: 1.5rem;
    bottom: .4rem;
    width: auto;
    border: none;
    pointer-events: all;
    min-height: 0;
}

.repcon-box.select-box .option-img {
    display: inline-block;
    vertical-align: top;
    margin: .2rem .3rem .2rem 0rem;
}

.repcon-box.select-box .option-info {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 40px);
}

.repcon-box.select-box .option-info h4 {
    margin: 0rem;
}

.repcon-box.select-box .option-img+.option-info {
    width: calc(60%);
}

.repcon-box .r-complete {
    display: inline-block;
    position: relative;
}

.repcon-box.select-box.outer>ul.list-active:not(.actions) {
    transform: scaleY(1);
}

.repcon-box.select-box.outer>ul:not(.actions) {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    transform: scaleY(0);
    transform-origin: left top;
    -webkit-transition: all .15s;
    transition: all .15s;
    min-width: 0;
    width: auto;
    display: block;
    position: relative;
    margin: 0;
}

.repcon-box.select-box .arrow-down-font-icon:after {
    display: inline-block;
}

.repcon-box.select-box .arrow-down-font-icon:before {
    display: none !important;
}

.repcon-box .r-complete.select-box>div:first-of-type:hover {
    border: none;
}

.repcon-box .form-elem .select-box>div:first-of-type:focus {
    background: transparent;
}

.repcon-box .form-elem .select-box>div:last-of-type div {
    padding: .5em;
}

.repcon-box .cke_combo_button:after {
    content: "\f142";
    font-family: "icons";
    position: absolute;
    top: calc(49.6%);
    right: .6em;
}


/*COMBOBOX dentro de COMBOBOX*/


/*media screen 480
    .repcon-box input,
    .repcon-box select,
    .repcon-box .big-elem,
    .repcon-box .select-box > div:first-of-type,
    .repcon-box div > .small-elem input
    .repcon-box textarea,
    .repcon-box input[type="range"] {
        width: 100%;
    }

    	
    .repcon-box .select-box {
        margin: .3em .8em;
        width: auto;
        display: block;
    }
	
    */


/*COUNTER*/

.r-counter {
    display: flex;
    padding: 0 !important;
}

.r-counter label {
    flex-grow: 1;
    cursor: default;
    margin: 0;
    padding: 1rem;
    max-width: calc(100% - 96px);
}

.r-counter .counter-wrapper {
    background-color: #f9f9f9;
}

.r-counter .counter-wrapper div {
    padding: 1rem;
    color: #3498db;
    min-width: 6rem;
    text-align: center;
    transform: translateY(0%);
    opacity: 1;
    transition: all .2s linear;
}

.r-counter .counter-wrapper div.fade-out {
    opacity: 0;
    transform: translateY(-20%);
}

.r-counter .counter-wrapper div.fade-in {
    opacity: 0;
    transform: translateY(20%);
}


/*DIALOG MULTIPLE*/

.repcon-box .behavior-notification h2 {
    color: white;
}

.repcon-box .danger {
    background-color: #F44336;
}

.repcon-box .reminder {
    background-color: #03A9F4;
}

.repcon-box .notes {
    background-color: #9E9E9E;
}

.active.dialog {
    height: 100%;
}

.active.dialog .behavior-notification {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.19), 0 1px 4px rgba(0, 0, 0, 0.23);
    transition: bottom 6s cubic-bezier(0.55, 0, 0.1, 1) 1s;
}

.desactive.dialog .behavior-notification {
    backgroaund-color: red;
}

.repcon-box .dialog .behavior-notification {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.19), 0 1px 4px rgba(0, 0, 0, 0.23);
    padding: .5em;
    overflow: hidden;
    max-height: 4em;
    position: relative;
    bottom: 0;
    transition: bottom 6s cubic-bezier(0.55, 0, 0.1, 1) 1s;
}

.repcon-box .dialog .notification-multiple {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.19), 0 1px 4px rgba(0, 0, 0, 0.23);
    padding: 0;
    overflow: hidden;
    background-color: white;
    max-height: 0;
    position: relative;
    opacity: 0;
    transform: translateY(300%);
    transition: all 1.45s cubic-bezier(0.55, 0, 0.1, 1) 1.45s, opacity 1.25s ease, z-index 0.45s ease 1.45s;
    top: 1em;
}

.repcon-box .dialog .notification-multiple:nth-child(2) {
    transition-delay: .25s;
}

.repcon-box .dialog .notification-multiple:nth-child(3) {
    transition-delay: .5s;
}

.repcon-box .dialog .notification-multiple:nth-child(4) {
    transition-delay: .75s;
}

.repcon-box .active.dialog .notification-multiple {
    position: relative;
    opacity: 1;
    display: block;
    transform: translateY(0);
    top: 0;
    max-height: 4em;
    padding: .5em;
    margin-top: .5em;
}

.repcon-box .dialog .behavior-notification h3 {
    vertical-align: middle;
    color: white;
}

.repcon-box .dialog h3 {
    text-align: left;
    text-transform: uppercase;
    margin: 0 !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.repcon-box .dialog .alert-simple p {
    color: #999;
    text-align: left;
}

.repcon-box .dialog .alert-simple {
    display: inline-block;
    width: calc(95%);
}

.repcon-box .dialog .icon-notification {
    vertical-align: top !important;
    width: 5%;
    display: inline-block;
    left: 0;
    margin-right: .5em;
}

.repcon-box .dialog-list {
    position: fixed;
    bottom: 0;
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    left: 0;
}

.repcon-box .dialog-list.init {
    overflow: hidden;
}

.repcon-box .dialog {
    bottom: -20em;
    height: auto;
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    width: 28em;
}

.repcon-box .startdialog {
    bottom: 0 !important;
    position: relative;
    transition: bottom 1s cubic-bezier(0.55, 0, 0.1, 1);
    overflow: hidden;
    padding: .25em .5em;
}

.repcon-box .dialog .notification-multiple.erase {
    transform: translateX(-100%);
    opacity: 0;
    max-height: 0;
    padding: 0;
    margin: 0;
    transition: all 1.45s cubic-bezier(0.55, 0, 0.1, 1), opacity 1.25s ease, z-index 0.45s ease, max-height 0.45s ease 0.9s, padding 0.45s ease 0.9s, margin 0.45s ease 0.9s;
}

.repcon-box .dialog.delete {
    opacity: 0;
    transition: opacity .45s linear;
}

.repcon-box .notification-multiple>.cancel-font-icon {
    float: right;
    color: #F44336;
}

.repcon-box .behavior-notification>div[class*="-font-icon"] {
    color: white;
    width: 10%;
    display: inline-block;
    left: 0;
    margin-right: .2em;
    padding: .25rem;
}


/* DIALOG SIMPLE */


/*NEW MULTIDIALOG*/


/*animaciones*/


/* DIALOG SIMPLE */

div#rc_dialog.rc-active {
    display: block;
}

.body-blocked {
    overflow: hidden;
}

.repcon-box .dialog-bg {
    background-color: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .5s linear;
    z-index: -1;
}

.repcon-box div.dialog-wrapper.repcon-box {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100000;
    transition: z-index 0.6s linear 0.2s;
    pointer-events: none;
}

.repcon-box div.dialog-wrapper.repcon-box>* {
    pointer-events: all;
}

.repcon-box div.dialog-wrapper.repcon-box.active {
    transition: z-index 0.2s;
}

.repcon-box div.dialog-wrapper.repcon-box.active .dialog-bg {
    opacity: .4;
    z-index: 1;
}

.repcon-box div.dialog-wrapper .repcon-box[class*="dialog-"] {
    background-color: #fff;
    position: absolute;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 1px 6px rgba(0, 0, 0, 0.23);
    padding: 1.5rem;
    margin: auto;
    min-width: 400px;
    max-height: 90%;
    overflow: hidden;
    opacity: 0;
    transition: all .2s ease;
}

.repcon-box div.dialog-wrapper .repcon-box[class*="dialog-"]>div>h2 {
    width: 100%;
    display: inline-flex;
    align-items: center;
}

.repcon-box div.dialog-wrapper .repcon-box[class*="dialog-"]>div:first-of-type {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.repcon-box div.dialog-wrapper.active .repcon-box[class*="dialog-"] {
    opacity: 1;
}

.repcon-box div.dialog-wrapper.active .repcon-box.dialog-progress {
    opacity: 1;
}

.repcon-box div.dialog-wrapper .cancel-font-icon {
    color: #e74c3c;
    margin-left: .5rem;
}

.repcon-box div.dialog-wrapper a.cancel-font-icon:after {
    display: none;
}

.repcon-box.dialog-wrapper .repcon-box.dialog-progress:not([class*='fade']) {
    transition: opacity .2s ease .2s;
    opacity: 0;
}

.repcon-box.dialog-wrapper .repcon-box.dialog-progress .r-progressbar {
    margin: 0 !important;
    padding: 0;
    display: block !important;
}

.repcon-box.dialog-wrapper .inner-controls {
    margin-top: 1rem;
}

.repcon-box.dialog-wrapper>*[class*="dialog"] {
    z-index: 1;
}

.repcon-box.dialog-wrapper>*[class*="dialog"]>div[class*="-font-icon"]+div>.cancel-font-icon {
    top: 0;
    right: 0;
}

.repcon-box.dialog-wrapper>*[class*="dialog"]>p {
    margin: 1rem 2rem;
    white-space: normal;
}

.repcon-box.dialog-wrapper>*[class*="top"] {
    top: 1rem;
    transform: translateX(-50%);
    bottom: auto;
    left: 50%;
}

.repcon-box.dialog-wrapper>*[class*="bottom"] {
    bottom: 1rem;
    transform: translateX(-50%);
    left: 50%;
}

.repcon-box.dialog-wrapper>*[class*="right"] {
    right: 1rem;
    left: auto;
    transform: none;
}

.repcon-box.dialog-wrapper>*[class*="left"] {
    left: 1rem;
    transform: none;
}

.repcon-box.dialog-wrapper div[class*="-font-icon"]:after {
    display: none;
}

.repcon-box.dialog-wrapper>.repcon-box.fade-bottom {
    bottom: -100%;
    opacity: 1 !important;
    transition: bottom 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
}

.repcon-box.dialog-wrapper.active>.repcon-box.fade-bottom {
    bottom: 1rem;
    transition: bottom 0.2s cubic-bezier(0, 0, 0.2, 1) !important;
}

.repcon-box.dialog-wrapper>.repcon-box.fade-right {
    right: -100%;
    opacity: 1 !important;
    transition: right 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
}

.repcon-box.dialog-wrapper.active>.repcon-box.fade-right {
    right: 1rem;
    transition: right 0.2s cubic-bezier(0, 0, 0.2, 1) !important;
}

.repcon-box.dialog-wrapper>.repcon-box.fade-left {
    left: -100%;
    opacity: 1 !important;
    transition: left 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
}

.repcon-box.dialog-wrapper.active>.repcon-box.fade-left {
    left: 1rem;
    transition: left 0.2s cubic-bezier(0, 0, 0.2, 1) !important;
}

.repcon-box.dialog-wrapper>.repcon-box.fade-top {
    top: -100%;
    opacity: 1 !important;
    transition: top 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
}

.repcon-box.dialog-wrapper.active>.repcon-box.fade-top {
    top: 1rem;
    transition: top 0.2s cubic-bezier(0, 0, 0.2, 1) !important;
}

.repcon-box.dialog-wrapper>.repcon-box.fade-center {
    transform: scale(0) translate(-50%, -50%);
}

.repcon-box.dialog-wrapper.active>.repcon-box.fade-center {
    transform: scale(1) translate(-50%, -50%);
}

.repcon-box.dialog-wrapper .repcon-box.dialog-center {
    transform: translate(-50.1%, -50.1%);
    transform-origin: 0 0 !important;
    left: 50%;
    top: 50%;
}

.actions-notification {
    width: auto;
    text-align: right;
    margin: 0 -1.5rem -1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    padding: .5rem 1.2rem;
}

.actions-notification>.button-elem {
    margin: 0 0 0 .5rem !important;
}

.repcon-box.dialog-wrapper h2[class*="-font-icon"]:before {
    margin-right: .5rem;
    color: #777;
}

.repcon-box.dialog-wrapper h2[class*="-font-icon"] [style*="color"]:before {
    color: inherit;
}

.repcon-box.dialog-wrapper h2[class*="-font-icon"]:after {
    display: none;
}


/*NEW MULTIDIALOG*/

.repcon-box div.dialog-wrapper .repcon-box[class*="dialog-"].notification {
    padding: 0rem 1.5rem;
    background: transparent;
    /*box-shadow: none;*/
}

.repcon-box div.dialog-wrapper .repcon-box[class*="dialog-"].notification>div:first-of-type {
    margin: 0rem -1.5rem;
    border-bottom: 1px solid #e0e0e0;
    background: #fff;
}

.repcon-box div.dialog-wrapper .repcon-box[class*="dialog-"].notification>div:first-of-type a {
    padding: 1rem;
}

.repcon-box div.dialog-wrapper .repcon-box[class*="dialog-"].notification>.inner-controls {
    margin: 0rem -1.5rem;
    overflow: visible;
}

.repcon-box div.dialog-wrapper .repcon-box[class*="dialog-"].notification>.inner-controls .repcon-box.r-box {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.repcon-box div.dialog-wrapper .repcon-box[class*="dialog-"].notification>.inner-controls .repcon-box.collapsible {
    padding-bottom: 0rem;
    padding-top: 0rem;
    background: transparent !important;
    box-shadow: none;
}

.repcon-box div.dialog-wrapper .repcon-box[class*="dialog-"].notification>.inner-controls .repcon-box.collapsible>div.trigger {
    font-size: .9rem !important;
    margin: 0rem !important;
    padding: 1rem 1.9rem !important;
    background: #fff;
}

.repcon-box div.dialog-wrapper .repcon-box[class*="dialog-"].notification>.inner-controls .repcon-box.collapsible>div.trigger span {
    margin-left: .5rem !important;
    right: inherit !important;
}

.repcon-box div.dialog-wrapper .repcon-box[class*="dialog-"].notification>.inner-controls .repcon-box.collapsible.newheight {
    transition: height 1s cubic-bezier(0.55, 0, 0.1, 1) !important;
}

.repcon-box div.dialog-wrapper .repcon-box[class*="dialog-"].notification>.inner-controls .repcon-box.collapsible.delete {
    transition: height .5s ease, opacity 1s ease !important;
    height: 0 !important;
    opacity: 0 !important;
}

.repcon-box div.dialog-wrapper .repcon-box[class*="dialog-"].notification>.inner-controls .repcon-box.collapsible .repcon-box.r-box {
    transform: translateY(0);
    opacity: 1;
    display: block;
    position: relative;
}

.repcon-box div.dialog-wrapper .repcon-box[class*="dialog-"].notification>.inner-controls .repcon-box.collapsible .repcon-box.r-box .main-section {
    display: flex;
}

.repcon-box div.dialog-wrapper .repcon-box[class*="dialog-"].notification>.inner-controls .repcon-box.collapsible .repcon-box.r-box .main-section .actions {
    order: 1;
}

.repcon-box div.dialog-wrapper .repcon-box[class*="dialog-"].notification>.inner-controls .repcon-box.collapsible .repcon-box.r-box .main-section h3 {
    font-size: .9rem !important;
}


/*ANIMACIONES*/

.repcon-box.dialog-wrapper .repcon-box.notification .r-box.erase {
    transform: translateX(-100%) !important;
    opacity: 0 !important;
    max-height: 0% !important;
    transition: all 1.25s cubic-bezier(0.55, 0, 0.1, 1);
}

.repcon-box.dialog-wrapper .repcon-box.notification .r-box.left {
    transform: translateX(0);
    overflow: hidden;
    max-height: 100%;
}

.collapover {
    overflow: visible !important;
}


/*r-file
    label
    div
        drop-box
        button
        r-file-info
            ul
                li hidden
                li
                    r-file-prev filenoimg-font-icon
                    div
                        r-file-name
                        r-file-data (si progressbar -  hidden)
                        progressbar 
                            div
                            span
                    ul actions
                        li download
                        li cancel*/


/*FILEINPUT*/

.repcon-box .r-file>div:first-of-type {
    background: #f8f8f8;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.repcon-box .drop-box {
    background: rgba(0, 150, 136, 0);
    border: 3px dashed transparent;
    position: absolute !important;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all .4s;
    opacity: 0;
}

.repcon-box .drop-box.active {
    z-index: 101;
    background: #fff;
    border: 3px dashed #777;
    transition: all .4s;
    opacity: 1;
}

.repcon-box .drop-box.active~* {
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

.repcon-box .drop-box.active:after {
    content: '\f1ae';
    font-family: icons;
    position: absolute;
    left: calc(50% - .5em);
    top: calc(50% - .5em);
    color: #777;
    transition: color .2s ease;
}

.repcon-box .drop-box.hover {
    border: 3px dashed #009688;
}

.repcon-box .drop-box.hover:after {
    color: #009688;
}

.repcon-box .drop-box~* {
    opacity: 1;
    transition: opacity .4s;
}

.r-file .button-elem>p {
    background: #009688;
}

.repcon-box .r-file .button-elem :empty {
    padding-right: 0em !important;
}

.r-file-info {
    opacity: 1;
    transition: all .2s;
    color: #777;
    margin: .5rem;
    flex-grow: 1;
    text-align: center;
    width: calc(100% - 170px);
}

.r-file-info>ul {
    display: block;
}

.r-file-info>ul li.hidden {
    /*arrastrar y soltar*/
    color: #009688;
}

.r-file-info>ul li {
    display: flex;
    height: 3em;
    padding: 0;
    align-items: center;
}

.r-file-info>ul li.hidden {
    display: none;
}

.r-file-info>ul li:first-child {
    color: #009688;
}

.r-file-prev {
    position: relative;
    /* border-radius: 2px;*/
    /*display: block;*/
    /*overflow: hidden;*/
    /*max-height: 100%;*/
    height: 3rem;
    overflow: visible;
}

.r-file-prev+div {
    flex-grow: 1;
}

.r-file-prev:after {
    display: none;
}

.r-file-prev:before {
    /*content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: auto;
        height: auto;*/
    top: 30%;
    position: relative;
}

.r-file-prev.remove {
    height: 0;
    opacity: 0;
    margin-bottom: -1.1em;
    margin-top: 0;
    overflow: hidden;
    transition: all 0.2s cubic-bezier(0.4, 0, 1, 1), opacity 0.2s ease;
}

.r-file-prev img {
    height: 2.5rem;
    width: auto;
    margin: .5rem .5rem .5rem 0rem;
    max-width: inherit;
}

.repcon-box .r-file .r-file-info li.hidden~li>div,
.repcon-box .r-file.has-file li>div.r-file-prev {
    text-align: left;
}


/*[class*="-font-icon"]:after{
    display: none;

}*/

.r-file-prev+div {
    overflow: hidden;
}

.r-file-prev+div .r-file-name {
    display: block;
    /*width: 0;*/
    text-overflow: ellipsis;
    white-space: nowrap;
}

.r-file-prev+div .r-file-data {
    display: block;
    line-height: 1em;
    margin: 0 .5rem;
}

.r-file-prev+div .progress-bar {
    width: auto;
    height: 3px;
    background: #ccc;
    border-radius: 9999em;
    white-space: nowrap;
    display: block;
    margin: 0 2rem 0rem 0rem;
    position: relative;
}

.r-file-prev+div .progress-bar div {
    width: 0%;
    height: 3px;
    background: #009688;
    border-radius: 9999em;
    transition: width .2s;
    white-space: nowrap;
    position: relative;
    display: block;
}

.r-file-prev+div .progress-bar span {
    position: absolute;
    right: -30px;
    top: -15px;
    color: #777;
}


/*download & cancel*/

.r-file .actions {
    transform: scale(0);
    transition: transform .2s;
    width: auto;
    display: none;
}

.r-file .actions li.download-line-font-icon {
    color: #2196F3;
    margin-right: .5rem;
}

.r-file .actions li.cancel-font-icon {
    color: #e74c3c;
}

.r-file .actions.active {
    transform: scale(1) !important;
    transition: transform .2s;
    pointer-events: all;
    z-index: 100;
    margin: 0;
    display: block;
    margin: 0 5px;
    z-index: 2;
}


/*has-file cuando sale?*/

.has-file .actions {
    transform: scale(1);
    transition: transform .2s;
    pointer-events: all;
    z-index: 100;
    margin: 0;
}

.has-file .r-file-info>ul>li>div:nth-child(2) {
    overflow: hidden;
    width: 1rem;
    text-align: left;
}

.has-file .r-file-info>ul>li>.r-file-prev[class*="font-icon"] {
    width: 1rem;
}

.has-file .r-file-info>ul>li.remove:nth-child(2),
.has-file .r-file-info>ul>li.remove:last-of-type {
    margin-bottom: 0;
}


/*apearance*/

.r-file.wide-elem.r-file-prev:empty {
    display: block;
}

.r-file.wide-elem .flat-button {
    position: absolute;
    width: 100%;
    height: 100%;
    /*border: 1px solid #b8b8b8;*/
    margin: 0;
    transition: border .3s ease;
}

.r-file.wide-elem .flat-button>p {
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(76, 181, 171, 0.2);
    opacity: 0;
    transition: opacity .3s ease;
}

.r-file.wide-elem .flat-button>p:after {
    content: '' !important;
    display: block;
    position: absolute;
    top: 33%;
    left: 50%;
    z-index: -1;
    width: 6rem;
    height: 6rem;
    border-radius: 999em;
    background-color: rgba(0, 0, 0, 0.3);
    transform: translate(-50%);
}

.r-file.wide-elem .flat-button>p:hover {
    opacity: 1;
}

.r-file.wide-elem .flat-button>p:before {
    position: absolute;
    top: 40%;
    /*left: 46%;*/
    margin: 0 auto;
    /*transform: translate(-50%);*/
    width: 100%;
}

.r-file.wide-elem .flat-button>p>input {
    width: 100%;
    padding-right: 0;
}

.r-file.wide-elem .r-file-info {
    width: 100%;
    text-align: center;
    margin: 1rem;
}

.r-file.wide-elem .r-file-info .change {
    opacity: 0;
    transition: all .2s;
}

.r-file.wide-elem .r-file-info>ul,
.r-file.wide-elem .r-file-info>ul>li {
    width: 100%;
    height: auto;
    margin: 0;
    flex-wrap: wrap;
}

.r-file.wide-elem .r-file-info>ul .r-file-prev,
.r-file.wide-elem .r-file-info>ul>li .r-file-prev {
    width: 100%;
    height: 15em;
    text-align: center;
}

.r-file.wide-elem .r-file-info>ul .r-file-prev>img,
.r-file.wide-elem .r-file-info>ul>li .r-file-prev>img {
    height: calc(97%);
    border: 4px solid white;
    box-shadow: 0 0 0 1px #ddd;
    width: auto;
}

.r-file.wide-elem .r-file-info>ul .r-file-prev:before,
.r-file.wide-elem .r-file-info>ul>li .r-file-prev:before {
    box-shadow: none;
}

.r-file.wide-elem>div>.drop-box.active~.flat-button>p {
    pointer-events: none;
    opacity: 0 !important;
}

.r-file.wide-elem ul li .r-file-prev+div {
    text-align: left;
}

.r-file.wide-elem ul li .r-file-prev:empty+div {
    text-align: center;
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 90%;
}

.r-file.wide-elem div .r-file-name {
    width: auto !important;
}

.repcon-box .small-file>div:first-of-type {
    height: 3.5rem;
}

.repcon-box .small-file ul li.hidden+li .r-file-prev:empty+div {
    display: block;
    width: 100%;
}

.repcon-box .small-file .r-file-info {
    margin: 0 !important;
    /*z-index: 2;*/
    background: #f8f8f8;
}

.repcon-box .small-file .r-file-info:hover {
    /*z-index:0;*/
}

.repcon-box .small-file .r-file-info>ul>li {
    height: 3.5rem;
}

.repcon-box .small-file .r-file-info>ul>li:not[class="hidden"] {
    background-color: #f8f8f8;
    padding: 2rem;
}

.repcon-box .small-file .r-file-info li.hidden~li>div {
    z-index: 2;
    height: auto;
    background-color: #f8f8f8;
    padding: .8rem .2rem;
}

.repcon-box .small-file .r-file-prev>img {
    display: none;
}

.repcon-box .small-file .flat-button {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    transition: border .3s ease;
    z-index: 2;
}

.repcon-box .small-file .flat-button>p {
    opacity: 1;
    background-color: #f8f8f8;
    color: #009688;
    z-index: 1;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
}

.repcon-box .small-file .flat-button>p:before {
    content: '\f1af' !important;
    font-family: icons;
    display: block;
    line-height: 1.3em;
}

.repcon-box .small-file .flat-button>p:hover {
    background-color: #f0f0f0;
    z-index: 3;
    opacity: 1;
}

.repcon-box .small-file .r-file-info>ul>li+li>div>.r-file-name {
    display: block;
}

.repcon-box .small-file .r-file .actions.active {
    z-index: inherit !important;
}

.repcon-box .small-file .noviewthis {
    display: none;
}

.repcon-box .small-file .viewthis {
    z-index: 5;
    position: absolute;
    background: #f8f8f8;
    height: 3.5rem;
    top: 0;
    padding-top: 1rem;
    width: 80%;
}

.repcon-box .small-file .r-file-info>ul>li.hidden {
    z-index: 3;
}

.wide-elem.small-file .flat-button>p:before {
    line-height: 0em;
}

.wide-elem.small-file .flat-button>p:after {
    display: none;
}

.wide-elem.small-file ul li .r-file-prev:empty+div {
    top: 0 !important;
}

.repcon-box .r-file.disabled div:first-of-type {
    /*esto no entiendo  pointer-events: all;*/
    border: none !important;
}

.repcon-box .r-file.disabled div:first-of-type .drop-box~* {
    border: none !important;
}

.repcon-box .r-file.disabled div[onclick]:hover {
    background: #f0f0f0;
}

.repcon-box .r-file.disabled div[onclick]:hover .actions {
    color: #2196F3;
}

.repcon-box .r-file.disabled div[onclick] .r-file-prev+div {
    text-align: left;
}

.repcon-box .r-file.disabled div[onclick] .r-file-prev+div .r-file-name {
    display: inline-block;
}

.repcon-box .r-file.disabled div[onclick] .actions {
    transform: scale(1);
    color: #777;
}

.repcon-box .r-file.disabled div[onclick] .actions li:after li.cancel-font-icon {
    display: none;
}

.repcon-box .r-file.disabled div .button-elem {
    display: none !important;
}

.repcon-box .r-file.disabled div:first-of-type .r-file-name,
.repcon-box .r-file.disabled div .r-file-data {
    display: none;
}

.repcon-box .r-file.disabled .r-file-prev+div {
    border: none !important;
}

.repcon-box .r-file.disabled .drop-box.active {
    display: none;
}

.repcon-box .r-file.disabled:not(.has-file) .r-file-prev+div:before {
    content: 'No files';
    color: #e74c3c;
    opacity: .7;
}

.repcon-box .r-file.disabled.wide-elem.disabled>div:first-of-type {
    /*background: inherit;*/
    width: 100%;
    position: relative;
}

.repcon-box .r-file.disabled .small-file ul li .r-file-prev:first-of-type:empty+div {
    display: block;
}


/*Esto no se de donde es*/

img.image-cover {
    width: 72px;
}

img.h-prev {
    max-width: none;
    max-height: 100%;
}


/* FILEINPUT CON MAS COSAS */

div.repcon-box.controls-group>div.r-file {
    display: block;
}

.b-group .repcon-box.r-file .button-elem {
    flex-shrink: 0;
    background: transparent;
    margin: .5rem;
}

.b-group .repcon-box.r-file .r-file-info {
    flex-grow: 2;
    width: 0%;
}

.b-group .repcon-box.r-file.wide-elem>div {
    width: 100%;
}


/*disabled*/

.repcon-box .disabled.small-file ul li .r-file-prev:first-of-type:empty+div {
    display: block;
}

.repcon-box .r-file.wide-elem.disabled .r-file-info>ul>li>.r-file-prev {
    padding-top: 0;
}

.repcon-box .r-file.wide-elem.disabled .r-file-info>ul>li>.r-file-prev>img {
    border: none;
    box-shadow: 0 0 0 1px #eee;
}

.repcon-box .r-file.wide-elem.disabled .flat-button {
    border: 0px;
}


/* GALLERY */


/* GALLERY */

.repcon-box.r-gallery .list-elements {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.repcon-box.r-gallery .repcon-element {
    width: 70px;
    flex-wrap: wrap;
    margin: .2rem !important;
    display: block;
}

.repcon-box.r-gallery .repcon-element img.url-icon {
    max-width: none !important;
    max-height: none !important;
    margin: 0;
    height: 70px;
}

.repcon-box.r-gallery .repcon-element>div>.v-img img {
    min-width: 100%;
    height: auto;
    transform-origin: center;
    position: relative !important;
    min-height: 100%;
    max-width: 100%;
}

.repcon-box.r-gallery .repcon-element>div:not([class*='tooltip']) {
    position: relative;
    max-width: 100% !important;
    background: white;
}

.repcon-box.r-gallery .repcon-element>div:not([class*='tooltip']):before {
    position: absolute;
    content: '';
    background: #2196F3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: scale(0);
    z-index: 1;
    transition: transform 0.15s cubic-bezier(0.55, 0, 0.1, 1);
    opacity: .5;
    pointer-events: none;
}

.repcon-box.r-gallery .repcon-element>div>p[class*='font-icon']:before {
    width: 100%;
    height: 100%;
    line-height: 70px;
    margin: 0;
    font-size: 2rem;
}

.repcon-box.r-gallery .repcon-element>div>.image-wrapper,
.repcon-box.r-gallery .repcon-element>div>p {
    height: 70px !important;
    overflow: hidden;
    padding: 0 !important;
    transition: box-shadow 0.2s ease;
    position: relative;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    display: block !important;
    width: 100%;
    border-radius: 0;
    margin: 0;
}

.repcon-box.r-gallery .repcon-element>div>.image-wrapper:after,
.repcon-box.r-gallery .repcon-element>div>p:after {
    content: '\f17c' !important;
    position: absolute;
    font-family: icons;
    z-index: 1;
    bottom: 5px;
    right: 5px;
    color: white;
    transform: scale(0);
    transition: transform 0.15s cubic-bezier(0.55, 0, 0.1, 1) 0.05s;
    display: block !important;
}

.repcon-box.r-gallery .repcon-element .h-img img {
    height: 100%;
    width: auto;
    position: relative !important;
    max-width: none;
    pointer-events: all;
    left: 50% !important;
    transform: translateX(-50%);
}

.repcon-box.r-gallery .repcon-element>p:not(.image-wrapper) {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    margin: .1rem 0;
}

.repcon-box.r-gallery .repcon-element:hover:not(.selected):not(.disabled-item)>div>.image-wrapper,
.repcon-box.r-gallery .repcon-element:not(.selected):not(.disabled-item)>div>p:hover {
    box-shadow: 0 0 0 2px #2196F3;
    cursor: pointer;
}

.repcon-box.r-gallery .repcon-element .actions {
    float: none;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: .1rem 0;
}

.repcon-box.r-gallery.scroll-x .list-elements {
    flex-wrap: nowrap;
    overflow: auto;
}

.repcon-box.r-gallery .repcon-element.selected>div>.image-wrapper {
    box-shadow: none;
}

.repcon-box.r-gallery .repcon-element.selected>div:not([class*='tooltip']):before {
    transform: scale(1);
}

.repcon-box.r-gallery .repcon-element.selected .image-wrapper:after,
.repcon-box.r-gallery .repcon-element.selected p[class*='font-icon']:after {
    transform: scale(1);
}

.repcon-box .r-gallery .repcon-element:not(.selected):not(.disabled-item),
.repcon-box .r-gallery.reset-evt .repcon-element.selected:not(.disabled-item) {
    cursor: pointer;
}

.r-gallery.animation-group .repcon-element {
    transform: scale(0);
    transition: all 0.25s cubic-bezier(0.55, 0, 0.1, 1);
}

.r-gallery.animation-group .repcon-element.visible {
    transform: scale(1);
}

.r-gallery .repcon-element.disabled-item>div:not([class*='tooltip']) {
    opacity: .5;
}


/*GRAPHS*/

.repcon-box .r-graph {
    background: #fff;
    border: 1px solid #e0e0e0;
    margin: 1rem 0;
    padding: 1rem;
}

.repcon-box .r-graph.r-graph-percent .jqplot-data-label {
    color: #fff;
}

.repcon-box .r-graph .jqplot-highlighter-tooltip {
    border: 1px solid #e0e0e0 !important;
    white-space: nowrap !important;
    background: 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    padding: .5rem 1rem !important;
    color: #fff !important;
}

.repcon-box .r-graph .jqplot-highlight-canvas {
    display: none !important;
}

.repcon-box .r-graph table.jqplot-table-legend,
.repcon-box .r-graph table .jqplot-cursor-legend {
    width: auto !important;
    border-collapse: separate;
    border-spacing: .8rem;
    min-width: 0;
}

.repcon-box .r-graph table div.jqplot-table-legend-swatch-outline {
    border: none;
    padding: 0;
}

.repcon-box .r-graph table td.jqplot-table-legend {
    padding: 0rem;
    border: none;
}

.repcon-box .r-graph table td.jqplot-table-legend:nth-child(2n) {
    white-space: nowrap;
    margin: 0 1rem 0 .3rem;
}

.repcon-box .r-graph table .jqplot-yaxis-label {
    right: 1rem;
}

.repcon-box .r-graph table tr.jqplot-table-legend {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.repcon-box .infochart {
    color: #777;
    border-bottom: 1px solid #e0e0e0;
    padding: .5rem;
    margin-top: 2rem;
}

.repcon-box.r-graph .head-group {
    padding: 0 0 1.6rem 0;
}

.jqplot-meterGauge-label.danger-value {
    color: #e74c3c;
}

.jqplot-meterGauge-label.danger-value:before {
    content: '\f10f';
    font-family: icons;
}


/*HTML*/

.repcon-box .html iframe {
    border-width: 0;
    overflow: hidden;
    padding: 0;
    height: 100% !important;
    width: 100% !important;
}

.repcon-box .html {
    display: block !important;
}

.repcon-box .html.has-actions {
    display: flex !important;
    align-items: center;
}


/*list*/

.repcon-box .list-box {
    width: 100% !important;
    /*appearance*/
}

.repcon-box .list-box.animation-group .repcon-element {
    transform: scale(0);
    transition: all 0.25s cubic-bezier(0.55, 0, 0.1, 1);
}

.repcon-box .list-box.animation-group .repcon-element.visible {
    transform: scale(1);
}

.repcon-box .list-box .repcon-element {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.repcon-box .list-box .repcon-element:last-of-type,
.repcon-box .list-box .repcon-element.has-description,
.repcon-box .list-box .repcon-element.has-icon {
    margin-bottom: 0;
}

.repcon-box .list-box .repcon-element:before {
    margin-right: .5rem;
}

.repcon-box .list-box .repcon-element div {
    flex-grow: 1;
}

.repcon-box .list-box .repcon-element div p:not(.has-caption) {
    padding: .3rem 0;
    display: flex;
    flex-wrap: nowrap;
}

.repcon-box .list-box .repcon-element div p:not(.has-caption) img.url-icon {
    margin-right: .5rem;
    vertical-align: sub;
    max-width: 16px;
    max-height: 16px;
}

.repcon-box .list-box .repcon-element div img {
    max-width: 100%;
}

.repcon-box .list-box .repcon-element div img.image-cover {
    position: absolute;
}

.repcon-box .list-box .repcon-element .h-img>img {
    max-width: none;
    max-height: 100%;
}

.repcon-box .list-box.disabled .repcon-element {
    color: #777;
}

.repcon-box .list-box.disabled .repcon-element p[onclick] {
    text-decoration: underline;
}

.repcon-box .list-box.disabled .repcon-element div {
    border: none !important;
}

.repcon-box .list-box.html-list li:before {
    content: '•';
    width: auto;
    height: auto;
    box-shadow: none;
}

.repcon-box .list-box.ordered-list ol .repcon-element {
    counter-increment: li;
}

.repcon-box .list-box.ordered-list ol .repcon-element:before {
    content: counter(li) ".";
    width: auto;
    height: auto;
    box-shadow: none;
}


/*ListMenus*/

.menu-parent {
    width: auto;
    height: 100%;
    overflow: hidden;
    padding: 0;
    max-width: 250px;
    background-color: #fff;
    max-width: none;
}

.menu-parent .repcon-box>div {
    display: flex;
    width: 100%;
}

.menu-parent ul.list-elements {
    outline: none;
    flex-wrap: wrap;
}

.menu-parent ul.list-elements li.repcon-element {
    position: static !important;
}

.menu-parent ul.list-elements li.repcon-element .has-caption img {
    top: 45% !important;
}

.menu-parent ul.list-elements li.repcon-element .has-caption p {
    padding: 0 !important;
}

.menu-parent ul.list-elements li.r-link:hover {
    background-color: #f8f8f8;
}

.menu-parent ul.list-elements ul.list-elements {
    flex-grow: 1;
}

.menu-parent .repcon-box.list-box {
    transition: all 0.25s ease-in-out;
    top: 0;
    padding: 0;
    position: absolute;
    left: 100%;
    margin-left: 100%;
}

.menu-parent .repcon-box.list-box:first-of-type {
    position: relative;
    left: 0;
    margin-left: 0;
    height: auto;
    overflow: visible;
}

.menu-parent .repcon-box.list-box.active {
    transition: all 0.25s ease-in-out;
    background-color: #fff;
    z-index: 1;
    margin-left: 0;
    max-width: 100% !important;
}

.menu-parent .repcon-box.list-box .arrow-right-font-icon:after {
    margin-right: -0.5rem !important;
    margin-left: 0;
    display: none;
}

.menu-parent .repcon-box.list-box .arrow-left-font-icon {
    opacity: .5;
    display: flex;
    align-items: center;
}

.menu-parent .repcon-box.list-box .arrow-left-font-icon:before {
    margin-left: -1.2rem;
    margin-right: .3rem;
    font-weight: bold;
}

.menu-parent .repcon-box.list-box .arrow-left-font-icon:after {
    display: none;
}

.menu-parent.image-menu .repcon-box.list-box {
    height: 0;
    overflow: hidden;
}

.menu-parent.image-menu .repcon-box.list-box:first-of-type {
    height: auto;
    overflow: visible;
}

.menu-parent.image-menu .repcon-box.list-box.active {
    height: auto;
    overflow: visible;
}

.menu-parent.image-menu .repcon-box.list-box .url-icon {
    height: auto;
    margin: 0 auto;
    max-width: 100% !important;
    max-height: 100% !important;
    padding-bottom: .5rem;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    border: none;
    border-radius: 0px;
    min-height: 1px;
    min-width: 1px;
    position: relative;
}

.menu-parent.image-menu .repcon-box.list-box .actions {
    position: relative;
    margin-top: -30px;
}

.menu-parent.image-menu .repcon-box.list-box .back>div>p {
    border: none;
    display: inline-block;
}

.menu-parent.image-menu ul.list-elements {
    display: flex;
}

.menu-parent.image-menu li.repcon-element {
    width: 50%;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    box-shadow: 1px 1px 0px 0px #eee;
}

.menu-parent.image-menu li.repcon-element .r-link.back {
    display: block !important;
    width: 100%;
    padding: 0 !important;
    height: auto;
    position: relative !important;
}

.menu-parent.image-menu li.repcon-element .r-link.back .arrow-left-font-icon {
    padding: 1rem 1.5rem;
}

.menu-parent.image-menu li.repcon-element .r-link.back .arrow-left-font-icon.has-caption {
    display: none !important;
}

.menu-parent.image-menu li.repcon-element:hover {
    background: transparent !important;
}

.menu-parent.image-menu li.repcon-element:hover:after {
    content: '';
    position: absolute;
    left: auto;
    top: auto;
    width: inherit;
    height: inherit;
    background: rgba(0, 0, 0, 0.03);
    margin-left: 1.4rem;
    margin-top: .8rem;
    pointer-events: none;
}

.menu-parent.image-menu div {
    height: 100%;
    width: 100%;
}

.menu-parent.image-menu div>p {
    flex-direction: column !important;
    padding: 0;
    height: 100%;
    justify-content: space-between;
}

.menu-parent.list-menu .repcon-box.list-box {
    display: none;
}

.menu-parent.list-menu .repcon-box.list-box.active {
    display: block;
}

.menu-parent.list-menu .repcon-box.list-box:first-of-type {
    display: block;
}

.menu-parent .list-box .repcon-element div p.has-caption p {
    flex-wrap: wrap;
}

.menu-parent.image-menu[data-col='1'] li.repcon-element {
    width: 100%;
}

.menu-parent.image-menu[data-col='2'] li.repcon-element {
    width: 50%;
}

.menu-parent.image-menu[data-col='3'] li.repcon-element {
    width: 33.333%;
    padding: 1rem;
}

.menu-parent.image-menu[data-col='4'] li.repcon-element {
    width: 25%;
}

div[class*="dialog"] .menu-parent {
    overflow-y: hidden !important;
}

.repcon-box[class*='-group']>.menu-parent {
    height: auto;
}

.repcon-box[class*='-group']>.menu-parent .repcon-box ul .arrow-right-font-icon:after {
    margin-right: 0 !important;
}

.repcon-box .repcon-element>div>ul>li>div>p.has-caption {
    flex-grow: initial;
}

.r-link .has-caption+p span.second-title {
    display: block;
    color: #cccccc;
    width: 100%;
}

.repcon-box .list-box .repcon-element.r-link div>p.has-caption+p {
    flex-wrap: wrap;
}


/*menu*/

.r-link[onclick*='viewlist']>div.right {
    pointer-events: none;
}

.repcon-box .list-box .repcon-element div>p.has-caption>p {
    display: block;
}


/* PAGINACIÓN */

.repcon-box .list-elements+.r-pagination {
    border: 1px solid #e8e8e8;
    background: #fff !important;
    padding: .2rem .4rem;
}

.repcon-box .r-pagination .select-box {
    margin: 0 0.5rem;
    width: auto;
    display: flex;
    flex-direction: row-reverse;
    padding: 0;
}

.repcon-box .r-pagination .select-box>div {
    background: rgba(0, 0, 0, 0.03);
    border: none !important;
    min-height: 0;
    display: block;
    width: auto !important;
}

.repcon-box .r-pagination .select-box>div p {
    max-width: none;
}

.repcon-box .r-pagination .select-box>div:first-of-type {
    margin-right: .2rem;
}

.repcon-box .r-pagination .select-box>div:after {
    display: none;
}

.repcon-box .r-pagination .select-box div:first-of-type:hover,
.repcon-box .r-pagination .select-box div:first-of-type:focus {
    /*background:@colorhoverlight;*/
    border: none;
    min-height: 0;
    display: inline-block;
    width: auto !important;
}

.repcon-box .r-pagination .select-box div:first-of-type div {
    max-width: none;
}

.repcon-box .r-pagination .select-box>label {
    color: #777;
}

.repcon-box .r-pagination .select-box ul.list-active li div {
    background: none;
}

.repcon-box .r-pagination .list-active {
    right: auto !important;
}

.repcon-box .r-pagination .actions {
    float: none;
    display: inline-flex;
    align-items: center;
    margin: 0;
    width: auto;
    left: auto;
    right: auto;
    margin: 0 -0.3rem;
}

.repcon-box .r-pagination .actions li {
    width: auto;
    white-space: nowrap;
    padding: 0;
}

.repcon-box .r-pagination .actions li+li {
    margin-left: 0;
}


/*Icons*/

.repcon-box .r-pagination .arrow-right-font-icon:before,
.repcon-box .r-pagination .arrow-right-font-icon:after,
.repcon-box .r-pagination .arrow-left-font-icon:before,
.repcon-box .r-pagination .arrow-left-font-icon:after {
    display: inline-block;
    margin-right: 0rem !important;
    color: #777;
    font-size: .9rem;
}

.repcon-box .r-pagination .right-dir-font-icon:before,
.repcon-box .r-pagination .left-dir-font-icon:before {
    color: #777;
    padding: 0 .2rem;
    font-size: .9rem;
}

.repcon-box .r-pagination .arrow-left-font-icon:after,
.repcon-box .r-pagination .arrow-right-font-icon:after {
    margin-left: -10px;
}


/* PROGRESSBAR */

.repcon-box .r-progressbar {
    display: block !important;
    position: relative;
    float: none;
    width: 100% !important;
    height: auto;
}

.repcon-box .r-progressbar .progress {
    width: 100%;
    position: relative;
    display: block;
    height: 5px;
    border-radius: 25px;
    overflow: hidden;
    background: #f0f0f0;
    box-shadow: 0 1px 1px #ddd inset;
}

.repcon-box .r-progressbar .progress .progressbar-value {
    background-color: #2196F3;
    height: 100%;
    transition: width .2s ease;
}

.repcon-box .r-progressbar .progressbar-children {
    display: flex;
    flex-wrap: wrap;
}

.repcon-box .r-progressbar .progressbar-children .progressbar-labels {
    display: flex;
    width: 100%;
}

.repcon-box .r-progressbar .progressbar-children .progressbar-labels>* {
    padding: 0 .2rem;
}

.repcon-box .r-progressbar .progressbar-children .progressbar-labels>*:first-child,
.repcon-box .r-progressbar .progressbar-children .progressbar-labels>*:last-child {
    padding: 0;
}

.repcon-box .r-progressbar .progressbar-children .progressbar-labels>.right {
    flex-grow: 1;
    text-align: right;
}

.repcon-box .r-progressbar .progressbar-children .progressbar-labels>.right~.right {
    flex-grow: 0;
}

.repcon-box .r-progressbar .progressbar-children .ticks {
    position: absolute;
    top: -1rem;
    width: 100%;
}

.repcon-box .r-progressbar .progressbar-children .ticks label {
    justify-content: flex-end;
    position: absolute;
    margin: 0rem !important;
}

.repcon-box .r-progressbar .progressbar-children .ticks label p {
    font-size: .7rem;
    cursor: default;
}

.repcon-box .r-progressbar .progressbar-children .ticks label.align-bottom {
    top: 2rem;
    margin: 0rem !important;
}

.repcon-box .r-progressbar .progressbar-children .ticks label.align-bottom:before {
    top: -1.3rem;
}

.repcon-box .r-progressbar .progressbar-children .ticks label:before {
    content: "|";
    position: absolute;
    top: 0.7rem;
    font-size: 1rem;
}


/*Especificaciones ticks si lleva label*/

.repcon-box .r-progressbar label~.progressbar-children .ticks {
    top: .5rem;
}


/*RADIO*/

.repcon-box .radio-control:not(.multi-block) label~label {
    margin-left: 3rem;
}

.repcon-box .radio-control input+label {
    padding-left: 30px;
    position: relative;
    min-height: 1.1875rem;
    cursor: pointer;
}

.repcon-box .radio-control input+label:before {
    border: 2px solid #ccc;
    border-radius: 999em;
    background: transparent !important;
    content: "";
    display: inline-block;
    height: 14px;
    left: 0;
    position: absolute;
    width: 14px;
    top: 1px;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
}

.repcon-box .radio-control input+label:after {
    border-radius: 999em;
    content: '' !important;
    width: 10px;
    height: 10px;
    left: 4px;
    top: 5px;
    margin: 0;
    position: absolute;
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform .2s;
}

.repcon-box .radio-control input:checked+label:after {
    content: '';
    width: 10px;
    height: 10px;
    left: 4px;
    top: 5px;
    position: absolute;
    background: #009688;
    border-radius: 999em;
    transform: scale(1);
}

.repcon-box .radio-control input:checked+label:before {
    border-color: #009688;
}

.repcon-box .radio-control.multi-block {
    /*label ~ label{
            margin-left: 0rem;
        }*/
}

.repcon-box .radio-control.multi-block input+label {
    width: 100% !important;
}

.repcon-box input[type="radio"][disabled]+label:before {
    border-color: #ccc !important;
}

.repcon-box input[type="radio"][disabled]+label p {
    color: #777;
}


/*especificas*/

.repcon-box.radio-control:not(.multi-block)~label {
    margin-left: 3rem;
}

.repcon-box input[type="radio"]+label,
.repcon-box.b-group .repcon-box>label:not([for*="radio"])~input[type="radio"]+label {
    padding-left: 30px;
    position: relative;
    min-height: 1.1875rem;
}

.repcon-box.radio-control,
.repcon-box .collapsible>div.repcon-box.radio-control {
    display: block;
    width: 100% !important;
}


/*SLIDER*/

.repcon-box .range-box {
    display: inline-flex !important;
    flex-wrap: wrap;
    position: relative;
    vertical-align: middle;
    margin: 0;
    /*appearance*/
}

.repcon-box .range-box:before,
.repcon-box .range-box:after {
    display: none;
}

.repcon-box .range-box label {
    width: 100%;
}

.repcon-box .range-box>div {
    position: relative;
    flex-grow: 1;
    min-width: 1px;
    border: none !important;
}

.repcon-box .range-box>div:before,
.repcon-box .range-box>div:after {
    color: #ccc;
    content: attr(data-min);
    position: absolute;
    top: 1.2rem;
}

.repcon-box .range-box>div:after {
    content: attr(data-max);
    right: 0;
}

.repcon-box .range-box input[type="range"] {
    display: inline-block;
    margin: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    height: 2em;
    padding: 0;
    position: relative;
    -webkit-appearance: none;
    width: 100%;
}

.repcon-box .range-box input[type="range"]:active,
.repcon-box .range-box input[type="range"]:hover,
.repcon-box .range-box input[type="range"]focus {
    border: none;
    box-shadow: none;
}

.repcon-box .range-box input[type="range"]:active~output {
    transform: scale(1);
}

.repcon-box .range-box input[type="range"][disabled]~.fill-lower {
    background: #777;
}

.repcon-box .range-box+input[type="range"],
.repcon-box .range-box.input-type>input {
    display: inline-block;
    margin: 0 0 0 1rem;
    text-align: center;
    vertical-align: super;
    width: 100%;
}

.repcon-box .range-box.input-type>div {
    position: relative;
    display: inline-block;
}

.repcon-box .range-box .fill-lower {
    background: #009688;
    height: 2px;
    left: 0;
    position: absolute;
    pointer-events: none;
    top: .85rem;
    width: auto;
    margin-top: 0 !important;
}

.repcon-box .range-box .fill-lower:empty {
    display: block;
}

.repcon-box .range-box.fixed-output output {
    color: #009688;
    font-family: 'Roboto-Bold';
    left: 0 !important;
    position: relative;
    text-align: center;
    display: block;
    margin-left: 0 !important;
    margin-top: -0.5rem;
}

.repcon-box .range-box.fixed-output input[disabled]~output {
    color: #777;
}

.repcon-box .range-box:not(.fixed-output) output {
    background: #009688;
    bottom: 0;
    border-radius: 999em;
    color: #fff;
    height: 2.8em;
    line-height: 180%;
    min-width: 2.8em;
    padding: .5em;
    pointer-events: none;
    position: absolute;
    transform: scale(0);
    transition: transform .15s .1s;
    transform-origin: 50% 100%;
    text-align: center;
    margin-bottom: 3.5em;
    z-index: 2;
}

.repcon-box .range-box:not(.fixed-output) output:after {
    content: '';
    border-right: 1.09em solid transparent;
    border-left: 1.09em solid transparent;
    height: 0;
    width: 0;
    display: block;
    border-top: 1em solid #009688;
    position: absolute;
    bottom: -0.44em;
    left: .362em;
}

.repcon-box .range-box:not(.fixed-output) input[disabled]~output {
    transform: scale(0);
}

.repcon-box .range-box.disabled>div {
    border: none !important;
}

.repcon-box input[type=range]::-webkit-slider-thumb {
    border: none;
    background: #009688;
    border-radius: 999em;
    cursor: pointer;
    height: 1em;
    margin-top: -0.37rem;
    transition: transform .15s;
    transform: scale(1);
    width: 1em;
    z-index: 1;
    position: relative;
}

.repcon-box input[type=range]::-webkit-slider-thumb:hover {
    background: #009688;
}

.repcon-box input[type=range]:active::-webkit-slider-thumb {
    transform: scale(2);
}

.repcon-box input[type=range]::-webkit-slider-runnable-track {
    height: 2px;
    background: #ccc;
    border: none;
}

.repcon-box input[type=range]:focus::-webkit-slider-runnable-track {
    background: #777;
    transition: background .15s;
}

.repcon-box input[type=range][disabled]::-webkit-slider-thumb {
    cursor: default;
    background: #777;
    transform: none;
}

.repcon-box input[type=range]::-moz-range-thumb {
    border: none;
    background: #009688;
    border-radius: 999em;
    cursor: pointer;
    height: 1em;
    transform: scale(1);
    transition: transform .15s;
    width: 1em;
}

.repcon-box input[type=range]:active::-moz-range-thumb {
    transform: scale(2);
}

.repcon-box input[type=range]::-moz-range-track {
    height: 2px;
    background: #ccc;
}

.repcon-box input[type=range]:focus::-moz-range-track {
    background: #777;
    transition: background .15s;
}

.repcon-box input[type=range][disabled]::-moz-range-thumb {
    cursor: default;
    background: #777;
    transform: none;
}

.repcon-box input[type=range]::-ms-thumb {
    background: #009688;
    border: none;
    border-radius: 999em;
    cursor: pointer;
    height: 1em;
    margin-right: 1px;
    width: 1em;
}

.repcon-box input[type=range]::-ms-track {
    background: #f0f0f0;
    border: none;
    border-color: transparent;
    color: transparent;
    height: 2px;
}

.repcon-box input[type=range]:focus::-ms-track {
    background: #777;
    transition: background .15s;
}

.repcon-box input[type=range]::-ms-tooltip {
    display: none;
}

.repcon-box input[type=range]::-ms-fill-lower {
    display: none;
}

.repcon-box input[type=range][disabled]::-ms-thumb {
    background: #777;
    cursor: default;
}


/*FUENTES*/


/*REQUIRED & NONES*/


/*box shadows*/


/*GENERALES*/


/*R-CONTROL (big, small, label..)*/


/*LABEL has-caption*/


/*H*/


/*INPUT*/


/*INPUT LEGEND*/


/*ICONS*/


/*DISABLED*/


/*ACTIONS*/


/*LOADING*/


/*TOOLTIPS*/


/*DATE*/


/*OUTER*/


/*TABS & COLLAPSIBLES & head-group*/


/*FUENTES*/

@font-face {
    font-family: 'Roboto';
    src: url('../font/roboto/roboto-regular.eot');
    src: local('Roboto-Regular'), url('../font/roboto/roboto-regular.eot?#iefix') format('embedded-opentype'), url('../font/roboto/roboto-regular.woff') format('woff'), url('../font/roboto/roboto-regular.ttf') format('truetype'), url('../font/roboto/roboto-regular.svg#RobotoRegular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/roboto/roboto-light.eot');
    src: url('../font/roboto/roboto-light.eot?#iefix') format('embedded-opentype'), url('../font/roboto/roboto-light.woff') format('woff'), url('../font/roboto/roboto-light.ttf') format('truetype'), url('../font/roboto/roboto-light.svg#RobotoLight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/roboto/roboto-medium.eot');
    src: url('../font/roboto/roboto-medium.eot?#iefix') format('embedded-opentype'), url('../font/roboto/roboto-medium.woff') format('woff'), url('../font/roboto/roboto-medium.ttf') format('truetype'), url('../font/roboto/roboto-medium.svg#RobotoMedium') format('svg');
    font-weight: 500;
    font-style: normal;
}


/*REQUIRED & NONES*/

.repcon-box.required label:after,
.repcon-box.required label[class*="-font-icon"]:after,
.repcon-box .cke_dialog_body label.cke_required:after,
.repcon-box.required input[type='checkbox']+label span:after,
.repcon-box h2.required:after,
td .required:before {
    color: #e74c3c;
    content: "*" !important;
    line-height: 1em;
    margin: 0 2px;
}


/*required label tablas & displays nones
.repcon-box.r-check.required  label:after,
.repcon-box td .required label:after,
.repcon-box.select-box .arrow-down-font-icon:before,
.toggle-wrapper label:before,
.toggle-2.repcon-box > input + label:before,
.toggle-2 input + label .toggle-wrapper.alert label:last-of-type,
.toggle-2 input:checked + label .toggle-wrapper.alert label:first-of-type,
.repcon-box .r-table td .r-breadcrumb .select-box > div:first-of-type p,
.r-tree *[data-node="0"][data-level="0"] > .tree-icon.last-elem:before,
.r-tree .tree-icon.hidden,
.r-tree .folder-icon ~ .tr,
.repcon-box .radio-control input + label p:before,
.repcon-box.select-box > div:first-of-type.arrow-down-font-icon:before,
.r-file-prev + div .r-file-data:empty,
.r-file-prev + div .r-file-data.hidden,
.repcon-box.r-box > .image-section > ul.actions > li:empty,
.r-pagination .select-box .arrow-down-font-icon:after,
.r-full-calendar .actions .arrow-left-font-icon:after,
.r-full-calendar .actions .arrow-right-font-icon:after{
    display:none;
}
*/

.error:hover,
.error:focus,
.error:active {
    border-bottom: 1px solid #e74c3c;
}


/*box shadows*/

.repcon-box .z-0 {
    box-shadow: 0 0 0 1px #ddd;
}

.repcon-box .z-1 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
}

.repcon-box .z-2 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.repcon-box .z-3 {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.repcon-box .z-4 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.repcon-box .z-5 {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}


/*GENERALES*/

a {
    color: #212121;
    text-decoration: none;
}

a:focus {
    outline: none;
}

section {
    overflow: visible;
    position: relative;
}

strong,
th {
    font-weight: normal;
    font-family: 'Roboto-Bold', sans-serif;
}

body * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font: 400 .8rem Roboto !important;
}

body,
input,
textarea+.cke_editable,
textarea,
select {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 0.9rem;
    color: #3d3d3d;
    width: 100%;
    font-weight: 700;
}

.BasicLi {
    list-style: none;
    position: relative;
    height: auto;
}

.BasicLi:hover {
    background: #ccc;
}

[onclick],
[onclick] .repcon-box label {
    cursor: pointer !important;
}


/*R-CONTROL*/

.repcon-box.r-control {
    width: 23.799rem;
    padding: 0.3rem 1.4rem;
    display: inline-block;
    position: relative;
    max-width: 100%;
    /*comparten input y textarea*/
    /*texto acciones*/
}

.repcon-box.r-control.big-elem {
    width: 47.60rem;
}

.repcon-box.r-control.small-elem {
    width: 11.779rem;
}

.repcon-box.r-control.inline-elem {
    display: inline-flex !important;
    align-items: flex-start;
}

.repcon-box.r-control.inline-elem label {
    width: 100%;
}

.repcon-box.r-control.inline-elem .actions {
    order: 100;
    margin-left: 1rem;
}

.repcon-box.r-control.inline-elem label+input {
    order: 1;
    margin-left: .5rem;
}

.repcon-box.r-control.inline-elem>div[class*='input-legend'] {
    margin-left: .5rem;
    width: 100%;
}

.repcon-box.r-control.inline-elem>div[class*='input-legend']>input {
    margin: 0;
}

.repcon-box.r-control.has-actions label {
    max-width: calc(100% - 1.7rem);
}

.repcon-box.r-control.has-actions #calenderTableHead {
    background: #2196F3;
}

.repcon-box.r-control .r-control {
    padding: 0;
}


/*LABEL has-caption*/

label {
    color: #3d3d3d;
    cursor: pointer;
    display: inline-flex;
    margin: .2rem 0;
    align-items: center;
    position: relative;
    max-width: 100%;
}

label p,
label div,
label h2 {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

label[readonly] p {
    text-decoration: underline;
    color: #2196F3;
}

label[readonly]:before {
    color: #2196F3;
}

label .url-icon {
    position: relative;
    left: 0;
}

.repcon-box .kw {
    padding-right: 2px;
    color: #2196F3;
    font-family: 'Roboto-Bold';
    width: auto !important;
}

.has-caption {
    max-width: 100% !important;
    display: flex !important;
    flex-flow: wrap;
}

.has-caption p {
    flex-wrap: wrap !important;
}

.has-caption span.second-title {
    display: block;
    font-size: 0.8rem;
    width: 100%;
}

.has-caption:before {
    display: block;
    line-height: 2.4rem;
    border-radius: 999em;
    width: 38px;
    height: 38px;
    min-width: 38px;
    background: #ccc;
    color: #fff;
    text-align: center;
    margin-right: .5rem;
}

.has-caption:after {
    display: none;
}


/*Con caption o solo d*/

img.url-icon {
    width: 40px;
    height: 40px;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    max-width: 100%;
    max-height: 100%;
    margin-right: .5rem;
    /*+ p {
        padding-left: 3.4em;
    }*/
}

.repcon-box.tabs h2:not(.has-caption)>img.url-icon,
.repcon-box.collapsible h2:not(.has-caption)>img.url-icon {
    max-width: 16px;
    max-height: 16px;
    border: none;
}


/*imagenes logotipos*/

.logotype img.url-icon {
    border: none;
    margin-right: 0;
    height: auto;
    border-radius: inherit;
}


/*H*/

h3 {
    font-size: 1.1rem;
}

h2 {
    font-size: 1.2rem;
    font-weight: normal;
}

.repcon-box h2 .url-icon {
    top: .1rem;
    vertical-align: baseline;
    margin-right: .5rem;
}

.repcon-box>h2.required {
    display: flex;
    align-items: baseline;
}


/*INPUT*/

.repcon-box input,
.repcon-box select,
.repcon-box textarea,
.repcon-box .form-elem .select-box>div:first-of-type,
.repcon-box .select-box>div:first-of-type,
.repcon-box textarea+.cke,
.repcon-box body>.CodeMirror,
.repcon-box .r-complete div.r-input {
    width: 100%;
    color: #212121;
    border: 1px solid #ccc;
    display: block;
    padding: .2rem .4rem;
    position: relative;
    transition: border .2s ease;
    text-align: left;
    box-shadow: none;
}

.repcon-box input:hover,
.repcon-box select:hover,
.repcon-box textarea:hover,
.repcon-box .form-elem .select-box>div:first-of-type:hover,
.repcon-box .select-box>div:first-of-type:hover,
.repcon-box textarea+.cke:hover,
.repcon-box body>.CodeMirror:hover,
.repcon-box .r-complete div.r-input:hover,
.repcon-box input:focus,
.repcon-box select:focus,
.repcon-box textarea:focus,
.repcon-box .form-elem .select-box>div:first-of-type:focus,
.repcon-box .select-box>div:first-of-type:focus,
.repcon-box textarea+.cke:focus,
.repcon-box body>.CodeMirror:focus,
.repcon-box .r-complete div.r-input:focus,
.repcon-box input:active,
.repcon-box select:active,
.repcon-box textarea:active,
.repcon-box .form-elem .select-box>div:first-of-type:active,
.repcon-box .select-box>div:first-of-type:active,
.repcon-box textarea+.cke:active,
.repcon-box body>.CodeMirror:active,
.repcon-box .r-complete div.r-input:active {
    border: 1px solid #777;
}

.repcon-box textarea+.cke_focus {
    border: 1px solid #777;
}

.repcon-box input[type="checkbox"],
.repcon-box input[type="radio"] {
    left: -999em !important;
    position: absolute !important;
    display: block;
    width: 1px !important;
    min-width: 1px !important;
}

.repcon-box input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.repcon-box input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
}

.repcon-box.r-password input::-ms-reveal {
    display: none;
}

.repcon-box.r-password input+.eye-font-icon {
    position: absolute;
    transform: translate(-100%, -100%);
    padding: .3rem;
    right: 0;
    cursor: pointer;
    display: none;
}

.repcon-box.r-password input+.eye-font-icon:before {
    margin: 0;
}

.repcon-box.r-password input::-ms-reveal {
    display: none;
}

.repcon-box.r-password input+.linelogin~.eye-font-icon {
    position: absolute;
    transform: translateY(50%);
    padding: .3rem;
    right: 0;
    top: 0;
    cursor: pointer;
}


/*INPUT LEGEND*/

.repcon-box>div[class*='input-legend'] {
    display: flex;
    width: 100%;
}

.repcon-box>div[class*='input-legend']>input {
    flex-grow: 1;
    width: auto;
}

.repcon-box>div[class*='input-legend']>p {
    background: #f0f0f0;
    border: 1px solid #b8b8b8;
    border-left: 0;
    padding: .2rem .4rem;
    color: #777;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: auto;
}

.repcon-box>div.input-legend-left {
    flex-direction: row-reverse;
}

.repcon-box>div.input-legend-left>p {
    border-left: 1px solid #b8b8b8;
    border-right: 0;
}

.repcon-box.disabled>div[class*='input-legend']>p {
    border-color: #e0e0e0;
}


/*ICONS*/

.repcon-box h2[class*="-font-icon"]:before,
.repcon-box div[class*="-font-icon"]:before,
.repcon-box p[class*="-font-icon"]:before,
label[class*="font-icon"]:before {
    margin-right: .2rem;
}

[class*="-font-icon"]:before {
    display: inline-block;
    vertical-align: baseline;
    text-align: center;
    text-indent: 0;
}

.iconAfter:after {
    display: inline-block;
    vertical-align: baseline;
    font-weight: 100;
    text-align: center;
    text-indent: 0;
    font-family: icons;
}

.repcon-box.select-box>ul:not(.actions) .selected-item:before {
    border-bottom: 2px solid #282828;
    border-right: 2px solid #282828;
    content: '';
    display: block;
    height: 1em;
    margin-left: -1.5em;
    margin-top: -0.1em;
    position: absolute;
    right: 1em;
    transform: rotate(45deg);
    top: calc(50% - .8em);
    -webkit-transform: rotate(45deg);
    width: .4em;
}


/*DISABLED*/

.disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #ccc;
}

.disabled>div:first-of-type {
    background: #f0f0f0 !important;
    border: 1px solid #e0e0e0 !important;
    color: #777 !important;
}

[disabled],
input[readonly] {
    background: #f0f0f0;
    border: 1px solid #e0e0e0;
    color: #777 !important;
}

[disabled]:hover,
input[readonly]:hover,
[disabled]:focus,
input[readonly]:focus,
[disabled]:active,
input[readonly]:active {
    border: 1px solid #e0e0e0;
}


/*ACTIONS*/

.actions {
    white-space: nowrap;
    float: right;
}

.actions li {
    cursor: pointer;
    padding: 0;
    vertical-align: middle;
    display: inline-block !important;
    height: auto !important;
    padding: .2rem;
    list-style: none;
    position: relative;
    height: auto;
}

.actions li:hover {
    background: #ccc;
}

.actions li:after {
    display: inline-block;
    vertical-align: baseline;
    font-weight: 100;
    text-align: center;
    text-indent: 0;
    font-family: icons;
}

.actions li:hover {
    background: transparent;
}

.actions li.separator {
    border-bottom: 1px solid #eee;
}

.actions li.menu {
    overflow: hidden;
}

.actions li.menu ul {
    position: absolute;
    z-index: 1;
    top: 0;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    display: inline-block;
    padding: 1em 1.9em;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    right: 0;
    transform: scale(0);
    transform-origin: right top;
    transition: all .2s;
}

.actions li.menu ul li {
    padding: .8em 3em !important;
    display: block !important;
}

.actions li.menu ul li:hover {
    background: #f0f0f0;
}

.actions li.menu.active {
    overflow: inherit;
}

.actions li.menu.active ul {
    opacity: 1;
    transform: scale(1);
    transition: all .2s;
    z-index: 200;
}

.actions li+li {
    /* margin-left: .5rem;*/
}


/*LOADING*/

.repcon-box svg {
    position: absolute;
    width: 5em;
    height: 5em;
    top: calc(47.5%);
    right: calc(47.5%);
    z-index: 100;
}

.repcon-box circle {
    stroke-width: 8;
    stroke-linecap: round;
    stroke: #4285F4;
    fill: none;
    animation: colors linear 5.4s infinite;
}

@keyframes colors {
    0% {
        stroke: #4285F4;
    }
    25% {
        stroke: #DE3E35;
    }
    50% {
        stroke: #F7C223;
    }
    75% {
        stroke: #1B9A59;
    }
    100% {
        stroke: #4285F4;
    }
}

@keyframes rot {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes ani {
    0% {
        stroke-dasharray: 0 1006;
        stroke-dashoffset: 0;
        -moz-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    50% {
        stroke-dasharray: 300;
        stroke-dashoffset: -80;
    }
    100% {
        stroke-dasharray: 800 1006;
        stroke-dashoffset: -250;
    }
}

.repcon-box .controls-group>.repcon-box svg {
    position: absolute;
    width: 1.2em;
    height: 1.2em;
    right: 2.2em;
    top: 3.15em;
    z-index: 100;
}

.repcon-box .controls-group>.repcon-box svg circle {
    stroke-width: 10;
}

.repcon-box .r-box svg,
.repcon-box svg {
    position: absolute;
    width: 5em;
    height: 5em;
    top: calc(47.5%);
    right: calc(47.5%);
    z-index: 100;
}

.repcon-box svg.spinner circle {
    stroke-width: 8;
}

.repcon-box .spinner1 {
    display: none;
}

.repcon-box #spinner2 {
    stroke: blue;
}

.repcon-box .r-loader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5000;
    transition: opacity .2s ease;
}

.repcon-box .r-loader span {
    margin-left: .2em;
}

.repcon-box .r-bg {
    background: black;
    opacity: 0;
    display: block;
    height: 100%;
    width: 100%;
    transition: opacity .2s ease;
}

.repcon-box .visible .r-bg {
    opacity: .8;
}

.repcon-box .r-loader .bg-loader {
    background: black;
    opacity: .8;
    display: block;
    height: 100%;
    width: 100%;
}

.repcon-box .loader-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 50px;
    width: auto;
    border-radius: 1px;
    background: #fff;
    padding: 0 1em;
    min-width: 300px;
    text-align: center;
    transform: scale(0);
    transition: transform .2s ease;
}

.repcon-box .visible .loader-wrapper {
    transform: scale(1);
}

.repcon-box .loader-wrapper>* {
    opacity: 0;
    transition: opacity .2s ease .2s;
}

.repcon-box .visible .loader-wrapper>* {
    opacity: 1;
}

.repcon-box .loader-wrapper svg {
    position: relative;
    height: auto;
    width: 50px;
    top: 0;
    left: 0;
    padding: .5em;
    display: inline-block;
    vertical-align: middle;
}

.repcon-box .loader-wrapper p {
    display: inline-block;
}

.repcon-box .r-loader.single .loader-wrapper {
    background: transparent;
    box-shadow: none;
    min-width: 0;
    width: auto;
    height: auto;
}

.repcon-box .r-loader.single .loader-wrapper span {
    color: #f0f0f0;
    margin-left: 0;
}

.repcon-box .r-loader.single .loader-wrapper p {
    position: absolute;
    top: 34%;
    left: 0;
    width: 100%;
    text-align: center;
}

.repcon-box .r-loader.single .loader-wrapper svg {
    width: 80px;
    height: 80px;
}


/*TOOLTIPS*/

.repcon-box .r-tooltip {
    position: fixed;
    pointer-events: none;
    opacity: 0;
    transition: margin .2s ease, opacity .2s ease;
    width: auto;
    max-width: 350px;
    border-radius: 2px;
    left: -999em;
    z-index: 10000;
    margin-top: 1.5rem;
    color: #212121;
    font-weight: normal;
}

.repcon-box .r-tooltip .tooltip-wrapper {
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 1rem;
    border-radius: 2px;
    display: inline-flex;
}

.repcon-box .r-tooltip .tooltip-wrapper:after {
    display: none;
}

.repcon-box .r-tooltip .tooltip-wrapper:before {
    margin-right: .5rem;
}

.repcon-box .r-tooltip .tooltip-wrapper p {
    overflow: visible;
    white-space: normal;
}

.repcon-box .r-tooltip .tooltip-wrapper .tooltip-arrow {
    background: inherit;
}

.repcon-box .r-tooltip .tooltip-wrapper .tooltip-arrow:after,
.repcon-box .r-tooltip .tooltip-wrapper .tooltip-arrow:before {
    content: '';
    background: inherit;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 100%;
    display: block;
    transform: rotate(45deg) translate(0.4rem, -1.2rem);
    /*z-index: 1;*/
    left: 0;
}

.repcon-box .r-tooltip .tooltip-wrapper .tooltip-arrow:before {
    background: inherit;
    z-index: -1;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    content: '';
    margin-top: -1px;
}

.repcon-box .r-tooltip.active {
    opacity: 1;
    transition: margin .2s ease .5s, opacity .2s ease .5s;
    margin-top: -0.5rem;
}

.repcon-box .r-tooltip.bottom {
    margin-top: 0;
}

.repcon-box .r-tooltip.bottom.active {
    margin-top: 1.5rem;
}

.repcon-box .r-tooltip.bottom .tooltip-arrow:after,
.repcon-box .r-tooltip.bottom .tooltip-arrow:before {
    top: 0 !important;
    margin-top: 1px;
}

.repcon-box .r-tooltip.right .tooltip-arrow:after,
.repcon-box .r-tooltip.right .tooltip-arrow:before {
    left: auto;
    transform: rotate(45deg) translate(-1.2rem, 0.4rem);
}

.repcon-box .r-tooltip .tooltip-trigger {
    position: absolute;
    z-index: 1;
}


/*DATE*/

.repcon-box #calenderTable,
.repcon-box #calenderTableSlide {
    transition: transform .2s ease;
}

body>#calenderTable,
body>#calenderTableSlide {
    position: absolute;
    z-index: -1;
    display: none;
}

.repcon-box>#calenderTable,
.repcon-box>#calenderTableSlide {
    position: absolute;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    z-index: 1;
    border-collapse: separate;
    border-spacing: 14px;
    top: .5rem;
    right: 1.4rem;
    transform: scale(0);
    transform-origin: top right;
    width: 320px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    display: table !important;
}

.repcon-box>#calenderTable.ltr,
.repcon-box>#calenderTableSlide.ltr {
    transform-origin: top left;
    right: auto;
    left: calc(98.6%);
}

.outer.repcon-box>#calenderTable,
.outer.repcon-box>#calenderTableSlide {
    right: 0;
    top: 0;
}

.repcon-box #calenderTable tbody tr,
.repcon-box #calenderTableSlide tbody tr {
    display: table-row;
}

.repcon-box.small-elem>#calenderTable .repcon-box.small-elem>#calenderTableSlide {
    left: 0;
    transform-origin: top center;
}

.repcon-box>#calenderTable.showCal,
.repcon-box>#calenderTableSlide.showCal {
    transform: scale(1);
    z-index: 100000;
}

.repcon-box #calenderTableHead,
.repcon-box #calenderTableHeadSlide {
    background: #2196F3;
    display: table-caption !important;
}

.repcon-box #calenderTableHead select,
.repcon-box #calenderTableHeadSlide select {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: white;
    display: inline-block;
    width: auto;
    padding: .5rem 1rem;
    height: auto;
}

.repcon-box #calenderTableHead select option,
.repcon-box #calenderTableHeadSlide select option {
    background: #2196F3;
    color: #FFF;
}

.repcon-box #calenderTableDays td,
.repcon-box #calenderTableDaysSlide td {
    color: #2196F3;
}

.repcon-box>#calenderTable td,
.repcon-box>#calenderTableSlide td {
    border: none;
    text-align: center;
    padding: 0 !important;
    height: 30px;
    vertical-align: middle;
    width: auto !important;
    display: table-cell !important;
}

.repcon-box #calender td:not(:empty),
.repcon-box #calenderSlide td:not(:empty) {
    border-radius: 999em !important;
    cursor: pointer;
    transition: all .2s ease;
}

.repcon-box #calender td:hover:not(:empty),
.repcon-box #calenderSlide td:hover:not(:empty) {
    background: #eee;
}

.repcon-box>#calenderTable td.toDay,
.repcon-box>#calenderTableSlide td.toDay {
    box-shadow: 0 0 0 1px #2196F3 inset;
    color: #2196F3;
}

.repcon-box>#calenderTable td.choosenDay,
.repcon-box>#calenderTableSlide td.choosenDay {
    background: #2196F3;
    color: white;
}

.repcon-box>#calenderTable td.toDay.choosenDay,
.repcon-box>#calenderTableSlide td.toDay.choosenDay {
    box-shadow: 0 0 0 2px #fff inset, 0 0 0 1px #2196F3;
}

.repcon-box #calenderTableHead a,
.repcon-box #calenderTableHeadSlide a {
    position: absolute;
    right: 1rem;
    top: 1.2rem;
    color: white;
    line-height: 1.8rem;
}

.repcon-box #calenderTableHead a:before,
.repcon-box #calenderTableHeadSlide a:before {
    content: '\f124';
    font-family: icons;
}

.repcon-box .showCal tr:empty {
    display: none;
}


/*OUTER*/

.outer {
    position: fixed !important;
    margin: 0;
    z-index: 100001;
    max-width: none;
    min-width: auto;
    overflow: visible;
}

.repcon-box .actions .menu ul,
body.repcon-box>.menu ul,
body>.menu.outer ul {
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    right: 0;
    transform: scale(0);
    transform-origin: right top;
    transition: all .2s;
}

body>.menu.outer ul.bottom {
    transform-origin: right bottom;
}

body>.menu.outer ul.active {
    opacity: 1;
    transform: scale(1);
    transition: all .2s;
    z-index: 200;
}

body>.menu.outer ul li {
    display: block;
    white-space: nowrap;
    opacity: 0;
    transition: all .2s .1s;
}

body>.menu.outer ul.active li {
    opacity: 1;
    transition: all .2s .1s;
}

body>.menu.outer:after {
    display: none;
}

body>.menu.outer ul {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    display: inline-block;
    padding: 1em 1.9em;
}

body>.menu.outer ul {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
}

.repcon-box .select-box>ul:not(.actions),
body>.select-box.outer>ul:not(.actions),
.repcon-box.r-complete:not(.select-box) ul:not(.actions) {
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    height: 0;
    margin-top: .1rem;
    opacity: 0;
    overflow: auto;
    /*padding: .5em 0;*/
    position: absolute;
    z-index: -1;
    transition: opacity .15s, height .15s;
    -webkit-transition: opacity .15s, height .15s;
    z-index: 10000 !important;
}

.repcon-box.r-complete>.list-active.bottom,
.outer>.bottom {
    transform: translateY(-100%);
}

.repcon-box .select-box>ul:not(.actions),
body>.select-box.outer>ul:not(.actions),
.repcon-box.r-complete>ul:not(.actions) {
    left: 0;
    opacity: 0;
    /*right: 1.1em;*/
    right: 0;
    width: auto;
}

body>.select-box.outer>ul:not(.actions) {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transform: scaleY(0);
    transform-origin: left top;
    -webkit-transition: all .15s;
    transition: all .15s;
    min-width: 0;
    width: auto;
    display: block;
    position: relative;
    margin: 0;
}

body>.select-box.outer>ul.list-active:not(.actions) {
    transform: scaleY(1);
}

body>.select-box.outer>ul.bottom {
    transform: scaleY(1) translateY(-100%) !important;
}

body>.select-box.outer>.list-active.bottom {
    transform-origin: left bottom;
}

body>.select-box.outer .url-icon {
    max-width: 16px;
    vertical-align: sub;
    margin-right: .5rem;
}

body>.select-box.outer.r-breadcrumb {
    width: auto !important;
    margin-top: -8px;
}

body>.select-box.outer.r-breadcrumb>ul:not(.actions) {
    transform: scale(0) !important;
}

body>.select-box.outer.r-breadcrumb>ul.list-active {
    transform: scale(1) !important;
}

body>.select-box.outer.r-breadcrumb li {
    padding: 0;
    white-space: nowrap;
}

body>.select-box.outer.r-breadcrumb li p {
    padding: .8rem 3.3rem .8rem 1.7rem;
}

body>.select-box.outer.tfoot {
    margin-top: -0.3rem;
}

body>.menu.outer li {
    padding: .8em 3em;
}

body>.menu.outer li:hover {
    background: #eee;
    cursor: pointer;
}

body>.r-calendar.outer>table.bottom {
    top: auto !important;
    bottom: calc(98.5%);
    transform-origin: bottom right !important;
}

body>.r-calendar.outer>table.bottom.ltr {
    transform-origin: bottom left !important;
}


/*TABS & COLLAPSIBLES & head-group*/

.repcon-box.tabs>h2,
.menu-parent ul.list-elements li.repcon-element {
    padding: .8rem 1.4rem !important;
    cursor: pointer;
    white-space: nowrap;
    /*margin: -1rem 0 0 0;*/
}

.repcon-box.tabs>h2:hover,
.menu-parent ul.list-elements li.repcon-element:hover {
    background: #f8f8f8;
}

.repcon-box .head-group .actions>li:after {
    width: auto;
}


/*GRID*/


/* mys 31/05/17 sobreescribe al grid, quitar esta parte cuando no se cargue grid.css */

td input,
th {
    font-size: .9rem !important;
}


/* ASEMBLIES: TABS */

.repcon-box.tabs {
    background: #fff;
    position: absolute !important;
    margin-top: 0;
    overflow: visible;
    top: 3.7rem;
    z-index: 0;
    right: 0;
    width: auto;
    left: 0;
    height: 0;
    margin-bottom: 4.7rem;
}

.repcon-box.tabs>h2 {
    margin-top: .4rem;
    position: absolute;
    top: -2.95rem;
    transition: all 0.2s;
    background: #f8f8f8;
    font-size: 1rem;
}

.repcon-box.tabs>div {
    position: relative;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.repcon-box.tabs:not(.active-form)>h2:hover {
    margin-top: 0;
    transition: all .2s;
}

.repcon-box.tabs.active-form {
    z-index: 1;
    position: relative !important;
    height: auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
}

.repcon-box.tabs.active-form>h2 {
    background: #fff;
    box-shadow: none;
    margin-top: -1px;
    transition: none;
}

.repcon-box.tabs.active-form>div {
    opacity: 1;
    transition: opacity 0.5s ease;
    height: auto;
    overflow: visible;
}

.repcon-box.simple-tab {
    box-shadow: none !important;
}

.repcon-box.simple-tab .line {
    border-bottom: 2px solid #2196F3;
    font-weight: 700;
    color: #2196F3 !important;
    position: relative;
    top: 4rem;
    transition: all .5s ease;
    left: 0px;
    width: auto;
    margin: -2px 0px;
}

.repcon-box.simple-tab .repcon-box.tabs,
.repcon-box.simple-tab h2 {
    background: transparent !important;
    box-shadow: none;
    margin-top: 0rem;
}

.repcon-box.simple-tab .active-form>h2 {
    margin-top: 0px !important;
}

.repcon-box .tab-wrapper.simple-tab .repcon-box .tab-button li.disabled-tab {
    cursor: default;
}

.repcon-box.tabs div.controls-group:first-of-type {
    margin: 0;
    padding-top: .9rem;
}

.repcon-box.tabs div.controls-group:last-of-type {
    margin: 0;
    padding-bottom: .9rem;
}


/*TAB-BUTTON*/

.repcon-box .tab-button {
    margin: 1em 1.9em;
    outline: none;
    min-width: inherit;
}

.repcon-box .tab-button:focus li p {
    color: #212121;
    font-size: 1.2rem;
}

.repcon-box .tab-button li {
    display: inline-block;
    color: #777;
    cursor: pointer;
    transition: color 0.2s, font-size 0.2s;
    padding: 0;
}

.repcon-box .tab-button li:hover,
.repcon-box .tab-button li:focus p {
    color: #212121;
    outline: none;
}

.repcon-box .tab-button li+li:before {
    content: "|";
    font-family: 'Roboto-Light';
    margin: 0 10px;
    font-size: 28px;
}

.repcon-box .tab-button li.active-tab {
    color: #212121;
}

.repcon-box .tab-button li.active-tab p {
    font-size: 1.5rem;
}

.repcon-box .tab-button li.disabled-tab p {
    color: rgba(0, 0, 0, 0.3);
    cursor: default;
    pointer-events: none;
}

.repcon-box .tab-button li p {
    display: inline-block;
    cursor: pointer;
    transition: color 0.2s, font-size 0.2s;
    padding: 0;
}

.repcon-box .tab-button li p:hover,
.repcon-box .tab-button li p:focus {
    outline: none;
}


/*TABLE*/


/*BASIC*/


/*FIXED-COL*/


/*FILTER*/


/*ROWS-STRIPED*/


/*breadcrumb en table*/


/*button en table*/


/*checkbox en tabla*/


/*collapsible en tablas*/


/*combobox en tablas*/


/*progressbar en table*/

.BorderBottom {
    bottom: auto;
    content: '';
    position: absolute;
    left: 0;
    width: auto;
    right: 0;
    border-bottom: 1px solid #e0e0e0;
    z-index: 3;
}

.backgroundEffect {
    content: '';
    width: 2px;
    height: 103%;
    background: #f0f0f0;
    position: absolute;
    z-index: 4;
    border-bottom: none;
}

.GeneralStyles {
    padding: 1rem 1.4rem;
    width: 100%;
    max-width: none;
    resize: none;
    border: none !important;
    min-width: 150px;
    transition: background .4s ease;
    background: transparent;
}

.GeneralStyles:hover:not(:disabled),
.GeneralStyles:focus {
    background: #fff;
    z-index: 1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.GeneralHover {
    background: #f8f8f8;
    transition: background .4s ease;
    overflow: hidden;
}


/*BASIC*/

.r-table {
    background: #fff;
    width: auto;
    border: 1px solid #e0e0e0;
    margin: 0;
    padding: 0 !important;
    display: block !important;
    overflow: hidden;
    position: relative;
}

.r-table .head-group {
    z-index: 10;
    background-color: #fff;
    display: flex !important;
    justify-content: space-between;
    padding: 1rem 1.4rem;
    position: relative;
}

.r-table .head-group h2 {
    margin-top: 0em;
}

.r-table .head-group h2+.actions {
    padding: 0;
    flex-grow: 0;
    align-self: center;
}

.r-table .head-group .actions {
    flex-grow: 1;
    text-align: right;
}

.r-table .head-group+div th:last-of-type div {
    padding-right: 1.9rem;
}

.r-table .table-wrapper {
    display: block !important;
    margin: 0;
    padding: 0 !important;
    background-color: #fff;
    overflow-x: auto;
    overflow-y: visible;
}

.r-table .table-wrapper table {
    border: none;
    width: 100%;
    border-spacing: 0;
    color: #212121;
}

.r-table .table-wrapper table thead {
    /*&:after{
                    .BorderBottom;
                }*/
}

.r-table .table-wrapper table thead th {
    border: none;
    border-bottom: 1px solid #e0e0e0;
    text-align: left;
    padding: 0 !important;
    background: #fff;
    white-space: nowrap;
}

.r-table .table-wrapper table thead th div {
    top: 0;
    padding: 1.1rem 1.4rem;
    position: relative;
    font-size: .8rem;
}

.r-table .table-wrapper table thead th div.hasFilter {
    cursor: pointer;
    width: inherit;
}

.r-table .table-wrapper table thead th:last-of-type div:after {
    right: 1.8rem;
}

.r-table .table-wrapper table thead th tr {
    background: #fff;
}

.r-table .table-wrapper table thead th tr:hover {
    background: #fff;
}

.r-table .table-wrapper table thead th tr:nth-child(even) {
    background: #fff;
}

.r-table .table-wrapper table thead th tr:last-of-type td {
    border-bottom: none;
}

.r-table .table-wrapper table tbody td {
    border: none;
    padding: 0;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    /*vertical-align: middle;*/
}

.r-table .table-wrapper table tbody td>div.repcon-box>input,
.r-table .table-wrapper table tbody td>div.repcon-box>textarea,
.r-table .table-wrapper table tbody td .repcon-box.select-box>div:first-of-type {
    padding: 1rem 1.4rem;
    width: 100%;
    max-width: none;
    resize: none;
    border: none !important;
    min-width: 150px;
    transition: background .4s ease;
    background: transparent;
}

.r-table .table-wrapper table tbody td>div.repcon-box>input:hover:not(:disabled),
.r-table .table-wrapper table tbody td>div.repcon-box>textarea:hover:not(:disabled),
.r-table .table-wrapper table tbody td .repcon-box.select-box>div:first-of-type:hover:not(:disabled),
.r-table .table-wrapper table tbody td>div.repcon-box>input:focus,
.r-table .table-wrapper table tbody td>div.repcon-box>textarea:focus,
.r-table .table-wrapper table tbody td .repcon-box.select-box>div:first-of-type:focus {
    background: #fff;
    z-index: 1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.r-table .table-wrapper table tbody td:first-of-type {
    text-align: left;
    white-space: nowrap;
}

.r-table .table-wrapper table tbody td .required:before {
    position: absolute;
    top: .5rem;
    left: .8rem;
    z-index: 2;
}

.r-table .table-wrapper table tbody td .disabled {
    border: none !important;
}

.r-table .table-wrapper table tbody td .repcon-box>label {
    display: none;
}

.r-table .table-wrapper table tbody td .actions {
    float: none;
    padding: 0;
    display: inline-block;
    white-space: nowrap;
    margin: 0;
}

.r-table .table-wrapper table tbody td .actions li {
    padding: 1rem;
    margin: 0;
}

.r-table .table-wrapper table tbody td .repcon-box .actions+input {
    min-width: calc(97%);
}

.r-table .table-wrapper table tbody td .repcon-box.r-icon {
    padding: 1rem 1.4rem;
    text-align: center;
}

.r-table .table-wrapper table tbody td .repcon-box.r-icon>p:before {
    margin: 0;
}

.r-table .table-wrapper table tbody td .repcon-box.r-icon>p:after {
    display: none;
}

.r-table .table-wrapper table tbody td>p {
    padding: 1rem 1.4rem;
}

.r-table .table-wrapper table tbody div.repcon-box.has-actions:not(.select-box) .actions {
    position: absolute;
    z-index: 2;
    right: .4rem;
}

.r-table .table-wrapper table .repcon-box.r-control {
    padding: 0;
    /* TODO: dfr 30/6/2017 quitamos el important por facilitar el fixed-col*/
    width: inherit/*!important*/
    ;
    display: block;
}

.r-table .table-wrapper div[class*="-group"] .repcon-box.r-control {
    padding: .3rem 1.9rem;
}

.r-table.rows-striped tr:nth-child(odd) td,
.r-table.cols-striped td:nth-child(odd) {
    background: #fff;
}

.r-table.rows-striped tr:nth-child(even) td,
.r-table.cols-striped td:nth-child(even) {
    background: #f8f8f8;
}

.r-table table tr:hover,
.r-table tbody tr:nth-child(even):hover,
.r-table table tr.checked,
.r-table tbody tr.checked:nth-child(even) {
    background: #f8f8f8;
    transition: background .4s ease;
    overflow: hidden;
}

.r-table+.r-table {
    border-top: 0;
}

.r-table .type-number {
    text-align: right;
}

.r-table .col-small {
    width: 8%;
}

.r-table td.big-cell {
    width: 25%;
}

.repcon-box.r-table[data-rows]:not(.fixed-head) thead:after {
    display: none;
}

.repcon-box.r-table[data-rows] table thead th {
    border-bottom: 1px solid #e0e0e0;
}

.repcon-box.r-table[data-rows].fixed-head table thead th {
    border: none;
}

.repcon-box.r-table.fixed-col.fixed-head {
    /*&[data-rows] thead th:not(:first-of-type) div:after {
        bottom: -1px !important;
        left: -51px !important;
        right: -51px !important;
        .BorderBottom;
    }*/
}

.repcon-box.r-table.fixed-col.fixed-head thead:after {
    display: none;
}

.repcon-box.r-table.fixed-col.fixed-head .head-group+div th div input[type=checkbox]+label {
    top: 0;
}

.repcon-box.r-table.fixed-col.fixed-head th:first-of-type {
    min-width: 0 !important;
    width: 0 !important;
}

.repcon-box.r-table.fixed-col.fixed-head th:first-of-type>div {
    z-index: 4;
    margin-top: 0 !important;
}


/*FIXED-COL*/

.r-table.fixed-col .head-group+div th div input[type="checkbox"]+label {
    top: 54px;
}

.r-table.fixed-col th:first-of-type {
    position: static;
    /*> .effect:after{
                .backgroundEffect;
                bottom: 0;
                right: -2px;
            } */
}

.r-table.fixed-col th:first-of-type>div {
    position: absolute;
    left: 0;
    z-index: 3;
    background: #fff;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    margin-left: 0 !important;
    padding: 1.09rem 1.4rem;
}

.r-table.fixed-col th.effect:first-of-type:after {
    content: '';
    width: 6px;
    background: linear-gradient(to right, #aaa, white);
    top: 0px;
    bottom: 0;
    position: absolute;
}

.r-table.fixed-col td {
    /*border: none !important;    */
    /*&.effect:first-of-type:after{
            .backgroundEffect;
            bottom: 0;
        }*/
    /*&:before{
            .BorderBottom;
        }  */
}

.r-table.fixed-col td:first-of-type {
    position: static;
}

.r-table.fixed-col td:first-of-type:before {
    display: none;
}

.r-table.fixed-col td:first-of-type>div {
    position: absolute;
    left: 0;
    z-index: 3;
    background: #fff;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    /*&:before {
                    .BorderBottom;
                }*/
}

.r-table.fixed-head {
    position: relative;
    overflow: hidden !important;
}

.r-table.fixed-head th div {
    position: absolute !important;
}

.r-table.fixed-head:not(.fixed-col) th div {
    z-index: 2;
}

.r-table.fixed-head .head-group+div th div {
    top: 54px;
    max-width: 15em;
    white-space: nowrap;
    background: #fff;
}

.repcon-box .r-table .tfoot {
    z-index: 10;
    background-color: #fff;
    border-top: 1px solid #e0e0e0;
    text-align: right;
    padding: 1rem 1.9rem !important;
    position: relative;
}

.repcon-box .r-table .tfoot:empty {
    display: none !important;
}


/*FILTER & sorted*/

.repcon-box .r-table .tablesorter th.header.has-sort div {
    cursor: pointer;
    width: inherit;
}

.repcon-box .r-table .tablesorter th.header.has-sort div:after {
    content: '\f10b';
    font-family: icons;
    margin-left: .3rem;
}

.repcon-box .r-table .tablesorter th.header.has-sort div.hasFilter.visible:after {
    position: absolute;
    z-index: 10000;
    right: .8rem;
    margin-top: .2rem;
}

.repcon-box .r-table .tablesorter th.header.has-sort div:hover:after {
    opacity: 1;
}

.repcon-box .r-table .tablesorter th.header.has-sort div.hasFilter {
    padding-left: 2em;
}

.repcon-box .r-table .tablesorter th.header.has-sort div.hasFilter.visible:after {
    position: absolute;
    z-index: 100;
    right: .8rem;
    margin-top: .2rem;
}

.repcon-box .r-table .tablesorter th.header.has-sort div:not(.r-check) label:after {
    content: '\f193';
    font-family: icons;
}

.repcon-box .r-table .tablesorter th.header.headerSortUp div {
    color: #2196F3;
}

.repcon-box .r-table .tablesorter th.header.headerSortUp div:after {
    content: '\f1dc';
}

.repcon-box .r-table .tablesorter th.header.headerSortDown div {
    color: #2196F3;
}

.repcon-box .r-table .tablesorter th.header.headerSortDown div:after {
    content: '\f1dd';
    opacity: 1;
}

th input.filter,
th input.filter:hover {
    position: absolute !important;
    width: 0;
    border-color: transparent;
    top: .85rem;
    left: .4rem;
    opacity: 0;
    font-size: .8rem;
    padding-left: 1.13rem !important;
}

th input.filter:focus,
th input.filter:hover:focus {
    width: calc(100% - .8em);
    background: #fff;
    border: 1px solid #e0e0e0;
    opacity: 1;
    z-index: 100;
}

th input.filter+label,
th input.filter:hover+label {
    padding: 1.2rem .5rem;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    line-height: 1rem;
}

.repcon-box.r-table th div input::placeholder {
    color: #2196f3 !important;
    font-family: "Roboto-Bold";
}

.repcon-box .r-table th.header div:not(.r-check) label:after {
    content: '\f193';
    font-family: icons;
    display: block !important;
}


/*ROWS-STRIPED*/

.repcon-box.r-table table[class*='center'] th {
    text-align: center;
}

td .repcon-box.html {
    padding: 1rem 1.4rem;
    line-height: normal;
    text-align: left;
}

.repcon-box td input[type="radio"]+label {
    display: inline-flex !important;
    margin: 1.01rem 1.4rem;
    padding-left: 0;
    min-height: 0;
}

.repcon-box td input[type="radio"]+label:before {
    position: relative;
}

.repcon-box td input[type="radio"]+label:after,
.repcon-box td input[type="radio"]+label:checked+label:after {
    top: 6px;
}

table .repcon-box.radio-control.r-control {
    display: block;
    text-align: center;
}


/*actions en un combo?*/

.repcon-box td .repcon-box.select-box .actions {
    order: 2;
}


/*Estados en tablas procesando*/

td .repcon-box .cancel-font-icon>span {
    color: #e74c3c;
    background: none !important;
    text-align: left;
}

td .repcon-box .cancel-font-icon {
    color: #e74c3c;
    background: none !important;
    text-align: left;
}

td .repcon-box .cancel-font-icon:before {
    padding-right: .5rem;
}

td .repcon-box .ok-font-icon>span {
    color: #4cb5ab;
    text-align: left;
}

td .repcon-box .ok-font-icon {
    color: #4cb5ab;
    background: none !important;
    text-align: left;
}

td .repcon-box .ok-font-icon:before {
    padding-right: .5rem;
}

td .repcon-box .progress-3-font-icon>span {
    color: #e4cd00;
    text-align: left;
}

td .repcon-box .progress-3-font-icon {
    color: #e4cd00;
    background: none !important;
    text-align: left;
}

td .repcon-box .progress-3-font-icon:before {
    padding-right: .5rem;
}


/*breadcrumb en table*/

.repcon-box .r-table td .r-breadcrumb .repcon-box.select-box>div:first-of-type {
    padding: .2rem .4rem;
    border-bottom: none;
}

.repcon-box .r-table td .r-breadcrumb .repcon-box.select-box {
    min-width: 0;
}

.repcon-box .r-table td .r-breadcrumb .repcon-box.select-box>div:first-of-type:hover,
.repcon-box .r-table td .r-breadcrumb .repcon-box.select-box>div:first-of-type:focus {
    background: transparent;
    box-shadow: none;
}


/*button en table*/

.repcon-box .r-table .button-elem {
    margin: 0;
    display: block;
}

.repcon-box .r-table .button-elem>p {
    border-radius: 0;
    padding: 1rem 1.4rem;
    display: block;
    text-align: left;
}

.repcon-box .r-table .button-elem.text-button>p:hover {
    background: inherit;
}

.repcon-box .r-table .button-elem>p:before {
    line-height: normal;
}


/*checkbox en tabla*/

.r-table td:first-of-type input[type="checkbox"]:checked+label:after,
.r-table th:first-of-type input[type="checkbox"]:checked+label:after {
    left: 35%;
    top: 35%;
    animation: check-table-animation 0.1s ease-out forwards;
}

.r-table td:first-of-type input[type="checkbox"]+label,
.r-table th:first-of-type input[type="checkbox"]+label {
    display: block !important;
    width: auto;
    max-width: 3.2rem;
    padding: 1rem 1rem;
    margin: 0 auto;
}

.r-table th:first-of-type input[type="checkbox"]:checked+label:after {
    left: 60% !important;
}

.r-table td:not(:first-of-type) input[type="checkbox"]+label {
    color: inherit;
    display: inline-flex !important;
    padding-left: 0;
    width: auto;
    margin: 1rem 1.4rem;
}


/*collapsible en tablas*/

.repcon-box .collapsible .controls-group.r-table {
    border: none;
    display: block;
}

.repcon-box .collapsible .controls-group.r-table+.r-table {
    margin: 0 -1px;
}

.repcon-box .collapsible .controls-group .head-group {
    margin-top: -1rem;
}

.repcon-box .collapsible .controls-group.r-table .table-wrapper {
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

.repcon-box.collapsible.b-group>div {
    display: block;
}

.repcon-box.collapsible>.controls-group:first-of-type {
    padding-top: 0;
}

.repcon-box.collapsible>.controls-group:last-of-type {
    padding-bottom: 0;
}

.repcon-box.collapsible>.v-group {
    margin: -1rem 0;
}


/*combobox en tablas*/

.r-table td .select-box .actions>li {
    vertical-align: middle;
}

.r-table td .select-box .menu:after {
    line-height: 1em;
}

.repcon-box.select-box.r-table>ul:not(.actions) li {
    padding: 1rem 2.5rem 1rem 1.4rem;
}

.repcon-box .r-table td.disabled .repcon-box.select-box>div:first-of-type {
    background: transparent !important;
    border: none !important;
    color: inherit;
    /* padding: 1rem 1.4rem;*/
}

.repcon-box .r-table td div.repcon-box.select-box.has-actions {
    display: flex;
    /*flex-direction: row-reverse;*/
    align-items: baseline;
}

.r-table td .select-box .actions>li {
    vertical-align: middle;
}

.r-table td .select-box .menu:after {
    line-height: 1em;
}


/*progressbar en table*/

.repcon-box .r-table td.disabled div.r-progressbar>p {
    padding: 0;
}

.repcon-box .r-table td div.r-progressbar {
    padding: 0.969rem 1.4rem !important;
}


/*stripper*/

.repcon-box.r-table.rows-striped tr:nth-child(even) td,
.repcon-box.r-table.cols-striped td:nth-child(even) {
    background: #fff;
}

.repcon-box.r-table.rows-striped tr:nth-child(odd) td,
.repcon-box.r-table.cols-striped td:nth-child(odd) {
    background: #f9f9f9;
}

.repcon-box.r-table.rows-striped tr.even td {
    background: #fff;
}

.repcon-box.r-table.rows-striped tr.odd td {
    background: #f9f9f9;
}

.repcon-box.r-table table[class*='noborder'] td {
    border: none;
}

.repcon-box.r-table table[class*='center'] th {
    text-align: center;
}


/*LOGIN*/


/*HEADER + MENU*/


/*LOGIN*/

.repcon-box.login {
    width: 100%;
    height: 100vh;
    background-size: cover;
}

.repcon-box.login .r-box {
    margin: 0px auto;
    width: 30%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.repcon-box.login .r-box .main-section {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.repcon-box.login .r-box .main-section img.url-icon {
    max-height: none;
    max-width: none;
    width: 40%;
}

.repcon-box.login .r-box .main-section .repcon-box.line {
    padding: 1rem 0rem;
    display: flex;
    flex-direction: column;
}

.repcon-box.login .r-box .main-section .repcon-box.line label {
    color: #8c8c8c;
    position: absolute;
    z-index: 2;
    margin: 0;
}

.repcon-box.login .r-box .main-section .repcon-box.line label:hover~input:not([disabled]) {
    border: none;
}

.repcon-box.login .r-box .main-section .repcon-box.line input {
    border-bottom: 1px solid grey !important;
    border: none;
    padding: .2rem .4rem .2rem 1.3rem;
    background: transparent;
}

.repcon-box.login .r-box .main-section .repcon-box.line input:not([disabled]):hover,
.repcon-box.login .r-box .main-section .repcon-box.line input:not([disabled]):focus,
.repcon-box.login .r-box .main-section .repcon-box.line input:not([disabled]):active {
    border: none;
}

.repcon-box.login .r-box .main-section .repcon-box.line input:not([disabled]):focus~.linelogin,
.repcon-box.login .r-box .main-section .repcon-box.line input:not([disabled]):active~.linelogin {
    border-bottom: 1px solid #069bde !important;
    width: 100%;
    border: none;
    transition: all 1s ease;
    z-index: 8;
    margin: -1px 0px;
}

.repcon-box.login .r-box .main-section .repcon-box.line input~.linelogin {
    width: 0;
    border-bottom: 1px solid #069bde !important;
    border: none;
    transition: all 1s ease;
    z-index: 8;
    margin: -1px 0px;
}

.repcon-box.login .r-box:last-of-type {
    text-align: center;
}


/*HEADER + MENU*/

#r-header {
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 201;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    /*ACCIONES*/
    /*MENUS // RIGHT & LETF*/
    /* ESPECIFICAS MENUS // RIGHT & LETF*/
}

#r-header>.head-group {
    padding: .682rem 1.4rem;
    background: #f3f3f3;
    align-items: center;
    flex-wrap: wrap;
}

#r-header>.head-group h2 {
    background-size: 100% !important;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    order: 0;
    padding: .5rem;
    max-width: none !important;
    width: auto !important;
}

#r-header>.head-group h2~div {
    align-self: center;
    padding: 0 !important;
    margin: 0 1rem;
}

#r-header>.head-group .menu-nav {
    order: 2;
}

#r-header .r-breadcrumb {
    display: flex;
    background-color: #f5f5f5;
    order: 100;
    margin: 0;
}

#r-header .actions-left,
#r-header .actions-right,
#r-header .button-elem {
    order: 2;
}

#r-header .actions-left {
    text-align: left;
    flex-grow: 1;
}

#r-header .actions-right {
    text-align: right;
    flex-grow: 1;
}

#r-header .button-elem {
    margin: 0;
}

#r-header div[class*='nav-'] {
    padding: 0;
    align-self: center;
    flex-grow: 0;
    margin: 0;
}

#r-header div[class*='nav-']>.head-group {
    padding: 0;
    cursor: pointer;
    margin-top: 0rem;
}

#r-header div[class*='nav-']>.head-group:hover {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 1000px;
    cursor: pointer;
}

#r-header div[class*='nav-']>.head-group h2:before {
    margin-right: 0;
}

#r-header div[class*='nav-']>div:not(.head-group) {
    position: fixed;
    background: white;
    transition: transform 0.2s cubic-bezier(0.4, 0, 1, 1);
    max-width: 300px;
    bottom: 0;
    overflow: auto;
    overflow: hidden;
    margin: 0;
}

#r-header div[class*='nav-']>div.active:not(.head-group) {
    transform: scale(1) translateX(0);
    width: 300px;
    transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1);
}

#r-header div[class*='nav-'] .r-box {
    margin-right: 0rem;
}

#r-header div[class*='nav-'] .r-box .main-section {
    overflow: auto;
    margin-right: -1rem;
    top: 0rem;
    position: relative;
}

#r-header div[class*='nav-'] .r-box .fixed-bottom {
    border-top: 1px solid #eee;
    background: rgba(255, 255, 255, 0.8);
}

#r-header .nav-left {
    order: 0;
}

#r-header .nav-left>div:not(.head-group) {
    left: 0;
    transform: scale(1) translateX(-100%);
    box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.06), -1px 0px 2px rgba(0, 0, 0, 0.12);
}

#r-header .nav-right {
    order: 3;
}

#r-header .nav-right>div:not(.head-group) {
    right: 0;
    transform: scale(1) translateX(100%);
    box-shadow: -1px 0px 3px rgba(0, 0, 0, 0.06), -1px 0px 2px rgba(0, 0, 0, 0.12);
}


/* En caso de que lleve usuario y no icono de menu y solo en el menu de la DERECHA:*/

#r-header .nav-right .head-group .user-font-icon {
    border-radius: 999rem;
    border: 1px solid #ccc;
    overflow: hidden;
    line-height: normal;
    display: block;
    font-size: inherit;
    width: 39px;
    height: 39px;
    padding: 0;
}

#r-header .nav-right .head-group .user-font-icon:before {
    display: block;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 37px;
}

#r-header .nav-right .head-group .user-font-icon:after {
    content: '\f1dc' !important;
    display: inline-block;
    position: absolute;
    font-size: .6rem;
    bottom: 0;
    right: -5px;
}


/*TEXT*/

.repcon-box.r-control.r-complete {
    display: inline-block;
    position: relative;
}

.repcon-box.r-control.r-complete ul {
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    height: 0;
    margin-top: .1rem;
    opacity: 0;
    overflow: auto;
    position: absolute;
    z-index: -1;
    transition: opacity .15s, height .15s;
    -webkit-transition: opacity .15s, height .15s;
    z-index: 10000 !important;
    margin: 0 0 1.9rem 0;
    right: 1.5rem;
}

.repcon-box.r-control.r-complete ul li {
    padding: .5rem;
}

.repcon-box.r-control.r-complete .list-active {
    height: auto !important;
    opacity: 1 !important;
}

.repcon-box .r-complete ul .selected-item,
.repcon-box .r-complete ul li:hover,
.repcon-box .active-op {
    cursor: pointer;
    background: #f0f0f0;
}

.repcon-box.r-control .inline-elem>div[class*='input-legend'] {
    margin-left: .5rem;
    width: 100%;
}

.repcon-box.r-control .inline-elem>div[class*='input-legend']>input {
    margin: 0;
}

.repcon-box>div[class*='input-legend'] {
    display: flex;
    width: 100%;
}

.repcon-box>div[class*='input-legend']>input {
    flex-grow: 1;
    width: auto;
}

.repcon-box>div.input-legend-left {
    flex-direction: row-reverse;
}

.repcon-box>div[class*='input-legend']>p {
    background: #f0f0f0;
    border: 1px solid #e0e0e0;
    border-left: 0;
    padding: .2rem .4rem;
    color: #777;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: auto;
}

.repcon-box.disabled>div[class*='input-legend']>p {
    border-color: #f8f8f8;
}

.repcon-box>div.input-legend-left>p {
    border-left: 1px solid #e0e0e0;
    border-right: 0;
}


/*etopak*/

.repcon-box[style*='%']>input[type='text'] {
    width: 100%;
}


/*TEXTAREA*/

.repcon-box textarea+.cke {
    box-shadow: none;
    background: #fff;
    float: none;
    border-radius: 0;
    width: auto;
}

.repcon-box textarea {
    resize: both;
}

.repcon-box textarea[disabled] {
    resize: none;
}

.repcon-box textarea[cols] {
    width: auto;
}

.repcon-box textarea[rows] {
    max-height: none;
}


/* CKEDITOR */

.repcon-box .ace_editor {
    border: 1px solid #b8b8b8;
    color: #3d3d3d;
    display: block;
    outline: none;
    transition: border .2s ease;
    width: 20rem;
}

.repcon-box .CodeMirror {
    border: 1px solid #b8b8b8;
    color: #3d3d3d;
    display: block;
    font: .9rem Roboto;
    max-width: 100%;
    outline: none;
    position: relative;
    transition: border .2s ease;
}

.repcon-box .CodeMirror:hover,
.repcon-box .CodeMirror.CodeMirror-focused {
    border-color: #777;
}

.repcon-box.repcon-box.inline-elem .CodeMirror {
    width: 100% !important;
}

.repcon-box .cke_reset_all,
.repcon-box .cke_reset_all * {
    font-family: roboto;
    color: #666;
}

.repcon-box .cke_top,
.repcon-box .cke_bottom {
    background: transparent;
    margin: -0.2rem -0.4rem 0;
    position: relative;
}

.repcon-box .cke_resizer_ltr {
    position: absolute;
    bottom: -3px;
    float: none;
    overflow: visible;
    display: block;
    right: 7px;
}

.repcon-box .cke_dialog .cke_resizer_ltr {
    bottom: 0px;
    z-index: 1;
    margin-right: -4px;
    margin-top: 0;
}

.repcon-box .cke_focus .cke_top {
    margin-top: -0.2em;
    padding: 6px 8px 2px;
    transition: all .2s linear;
    border-color: #b6b6b6;
}

.repcon-box .cke_top {
    overflow: hidden;
    transition: all .2s linear;
    margin-top: -0.2rem;
    padding: 0 8px;
    border-color: transparent;
}

.repcon-box .cke_maximized .cke_top {
    transition: none;
}

.repcon-box .cke_maximized {
    position: fixed !important;
}

.repcon-box .cke_maximized .cke_top,
.repcon-box .cke_maximized .cke_bottom {
    padding: 1em;
    margin: 0;
    height: auto !important;
}

.repcon-box .cke_toolgroup {
    background: transparent;
    border-radius: 0;
    border: none;
}

.repcon-box .cke_combo_button {
    background: transparent;
    border-radius: 0;
}

.repcon-box .cke_contents {
    transition: height .2s linear;
}

.repcon-box .cke_editable p {
    margin: 0;
}

.cke_editable p {
    margin: 0;
}

.repcon-box a.cke_button_off:hover,
.repcon-box a.cke_button_off:focus,
.repcon-box a.cke_button_off:active,
.repcon-box a.cke_button_disabled:hover,
.repcon-box a.cke_button_disabled:focus,
.repcon-box a.cke_button_disabled:active {
    background: transparent;
    box-shadow: none;
    background-image: none;
}

.repcon-box a.cke_button_off {
    cursor: pointer;
}

.repcon-box a.cke_path_item:hover,
.repcon-box a.cke_path_item:focus,
.repcon-box a.cke_path_item:active {
    background-color: transparent;
    box-shadow: none;
    text-shadow: none;
    cursor: pointer;
}

.repcon-box .cke_combo_off a.cke_combo_button:hover,
.repcon-box .cke_combo_off a.cke_combo_button:focus {
    background: transparent;
    background-image: none;
}

.repcon-box .cke_combo_button {
    position: relative;
}

.repcon-box .cke_combo_arrow {
    border: none;
}

.repcon-box .cke_combo_off a.cke_combo_button:active,
.repcon-box .cke_combo_on a.cke_combo_button {
    box-shadow: none;
    background: transparent;
}

.repcon-box .cke_combo_on a.cke_combo_button:hover,
.repcon-box .cke_combo_on a.cke_combo_button:focus,
.repcon-box .cke_combo_on a.cke_combo_button:active {
    box-shadow: none;
}

.repcon-box .cke_combopanel {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.repcon-box .cke_dialog td,
.repcon-box .cke_dialog table {
    border: none;
    box-sizing: border-box;
}

.repcon-box .cke_dialog_body {
    border-radius: 0;
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.repcon-box .cke_dialog_body label.cke_required {
    font-weight: normal;
}

.repcon-box .cke_dialog_title {
    background: transparent;
    color: #3d3d3d;
    padding: 1em;
    text-shadow: none;
    font-family: roboto;
    font-weight: normal;
    border-radius: 0;
    border: none;
    box-shadow: none;
    border-bottom: 0;
}

.repcon-box .cke_dialog td[role='presentation'] {
    padding: 0;
    border-top: 0px;
    box-shadow: none;
    outline: none;
}

.repcon-box .cke_dialog fieldset .cke_dialog_ui_hbox td {
    vertical-align: middle;
}

.repcon-box .cke_dialog_footer {
    background: transparent;
}

.repcon-box a.cke_dialog_ui_button.cke_dialog_ui_button_cancel {
    -webkit-user-select: none;
    color: #e74c3c;
    text-transform: uppercase;
    background: transparent;
    border-radius: 0;
    border: none;
}

.repcon-box a.cke_dialog_ui_button,
.repcon-box a.cke_dialog_ui_button:hover,
.repcon-box a.cke_dialog_ui_button:active {
    padding: .8em 1.8em !important;
    box-shadow: none;
    border: none;
    text-shadow: 0 0 0 transparent;
    text-transform: uppercase;
}

.repcon-box .cke_dialog_footer_buttons a.cke_dialog_ui_button span {
    text-shadow: 0 0 0 transparent;
}

.repcon-box .cke_dialog_footer_buttons a.cke_dialog_ui_button span {
    padding: 0;
    font-weight: normal;
}

.repcon-box a.cke_dialog_ui_button_ok,
.repcon-box a.cke_dialog_ui_button_ok:hover {
    background: transparent;
    border-radius: 2px;
    color: #4cb5ab;
}

.repcon-box .cke_dialog tbody tr:nth-child(even) {
    background: transparent;
}

.repcon-box .cke_dialog {
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.repcon-box input.cke_dialog_ui_input_text,
.repcon-box input.cke_dialog_ui_input_password,
.repcon-box textarea.cke_dialog_ui_input_textarea {
    box-shadow: none;
    border-radius: 0;
}

.repcon-box textarea.cke_dialog_ui_input_textarea {
    width: 100%;
    margin-top: 8px;
}

.repcon-box .cke_dialog_tabs+table {
    border-top: 1px solid #b8b8b8;
}

.repcon-box .cke_single_page .cke_dialog_tabs+table {
    border-top: none;
    width: 100%;
}

.repcon-box .cke_dialog_page_contents>table {
    border-collapse: separate;
    padding: 1.5em;
}

.repcon-box .cke_dialog_close_button {
    display: none;
}

.repcon-box a.cke_dialog_tab {
    border-radius: 0;
    background-image: none;
    background: #eee;
}

.repcon-box a.cke_dialog_tab_selected,
.repcon-box a.cke_dialog_tab_selected:hover {
    background: #fff;
}

.repcon-box select.cke_dialog_ui_input_select {
    box-shadow: none;
    border-radius: 0;
    height: auto;
    line-height: inherit;
    padding: .2em 1.2em .2em .4em;
    width: auto;
}

.repcon-box input.cke_dialog_ui_input_text:focus,
.repcon-box input.cke_dialog_ui_input_password:focus,
.repcon-box textarea.cke_dialog_ui_input_textarea:focus,
.repcon-box select.cke_dialog_ui_input_select:focus {
    border: 1px solid #757575;
}

.repcon-box .cke_dialog iframe.cke_pasteframe {
    margin-top: 1em;
    border-radius: 0;
}

.repcon-box .cke_dialog_background_cover {
    background: #000 !important;
    opacity: 0.3 !important;
    animation: ckeBg .2s forwards;
}

@-webkit-keyframes ckeBg {
    0% {
        opacity: 0;
    }
    100% {
        opacity: .3;
    }
}

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

.repcon-box .cke_dialog span>input[type="checkbox"]+label {
    display: block;
    margin: 0;
    cursor: pointer;
}

.repcon-box fieldset .cke_dialog_ui_hbox_first .cke_dialog_ui_hbox input {
    width: calc(90%);
}

.repcon-box .disabled iframe {
    pointer-events: none;
    background: #f0f0f0;
}

.repcon-box .disabled .cke,
.repcon-box .disabled .cke_inner {
    background: #f0f0f0;
}

.repcon-box .disabled .cke_bottom,
.repcon-box .disabled .cke_top {
    display: none;
}


/* FIN CKEDITOR */


/* CODEMIRROR */

.repcon-box .CodeMirror-lines,
.repcon-box>.CodeMirror .CodeMirror-lines {
    padding: .5em 0;
}

.repcon-box .CodeMirror-scroll,
body>.CodeMirror .CodeMirror-scroll {
    height: calc(100% + 30px);
    height: -moz-calc(100% + 30px);
    height: -webkit-calc(100% + 30px);
    height: -o-calc(100% + 30px);
}

body>.CodeMirror {
    position: fixed !important;
    z-index: 100000;
    transition: all .4s ease !important;
    margin: 0;
    padding: 0;
}

body>.CodeMirror.full-size {
    top: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    left: 0 !important;
    max-width: 100% !important;
    margin: 0;
    width: 100% !important;
    transition: all .4s ease;
}

.repcon-box textarea+.CodeMirror.full-size {
    top: 0;
    bottom: 0;
    height: auto;
    left: 0;
    right: 0;
    width: auto;
    margin: 0;
    position: fixed;
    z-index: 5000;
}

.repcon-box .CodeMirror.full-size .CodeMirror-scroll {
    max-height: none;
    padding: 0;
}

.repcon-box .CodeMirror .actions,
body>.CodeMirror .actions {
    position: absolute;
    top: .3em;
    z-index: 100;
    background-color: white;
    width: auto;
    text-align: center;
    right: .3em;
    border-radius: 2px;
    padding: .2em;
    min-width: 1.5em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
}

.repcon-box .actions.cmScroll,
.repcon-box .CodeMirror-vscrollbar[style*="display"]~.actions,
body>.CodeMirror .CodeMirror-vscrollbar[style*="display"]~.actions {
    right: 1.5em;
}

.repcon-box .CodeMirror.full-size .actions li.search-font-icon:after,
body>.CodeMirror.full-size .actions li.search-font-icon:after {
    content: '\00d7' !important;
    width: auto;
    line-height: 1rem;
    font-family: 'Roboto-Bold';
}

.repcon-box .disabled .CodeMirror,
body>.CodeMirror.disabled {
    background: #f0f0f0;
}

.repcon-box .CodeMirror-linenumber {
    word-wrap: normal;
}

body.overflow {
    overflow: hidden;
}

body.overflow .CodeMirror,
body.overflow .CodeMirror * {
    width: auto;
}

.CodeMirror .actions li:hover {
    background: none;
}

body>.CodeMirror .actions>li+li {
    margin-left: .5rem;
}

.repcon-box .ace_editor.ace_focus {
    border: 1px solid #757575;
    transition: border .2s ease;
}

body>.CodeMirror .actions li {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding: 0;
    vertical-align: middle;
    height: auto;
    line-height: 1.3rem;
}

.repcon-box .ace_editor.ace_focus {
    border: 1px solid #757575;
    transition: border .2s ease;
}

.repcon-box .cke_combo_button:after {
    content: "\f142";
    font-family: "icons";
    position: absolute;
    top: calc(49.6%);
    right: .6em;
}


/* TEXTAREA - AUTOSIZE */


/* TREE */

.r-tree div.folder-icon,
.r-tree div.tree-icon {
    position: absolute;
    cursor: pointer;
    line-height: 1rem;
}

.r-tree div.tree-icon {
    margin-left: .4em;
    top: 0;
    bottom: 0;
    cursor: default;
}

.r-tree .tr *[data-node='4'] .tr .tree-icon:first-of-type {
    opacity: 0;
}

.r-tree div.folder-icon:before {
    content: '\f157';
    font-family: icons;
    display: inline-block;
    color: #2196F3;
}

.r-tree .r-expand div.folder-icon:before {
    content: '\f159';
}

.r-tree .folder-icon~.tr {
    display: none;
}

.r-tree *[data-node="0"]~.hidden[data-parent] *,
.r-tree *[data-node="1"]~.hidden[data-parent] *,
.r-tree *[data-node="4"]~.hidden[data-parent] * {
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    line-height: 0;
    height: 0;
    border: 0 !important;
    transition: height 0.2s ease, padding-top 0.2s ease, padding-bottom 0.2s ease;
}

.r-tree *[data-node="0"]~*[data-parent] *,
.r-tree *[data-node="1"]~*[data-parent] *,
.r-tree *[data-node="4"]~*[data-parent] * {
    opacity: 1;
    transition: all .2s ease, opacity .2s ease .2s;
}

.r-tree:not(.r-table) *[data-node="0"]~.hidden[data-parent] *,
.r-tree:not(.r-table) *[data-node="1"]~.hidden[data-parent] *,
.r-tree:not(.r-table) *[data-node="4"]~.hidden[data-parent] * {
    opacity: 0;
    height: 0;
    transition: height .2s ease, opacity 0s ease;
}

.r-tree:not(.r-table) *[data-node="0"]~*[data-parent] *,
.r-tree:not(.r-table) *[data-node="1"]~*[data-parent] *,
.r-tree:not(.r-table) *[data-node="4"]~*[data-parent] * {
    opacity: 1;
    transition: height .2s ease, opacity .2s ease;
}

.r-tree *[data-parent] div.tree-icon:after {
    content: '';
    width: .5em;
    height: 100%;
    border-left: 1px solid #ddd;
    display: block;
    position: absolute;
}

.r-tree *[data-level="0"][data-node="0"]+* div.tree-icon:after,
.r-tree *[data-node="1"]+* div.tree-icon.last-elem:after,
.r-tree *[data-node="4"]+* div.tree-icon:after {
    display: block;
}

.r-tree tr[data-node] .tree-icon.last-elem:before {
    content: '';
    width: 2rem;
    border-bottom: 1px solid #ddd;
    top: 50%;
    display: block;
    position: absolute;
}

.r-tree *[data-node='3'] div.tree-icon.last-elem:after,
.r-tree *[data-node='1'] div.tree-icon.last-elem:after {
    height: 50%;
}

.r-tree *[data-node="0"]:not[data-level="0"] .tree-icon.last-elem:before {
    height: 50% !important;
}

tr*[data-parent] td {
    border-top: 1px solid #f0f0f0 !important;
}


/* Tree fuera de tabla */

.r-tree:not(.r-table) .r-expand div.folder-icon:after {
    bottom: 0;
}

.r-tree:not(.r-table)>div {
    display: block !important;
    padding: .2rem 0;
    margin: -1px 0;
    position: relative;
}

.r-tree .folder-icon.r-expand~.tr {
    padding: .2rem 0;
}

.r-tree:not(.r-table)>div:hover,
.r-tree:not(.r-table)>div input:focus {
    z-index: 1;
}

.r-tree:not(.r-table) input {
    margin: 0;
}

.r-tree:not(.r-table) .tr .repcon-box .actions {
    float: none;
    order: 2;
}

.r-tree:not(.r-table) .tr .repcon-box .actions+p {
    margin-right: 1em;
}

.r-tree:not(.r-table) .tr.hidden {
    margin: 0;
}

.r-tree.hover-mark:not(.r-table) .tr {
    padding: 0 .5em !important;
}

.r-tree.hover-mark:not(.r-table) .tr .repcon-box {
    display: block;
}

.r-tree.hover-mark:not(.r-table) .tr:hover {
    background: #f9f9f9;
}

.r-tree.hover-mark:not(.r-table) .tr .repcon-box .actions {
    float: right;
}


/* tree para produccion */

.r-tree .tr {
    position: relative;
}

.r-tree .folder-icon.r-expand:before {
    content: '\f159';
}

.r-tree .folder-icon.r-expand~.tr {
    display: block;
}

.r-tree .tr>.folder-icon+div {
    margin-left: 1.4rem;
    line-height: 1rem;
}

.r-table.r-tree div.tree-icon:first-of-type {
    margin-left: .4rem;
}

.r-tree *[data-node] .tree-icon.last-elem:before {
    content: '';
    width: 2rem;
    border-bottom: 1px solid #ddd;
    top: 50%;
    display: block;
    position: absolute;
}

.r-tree *[data-node='0']>.tree-icon.last-elem:before {
    width: .8rem;
    top: .7rem;
}


/* Tree table */

.r-table.r-tree table {
    height: 100%;
}

.r-table.r-tree tr[data-parent] {
    display: none;
}

.r-table.r-tree .treerow.expanded {
    display: table-row;
}

.r-table.r-tree div.folder-icon,
.r-table.r-tree div.tree-icon {
    position: relative;
    display: inline-block;
    padding: 1rem .5rem 1rem 1.4rem;
    vertical-align: inherit;
    height: auto;
    line-height: normal;
    margin: 0;
}

.r-table.r-tree div.folder-icon {
    padding-left: 1.41rem;
    display: flex;
}

.r-table.r-tree div.folder-icon+*,
.r-table.r-tree div.tree-icon+* {
    padding-left: 0;
}

.r-table.r-tree div.tree-icon {
    padding: 0 .5rem 0 1.39rem;
}

.r-table.r-tree td:first-of-type .rowwrapper>.repcon-box:first-of-type {
    padding-left: 43px;
}

.r-table.r-tree div.folder-icon.r-expand:after {
    content: '';
    width: 0;
    height: calc(50% - 3px);
    border-left: 1px solid #bbb;
    position: absolute;
    top: calc(50% + 5px);
    right: 14px;
    z-index: 1;
}

.r-table.r-tree div.tree-icon.last-elem:before {
    left: 1px;
    top: 50%;
    width: 32px;
    margin-right: 5px;
    border-bottom: 1px solid #bbb;
    position: relative;
}

.r-table.r-tree div.tree-icon.last-elem:after {
    content: '';
    width: 0;
    border: none;
    border-left: 1px solid #bbb;
    position: relative;
    left: 0;
    top: -1px;
}

.r-table.r-tree tr[data-node='3'] div.tree-icon.last-elem:after {
    height: calc(50% + 1px);
}

.r-table.r-tree *[data-parent] div.tree-icon:after {
    border-left: 1px solid #bbb;
    width: 0;
    height: 102%;
    z-index: 1;
}

.repcon-box.r-tree *[data-node='4']>.tree-icon.last-elem:before {
    border-bottom: 1px solid #ddd;
    bottom: calc( 100% - .8rem);
    top: auto;
    width: .8rem !important;
}

.repcon-box.r-tree *[data-node='4']>.tree-icon.last-elem:after {
    bottom: calc( 100% - .8rem);
    top: 0;
    height: auto;
}


/*.r-table.r-tree .table-wrapper table tbody tr.treerow td:first-of-type*/

.r-table.r-tree .rowwrapper {
    display: flex;
    height: inherit;
}

.r-table.r-tree *[data-node='0']>.tree-icon.last-elem:before {
    width: .8rem;
}

.r-table.r-tree div.folder-icon:before {
    top: calc(50% - 8px);
    position: relative;
}

.r-table.r-tree td:first-of-type div.repcon-box {
    display: flex !important;
    align-items: center;
    min-height: 52px;
}

.r-table.r-tree tr[data-node='2'] div.tree-icon.tree-icon.last-elem:before {
    width: 24px;
    margin-right: -3px;
}

.r-table.r-tree div.tree-icon+.folder-icon {
    margin-left: -0.3rem;
}

.r-table.r-tree .table-wrapper table tbody div.repcon-box.has-actions .actions {
    position: relative;
    right: auto;
}

.r-table.r-tree .table-wrapper table tbody td {
    border-bottom: none;
    border-top: 1px solid #e0e0e0;
    height: 100%;
}

.r-table.r-tree div.folder-icon:before {
    width: 13px;
}

.r-tree div.tree-icon~div:not(.tree-icon):not(.folder-icon):not(.tr) {
    display: flex;
}

.repcon-box.custom-search .r-tree div.tree-icon~div:not(.tree-icon):not(.folder-icon):not(.tr) .kw {
    order: 3;
    margin-left: .2rem;
}


/* FINT TREE */


/*RESPONSIVE*/

@media (max-width: 1440px) {
    .repcon-box.r-box {
        width: 33.333%;
    }
}

@media (max-width: 1024px) {
    .repcon-box.login .r-box {
        width: 40%;
    }
}

@media (max-width: 1080px) {
    .repcon-box.v-group>div {
        max-width: 100% !important;
    }
    .repcon-box.r-box {
        width: calc(49%);
    }
}

@media (max-width: 800px) {
    .repcon-box .vertical-cont {
        width: 100%;
        float: none;
    }
    /*Contenido con partes fijas*/
    .repcon-box .fixed-cont {
        position: relative;
    }
    .repcon-box .repcon-box.example-fixed>.fixed-cont+.horizontal-cont {
        top: 0;
    }
    /*Fin Contenido con partes fijas*/
    /*Contenido con otras medidas*/
    .repcon-box .vertical-cont.main-cont {
        width: 100%;
        float: left;
    }
    .repcon-box .vertical-cont.secondary-cont {
        width: 100%;
        float: right;
    }
    /*Fin Contenido con otras medidas*/
    /*Reordenaci�n de contenido*/
    .repcon-box .reorder {
        display: flex;
        flex-direction: column;
    }
    .repcon-box .reorder .secondary-cont {
        order: 1;
    }
    /*Fin Reordenaci�n de contenido*/
}

@media (max-width: 721px) {
    /*esta medida la usamos para un ajuste de los checkboxes en los formularios*/
    .repcon-box form input[type="checkbox"]+label {
        margin: 1.21em 0;
    }
    .repcon-box fieldset.inline-group,
    .repcon-box fieldset.inline-group+fieldset {
        display: block;
        float: none;
        min-width: 100%;
        width: auto;
        border-right: none;
    }
    .repcon-box fieldset.inline-group+fieldset {
        margin-top: 1em;
    }
}

@media (max-width: 648px) {
    .repcon-box.login .repcon-box.r-box {
        width: 80%;
    }
    .repcon-box.r-box {
        width: calc(99%);
    }
    .repcon-box.login .r-box {
        width: 60%;
    }
}

@media (max-width: 480px) {
    .repcon-box.login .r-box {
        width: 100% !important;
        transform: inherit;
        top: 0;
        left: 0;
        height: 100vh;
    }
    .repcon-box.login .r-box .main-section {
        height: auto !important;
    }
}


/*RESETEO DE CSS ANTERIORES*/


/*Ir borrando estilos anteriores cuando se vayan pasando y unificando con esta css, utilizar la clase repcon-box para resetear estilos*/

@media (max-width: 480px) {
    .repcon-box .collapsible.b-group>div {
        padding: .3em .8em;
    }
    .repcon-box form>section>header {
        padding: 1em 1.8em;
    }
    .repcon-box legend {
        padding: 0 .8em;
    }
    .repcon-box fieldset>div {
        padding: 1em .8em;
        width: 100%;
    }
    .repcon-box input,
    .repcon-box select,
    .repcon-box .big-elem,
    .repcon-box .select-box>div:first-of-type,
    .repcon-box div>.small-elem input .repcon-box textarea,
    .repcon-box input[type="range"] {
        width: 100%;
    }
    .repcon-box .select-box {
        margin: .3em .8em;
        width: auto;
        display: block;
    }
    .repcon-box .range-box {
        display: block;
        margin: 0.3em 0.8em;
    }
    .repcon-box .range-box.input-type>div {
        width: 70%;
    }
    .repcon-box .range-box.input-type>input {
        max-width: 25% !important;
    }
    .repcon-box div>div.small-elem:first-of-type {
        padding-right: .8em;
    }
    .repcon-box form input[type="checkbox"]+label,
    .repcon-box form input[type="radio"]+label {
        margin: 0;
        width: auto;
    }
    div.repcon-box[class*='toggle'] {
        width: 100%;
    }
    .repcon-box form>div,
    .repcon-box fieldset>div {
        float: none;
    }
    .repcon-box .collapsible>h2 {
        padding: 1rem .8rem;
    }
    .repcon-box .collapsible>h2 span {
        right: 1.3rem;
    }
}


/* Controles responsive */

div.repcon-box[class*='-group'][data-col] .r-graph {
    display: inline-block;
}

div.repcon-box[class*='-group'][data-col='1'] .r-control {
    width: 100%;
}

div.repcon-box[class*='-group'][data-col='2'] .r-control,
div.repcon-box[class*='-group'][data-col='2'] .r-graph {
    width: 50%;
}

div.repcon-box[class*='-group'][data-col='3'] .r-control,
div.repcon-box[class*='-group'][data-col='3'] .r-graph {
    width: 33.333%;
}

div.repcon-box[class*='-group'][data-col='4'] .r-control,
div.repcon-box[class*='-group'][data-col='4'] .r-graph {
    width: 25%;
}

div.repcon-box[class*='-group'][data-col='5'] .r-control,
div.repcon-box[class*='-group'][data-col='5'] .r-graph {
    width: 20%;
}

div.repcon-box[class*='-group'][data-col='2'] .r-control.big-elem {
    width: 100%;
}

div.repcon-box[class*='-group'][data-col='3'] .r-control.big-elem {
    width: 66.666%;
}

div.repcon-box[class*='-group'][data-col='4'] .r-control.big-elem {
    width: 50%;
}

div.repcon-box[class*='-group'][data-col='5'] .r-control.big-elem {
    width: 40%;
}

div.repcon-box[class*='-group'][data-col='2'] .r-control.small-elem {
    width: 25%;
}

div.repcon-box[class*='-group'][data-col='3'] .r-control.small-elem {
    width: 33.333%;
}

div.repcon-box[class*='-group'][data-col='4'] .r-control.small-elem {
    width: 12.5%;
}

div.repcon-box[class*='-group'][data-col='5'] .r-control.small-elem {
    width: 10%;
}


/* Fin Controles responsive */


/*login*/

.repcon-box.select-box {
    width: 10rem !important;
}

.select-box .comboactions div img,
.list-active div img {
    max-width: 2rem;
    max-height: 2rem;
    width: 100%;
    height: auto;
    margin-right: .5rem;
    border-radius: 0;
    border: 0;
}

.repcon-box.select-box .comboactions>div:first-of-type {
    background: rgba(0, 0, 0, .05);
    border-radius: 2px;
    border: none;
    align-items: center;
    padding: .25rem;
    display: flex;
}


/*fin login*/