.float-right {
    float: right;
}

.sin-resultados {
    display: block;
    width: 100%;
    padding: 1em;
    text-align: center;
    border: 1px dotted #e6e6e6;
}

.nowrap {
    white-space: nowrap;
}

.verde {
    background: #4ab04a;
    color: white;
}

[data-notification-link] .leido {
    display: block;
    background: #32c5d2;
    color: white;
    width: fit-content;
    padding: 2px 10px;
    border-radius: 3px;
    margin-left: auto;
}

.menu-toggler {
    filter: brightness(100) !important;
    z-index: 999999999999999 !important;
}

div.amcharts-chart-div > a {
    display: none !important;
}

.cke_panel {
    z-index: 10051 !important;
}

#panel-issues a:hover {
    text-decoration: none;
}

.comentario {
    font-size: 11px;
    color: #657b8d;
}

#panel-issues > li:last-child {
    margin-bottom: 150px !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav {
    padding: 15px 10px 10px !important;
}

.comment-chat-form {
    padding: 20px 10px 15px;
}

.help-block, [data-help] {
    font-size: 0.85em;
}

.fitcell {
    width: 1%;
    white-space: nowrap;
}

.strong {
    font-weight: bold;
}

/* -----------------------------------------------------------------
   AJUSTES GENERALES
   ----------------------------------------------------------------- */

@media (max-width: 767px) {

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu {
        margin-right: -60px !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu:before {
        margin-right: 65px !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu {
        margin-right: -100px !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:before {
        margin-right: 100px !important;
    }

}

@media (max-width: 992px) {
    .form-control-static {
        width: 100%;
        padding: 6px 12px;
        border: 1px solid rgb(194, 202, 216);
        border-radius: 4px;
        background-color: #eef1f5;
    }
}

@media (min-width: 992px) {
    .form-control-static {
        padding-top: 8px !important;
    }
}

.control-label {
    color: #707070;
}

textarea {
    resize: vertical;
}

.form-group > [class^='col-md'] > .progress, .form-group > [class*=' col-md'] > .progress {
    margin-top: 7px;
}

/* ....................................*/
/* Si un elemento está forzado a derecha o izquierda quitamos el padding correspondiente */
.pull-right div[class^='col-md'], .pull-right div[class*=' col-md'] {
    padding-right: 0 !important;
}

.pull-left div[class^='col-md'], .pull-left div[class*=' col-md'] {
    padding-left: 0 !important;
}

/* ....................................*/

div.caption {
    cursor: pointer;
}

/* centrado del botón Borrar en los datepickers */
.datepicker > div.datepicker-days > table > tfoot > tr:nth-child(2) > th.clear {
    display: table-cell !important;
}

div.popover.confirmation {
    z-index: 99999;
}

div.hor-menu > ul > li.active > a > i {
    color: white !important;
}

.login-logo {
    width: 300px !important;
}

.logo-default {
    width: 165px !important;
}

.logo-lamtics {
    margin: 12px 0 0 0 !important;
}

@media (min-width: 768px) {

    html, body {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    body > * {
        flex-shrink: 0;
    }

    .page-container {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    .page-content-wrapper {
        flex-grow: 1;
    }

    .page-content-wrapper {
        display: flex;
        flex-direction: column;
    }

    .page-content {
        flex-grow: 1;
    }
}

@media (min-width: 992px) {
    .page-sidebar-wrapper {
        height: 0;
    }
}

.no-border, .no-border tr, .no-border td {
    border: 0 !important;
}

tr.striked {
    /*
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2NkYGCQBAAAIwAbDJgTxgAAAABJRU5ErkJggg==') repeat-x 50% 50%;
    color: grey;
    */
    text-decoration: line-through;
    font-style: italic;
    color: grey;
}

tr.striked button {
    display: none;
}

/* -----------------------------------------------------------------
   DROPZONE
   ----------------------------------------------------------------- */

.dropzone {
    border: 1px dashed lightgrey !important;
    min-height: 80px !important;
}

.dropmessage {
    cursor: pointer !important;
}

.dropicon {
    font-size: 1.3em;
    color: grey;
    display: inline-block;
    vertical-align: middle;
}

.dz-background:after {
    font-family: 'FontAwesome';
    content: "\f0f6";
}

[data-dz-name] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
}

.dz-message {
    display: none;
}

.dz-preview {
    padding: 3px;
}

.dz-preview:hover {
    background: #f3f3f3;
    border-radius: 3px;
}

.dz-info {
    display: table;
    width: 100%;
}

.dz-size, .dz-info > i {
    color: grey;
    display: table-cell !important;
    vertical-align: middle;
}

.dz-info > i {
    cursor: pointer !important;
}

.dz-size {
    text-align: left;
}

.dz-info > i {
    text-align: right;
}

/* -----------------------------------------------------------------
   BOTÓN DE IMPRIMIR
   ----------------------------------------------------------------- */

#printButton {
    padding: 11px;
    display: inline-block;
    margin: 0;
    background: none;
    border: none;
    box-shadow: none;
}

#printButton:hover {
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .18);
}

@media (max-width: 768px) {
    #printButton {
        display: none;
    }
}

/* -----------------------------------------------------------------
   CLASES AUXILIARES COMUNES
   ----------------------------------------------------------------- */

.error-label {
    color: #e73d4a;
}

.center {
    text-align: center;
}

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

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

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

.align-right {
    text-align: right;
}

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

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

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

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

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

.mb-7 {
    margin-bottom: 7px;
}

.mr-15 {
    margin-right: 15px;
}

.ml-15 {
    margin-right: 15px;
}

