.card-footer {
	padding:0.25rem;
}

.oppBlock {
    min-height: 300px;
    padding: 10px;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    position: relative;
}

.opportunity {
    margin-bottom: 10px;
}

.oppBlock.placeholder {
    border: 2px dashed #007bff;
    background-color: #e9ecef;
}


.search-box{
	position:relative;
	font-size: 14px;
}
.result{
	position: absolute;        
	z-index: 999;
	top: 100%;
	left: 0;
}
.search-box input[type="text"], .result{
	width: 100%;
	box-sizing: border-box;
}

.result p{
	margin: 0;
	padding: 7px 10px;
	border: 1px solid #CCCCCC;
	border-top: none;
	cursor: pointer;
	background: #FFF;
}
.result p:hover{
	background: #f2f2f2;
}
.hide {
	display:none;
}

table.no-border td, table.no-border th {border:0!important;vertical-align:middle;} 

.date-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.date-divider::before,
.date-divider::after {
    content: "";
    flex-grow: 1;
    background: #ccc;
    height: 1px;
    margin: 0 15px;
}

.date-divider span {
    white-space: nowrap;
    color: #333; 
	font-weight:bold;
}

.logs .avatar {
	width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
	border-radius:5px;
    text-align: center;
	color:#FFF;
}

.logs .col-left {
	display: flex;
    justify-content: center;
	padding-left:1rem;
	width:55px;
	padding-top:5px;
}

.logs .col-right {
	padding-left:10px;
	padding-right:10px;
}

.logs .desc {
	font-size:0.9rem;
}

.logs .desc .povodny_stav {color:#999999;font-weight:700}
.logs .desc .novy_stav {color:#0180A5;font-weight:700}
.logs .time {font-size: 0.8rem;color: #666;font-style: italic;}

div.avatar {
    display: inline-block;
    border: 1px solid transparent;
	border-radius:5px;
    text-align: center;
	font-size:15px;
	padding:1px 3px;
	color:#FFF;
}

.ribbon {top:0!important;right:0!important;}
.kanban-ribbon {min-height:65px}

.menu-sm a {font-size:0.9rem;}

.row-bordered {position:relative;}
.row-bordered::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 20px; 
  right: 20px;
  border-bottom: 1px dashed #333;
}
.row-bordered:last-child::after  {border-bottom: none;}
.logs .row {flex-wrap:nowrap;}

.planned-options a {
	font-size:0.9rem;
	color:#666;
	font-weight:bold;
}
a.planned-success:hover {color:#28a745!important;}
a.planned-info:hover {color:#17a2b8!important;}
a.planned-danger:hover {color:#dc3545!important}
.content-wrapper {margin-top:-8px!important;padding-top:5px}

.content-wrapper.kanban .card.card-row .card-body {height:auto;}
.kanban .card-header {border:0}
.kanban .card-body {border-bottom:1px solid rgba(0,0,0,.125)}
.card-outline {
	border-radius:0 0 0.25rem 0.25rem!important;
	border-top-width:8px!important;
}

.editor_popis p {margin:0;padding:0;}

#quillEditor .ql-editor {
	font-family: 'Source Sans Pro', sans-serif!important;
	font-size:1rem;
}

#tag-container {padding:5px 10px}
span.tag {display:inline-block;padding:3px 6px;border-radius:5px;font-size:0.8rem;margin:3px 5px;}
.cardBody {padding:0.25rem 0.75rem;}
.cardBody .sales {font-size:0.9rem;padding-top:8px;}


.tags-suggestions {z-index:1000!important;max-height:225px!important;overflow-y:scroll;overflow-x:hidden;}
.tags-suggestions .list-group-item {
	border:1px #DDD black!important;
	border-top:0!important;
	z-index:1000!important;
	padding:6px 12px;
}

.tags-suggestions .list-group-item:hover {
	cursor:pointer;
	background-color:#EEE;
}

.opp-additional .nav-pills .nav-link {
    background: none; 
    color: #000;
    border: 1px solid transparent; 
    margin-right: 5px; 
    transition: background-color 0.3s, color 0.3s; 
}

.opp-additional .nav-pills .nav-link.active {
    color: #fff; 
    border: 1px solid transparent;
}

.opp-additional .nav-pills .nav-link.active#pill-zaznamy {
    background-color: #ffc107;
	color:#222;
}
.opp-additional .nav-pills .nav-link.active#pill-planovane {
    background-color: #28a745;
}

.opp-additional .nav-pills .nav-link.active#pill-historia {
    background-color: #dc3545; 
}

.oppBlock .card-body {
	min-height:88%;
}

.reminder {
	text-align:left;
	font-size:0.9rem;
	font-weight:bold;
	padding-left:13px;
	padding-top:3px;
}

#opportunities div.avatar {min-width:30px;margin-right:5px}

#opportunities tfoot {
    display: table-header-group!important;
}
#opportunities tfoot th {
    border-bottom: 1px solid #ddd;
    padding: 5px;
}
#opportunities thead th {
    vertical-align: middle;
}
.dataTable td, .dataTable th {font-size:0.9rem!important;vertical-align:middle}

tr.success .status-border {
  border-left: 5px solid #28a745!important; 
}

tr.warning .status-border {
  border-left: 5px solid #ffc107!important; 
}

tr.danger .status-border {
  border-left: 5px solid #dc3545!important;
}

tr.default .status-border {
  border-left: 5px solid #FFF!important;
}

.status-border {
  padding-left: 10px!important; 
}

div#opportunities_wrapper * {font-size:0.9rem!important;}

.kanban {
	height:auto!important;
}

.content-wrapper.kanban .card.card-row .card-body {
	height:67.5vh;
}

.filter-title {
	float: left;
    font-size: 1rem;
    font-weight: 400;
    margin: 0;
}

.content-wrapper.kanban #filterCard .card-body {
	padding:1.25rem;
}

.bootstrap-switch-handle-on, .bootstrap-switch-handle-off {height:36px!important}


.searchedText {background-color:yellow}
.lockscreen-wrapper {max-width:500px!important}