/* LOGIN */
@import url(https://fonts.googleapis.com/css?family=Roboto:300);
body {
    overflow: hidden;
}
button:disabled {
    opacity: 0.5;
}
tr .button-hide,tr:hover .button-hide-on-over {
    display: none;
}
tr:hover .button-hide {
    display: block;
}
tr .button-inline,tr:hover .button-inline {
    display: inline-block;
}
.inline-block {
    display: inline-block;
}
md-toast {
    z-index: 99999;
}
.show-mobile,.show-tablet {
    display: none !important;
}
.margin-top-15 {
    margin-top: 15px;
}
.margin-top-25 {
    margin-top: 25px;
}
md-checkbox {
    margin: 30px 0 5px 0;
}
md-content.md-default-theme, md-content {
    background-color: transparent;
}
md-toast.md-success-toast-theme .md-toast-content {
    background-color: green;
}

md-toast.md-error-toast-theme .md-toast-content {
    background-color: red;
}

html.ngdialog-open {
    overflow: hidden !important;
}
.ngdialog.ngdialog-theme-default.ngdialog-message .ngdialog-content,
.ngdialog.ngdialog-theme-default.ngdialog-input-message .ngdialog-content
{
    position: fixed;
    width: 550px;
    height: 500px;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}
.ngdialog.ngdialog-theme-default.ngdialog-input-message .ngdialog-content {
    height: 230px;
}


.ngdialog.ngdialog-theme-default.ngdialog-message .botones-dcha {
    bottom: 10px;
    right: 10px;
    position: absolute;
}

md-virtual-repeat-container.md-virtual-repeat-container.md-autocomplete-suggestions-container {
    z-index: 99999;
}

.ngdialog.ngdialog-theme-default .ngdialog-content h1 {
    font-size: 24px;
    margin: 0;
}

.ngdialog.ngdialog-theme-default .ngdialog-content label {
    background-color: transparent;
    font-size: 14px;
    color: black;
    text-align: left;
    max-width: 100%;
    text-wrap: pretty;
}

.ngdialog.ngdialog-theme-default input {
    padding: 15px 5px;
}

.ngdialog.ngdialog-theme-default label {
    padding-top: 10px;
}

div.botones-izqd {
    float: left;
    margin-left: 0;
    margin-top: 15px;
}
div.botones-dcha {
    margin-left: 0;
    bottom: 15px;
    position: absolute;
    right: 15px;
}

.md-button.md-icon-button.boton-imagen {
    padding-bottom: 10px;
    color: white;
    margin-top: 7px;
    border-radius: 3px;
    height: 35px;
}

md-icon.delete-icon svg {
    width: 24px !important;
    height: 24px !important;
    margin-top: -1px !important;
}

.ngdialog.ngdialog-theme-default .ngdialog-button {
    background: #d8d8d8;
    color: #444;
}

.form {
    position: relative;
    z-index: 1;
    background: #FFFFFF;
    max-width: 360px;
    margin: 0 auto 100px;
    padding: 45px;
    text-align: center;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.container {
    position: relative;
    z-index: 1;
    max-width: 300px;
    margin: 0 auto;
}

.form  md-input-container {
    text-align: left;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
input[type="password"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
textarea:focus {
    box-shadow: unset;
    -webkit-appearance: none
}

input[type="password"],
input[type="date"],
input[type="time"],
textarea {
    box-shadow: unset;
    margin-bottom: unset;
    font-size: inherit;
    -webkit-box-ordinal-group: 3;
    order: 2;
    display: block;
    margin-top: 0;
    padding: 2px 2px 1px;
    border-width: 0 0 1px;
    line-height: 26px;
    height: 30px;
    -ms-flex-preferred-size: 26px;
    webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-style: solid;
    -webkit-transition: border-color .4s cubic-bezier(.25,.8,.25,1);
    transition: border-color .4s cubic-bezier(.25,.8,.25,1);
    box-sizing: border-box;
    float: left;
}

input[type="date"] {
    width: 110px;
    min-width: 110px;
    text-align: center;
    background-color: transparent;
}

input[type="time"] {
    width: 60px;
    min-width: 60px;
    text-align: center;
}

div.ngdialog.ngdialog-theme-default div.md-errors-spacer {
    display: none;
}

button.md-raised.md-primary.md-button.md-ink-ripple {
    margin-left: 4px;
    margin-right: 4px;
}
.md-button.md-icon-button.funnel {
    margin: 0 0;
    padding: 0;
}

/* Table */
div.table-view {
    display: table;
}
div.table-header-view {
    display: table-header-group;
}
div.table-foot-view {
    display: table-footer-group;
}
div.table-row-view {
    display: table-row;
}
div.table-cell-view {
    display: table-cell;
}
div.inline {
    display: inline-block;
}

/* Ventanas de error o aviso */
.ngdialog.ngdialog-theme-default.ngdialog-error .ngdialog-content {
    background: #b20000;
    color: white;
}

.ngdialog.ngdialog-theme-default.ngdialog-success .ngdialog-content {
    background: #78AB46;
    color: white;
}

/* Ventanas modales */
div.ngdialog hr {
    border: 0;
    margin: 0 0 15px 0;
    padding: 0;
}

/* MENÚ USUARIO */
.desktop-menu .sidebar {
    position: fixed;
    width: 100%;
    max-width: 75px;
    height: 100vh;
    justify-content: space-between;
    align-content: center;
    text-align: center;
    z-index: 10;
    background-color: #1b1d1d;
    box-shadow: 0 2px 5px rgb(0 0 0 / 26%);
    float: left;
}
div#contenido {
    float: left;
    margin-left: 75px;
    padding: 5px;
    width: calc(100vw - 75px);
    height: 100vh;
    min-width: calc(100vw - 75px);
    min-height: 100vh;
}

div#contenido ui-view {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
}

.mobile-menu,
.mobile-menu .navbar__mobile-menu {
    display: none;
    background-color: #1b1d1d;
}

.mobile-menu .navbar__mobile-menu .menu {
    position: relative;
    width: 50px;
    height: 40px;
    margin: 1.05rem 1.55rem 0 1.55rem;
    text-align: left;
    cursor: pointer;
    float: right;
}

a.navbar__logo {
    float: left;
}

nav.navbar__mobile-menu__nav {
    display: none;
}

md-icon.menu svg path {
    fill:#c6c6c6 !important;
    stroke-width:0.8 !important;
    stroke:#1B1D1D !important;
}

md-icon.menu.exit {
    margin-left: -20px;
}

md-icon.menu {
    width: 40px;
    height: 40px;
}

/* ---- DESKTOP ---- */
ul.sidebar__nav-list.flex-column-nowrap,
ul.sidebar__extra-content {
    margin: 10px 0 0 0;
}

.desktop-menu .sidebar__extra-content {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.desktop-menu .sidebar__nav-list .nav-list__item,
.desktop-menu .sidebar__extra-content .extra-content {
    margin-bottom: 1rem;
    opacity: 0.5;
    cursor: pointer;
}

.desktop-menu .sidebar__nav-list .nav-list__item.active,
.desktop-menu .sidebar__nav-list .nav-list__item:hover,
.desktop-menu .sidebar__extra-content .extra-content.active,
.desktop-menu .sidebar__extra-content .extra-content:hover {
    opacity: 1;
}

.desktop-menu .sidebar__nav-list .nav-list__item span,
.desktop-menu .sidebar__nav-list .nav-list__item.active div,
.desktop-menu .sidebar__nav-list .nav-list__item:hover div,
.desktop-menu .sidebar__extra-content .extra-content span,
.desktop-menu .sidebar__extra-content .extra-content.active div,
.desktop-menu .sidebar__extra-content .extra-content:hover div {
    color: #4bafac;
    font-weight: bold;
}

.desktop-menu .sidebar__nav-list .extra-content a svg,
.desktop-menu .sidebar__extra-content .extra-content a svg {
    width: 75px;
}

.desktop-menu .sidebar__nav-list .nav-list__item a:focus,
.desktop-menu .sidebar__nav-list .nav-list__item a:hover,
.desktop-menu .sidebar__extra-content .nav-list__item a:focus,
.desktop-menu .sidebar__extra-content .nav-list__item a:hover{
    text-decoration: none;
}

ul.sidebar__nav-list.flex-column-nowrap {
    position: absolute;
    top: 10px;
}

/* ---- MOBILE ---- */
.mobile-menu .navbar__mobile-menu .menu span,
.mobile-menu .navbar__mobile-menu .menu div{
    display: inline-block;
    position: absolute;
    height: 3px;
    width: 50px;
    background: rgba(255, 255, 255, 0.75);
    border-radius: 2px;
    transition: all 0.5s ease;
}

.mobile-menu .navbar__mobile-menu .menu span:nth-of-type(1),
.mobile-menu .navbar__mobile-menu .menu div:nth-of-type(1) {
    transition: width 0.15s 0.15s, top 0.15s, right 0.15s, transform 0.15s;
}

.mobile-menu .navbar__mobile-menu .menu span:nth-of-type(2),
.mobile-menu .navbar__mobile-menu .menu div:nth-of-type(2){
    top: 10px;
    transition: transform 0.15s;
}

.mobile-menu .navbar__mobile-menu .menu span:nth-of-type(3),
.mobile-menu .navbar__mobile-menu .menu div:nth-of-type(3){
    top: 20px;
    right: 0;
    transition: width 0.15s 0.15s, top 0.15s, right 0.15s, transform 0.15s;
}
.mobile-menu.is-open .menu span:nth-of-type(1),
.mobile-menu.is-open .menu div:nth-of-type(1) {
    top: 2%;
    left: 7%;
    width: 50%;
    transform: rotate(45deg);
    transition: width 0.15s, top 0.15s 0.15s, left 0.15s 0.15s, transform 0.15s 0.15s;
}
.mobile-menu.is-open .menu span:nth-of-type(2),
.mobile-menu.is-open .menu div:nth-of-type(2) {
    transform: rotate(-45deg);
    transition: transform 0.15s 0.15s;
}
.mobile-menu.is-open .menu span:nth-of-type(3),
.mobile-menu.is-open .menu div:nth-of-type(3) {
    width: 50%;
    right: 7%;
    top: 47%;
    transform: rotate(45deg);
    transition: width 0.15s, top 0.15s 0.15s, right 0.15s 0.15s, transform 0.15s 0.15s;
}

.mobile-menu.is-open .navbar__mobile-menu__nav {
    display: block;
    left: 100%;
    top: 64px;
    height: calc(100vh - 65px);
    min-height: calc(100vh - 59px);
    width: 100vw;
    background: #1b1d1d;
    overflow-x: hidden;
}

.mobile-menu.is-open .navbar__mobile-menu__nav {
    left: 0;
    z-index: -10;
}

.mobile-menu .navbar__mobile-menu__nav .navbar__mobile-menu__list {
    margin-top: 1rem;
    font-size: 1.5rem;
    justify-content: center;
    list-style: none;
    margin: 0;
}

.mobile-menu .navbar__mobile-menu__nav .navbar__mobile-menu__list .navbar__mobile-menu__item.active,
.mobile-menu .navbar__mobile-menu__nav .navbar__mobile-menu__list .navbar__mobile-menu__item.active a{
    color: #4bafac;
    border-bottom-color: #4bafac;
}
.mobile-menu .navbar__mobile-menu__nav .navbar__mobile-menu__list .navbar__mobile-menu__item a:focus,
.mobile-menu .navbar__mobile-menu__nav .navbar__mobile-menu__list .navbar__mobile-menu__item a:hover{
    text-decoration: none;
}

.mobile-menu .navbar__mobile-menu__nav .navbar__mobile-menu__list .navbar__mobile-menu__item {
    padding: 1rem 0;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 75%;
    margin: 0 auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.75);
    text-align: center;
}
.mobile-menu .navbar__mobile-menu__nav .navbar__mobile-menu__list .navbar__mobile-menu__item:not(:first-child) {
    margin-top: 5px;
}

.mobile-menu .navbar__mobile-menu__nav .navbar__mobile-menu__list .navbar__mobile-menu__item a {
    font-size: 30px;
}

@media screen and (max-width: 550px) {
    body {
        padding-left: 0;
        padding-right: 0;
    }
    .desktop-menu, .desktop-menu .sidebar__nav-list {
        display: none;
    }
    .mobile-menu,
    .mobile-menu .navbar__mobile-menu {
        display: block;
        margin: 0;
    }
    div#contenido {
        margin-left: 0;
    }

    .texto-seccion.ng-binding {
        float: left;
        color: white;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 10px;
        font-weight: bolder;
    }
}

/* Contenido de la aplicación */
.contenido {
    width: 100%;
    height: 100%;
    font-size: 12px;
}
.contenido .tabla {
    width: 25%;
    min-width: 400px;
    float: left;
}
.contenido .detalle {
    width: 74%;
    max-width: calc(100% - 400px);
    float: right;
}
.contenido .detalle .header {
    font-size: 15px;
    color: blue;
}
.contenido .detalle hr {
    margin: 0;
    border-color: blue;
    border-bottom: 0;
}

.contenido .md-errors-spacer {
    display: none;
}
md-input-container {
    margin: 20px 0 0 0;
}
md-input-container:not(.md-input-has-value):not(.md-input-has-placeholder) input[readonly] {
    cursor: not-allowed;
    background-color: #eeeeee;
}

div.tabla a,
div.tabla h3,
div.tabla p {
    font-size: 12px;
    margin: 0;
    line-height: unset;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

thead.encabezado,
tfoot.encabezado,
div.encabezado,
div.encabezado {
    max-width: calc(100% - 13px);
}
tfoot.encabezado th,
div.encabezado div.encabezado {
    text-align: right;
}
tfoot.encabezado,
div.encabezado.table-foot-view {
    font-size: 20px;
    font-weight: bold;
}

table.lista tbody,
div.lista div.table-body-view {
    display:block;
    height: calc(100vh - 155px);
    overflow:auto;
    overflow-y: scroll;
    overflow-x: hidden;
}
table.lista thead, table.lista tfoot, table.lista tbody tr,
div.lista div.table-header-view, div.lista div.table-foot-view, div.lista div.table-body-view div.table-row-view {
    display:table;
    width:100%;
    table-layout:fixed;
}
tr.selected-row {
    border: 4px solid #969DC7;
}
tr.fila,
div.fila {
    background-color:#FFF
}

tr.fila-color,
div.fila-color {
    background-color:#E6E6E6;
}
table.lista th, table.lista td,
div.lista div.table-header-view, div.lista div.table-cell-view {
    padding: 3px;
}

table.lista td input,
div.lista div.table-row-view input {
    max-width: 100%;
    width: 100%;
}
.tamanio-vacio {
    height: 55px;
}
.tamanio1-1 {
    width: 100%;
    float: left;
}

.tamanio1-2 {
    width: 49%;
    float: left;
}
.margin-tamanio,
md-checkbox:last-of-type.margin-tamanio {
    margin-left: 1%;
}

.tamanio1-3 {
    width: 32%;
    float: left;
}

.tamanio2-3 {
    width: 65%;
    float: left;
}

.tamanio1-4 {
    width: 24%;
    float: left;
}

.tamanio1-4 {
    width: 24%;
    float: left;
}

.tamanio2-4 {
    width: 49%;
    float: left;
}

.tamanio3-4 {
    width: 74%;
    float: left;
}


div.botones-izquierda {
    float: left;
}
div.botones-derecha{
    float: right;
}
div.botones-centro {
    margin: 0;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 1px;
}
div.botones-centro.botones-centro-cliente {
    bottom: 29px;
}

md-virtual-repeat-container.md-virtual-repeat-container {
    margin-top: 30px;
}

md-input-container input[type="text"] {
    height: 30px;
    margin-bottom: 0;
    border-width: 0 0 1px;
    border-color: rgba(0,0,0,0.12);
    border-radius: 0;
    border-style: solid;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    padding: 0;
}

md-input-container input[type="text"]:focus {
    border-color: rgba(0,0,0,0.12);
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}

/* FIRMA */
.over-drop {
    background-color: #e8f0fe !important; /* rgba(0, 255, 0, 0.3);*/
}

.wrapper {
    position: relative;
    width: 400px;
    height: 200px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.signature-pad {
    position: absolute;
    left: 0;
    top: 0;
    width:400px;
    height:200px;
    background-color: white;
}

input.ng-invalid {
    background-color: #FFA0A0;
}

/* Dragging */
.dragging {
    position: absolute;
    top: calc(100vh + 300px);
    right: calc(100vw + 300px);
    width: 250px;
    height: 40px;
    background-color: transparent;
}
.drag-file {
    width: 250px;
    height: 40px;
    border: solid 1px black;
    display: inline-block;
    background-color: white;
    position: relative;
}
.drag-counter {
    position: relative;
    display: inline-block;
    background-color: red;
    width: 30px;
    height: 30px;
    top: -145px;
    left: 235px;
    border-radius: 100%;
    color: white;
    text-align: center;
    vertical-align: middle;
    font-weight: bolder;
    line-height: 30px;
    font-size: 15px;
}
.drag-counter.valid {
    background-color: #4bafac;
}
.drag-file.file1,.drag-file.one-file {
    line-height: 35px;
    font-size: 15px;
    padding-left: 5px;
}
.drag-file.file1 {
    left: 0px;
    top: -90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.drag-file.file2 {
    left: 4px;
    top: -40px;
}
.drag-file.file3 {
    left: 8px;
    top: 10px;
}
.drag-file.one-file{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* LOGIN */
.login-page {
    width: 360px;
    padding: 8% 0 0;
    margin: auto;
}

div.login-page md-input-container {
    margin: 0;
}

div.login-page form {
    margin: 0;
}

/* Facturación */
md-input-container.tipo-factura md-radio-group {
    margin-top: 5px;
}
table.lista tbody.facturacion,
div.lista div.facturacion {
    height: calc(100vh - 360px);
}
div.lista div.encabezado,
table.lista thead th.encabezado {
    color: #0088cc;
    text-decoration: none;
    font-weight: bolder;
}
table.lista thead.encabezado th,
div.lista div.encabezado div.underline {
    border-bottom: 1px solid blue;
    text-align: center;
}
table.lista tfoot.encabezado th,
div.encabezado.table-footer-body-view {
    border-top: 1px solid blue;
}
.size-100 {
    width: 100% !important;
}
div.encabezado.table-footer-body-view {
    font-weight: bolder;
    font-size: 20px;
}
div.lista div.encabezado div.text-align-remove div.underline {
    text-align: unset;
}
.descripcion {
    width: calc(100% - 315px);
}
.precio {
    width: 90px;
    max-width: 90px;
    min-width: 90px;
}
.iva {
    width: 30px;
    max-width: 30px;
    min-width: 30px;
}
.total {
    width: 95px;
    max-width: 95px;
    min-width: 95px;
}
.acciones,
.cantidad {
    width: 50px;
    max-width: 50px;
    min-width: 50px;
}
td.acciones md-checkbox {
    margin-left: 9px;
}
div.encabezado .descripcion {
    width: calc(100% - 318px);
    text-align: center;
}
div.encabezado .precio {
    width: 87px;
    max-width: 87px;
    min-width: 87px;
    text-align: center;
}
div.encabezado .total {
    width: 92px;
    max-width: 92px;
    min-width: 92px;
    text-align: center;
}
div.encabezado .iva {
    width: 27px;
    max-width: 27px;
    min-width: 27px;
    text-align: center;
}
div.encabezado .acciones,
div.encabezado .cantidad {
    width: 47px;
    max-width: 47px;
    min-width: 47px;
    text-align: center;
}

.fecha {
    width: 75px;
    max-width: 75px;
    min-width: 75px;
}
.id {
    width: 95px;
    max-width: 95px;
    min-width: 95px;
}
.cantidad input,.precio input, .iva input, .total input,
.cantidad p,.precio p, .iva p, .total p {
    text-align: right;
}
div.encabezado.table-footer-body-view .descripcion {
    text-align: left;
    margin-left: 5px;
}
div.encabezado.table-footer-body-view .total {
    text-align: right;
    padding-right: 5px;
}
.id p, .fecha p {
    text-align: center;
}

td.celdas,
div.celdas {
    cursor: pointer;
}

td.celdas button.md-button.md-icon-button,
div.celdas button.md-button.md-icon-button{
    margin-top: -2px;
    padding: 0;
    height: inherit;
}
td.celdas button md-icon svg,
div.celdas button md-icon svg{
    font-size: 24px;
}

md-checkbox {
    margin: 0;
}
md-radio-group.inline-block {
    position: absolute;
    right: 15px;
}
md-radio-group.inline-block md-radio-button {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: 0;
}
md-radio-group.inline-block md-radio-button:first-child {
    margin-right: 10px;
}

/* Usuarios */
thead.encabezado th.checkheader {
    width: 70px;
}
thead.encabezado th.usuario {
    width: calc(30% - 140px);
}
thead.encabezado th.nombre {
    width: calc(70% - 140px);
}
.checkheader {
    text-align: center;
    width: 70px;
}
tr.ticket-bai, tr.ticket-bai md-icon, tr.ticket-bai a {
    color: #50C878;
}
tr.cancel-ticket-bai, tr.cancel-ticket-bai md-icon, tr.cancel-ticket-bai a {
    color: #FF5A5A;
}
tr.modified-ticket-bai, tr.modified-ticket-bai md-icon, tr.modified-ticket-bai a {
    color: #3D2068;
}
table.tabla.permisos {
    max-width: 250px;
    min-width: 250px;
}
table.tabla.permisos tbody tr {
    cursor: pointer;
}
table.tabla.permisos tbody tr td {
    padding: 5px;
}
div.no-acceso-carpeta {
    color: red;
}
div.acceso-carpeta {
    color: green;
}
div.permisos-carpetas {
    max-height: 300px;
    min-height: 300px;
    overflow: auto;
}
div.permisos-carpetas ul {
    list-style: none;
}

/* Clientes */
thead.encabezado th.tipo, .tipo {
    width: 120px;
}
#form-client .tipo  {
    width: 100px;
}

table.documentos-firmados.clientes, table.documentos-firmados.clientes tbody, table.documentos-firmados.clientes tbody tr {
    width: 100%;
    min-width: 100%;
    display: block;
}

table.documentos-firmados.clientes tbody tr td:first-child {
    width: 99%;
}

md-input-container textarea.md-input.voluntades {
    height:250px;
    min-height:250px;
    max-height:250px;
    overflow: auto;
}

md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
    min-height: 415px;
}

.ngdialog .firma {
    position: relative;
    height: 170px;
}

table.clientes.documentacion {
    min-width: 300px;
}
table.clientes.documentacion td.descripcion {
    width: 100%;
}

table.clientes.documentacion tr td {
    padding: 5px;
}
table.clientes.documentacion tr td p {
    margin: 0;
}

/* Calendarios */
form.contenedor-calendario {
    height: calc(100vh - 100px);
}
ul.resumen {
    list-style-type: none;
    text-align: center;
    margin: 10px auto;
    position: relative;
}
ul.resumen li.ng-binding.ng-scope {
    width: auto;
    display: inline;
}
ul.resumen li.ng-binding.ng-scope:not(:first-child) {
    margin-left: 5px;
}
ul.resumen li.ng-binding.ng-scope:not(:first-child)::before {
    content: " | ";
    margin-right: 5px;
}
.fc td:hover {
    cursor: copy;
}
.fc td.fc-event-container:hover {
    cursor: pointer;
}

md-tabs.contenido-tabs-clientes {
    min-height: 450px;
}

/* Carpetas archivos cliente */
table.clientes {
    display: inline-block;
}

upload table.lista.carpetas.clientes tbody {
    min-height: calc(100% - 50px);
    height: calc(100% - 50px);
}

div.carpetas.clientes {
    width: calc(100% - 150px);
    height: calc(100vh - 110px);
    float: right;
}

div.documentos-firmados.clientes {
    width: calc(100% - 320px);
    float: right;
}

div.carpetas.clientes.completo {
    width: calc(100%);
}

div.botones-izquierda.linea-botones button{
    display: block;
}

/* Ventanas clientes */
div.opciones-idioma {
    text-align: center;
    margin-top: -10px;
    margin-bottom: 10px;
}
div.opcion-idioma:first-child {
    margin-right: 5px;
}
div.opcion-idioma,
div.opcion-idioma input,
div.opcion-idioma label {
    display: inline-block;
}
div.opcion-idioma input[type="radio"] {
    margin: 0;
}

/* Carpetas */
upload.carpetas {
    width: 100%;
    height: calc(100% - 70px);
    min-width: calc(100% - 70px);
    min-height: calc(100% - 70px);
    display: block;
}

 div.action-bar {
     position: fixed;
     left: 75px;
     bottom: 0;
}
 
div.action-bar input#uploadFile {
    display: none;
}

div.upload-files-container {
    position: fixed;
    right: 25px;
    bottom: 50px;
}
div.upload-files-container.clientes {
    bottom: 75px;
}
div.upload-files-container div.upload-files-header {
    width: 260px;
    background-color: #1b1d1d;
    color: white;
    text-align: right;
    padding-right: 5px;
}
div.upload-files-container div.upload-end
{
    position: relative;
    font-size: 35px;
    float: right;
    top: -29px;
    right: 30px;
}
div.upload-files-container div.upload-files-header div {
    display: inline-block;
    padding: 0 2px 0 2px;
    font-size: 32px;
    cursor: pointer;
    line-height: 35px;
}
div.upload-files-container div.upload-files-header div.upload-text {
    font-size: 14px;
    float: left;
    margin-left: 7px;
}
div.upload-files {
    max-height: 335px;
    overflow: auto;
    height: 335px;
}
div.upload-files.num1 {
    height: 65px;
}
div.upload-files.num2 {
    height: 115px;
}
div.upload-files.num3 {
    height: 170px;
}
div.upload-files.num4 {
    height: 225px;
}
div.upload-files.num5 {
    height: 280px;
}
div.upload-files .file.ng-scope {
    width: 250px;
    color: white;
    opacity: 0.9;
    background-color: #1b1d1d;
    margin: 5px;
    padding: 5px;
}

div.upload-files  div.file-name.ng-binding {
    max-width: calc(100% - 60px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

div.upload-files md-progress-circular.ng-isolate-scope {
    position: relative;
    float: right;
    top: -33px;
    right: 25px;
}

div.upload-files div.file-delete {
    position: relative;
    float: right;
    top: -30px;
    right: -25px;
    cursor: pointer;
    font-size: 32px;
}
div.upload-files div.file-delete.end {
    right: -23px;
}
upload thead tr th h3 {
    font-size: 15px;
    line-height: 15px;
    margin: 5px 0;
    padding: 0;
}

upload table.lista {
    height: 100%;
}

upload table.lista tbody {
    height: calc(100% - 85px);
    overflow: auto;
    overflow-y: scroll;
    overflow-x: hidden;
}

upload tbody tr p {
    margin: 0;
    display: inline-block;
}

upload .fecha {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
    text-align: center;
}

upload .tamanio {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    text-align: right;
}

upload .acciones {
    width: 70px;
    text-align: center;
}

upload .icono {
    width: 50px;
}

upload tr.fila td.nombre-archivo {
    vertical-align: middle;
}

div.folder-action-bar {
    width: 100%;
    background-color: #1b1d1d;
}

div.folder-action-bar button {
    margin-top: -5px;
}

div.folder-action-bar .add-files md-icon {
    height: 32px;
    width: 32px;
    margin-left: -4px;
    margin-top: -4px;
}

div.folder-action-bar .delete-files md-icon {
    height: 32px;
    width: 32px;
    margin-left: -4px;
    margin-top: -4px;
}

div.folder-action-bar .add-folder md-icon {
    height: 32px;
    width: 32px;
    margin-left: -6px;
    margin-top: -1px;
}

div.folder-action-bar .add-file md-icon {
    height: 30px;
    width: 30px;
    margin-left: -6px;
    margin-top: -4px;
}

div.folder-action-bar .upload md-icon {
    height: 32px;
    width: 32px;
    margin-left: -5px;
    margin-top: -4px;
}

div.folder-action-bar .upload.uploading md-icon {
    height: 25px;
    width: 25px;
    margin-left: -3px;
    margin-top: 0px;
}

div.folder-action-bar .porcentaje-global {
    position: relative;
    top: -38px;
    right: -4px;
}

div.folder-action-bar md-icon svg path {
    fill:#c6c6c6 !important;
    stroke-width:0.8 !important;
    stroke:#1B1D1D !important;
}

upload tr.fila {
    background-color: transparent;
    border-bottom: 1px solid grey;
}

tbody tr td.nombre-archivo div.nombre-archivo {
    width: calc(100% - 60px);
    display: inline-block;
}

table.lista tbody tr.selected {
    background-color: #e8f0fe;
}


/*<editor-fold desc="Breadcrumb">*/
div.contenido .breadcrumb span.home-icon {
    font-size: 32px;
    line-height: 12px;
    vertical-align: middle;
    position: relative;
    top: -4px;
}
div.contenido .breadcrumb {
    list-style-type: none;
    padding: 0;
    background-color: white;
    margin-left: 10px;
    margin-bottom: 0;
}

div.contenido .breadcrumb li {
    display: inline-block;
    position: relative;
}

div.contenido .breadcrumb li:last-child a {
    cursor: default;
}

div.contenido .breadcrumb li:last-child::before, div.contenido .breadcrumb li:last-child::after {
    background: #1b1d1d;
}

div.contenido .breadcrumb li:not(:last-child):hover::before, div.contenido .breadcrumb li:not(:last-child):hover::after {
    background: #4bafac;
}
div.contenido .breadcrumb li::before, div.contenido .breadcrumb li::after {
    content: "";
    position: absolute;
    left: 0;
    height: 50%;
    width: 100%;
    background: #1b1d1d;
    border-right: 2px solid #666;
}
div.contenido .breadcrumb li:not(:first-child):not(:nth-child(2)) {
    margin-left: 4px;
}
div.contenido .breadcrumb li:not(:first-child)::before, div.contenido .breadcrumb li:not(:first-child)::after {
    border-left: 2px solid #666;
}

div.contenido .breadcrumb li::before {
    transform: skew(30deg);
    border-top: 2px solid #666;
}

div.contenido .breadcrumb li::after {
    bottom: 0;
    transform: skew(-30deg);
    border-bottom: 2px solid #666;
}

div.contenido .breadcrumb li a {
    display: inline-block;
    position: relative;
    line-height: 2.5;
    padding: 0 20px;
    color: white;
    text-decoration: none;
    z-index: 1;
}

div.contenido .breadcrumb li:first-child {
    background-color: #1b1d1d;
    border-left: 2px solid #666;
    left: -5px;
    box-sizing: content-box;
}

div.contenido .breadcrumb li:first-child:hover {
    background-color: #4bafac;
}

div.contenido .breadcrumb li:first-child::before, div.contenido .breadcrumb li:first-child::after {
    left: 5px;
}
/*</editor-fold>*/



/* Ventanas */
.ngdialog.ngdialog-theme-default.events .ngdialog-content
{
    position: fixed;
    width: 415px;
    height: 270px;
    min-height: 225px;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}

.ngdialog.ngdialog-theme-default.wills .ngdialog-content
{
    position: fixed;
    min-width: 500px;
    min-height: 550px;
    width: 50%;
    height: 50%;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}

.ngdialog.ngdialog-theme-default.wills .ngdialog-content button.md-icon-button
{
    padding-bottom: 10px;
    color: white;
    margin-top: -2px;
    border-radius: 3px;
    height: 35px;
}
.ngdialog.ngdialog-theme-default.events .ngdialog-content button.md-icon-button
{
    padding-bottom: 10px;
    color: white;
    margin-top: 13px;
    border-radius: 3px;
    height: 35px;
}

.ngdialog.ngdialog-theme-default.sign .ngdialog-content
{
    position: fixed;
    min-width: 500px;
    min-height: 310px;
    width: 50%;
    height: 310px;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}

/* Media Query for Mobile Devices */
@media (max-width: 480px) {
    .show-mobile {
        display: block !important;
    }
    .show-mobile-inline {
        display: inline !important;
    }
    .hide-mobile,
    table.clientes.hide-mobile {
        display: none !important;
    }
    div#contenido {
        width: 100vw;
        min-width: 100vw;
        height: calc(100vh - 160px);
        min-height: calc(100vh - 160px);
    }
    .contenido .tabla {
        min-width: 100%;
    }
    .contenido .detalle {
        width: 100vw;
        float: unset;
        max-width: calc(100vw - 10px);
        z-index: 9;
        position: absolute;
        background-color: white;
        max-height: calc(100vh - 160px);
        min-height: calc(100vh - 160px);
    }
    div.carpetas.clientes {
        width: 100vw;
        height: calc(100vh - 265px);
        float: unset;
    }
    div.documentos-firmados.clientes {
        width: 100vw;
        height: calc(100vh - 265px);
        float: unset;
    }
    table.lista tbody {
        height: calc(100vh - 435px);
    }

    element.style {
    }
    .tamanio1-2 {
        width: 100%;
    }
    .margin-tamanio, md-checkbox:last-of-type.margin-tamanio {
        margin-left: 0;
    }
    /* Facturas */
    .descripcion {
        width: calc(100vw - 13px);
    }
    input.filtro-factura {
        max-width: 185px;
    }
    table.lista tbody.facturacion, div.lista div.facturacion, table.lista tbody.facturas-ticketbai {
        height: calc(100vh - 420px);
    }
    
    /* Calendario */
    h2 {
        font-size: 24px;
    }

    /* Carpetas */
    div.botones-centro {
        bottom: 8px;
    }

    /* Clientes */
    upload.carpetas {
        height: calc(100% - 45px);
        min-width: calc(100% - 45px);
        min-height: calc(100% - 45px);
    }
    div.botones-centro.botones-centro-cliente {
        bottom: 30px;
    }

    /* Ventanas */
    .ngdialog.ngdialog-theme-default.wills .ngdialog-content {
        min-width: calc(100vw - 10px);
    }
    .ngdialog.ngdialog-theme-default.events .ngdialog-content
    {
        min-height: 325px;
    }

    table.clientes {
        margin: auto;
    }
    
    table.clientes.mobile-show-float tr.fila,
    table.clientes.mobile-show-float tr.fila-color {
        float: left;
        width: 45vw;
        border: 1px solid;
        background-color: transparent;
    }

    table.clientes td.celdas.id,
    table.clientes td.celdas.id p.celdas {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    
    button.button-cancel-client {
        right: -10px;
        top: -5px;
        position: absolute;
    }
    
    div.botones-centro.botones-centro-cliente {
        bottom: 37px;
    }
}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px){
    .show-tablet {
        display: block !important;
    }
    .show-tablet-inline {
        display: inline !important;
    }
    /* Menú */
    .desktop-menu .sidebar__extra-content {
        bottom: 100px;
    }

    div#contenido {
        width: calc(100vw - 75px);
        min-width: calc(100vw - 75px);
        height: calc(100vh - 100px);
        min-height: calc(100vh - 100px);
    }
    table.lista tbody {
        height: calc(100vh - 190px);
    }
    
    div.lista div.table-body-view {
        height: calc(100vh - 300px);
    }

    .contenido .tabla {
        min-width: 100%;
    }
    .contenido .detalle {
        width: calc(100vw - 85px);
        max-width: calc(100vw - 85px);
        min-width: calc(100vw - 85px);
        float: unset;
        z-index: 9;
        position: absolute;
        background-color: white;
        max-height: 100vh;
        min-height: 100vh;
    }

    /* Carpetas */
    div.botones-centro {
        bottom: 105px;
    }

    /* Clientes */
    div.carpetas.clientes {
        height: calc(100vh - 210px);
    }
    div.botones-centro.botones-centro-cliente {
        bottom: 30px;
    }

}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px){
}

/* Media Query for Large screens */
@media (min-width: 1281px) {
}