
body {
	min-width: 1020px;
}




#wrapper {
	padding: 10px;
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
	padding-top: 0px;
	background-color: white;

}

#sections {
	min-height: 800px;
}

#userHeader {
	position: absolute;
	top: 15px;
	right: 16px;
}

#userHeader .infoBlock {
	position: absolute;
	top: 0px;
	right: 55px;
	text-overflow: ellipsis;
	max-width: 185px;
	white-space: nowrap;
	overflow: hidden;
}

.accFrame {
	width: 800px;
	height:600px;
	box-sizing: content-box;
}

#mainNav {
	padding-top: 10px;
	margin-bottom: 20px;
}

#mainNav li {
	position: relative;
}

.accsNav {
	margin-bottom: 5px;
}

.accsNav > li > a {
    padding-bottom: 4px;
    padding-top: 4px;
}

.accsPanel {
	background-color: inherit;
    border: 2px solid #CCCCCC;
    border-radius: 5px;
    margin: 0 auto;
	min-height: 600px;
	padding: 10px;
	position: relative;
}

.accTabs {
	margin-bottom: 5px;
}

.chatsPanel, .chatInfoPanel {
	height: 600px;
}

.topControl {
	background-color: #f5f5f5;
	margin-bottom: 5px;
	height: 30px;
}

.topControl select {
	margin-bottom: 0px;
}

.leftWrap {
	position: absolute;
	width: 730px;
}

.chatsPanel {
	float: left;
	width: 250px;
	overflow-y: auto;
	margin: 0px;
}

.logPanel {
	float: left;
	width: 450px;
	height: 610px;
	margin-left: 10px;
	padding: 0px;
}

.chatInfoPanel {
	margin-left: 734px;
	min-width: 220px;
	overflow-y: auto;
}



.logMsgs {
	margin-top: 5px;
	margin-right: 2px;
	overflow-y: auto;
	max-height: 520px;
	padding: 5px;
	padding-right: 20px;
}

.logMsgs.compact {
	height: 416px;
}





.chatItem {
	margin: 4px;
	cursor: pointer;
	padding: 1px;
}

.chatItem.selected {
	padding: 0px;
}

.chatItem .wrap {
	position: relative;
	border: 1px solid #CCCCCC;
}

.chatItem.selected, .chatItem.selected .wrap {
	border: 1px solid #CCCCCC;
	border-color: #0088CC;
}

.chatItem.noOperator .wrap {
	background-color: #FFFFAD;
}

.chatItem.curOperator .wrap {
	background-color: #E7FFDE;
}

.chatItem.closed .wrap {
	background-color: #EAEAEA;
}

/*.chatItem .chatIcon {
	position: absolute;
	left: 5px;
	top: 3px;
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 3px;
	border-radius: 100%;
	background-color: gray;
	border-color: gray;
}
.closed .chatIcon {
	display: none;
}*/



.chatItem .chatLabel {
	position: relative;
	margin-left: 30px;
	/*white-space: pre-wrap;*/
	word-wrap: break-word;
}

.chatLabel .closed {
	position: absolute;
	right: 10px;
	top: 10px;
}

.logPanel .msg {
	border: 1px solid #CCCCCC;
	margin-top: 5px;
	margin-bottom: 5px;
}

