/* ================== OBCHODNI PRIPADY - LIST PAGE ========================== */

.ObchodnePripady {
  width: 100%;
}

.ObchodnePripady input,
.ObchodnePripady select {
  font-size: 10px;
}

.ObchodnePripady h2 {
  margin-bottom: 5px;
  padding-left: 5px;
  color: #084517;
  font-size: 17px;
}

.ObchodnePripady-filter {
  margin-bottom: 20px;
  padding: 10px 15px;
  background: #e9f5ff;
}

.ObchodnePripady-filter img,
.ObchodnePripady-filter select,
.ObchodnePripady-filter input {
  vertical-align: top;
}

.ObchodnePripady-filter .date input {
  width: 57px;
}

.ObchodnePripady-filter div.date {
  padding: 15px 0 5px 0;
}

.ObchodnePripady-filter span.label.frontSpace {
  padding-left: 5px;
}

.ObchodnePripady-filter span.label {
  font-weight: 700;
}

.ObchodnePripady-filter span.label.head {
  padding-right: 5px;
}

.ObchodnePripady-filter .date .label {
  position: relative;
}

.ObchodnePripady-filter .date input {
  margin-left: 5px;
}

.ObchodnePripady-filter .date.marginSpace select {
  margin-left: 25px;
}

.ObchodnePripady-filter .date select {
  width: 188px;
}

.ObchodnePripady-filter table.productFiltr {
  text-align: left;
  padding-right: 5px;
  border-collapse: separate;
  margin-right: 25px;
}

.ObchodnePripady-filter table.productFiltr td {
  vertical-align: bottom;
  padding: 2px 4px;
}

.ObchodnePripady-filter table.productFiltr th {
  font-weight: normal;
  vertical-align: bottom;
  padding: 2px 4px;
}

.ObchodnePripady td input[type="text"] {
  width: 80%;
}

.ObchodnePripady-filter table.productFiltr tr td input {
  width: 70px;
}

.ObchodnePripady-filter table.productFiltr tr.kod td input {
  width: 70px;
}

.ObchodnePripady-filter table.klientFiltr {
  width: 100%;
  text-align: left;
}

.ObchodnePripady-filter table.klientFiltr td,
.ObchodnePripady-filter table.klientFiltr th {
  padding: 2px 0;
  font-weight: 700;
}

.ObchodnePripady-filter table.klientFiltr table td label {
  vertical-align: bottom;
  padding-right: 10px;
  display: block;
}

.ObchodnePripady-filter table.klientFiltr td.surname input {
  margin-left: 0px;
}

.ObchodnePripady table.klientFiltr td.surname span.cisloOrg input {
  width: 35px;
}

.ObchodnePripady table.klientFiltr td.surname span.cisloOrg {
  display: inline;
}

.ObchodnePripady table.klientFiltr td,
.ObchodnePripady table.klientFiltr th {

}

.ObchodnePripady-filter table.klientFiltr .stav th {
  vertical-align: top;
  width: 45px;
}

.ObchodnePripady-filter table.klientFiltr .stav label {
  display: inline;
}

.ObchodnePripady-filter .filtrButton input,
.ObchodnePripady-filterResetBtn {
  display: inline-block;
  font-size: 12px;
  width: auto;
  height: auto;
  padding: 0.6em 1.4em;
  background: #FFF;
  color: #26348b;
  border: 1px solid;
}

.ObchodnePripady-filter .filtrButton input {
  margin-left: 90px;
}

.ObchodnePripady-vypis {
  margin-bottom: 10px;
}

.ObchodnePripady-vypis table {
  text-align: center;
  font-size: 11px;
  width: 100%;
  border: 1px solid #777;
}

.ObchodnePripady-vypis table td {
  padding: 2px 2px 0 0;
}

.ObchodnePripady-vypis table TR.business-case-list-header th {
  padding: 2px 2px 0 0;
  text-align: center;
  background-color: #949494;
}

.ObchodnePripady-vypis table TR.business-case-list-header th,
.ObchodnePripady-vypis table TR.business-case-list-header th a {
  color: #fff;
}

.ObchodnePripady-vypis table TR.business-case-list-header TH a:hover {
  text-decoration: none;
}

.ObchodnePripady-vypis tr.pager table {
  border: 0;
}

.ObchodnePripady-statistiky {
  display: inline-block;
}

.ObchodnePripady-statistiky tr td {
  padding: 0 5px;
}

.ObchodnePripady-statistiky tr th {
  padding-right: 5px;
}


/* strankovani */

.ObchodnePripady-vypis table .pager table {
  width: 100px;
}

.ObchodnePripady-vypis table .pager table td span {
  color: black;
}

