.ort-cust-header-area {
	/*background-color: #437ddc;*/
	height: 89px;
	position: fixed;
	width: 100%;
	top: 0;
}

.ort-cust-header {
	width: 100%;
	height: 64px;
	display: flex;
	align-items: center;
	padding: 0 16px;
}

#guest-logo {
	max-height: 40px;
	max-width: 315px;
}

#guest-logo img {
	max-height: 40px;
	max-width: 315px;
	width: auto;
	height: auto;
	border-radius: 10px;
}

.body {
	font-family: verdana, arial;
}

.ort-btn {
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	font-size: 13px;
	font-weight: 600;
	border-radius: 4px;
	white-space: nowrap;
	gap: 4px;
}

.ort-btn svg {
	width: 16px;
}

.ort-btn-cancel svg {
	color: #707275;
}

.ort-btn-blue svg {
	color: #FFF;
}

.ort-btn:disabled {
	opacity: .7;
	cursor: not-allowed;
}

.ort-btn-blue {
	background: #3699ff;
	color: #FFF;
	border: none;
}

.ort-btn-cancel {
	background: #f9f9f9;
	color: #707275;
	border: 1px solid #e5e7eb;
}

.hg_100 {
	height: 100px;
}

.hg_60 {
	height: 60px;
}

.hg_80 {
	height: 80px;
}

.hg_200 {
	height: 200px;
}

.color-green {
	color: #8c8c8c;
}

.btn-allianz {
	background-color: #003781;
	color: white;
	border: 0px;
	padding: 10px;
	width: 30%;
}

.btn-allianz:hover {
	background: linear-gradient(to bottom, #ee7d40 0, #ee7d40 100%);
	background-color: #ee7d40;
}

.btn-widget {
	background: #181818 !important;
	border-radius: 24px !important;
	font-weight: 700 !important;
	color: #fff;
	border: 0 !important;
	padding: 10px;
	width: 30%;
	font-size: 14px !important;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}

#continue-button {
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	opacity: 0.9;
	border-radius: 9px;
	text-transform: uppercase;

}

.btn-widget:hover, .btn-widget:active, .btn-widget:focus,
#continue-button:hover, #continue-button:active, #continue-button:focus {
	opacity: 1;
	border: 0 !important;
	color: #437ddc  !important;
	outline: 0 !important;
}

.btn-widget i {
	font-size: 22px;
	color: #fff;
}

.btn-widget-cancel {
	border-radius: 24px !important;
	background: none !important;
	border: 2px solid #181818 !important;
	color: #181818 !important;
	font-weight: 700 !important;
	padding: 6px;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}

.btn-widget-cancel:hover {
	border-color: #ff6969 !important;
	color: #ff6969 !important;
}

.btn-widget-cancel:active, .btn-widget-cancel:focus {
	outline: 0 !important;
}

.green-bg em {
	font-style: normal;
}

.green-bg i {
	position: relative;
	top: 5px;
}

.btn-info:hover {
	background-color: #bfbfbf;
}

.btn-info:active {
	background-color: #bfbfbf !important;
}

.btn-info:focus {
	background-color: #bfbfbf !important;
}

.offer-detail-header {
	position: absolute;
	right: 100px;
	top: 15px;
}

.offer-detail-cart-icon {
	position: absolute;
	right: 80px;
}

.offer-detail-active-cart {
	position: relative;
	top: -15px;
	right: 10px;
	background-color: #f36f21;
	color: white;
	border-radius: 45%;
	text-align: center;
	padding: 3px 5px;
}

.offer-detail-active-compaint {
	position: relative;
	top: -15px;
	right: 10px;
	background-color: #f36f21;
	color: white;
	border-radius: 45%;
	text-align: center;
	padding: 3px 5px;
}

.mr-50 {
	margin-right: 50px;
}

.color-grey {
	color: gray;
}

.color-white {
	color: white;
}

.bt-delete {
	border-top: 0px solid !important;
}

.pad0 {
	padding: 0px 20px !important;
}

.offer-detail-products-boxes {
	width: 160px;
	color: white;
	height: 100px;
	padding: 25px 0px;
}

