/* Add here all your CSS customizations */
.max-lines-3 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.max-lines-4 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.max-lines-5 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.flag-list {
    padding-left: 0rem;
	list-style-type:none;
}

.no-padding {
	padding:0px;
}

.ui-sortable tr {
	cursor:pointer;
}
		
.ui-sortable tr:hover {
	background:rgba(244,251,17,0.45);
}

.no-position {
	background-color: #FFC107 !important;
}

.product-preview-static{
	width: 75px !important;
}

.card-header {
    padding: 12px;
}


.dc-chart g.row text {
    font:  200 12px "Poppins", Arial, sans-serif;
}

 .dc-data-count .filter-count, .dc-data-count .total-count {
    color: #439A97 ;
    font-weight: normal; 
}

.dc-data-count {
    float: left;
    margin-top: 0px;
    margin-right: 0px;
}

.leaflet-pane {
    z-index: 10 !important;
}

.form-check-input:checked {
    background-color: #439A97;
    border-color: #439A97;
}

.form-check-input:focus {
    border-color: #ccc;
    outline: 0;
    box-shadow: 0 0 0 0.125rem rgba(128, 128, 128, 0.25);
}

.uneditable-input {
    width: calc(calc(100%) - calc(2*37px) - calc(2*1px));
}

.pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #439A97;
}


.logo-list-item {
	max-height:85px !important;	
	background-color: #fff0;	
	padding: 0.25rem;
	border: 2px solid var(--bs-border-color);
	border-radius: 0.375rem;
}


.flag-list-item {
	height:45px !important;	
	background-color: #fff0;	
	padding: 0.25rem;
	border: 2px solid var(--bs-border-color);
	border-radius: 0.375rem;
}

.flag-bullet-item {
	height:20px !important;	
	background-color: #fff0;	
	padding: 0.25rem;
	border: 0px solid var(--bs-border-color);
	border-radius: 0.25rem;
}

.promotion-list-item {
	background-color: #fff0;	
	padding: 0.25rem;
	border: 2px solid var(--bs-border-color);
	border-radius: 0.375rem;
}

.background-list-item {
	height:85px !important;	
	background-color: #fff0;	
	border: 2px solid var(--bs-border-color);
}

.preview-container {
	background-color: #f9f9f9;
}

#preview-image {
	max-width:90%;
	border: 2px solid var(--bs-border-color);
}

.preview-image {
	max-width:90%;
	border: 2px solid var(--bs-border-color);
}

.logo {	
	background-color: #fff0;
	
	padding: 0.05rem;
	border: 0px solid var(--bs-border-color);
	border-radius: 0.075rem;
}

.landing-preview{
	height: 240px;
	width: 125px;
	margin: auto;
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: center;
    background-blend-mode: darken;
	border: 2px solid var(--bs-border-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.landing-preview > * .row {
    --bs-gutter-x: 0.75rem;
}

.landing-preview-static{
	height: 144px !important;
	width: 75px !important;
}

.btn.btn-xxs {
    font-size: 0.2rem;	
    padding: 0.035rem 0.035rem;	
}


.landing-preview-static > * .btn.btn-xxs{
    font-size: 0.16rem !important;	
    padding: 0.02rem 0.02rem !important;	
}

.landing-preview-static > * .row {
    --bs-gutter-x: 0.5rem;
}

.chat-preview-container {
	/*background-image: url("../img/chat-background.png");
    background-color: hsl(0deg 0% 90.2%);
    transition: background-color 300ms;*/
	background-image: url("../img/chat-background.jpg");
	max-height: 500px;
	flex: 1;
	overflow-y: auto;
}

.email-preview-container {
	background-color: #d3e3fd;
	max-height: 500px;
	flex: 1;
	overflow-y: auto;
}

.chat__message, .email__message {
    font-size: 10px;
    padding: 7px !important;
    margin-top: 10px !important;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #ffffff;
    word-wrap: break-word;
	text-align: left;
}

.chat__reciever {
    background-color: #dcf8c6;
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;
}

.chat__reciever__error {
    background-color: #dc3545 !important;
	color: #ffffff;
}

.chat__sender {
    border-top-left-radius: 0px;
    border-top-right-radius: 10px;

}

.chat__button {
    font-size: 10px;
    padding: 2px !important;
    margin-top: 2px !important;
    border-radius: 10px;
    background-color: #ffffff;
    word-wrap: break-word;
	text-align: center;
	color: #009de2;

}

.qr-preview{
	height: 100px;
	width: 100px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}