.ObchodnePripady-vypis table .pager table td a {
  color: seaGreen;
}

.ObchodnePripady-vypis table .pager table td span,
.ObchodnePripady-vypis table .pager table td a {
  display: block;
  margin: 1px;
  padding: 1px 3px;
  border: solid 1px #ccc;
}


/* KONEC OBCHODNI PRIPADY - LIST PAGE ------------------------------------------------------ --------------- */


/* OBCH. PRIPADY -DETAIL */

div.page-inner.op-detail {
  padding-top: 5px;
}

.op-detail td.pocet,
.op-detail td.castka-za-jednotku,
.op-detail td.celkova-castka,
.op-detail td.hodnota-slevy,
.op-detail td.celkova-cena {
  text-align: right !important;
}

.op-detail .fright {
  float: right;
}

.op-detail .buton {
  display: inline-block;
  margin: 3px 1px;
  padding: 0.3em 1em;
  border: solid 1px #C00;
}


/* jine ? */

#detail-bc {}

#detail-bc .recap-produkty {}

#detail-bc TABLE {
  border: 1px solid #333;
  margin: 15px 0 0;
}

#detail-bc TABLE TD,
#detail-bc TABLE TH {
  padding: 0px 4px 3px;
}

#detail-bc TABLE TH {
  font-weight: bold;
  color: #333;
}

#detail-bc .kontakter {}

#detail-bc .recap-cestujici {}

#detail-bc .recap-zadani-osob {
  margin: 10px 0 0;
}

#detail-bc .cenove-polozky {}

#detail-bc .bc-generatebutton {}


/*
.product-code, .product-name, .reservation-number, .season, .client-name, .date-type {margin-top: 10px;}
.date-type select {margin-left: 35px; &width: 227px;}
.client-name input {margin-left: 53px;}
.filter-date {margin: 10px 0;}
.filter-date input {width: 65px;}
.filter-date div {display: inline;}
.season select {margin-left: 103px; width: 147px; &width: 156px;}

.product-code input {margin-left: 67px;}
.product-name input {margin-left: 55px;}
.reservation-number input {margin-left: 50px;}
.bc-generatebutton {margin-bottom:10px;}
*/


/* ------------------------------------- konec editace osob -------------------------------------  */

#editaceOsob {
  /* width:510px; */
}

#editaceOsob .rsv-person {
  font-weight: bold;
  /* text-align:center; */
  color: #333;
}

#editaceOsob table.rsv-contact td.rsv-city-label,
#editaceOsob table.rsv-contact td.rsv-passportdate-label,
#editaceOsob table.rsv-contact td.rsv-lastname-label,
#editaceOsob table.rsv-contact td.rsv-firstname-label,
#editaceOsob table.rsv-contact td.rsv-sex-label,
#editaceOsob table.rsv-contact td.rsv-middlename-label,
#editaceOsob table.rsv-contact td.rsv-passportnumber-label,
#editaceOsob table.rsv-contact td.rsv-birthdate-label,
#editaceOsob table.rsv-contact td.rsv-street-label,
#editaceOsob table.rsv-contact td.rsv-email-label,
#editaceOsob table.rsv-contact td.rsv-mobile-label,
#editaceOsob table.rsv-contact td.rsv-telephone-label,
#editaceOsob table.rsv-contact td.rsv-titleacademicprefix-label
{
  text-align: right;
}

#editaceOsob table.rsv-contact {
  width: 600px;
  border-collapse: collapse;
  margin: 0 auto;
  padding: 10px 0 0 0;
  font-size: 10px;
}

#editaceOsob table.rsv-contact td {
  vertical-align: top;
  padding: 5px 3px 3px 5px;
  white-space: nowrap;
}

#editaceOsob table.rsv-contact td strong {
  font-weight: normal;
  font-size: 11px;
}

#editaceOsob .rsv-contact input.rsv-required-field {
  background: #ffffff;
}

#editaceOsob table.rsv-contact td input {
  border: 1px solid #777;
  font-size: 10px;
}

#editaceOsob table.rsv-contact td.rsv-sex-input select {
  border: 1px solid #567893;
  font-size: 11px;
}

#editaceOsob .rsv-contact .validator {
  color: #FE8600;
  font-size: 10px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

#editaceOsob .editper-save {
  text-align: right;
}

.osoba-panel {
  background: url("/Public/tiptravel2/img/bg-gray-pruh.gif") no-repeat 0 0 #949494;
  padding: 10px 0 10px 43px;
  position: relative;
  width: 535px;
  margin: 0 auto 20px;
}

.osoba-panel table {}

.osoba-panel table td {}

.osoba-panel table th {}

