html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* 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 td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

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

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

/* CUSTOM ERVAN */
.form-horizontal .form-group {margin-left:0;margin-right:0;}
.content-header>.breadcrumb {float:none!important;position:relative!important;top:0!important;right:0!important;}
.select2-container .select2-selection--single .select2-selection__rendered {margin-top:0!important;}
.skin-red .sidebar-menu>li.header {color:#fff!important;font-weight:bold;}
.skin-red .main-header .logo {background-color:#fff!important;}
.sync-icon {display:inline-block;width:15px;}
.notice {font-size:2rem;}
.result {margin-top:2rem;padding:.5rem 1rem;height:30rem;overflow-y:scroll;font-family:monospace;}
.main-footer {color:rgba(0,0,0,.38)!important;font-size:1.2rem;}
.main-footer img {margin-bottom:1rem;}
.logo-img {max-width:300px;}
.logo-img-menu {max-height:40px;}

/* HELP */
.help-img {max-width:136px;margin-bottom:30px;}
.help-title {font-size:24px;font-weight:bold;margin-bottom:20px;}
.help-desc {font-size:15px;margin-bottom:40px;}
.help-btn {border-radius:100px!important;background-image:linear-gradient(100deg, #eb3244, #f4754b);font-weight: bold;padding: 8px 20px;border:0!important;}

/* ABOUT */
.about {color:#888;}
.about-logo {}
.about-version {font-weight:bold;font-size:18px;margin:10px 0 50px;}
.about hr {border-color:#ccc;}
.about-developed {color:#555;margin-bottom:10px;}
.about-link-button {margin:25px 0 40px;}
.about-link-button a {color:#fb9800;font-size:18px;border:1px solid #fb9800;border-radius:30px;padding:10px 15px;}
.about-link-termsprivacy {margin-top:10px;color:#fb9800;font-size:16px;}
.about-link-termsprivacy a {color:#fb9800;}

/* UPDATE */
.update-data {margin-bottom:20px;}
.update-icon {display:inline-block;width:15px;}
.update-btn {margin:10px 0 20px;}