/* global */   /*
table tr { font-size:11px;}
table tr th { padding-right:20px!important;}
table td {max-width:200px;overflow:hidden;text-overflow:ellipsis;}     */

header {

}

.navbar-header {
	background-color:#fff;
}

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

.vice-sms {
	margin-bottom:20px;
}

h2 {
	font-size:1.25rem;
	margin-top:40px;
}

h3 {
	font-size:0.9rem;
	display:inline-block;
}
h4 {
	font-size:0.8rem;
	display:inline-block;
}

h5 {
	font-size:0.75rem;
	display:inline-block;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.align-right {
	text-align:right;
}


.menu-hide {
position: fixed;
  background: #DBDCDE;
  z-index: 1002;
  margin-top: 49px;
  margin-left: 0;
  color: #fff;
  padding: 1px 4px;
}

.menu-hide .mdi-arrow-collapse-left::before, .menu-hide .mdi-arrow-collapse-right::before {
	margin-top:-2px;
}

.menu-hide-top {
position: fixed;
  background: #DBDCDE;
  z-index: 1002;
  margin-top: -70px;
  right: 0;
  color: #fff;
  padding: 10px 4px;
  height:22px;
  width:22px;
}
.menu-hide-top .mdi-arrow-collapse-up::before, .menu-hide-top .mdi-arrow-collapse-down::before  {
  margin-top: -22px;
  margin-left: 0;
}

.total-right {
	margin-right:10px!important;
}

button.pridat {
	float:right;
	margin-top:-20px;
}
button.reset {
	float:right;
	margin-top:-20px;
	margin-right:;
}

.modal form label {
	display:block;
	margin-bottom:0;
}

.opravneni + #modalUlozit form {
	 display:none!important;
}

#modalSmazat form {
	display:none!important;
}

.table{
  overflow-x: auto;
  display:inline-block;
  scrollbar-width: thin;
}

.opravneni table.table th i {
	font-weight:400!important;
}

.popover-title { height: 0px;}

.popover-body a {
	display:inline-block;
	padding:2px 0px;
}

.hide {
	display:none;
	opacity:0;   
}

.pop-content {
	padding:5px;
	background: #fff;
	border:1px solid #d3d3d3;
	border-radius: 15px;
	position:absolute;
}

.pop-content div {
	display:block;
	padding:2px 5px;
}

table.pop tr td i.pop-btn {
  display:none;
  font-size: 15px;
  padding: 5px;
  position: absolute;
  margin-left: -23px;
  margin-top: -2px;
  color:#747a80!important;
  background:#fff;
  
}

td i.pop-btn:hover {
	background:#f3f3f3!important;
}

table.pop tr:hover td i.pop-btn {
	display:block;
	border: 1px solid #d4d4d4;
  border-radius: 30px;  
  cursor:pointer;
}

/* Přepínací tlačítko a filtr */

.switch {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 34px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2ab934;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2ab934;
}

input:focus + .slider {
  box-shadow: 0 0 1px #ca2222;
}

.filter-op .slider, .format-op .slider  {
	background-color: orange;
}

.filter-op input:checked + .slider, .format-op input:checked + .slider  {
	background-color: orange;
}


input:checked + .slider:before {
  -webkit-transform: translateX(55px);
  -ms-transform: translateX(55px);
  transform: translateX(55px);
}

.opt_a
{
  display: none;
}

.opt_a, .opt_b
{
  color: white;
  position: absolute;
  /*transform: translate(-50%,-50%);*/
  top: 25%;
  font-size: 10px;
  font-family: Verdana, sans-serif;
}

.opt_b {
right:15px;	
}
.opt_a {
left:15px;	
}

input:checked+ .slider .opt_a
{display: block;}

input:checked + .slider .opt_b
{display: none;}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;}
  
  
.phrase, .format {
	display: flex;
	flex-wrap: wrap;
  margin-left: 30px;
  margin-bottom:15px;
} 

