[class^="icon-"], [class*=" icon-"] { font-size: 14px; }

body { }
body.login-screen { background-color: #3D5567; }
#phery-loader { position: absolute; z-index: 1999; top: 10px; right: 10px; }
#status-message { position: absolute; z-index: 1999; top: 10px; right: 10px; }
#sticky-wrapper { width: 357px; }


/*======= navbar =========*/

.navbar-default { background-color: #3D5567; }
.navbar-default .navbar-brand { color: #DDD; }
.navbar-default .navbar-brand:hover { color: #DDD; }

.navbar-default .navbar-nav > li > a { transition: .2s; }

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color: #FFF; }
.navbar-default .navbar-nav > li > a:hover { color: #FFF; background-color: #39434F; }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { color: #FFF; background-color: #333; }

.navbar-default .navbar-nav > .open>a,
.navbar-default .navbar-nav > .open>a:hover,
.navbar-default .navbar-nav > .open > a:focus { color: #FFF; background-color: #333; }

.navbar { min-height: 57px; }
.navbar.bms { border-top: 2px solid #FFB718; }
.navbar.bvg { border-top: 2px solid greenyellow; }

.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus { color: #DDD !important; background-color: #333 !important; }

#navbar-dropdown { position: absolute; top: 9px; right: 10px; }


/*======== form ========*/

button:focus {outline:0 !important;}
button.btn-default.active { box-shadow: none; }

form#login-form { width: 600px; margin: 0 auto; background-color: white; padding: 50px; }
form#login-form input { height: 48px; text-align: center; }

.form-control { box-shadow: none; }
.form-control.suche { padding-left: 30px; background: white url(../img/icon-search.png) no-repeat 8px 8px; }
.panel textarea { border: none; }

/*======== checkbox ========*/
input[type="radio"],
input[type="checkbox"] {
    display:none;
}

input[type="radio"] + label::before,
input[type="checkbox"] + label::before {
    width: 15px;
    height: 15px;
    background-color: #777;
    display: block;
    content: "";
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}

input[type="radio"]:checked+label::before,
input[type="checkbox"]:checked+label::before {
    background-color: #f63c3a;
}


/*======== generic stuff ========*/

.italic { font-style: italic; }
.move { cursor: move; }
.pointer { cursor: pointer; }
.bold, .strong { font-weight: bold; }
.inline-block { display: inline-block; }
.fc-red { color: red; }
.v-top { vertical-align: top; }

a:hover { cursor: pointer; }
label { font-weight: normal; }


/*========= margin/padding =========*/

.p-0 { padding: 0px; }
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-20 { padding: 20px; }

.m-0 { margin: 0px; }
.m-10 { margin: 10px; }
.m-20 { margin: 20px; }

.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }

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

.mb-0 { margin-bottom: 0px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px; }
.mb-50 { margin-bottom: 50px; }

.ml-10 { margin-left: 10px; }
.ml-20 { margin-left: 20px; }


/*========= width =========*/

.w-25px { width: 25px; }
.w-30px { width: 30px; }
.w-100px { width: 100px; }
.w-125px { width: 125px; }
.w-150px { width: 150px; }
.w-175px { width: 175px; }
.w-200px { width: 200px; }
.w-225px { width: 225px; }
.w-250px { width: 250px; }
.w-275px { width: 275px !important; }
.w-300px { width: 300px; }
.w-400px { width: 400px !important; }
.w-100pc { width: 100% !important; }


/*========= overflow =========*/

.flow-y-100 { max-height: 100px; overflow-y: auto; }
.flow-y-200 { max-height: 200px; overflow-y: auto; }
.flow-y-300 { max-height: 300px; overflow-y: auto; }
.flow-y-400 { max-height: 400px; overflow-y: auto; }


/*========= bootstrap overwrite =========*/

.alert { margin-bottom: 0; }
.btn:active, .btn.active { box-shadow:none; }
.list-group-item.heading { color: #333; background-color: #eceff1; border-color: #ddd; }
.list-group-item label { margin-bottom: 0; }


/* ======= pheryDelete ====== */

#del-overlay {
    top: 0; left: 0; height: 100%; width: 100%;
    position: fixed; background: rgba(200,200,200,0.5);
}

#del-container {
    position: fixed; top: 250px; left: 50%; width: 400px; height: auto;
    margin-left: -200px; margin-top: -100px; background-color: white;
    z-index: 9998; border: 1px solid #CCC; padding: 2px;
}

#del-header { padding: 10px; background-color: #DDD; font-weight: bold; cursor: move; }
#del-content { padding: 10px; }
#del-footer { padding: 10px; text-align: right; border-top: 1px solid #CCC; }
#del-footer span { background-color: #f0f0f0; border: 1px solid #CCC; padding: 5px 10px; margin-left: 10px; }


/* ======= pheryModal ====== */

#modal-overlay {
    top: 0; left: 0; height: 100%; width: 100%;
	position: fixed; background: rgba(200,200,200,0.5);
}

#modal-container {
    position: fixed; top: 250px; left: 50%; height: auto; margin-top: -100px;
    background-color: white; z-index: 9998; border: 1px solid #CCC; padding: 2px;
}

#modal-header { padding: 10px; background-color: #DDD; font-weight: bold; cursor: move; }
#modal-content { padding: 10px; }
#modal-footer { padding: 10px; text-align: right; border-top: 1px solid #CCC; }
#modal-footer span { background-color: #f0f0f0; border: 1px solid #CCC; padding: 5px 10px; margin-left: 10px; }


/* ======= msg-box ====== */

#message-box { z-index: 1999; padding: 6px 20px; position: fixed; right: 10px; top: 10px; }

/* ======= air-datepicker ====== */

.air-datepicker, .air-datepicker-month { 
    background: white url('../img/icon-calendar.png') no-repeat 7px 7px;
    text-align: right; width: 120px !important;
}


/* ======= pagination ====== */

div.pagination { clear: both; color: #000; margin: 0px; }
div.pagination a {
    color: #565656; display: inline-block; padding: 3px 10px; line-height: 21px;
    text-decoration: none; background-color: #FFF; border:	1px solid #CCC; border-right: none;
}
div.pagination a:last-child { border-right: 1px solid #CCC; }
div.pagination a:hover, div.pagination a.on { background: #565D67; color:	#fff; }
div.pagination a:last-child { margin-right: 0px; }

div.pagination a.off,
div.pagination a.off:hover { background:	#F6F6F6; color: #c0c0c0; }


/* ======= modal template ====== */

.modal-mask {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    transition: opacity .5s ease;
}

.modal-container {
    width: 500px;
    margin: 100px auto 0;
    padding: 20px 30px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    transition: all .5s ease;
    font-family: Helvetica, Arial, sans-serif;
}

.modal-container.autotext { width: 800px; }

.modal-header h3 { margin-top: 13px; }
.modal-body { margin: 20px 0; max-height: 400px; overflow-y: auto; }


/* ======= select2 ====== */

.select2-container--default .select2-selection--single { border: 1px solid #CCC; height: auto; }
.select2-container--default.select2-container--disabled .select2-selection--single > span { color: #999; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 36px; padding-left: 15px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 5px; right: 5px; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #f6f6f6; color: #333; }


/* ======= typeahead ====== */

ul.typeahead__list { padding: 0; }
ul.typeahead__list li.typeahead__item:nth-child(odd) { background-color: #f9f9f9; }


/* ======= medium-editor ====== */

.medium-editor-element { padding: 10px; }
.medium-editor-element p:last-of-type { margin-bottom: 0; }


/* ======= nice-select ====== */

.nice-select { width: 300px; }
.nice-select.open .list { width: 298px; }

/* ======= GridViewScroll ====== */

.GridViewScrollHeader th, .GridViewScrollHeader td {
    padding: 4px;
    font-weight: normal;
    white-space: nowrap;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #F4F4F4;
    font-weight: bold;
    /*color: #999999;*/
    /*text-align: left;*/
    vertical-align: bottom;
}

.GridViewScrollItem td {
    padding: 4px;
    white-space: nowrap;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #FFFFFF;    
    /*color: #444444;*/
}

.GridViewScrollItemFreeze td {
    padding: 4px;
    white-space: nowrap;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #FAFAFA;    
    /*font-weight: bold;*/
    /*color: #444444;*/
}

.GridViewScrollFooterFreeze td {
    padding: 4px;
    white-space: nowrap;
    border-right: 1px solid #e6e6e6;
    /*border-top: 1px solid #e6e6e6;*/
    border-bottom: 1px solid #e6e6e6;
    background-color: #F4F4F4;
    color: #444444;
}