﻿.qwe {
	
}

.pBody {
	/*font-size: 62.5%;*/
	overflow: hidden;
	background: #404040;
	background-image: url("/static/img/dark-metal-grid-6.png");
	/*
      background-image: radial-gradient(rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.1) 80%, rgba(0,0,0,0.9) 100%), url("/static/img/dark-metal-grid-6.jpg");
      background-repeat: no-repeat, no-repeat;
      background-position: bottom right, left;
		*/
	margin: 0px;
	padding: 0px;
	color: #e0e0e0;
	text-shadow: #000000 2px 2px 2px;
	/*		text-shadow: #ffffff 0px 0px 1px, #ffffff  0px 0px 3px, #ffffff  0px 0px 5px, #ffffff  0px 0px 7px, #ffffff 0px 0px 9px; */
}

.dialogHead, .ui-dialog-titlebar {
	height: 20px;
	padding: 0px 0px 0px 0px;
	border: none;
	border-radius: 5px 5px 0px 0px;
	border: 1px solid #000;
	background-repeat: repeat-x;
	background-position: center;
	text-align: center;
	vertical-align: center;
	padding-top: 3px;
	font-family: "Arial";
	font-size: 14px;
	margin: 0px 0px;
}

.ui-widget-overlay {
	background: #7c7c7c;
	background: rgba(0, 0, 0, 0.9);
}

.dialogHeadNormal, .ui-dialog-titlebar {
	background: rgb(96, 128, 0);
	background: linear-gradient(to top, rgba(64, 128, 0, 0.6) 0%,
		rgba(64, 128, 0, 0.6) 36%, rgba(128, 150, 0, 0.6) 70%,
		rgba(150, 200, 0, 0.6) 100%);
}

.dialogHeadErr, .recActive {
	background: rgb(200, 10, 0);
	background: linear-gradient(to top, rgba(128, 4, 0, 0.6) 0%,
		rgba(128, 4, 0, 0.6) 36%, rgba(150, 10, 0, 0.6) 70%,
		rgba(200, 10, 0, 0.6) 100%) !important;
}

.dialogHeadWarn {
	background: rgb(200, 150, 0);
	background: linear-gradient(to top, rgba(128, 110, 0, 0.6) 0%,
		rgba(128, 110, 0, 0.6) 36%, rgba(150, 125, 0, 0.6) 70%,
		rgba(200, 150, 0, 0.6) 100%);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
	{
	background: rgb(96, 128, 0);
	background: linear-gradient(to top, rgba(64, 128, 0, 0.6) 0%,
		rgba(64, 128, 0, 0.6) 36%, rgba(128, 150, 0, 0.6) 70%,
		rgba(150, 200, 0, 0.6) 100%);
}

#webinars, #classrooms, #customers, #lectors, #listeners {
	padding: 0px;
	overflow: auto;
	margin-top: 0px;
}

.autogen {
	margin-top: 4px;
	cursor: pointer;
}

.autogen-edit {
	margin: -1px 0px 0px 0px;
	width: 205px !important;
}

.table-wrapper {
	position: relative;
	/*	  overflow-y: scroll;*/
	display: inline-block;
	width: 100%;
}

.table-wrapper table {
	width: 100%;
}

#classroomSelect, #documentSelect {
	width: 237px;
	display: none;
}
#pageSelect {
	width:100%;
	display: none;
}
.ui-selectmenu-menu {
	margin: 1px 0px 0px 0px;
	border-radius: 5px 5px 5px 5px;
	borter-top-left-radius: 5px;
	borter-top-right-radius: 5px;
	box-shadow: none;
}
.rmButton {
	height: 12px;
	margin: 2px 0px 0px 8px !important;
	border-radius: 5px 10px 5px 10px;
	padding: 2px 8px 3px 8px;
}
.rmButton:hover {
	border-radius: 10px 5px 10px 5px;
}
.btnRmCust {
	margin-top: 0px;
	box-shadow: 3px 3px 5px rgba(10, 10, 10, 0.7);
}