.phrase input, .format input {
  height: 40px;
  border-radius: .25rem;
  border: 1px solid #ced4da;
  margin-right:5px;
}

.phrase i, .format i {
line-height: 36px;
	  padding-left: 10px;
	  padding-right: 10px;
	 /* border: 1px solid #9a9a9a;*/
	  border-radius: .25rem;
	  background: #ca2222;
	  color: #fff;
	  margin-right: 5px;
	  height: 40px;
	  margin-bottom:3px;
} 
  
#filter-operators, #filter-equals, #format-operators, #format-equals  {
	display:none;
}

.change-op {
	position: absolute;
	border: 1px solid #aeaeae;
	border-radius: 30px;
	padding: 0 5px;
	/*margin: 8px 0 0 -3px;*/
	margin: -3px 0 0 20px;
	cursor:pointer;
	height: 23px;
}
.filter-op, .format-op {
	display:inline-block;
	/*width:143px;*/
	width: 90px;
	margin-right:5px;
}
.change-type {
	border: 1px solid #aeaeae;
	border-radius: 30px;
	padding: 0 5px;
	margin-left: 5px;
	cursor:pointer;
	height:23px;
	margin-top: 9px;
}

.phrase .switch, .format .switch {
	margin-bottom:0;
	cursor:pointer;
	margin-right: 5px;
	margin-top:3px;
}

.selected {
	background: #9A9A9A;
	color:#fff;
}

.fields .btn {
	margin-right:3px;
	margin-bottom:3px;
}

.filter-add, .filter-remove, .format-add, .format-remove {
	border-radius: 100px;
	width: 39px;
	height: 39px;
	margin-left:3px;
}

.filter-add span, .filter-remove span, .format-add span, .format-remove span  {
	font-size: 20px;
	position: absolute;
	margin: -11px 10px -11px -10px;
}

.input-types {
	margin: 2px 0 0 18px;
}

.phrase-nr, .format-nr {
	position: absolute;
	font-size: 30px;
}

.active-filter form, .active-format form {
	display:none;
}

.filter-active-remove, .format-active-remove  {
	padding: 2px 3px;
	line-height: 15px;
	margin-left:10px;
}

#filter, #format, #hromadne_sms {
	padding: 15px;
	border: 1px solid #dee2e6;
	border-radius: .25rem;
	margin-bottom:15px;
}

.fields {
	margin-bottom:30px;
	padding:4px;
	border: 1px solid #FFFFFF;
    border-radius: .25rem;
}

.open-more {
display: inline-block;
  padding: 7px 5px;
  border: 0;
  border-top-left-radius: .25rem;
  border-bottom-left-radius: 0.25rem;
}

.open-head {
	cursor: pointer;
	background: #EAEAEA;
  padding: 8px 9px 9px 3px;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; 
  font-weight: 300;
}
.open-head:hover {
background:#D0D0D7;
}

td[data-name="produkt"] {
	
	white-space:nowrap;    
}

#format div:has(> select) {
	margin-right:5px;
}

#format select {
	height:40px;
}

#hexa-colorpicker {
	width:90px;
}
.focus {
	border: 1px solid red!important;
	border-radius: .25rem;
}

.table td {
	padding:0.9rem;
}

.active-format div > span {
	padding:5px;
}

.active-format > div {
	line-height:35px;;
}

.filter-trigger, .format-trigger {
	margin-bottom: 25px;
}

#page-header-user-dropdown span {
	color:#000;
}

#modalNapovedaPodmineneFormatovani .modal-dialog, #modalNapovedaFiltrovani .modal-dialog {
	max-width:90%;
}

#modalNapovedaPodmineneFormatovani .modal-body, #modalNapovedaFiltrovani .modal-body {
	overflow:auto;
}

.betweenrows {
	position: absolute;
	scale: 0.6;
	margin: -35px 0 0 -30px;
}