.offer-detail-bundle-box {
	width: 150px;
	background-color: #a6a6a6;
	color: white;
	left: 35px;
	right: 5px;
	text-align: center;
}

.bg-commitment {
	background-color: rgba(166, 166, 166, 0.88);
}

.bg-grey {
	background-color: grey;
}

.bg-product-box {
	background-color: rgba(191, 191, 191, 0.8);
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.bundle-shopping {
	float: right;
}

.header {
	border-top: 1px solid #fff;
	border-bottom: 2px solid #f1f1f1;
	background-color: #fcfcfc;
}

.select.form-control {
	padding-right: 5px;
	-webkit-appearance: menulist;
}

@media ( min-width : 769px) {
	.search-category {
		width: 100px !important;
		border: 3px solid #ccc;
	}
}

@media ( min-width : 1025px) {
	.search-input {
		width: 380px !important;
	}
}

.btn-info {
	background-color: #bfbfbf;
	color: white;
}

.blue-background {
	background-color: #bfbfbf;
}

.btn-offer-search {
	position: absolute;
	top: 0px;
	right: 15px;
}

.navbar-nav>li>a {
	color: #fff;
	border-right: 1px solid rgba(255, 255, 255, .3);
	border-left: 1px solid rgba(255, 255, 255, .3);
}

.nav>li>a:hover, .nav>li>a:focus {
	color: #bfbfbf;
	background-color: #fff;
}

.width-percent50 {
	width: 50%;
}

.w-full {
	width: 100%;
}

.d-inline {
	display: inline-block !important;
}

.font-size16 {
	font-size: 16px;
}

.font-size10 {
	font-size: 10px;
}

.font-size12 {
	font-size: 12px;
}

.font-size30 {
	font-size: 30px !important;
}

.owl-carousel-offer-page {
	border: 1px solid #e1e5ed !important;
	height: 60% !important;
	width: 60% !important;
}

.highcharts-container {
	height: auto !important;
}

.sidebar {
	z-index: -1;
}

.box0 {
	border-top: 3px solid #bfbfbf !important;
}

.box1 {
	border-top: 3px solid #8c8c8c !important;
}

.box2 {
	border-top: 3px solid rgba(115, 115, 115, 0.88) !important;
}

.box3 {
	border-top: 3px solid orange !important;
}

.opacity01 {
	opacity: 0.1;
}

.line-high15 {
	line-height: 15px;
}

.position-absolute {
	position: absolute;
}

.position-relative {
	position: relative;
}

.left150 {
	left: 150px;
}

.left125 {
	left: 125px;
}

.bg-bundle-charts {
	background-color: rgba(89, 89, 89, 0.78);
}

.font-weight600 {
	font-weight: 600;
}

.top128 {
	top: 128px;
}

.top130 {
	top: 130px;
}

.z-index9 {
	z-index: 9;
}

.left137 {
	left: 137px;
}

.left110 {
	left: 110px;
}

.left187 {
	left: 187px;
}

.p5 {
	padding: 5px;
}

.mtop-23 {
	margin-top: -23px;
}

.b-bottom0 {
	border-bottom: 0px !important;
}

.b-top0 {
	border-top: 0px !important;
}

.b-right3-white {
	border-right: 3px solid white;
}

.bg-color-expendutura-boxes {
	background-color: rgba(166, 166, 166, 0.67)
}

.bradius-per50 {
	border-radius: 50%;
}

.width-80 {
	width: 80px !important;
}

.d-block {
	display: block;
}

.top-55 {
	top: -55px;
}

.br-bottom-grey {
	border-bottom: 1px solid #eeeeee;
}

.ml25 {
	margin-left: -25px;
}

.overflow-auto {
	overflow: auto !important;
}

.height300 {
	height: 300px;
}

.footer {
	width: 100%;
	bottom: 0px;
	position: fixed;
	height: 60px;
	background-color: #fff;
	box-shadow: -2px 2px 17px 1px rgba(0, 0, 0, 0.75) !important;
	webkit-box-shadow: -3px 2px 17px 1px rgba(0, 0, 0, 0.75) !important;
	-moz-box-shadow: -3px 2px 17px 1px rgba(0, 0, 0, 0.75) !important;
}

.btn-allianz-visible {
	display: none;
}

@media screen and (max-width: 767px) {
	.space {
		height: auto;
	}
	.allianz-bimg {
		text-align: left !important;
	}
	.btn-allianz-visible {
		display: block !important;
		background-color: #595959;
		color: white;
		border: 0px;
		padding: 10px;
		width: 20%;
	}
}

@media screen and (max-width: 420px) {
	img {
		/* width: 100px; */
	}
}

.select-head {
	border: 1px solid lightgray;
	border-right: 5px solid #595959;
	height: 35px !important;
	border-radius: 5px;
	padding: 5px;
}

.width-200 {
	width: 200px !important;
}

.hg_50 {
	height: 50px;
}

.message-oper-icon {
	color: white;
	float: right;
	background-color: #d9d9d9;
	width: 40px;
	height: 40px;
	border-radius: 5px 0px 0px 5px;
	margin-top: -50px;
	padding: 6px;
	z-index: 1;
	position: relative;
	cursor: pointer;
}

.info-oper-icon {
	color: white;
	float: right;
	background-color: #d9d9d9;
	width: 40px;
	height: 40px;
	border-radius: 5px 0px 0px 5px;
	margin-top: -8px;
	padding: 6px;
	z-index: 1;
	position: relative;
	cursor: pointer;
}

.info-oper-icon:hover, .message-oper-icon:hover {
	background-color: #bfbfbf;
}

@media screen and (min-width: 585px) {
	.info-oper-icon {
		display: none !important;
	}
	.message-oper-icon {
		display: none !important;
	}
}

@media screen and (max-width: 308px) {
	nav h3 {
		width: 100px;
	}
}

.br-5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.shadow {
	-webkit-box-shadow: -3px 2px 17px -4px rgba(0, 0, 0, 0.75) !important;
	-moz-box-shadow: -3px 2px 17px -4px rgba(0, 0, 0, 0.75) !important;
	box-shadow: -3px 2px 17px -4px rgba(0, 0, 0, 0.75) !important;
}

.people-list {

}

#friend-local-search {

}

