/* */
.bg-kk {
    background-color: #e9ecef !important;
}
.form-control {
    background-color: #f8f9fa;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-primary:hover {
    background-color: #2e6da4;
}
a {
    color: #337ab7;
}
a:hover {
    color: #2e6da4;
}
.color-thumbnail {
    border: 1px #444444 solid;
}
.custom-file-label::after {
    content:"Vybrat obrázek"
}
.nav-link {
    padding: 0.25rem 1.5rem
}
.active {
    /* background-color: #e9ecef; */
}
.text-bold {
    font-weight: bold;
}
.my-input {
    font-size: 90%;
    border: 1px #ced4da solid; 
    border-radius: .2rem;

}
.img-sortable {
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    min-width: 630px;
    width: 100%;
}
.img-sortable li {
     float: left; 
     width: 150px; 
     height: 250px; 
     margin: 3px 3px 3px 0; 
     padding: 1px; 
     text-align: center;
}
@media print {
    .noprint { 
        display: none; 
    }
}

/* login */
.login-gray {
    background-color: #e9e9e9;
    -moz-box-shadow: inset 0 -6px 6px -6px #aaaaaa, inset 0 6px 6px -6px #aaaaaa;
    -webkit-box-shadow: inset 0 -6px 6px -6px #aaaaaa, inset 0 6px 6px -6px #aaaaaa;
    box-shadow: inset 0 -6px 6px -6px #aaaaaa, inset 0 6px 6px -6px #aaaaaa;
}
.login-form {
    margin: 20px auto 0px auto;
    width: 400px;
    border: 0px solid #cccccc;
    text-align: center;
    padding: 10px 10px 10px 10px;
}
.login-form table{
    width: 100%;
    text-align: center;
    font-size: 100%;
    background-color: #e9e9e9;
}

/* ui */
.ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
.ui-menu .ui-menu-item {
    font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Arial, sans-serif;
    font-size: small;
}

/* admin */
body {
    padding-top: 70px;
    /*
    font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Arial, sans-serif;
    */
}
.bg-img {
    background-image: url('/img/background.jpg');
    background-position: center top;
    background-repeat: no-repeat;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.8);
}
.table td {
    padding: 0.1rem 0.5rem;
    font-size: 90%; 
}

/* */
textarea {
    font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Arial, sans-serif;
}

.rounded-corners {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}
.separator-top { border-top: 1px solid #bbbbbb; }
.separator-bottom { border-bottom: 1px solid #bbbbbb; }

.product-menu { position: relative; height: 24px; z-index: 21;}
.product-menu ul { margin: 0; padding: 0;  cursor: hand; cursor: pointer;}
.product-menu ul li {
    list-style-type: none;
    margin: 0px 3px 0px 0px;
    padding: 0;
    display: block;
    float: left;
    padding: 0px 10px 0px 10px;
    text-align: center;
    line-height: 24px;
    position:relative;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -khtml-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    font-weight:bold;
    border: 2px solid #ffffff;

}
.product-menu ul li a { display: block; color: #000000; }
.product-menu ul li:hover { background-color: #ffffff; text-decoration: none; }
/* .active { background-color: #ffffff; } */
.product {
    z-index: 20;
    width: 780px;
    min-height: 150px;
    padding: 5px 10px 10px 10px;
    background-color: #ffffff;
    margin: 2px 0px 20px 0px;
}
.order {
    z-index: 20;
    width:1200px;
    min-height: 150px;
    padding: 5px 10px 10px 10px;
    background-color: #ffffff;
    margin: 2px 0px 20px 0px;
}
.pnone{ display:none; }
.pvisible  { display:visible; }


.okraj {margin-left:10px;}

#navigation {
    float: left;
    padding: 0px 10px;
    border-right: 1px solid #bbbbbb;
    min-width: 220px;
}
#navigation ul {
    padding: 0px 0px 0px 10px;
}
#navigation ul li {
    list-style-type: none;
    padding:0;
    margin: 3px;
    display: block;
    position:relative;
}

#content {
    padding: 0px 10px;
    left: -1px;
    border-left: 1px solid #bbbbbb;
}

.bottom { color:#66CCFF;}
.kontakt{ font: 7pt; color: #000060; padding:2px; border-color: #ff8000; border-style: dotted; border-width:0px;}

/*
a:link	  {color:#000099; text-decoration:none }
a:visited {color:#000099; text-decoration:none }
a:active  {color:#000099; text-decoration:underline }
a:hover   {color:black; text-decoration:underline;}
*/
.box {font-weight: normal; font-size: 8pt; Z-INDEX: -20; COLOR:#000099; BORDER-TOP-STYLE: groove; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BORDER-BOTTOM-STYLE: groove}

.tbl_hl   {background-color:#CACACA; font: bold}
.tbl_row1 {background-color:#EFEFEF;}
.tbl_row2 {background-color:#DFDFDF;}

/* shop */
.status-on   {background-color:darkseagreen; text-align:center;}
.status-off   {background-color:darksalmon; text-align:center;}
.error_msg {color: #e10101; font-size: 100%; font-weight: none;}
.red {color: #e10101; }
.left {text-align: left; }

/* product */
.edit-parameter {
    float: left;
    text-align:left;
    padding: 5px 10px 5px 10px;
    border: 1px solid #ffffff;
}
.edit-price {
    text-align:left;
    width: 300px;
    padding: 5px 10px 5px 10px;
    border: 1px solid #ffffff;
}
.edit-color {
    float: left;
    text-align:center;
    line-height: 30px;
    padding: 5px 10px 5px 10px;
    border: 1px solid #ffffff;
}
.edit-color:hover, .edit-price:hover, .edit-parameter:hover { border: 1px solid #dfdfdf; }


/* ukončení bloku - čistič */
.cleaner {
    clear: both;
    margin: -1px 0 0 0;
    padding: 0;
    height: 1px;
    border: none;
    visibility: hidden;
}

.line {
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    /* line-height: 15px;
    height: 15px; */
    border: none;
    visibility: hidden;
}
#loader {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;    
    width: 80px;
    height: 80px;
}
/* checkboxy formuláře */
.input {
    cursor: default;
    display: block;
    border-left: 2px solid #eeeeee;
    font-size: 90%;
}
.input:hover {
    background-color: khaki;
    border-left: 2px solid #888888;
}
.tbl-vat { font-size: 80%; border-left:1px solid #000000; border-top:1px solid #000000;}
.tbl-vat td{ border-right:1px solid #000000; border-bottom:1px solid #000000;}

.tbl-print { font-size: 80%; border-left:1px solid #000000; border-top:1px solid #000000;}
.tbl-print td{ border-right:1px solid #000000; border-bottom:1px solid #000000;}


.tag { color: #888888; font-size: 80%; padding: 1px 2px; border: 1px solid #888888; border-radius: 2px;}
.fr { float: right; }

.cursor-hand { cursor: hand; cursor: pointer; }
.error { color: #e10101; }
.ok { color: #05962e; font-weight: bold; }

.b1 {border: 1px solid red; }