body.loggedout{
    /* background: #000000 url('../../img/bg.jpg') no-repeat center center fixed;
    background-size: cover; */
}

h1,h2{
    font-family: 'Oswald', sans-serif;
}

.content-box{
    margin:0 10px;
}

.error              {color: #F44336;}
.success            {color: #4FB44F;}

.nav h4{
    color:white;
}

.navbar-brand {
    padding: 10px 15px;
}

.navbar-brand.text{
    padding: 15px 15px;
}

.input-default-margin{
    margin:10px 0;
}

.form-signin {
    max-width: 450px;
    margin: 20% auto 0 auto;
    box-shadow: 0 0 40px rgba(0,0,0,0.2);
    padding: 30px;

}
.form-signin .form-signin-heading{
    margin: 0 0 20px 0;
    text-align:center;
    text-transform:uppercase;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.page-header{
    margin: 0 0 20px;
}

.sub-header{
    padding-bottom: 9px;
    border-bottom: 1px solid #eee;
}

.search{
    padding: 0;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: none;
}

.cursor_label,.item label{
    cursor: pointer;
}

.image-list .item{
    padding:15px 0;
    width: 100%;
    height: 930px;
}

.cursor_label li{
    padding:0;
}
.item label{
    display: block;
    margin:0;
}

.cursor_label li label,.cursor_label li div{
    padding:10px;
}

.list-item.selected{
    background-color: #eee;
    border-radius: 5px;
}

.list-item{
    position:relative;
}

#product_checked_list ul{
    overflow-y: auto;
    max-height: 600px;
}

#product_checked_list img{
    float:left;
    margin:0 10px 0 0;
}

.form-item{
    margin:10px 0;
}

.page-header h1{
    margin:0 0 5px 0;
    padding:0;
    display:inline-block;
}

.image-list .image{
    height:250px;
    position:relative;
    overflow:hidden;
}

.image-list .image-container{
    border:1px solid #ddd;
    padding: 10px;
}

.image-list img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    max-height: 100%;
    max-width: 100%;
}

.image-list h4{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size: 1.2em;
    font-weight: bold;
}

.block-link{
    display:block;
    text-align:center;
    padding:15px 0;
}

.modal-backdrop {
    position: fixed;
}

.btn .loader_content{
    height: 34px;
    line-height: 34px;
}

.btn.btn-lg{
    height: 46px;
    padding:0 16px;
}

.btn.btn-lg .loader_content{
    height: 46px;
    line-height: 46px;
}

.btn.btn-sm{
    height: 30px;
    padding:0 10px;
}

.btn.btn-sm .loader_content{
    height: 30px;
    line-height: 30px;
}

.btn.btn-xs{
    height: 22px;
    padding:0 5px;
}

.btn.btn-xs .loader_content{
    height: 22px;
    line-height: 22px;
}

.dialog_content strong{
    word-wrap:break-word;
}

.image-list .informations .text{
    overflow-y: auto;
    overflow-x: hidden;
    height: 160px;
    border:1px solid #ddd;
    padding:5px;
    margin:0 0 5px 0;
    background:white;
}