#friend-local-search .oper-result-list{
	position: absolute;
	z-index: 1;
	width: 90%;
}

#oper-search-result{
	height: auto;
	overflow: auto;
	background: #fff;
	padding: 0;
	border-radius: 4px;
}

#oper-search-result li{
	border-bottom:1px solid lightgray;
	cursor:pointer;
}

#friend-local-search .fa-search {
	position: relative;
	left: -25px;
}

#oper-search-result li:hover{
	background: lightgray;
	border-radius: 2px;
}

.people-list ul {
	padding:0px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
}

.people-list ul li {
	padding: 15px 5px;
	border-left: 3px solid #2074fe;
}

.people-list ul li:hover {
	background-color: #66666612;
	/* width: 300px; */
	color: rgba(0, 0, 0, 0.6);
}

.people-list .fa-user {
	float: left;
	border: 1px solid rgba(0, 0, 0, 0.6);
	padding: 10px 15px;
	border-radius: 50em;
}

.people-list .about {
	padding-left: 8px;
	float: left;
	margin-top: 0px;
}

.online, .offline, .me {
	margin-right: 3px;
	font-size: 10px;
}

.offline {
	color: #E38968;
}

.online {
	color: #86BB71;
}

.people-list ol, ul {
	list-style: none;
}

.list label {
	border-bottom: 3px solid rgba(13, 110, 167, 0.92)
}

.cursor-pointer {
	cursor: pointer;
}

.selected-user {
	background-color: #d9d9d9;
	width: 300px;
	padding: 10px;
	border-radius: 5px;
}

.add-user-btn {
	position: absolute;
	right: 17px;
}

.nav, .footer {
	position: fixed;
	width: 100%;
	left: 0px;
	z-index: 1;
}

.mt-100 {
	margin-top: 100px;
}

.table tr:hover {
	background-color: #d9d9d9;
	color: white;
}

.log img {
	background-color: #e2e6e8;
	position: absolute;
	right: 15px;
	top: 10px;
	border-radius: 10px;
	width: 40%;
}

#add-oper {
	position: absolute;
	left: 30px;
	top: 0px;
	background: whitesmoke;
	z-index: 1;
}