.listTable {
	width: 100%;
	border-spacing: 0px 3px;
}

.listTable TH {
	padding: 5px 5px 5px 5px;
	border: 1px solid #000;
	font-family: "Arial";
	font-size: 16px;
	text-align: center;
	background: #101010;
	border: 1px solid #404040 !important;
	box-shadow: 0 0 0 1px #000, 3px 3px 5px rgba(10, 10, 10, 0.7) !important;
	background: linear-gradient(to top, rgb(20, 20, 20) 0%, rgb(45, 45, 45)
		100%) !important;
	border-radius: 3px 3px 3px 3px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.listTable TD {
	padding: 3px 4px 3px 4px;
	border: 1px solid #404040;
	font-family: "Arial";
	font-size: 12px;
	text-align: center;
	box-shadow: 0 0 0 1px #000 !important;
	background: linear-gradient(to top, rgb(30, 30, 30) 0%, rgb(45, 45, 45)
		100%) !important;
}

.listTable TR:nth-child(even) {
	background: #e0e0e0;
	background: rgba(40, 40, 40, 1);
}

.listTable TR:nth-child(odd) {
	background: #e0e0e0;
	background: rgba(70, 70, 70, 1);
}

.volSlider, .ui-slider {
	border: 1px solid red !important;
	background: green;
	border-radius: 5px 5px 5px 5px;
}
.ui-slider-range {
	border: none;
	background: black;
	border-radius: 0px 5px 5px 0px;
}
.btnSelectStream {
	display: block;
	height: 40px;
	width: 40px;
	float: right;
	background: #00ff00;
	margin-right: 28px;
	margin-top: -22px;
	border-radius: 20px 20px 20px 20px;
	border: 1px solid #404040;
	box-shadow: 0 0 0 1px #000, 3px 3px 5px rgba(10, 10, 10, 0.7) !important;
	background: linear-gradient(to top, rgb(30, 30, 30) 0%, rgb(45, 45, 45)
		100%);
}
.btnLoadQuestions {
	margin:20px auto !important;
	width:85px;
	height:85px;
	border-radius: 85px !important;
	display: table;
	background: #00ff00;
	border: 1px solid #404040;
	box-shadow: 0 0 0 1px #000, 3px 3px 5px rgba(10, 10, 10, 0.7) !important;
	background: linear-gradient(to top, rgb(30, 30, 30) 0%, rgb(45, 45, 45)
		100%);
}
.btnSelectStream:active, .btnLoadQuestions:active {
	background: linear-gradient(to top, rgb(45, 45, 45) 0%, rgb(30, 30, 30)	100%) ;
	box-shadow: 0 0 0 1px #000, inset 3px 3px 5px rgba(10, 10, 10, 0.7) !important;
}
.btnSelectStream:hover, .ui-slider-handle:hover, .btnLoadQuestions:hover {
	border: 1px solid #afff00 !important;;
}

#header1 {
	height: 50px;
	padding: 0px 0px 0px 0px;
	border-radius: 15px 15px 15px 15px;
	background: rgb(96, 128, 0);
	background-image: url('/static/img/lenta-green.png'),
		linear-gradient(to top, rgb(30, 30, 30) 0%, rgb(45, 45, 45) 100%);
	/*   background: linear-gradient(to top, rgba(64,128,0,0.6) 0%, rgba(64,128,0,0.6) 36%, rgba(128,150,0,0.6) 70%,  rgba(150,200,0,0.6) 100%);
		background: linear-gradient(to top, rgb(30,30,30) 0%, rgb(45,45,45) 100%);
	*/
	background-repeat: repeat-x;
	background-position: center;
	text-align: center;
}

