.borderbotright{
	border-right: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
}

.borderbotonly{
	border-bottom: 1px dotted #cccccc;
}

.borderrightonly{
	border-right: 1px dotted #cccccc;
}

.smalllabel{
	font-size: 9px;
	font-weight: 400;
	color: #a2a1a1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.largecontent{
	font-size: 12px;
	color: #000000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

}

/*.blurrytext{
	color: transparent;
   text-shadow: 0 0 5px rgba(0,0,0,0.5);
}*/

.greenbadge{
	background-color: darkgreen;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	color: #ffffff;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.greenbadgesmall{
	background-color: darkgreen;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 600;
	color: #ffffff;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
}


.orangebadge{
	background-color: orange;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	color: #ffffff;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.redbadge{
	background-color: darkred;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	color: #ffffff;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}


.leadrowheight{
	height: 25px;
}

.leadactive{
	background-color: #fefefe;
}

.leadactiveNew{
	background-color: #CCCCCC;
}

.mt10px{
	margin-top: 10px !important;
}

.mb0px{
	margin-bottom: 0px !important;
}

.mb10px{
	margin-bottom: 10px !important;
}


.mg-l-15{
	margin-left: 15px;
	} 

.mg-t-5{
	margin-top: 5px;
}




.card-hotlead{
	border-left: 26px solid #dd0c0c;

}

.card-warmlead{
	border-left: 26px solid #dbb134;

}

.card-coldlead{
	border-left: 26px solid #bfd5c0;

}



.tx-11{
	font-size: 11px;
}


.pd-b-20{
	padding-bottom: 20px;
}

.pd-l-10{
	padding-left: 10px;
}

.smalllabel11{
	font-size: 10px;
	color: #cccccc !important;
}


/*Color variables*/
/*gradient variables*/
/*border variables*/
/*gray variables*/
/*white variables*/
/*black variables*/
/*shadow variables*/
/* ###### 3.11 Pagination ###### */
.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: 0;
}

.page-item+.page-item {
    margin-left: 1px;
}

.page-item.active .page-link {
    background-color: #3858f9;
}

.page-link {
    color: #817ba7;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 38px;
    border-width: 0;
    background-color: #dedcfb;
    margin-left: 0;
    font-weight: 500;
    color: #333333 !important;
}

.page-link i {
    font-size: 18px;
    line-height: 0;
    color: #333333;
}

.page-link:hover,
.page-link:focus {
    color: #5e597d;
    background-color: #bbb8e2;
}

.pagination-dark .page-item.active .page-link {
    background-color: #3858f9;
    color: #fff;
}

.pagination-dark .page-link {
    font-weight: 400;
    background-color: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.8);
}

.pagination-dark .page-link:hover,
.pagination-dark .page-link:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.08);
}

.pagination-primary .page-item.active .page-link {
    background-color: #3858f9;
}

.pagination-success .page-item.active .page-link {
    background-color: #0ba360;
}

.pagination-circled .page-item+.page-item {
    margin-left: 5px;
}

.pagination-circled .page-item:first-child .page-link,
.pagination-circled .page-item:last-child .page-link {
    border-radius: 100%;
}

.pagination-circled .page-link {
    padding: 0;
    width: 40px;
    border-radius: 100%;
}


.meetinggreybox{
	position: relative;
background: #f9f9f9;
padding: 16px;
padding: 1rem;
border-radius: 4px;
}

.meetinggreybox::before{
	content: '';
position: absolute;
top: 50%;
left: -10px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #f9f9f9;
transform: translate3d(0, -50%, 0);
}

.meetingtimetext{
	color: #ccc;
font-size: 22.4px;
font-size: 1.4rem;
font-weight: 700;
margin: 0;
white-space: nowrap;
}

.meetingdatetext{
	font-size: 12px;
color: #CCC;
}

.bg-success {
    background-color: #0ba360 !important;
    color: #FFFFFF !important;
}

.bg-black-1 {
    background-color: rgba(0, 0, 0, 0.1);
}

.rounded-5 {
    border-radius: 5px;
}