#add-oper button {
	width: 30% !important;
}

#add-oper button:hover {
	background: linear-gradient(to bottom, #ee7d40 0, #ee7d40 100%);
	background-color: #ee7d40;
}

.pr-270 {
	padding-right: 270px;
}

.right-panel {
	color: #fff;
	position: absolute;
	height: 100vh;
	width: 330px;
	top: 0;
	right: 0;
	z-index: 3;
	overflow-y: scroll;
}

.right340 {
	right: 340px !important;
}

.chat-panel-icon {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	padding: 3px;
	font-size: 23px;
	z-index: 2;
	font-weight: 900 !important;
}

.right310 {
	right: 310px !important;
}

.overflow-hidden {
	overflow: hidden;
}


#oper-chat {
	display: none;
	height: 99%;
	width:100%;
	position: absolute;
	left: 0;
}

.oper-chat-body .fa-close {
	position: absolute;
	right: 20px;
	top: -9px;
	font-size: 15px;
	z-index: 1;
}

.b-b-1 {
	border-bottom: 1px solid lightgray;
}

.oper-conversation {
	height: calc(100% - 128px) !important;
	overflow: auto;
	padding: 0px;
}

.oper-conversation ul {
	width: 100%;
	padding: 1px;
}

.oper-conversation ul .oper-from {/*	float: right;*/margin: 5px 0px;padding: 5px;}

.oper-conversation ul .oper-to {/* float: left; */margin: 5px 0px;padding: 5px;}

.oper-conversation ul li .oper-date {
	float: right;
	color: #696767;
	font-size: 8px;
	font-style: italic;
}

.oper-conversation ul .oper-from .oper-name {
	float: right !important;
}


.oper-conversation ul li .oper-name {
	float: left;
	color: #696767;
}

.oper-conversation ul li span {
	padding: 5px;
}

.oper-from label {
	font-size: 12px;
	font-weight: 500;
	word-break: break-all;
	padding: 10px;
	float: right;
	margin: 5px 0;
	border-radius: 5px;
	position: relative;
	background: #437ddc;
	color: #FFF;
	white-space: normal;
}

.oper-from label:before {
	content: '';
	width: 0;
	height: 0;
	border-top: 0 solid transparent;
	border-bottom: 14px solid transparent;
	position: absolute;
	right: -8px;
	top: 0px;
}

.oper-to label {
	word-break: break-all;
	font-size: 12px;
	font-weight: 500;
	padding: 10px;
	float: left;
	margin: 5px 0;
	border-radius: 5px;
	white-space: normal;
	background: #f5f5f5;
}

.oper-to label:before {
	content: '';
	width: 0;
	height: 0;
	border-top: 0 solid transparent;
	border-bottom: 14px solid transparent;
	position: absolute;
	left: 5px;
	top: 30px;
}

.panel-header {
	border-bottom: 1px solid #f1f1f1;
	padding: 10px;
	background: #fafafa;
}


/*-webikt-keyframes pulse {from { opacity:0;

}

to {
	opacity: 0.5;
}

}*/

.oper-chat-textarea {
	height: 50px;
	width: 100%;
	color: #666;
	font-weight: 400;
	padding: 10px;
	outline: none;
	border:none;
}

.oper-chat-button {
	height: 55px;
	border-radius: 60%;
	border: 0px;
	outline: none;
	position: absolute;
	top: 5px;
	color: #00000096;
	right: 15px;
}

@media screen and (max-width: 1200px) {
	#operation-button-groups button {
		white-space: inherit;
		width: 100px !important;
	}
}

#operation-button-groups button {
	width: 175px;
}

.log .fa-spin {
	right: 55px !important;
	color: #595959;
	position: absolute;
	bottom: 80px !important;
}

.disable-alz {
	position: absolute;
	bottom: -3px;
	left: 15px;
}

#customer-chatbot-page .alz-chat-bot {
	height: 60%;
}

.hg_20 {
	height: 20px;
}

.btn-allianz i {
	position: absolute;
	top: 12px;
	right: 5px;
}

.bg-white {
	background: white;
}

#friend-req-box {
	margin-bottom: 10px;
	margin-top: 10px;
}