.osoba-panel input {
  border: 1px solid #907B80;
  background: #ddd;
}

#editaceOsob strong {
  color: #000000;
}


/* ------------------------------------- konec editace osob -------------------------------------  */

.dop-cls .product-code,
.dop-cls .product-name,
.dop-cls .reservation-number,
.dop-cls .season,
.dop-cls .client-name,
.dop-cls .date-type {
  margin-top: 10px;
}

.dop-cls .date-type select {
  margin-left: 35px;
  &width: 227px;
}

.dop-cls .client-name input {
  margin-left: 53px;
}

.dop-cls .filter-date {
  margin: 10px 0;
}

.dop-cls .filter-date input {
  width: 65px;
}

.dop-cls .filter-date div {
  display: inline;
}

.dop-cls .season select {
  margin-left: 103px;
  width: 147px;
  &width: 156px;
}

.dop-cls .product-code input {
  margin-left: 67px;
}

.dop-cls .product-name input {
  margin-left: 55px;
}

.dop-cls .reservation-number input {
  margin-left: 50px;
}

/* =============================== zmena hesla =============================== */

.zmena-hesla input {
  display: block;
}

.zmena-hesla .pleft {
  float: left;
  width: 152px;
}

.zmena-hesla .pright p {
  padding-bottom: 2px;
  padding-top: 6px;
}


/* =============================================================== */

.recap-cestujici,
.cenove-polozky,
.grid-view {
  margin: 10px 0;
}

.recap-cestujici table,
.cenove-polozky table,
.grid-view table {
  border: 1px solid #404040;
  border-right: 0;
  border-bottom: 0;
  width: 100%;
}

.recap-cestujici table th,
.recap-cestujici table td {
  border-right: 1px solid #404040;
  border-bottom: 1px solid #404040;
  padding: 2px 5px;
}

.recap-cestujici table th {
  background-color: #949494;
}

.cenove-polozky table th,
.cenove-polozky table td {
  border-right: 1px solid #404040;
  border-bottom: 1px solid #404040;
  padding: 2px 5px;
}

.cenove-polozky table th.celkova-cena-popisek,
.cenove-polozky table td.celkova-cena {
  /*  border: 0; */
}

.grid-view table th,
.grid-view table td {
  border-right: 1px solid #404040;
  border-bottom: 1px solid #404040;
  padding: 2px 5px;
}

.grid-view table th {
  background-color: #949494;
}

.platebni-predpis {
  background-color: #949494;
  margin: 10px 0;
  width: 288px;
  padding: 5px 10px 10px 10px;
  border: 1px solid #404040;
}

.platebni-predpis table {}

.platebni-predpis table td,
.platebni-predpis table th {
  padding: 2px 5px;
}

.platebni-predpis table td {}

.platebni-predpis table th {}

.platebni-predpis table td.castka input {
  border: 1px solid #404040;
  width: 142px;
}

.platebni-predpis table.platebni-predpis-buttons {
  margin-top: 10px;
}

.platebni-predpis table.platebni-predpis-buttons td input {}

.kontakter table {
  display: none;
}

.kontakter table.move-to-table {
  display: block;
}

.kontakter table table {
  display: inherit;
}

.kontakter {
  margin-top: 10px;
}

.kontakter table th,
.kontakter table td {
  padding-bottom: 2px;
  vertical-align: top;
}

.kontakter table th {
  padding-right: 10px;
}

.recap-produkty {
  font-size: 150%;
}

.recap-produkty span {
  display: none;
}

.grid-view input {
  border: 0;
}

.recap-cestujici table tr:first-child th,
.cenove-polozky table tr:first-child th,
.grid-view table tr:first-child th {
  background-color: #fbe27b;
  padding: 5px;
}

.cenove-polozky table tr:last-child td {
  font-size: 20px;
  font-weight: bold;
}

.grid-view table tr td:first-child,
.grid-view table tr th:first-child,
.recap-cestujici table tr td:first-child,
.recap-cestujici table tr th:first-child {
  width: 200px;
}

.bc-generatebutton {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 40px;
  margin-right: 20px;
}

.partnerSectionV2 .bc-generatebutton.new-place {
  width: 100%;
  margin-top: 30px;
}

.partnerSectionV2 .bc-generatebutton,
.partnerSectionV2 .recap-zadani-osob {
}

.cl {
  clear: both;
}

.grid-view tr th:last-child,
.grid-view tr td:last-child,
.cenove-polozky tr th:last-child,
.cenove-polozky tr td:last-child,
.cenove-polozky tr td:nth-child(5),
.cenove-polozky tr th:nth-child(5),
.cenove-polozky tr td:nth-child(4),
.cenove-polozky tr th:nth-child(4) {
  width: 100px;
}