#label {
	height: 50px;
	background-image: url('/static/img/bastion.png');
	background-repeat: no-repeat;
	background-position: 50% 0%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
}
#questionSend span, #questionDel span {
	background-repeat: no-repeat;
	background-position: 50% 0%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
}
#questionSend span {
	background-image: url('/static/img/to_chat.png');
}
#questionDel span {
	background-image: url('/static/img/user-trash-full.png');
	margin-top: 5px;
}
.balloon, .ui-dialog {
	empty-cells: show;
	padding: 0px 0px 0px 0px;
	border-radius: 5px 5px;
	font-family: "Arial";
	font-size: 12px;
	text-align: center;
}

.balloonFoot {
	border: 1px solid #a0a0a0;
	empty-cells: show;
	background: #7c7c7c;
	background: rgba(200, 200, 200, 0.2);
	font-family: "Arial";
	font-size: 12px;
	text-align: center;
	height: 40px;
	padding: 0px 0px 0px 0px;
	border-radius: 5px 5px 30px 30px;
	box-shadow: 3px 3px 5px rgba(10, 10, 10, 0.7);
}

.imgballoon {
	empty-cells: show;
	padding: 0px 0px 0px 0px;
	margin: 7px 0px 7px 0px;
	border: 1px solid #a0a0a0;
	border-radius: 5px 5px;
	background: #7c7c7c;
	background: rgba(200, 200, 200, 0.2);
	box-shadow: inset 3px 3px 5px rgba(10, 10, 10, 0.7);
	box-shadow: inset -3px -3px 5px rgba(10, 10, 10, 0.7), inset 3px 3px 5px
		rgba(10, 10, 10, 0.7);
	font-family: "Arial";
	font-size: 12px;
	text-align: center;
	min-width: 200px;
	max-width: 1000px;
}

.divballoon {
	empty-cells: show;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 7px 12px;
	border: 1px solid #404040 !important;
	border-radius: 5px 5px;
	background: black;
	background: rgba(0, 0, 0, 0.5);
	box-shadow: inset 3px 3px 5px rgba(10, 10, 10, 0.7);
	box-shadow: 0 0 0 1px #000, inset -3px -3px 5px rgba(10, 10, 10, 0.7), inset 3px 3px 5px
		rgba(10, 10, 10, 0.7);
	font-size: 14px;
}

.disablePanZoom {
	-ms-touch-action: none;
	/* Disables all pan/zoom behaviors and fire pointer events in JavaScript instead. */
}

#dCodesDescription {
	border: 1px solid #e0e0e0;
	empty-cells: show;
	border-radius: 5px 5px 5px 5px;
	background: #e0e0e0;
	background: rgba(0, 0, 0, 0.5);
	box-shadow: 3px 3px 5px rgba(10, 10, 10, 0.7);
	text-align: left;
	margin-right: 20px;
	margin-top: 30px;
	padding: 5px;
	font-size: 13px;
	height: 440px;
	overflow-y: scroll;
}

.legend {
	border-collapse: collapse;
	border: 1px solid #e0e0e0;
}

.legend TD {
	empty-cells: show;
	border: 1px solid #e0e0e0;
	margin: 5px;
	padding: 3px;
	text-align: left;
}

.balloonTable {
	empty-cells: show;
	padding: 0px 4px 0px 4px;
	border: 1px solid #e0e0e0;
	border-radius: 5px 5px 5px 5px;
	background: #e0e0e0;
	background: rgba(200, 200, 200, 0.5);
	box-shadow: 3px 3px 5px rgba(10, 10, 10, 0.7);
	font-family: "Arial";
	font-size: 12px;
	text-align: center;
}

.login {
	font-family: "Courier New";
	font-size: 11px;
}

.jsDisabled {
	position: absolute;
	top: 80px;
	left: 50%;
	width: 90%;
	height: 80%;
	margin-left: -45%;
	color: #353535;
	box-shadow: 3px 3px 5px rgba(10, 10, 10, 0.2);
	text-shadow: none;
	border-radius: 15px 15px;
	border: 1px solid #a0a0a0;
	background: #aaaaaa;
	background: rgba(200, 200, 200, 0.9);
	font-family: "Arial";
	font-size: 20px;
	text-align: center;
	z-index: 20;
	display: table-cell;
	vertical-align: middle;
}