#friend-req-box #parent {
	border: 1px solid lightgray;
	padding: 10px;
	border-radius: 5px;
}

#friend-req-box #parent:hover {
	box-shadow: 0px 0px 6px -2px rgba(0, 0, 0, 0.75) !important;
	-webkit-box-shadow: 0px 0px 6px -2px rgba(0, 0, 0, 0.75) !important;
	-moz-box-shadow: 0px 0px 6px -2px rgba(0, 0, 0, 0.75) !important;
	background: white;
	color: black !important;
}

#friend-req-box #parent .date {
	font-size: 12px;
	font-style: italic;
}

#friend-req-box #parent button {
	position: absolute;
	bottom: 0;
	width: 40%;
	border: 0px;
	outline: none;
	color: white;
	padding: 5px;
}

#friend-req-box #parent #accept {
	background: #595959;
	left: 0;
}

#friend-req-box #parent #decline {
	background: #8c8c8c;
	right: 0;
}

.field-title {
	text-align: left;
	margin: 0 0 -20px 0;
	padding: 5px 0;
}

.chat-other-loading {
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}

.oper-message-count {
	background: #f3f2f2;
	color: #595959;
	padding: 4px 8px;
	border-radius: 50%;
	position: absolute;
	right: 40px;
}

.right30 {
	right: 30px !important;
}

.color-error {
	color: #595959;
}

.allianz-text-blue {
	color: #B7D0F1 !important;
}

.allianz-table-parts {
	background: -webkit-linear-gradient(#7f9fcb, #5380bd);
	background: -o-linear-gradient(#7f9fcb, #5380bd);
	background: -moz-linear-gradient(#7f9fcb, #5380bd);
	background: linear-gradient(#7f9fcb, #5380bd);
	color: white;
}

.allianz-table-parts span {
	margin-top: 0;
	float: left;
	font-size: 18px;
	line-height: 21px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 200;
	letter-spacing: .1px;
	margin-bottom: 1px;
}

#oper-index-header legend {
	border-bottom: 0px !important;
	background: #54585a;
	color: white;
	position: relative;
}

.forgotpassword button:hover {
	background-color: #ee7d40;
	color: white;
}

.ui-select-match span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
	cursor: pointer;
	float: left;
	width: 100% !important;
}

.ui-select-multiple.ui-select-bootstrap {
	padding: 4px 10px !important;
	cursor: pointer;
	min-height: 34px !important;
}

@media screen and (max-width : 992px) {
	.oper-req-table {
		margin-top: 30px;
	}
}

@media screen and (max-width : 765px) {
	.allianz-table-parts .inv-header {
		margin-bottom: 50px;
	}
}

.message-loading {
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
}

.message-loading i {
	margin-top: 50%;
	margin-left: 40%;
}

@media screen and (max-width : 395px) {
	#add-oper {
		width: 88%;
		left: auto !important;
	}
}

.be-online-button {
	position: absolute;
	right: 5px;
	bottom: 5px;
}

@media screen and (max-width :430px) {
	.be-online-button {
		position: absolute;
		left: 5px;
		top: 2px;
		height: 30px;
		padding: 5px;
	}
}

.bg-gray {
	background: #c7c7c754 !important;
}

.height60{

	height:60px;
}

.index-selected-areas{
	border-bottom: 1px solid lightgray;
	height: 35px;
}
img {
	max-width: 100%;
	height: auto;
}

.carousel-indicators{
	bottom:0px !important;
}

.sms-footer {
	text-align: center;
	padding: 10px 0;
}

.sms-modal {
	display: none;
}

#smsModal {
	display:none;
}

.form-control-sms{
	background: #404040 !important;
	color: white !important;
	border: 1px solid #555 !important;
}

.overflow-x-hidden{
	overflow-x: hidden;
}

.display-flex{
	display: flex;
}

#mainBlogPageContainer .header{
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #6c5ce7;
	height: 150px;
}

#mainBlogPageContainer .caption {
	position: relative;
}

#mainBlogPageContainer .caption img{
	zoom: 0.037;
	position: absolute;
	top: 0;
	right: 0;
}
#mainBlogPageContainer .thumbnail h5{
	font-weight: 600;
}
#mainBlogPageContainer .thumbnail .btn-primary{
	color: #6c5ce7;
	background-color: white;
	border-color: #6c5ce7;
}
#mainBlogPageContainer .thumbnail .btn-primary:hover{
	color: #fff;
	background-color: #6c5ce7;
	border-color: #6c5ce7;
}

