#editPublisherForm > .main-box-body > .form-group > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#user-left-box {
    text-align: center;
}

    #user-left-box img {
        float: none;
    }

    #user-left-box .user-box {
        padding-right: 15px;
        width: 100%;
        text-align: center;
    }

        #user-left-box .user-box > .name {
            word-break: break-all;
        }

#footer-bar {
    position: fixed;
    left: 0;
    right: 0;
    margin-left: 0;
    z-index: 10;
}

.table thead > tr > th {
    word-break: break-word;
    vertical-align: top;
}

.table tbody > tr > td {
    word-break: inherit;
}

@media (max-width:800px) {
    #footer-bar {
        position: relative;
        left: auto;
        right: auto;
        width: auto;
        top: 0px;
        margin-left: -15px;
        margin-right: -15px;
    }

    #content-wrapper {
        padding: 15px 15px 0 15px;
    }
}

/* tpl iddInk */
.tpl-tablasIddInk {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}


    .tpl-tablasIddInk > article {
        position: relative;
        background-color: #fff;
        padding: 20px;
        border: 2px solid #01b9fe;
        max-width: 385px;
        width: 100%;
        margin: 20px auto 0;
        font: 14px/16px 'Open Sans', sans-serif;
        -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.15);
        box-sizing: border-box;
    }

        .tpl-tablasIddInk > article:first-of-type {
            margin-top: 0;
        }

        .tpl-tablasIddInk > article > header > div, .tpl-tablasIddInk > article > section > div {
            padding: 5px 0;
        }

        .tpl-tablasIddInk > article > header {
            min-width: 80px;
            max-width: 100px;
            width: 100%;
            margin: 0 auto 15px;
        }



            .tpl-tablasIddInk > article > header > div > img {
                width: 100%;
            }

        .tpl-tablasIddInk > article > section > div {
            margin-bottom: 10px;
        }

        .tpl-tablasIddInk > article > section > .enunciado > div:first-of-type, .tpl-tablasIddInk > article.sin_foto > header > div:nth-of-type(2), .tpl-tablasIddInk > article.sin_foto > section > div > div:first-of-type {
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom: 0px;
            font-size: 12px;
        }

        .tpl-tablasIddInk > article > section > div > div > button {
            -webkit-appearance: none;
            border: none;
            padding: 10px 5px;
            width: 45px;
            color: #fff;
            cursor: pointer;
            box-sizing: border-box;
            border-radius: 5px;
        }

        .tpl-tablasIddInk > article > section > .enunciado > div:first-of-type {
            margin-bottom: 8px;
        }

        .tpl-tablasIddInk > article > section > div:first-of-type {
            margin-bottom: 0;
            font-weight: bold;
        }

        .tpl-tablasIddInk > article > section > div:last-of-type {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            margin-bottom: 0;
        }

            .tpl-tablasIddInk > article > section > div:last-of-type > div {
                margin-right: 15px;
                margin-bottom: 0;
            }

                .tpl-tablasIddInk > article > section > div:last-of-type > div:last-of-type {
                    margin-right: 0;
                }

.status-pill.badge, .date-pill {
    padding: 5px 10px;
    color: #ffffff;
    border-radius: 10px;
    display: inline-block;
}

.status-pill {
    color: #000000;
    display: inline-block;
    padding: 5px 0;
}

.success {
    background-color: #8bc34a;
}

.danger {
    background-color: #e84e40;
}

.search, .key {
    background-color: #01b9fe;
}

.shopping {
    background-color: green;
}

.trash {
    background-color: #de1515;
}

.ribbon {
    position: absolute;
    top: -2px;
    z-index: 1;
    right: 1px;
}

.ribbon {
    display: none;
}

    .ribbon.new {
        display: block;
    }

    .ribbon > div {
        top: 10px;
        left: -66px;
        text-align: center;
        width: 78px;
        background: #8bc34a;
        padding-top: 10px;
        font-size: 19px;
        color: #fff;
        font-weight: 300;
        line-height: 28px;
        padding: 3px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-filter: drop-shadow(2px 7px 7px rgba(0,0,0,.5));
        filter: drop-shadow(0px 2px 3px rgba(0,0,0,.5));
        height: 31px;
        position: absolute;
        text-transform: uppercase;
    }

        .ribbon > div:before {
            content: "";
            position: absolute;
            left: 78px;
            height: 5px;
            top: 0px;
            border-left: 21px solid #8bc34a;
            border-top: 32px solid transparent;
            border-bottom: 0 solid transparent;
        }

        .ribbon > div:after {
            content: "";
            position: absolute;
            border-top: 30px solid transparent;
            border-bottom: 0 solid transparent;
            left: auto;
            right: 100%;
            bottom: 0;
            height: 5px;
            border-right: 19px solid #8bc34a;
        }
/* sin foto */
.tpl-tablasIddInk > article.sin_foto > header {
    min-width: auto;
    max-width: inherit;
    margin-bottom: 0;
    padding: 0;
}