.iftable {
	border-spacing: 10px;
}

.edit {
	width: 237px;
	font-family: "Courier New";
	font-size: 12px;
	color: #e0e0e0;
	background: rgb(70, 70, 70);
	border: 1px solid #404040;
	box-shadow: 0 0 0 1px #000;
	margin-left: 4px;
	margin-right: 4px;
	background: linear-gradient(to top, rgb(50, 50, 50) 0%, rgb(60, 60, 60)
		50%, rgb(50, 50, 50) 100%);
}

.tupleHead {
	padding: 0px 0px 0px 0px;
	height: 30px;
	border-radius: 3px;
	border: 1px solid #707070;
	background: #eeeeee;
	background: rgba(130, 130, 130, 0.2);
	text-align: center;
	font-family: "Courier New";
	font-size: 15px;
	text-shadow: none;
}

.tupleHead:hover {
	height: 30px;
	border-radius: 3px;
	border: 1px solid #707070;
	background: #eeeeee;
	background: rgba(180, 180, 180, 0.3);
}

.button {
	font-family: "Arial";
	font-size: 12px;
	text-align: center;
	height: 30px;
	padding: 5px 25px 7px 25px;
	text-shadow: #ffffff 0px 0px 1px, #ffffff 0px 0px 2px, #ffffff 0px 0px
		3px, #ffffff 0px 0px 4px, #ffffff 0px 0px 5px, #ffffff 0px 0px 6px,
		#ffffff 0px 0px 7px, #ffffff 0px 0px 8px, #ffffff 0px 0px 9px;
}

.button:hover {
	border-radius: 15px 5px 15px 5px;
	background: rgba(250, 250, 250, 0.5);
}

.tpLight TD {
	padding: 0px 0px 0px 0px;
	height: 25px;
	border-radius: 3px;
	border: 1px solid #e0e0e0;
	background: #ffffff;
	background: rgba(230, 230, 230, 0.6);
	text-align: center;
	text-shadow: none;
	font-family: "Courier New";
	font-size: 11px;
	font-weight: bold;
	color: #2a2a2a;
}

.tpDark TD {
	padding: 0px 0px 0px 0px;
	height: 25px;
	border-radius: 3px;
	border: 1px solid #707070;
	background: #ededed;
	background: rgba(130, 130, 130, 0.2);
	text-align: center;
	text-shadow: none;
	font-family: "Courier New";
	font-size: 11px;
	font-weight: bold;
	color: #2a2a2a;
}

.inParam {
	border-spacing: 2px 4px;
	font-family: "Arial";
	font-size: 13px;
}

.inParam .selectCell {
	font-size: 18px;
}

.inBorderLeft {
	border-radius: 5px 0px 0px 5px;
	padding: 0px 3px 0px 3px;
	height: 28px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	cursor: default;
	vertical-align: middle;
}

.inBorderRight {
	border-radius: 0px 5px 5px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}

.inBorderMiddle {
	border-radius: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}
.statPanel {
	width: 100%;
	border-collapse: separate;
	border-spacing: 3px;
	margin-bottom: 5px;
}
.spUp, .spDown, .spMiddle {
	padding: 0px 3px 0px 3px;
	height: 28px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	cursor: default;
	vertical-align: middle;	
}
.spUp {
	border-radius: 5px 5px 0px 0px;
}
.spDown {
	border-radius: 0px 0px 5px 5px;
}
.headerText {
	font-family: "Arial";
	font-size: 15px;
	color: white;
	text-shadow: #000000 2px 2px 2px;
}

#errorsApplet {
	z-index: -1;
}

.ui-menu {
	z-index: 100;
	border: none;
	border-radius: 5px 5px 5px 5px;
	font-family: "Arial";
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	background: none;
	color: #e0e0e0;
	text-shadow: #000000 2px 2px 2px;
	margin-top: 0px;
}

