.card{
	margin-left: 5px;
}
.profile-card{
    padding: 0.5em 0.5em;
    align-items: center;
    margin: 5px 5px 5px 0px;
    float:left;
    min-width: 19% !important;
    align-items: center; 
    border-radius: 5px !important;
    height:70px !important;
    display:table !important;
}
.sidebar .nav .nav-item .nav-link {
	padding: 5px 35px 5px 35px !important;
}
.contractNumbers{
    list-style: none;
    cursor: pointer;
    border: 1px solid #9391912b;
    padding: 0em;
    max-height: 200px;
    overflow-y: auto ;
}
.adminLink{
	display:none;
}
.table-responsive{
	max-height:500px;
}
.close-criteria-button {
    background-color: red;
    color: white;
    padding: 11px;
    margin-right: 10px;
    margin-top: 10px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}
.load-criteria-button {
    background-color: green;
    color: white;
    padding: 11px;
    margin-right: 10px;
    margin-top: 10px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}
.center-elements{
	display:table;
	margin:auto;
}
.input-date-criteria {
    height: 40px;
    border-radius: 4px;
    width: 200px;
    padding: 5px;
}
.criteria {
    background: white;
    display: table;
    margin: auto;
    padding: 25px;
    border-radius: 10px;
    top: 100px;
}
.contractNumbers li{
    padding: 1em;
}
.contractNumbers li:nth-child(even) {
    background-color: darkgrey;
    color: white;
}
.center-items{
    display: table;
    margin: auto;
}

.bg-bronze{
    background-color: #AD8A56 !important;
    color:white !important;
}

.bg-silver{
    background-color: #B4B4B4 !important;
    color:black !important;
}

.bg-platinum{
    background-color: #D7D7D7 !important;
    color:black !important;
}

.bg-gold{
    background-color: #AF9500 !important;
    color:white !important;
}

.bg-vip{
    background-color: #380ef7 !important;
    color:white !important;
}
.nav-link{
    cursor:pointer;
}
.main-panel{
	
}
.sidebar{

}
.home-tab .tab-content {
    padding: 0px 0 !important;
}
.home-tab .statistics-details {
    margin-bottom: 10px !important;
}
.navbar-dark .welcome-text {
    color: white !important;
}
.navbar-warning .welcome-text {
    color: white !important;
}
.navbar-danger .welcome-text {
    color: white !important;
}
.navbar-success .welcome-text {
    color: white !important;
}
/** chat bubble ui **/
.bubble_body {
				background-color:#a5f7c3;
				border-color:green;
				border-radius:10px;
				border-style:solid;
				margin-left:auto;
				margin-right:auto;
				padding:5px;
				position:relative;
				text-align:center;
				width:350px;
			}
			.bubble_body_left {
				background-color:#a5f7c3;
				border-color:green;
				border-radius:10px;
				border-style:solid;
				margin-left:auto;
				margin-right:auto;
				padding:5px;
				position:relative;
				text-align:center;
				width:450px;
			}
			.bubble_body_right {
				background-color:grey;
				border-color:grey;
				border-radius:10px;
				border-style:solid;
				margin-left:auto;
				margin-right:auto;
				padding:5px;
				position:relative;
				text-align:center;
				width:450px;
			}
			.left_triangle {
				border-color:#a5f7c3 transparent transparent transparent;
  				border-style:solid;
  				border-width:20px;
			 	height:0;
  				width:0;
  				position:absolute;
  				bottom:-40px;
  				left:30px;
			}
			.left_triangle_border {
				border-color:green transparent transparent transparent;
  				border-style:solid;
 				border-width:24px;
  				height:0;
  				width:0;
  				position:absolute;
  				bottom:-48px;
  				left:26px;
			}
			.middle_triangle {
				border-color:#a5f7c3 transparent transparent transparent;
  				border-style:solid;
  				border-width:20px;
			 	height:0;
  				width:0;
  				position:absolute;
  				bottom:-40px;
  				left:105px;
			}
			.middle_triangle_border {
				border-color:green transparent transparent transparent;
  				border-style:solid;
  				border-width:24px;
			 	height:0;
  				width:0;
  				position:absolute;
  				bottom:-48px;
  				left:101px;
			}
			.right_triangle {
				border-color:grey transparent transparent transparent;
  				border-style:solid;
  				border-width:20px;
			 	height:0;
  				width:0;
  				position:absolute;
  				bottom:-40px;
  				right:30px;
			}
			.right_triangle_border {
				border-color:grey transparent transparent transparent;
  				border-style:solid;
 				border-width:24px;
  				height:0;
  				width:0;
  				position:absolute;
  				bottom:-48px;
  				right:26px;
			}
			.left_side_triangle {
				border-color: transparent #a5f7c3 transparent transparent;
  				border-style:solid;
  				border-width:6px;
			 	height:0;
  				width:0;
  				position:absolute;
  				top:8px;
  				left:-12px;
			}
			.left_side_triangle_border {
				border-color:transparent green transparent transparent;
  				border-style:solid;
 				border-width:10px;
  				height:0;
  				width:0;
  				position:absolute;
  				top:4px;
  				left:-20px;
			}
			.right_side_triangle {
				border-color: transparent transparent transparent grey;
  				border-style:solid;
  				border-width:6px;
			 	height:0;
  				width:0;
  				position:absolute;
  				top:8px;
  				right:-12px;
			}
			.right_side_triangle_border {
				border-color:transparent transparent transparent grey;
  				border-style:solid;
 				border-width:10px;
  				height:0;
  				width:0;
  				position:absolute;
  				top:4px;
  				right:-20px;
			}
			
			.overlay-div {
			  position: fixed;
			  display: none;
			  width: 100%;
			  height: 100%;
			  top: 0;
			  left: 0;
			  right: 0;
			  bottom: 0;
			  background-color: rgba(0,0,0,0.5);
			  z-index: 10000;
			  cursor: pointer;
			}

.inner-overlay-div{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 14px;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
      background-color: white;
    color: black;
    padding: 33px;
    border-radius: 7px;
}
.underline-item {
    text-decoration: underline;
    text-decoration-color: blue;
    cursor: pointer;
}

.customer {
    float: left;
    padding: 0px 10px;
}
.agent {
    float: left;
    padding: 0px 10px;
}
.center-img{
	display:table;
	margin:auto;
	}
	.traverseElement{
		float:left;
		text-align: center;
		width:100px;
	}
	.imageTraverse{
		width:100% !important;
	}
	.traverseElement span {
    font-size: 11px;
    color: green;
}
.customer img {
    width: 100px !important;
    height: 100px !important;
}
.agent img {
    width: 100px !important;
    height: 100px !important;
}
#labelContractsDropdown{
word-wrap: break-word;
    display: block;
    overflow: hidden;}