.tpl-tablasIddInk > article.sin_foto > section {
    margin-top: 20px;
}

    .tpl-tablasIddInk > article.sin_foto > section > div > div:first-of-type, .tpl-tablasIddInk > article.sin_foto > header > div:last-of-type > div:first-of-type {
        margin-bottom: 8px;
    }

    .tpl-tablasIddInk > article.sin_foto > section > div:first-of-type > div:last-of-type, .tpl-tablasIddInk > article.sin_foto > header > div:last-of-type > div:last-of-type {
        font-weight: normal;
    }

@media (min-width:800px) {
    .tpl-tablasIddInk {
        flex-wrap: wrap;
    }

    .pb-60 {
        padding-bottom: 20px !important;
    }

    .tpl-tablasIddInk > article {
        max-width: 920px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .tpl-tablasIddInk > article.sin_foto {
            display: block;
        }

        .tpl-tablasIddInk > article > header {
            margin-bottom: 0;
            padding-right: 15px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            min-width: 100px;
            max-width: 150px;
        }

        .tpl-tablasIddInk > article > section {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
        }

            .tpl-tablasIddInk > article > section > div {
                box-sizing: border-box;
                width: 25%;
                padding-right: 15px;
            }

                .tpl-tablasIddInk > article > section > div:first-of-type {
                    width: 75%;
                }

        .tpl-tablasIddInk > article.misAlumnos > section > div:first-of-type {
            width: 25%;
        }

        .tpl-tablasIddInk > article > section > div:last-of-type {
            width: 100%;
        }

        .tpl-tablasIddInk > article.sin_foto > section > div:first-of-type {
            width: 25%;
        }
}

@media (max-width:800px) {
    .main-box {
        margin-bottom: 80px;
    }

        .main-box.sortingFreeContent {
            margin-bottom: 20px;
        }
}



/* FEEDBACK WORD */
@media (max-width: 991px) {
    .navbar-left.hidden-sm {
        display: block !important;
    }

        .navbar-left.hidden-sm > ul > li {
            display: none;
        }

            .navbar-left.hidden-sm > ul > li.dropdown.ng-isolate-scope {
                display: block;
            }

    .navbar-nav .show .dropdown-menu {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        min-width: initial !important;
    }

    .notifications-list .item a .time {
        position: relative;
    }

    #header-navbar .nav a {
        position: relative;
    }

        #header-navbar .nav a > div[class^="col-"] {
            position: unset;
        }

    #header-navbar .nav a {
        padding-right: 25px;
    }

        #header-navbar .nav a button.close {
            position: absolute;
            top: 10px;
            right: 10px;
        }

    header.navbar > .container > div > div:nth-of-type(3) > ul > li {
        display: block !important;
    }

    body.no-cursor {
        overflow: hidden;
    }

    .noFreeContent #content-wrapper {
        min-height: calc(95vh - 45px)
    }

        .noFreeContent #content-wrapper footer#footer-bar {
            position: absolute;
            left: 0;
            right: 0;
            top: auto;
            bottom: 0px;
            margin-left: 0;
            margin-right: 0;
        }

    .main-box-body > form > .row > div[class^="col-"] {
        float: none;
    }
}

@media (min-width:450px) and (max-width:850px) and (max-height:400px) {
    .navbar-nav .show .dropdown-menu {
        min-height: auto;
    }
}

@media (min-width:550px) and (max-width:991px) {
    .noFreeContent #content-wrapper {
        min-height: calc(100vh - 50px);
    }
}

.tpl-tablasIddInk + div.row {
    margin-bottom: 10px;
}

span {
    /* word-break: break-all; */
    word-break: break-word;
    text-wrap: wrap;
}

.table tbody > tr > td.ng-binding {
    word-break: inherit;
    /* overflow: auto; */
    word-wrap: break-word;
}

:root {
    --bs-body-font-size: 14px;
}

.dropdown-toggle::after {
    content: none;
}

a.dropdown-item.ng-binding.ng-scope {
    font-size: 0.5lh !important;
}

.row > ul {
    /* padding-left: 2rem; */
    /* flex-shrink: 0; */
    /* width: 100%; */
    /* max-width: 100%; */
    padding-right: revert;
    padding-left: revert;
    /* margin-top: var(--bs-gutter-y); */
}

.modal-dialog {
    --bs-modal-width: 900px;
}

#nav-col .nav {
    display: block;
    margin-top: 1.5rem;
}

:root {
    --bs-border-radius: 0.25rem !important;
}

.badge {
    padding: .5em;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
}

.form-control {
    appearance: auto;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: pointer;
}

.pagination {
    justify-content: flex-end;
}

header.main-box-header {
    display: flex;
    gap: 1rem;
}

.text-end.fa {
    flex: 1 0 AUTO;
}

.text-end.fa {
    flex: 0 0 AUTO;
}

header .text-start {
    flex: 1 0 AUTO;
}

header .text-end {
    flex: 0 1 AUTO;
}