.ui-tabs-nav {
	background: linear-gradient(to top, rgb(30, 30, 30) 0%, rgb(45, 45, 45)
		100%) !important;
	border-radius: 0px !important;
	border-left: none !important;
	border-right: none !important;
	border-top: none !important;
	border-bottom: 1px solid #404040 !important;
	box-shadow: 0px 1px 0px 0px #000 !important;
}

.ui-tabs-nav li {
	border: 1px solid #404040 !important;
	border-bottom: none !important;
	box-shadow: -1px -1px 0px 0px #000, 1px -1px 0px 0px #000 !important;
	margin-right: 4px !important;
}

.ui-tabs-nav li:not(.ui-tabs-active ) {
	background: linear-gradient(to top, rgb(30, 30, 30) 0%, rgb(45, 45, 45) 100%) !important;
}
.ui-tabs-nav .ui-tabs-active {
	border: 1px solid #afff00 !important;
	border-bottom: 1px solid #404040 !important;
}
.ui-tabs {
	padding: 0px 0px 0px 0px !important;
	border: none !important;
	background: none !important;
}

.ui-selectmenu, .ui-selectmenu-menu-dropdown, .ui-selectmenu-menu,
	.inBorderLeft, .inBorderRight, .inBorderMiddle, .spUp, .spMiddle, .spDown,
	.dMenu, .balloon,	.ui-button, .dMenu, .ui-menu .ui-menu-item a, .ui-dialog,
	.ui-dialog-titlebar-close, .fileUpload, .rmButton, .volSlider,
	.ui-slider-handle, .dataHashItemValue, .dataHashItemKey, .dataArrayItem {
	background: #2c2c2c !important;
	border: 1px solid #404040 !important;
	box-shadow: 0 0 0 1px #000, 3px 3px 5px rgba(10, 10, 10, 0.7) !important;
	background: linear-gradient(to top, rgb(30, 30, 30) 0%, rgb(45, 45, 45)
		100%) !important;
}
.dataHashItemValue, .dataHashItemKey, .dataArrayItem {
/*	display: inline-block; */ 
	padding: 4px 4px 4px 4px;
	margin: 3px 3px 3px 3px;
	font-size: 14px;
	text-align: left;
}
.dataArrayItem {
background: linear-gradient(to top, rgb(30, 30, 30) 0%, rgb(45, 45, 45) 100%) !important;
}
.dataHashItemValue {
	z-index:1;
background: linear-gradient(to top, rgb(30, 30, 30) 0%, rgb(45, 45, 45) 100%) !important;
}
.dataScalarItem {
	max-width: 280px;
}
.dataHashItemKey {
	font-weight: bold;
	margin: 3px -6px 3px 3px;
}
.dataHashTable td {
	vertical-align: top;
	border-collapse:collapse;
}
.dataHashTable hr {
	border: 1px solid #eee;
}
input[type="file"] {
	display: none;
}

.ui-dialog-titlebar {
	height: 15px;
	text-align: center;
}

.ui-dialog-title {
	width: 100%;
}

.ui-dialog-content {
	padding: 0px !important;
}

.ui-dialog-titlebar-close {
	width: 18px !important;
	height: 18px !important;
	top: 12px !important;
}

.ui-dialog-titlebar-close:hover {
	border: 2px solid #afff00 !important;
	box-shadow: 0 0 0 1px #000;
	background: linear-gradient(to top, rgb(45, 45, 45) 0%, rgb(60, 60, 60)
		100%);
	width: 18px !important;
	height: 18px !important;
}

.ui-selectmenu-item-focus:hover, .ui-selectmenu-item-selected,
	.ui-selectmenu-item-focus {
	border: 1px solid #404040;
	box-shadow: 0 0 0 1px #000;
	background: linear-gradient(to top, rgb(45, 45, 45) 0%, rgb(70, 70, 70)
		50%, rgb(45, 45, 45) 100%);
}

