@media all and (min-width: 768px)
{

/*
.full-height
{
	min-height: 100vh;
}
*/
.list-group-item.odd-even-color,
.list-group-item.even-odd-color
{
/*
	margin-left: -27px;
	padding-left: 42px;
	margin-right: -22px;
	padding-right: 37px;
*/
/*
	margin-left: -105px;
	padding-left: 112px;
	margin-right: -105px;
	padding-right: 112px;
*/
}
.icon.icon-head-first
{
/*	right: 60px; */
}
.icon.icon-head-second
{
/*	right: -5px; */
}
.scroll-control
{
/*
	position: fixed !important;
*/
}
.big-logo-container
{
	display: block;
	padding: 66px 10% 36px 30px !important;
/*
	margin-bottom: 10px;
*/
}
.big-logo-container img.logo
{
	max-width:220px;
}
.index-footer
{
	max-width: 1000px;
}
.content
{
/*	padding: 60px 7%; */
/*	padding: 60px 60px; */
	padding: 70px 105px;
/*	padding-top: 0; */
	padding-bottom: 0;
	max-width: 1000px;
	position: relative;
}
.content-container.embed .content:not(.chat-content):not(.modal-chat-content)
{
	padding: 5px 30px;
}
.content.row
{
}
.index-footer
{
	padding: 0 105px;
}
.chat-history-fader
{
	margin: 0 105px;
	margin-right: 125px;
}
#wrapper.floating-wrapper .chat-history-fader,
#modal_wrapper.floating-wrapper .chat-history-fader
{
/*	margin: 0 48px; */
	margin: 0 45px;
}
#modal_wrapper.floating-wrapper .chat-history-fader
{
	margin-left: 0;
}
.chat-history-fader-top
{
	height: 15px;
	top: 130px;
/*	background: red; */
}
.content-container.embed .chat-history-fader-top
{
	top: 70px;
/*	background: red; */
}
#wrapper.floating-wrapper .chat-history-fader-top,
#modal_wrapper.floating-wrapper .chat-history-fader-top
{
	height: 25px;
	top: 80px;
}
.chat-history-fader-bottom
{
	height: 17px;
	bottom: 130px;
/*	background: red; */
}
.chat.chat_for_user .chat-history-fader-bottom
{
	height: 20px;
}
.message-time
{
/*	width: 40px; */
}
#wrapper.floating-wrapper .chat-history-fader-bottom,
#modal_wrapper.floating-wrapper .chat-history-fader-bottom
{
	height: 20px;
}
#wrapper.floating-wrapper .chat-history-fader-bottom
{
	bottom: 134px;
}
#modal_wrapper.floating-wrapper .chat-history-fader-bottom
{
	bottom: 0;
}
/*
.chat-footer .someone-is-typing
{
	padding-left: 131px;
}
*/
.chat-footer
{
	-webkit-user-drag: none;
/*	margin-left: -15px; */
/*	margin-right: -15px; */
/*	margin-top: -130px; */
/*	padding: 25px 8px; */
/*	padding: 25px 0; */
	padding: 25px 105px;
	padding-top: 5px;
/*	padding-top: 10px; */
/*	height: 170px; */
/*	height: 150px; */
	height: 130px;
/*	width: 70%; */
/*	max-width: 820px; */
	box-sizing: border-box;
/*	left: 30%; */
	position: absolute;
	left: 0;
	right: 0;
/*	max-width: 845px; */
/*	max-width: 845px; */
}
.content-container.embed .chat-footer
{
	padding-top: 0;
	padding-bottom: 0;
	height: 110px;
}
.chat-footer textarea
{
	box-sizing: border-box;
    min-height: 50px;
	max-height: 50px;
	line-height: 20px;
    padding: 16px 18px;
    overflow-x: hidden;
/*    overflow-y: hidden; */
}
.chat-footer .message-container
{
	display: inline-block;
	margin: 0;
/*	left: 63px; */
/*	left: 130px; */
/*	right: 97px; */
/*	left: 115px; */
/*	left: 155px; */
	left: 160px;
/*	right: 140px; */
/*	right: 95px; */
/*	right: 185px; */
	right: 180px;
	position: absolute;
}
#wrapper.floating-wrapper .chat-footer .message-container,
#modal_wrapper.floating-wrapper .chat-footer .message-container
{
/*	left: 103px; */
/*	left: 105px; */
	left: 100px;
/*	right: 63px; */
	right: 100px;
}
.chat-footer .message-col-l
{
	float: left;
/*	width: 120px; */
/*	width: 100px; */
/*	width: 145px; */
	width: 50px;
/*	padding-left: 105px; */
	text-align: right;
	padding-top: 10px;
}
#wrapper.floating-wrapper .chat-footer .message-col-l,
#modal_wrapper.floating-wrapper .chat-footer .message-col-l
{
/*	padding-left: 50px; */
	padding-top: 12px;
}
.chat-footer .message-col-r
{
	float: right;
/*	width: 115px; */
	width: 65px;
/*	width: 160px; */
/*	padding-right: 5px; */
	text-align: left;
}
#wrapper.floating-wrapper .chat-footer .message-col-r,
#modal_wrapper.floating-wrapper .chat-footer .message-col-r
{
	padding-right: 5px;
}
.chat-history-container-wrapper
{
	margin-top: 61px;
}
.content-container.embed .chat-history-container-wrapper
{
	margin-top: 1px;
}
.chat-history
{
/*	max-width: 700px; */
	padding-bottom: 10px;
/*	padding-bottom: 90px; */
/*	padding-bottom: 170px; */
/*	margin-top: 80px; */
}
.chat-history-head
{
/*	height: 122px; */
	height: 130px;
	padding: 0;
/*	padding-top: 70px; */
	padding-top: 65px;
	padding-left: 105px;
/*	padding-right: 40px; */
/*	padding-right: 130px; */
	padding-right: 125px;
/*
	padding: 60px;
	padding-bottom: 0;
	padding-right: 85px;
*/
/*
	padding-right: 60px;
	padding-top: 60px;
	padding-left: 60px;
	margin-top: -60px;
	margin-left: -60px;
	margin-right: -60px;
*/
/*	padding-right: 15px; */
/*	max-width: 760px; */
/*	width: 70%; */
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
/*	max-width: 845px; */
}
.chat-footer textarea
{
	min-height: 102px;
	max-height: 200px;
	padding: 15px;
}
.chat-footer-log .row
{
/*
	padding-left: 105px;
	padding-right: 105px;
*/
}
.chat-footer-log textarea
{
    min-height: 87px;
	max-height: 185px;
	border: 1px solid transparent;
}
.list-group-item .message-recv:not(.message-type-event)
{
	margin-right: 110px;
}
.list-group-item.event-change_operator .message-recv
{
	margin-right: 55px;
}
.list-group-item .message-processing
{
/*	margin-right: 110px; */
	margin-right: 0;
}
.menu-input
{
	margin-top: 30px;
}
.menu-group
{
	text-align: center;
	display: inline-block;
	width: 100%;
	max-width: 400px;
/*
	min-width: 230px;
*/
}
.menu-container
{
	width: 30%;
	min-width: 30%;
	max-width: 30%;
	box-sizing: border-box;
	min-height: 100vh;
	position: relative;
	float: left;
/*
	display: table-cell;
	display: inline-block;
*/
	text-align: right;
/*
	padding-bottom: 30px;
	background: yellow;
	background: #474747 url('/images/backgrounds/5.jpg') 0 0 repeat;
*/
	margin-bottom: -99959px;
	padding-bottom: 99999px;
}
.content-container
{
	padding-bottom: 60px;
/*
	display: table-cell;
	display: inline-block;
*/
	width: 70%;
	min-width: 70%;
	max-width: 70%;
	box-sizing: border-box;
	position: relative;
/*
	margin-left: 30%;
*/
	float: left;
/*
	float: right;
	width: 100%;
*/
/*
	min-height: 100vh;
*/
/*
	float: right;
*/
}
.content-container.embed
{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	float: none;
	padding-bottom: 0;
}
#wrapper,
#modal_wrapper
{
/*
	display: table;
*/
	width: 100%;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	overflow: hidden;
	min-height: 100vh;
}
#wrapper > .wrapped,
#modal_wrapper > .wrapped
{
	position: relative;
}
.menu-with-icon .icon
{
/*	position: absolute; */
	margin-top: -20px;
	margin-bottom: -7px;
}
.menu-with-icon a
{
	padding-left: 20px;
}
#menu
{
	text-align: right;
/*	padding: 0 10%; */
	padding: 0;
	padding-right: 58px;
	padding-left: 58px;
	float: none;
}
#menu li
{
	display: block;
	width: auto;
	margin-bottom: 2px;
}
#menu li:last-child
{
	margin-bottom: 0;
}
#menu li a
{
	display: inline-block;
	width: auto;
	color: white;
	padding: 6px 12px;
	line-height: 20px;
	font-size: 17px;
	font-weight: 400;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	vertical-align: middle;
}
#menu li .menu-buttons
{
	display: inline-block;
	margin-right: 5px;
	opacity: 0.3;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
#menu li:focus > .menu-buttons,
#menu li:active > .menu-buttons,
#menu li:hover > .menu-buttons
{
	opacity: 1.0;
}
#menu li .menu-buttons a
{
	padding: 0;
	padding-top: 2px;
}
#menu li .menu-buttons a .icon
{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	background: rgba(100,100,100,0.5);
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
#menu li .menu-buttons a.button-add:hover .icon
{
	background: rgba(150,150,150,0.5);
}
#menu li .menu-buttons a.button-edit:hover .icon
{
	background: rgba(50,200,50,0.5);
}
#menu li .menu-buttons a.button-delete:hover .icon
{
	background: rgba(200,50,50,0.5);
}
#menu li.has-submenu a
{
/*	padding-right: 26px; */
}
.menu .menu-trigger
{
	display: inline-block;
}
.menu li.has-submenu > a > .menu-trigger
{
}
.menu li.has-submenu > a > .menu-trigger:after
{
	content: '+';
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	padding: 6px;
/*
	padding: 15px 20px;
	padding-right: 20px;
*/
	font-size: 24px;
}
.menu li.has-submenu > a.active > .menu-trigger:after
{
	content: '–';
	padding-top: 4px;
/*
	padding-top: 13px;
*/
}
.menu ul ul
{
	background: none;
	margin-top: 2px;
	margin-right: 15px;
/*
	opacity: 0.1;
	-webkit-transition: all 1.5s ease;  
	-moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
	transition: all 1.5s ease;
*/
}
.menu ul ul.active
{
/*
	margin-right: 20px;
*/
	display: block;
/*
	opacity: 0.8;
*/
}
.menu ul ul > li a
{
	font-size: 17px !important;
	font-weight: 300 !important;
}
.menu-bar
{
	display: none;
}
#wrapper.floating-wrapper h1,
#modal_wrapper.floating-wrapper h1
{
	font-size: 30px;
/*	color: #454545; */
}
#wrapper.floating-wrapper .content,
#modal_wrapper.floating-wrapper .content
{
/*	padding-right: 80px; */
/*	padding: 48px; */
	padding: 45px;
/*	padding-top: 45px; */
	padding-right: 0;
	height: initial;
}
#wrapper.floating-wrapper .chat-history-container.scrollable,
#modal_wrapper.floating-wrapper .chat-history-container.scrollable
{
/*	padding-right: 45px; */
}
#wrapper.floating-wrapper .chat-history-head,
#modal_wrapper.floating-wrapper .chat-history-head
{
/*	padding-right: 105px; */
	padding-left: 45px;
/*	padding-right: 45px; */
	padding-right: 25px;
	padding-top: 30px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topright: 15px;
border-top-right-radius: 15px;
	height: 80px;
}
#wrapper.floating-wrapper .icon-head-container,
#modal_wrapper.floating-wrapper .icon-head-container
{
	min-width: initial;
	width: auto;
}
#wrapper.floating-wrapper .chat-history-container-wrapper,
#modal_wrapper.floating-wrapper .chat-history-container-wrapper
{
/*	margin-top: 46px; */
	margin-top: 35px;
}
#wrapper.floating-wrapper .chat-footer,
#modal_wrapper.floating-wrapper .chat-footer
{
/*	padding-left: 48px; */
	padding-left: 45px;
/*	padding-right: 0; */
	padding-right: 30px;
	position: absolute;
/*	left: 30%; */
	right: 0;
	bottom: 0;
	margin-left: 0;
	margin-right: 0;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;
}
#wrapper.floating-wrapper .content-container,
#modal_wrapper.floating-wrapper .content-container
{
	padding-bottom: 0;
	width: 77%;
	max-width: 77%;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topright: 15px;
border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;
}
#wrapper.floating-wrapper .chat-content,
#modal_wrapper.floating-wrapper .chat-content,
#wrapper.floating-wrapper .modal-chat-content,
#modal_wrapper.floating-wrapper .modal-chat-content
{
	width: 100%;
/*	position: initial; */
	position: absolute;
	top: 0;
	bottom: 0;
	height: auto;
}
#modal_wrapper.floating-wrapper .chat-content,
#wrapper.floating-wrapper .modal-chat-content,
#modal_wrapper.floating-wrapper .modal-chat-content
{
/*	left: -1px; */
}
#wrapper.floating-wrapper > .wrapped,
#modal_wrapper.floating-wrapper > .wrapped
{
/*	border: 1px solid blue; */
/*	overflow: hidden; */
	height: 100%;
/*	background: white; */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
}
/*
#wrapper.floating-wrapper .chat-history,
#modal_wrapper.floating-wrapper .chat-history
{
	overflow-y: scroll;
	max-height: 100%;
}
*/
/*
#wrapper.floating-wrapper .content-scroller,
#modal_wrapper.floating-wrapper .content-scroller
{
	overflow-y: hidden;
	margin-bottom: 100px !important;
	max-height: 100%;
}
#wrapper.floating-wrapper .content-scroller .content,
#modal_wrapper.floating-wrapper .content-scroller .content
{
	overflow-y: scroll;
	margin-bottom: 100px !important;
	max-height: 100%;
	height: 100%;
}
*/
.chat-content,
.modal-chat-content
{
	max-height: 100vh;
	height: 100vh;
	position: fixed;
	width: 70%;
	box-sizing: border-box;
/*	padding: 0; */
}
.content-container.embed .chat-content,
.content-container.embed .modal-chat-content
{
	width: 100%;
}
/*
.chat-history-overlay
{
	vertical-align: middle;
	padding-top: 130px;
}
*/
/*
#wrapper.floating-wrapper .chat-footer,
#modal_wrapper.floating-wrapper .chat-footer
{
	max-width: 690px;
}
*/
.modal-dialog
{
/*	left: 15%; */
/*	width: 500px; */
/*	width: 63%; */
/*	width: 50%; */
/*
	height: 80vh;
	max-height: 80vh;
*/
}
.modal
{
	text-align: center;
}
.modal:before
{
	display: inline-block;
	vertical-align: middle;
	content: ' ';
	height: 100%;
}
.modal-dialog
{
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
.panel-for-center
{
	max-width: 400px;
/*	width: 70%; */
/*	min-width: 300px; */
}
.emojione-for.emojione-for-big
{
	display: block;
}
.emoji-container .emoji-list .emoji-list-scroller
{
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

}

@media all and (min-width: 1000px)
{

.modal-dialog
{
/*	left: 15%; */
/*	width: 600px; */
/*	width: 65%; */
/*	width: 50%; */
	height: 80vh;
	max-height: 80vh;
}

}

@media all and (min-width: 992px)
{

.row.vertical-middle > [class^="col-"],
.row.vertical-middle > [class*=" col-"]
{
/*
	display: table-cell;
	vertical-align: middle;
*/
/*
	display: inline-block;
	float: none;
	vertical-align: middle;
*/
}
.col-buttons
{
	text-align: right;
	white-space: nowrap;
}
.edit-this-page-container
{
	position: fixed;
	top: 20px;
	right: 20px;
}
.alert-flying
{
	position: fixed;
	top: 0px;
	border-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	right: 0;
	left: 30%;
	text-align: center;
	border-radius: 0;
	z-index: 1;
}

}

@media all and (min-width: 768px)
{

.row.thinner-cols > [class^="col-"]:not(:first-child),
.row.thinner-cols > [class*=" col-"]:not(:first-child),
.row > .thinner-col
{
	padding-left: 0;
}

}

@media all and (min-width: 768px) and (max-width: 991px)
{

.sticky-footer
{
	padding-left: 50px;
	padding-right: 50px;
}
.content
{
	padding-left: 55px /* !important */;
	padding-right: 55px;
}
.content-container.embed .content
{
	padding-right: 0;
}
.index-footer
{
	padding-left: 55px /* !important */;
	padding-right: 55px;
}
.chat-history-head
{
	padding-left: 55px /* !important */;
	padding-right: 75px;
}
.content-container.embed .chat-history-head
{
	padding-top: 0;
	padding-left: 30px;
	padding-right: 50px;
	height: 60px;
}
.chat-footer
{
	padding-left: 55px /* !important */;
/*	padding-right: 75px; */
	padding-right: 55px;
}
.chat-footer .message-container
{
	left: 110px;
/*	right: 137px; */
	right: 130px;
}
.chat-history-fader
{
    margin-left: 55px;
	margin-right: 75px;
}
.edit-this-page-container
{
	position: fixed;
	top: 20px;
	right: 10px;
}
.big-logo-container img.logo
{
	max-width: 100%;
}

}

/*
@media all and (min-width: 1000px) and (max-width: 991px)
{
.panel-for-center
{
	max-width: 400px;
	width: 75%;
}
*/

@media all and (min-width: 768px) and (max-width: 1148px)
{

.content-with-sticky-footer
{
	margin-bottom: -168px;
}
.content-with-sticky-footer:after
{
	height: 168px;
}
.sticky-footer
{
	height: 168px;
}

}

@media all and (max-width: 1100px)
{

.emoji-container .emoji-preview
{
	display: none;
}
.emoji-container .emoji-list .emoji-items-container
{
	padding-left: 22px;
}

}