/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
}

.error-summary {
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.directory-info-row .panel a {
    transition: color .4s ease;
}

#search-result-dropdown li{
    overflow: hidden;
    text-overflow: ellipsis;
}
.full-body-width {
    width: 100vw;
    overflow-y: hidden;
}
.page-container-full {
    min-height: 90vh;
}
.page-container-full .breadcrumb {
    border-radius: 0;
}

/*=============================== footer stays down =====*/

div[main] {
    overflow-y: auto;
}
div[main] .wrap {
    position: relative;
    min-height: 100vh;
    padding-bottom: 100px;
    margin-top: 50px;
}
footer.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 85px;
    padding-top: 10px;
}

/*
  Allow angular.js to be loaded in body, hiding cloaked elements until
  templates compile.  The !important is important given that there may be
  other selectors that are more specific or come later and might alter display.
 */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
.ng-cloak, .x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
    display: none !important;
}
body[data-ng-app="CartuApp"] {
    overflow-y: scroll!important;
}