.bracket {
	font-size:55px;
	margin-top:-25px;
}
.bracket-left{
	margin-right:5px;
}

.bold {
	font-weight:bold;
}

.pop-detail .modal-dialog {
	max-width:1200px;
}

.pop-detail .modal-header h3 {
	font-weight:bold;
	font-size:14px;
	font-family: "Nunito",sans-serif;
	line-height:20px;
	margin-right:15px;
}

.modal-p-list p {
	margin-bottom:0;
}

.leftmenu-img img {
	max-width:19px;
	border-radius: 5px;
	margin-right: 5px;
}

#modalSms input[name="number"] {
	margin-bottom:10px;
}

#modalSms input[name="message"] {
	width:100%;
	margin-bottom:10px;
}

span.priznak {
	padding:0 4px;
}

td[data-name="priznaky"] span {
	cursor:pointer;
}

/* Skrývání buttonů  když DISTINCT */
.distinct .sms, .distinct .ulozit, .distinct .open-more.emaily, .distinct .open-head.emaily {
	display:none;
}

.buttons-next-select {
	padding-top:28px;
}

#modalSablony textarea {
    display:none;
}
button[data-format="multi"] {
	background-color:#4D5359;
}
button[data-format="multi"]:hover {
	background-color:#3D4247;
}
button[data-type="block"] {
	background-color:#26292C;
}
button[data-type="block"]:hover {
	background-color:#1A1C1E;
}

.datepicker-dropdown {
	z-index:10000!important;
}

fieldset legend{
	margin-left:10px;
	margin-bottom:15px;
	margin-top:10px;
	font-size:1.1rem;
}
.odebrat-podminku label, .pridat-podminku label {
	display:block;
}

.druha-podminka-div {
	width: 100%;
  height: 100%;
  text-align: center;
  color: #3F87FD;
  text-transform: uppercase;
  font-size: 1.5rem;
  padding-top: 15px;
}

.sorting_asc, .sorting_desc {
	text-decoration:underline;
}

td[data-name="zprava_pro_prijemce"], th[data-name="zprava_pro_prijemce"] {
	
	max-width:300px;
}

td[data-name="zprava_pro_prijemce"] {
	white-space:wrap!important;
}

.dashboard {
	border:1px solid #dee2e6;
	border-radius:20px;
	padding:15px;
}

.head-dashboard {
	margin-bottom:10px;
}

.head-dashboard p {
	margin-bottom:0.1rem;
	display:inline-block;
	margin-left:15px;
}

.head-dashboard p:first-of-type {
	margin-top:10px;
}

.dashboard img {
	vertical-align:top;
	float:left;
}

.head-dashboard span {
	display:inline-block;
	width:60px;
}

.truncate {
	display:none;
	background:transparent;
}

td[data-name="poznamka"]:hover > .truncate {
display: inline-block;
  white-space: wrap;
  width:350px;
  position: relative;
  background: #fff;
}
td[data-name="poznamka"]:hover > span {
display: none!important;
}

.body-dashboard span {
	font-size:15px;
	font-weight:300;
}

.body-dashboard i::before {
margin-top: -13px;
  margin-left: 1px;
}

.body-dashboard i {
font-size: 22px;
  color: #fff;
  padding: 3px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  display: inline-block;
}

.i-1 i {
	background-color:#404040;
}
.i-2 i {
	background-color:#7BC8A4;
}
.i-3 i {
	background-color:#F16745;
}
.i-4 i {
	background-color:#FFC65D;
}
.i-5 i {
	background-color:#4CC3D9;
}
.i-6 i {
	background-color:#93648D;
}

.body-dashboard span span {
text-transform: uppercase;
  position: absolute;
  margin-top: 5px;
  margin-left: 5px;
}

.body-dashboard div {
	padding:5px 10px;
}

.body-dashboard .center {
	text-align:center;
	 text-transform: uppercase;
	 font-size:20px;
	 font-weight:300;
}