.image-list .ek{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.image-list .category{
    height: 50px;
    overflow-y: auto;
    font-weight:bold;
}

.image-list .text textarea{
    resize:none;
}

.product_checked_list_result textarea{
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    margin:10px 0 0 0;
    resize:none;
}

.with_loader .input-group-addon{
    line-height:1;
}

.user_welcome{
    color: #9d9d9d;
    line-height: 20px;
    position: relative;
    display: block;
    padding:15px;
}

.modal-dialog {
    width: 768px;
}

.edit{
    position: absolute;
    background: white;
    z-index: 10;
    box-shadow: 0px 0px 32px rgba(0,0,0,0.5);
    padding: 20px!important;
}

.preisbasis{
    margin:0 0 5px 0;
}

.preisbasis .year{
     width:40%;
    padding:0 0 0 5px;
 }

.preisbasis .month{
    width:60%;
}

form[role="search"] > div.clearfix:first-child{
    margin:0 0 7px 0;
}

.width_800{
    width: 60%;
}


.selected_articles{
    font-weight:bold;
}

.button-box > div{
    margin:18px 5px 10px 5px;
}

.supplier_category_select, .supplier_select, .attributes_select, .shop_categories{
    height: 249px!important;
    font-size: 14px!important;
}

.button-box .visible_prod_save,.button-box .save_all_prod,.button-box .visible_prod_delete,.button-box .delete_all_prod{
    display:inline-block;
}

.helper{
    color:#286090;
    font-size:1.8em;
}

.filter-box{
    margin:10px 0;
}

#product_checked_list .alert{
    margin:10px 0;
}

.not-allowed{
    opacity:0.5!important;
    cursor:not-allowed!important;
}

.not-allowed *{
    cursor:not-allowed!important;
}

.in-shop{
    background-color:#acd693;
}


/* Dirty little hacks :( - START */

    .cat_name_div .col-sm-4{
        text-align:right;
    }

/* Dirty little hacks :( - END */

/* smaller fonts for displaying errors in test mapping table */
.test_mapping td, th{
    font-size: 12px;
    word-wrap:break-word;
}

/* BackToTop button css */
.scrollup {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#3498db;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
.scrollup span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff
}
.scrollup:hover {
    background-color:#e74c3c;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

.Update{
    background:#C1FFC1;
}

.Update span{
    font-size: 10px;
    font-weight: bold;
}

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

td[class*='customer_print_text_'] {
    max-width: 250px;
    word-wrap: break-word;
}

td[class*='customer_print_text_']  object,img, #link_for_image{
    max-width: 140px;
    cursor: pointer;
}

object[type='image/jpg'],object[type='image/png']{
    width: 100%;
}

.user_type_select{
    height: 51px!important;
}


/* Custom Tooltip Start here ...*/
.wrapper-for-tooltip{
    background: #ececec;
    color: #555;
    cursor: help;
    font-size: 20px;
    margin: 100px 75px 10px 75px;
    padding: 15px 20px;
    position: relative;
    width: 200px;
    -webkit-transform: translateZ(0); /* webkit flicker fix */
    -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}

.wrapper-for-tooltip .custom-tooltip {
    width: 100%;
    padding: 20px;
    bottom: 100%;
    color: #fff;
    display: block;
    left: -25px;
    margin-bottom: 15px;
    opacity: 0;
    text-align: left;
    pointer-events: none;
    position: absolute;
    background-color: #428BCA;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.wrapper-for-tooltip .custom-tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}

/* CSS Triangles - see Trevor's post */
.wrapper-for-tooltip .custom-tooltip:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #1496bb 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
}

.wrapper-for-tooltip:hover .custom-tooltip {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.compare-upload{
    display: inline-block;
    top:7px;
}

/* IE can just show/hide with no transition */
.lte8 .wrapper-for-tooltip .custom-tooltip {
    display: none;
}

.lte8 .wrapper-for-tooltip:hover .custom-tooltip {
    display: block;
}

.wish-date {
    position: relative;
}

.wish-date .wrapper-for-tooltip {
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    display: table;
    top: 5px;
    right: 20px;
    position: absolute;
    text-align: center;
    background-color: transparent;
}

.wish-date .wrapper-for-tooltip i {
    display: table-cell;
    vertical-align: middle;
}

.wish-date .wrapper-for-tooltip .custom-tooltip {
    width: 460px;
    left: inherit;
    right: -10px;
}

.wish-date .wrapper-for-tooltip .custom-tooltip:after {
    right: 10px;
    left: inherit;
}

/* Custom Tooltip End here ...*/


.order_states {
	font-size: 0.75em;
}

.disabled-state{
    opacity:0.4;
}