.ObchodnePripady-filter .stav input {
  vertical-align: middle;
  margin-right: 0.5em;
  vertical-align: middle;
  margin: 0 0.5em;
  display: inline-block;
  height: 12px;
  width: 12px;
}

.ObchodnePripady-filter th,
.ObchodnePripady-filter td {
  padding: 1px 2px;
}

.ObchodnePripady-filter .stav label {
  padding: 0.1em 1em 0.1em 2.0em;
  margin-left: -1.8em;
  font-size: 11px;
  vertical-align: middle;
}

.ObchodnePripady-filter span.label,
.ObchodnePripady-filter th {
  font-size: 12px;
}

.ObchodnePripady td {
  font-size: 12px;
}

.ObchodnePripady-filter input,
.ObchodnePripady-filter select {
  height: 22px;
  text-indent: 5px;
  padding: 0px;
  background: #fff;
  border: solid 1px #ccd6de;
}

.ObchodnePripady-vypis table td {
  border-collapse: collapse;
  border: solid 1px #bac1c9;
  padding: 1px 3px;
  text-align: left;
}

.ObchodnePripady-vypis table .td-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ObchodnePripady-vypis .bcl-client-name .td-inner {
  max-width: 170px;
}

.ObchodnePripady-vypis .bcl-product-destination-full-path .td-inner {
  max-width: 154px;
}

.ObchodnePripady-vypis .bcl-term-nights-count {
  text-align: center;
}


.ObchodnePripady-vypis table td:nth-last-child(1),
.ObchodnePripady-vypis table td:nth-last-child(2),
.ObchodnePripady-vypis table td:nth-last-child(3) {
  text-align: right;  
}

.ObchodnePripady-vypis table tr:hover td {
  background: #F9FAFB;
}

.ObchodnePripady-vypis table .pager td {
  background: #EEE;
  text-align: center;
  border: solid 1px #EEE;
}

.ObchodnePripady-vypis table .pager td span,
.ObchodnePripady-vypis table .pager td a:hover {
  background: #CCC;
  text-align: center;
}

.ObchodnePripady-vypis table .pager td a {
  background: #DDD;
  text-align: center;
}

.ObchodnePripady-statistiky tr td,
.ObchodnePripady-statistiky tr th {
  font-size: 16px;
  font-weight: normal;
}

.ObchodnePripady-statistiky tr th {
  opacity: 0.85;
}

.ObchodnePripady-statistiky tr td {
  padding-left: 1.9em;
  text-align: right;
}


/* KALENDAR V OBCHODNICH PRIPADECH */
.date .calendar-image {
  cursor: pointer;
}

body .calendar {
  border: none;
}

body .calendar table {
  box-sizing: content-box;
  width: 300px;
  background: #f1f1f1;
  border: none;
  box-shadow: 0px 0px 20px #555;
}

body .calendar table tr {
  background: #f1f1f1;
}

body .calendar table td {
  border: 1px solid #ccc !important;
}

body .calendar .button {
  display: table-cell;
  padding: 8px;
}

body .calendar .day {
  padding: 8px !important;
  border: none;
}

body .calendar thead .name {
  background: #fff6cb;
}

body .calendar .hilite,
body .calendar thead .hilite {
  padding: 8px !important;
  border: none;
  border-width: 0px;
  background: #ccc !important;
  cursor: pointer;
}

body .calendar thead .hilite {
  padding: 0px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

body .calendar tbody td.selected {
  padding: 8px;
}

body .calendar tbody td.today {
  background: #ccc;
  color: #bf2e2e;
}

body .calendar thead .title,
body .calendar tfoot .ttip {
  background: #e60025;
}

body .calendar tfoot .ttip {
  padding: 8px 0px;
}

/* Stránkování */
.pagination {
	float: left;
    width: 100%;
    text-align: center;
}
.pagination a {
	border: 1px solid #f2001d;
    width: 32px;
    line-height: 32px;
	display: inline-block;
    text-align: center;
    margin-top: 5px;
	margin-right: 5px;
}
.pagination strong a {
	background: #f2001d;
	color: #fff;
}
.pagination .paging-next, .pagination .paging-prev {
	border: 1px solid #f2001d;
    width: auto;
    padding: 0 10px;
    line-height: 32px;
    text-align: center;
    margin-top: 5px;
	margin-right: 5px;
}
.pagination .tecky {
	border: 0;
    width: 32px;
    line-height: 32px;
    text-align: center;
    margin-top: 5px;
}
.text-center p {
	float: left;
    width: 100%;
    margin-top: 10px;
	text-align: center;
}