.mt-15 {
    margin-top: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mt-25 {
    margin-top: 25px;
}

.mb-25 {
    margin-bottom: 25px;
}

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

/* -----------------------------------------------------------------
   INPUTS, botón x
   ----------------------------------------------------------------- */

input:not([disabled]).clearable {
    background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center !important;
    transition: background 0.4s !important;
}

input:not([disabled]).clearable.x {
    background-position: right 10px center !important;
}

input:not([disabled]).clearable.onX {
    cursor: pointer !important;
}

/* -----------------------------------------------------------------
   TAGS
   ----------------------------------------------------------------- */

.bootstrap-tagsinput.form-control {
    height: auto;
    position: relative;
    width: 100%;
    box-shadow: none !important;
    outline: 0 !important;
    border: 1px solid #c2cad8;
    border-radius: 4px;
    min-height: 34px;
}

.bootstrap-tagsinput.form-control.focus {
    border-color: #93a1bb;
}

.label {
    padding: 2px 6px 2px !important;
}

.tags-group > span:not(:first-child) {
    margin-left: 5px;
}

/* etiquetas select2 */

span.select2 {
    width: 100% !important;
}

ul.select2-selection__rendered {
    font-size: 10px;
}

li.select2-selection__choice {
    background-color: #337ab7 !important;
    color: white !important;
    font-weight: 600;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

li.select2-search {
    font-size: 14px !important;
}

li.select2-search > input {
    padding-bottom: 5px !important;
}

span.select2-selection__choice__remove {
    float: right;
    margin-left: 5px;
    color: white !important;
}

/* -----------------------------------------------------------------
   TABLAS
   ----------------------------------------------------------------- */

tr.totalRow:nth-of-type(odd) {
    background-color: inherit !important;
}

tr.totalRow:hover {
    background-color: inherit !important;
}

.totalCell {
    color: #337AB7;
}

tr.no-results {
    text-align: center;
}

table.clickable > tbody > tr {
    cursor: pointer;
}

table > thead > tr[data-filters-row] > th {
    vertical-align: middle;
}

/* Nombres en la cabecera */

div[data-table] table > thead > tr:first-child > th:not(:first-child) {
    position: relative;
}

div[data-table] table > thead > tr:first-child > th:not(:first-child) {
    padding-right: 15px;
}

div[data-table] table > thead > tr:first-child > th.asc::after {
    font-family: 'FontAwesome';
    content: "\f107";
    position: absolute;
    right: 5px;
}

div[data-table] table > thead > tr:first-child > th.desc::after {
    font-family: 'FontAwesome';
    content: "\f106";
    position: absolute;
    right: 5px;
}

/* Botones de la cabecera */

div[data-table-buttons] {
    padding-bottom: 10px;
}

div.btn-group.button-bordered {
    border: 1px solid #eee !important;
    border-radius: 2px !important;
}

div[data-table-buttons] > div > button.button-bordered {
    border: 1px solid #eee;
    border-width: 1px !important;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .18);
}

@media (max-width: 800px) {
    .table-responsive {
        padding-left: 0px !important;
    }
}

/* Filtros en la cabecera */

th.filtered, tr[data-filters-row] input {
    color: #36C6D3;
}

@media (max-width: 400px) {
    li.no-active {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    tr[data-filters-row] .clearable {
        min-width: 130px;
    }
}

/* Pie de las tablas */

div[data-navigation] > div {
    display: flex;
}

div[data-navigation] > div > div {
    margin: auto;
    color: #666;
}

div[data-navigation] > div > nav {
    flex-grow: 1;
    text-align: right;
}

/* -----------------------------------------------------------------
   FIN TABLAS
   ----------------------------------------------------------------- */

@media print {

    @page {
        size: 330mm 427mm;
        margin: 14mm;
    }

    .caption-subject {
        font-size: 12px !important;
    }

    .form-body *, table * {
        font-size: 10px !important;
    }

    .portlet-title {
        border: 0 !important;
    }

    .input-group {
        width: 100% !important;
    }

    .input-group-addon {
        display: none !important;
    }

    /* colores */
    tr.danger > td {
        background-color: #fbe1e3 !important;
    }

    tr.active > td {
        background-color: #eef1f5 !important;
    }

    tr.success > td {
        background-color: #96e1e8 !important;
    }

    tr.warning > td {
        background-color: #f7de79 !important;
    }

    tr.danger > td {
        background-color: #fbe1e3 !important;
    }

    .label {
        color: white !important;
        border: 0 !important;
    }

    .label-default {
        background-color: #bac3d0 !important;
    }

    .label-primary {
        background-color: #337ab7 !important;
    }

    .label-info {
        background-color: #659be0 !important;
    }

    .label-success {
        background-color: #36c6d3 !important;
    }

    .label-danger {
        background-color: #ed6b75 !important;
    }

    .label-warning {
        background-color: #F1C40F !important;
    }

    .bootstrap-tagsinput .tag [data-role="remove"]:after {
        color: white !important;
    }

    .select2-selection__clear, .select2-selection__arrow, [data-navigation], [check-col], .caption > i,
    .form-actions, [data-table-buttons], .actions, .tools, .page-sidebar-wrapper,
    .page-bar, .page-title, .page-header, .page-footer, tr[data-filters-row] {
        display: none !important;
    }

    .page-container, .page-content-wrapper .page-content {
        margin: 0 !important;
        padding: 0 !important;
    }

    a[href]:after {
        content: none !important;
    }

    /* HACK bug con Chrome. Al imprimir se activa el layout de móviles. */
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

}

.block {
    display: block !important;
}