.msgContent {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.takeChatPanel, .closedInfo, .addMsgPanel {
	padding: 5px;
}

.closedInfo {
	padding-top: 10px;
}

.addMsgPanel {
	padding-top: 10px;
}

.addMsgPanel textarea {
	width: 440px;
	height: 130px;
	resize: none;
	margin-bottom: 5px;
}

.chatInfoPanel .labelDetails {
	font-size: 12px;
}

.chatInfoPanel .labelCol {
	width: 75px;
}

.chatInfoPanel .detailsCol {
	margin-left: 90px;
}

.accInfo .clientCodeLabel {
	margin-top: 60px;
}

.accUsers .users {
	margin-top: 25px;
	width: 800px;
}

.dialogForm {
	width: 600px;
	padding: 10px;
	margin-top: 5px;
}

.nicksCell {
	padding-top: 5px;
}

.nicksCell input {
	margin-bottom: 6px;
	height: 30px;
}

.privsCell {
	padding-top: 5px;
	min-width: 210px;
}

.privsCell .viewMode {
	min-height: 16px;
}

.curUser .td-1 {
	font-weight: bold;
}

.accUserActions {
	text-align: center;
	min-height: 30px;
	min-width: 60px;
}

.users .td-1 {
	width: 150px;
}

.users .td-2{
	width: 210px;
}

.users .table.operator .th-4,
.users .table.operator .td-4{
	display: none;
}


.accReqs .table {
	width: 600px;
}

.accReqs .td-3 {
	width: 30px;
}

.addReqsActions {
	height: 26px;
	width: 30px;
	margin: 0 auto;
}

.chrome .addReqsActions {
	margin: 0 0;
}

.accAddReqs .td-3 {
	width: 70px;
}

.accAddReqsActions {
	height: 28px;
	width: 70px;
}

.confirmPayForm .confirmVal {
	font-size: 18px;
}

.tariffWrap {
	margin-top: 25px;
	position: relative;
}

.tariffWrap .tariffDesc {
    bottom: -12px;
    left: 236px;
    padding: 5px 10px;
    position: absolute;
}

.updateTariff .tariffWrap {
	margin-top: 0px;
}

.feedbackElem {
	margin-top: 10px;
	margin-bottom: 10px;
}

.feedbackMsgBlock {
	margin-top: 5px;
}

.changeStatusLink {
	width: 98px;
}

.accsNav li {
	position: relative;
	margin-right: 5px;
}

li.operator a {
	padding-left: 17px !important;
}

.onlineStatus {
	position: absolute;
	left: 4px;
	top: 9px;
	width: 8px;
	height: 8px;
	display: inline-block;
	border: 1px solid white;
    border-radius: 100%;
	background-color: #CCCCCC;
}

#mainNav .onlineStatus {
	top: 12px;
}

.onlineStatus.online {
	background-color: #468847;
}

.onlineStatus.offline {
	background-color: #b94a48;
}

.opsOnlineRoot {
	padding-top: 5px;
}

li.changeGlobalActive {
	margin-left: 5px;
}

.msg.hasRef {
	margin-top: 40px;
	position: relative;
}

.clientRef {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	width: 385px;
}

.hasRef .clientRef {
	position: absolute;
	top: -30px;
}

.btnPanelInput {
	margin-bottom: 0px !important;
	height: 30px !important;
}



.msg .user {
	font-size: 12px;
	color: #5c5a5a;
}

.logPanel .msg {
	padding: 10px;
}

.userMsg {
	position: relative;
	background: #fbfbfb;
	border: 1px solid #cccccc;
	border-radius: 5px;
	margin-left: 15px;
}
.userMsg:after,
.userMsg:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.userMsg:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fbfbfb;
	border-width: 9px;
	margin-top: -9px;
}
.userMsg:before {
	border-color: rgba(0, 136, 204, 0);
	border-right-color: #cccccc;
	border-width: 10px;
	margin-top: -10px;
}


.operatorMsg {
	position: relative;
	background: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 5px;
	margin-left: 30px;
}
.operatorMsg:after,
.operatorMsg:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.operatorMsg:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 9px;
	margin-top: -9px;
}
.operatorMsg:before {
	border-color: rgba(0, 136, 204, 0);
	border-left-color: #cccccc;
	border-width: 10px;
	margin-top: -10px;
}

.history .logPanel {
	overflow-y: auto;
}

.history .logMsgs {
	max-height: inherit;
}

.new-msg {
	display: none;
}

.notify-msg .new-msg {
	display: inline-block;
}

.notify-msg.active .new-msg {
	-webkit-animation: none;
	-moz-animation:    none; /* Fx 5+ */
	-o-animation:      none; /* Opera 12+ */
	animation:         none; /* IE 10+, Fx 29+ */
	opacity: 1;
}

.chatLabel .new-msg {
	float: right;
    margin-right: 10px;
    margin-top: -7px;
}

.notify-msg .closed {
	right: 28px;
}