* {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
}

html, body { height: 100%; }

#wrapper, #page-content-wrapper {height: 100%; }
#main-container { min-height: 100%; background-color: #ededed; padding-top:20px; }

.navbar-brand img { max-height: 4rem; }

.btn-orange, .btn-orange-inverse:hover { background-color: #f4af22; color: #ffffff; }
.btn-orange-inverse, .btn-orange:hover { color: #f4af22; background-color: #ffffff; border-color: #f4af22; }

.sidebar-nav span.badge { text-indent: 0; margin-top: -5px; }
.sidebar-nav li { line-height: 34px; }

#header-bar {
    min-height: 56px;
    background-color: #ffffff;
    margin-bottom: 4px;
    -webkit-box-shadow: 0 4px 4px -2px #000000;
    -moz-box-shadow: 0 4px 4px -2px #000000;
    box-shadow: 0 4px 4px -2px #000000;
}

#header-bar .header-part { height: 56px; }

.header-right { text-align: right;  }
.header-right-container { display: inline; }
.header-right-container > div { display: table-cell; vertical-align: middle; padding: 0 10px; }
.header-right .logout a { color: #ef2060; }
/*.header-right .user-role { min-width: 200px; }*/

.user-role .select2 { max-width: 200px; text-align: left; }

.header-center { padding-top:10px; text-align: center;  }
.header-center > div { display: inline-flex; max-width: 100%; overflow: hidden;}

.header-center a {  color: #919191; padding: 1px 5px 0 10px; font-size: 14px; white-space: nowrap; }
.header-center a.lengthy {  overflow: hidden; text-overflow: ellipsis;  }
.header-center a.active { font-weight: 600; color: #2b2b2b; border-bottom: 3px #f4af22 solid;  }

.avatar-img {
    width: 40px; height: 40px;
    border-radius: 150px;
    /*box-shadow: 0 0 8px rgba(0, 0, 0, .8);*/
    /*-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);*/
    /*-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow:hidden;
}
@media (min-width: 1480px) {
    .avatar-box { display: table-cell !important;}
}
@media (max-width: 1480px) {
    .avatar-box { display: none !important;}
}
/*@media (min-width:700px) and (max-width: 900px) {*/
    /*.avatar-box { display: none !important;}*/
/*}*/

/*.avatar-box .avatar { max-width: 100%; max-height: 100%; }*/

.row-search { padding: 10px 0; }
form.form-search input.search-query { padding-left:26px; }
form.form-search { position: relative;  }
form.form-search:before {
    display: block;
    width: 14px;
    height: 14px;
    content: "\e003";
    /*noinspection CssNoGenericFontName*/
    font-family: 'Glyphicons Halflings';
    background-position: -48px 0;
    position: absolute;
    top:8px;
    left:8px;
    opacity: .5;
    z-index: 1000;
}

.panel-generic-list { margin-top: 20px; padding-top:10px; box-shadow: 0 1px 1px #8c8c8c; }
.table-generic-list thead tr th { font-weight: 700; }
.table-generic-list thead tr th[data-sort-col] { cursor: pointer; }
.table-generic-list thead tr th[data-sort-col] .fa { margin-left:5px; }
.table-generic-list i { color:#919191; margin-left:5px;  }
.table-generic-list tr { height: 40px; }

@media (max-width: 900px) {
    .table-generic-list td, .table-generic-list th { word-break: break-all;}
}

.fullscreen-overlay { display:none; position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;opacity: 0.3;background-color: #fff; }


.pagination li.active a { background-color: #f4af22; border: 1px solid #f4af22; color: #fff; }
.pagination li a { color: #f4af22; border: 1px solid #f4af22; background-color: white; }
.pagination li a:hover, .pagination li.active a:hover {background-color: #ededed; border:1px solid #ccc; color: #ccc; }

.btn-dark { background-color: #6d6d6d; color: #fff; }
.btn-dark:hover { background-color: #565656; }
.btn-green { background-color: #08c171; color: #fff; }
.btn-green:hover { background-color: #08a55e; }
.text-green { color: #08c171 !important; }
.text-orange { color: #f4af22 !important; }
.text-red { color: #C00000 !important; }
.text-pink { color: #ef2060 !important; }

tr.highlighted td, tr.highlighted th { background-color: #fef5e4; }

label.form-hint { font-size: 12px; color: #919191; }

.panel-gray  { border-color: #919191; }
.panel-gray .panel-heading { background-color: #919191; color: #fff; }

.popover.tour-tour h3 { font-family: "Open Sans",​sans-serif,serif; }

[data-role="loading-overlay"] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(240, 240, 240, 0.8); }
[data-role="loading-overlay"] > span { position: relative; float: left; top: 50%; left: 50%; transform: translate(-50%, -50%); }