.pd-sm-t-5 {
    padding-top: 5px;
}
.pd-sm-r-5 {
    padding-right: 5px;
}
.pd-sm-b-5 {
    padding-bottom: 5px;
}
.pd-sm-l-15 {
    padding-left: 15px;
}

.leftcardverticaltext{
	transform: rotate(-90deg);
	-webkit-transform-origin: left;
	transform-origin: left;
	position: absolute;
	top: 75px;
	left: -15px;
	color: #4d4a4a; 
	font-size:11px; 
	letter-spacing:0.5px;
	text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 80px;
}

.unselectable
{
-moz-user-select:none;
-webkit-user-select:none;
cursor: default;
}
html
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}





#ChartistCSSAnimation .ct-series.ct-series-a .ct-line {
				fill: none;
				stroke-width: 4px;
				stroke-dasharray: 5px;
				-webkit-animation: dashoffset 1s linear infinite;
				-moz-animation: dashoffset 1s linear infinite;
				animation: dashoffset 1s linear infinite;
			}

			#ChartistCSSAnimation .ct-series.ct-series-b .ct-point {
				-webkit-animation: bouncing-stroke 0.5s ease infinite;
				-moz-animation: bouncing-stroke 0.5s ease infinite;
				animation: bouncing-stroke 0.5s ease infinite;
			}

			#ChartistCSSAnimation .ct-series.ct-series-b .ct-line {
				fill: none;
				stroke-width: 3px;
			}

			#ChartistCSSAnimation .ct-series.ct-series-c .ct-point {
				-webkit-animation: exploding-stroke 1s ease-out infinite;
				-moz-animation: exploding-stroke 1s ease-out infinite;
				animation: exploding-stroke 1s ease-out infinite;
			}

			#ChartistCSSAnimation .ct-series.ct-series-c .ct-line {
				fill: none;
				stroke-width: 2px;
				stroke-dasharray: 40px 3px;
			}

			@-webkit-keyframes dashoffset {
				0% {
					stroke-dashoffset: 0px;
				}

				100% {
					stroke-dashoffset: -20px;
				};
			}

			@-moz-keyframes dashoffset {
				0% {
					stroke-dashoffset: 0px;
				}

				100% {
					stroke-dashoffset: -20px;
				};
			}

			@keyframes dashoffset {
				0% {
					stroke-dashoffset: 0px;
				}

				100% {
					stroke-dashoffset: -20px;
				};
			}

			@-webkit-keyframes bouncing-stroke {
				0% {
					stroke-width: 5px;
				}

				50% {
					stroke-width: 10px;
				}

				100% {
					stroke-width: 5px;
				};
			}

			@-moz-keyframes bouncing-stroke {
				0% {
					stroke-width: 5px;
				}

				50% {
					stroke-width: 10px;
				}

				100% {
					stroke-width: 5px;
				};
			}

			@keyframes bouncing-stroke {
				0% {
					stroke-width: 5px;
				}

				50% {
					stroke-width: 10px;
				}

				100% {
					stroke-width: 5px;
				};
			}

			@-webkit-keyframes exploding-stroke {
				0% {
					stroke-width: 2px;
					opacity: 1;
				}

				100% {
					stroke-width: 20px;
					opacity: 0;
				};
			}

			@-moz-keyframes exploding-stroke {
				0% {
					stroke-width: 2px;
					opacity: 1;
				}

				100% {
					stroke-width: 20px;
					opacity: 0;
				};
			}

			@keyframes exploding-stroke {
				0% {
					stroke-width: 2px;
					opacity: 1;
				}

				100% {
					stroke-width: 20px;
					opacity: 0;
				};
			}




			
#gallery{
    width:1160px;
    margin: 0 auto;
}
#image-list { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
}
#image-list li { 
    margin: 10px 20px 10px 0px; 
    display: inline-block;
}
#image-list li img{
    width: 150px;
    height: 95px;
}

#image-container{
    margin-bottom: 14px;
}

#txtresponse 
{
    padding: 10px 20px;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    display: none;
    border :#28a745 1px solid;
    color:#28a745;
   
}




.timelapsedtext{color: #FF0000;
font-size: 9px;}