.ui-selectmenu-item-selected a {
	background: linear-gradient(to top, rgb(30, 30, 30) 0%, rgb(45, 45, 45)
		100%);
	border: none;
	box-shadow: none;
}

.dMenu, .ui-menu .ui-menu-item a {
	color: #e0e0e0;
	text-shadow: #000000 2px 2px 2px;
	border-radius: 5px 13px 5px 13px;
	background-position: 20% 0%;
	margin: 1px 0px 0px 0px;
	padding: 5px 2px 5px 2px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.dMenu:hover, .ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-state-focus
	{
	border-radius: 13px 5px 13px 5px;
	color: #f00000;
	margin: 1px 0px 0px 0px;
}

.pImg {
	text-align: center;
}

.filialname {
	text-align: center;
	font-family: "Arial";
	font-size: 20px;
}

.synTime {
	color: #ffff80
}

.synComment {
	color: #0000FF
}

.synConstant {
	color: #e0e060
}

.synIdentifier {
	color: #00ffff
}

.synStatement {
	color: #ff3030;
	font-weight: bold
}

.synPreProc {
	color: #A020F0
}

.synType {
	color: #3aff3a;
	font-weight: bold
}

.synSpecial {
	color: #6A5ACD
}

.synUnderlined {
	color: #000000;
	text-decoration: underline
}

.synError {
	color: #FFFFFF;
	background: #FF0000 none
}

.synTodo {
	color: #0000FF;
	background: #FFFF00 none
}

pre {
	line-height: 1.5;
	text-shadow: none;
	text-align: left;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	padding: 0px 10px 0px 10px;
}

.infoBalloonIp .infoBalloonName .infoBalloonWhois {
	font-family: "Arial";
}

.infoBalloonIp {
	font-size: 14px;
	color: yellow;
}

.infoBalloonName {
	font-size: 14px;
	color: lime;
}

.infoBalloonWhois {
	font-size: 12px;
}

.fileUpload {
	display: inline-block !important;
	padding: 6px 12px !important;
	cursor: pointer !important;
	margin: 3px !important;;
}

.progressContainer {
	position: relative;
	margin: 6px 6px 3px 6px;
	height: 20px;
	width: 199px;
	box-shadow: inset 1px 1px 1px 1px rgba(10, 10, 10, 0.3), 0px 0px 0px 1px
		#000;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #404040 !important;
	background: linear-gradient(to top, rgb(45, 45, 45) 0%, rgb(30, 30, 30)
		100%) !important;
	float: left;
	overflow: hidden;
}

.progressBar {
	height: 19px;
	background: #80f000;
	background: linear-gradient(to top, rgba(64, 128, 0, 0.6) 0%,
		rgb(64, 128, 0) 36%, rgb(128, 150, 0) 70%, rgb(150, 200, 0) 100%);
	border-radius: 9px 9px 9px 9px;
	border: 1px solid #b0df90 !important;
	border-bottom: none !important;
	border-left: none !important;
	box-shadow: 2px 0px 0px 0px #000;
	margin-left: -3px !important;
}

.progressLabel {
	position: absolute;
	display:block;
	width: 100%;
	top: 1px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle !important;
	height: 18px !important;
	border-radius: 9px 9px 9px 9px;
	background-position: -1px 0px;
	background-repeat: no-repeat;
	font-weight: bold !important;
}

.ui-button, .fileUpload {
	color: #e0e0e0;
	text-shadow: #000000 2px 2px 2px;
	border-radius: 5px 13px 5px 13px;
	margin: 3px 0px 3px 0px !important;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.ui-button:hover, .fileUpload:hover {
	border-radius: 13px 5px 13px 5px;
	color: #f00000;
	margin: 0px 0px 0px 0px;
}

.ui-button:active, .fileUpload:active {
	box-shadow: none;
	border: 1px solid #a0a0a0;
}

.ui-button-text {
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.ui-button:focus {
	border: 1px solid #afff00 !important;
}

.ui-widget-content {
	/*border: none;*/
	
}

.chatContainer {
	margin: 0px 0px 0px 0px;
	float: top;
	position: relative;
	height: 100%;
	width: 100%;
	padding: 0px;
}

.chatHeader {
	padding: 2px;
}

#questionsStackPanel {
	position: absolute;
	display: block;
	text-align:left;
	padding: 0px 3px 6px 3px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 20px;
	margin-bottom: 3px;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	box-shadow: inset 1px 1px 1px 1px rgba(10, 10, 10, 0.3), 0px 0px 0px 1px #000;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #404040;
	background: linear-gradient(to top, rgb(45, 45, 45) 0%, rgb(30, 30, 30) 100%) !important;
	float: left;
	overflow-y: scroll;
	font-size: 14px;
}
.chatLog {
	position: absolute;
	display: block;
	text-align:left;
	padding: 0px 3px 6px 3px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 20px;
	margin-bottom: 40px;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	box-shadow: inset 1px 1px 1px 1px rgba(10, 10, 10, 0.3), 0px 0px 0px 1px #000;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #404040;
	background: linear-gradient(to top, rgb(45, 45, 45) 0%, rgb(30, 30, 30) 100%) !important;
	float: left;
	overflow-y: scroll;
	font-size: 14px;
}
.chatTime {
	position:absolute;
	display: block;
	margin-top: -14px;
	margin-left:auto;
	margin-right:auto;
	right: 10px;
	color: #cccc00;
	font-size: 10px;
}
.chatUser {
	position:absolute;
	display: block;
	margin-top: -13px;
	margin-left:auto;
	margin-right:auto;
	left: 15px;
	font-size: 12px;
	color: #55dd00;
	font-weight:bold;
}
.chatMsg {
	color: #ffffff;
	font-size: 13px;
}
.bubble-other {
  background: #202020;
  background: linear-gradient(to bottom, rgb(65, 65, 65) 0%, rgb(50, 50, 50) 100%) !important;
  border: 1px solid #606060 !important;

}
.bubble {
  background: #101010;
  background: linear-gradient(to bottom, rgb(45, 45, 45) 0%, rgb(30, 30, 30) 100%) !important;
  border: 1px solid #404040 !important;
}
.bubble, .bubble-other {
  position: relative;
  min-height: 15px;
  display: block;
  padding: 13px 10px 3px 10px;
  margin: 4px 5px 4px 5px;
  box-shadow: 0px 0px 0px 1px #000;
  border-radius: 5px 5px 5px 5px;
}
.sysChatMsg {
	display: block;
	padding: 3px 10px 3px 4px;
	border-bottom: 1px solid #303030;
	margin: 1px;
}
.chatPanel {
	padding: 0px;
	position: absolute;
	height: 32px !important;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-top: 3px;
	bottom: 4px;
	left: 0;
	right: 0;
}

.chatPanel textarea {
	resize: none;
	padding: 3px;
	margin-top: 0px;
	bottom: 0;
	height: 25px;
	left: 0;
	right: 0;
	width: 100%;
	font-family: "Courier New";
	font-size: 12px;
	color: #e0e0e0;
	background: rgb(70, 70, 70);
	border: 1px solid #404040;
	border-radius: 5px 5px 5px 5px;
	box-shadow: inset 1px 1px 1px 1px rgba(10, 10, 10, 0.3), 0px 0px 0px 1px
		#000;
	background: linear-gradient(to top, rgb(45, 45, 45) 0%, rgb(30, 30, 30)
		100%) !important;
}

#workbench {
	width: 70% !important;
}

.documentPage {
	display: block;
	position: absolute;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.disableTextSelection, .ui-tabs-nav li a {
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
	cursor: default;
}
.disabled {
    /* pointer-events: none;*/
    opacity: 0.6;
}
:focus {
	outline: none !important;
}
input::-moz-focus-inner { 
	  border: 0; 
}
