.main {
/*
    position:absolute;
    bottom:0;
    padding-top:100px;
    top:0;
    width:100%;
 */
}

/* Animace */
/*
.fadeinview.ng-enter { opacity:0; transition:0.15s linear opacity; }
.fadeinview.ng-enter.ng-enter-active { opacity:1.0; }
.fadeinview.ng-leave { transition:0.2s linear opacity; opacity:1; }
.fadeinview.ng-leave.ng-leave-active { opacity:0; }
 */

.logo-emp { color: #e22319; /*#920*/; }

/* Login form */
.login-form { max-width: 330px; padding: 15px; margin: auto; }
.login-form .form-control { position: relative; height: auto; padding: 10px; font-size: 16px;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.login-form .form-control:focus { z-index: 2; }
.login-form input[type="text"] { margin-bottom: -1px;
  border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.login-form input[type="password"] { margin-bottom: 10px;
  border-top-left-radius: 0; border-top-right-radius: 0; }



.modal { display: flex !important; height: 100%; overflow-y: auto; }
.modal .modal-dialog { margin: auto; }

/*
@media screen and (max-height: 700px) {
  .modal { position: absolute; overflow: visible; }
}
*/

#main-menu .dropdown-menu .fa { width: 16px; text-align: center; margin-right: 5px; }


/*.visit-controls { padding-top: 20px; }*/
.visit-controls h4 { margin-top: 15px; margin-bottom: 15px; }
.visit-tabs .unfinished { color: #D9534F !important; padding-left: 5px; }
.visit-tabs .btn-primary .unfinished { color: #ccc !important; }

.product-category-panel-group .panel-heading { cursor: pointer; }
.product-category-panel-group .panel-heading b { margin-top: 4px; }
.product-category-panel-group .panel-body { padding: 0; }
.product-category-panel-group .table { margin-bottom: 0; }
.product-category-panel-group .table tbody>tr>td { /* border: none; */ position: relative; }
.product-category-panel-group .table tbody>tr>td>div.product-actions { position: absolute; top: 0px; right: 0px; padding: 5px 10px; }
.product-category-panel-group .table tbody>tr>td>div.product-actions a { font-size: 22px; margin-left: 10px; }
fieldset[disabled] div.product-actions { display: none; }

.product-category-panel-group .table tr.filter-row { border-bottom: 1px solid #DDD; }
.product-category-panel-group .table tr.filter-row label { margin-right: 10px; font-weight: normal; }
.visit-controls .product-category-panel-group h4 {margin-top: 5px; margin-bottom: 5px; padding-right: 50px;}

.category-series-panel .panel-body { padding: 0; }
.category-series-panel .accordioned-series-detail .panel-body { padding: 15px; } /* Zpátky pro vnořený detail */
.category-series-panel .table { margin-bottom: 0; }
.category-series-panel .table tr>td { vertical-align: middle; }
.category-series-panel .table tr { cursor: pointer; }
td.series-state-select-cell { min-width: 77px; text-align: right; }
a.forget-link { color: #920; }
a.forget-link:hover { color: #c40; }
/* Ten akordeonoid nezobrazujeme na velkém displayi, ale od šířky,
 * kdy má grid už jen jeden sloupec. To pak zase nezobrazujeme
 * .series.models-panel.
 */
.accordioned-series-detail .panel { margin-bottom: 0; }
.accordioned-series-detail { display: none; }
@media screen and (max-width: 991px) {
  .series-products-detail-grid-column {
    display: none;
  }
  .accordioned-series-detail {
    display: table-row;
  }
}

.series-models-panel .panel-body.models-list { padding: 0; }
.series-models-panel .table { margin-bottom: 0; }
.series-models-panel .table tr>td { vertical-align: middle; }
.series-models-panel fieldset[disabled] td.add-product-cell { display: none !important; }

.present-products-panel .panel-body.products-list { padding: 0; }
.present-products-panel .table { margin-bottom: 0; }

.visit-controls .table tbody > tr.selected > td
{ background-image: linear-gradient(to bottom,#337AB7 0,#2E6DA4 100%);
color: white; }

.displayed-product-features label { font-weight: normal; }

.category-dropdown button { text-align: left; }
.category-dropdown .dropdown-menu li.selected>a,
.category-dropdown .dropdown-menu li.selected>a:focus,
.category-dropdown .dropdown-menu li.selected>a:hover
{ color: white; }
.category-dropdown .dropdown-menu li.selected,
.category-dropdown .dropdown-menu li.selected>a,
.category-dropdown .dropdown-menu > li.selected > a:focus,
.category-dropdown .dropdown-menu > li.selected > a:hover
{ background-color: #23527c; background-image: none; }
.category-problem-marker { color: #D9534F; }
.category-dropdown .dropdown-menu .category-problem-marker { float: right; padding: 3px 0 3px 20px; }
.category-dropdown .selected .category-problem-marker { color: #ccc; }

.bzt-capacity-info { position: absolute; right: 40px; top: 13px; text-align:right; }
.bzt-nopos-warning { position: absolute; right: 100px; top: 13px; text-align:right; }



.add-btn-container { margin: 15px 0; }
form.simple-filter-form label { font-weight: normal; padding: 0 0px 0 0px; }


.muted { color: #777; }
.checkgroup-padded { padding-left: 20px; }

/*
.st-sort-descent:after { content: '\25BC'; }
.st-sort-ascent:after { content: '\25B2'; }
*/
.st-sort-descent:after { content: ' \02C4'; color: #265A88; }
.st-sort-ascent:after { content: ' \02C5'; color: #265A88; }
th[st-sort] { cursor: pointer; }

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  background-image: linear-gradient(to bottom,#337AB7 0,#265A88 100%);
}

.form-horizontal-compact .form-group {
  margin-bottom: 5px;
}


/* Hack to use font awesome instead of glyphicons (eg in datepicker) */
.glyphicon {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-chevron-left:before {
  content: "\f053";
}
.glyphicon-chevron-right:before {
  content: "\f054";
}
.glyphicon-chevron-up:before {
  content: "\f077";
}
.glyphicon-chevron-down:before {
  content: "\f078";
}

/* Hack to use font awesome with checkboxes */
.glyphicon-ok:before {
  content: "\f00c";
}

/* Invalidni inputy formularu */
.form-control.ng-touched.ng-invalid,
form.ng-submitted .form-control.ng-invalid {
  border-color: #d9534f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* Bubliny pro formulare */
.form-group { position: relative; }
.form-group .formbubble.right { margin-left: 9px; margin-top: -2px; }
.form-horizontal .formbubble.right {
  margin-left: -4px; margin-top: -12px;
}
.formbubble {
  display: block;
  position: absolute;
  white-space: nowrap;
  z-index: 900;
  max-width: 296px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  text-align: start;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.formbubble.right { top:50%; left:100%; }
.formbubble > .arrow,
.formbubble > .arrow:after { position: absolute; display: block; width: 0;
  height: 0; border-color: transparent; border-style: solid; }
.formbubble > .arrow { border-width: 11px; background-clip: content-box; }
.formbubble > .arrow:after { content: ""; border-width: 10px; }
.formbubble.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.formbubble.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.formbubble-inner { padding: 2px 10px; }
.formbubble.danger { color: white; background-color: #D9534F; }
.formbubble.right.danger > .arrow { background-color:#D9534F; }
.formbubble.right.danger > .arrow:after { border-right-color: #D9534F; }
.formbubble.warning { color: white; background-color: #F0AD4E; }
.formbubble.warning { color: white; background-color: #F0AD4E; }
.formbubble.right.warning > .arrow { background-color:#F0AD4E; }
.formbubble.right.warning > .arrow:after { border-right-color: #F0AD4E; }
.formbubble.success { color: white; background-color: #5CB85C; }
.formbubble.success { color: white; background-color: #5CB85C; }
.formbubble.right.success > .arrow { background-color:#5CB85C; }
.formbubble.right.success > .arrow:after { border-right-color: #5CB85C; }

/* Spinnery u numerickych vstupu ve webkitu - obcas nejsou hezke,
 * ale necham je tam - u novejsiho webkitu se asi zobrazuji
 * na hover nebo focus. */
/*
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
 */




.table.tds-vertical-middle>tbody>tr>td { vertical-align: middle; }

.panel-body.panel-body-with-table { padding: 0px }
.panel-body .table { margin-bottom: 0; }



.competition-table {
  margin-top: 45px;
}
.table.competition-table td,
.table.competition-table th {
  vertical-align: middle;
  position: relative;
}
table.table.competition-table thead th { position: relative; }
table.table.competition-table thead th span {
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -ms-transform:rotate(-45deg); /* IE 9 */
  -moz-transform:rotate(-45deg); /* Firefox */
  -o-transform:rotate(-45deg); /* Opera */
  left: -2px;
  top: -16px;
  width: 100px;
  white-space: nowrap;
}
table.table.competition-table td.countinput { width: 100px; position: relative; }
.competition-table td.checkinput { width: 50px; text-align: center; }
.competition-table td.firstofgroup { border-left: 1px solid #ddd; }
.competition-table th.activities-sep { text-align: right; padding-right: 16px; }
@media (max-width: 699px) {
th.activities-sep { display: none }
}
.competition-table input:not([disabled]).ng-invalid,
.branded-zone-capacities input:not([disabled]).ng-invalid
{
  border-color: #d9534f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/*
*/



table.table h3 { margin: 5px 0; }
table.table tr.group-heading h3 { /* margin: 15px 0 5px; */ color: #31708f; }
/* kdyz v pruhovane tabulce chci mit neco bile, musim prebit pruhovanost */
table.table>tbody>tr.group-heading:nth-of-type(odd) { background-color: white; }
table.table tr.group-final-row th, table.table tr.group-final-row td { }


div.checkbox.shop-portfolio-category:first-child { margin-top: 0px; }

.shop-edit.modal-body h4 { margin-bottom: 20px }

.form-horizontal .required label:before,
.form-default .required label:after,
label.required:before
{
  content: " * ";
  color: #D9534F;
}

label.nomarginbottom { margin-bottom: 0px }



td.capacity-input { position: relative; }



.monday button span {
  background-color: limegreen;
  border-radius: 32px;
  color: black;
}

table.visit-history td.current-visit { font-weight: bold; }


table.table td.row-actions { padding: 0 8px; vertical-align: middle; text-align: right; white-space: nowrap; }
table.table th.row-actions { padding: 0 8px; vertical-align: middle; text-align: right; }
table.table .row-actions a { font-size: 0px; }
table.table .row-actions a .fa { font-size: 22px; }
table.table .row-actions .link-with-icon { margin-left: 8px; }
table.table .row-actions .link-with-icon:first-child { margin-left: 0px; }

/*
.link-with-icon .fa { margin-right: 2px; }
.link-with-icon {margin-left: 10px; white-space: nowrap;}
.link-with-icon:first-child {margin-left: 0px;}
 */
.link-with-icon .fa-edit { position: relative; top: 2px; left:1px; /* je ta ikona nejaka divna */ }

table.table>tbody>tr>td { vertical-align: middle; }

div.count-input { position: relative; }
fieldset[disabled] div.count-input>a { display:none; }
td div.count-input, th div.count-intput { position: static; min-width: 45px; };
div.count-input>input { min-width: 35px !important; }
div.count-input>a { position: absolute; top: 0px; right: 0px; height: 100%;
  padding-top: 10px; padding-right: 12px; padding-left: 6px; color: #333;
  opacity: 0.3; font-size: 20px; }
.accordioned-series-detail div.count-input>a {
  right: 15px;
}
div.count-input>div {
  position: absolute;
  z-index: 1000;
  width: 374px;
  background: white;
  border: 1px solid #d8d8d8;
  box-shadow: 2px 2px 2px #eee;
  padding: 10px;
  border-radius: 3px;
  border-top-left-radius: 0px
}
div.count-input.dial-on-left div {
  right: 3px;
  border-top-left-radius: 3px
  border-top-right-radius: 0px
}
div.count-input > div > .close { position: absolute; top: 0px; right: 0px; padding: 10px; }

div.count-input > div > div > .btn-group:not(:last-child) > .btn:first-child:not(:last-child) { border-bottom-left-radius: 0; }
div.count-input > div > div > .btn-group:not(:first-child) > .btn:first-child:not(:last-child) { border-top-left-radius: 0; }
div.count-input > div > div > .btn-group:not(:last-child) > .btn:last-child:not(:first-child) { border-bottom-right-radius: 0; }
div.count-input > div > div > .btn-group:not(:first-child) > .btn:last-child:not(:first-child) { border-top-right-radius: 0; }
div.count-input .btn-toolbar > h5 { padding-left: 145px; font-weight: bold; }

.form-group .count-input > a { padding-top: 2px; }

.competition-table td .frombubble.right { top: 8px; }

.visits-shop-name { margin-right: 4px; }
.visits-labels { position: relative; top: -1px }
table.table.visits>thead>tr>th.country-col,
table.table.visits>tbody>tr>td.country-col { text-align: left; }

table.table>thead>tr.formlike-filters-row>td { padding: 20px 5px 10px 5px; }
.form-inline.filters>.form-group>label { margin-right: 10px; }
.form-inline.filters>.form-group { margin-bottom: 5px; }
.form-inline.filters>.form-group>label>*
{ margin-left: 5px; }

table.bzt-report.table>thead>tr>th { border-top: 0px; }
table.bzt-report .capacity-col, table.bzt-report .use-col { text-align: right; padding-right: 20px; }
table.bzt-report .country-col { text-align: center; }
table.bzt-report .date-col { white-space: nowrap; text-align: right; }




.pics-report-body {
  text-align: left;
}
.pics-report-body>div>div {
  /*
  padding: 5px 20px 20px;
  border-radius: 5px;
  background-color: #666;
  margin-bottom: 10px;
  color: #ddd;
  */
  box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
  background-color: #f0f0f0;
  border: 2px solid #eaeaea;
  border-radius: 5px;
  padding: 10px 10px 10px 10px;
  margin-bottom: 10px;
}
.pics-report-body>div>div>h4 {
  /* border-top: 1px solid #ccc; */
  padding-top: 10px;
  margin-top: 5px;
  margin-bottom: 10px;
}
/*
.pics-report-body>div>div a {
  background-color: rgba(255,255,255,0.5);
  color: #333;
  padding: 5px;
  border-radius: 3px;
  margin-bottom: 10px;
  font-size: .8em;
  font-weight: bold;
  text-shadow: none;
}
*/
.pics-report .sort { margin-top: 10px; margin-bottom: 10px; }
.pics-report .sort>span { margin-left: 10px; cursor: pointer; color: #337ab7; }
.pics-report .sort>span:hover { text-decoration: underline; }
.pics-report .sort>span.st-sort-descent, .pics-report .sort>span.st-sort-ascent { font-weight: bold; }



#columns {
  -webkit-column-count: 3;
  -webkit-column-gap: 15px;
  -moz-column-count: 3;
  -moz-column-gap: 15px;
  column-count: 3;
  column-gap: 15px;
}

@media (min-width: 900px) {
  #columns {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}

@media (min-width: 1100px) {
  #columns {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }
}

.pin {
  display: inline-block;
}



a.toggle-filters { display: inline-block; border-radius: 3px; }
a.toggle-filters.filters-active { background-color: #ece8d3; border: 1px solid #faebcc; pointer-events: none; }


a[disabled] { pointer-events: none; }

.navbar-nav>li.danger { background: #e22319; }
.navbar-nav>li.danger>a { color: #ececec; text-shadow: none; }


html { position: relative; min-height: 100%; }
@media ( min-height: 768px ) {
  body { margin-bottom: 30px; }
  .footer { position: absolute; bottom: 0; width: 100%; height: 30px; background-color: #f5f5f5; }
  .footer .container { margin-top: 5px; }
}
@media ( max-height: 767px ) {
  .footer { display: none; }
}



/* Visit - panel with model in series.
 * By default we make this panel sticky using an angular component.
 * However when its contents is higher than the screen height, this
 * would prevent user from accessing models at bottom of it (as they
 * get off-screen).
 * We can do two things about it:
 *  - make it scrollable, when it is positioned fixed and too long.
 *  - when page switches from three column to single column responsive
 *    mode, override stickyness (ie fixed position) back to default
 *    static.
 */
.series-models-panel {
  max-height: 100%;
  overflow: auto;
}

@media ( max-width: 767px ) {
  .series-models-panel { position: static !important; }
}

.welcome-head { position: absolute; top: 70px; left: 120px; }
.welcome-where { position: absolute; top: 178px; left: 120px; }
.welcome-quick-links { position: absolute; bottom: 90px; left: 120px; }
.welcome-toolbar { position: absolute; bottom: 40px; left: 120px; }
.welcome-toolbar .btn { margin-bottom: 5px; }

@media (max-width: 650px) {
  .welcome-head, .welcome-where, .welcome-quick-links { display: none; }
  .welcome-toolbar { position: static; }
  .welcome-toolbar .btn-group { display: block; float: none; }
  .welcome-toolbar .btn-group .btn {
    display: block;
    float: none;
    border-radius: 4px !important;
  }
}

@media (max-width: 996px) {
  .welcome-where, .welcome-quick-links { display: none; }
}













/* <input-star></input-star> directive */
.angular-input-stars {
  display: inline-block;
  padding: 0;
  margin-left: -5px;
  list-style: none;
}

.angular-input-stars > li {
  font-size: 17px;

  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;

  cursor: pointer;
  color: #aaa;
}

.angular-input-stars > li i.readonly {
  cursor: not-allowed;
}

.angular-input-stars > li .active {
  color: #fefa22;
  text-shadow: black 0 0 1px, 0 0 1px ;
}

.angular-input-stars > li .active.angular-input-stars-hover {
  text-shadow: black 0 0 3px;
}



.visit-evaluation h3 {
  color: #31708f;
}
.visit-evaluation td, .visit-evaluation th {
  text-align: left;
  vertical-align: baseline;
  padding-right: 20px;
}
@media (max-width: 500px) {
  .visit-evaluation table, .visit-evaluation tr, .visit-evaluation td, .visit-evaluation th {
    display: block;
  }
  .visit-evaluation th {
    margin-bottom: 5px;
  }
}





.visit-bztlist { border-bottom: 1px solid #eee; }
.visit-bztlist table { width: 100%; }
.visit-bztlist table td.btncell { text-align: right; font-size: 22px; }

table.eval-results tbody th, table.eval-results tbody td { font-weight: normal; padding-right: 20px; }
table.eval-results tbody td.avg { color: #888; }


.my-width-100 {
  width: 100%;
}

a:link>.carousel-caption, a:visited>.carousel-caption, a:hover>.carousel-caption,
.carousel-caption>a:link, .carousel-caption>a:visited, .carousel-caption>a:hover {
  color: #fff;
  text-decoration: none;
}