.w100 {
    width: 100px;
}

.w150 {
    width: 150px;
}

.w200 {
    width: 200px;
}

.cells-middle td {
    vertical-align: middle !important;
}

.input-group-addon {
    background: white !important;
}

.input-group-addon > i {
    color: #555 !important;
}

@media (min-width: 768px) {
    .boton-fichar {
        display: none !important;
    }

    .boton-fichar-barra {
        box-shadow: none;
        margin-top: 4px;
    }
}

@media (max-width: 768px) {
    .boton-fichar {
        width: 100%;
        margin-top: 10px;
        height: 45px;
        font-weight: bold !important;
        font-size: 1.5em !important;
    }

    .boton-fichar-barra {
        display: none !important;
    }
}

.perfil .form-group .checker {
    padding-top: 7px;
}

.top-icon {
    display: flex !important;
    margin: 0 !important;
    color: white;
    height: 100% !important;
}

.top-icon:hover {
    color: white !important;
}

.rotate-image {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.modal-image {
    width: 100%;
}

.modal-text {
    width: 100%;
    height: 500px;
}

.clearable.x {
    padding-right: 20px;
}

.dmmenu > li > ul > li {
    width: 100%;
    text-align: left;
}

.dmmenu > li.context-menu-item, .dmmenu > li.context-menu-item > * {
    color: #6f6f6f;
!important;
}

.dmmenu .context-menu-icon.context-menu-icon--fa::before {
    color: #6f6f6f;
!important;
}

.dmmenu > li.context-menu-item.context-menu-hover, .dmmenu > li.context-menu-item.context-menu-hover > * {
    color: white !important;
}

/* -------------------------------------------------- */

.fc-selected {
    background-color: #ccc;
    color: white;
}

.fc-selected > span.fa {
    color: white !important;
}

#fc-content {
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
}

#fc-header {
    display: flex;
    margin-bottom: 5px;
}

#fc-up {
    color: #337ab7;
    background: #ffffff;
    outline: none;
    border: 1px solid #ddd;
}

#fc-path {
    width: 100%;
    outline: none;
    border: 1px solid #ddd;
    padding-left: 5px;
}

#fc-content {
    overflow: auto;
    height: 250px;
    border: 1px solid #ddd;
    padding: 10px;
}

#fc-content > ul {
    padding: 0;
    margin-bottom: 0;
}

#fc-content > ul > li {
    list-style: none;
    margin-top: 5px;
}

#fc-content > ul > li:first-child {
    margin-top: 0px;
}

#fc-content > ul > li > span.fa-folder {
    color: #f4d03f;
}

#fc-content > ul > li > span.fa-file-excel-o {
    color: green;
}

#fc-content > ul > li > span.fa-file-pdf-o {
    color: red;
}

#fc-content > ul > li > span.fa-file {
    color: lightgrey;
}

/* -------------------------------------------------- */

.flex {
    display: flex;
}

.rect {
    display: inline-flex;
}

.col-md-9 > label {
    padding-top: 7px;
}

select[multiple].form-control {
    height: 34px;
    overflow: hidden;
}

input[type=checkbox] {
    margin: 0px !important;
    height: 19px;
    width: 19px;
    display: inline-block;
    outline: 0 !important;
    padding: 0;
    -webkit-appearance: none;
    opacity: 0;
    border: none;
    background: none;
    display: inline-block;
    zoom: 1;
}

.button-config {
    height: 16px;
    margin-left: 15px;
    margin-top: -12px;
}

.button-config > ul.dropdown-menu {
    margin-top: 12px;
}

.td-text-100 {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.td-text-200 {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.email-thumbnails {
    display: flex;
    flex-wrap: wrap;
}

.email-thumbnail {
    text-align: center;
    margin: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 100px;
    padding: 5px;
}

.email-thumbnail > img {
    max-width: 100%;
}

.email-thumbnail > span[data-image] {
    font-size: 5em;
    line-height: 1em;
}

.email-thumbnail.error {
    color: red;
}

h4 > .help {
    color: rgb(153, 168, 181);
    font-size: 0.8em;
}

.block {
    display: block;
}

#divPermisosEfectivos > ul > li {
    line-height: 1.6em;
}

.ocultar {
    display: none;
}

.oculto:after {
    font-family: 'FontAwesome';
    content: "\f106";
    padding-left: 5px;
}

.dm-thumbnail {
    height: 200px;
    border: 1px solid #ddd;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-bottom: 10px;
}

.stamp-div {
    position: absolute !important;
    bottom: 0 !important;
    height: 100px;
}

.stamp-div img {
    height: 100%;
}

.image-preview {
    width: 100%;
    border: 1px solid #ddd;
}

.groups-list {
    list-style: none;
    padding: 0;
}

.groups-list li {
    padding: 5px;
}

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

/* ------------------------------------------ */

#dm-iframe body > img {
    display: block !important;
    margin: auto !important;
}

#dm-preview-wrapper {
    background: rgba(0, 0, 0, 0.8);;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    display: flex;
    flex-direction: column;
}

#dm-preview {
    flex: 1;
    border: 0;
}

#dm-preview-bar {
    background: black;
    color: white;
    height: 50px;
    display: flex;
    align-items: center;
    padding-left: 25px;
    padding-right: 25px;
}

#dm-preview-name {
    text-align: center;
    flex: 1
}

#dm-iframe {
    width: 100%;
    height: 100%;
    border: 0;
    padding-left: 25px;
    padding-right: 25px;
}

/* ------------------------------------------ */

div.btn-cont > span.arrow {
    z-index: 1;
}

.classic-menu-dropdown a > i {
    margin-right: 5px;
}

/*.form-group .checker {*/
/*padding-top: 7px;*/
/*}*/

@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-sidebar-wrapper {
        height: 0;
    }

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

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

.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
   ----------------------------------------------------------------- */

.sep {
    color: #aaa;
}

.sep-bb {
    color: #aaa;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.sep-warning {
    text-align: center;
    color: red;
}

.text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.lt-check {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    width: 19px;
    height: 19px;
    /*moz-appearance: none;*/
    /*-webkit-appearance: none;*/
}

.no-padding {
    padding: 0 !important;
}

.full-height {
    height: 100% !important;
}

.error-label {
    color: #e73d4a;
}

.center {
    text-align: center;
}

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

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

.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;
}

.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;
}

/* -----------------------------------------------------------------
   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 {

    .portlet-body {
        height: inherit!important;
        overflow-y: inherit!important;
    }

    @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%;
    }

    li.select2-selection__choice {
        color: black !important;
    }

}