iframe{
	border: 0 !important;
}

.message-history_main .tab a{
	cursor: pointer;
}
.message-history_main .tab .tablinks{
	margin-right: 10px;
	padding: 10px;
	color: black;
	opacity: 0.8;
}

.message-history_main #openFileModal{
	position: fixed;
	height: 50%;
	width: 50%;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.message-history_main .md-card ul{
	list-style: none;
}
.message-history_main .md-card ul li{
	display: flex;
	justify-content: center;
	align-items: center;
}
.message-history_main .md-card ul li label{
	width: 50%;
}
.message-history_main .md-card ul li label:last-child{
	font-weight: 400 !important;
}
.message-history_main table{
	width: 100%;
}
.message-history_main table th{
	border-bottom: 1px solid;
	opacity: 0.7;
	padding: 10px 0 9px 0;
}
.message-history_main table tr:nth-child(odd){
	background: whitesmoke;
}

.message-history_main table tr td{
	padding: 5px;
}

.tab_selected {
	border-bottom: 4px solid #337ab7;
}
.reply-container {
	padding: 10px !important;
	border-radius: 0 !important;
	background-color: #FFFFFF;
	border-bottom: 1px solid #ededed;
}

.ort-widget-container {
	margin: auto;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
	padding: 0;
	background-color: #fff;
	width: 40%;
	max-width: 992px;
	margin-bottom: 16px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	i {
		color: #939393;
	}
}


@media screen and (max-width: 1290px) {
	.ort-widget-container {
		width: 45%;
	}
}

@media screen and (max-width: 1024px) {
	.ort-widget-container {
		width: 60%;
	}
}

@media screen and (max-width: 940px) {
	.ort-widget-container {
		width: 75%;
	}
}

@media screen and (max-width: 700px) {
	.ort-widget-container {
		width: 85%;
	}
}

@media screen and (max-width: 480px) {
	.ort-widget-container {
		width: 97%;
	}
	.header-bold {
		font-size: 14px !important;
	}
}

.scroll-section {
	margin-right: auto !important;
	margin-left: auto !important;
	position: absolute;
	top: 76px;
	left: 0;
	right: 0;
}

.cust-header-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: auto;
}

.header-bold {
	font-size: 24px;
	color: #ffffff;
	font-weight: 600;
	line-height: normal;
}

.header-desc {
	font-size: 12px;
	color: #a0a0a0;
	margin: 0;
	word-break: break-word;
	line-height: 1;
}
.span-link {
	font-size: 16px;
	color: #1b3452;
	font-weight: 700;
}

.span-link::after {
	content: "\f054";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	line-height: 22px;
	float: right;
}

.span-link:hover {
	text-decoration: underline;
	cursor: pointer;
}

.offline-msg{
	padding: 10px 20px;
	color: #1f1f1f;
}
.offline-msg:hover{
	opacity: 0.9;
}

.offline-msg-opened{
	position: relative;
	background: #fff;
	color: #969696;
	padding: 10px;
}


.history-container {
	display: flex;
	flex-direction: column;
	border: 1px solid #ebedee;
	border-radius: 4px;
}

.header-container {
	display: flex;
	flex-direction: row;
	text-align: center;
	background: #f4f6f7;
	text-transform: uppercase;
	font-size: 12px;
	color: #707275;
	align-items: center;
	font-weight: 500;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.header-container div {
	text-align: center;
	flex: 1;
	padding: 12px 14px;
}

.table-container {
	cursor: pointer;
}

.table-container-data:hover {
	background-color: #f4f6f7;
}

.table-container-data {
	cursor: pointer;
	display: flex;
	flex: 1;
	flex-direction: row;
	color: #333333;
	padding: 12px 14px;
	border-top: 1px solid #ebedee;
	align-items: center;
	text-align: center;
	font-size: 14px;
	line-height: 1.42857143;
}

.table-container-data div {
	flex: 1;


}

.table-container-detail {
padding: 5px;
}