#kontrolaPredOdeslanimLabel {
	padding:6px;
}

.preview {
	display:none;
}

#modalNahled .modal-body .preview {
	display:block;
}

pre {
margin: 0 12px;
  padding: 15px;
  border-radius: 5px;
  background: #F0F0F0;
  width: 100%;
}

.log button.log-smazat {
	margin-left:12px;
	margin-top:20px;
}

.datatable {
	width:100%!important;
}

table.nowrap td {
	white-space: nowrap;
}

table.nowrap th {

	white-space: nowrap;
}

.table_length {
	width:60px;
}
.table_search {
	width:150px;
}

.col-70w {
	width:70%;
	display:inline-block;
	text-align:left;
}
.col-30w {
	width:30%;
	display:inline;
}
.navbar-header .d-inline-block {
	float:right;
}

.navbar-brand-box .logo img {
	height:55px;
	width:100.867px;
}

#modalUlozit label[for] {
	font-weight:bold;
	font-size:105%;
}

#modalUlozit .form-group {
	margin-bottom:0.5rem;
}

#modalUlozit .custom-checkbox {
	margin-right: 0;
  padding-top: 4px;
}

th[data-name="kupon_nazev"], th[data-name="kupon_sleva"], th[data-name="kupon_doprava_zdarma"], td[data-name="kupon_nazev"], td[data-name="kupon_sleva"], td[data-name="kupon_doprava_zdarma"]  {

}
.anchor div{
  position: relative;
  writing-mode: vertical-lr;
  color: #fff;
  padding-top: 5px;
  border-top-right-radius: 5px;
 /*background: red; */
  width: inherit;
  height: inherit;
}
.anchor div div {
	padding:1px;
	margin-left: -4px;
	background: transparent;
	font-size:13px;
}
.anchor {
padding: 0 !important;
  width: 15px;
  overflow: visible;
  border: 0;
  /*background: red;*/
  height: inherit;
  cursor: pointer;
}


thead .anchor {
  border-top: 1px solid #DEE2E6;
  margin-top: -1px;
  display:table-cell;
  background:red;
}

tbody .anchor {
	background:red;
	 display:table-cell;
}

thead .anchor div div {
	position:absolute;
}

thead {
	background:#565656;
}

.datatable th, .modal-header {
	background:#565656;
	color:#fff;
}

.close {
	opacity:0.9;
}

.modal-header h5 {
	font-size:1rem;
	color:#fff;
}

.opravneni #form-ulozit {
	display:none!important;
}

.anchor.stav-skupina:hover ~ .stav-skupina {
	background:#565656;
}

.opravneni thead {
	color:#fff;
}

.opravneni .table th, .table td {
	border-top:0;
}

.opravneni .table thead th {
	border-bottom:0;
}

.opravneni .table thead tr:first-child th {
    padding-bottom:0;
}

.metismenu li {

  padding: 1px 5px;	
}

#sidebar-menu ul li a {
padding: .5rem .5rem;

  background: #F3F3F3;  
  border-radius: 8px;
  color:#000;
}

.menu-title {
	margin-left:20px;
	font-size:12px;
}

#sidebar-menu ul li a.active {
	background: #565656;
}

#sidebar-menu ul li a.active span {
	color:#fff;
	font-weight:bold;
}

li a.active i {
	color:#fff;
}

.sub-menu a {
	margin-top:.13rem;
	margin-left:5px;
}

.sub-menu a.active {
	color:#fff!important;
}

#sidebar-menu ul li:has(> ul a.active) a.has-arrow {
	background: #565656;
}

#sidebar-menu ul li:has(> ul a.active) a.has-arrow i, #sidebar-menu ul li:has(> ul a.active) a.has-arrow span  {
	color:#fff;
}

#sidebar-menu ul li:has(> ul a.active) a.has-arrow::after {
	color:#fff;
}

.func-buttons {
	display:inline-block;
}

.public-form {
	padding:10px;
}