body {
        font-family: Arial, Helvetica, sans-serif;
    }
	*{outline:none;}

    .chat-popup *, .query-accordion * {-webkit-box-sizing: border-box;box-sizing: border-box; } 
    .fw-100 {float: left;width: 100%;position: relative; }
    .open-button {background-color: #555;color: white;padding: 16px 20px;border: none;cursor: pointer;opacity: 0.8;position: fixed;bottom: 5px;right: 425px;width: 200px;box-shadow: -1px 0px 2px #ddd; } 
    .chat-popup {display: none;position: fixed;bottom: 0;z-index: 9; }  
    .form-container {max-width: 100%;background-color: #474747;position: relative;float: left;width: 450px;height: 100%;border: none;}    
    .form-contatiner-inner textarea {width: 100%;padding: 15px;border: none;background: #ffffff;resize: none;min-height: 140px;box-shadow: 0px 0px 3px #3f3f3f;-webkit-box-shadow: 0px 0px 3px #3f3f3f; 	-ms-box-shadow: 0px 0px 3px #3f3f3f;border-radius: 5px; 	 } 
    .textselected .form-contatiner-inner textarea {border-radius: 0px 0px 5px 5px; } 
    .form-contatiner-inner {/* background-color: #fff; *//* max-width: 380px; *//* margin: 10px auto; */float: none;border-radius: 5px;}
    .form-container textarea.selectedText {width: 100%;padding: 15px 20px 15px 15px;border: none;background: #fffcdf;resize: none;min-height: 75px;color: #474747;overflow: hidden;border-bottom: solid 28px #fffcdf;}   
    .form-container .cancel {position: absolute; 	right: 5px; 	width: 17px; 	cursor: pointer; 	top: 5px; } 
    .form-container .copy {position: absolute; 	right: 15px; 	top: 76px; 	cursor: pointer; 	margin-right: 3px; } 
    .form-container .send {float: right; 	background-color: green; 	color: #fff; 	border: solid 1px green; 	padding: 2px 8px; 	font-size: 10px; 	text-transform: uppercase; 	border-radius: 3px; 	cursor: pointer; 	position: absolute; 	right: 15px; 	bottom: 20px; }   
    .form-container .btn:hover, .open-button:hover { 	opacity: 1; } 
    .query-accordion .accordion {background: none;color: #000000;cursor: pointer;padding: 8px 20px 0px 20px;width: 100%;border: none;text-align: left;outline: none;font-size: 11px;transition: 0.4s;letter-spacing: 0.3px;height: 44px;overflow: hidden;background: #e0e0e0;line-height: 14px;text-transform: capitalize;border-bottom: 10px solid #e0e0e0;}
    .query-accordion .panel { 	padding: 0 18px; 	max-height: 200px; 	transition: max-height 0.2s ease-out; 	font-size: 11px; 	position: relative } 
    .query-accordion {z-index: 999;background-color: #474747;color: white;border: none;cursor: pointer;position: fixed;top: 0px;right: 0px;width: 400px;overflow-y: auto;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;overflow: auto;height: Calc(100% - 164px);border: none;}
    .textselected .query-accordion {height: Calc(100% - 252px);} 
    .query-accordion .chat-message.left .message { 	background: #ffffff; 	float: left; 	color: #000; 	margin-left: 0px; 	margin-top: 10px; } 
    .query-accordion .chat-message.right .message {background: #e7ffcc;float: right;margin-right: 0px;color: #000;} 
    .query-accordion .chat-discussion .chat-message.right .message { 	background: #fdf1ea; 	float: right; 	margin-right: 10px; } 
    .query-accordion .chat-message {padding: 0px;position: relative;border-left: solid 8px transparent;border-right: 8px solid transparent;float: left;width: 100%;} 
    .query-accordion .message-content { 	float: left; 	width: 100%; 	line-height: 13px; 	word-break: break-word; } 
    .query-accordion .message {width: 75%;padding: 12px;margin-bottom: 10px;border-radius: 3px;} 
    .query-accordion span.message-author { 	font-size: 9px; 	margin-bottom: 5px; 	display: inline-block; 	letter-spacing: 1px; } 
    .query-accordion span.message-content.italic { 	margin-top: 7px; } 
    /* textarea:focus {box-shadow: inset 0px 2px 10px 1px #474747;outline: 0px;border-radius: 0px 0px 5px 5px;}  */
    .rightBar { 	position: absolute; 	width: 20px; 	background: #555; 	height: calc(100% - 32px); 	top: 32px; 	right: 400px; 	z-index: 1; 	-webkit-transition: opacity .2s; 	transition: opacity .2s; }
    .rightBar:hover { 	opacity: 1 }
    .marklist {position: relative; 	width: 100%; 	height: 100%; 	float: left; }
    .pageMark {position: relative; 	float: left; 	width: 100%; /* 	-webkit-transition: background .5s; 	transition: background .5s;  */}
    .pageMark.active {background: grey;}
	
	
    .pagelink {width: 100%; 	background: #fff59b; 	float: left; 	height: 7px; 	margin-bottom: 5px; 	cursor: pointer; } 
    .query-accordion .close { 	content: "-"; 	float: right; 	right: 0; 	padding: 0px; 	top: 0; 	font-size: 35px; } 
    .badge {float: left;width: 100%;background: #e0e0e0;border: 1px solid #9c9c9c;padding: 4px;border-radius: 2px;margin-bottom: 3px;color: #000;font-size: 11px;}   
    .chat-message .message:after, .chat-message .message:before { 	content: ''; 	display: block; 	width: 0; 	height: 0; 	position: absolute; } 
    .chat-message.left .message:before { 	border-top: 8px solid rgb(255, 255, 255); 	border-right: 8px solid rgba(0, 0, 0, 0); 	border-left: 6px solid transparent; 	left: -6px; 	top: 10px; } 
    .chat-message.left .message:after { 	border-top: 6px solid #ffffff; 	border-right: 6px solid rgba(0, 0, 0, 0); 	border-left: 6px solid transparent; 	left: -6px; 	top: 10px; } 
    .chat-message.right .message:before {border-top: 8px solid rgb(255, 245, 153);border-right: 8px solid rgba(0, 0, 0, 0);border-left: 6px solid transparent;right: -7px;top: 0px;} 
    .chat-message.right .message:after {border-top: 6px solid #e7ffcc;border-right: 6px solid rgba(0, 0, 0, 0);border-left: 6px solid transparent;right: -6px;top: 0px;} 
    .chat-popup { 	display: none; 	position: fixed; 	width: 400px; 	right: 0px; 	z-index: 9; 	z-index: 1111; }

    .chat-popup.open { 	display: block; } 
    .chat-popup [name="selectedText"] { 	display: none } 
    .chat-popup.textselected [name="selectedText"] { 	display: block; 	border-radius: 5px 5px 0px 0px; }

    .chat-popup .btn.copy { 	display: none } 
    .chat-popup.textselected .btn.copy {display: block;float: right;background-color: #5a5100;color: #fff;border: solid 1px #5a5100;padding: 2px 8px;font-size: 10px;text-transform: uppercase;border-radius: 3px;cursor: pointer;}

    h6 {font-weight: 500 }

    .query-accordion .message .command-text {max-height: 50px;font-size: 11px;overflow: hidden;text-transform: capitalize;}

    .reply-icon { 	float: right; } 
    .chat-message.right .reply-icon { 	display: none } 
    .acc {border-bottom: 1px solid #c1c1c1;}

    .acc-body {padding-top: 10px;border: 1px solid #9a9a9a;background: #696969;margin-bottom: 5px;} 
    .acc-body:last-child {/* border-bottom: none; */} 
    .pad-10 {padding: 10px;}

    .doc-chat-head { 	background: #435A7F; 	color: #fff } 
    /* #outerContainer { 	width: Calc(100% - 400px); 	height: 100%; 	position: relative; }  */
	#outerContainer { 	 	height: 100%; 	position: relative; }  
    .selectedtext-close { 	position: absolute; 	right: 16px; 	padding: 0px 4px; 	font-size: 12px; 	background: #3f3f3f; 	border-radius: 50px; 	top: 13px; 	color: #fff; 	border: solid 2px #fff; 	cursor: pointer; 	display: none; }

    .textselected .selectedtext-close { 	display: block }
	
	
.textLayer ._selectiontext{ margin: -1px; padding: 1px; background-color: rgb(0,0,255); border-radius: 4px;}
.textLayer .highlight{ margin: -1px; padding: 1px; background-color: #b400aa; border-radius: 4px;}
.textLayer .text_link{ margin: -1px; padding: 1px; background-color: #00aeef; border-radius: 4px;cursor:pointer}





/* start of viewBookMark Modal syles*/
.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 }  
.modal-backdrop.fade { opacity: 0 }  
.modal-backdrop.show { opacity: .5 }
.modal-open { overflow: hidden } 
.modal-open .modal.view-book-mark { overflow-x: hidden; overflow-y: auto } 
.modal.view-book-mark { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0 } 
.modal.view-book-mark.show .modal-dialog {  max-width: 500px; -webkit-transform: none; transform: none }
.view-book-mark .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border-radius: .3rem; outline: 0 }
.view-book-mark .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: .3rem; border-top-right-radius: .3rem }
.view-book-mark .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto }
.view-book-mark .modal-title { margin-bottom: 0; line-height: 1.5 }
.view-book-mark .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem }
.view-book-mark button.close { padding: 0; background-color: transparent; border: 0; appearance: none; }
.view-book-mark .table { width: 100%; margin-bottom: 1rem; color: #212529; border-collapse: collapse; } 
.view-book-mark .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6 }
.view-book-mark .table-bordered { border: 1px solid #dee2e6 }
.view-book-mark .table-bordered td, 
.view-book-mark .table-bordered th { border: 1px solid #dee2e6; font-size:13px; }
.view-book-mark .table-bordered thead td, 
.view-book-mark .table-bordered thead th { border-bottom-width: 2px }
.view-book-mark .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, .05) }
.view-book-mark .text-center { text-align: center!important; }
.view-book-mark .table td, 
.view-book-mark .table th { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6; }
/* end of viewBookMark Modal syles*/