.annt-bubble-parent img{
	height:24px;
	width:24px;
	object-fit: cover;
}

.attn-btn-container{
	position:relative;
	display:flex;
}
.attn-btn{
	
	height:24px;
	width:24px;
	margin: 0;
	padding:0;
	border: 0;
	background-color: transparent;
	z-index: 1;
}

.attn-popup{
	position:absolute;
	height:200px;
	width:200px;
	bottom: 100%;
	left: 50%;
	background-color: white;
	box-shadow: 2px 2px 10px 0 #EFEFEF;
	border-radius: 10px;
	transform: translate(-50%, 0);
	z-index: 2;
}
.attn-popup-individual{
	position:absolute;
}

.attn-popup-individual-box{
	position:absolute;
	background-color: white;
	box-shadow: 2px 2px 10px 0 #EFEFEF;
	border-radius: 10px;
	z-index: 2;
	transform: translate(-50%, 0);
}

.attn-left{
	position: absolute;
	left: -15px;
}

.attn-right{
	position: absolute;
	right: -15px;
}

.active .attn-left.enable,
.active .attn-right.enable{
	display: block !important;
}

.attn-divider{
	margin: 2px 0;
}

.attn-head{
	margin: 5px 10px;
	font-weight: bold;
}

.attn-head .news-type{
	padding-top: 2px;
}

.attn-body{
	padding: 0 10px;
}

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

.attn-body-table{
	width: 100%;
}

.div-calendar{
	width: 100%;
	border: 0;
	background-color: rgb(35,131,243);
	border-radius: 5px;
	margin: 5px 0 10px;
	color: white;
	white-space: nowrap;
	font-size: 13px;
	display: flex;
	align-items: center;
	padding-top: 3px;
    padding-bottom: 3px;
    justify-content: center;
}

.attn-grey-text{
	color: #434343;
	padding-right: 15px;
}

.attn-blue-text{
	color: rgb(35,131,243);
}

.attn-content-text-size{
	font-size: 12px;
}

.close-attn-popup{
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCQ0KCQk8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM2NjY2NjYiIHN0cm9rZS13aWR0aD0iNi4wMjUyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI3Ni41ODkiIHkxPSIyMy40MTIiIHgyPSIyMy40MTEiIHkyPSI3Ni41ODgiLz4NCgkNCgkJPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjY2NjY2IiBzdHJva2Utd2lkdGg9IjYuMDI1MiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iNzYuNTg5IiB5MT0iNzYuNTg4IiB4Mj0iMjMuNDExIiB5Mj0iMjMuNDEyIi8+DQo8L2c+DQo8L3N2Zz4NCg==');	
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	background-color: transparent;
	border: 0;
}

.d-flex
{
	display: flex;
}

.align-items-center{
	align-items: center;
}

.justify-content-between{
	justify-content: space-between;
}

.attn-popup-individual-box tbody tr td {
	text-align: left !important;
	padding-top: 4px;
	padding-bottom: 4px;
}

@media only screen and (min-width: 1250px) {
  	#div_modal .modal-lg {
   		min-width: 1230px;
	}
}

#div_modal .modal-content {
	height: 90vh;
	width: 100%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#div_modal .modal-header {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
}

#div_modal .modal-header:after, #div_modal .modal-header:before {
	clear: both;
    display: table;
    content: " ";
}

#div_modal .modal-body {
    position: relative;
    height: 100%;
    padding: unset;
}

#div_modal .modal-backdrop {
   	background-color: transparent;
}

#div_modal .close {
	position: relative;
    font-size: xx-large;
}

#div_modal iframe {
	border: 0;
	border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

#div_modal .modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2));
}

@media (min-width: 576px) {
	#div_modal .modal-dialog-centered {
    	min-height: calc(100% - (1.75rem * 2));
	}
}

/* scrollbar width */
.custom-scrollbar-css::-webkit-scrollbar {
  width: 3px;
  height: 5px;
}

/* scrollbar track */
.custom-scrollbar-css::-webkit-scrollbar-track {
  background-color: rgb(238, 238, 238, 0.5);
}

/* scrollbar track mouseover*/
.custom-scrollbar-css::-webkit-scrollbar-track:hover {
  background-color: rgb(238, 238, 238, 1.0);
}

/* scrollbar handle */
.custom-scrollbar-css::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  background-color: rgb(94, 94, 94, 0.2);
/*   background-image: linear-gradient(to top, #5e5e5e 10%, #5e5e5e 10%); */
}

/* scrollbar handle mouseover */
.custom-scrollbar-css::-webkit-scrollbar-thumb:hover {
  border-radius: 1rem;
  background-color: rgb(94, 94, 94, 1.0);
/*   background-image: linear-gradient(to top, #5e5e5e 10%, #5e5e5e 10%); */
}