.wcContainer {
    position: relative;
    margin-top: -10px;
    min-height: 400px;
    height: calc( 100vh - 300px ) !important;
}
.wcControls input.wcInput {
    font-family: "Lato",Arial,sans-serif;
    background-color: #fefefe;
    padding: 0 4px; 
    margin: 4px; 
}
.wcControls input.wcInput:focus { 
    background-color: #fefefe; 
}

.wcContainer.wcLightgrayTheme .wcChannel .wcChannelInput .wcInputs .wcSubmit {  
    border-radius: 0 6px 6px 0 !important;
}
.wcContainer.wcLightgrayTheme .wcChannel .wcChannelInput .wcInputs div.wcInput {
    border-radius: 6px 0 0 6px; 
    border: 2px solid gray;
    position: relative;
}
.wcContainer.wcLightgrayTheme .wcChannel .wcChannelInput .wcInputs div.wcInput:hover, .wcContainer.wcLightgrayTheme .wcChannel .wcChannelInput .wcInputs div.wcInput:active { 
    border: 2px solid gray;
}
.wcContainer.wcLightgrayTheme .wcChannel .wcChannelInput .wcInputs div.wcInput:focus { 
    border: 2px solid #E0512A; 
}
.wcContainer.wcLightgrayTheme .wcClassic, [role="dialog"].wcPopup-content.wcLightgrayTheme-content { 
    border-radius: 2px !important; 
}
.wcContainer .wcWindowTitle { 
    display: none; 
}
.wcContainer .wcMessages, .wcUsersListIncluded .wcUsersList { 
    padding: 5px; 
} 
.wcContainer .wcMessages .wcMessage { 
    margin-bottom:0; 
    line-height: 1.1em;
}
.wcContainer .wcControls { 
    background-color:#f7f7f7; 
}
.wcMessages.wcMessagesInline .wcMessage .wcMessageContent {
    padding: 0px;
}
.wcContainer .wcMessages .wcMessage .wcMessageContent { 
    background: transparent; 
} 
.wcMessageTimeDate { 
    font-size:0.8em!important; 
}
.wcMessageTimeHour, .wcUsersList .wcUsersListCity { 
    font-size:0.7em!important; 
}
.wcContainer .wcUsersCounter { 
    position: absolute; 
    top: -30px; 
    border:none; 
}
.wcUsersList .wcUserInChannel { 
    border-top: 1px dashed #dfdfdf; 
    padding-top: 4px; 
    margin-top: 4px; 
}
.wcUsersCounter+br.wcClear{
    display: none;
}
.wcContainer .wcControls { 
    padding: 0; 
}
.wcEmoticon { 
    width: 1em; 
}
.wcAdminAction { 
    width: .8em !important; 
    height: .8em !important; 
}

.wcMessage { 
    position: relative; 
}
.wcContainer .wcChannel .wcMessages .wcMessage .wcRowBody {
    padding: 0 10px;
    display: inline-block;
    width: auto;
    padding-left: 10px;
    padding-right: 30px;
    justify-content: flex-start;
}
.wcContainer .wcChannel .wcMessages .wcMessage.wcCurrentUser .wcRowBody {
    padding-right: 10px;
    padding-left: 30px;
    text-align: left;
    justify-content: flex-end;
}
.wcContainer.wcLightgrayTheme .wcChannel .wcMessages .wcMessage.wcCurrentUser{
    text-align: right;
}
.wcContainer.wcLightgrayTheme .wcChannel .wcMessages .wcMessage{
    text-align: left;
}
.wcContainer.wcLightgrayTheme .wcChannel .wcMessages .wcMessage .wcContent{ 
    position: relative;
    margin-top: 12px;
    border-radius: 10px !important;
    background-color: #e8e8e8 !important;
    box-shadow: 1px 3px 4px rgba(47, 47, 47, 0.23) !important;
}
.wcContainer.wcLightgrayTheme .wcChannel .wcMessages .wcMessage.wcCurrentUser .wcContent {
    background-color: #e8e8e8 !important;
    box-shadow: 1px 3px 4px rgba(47, 47, 47, 0.23) !important;
}
.wcContainer .wcChannel .wcMessages .wcMessage.wcCurrentUser .wcActions {
  left: 0;
  right: auto;
}
.wcContainer .wcChannel .wcMessages .wcMessage .wcActions {
  right: 0;
  left: auto;
}
.wcContainer.wcLightgrayTheme .wcChannel .wcMessages .wcMessage .wcContent .wcInternalContent {    
    text-align: justify;
}
.wcContainer.wcLightgrayTheme .wcChannel .wcMessages .wcMessage.wcCurrentUser .wcContent .wcInternalContent {    
    font-style: italic !important;
    color: #777;
}
.wcContainer .wcChannel .wcMessages .wcMessage .wcContent::before{ 
    content: '';
    display: block;
    width: 24px;
    height: 16px;
    position: absolute;
    top: -6px;
    left: 11px;
    background: transparent;
    transform: rotate(25deg);
    border-top: 8px solid #e8e8e8;
    border-left: 8px solid #e8e8e8;
}
.wcContainer .wcChannel .wcMessages .wcMessage.wcCurrentUser .wcContent::before{ 
    content: '';
    display: block;
    width: 24px;
    height: 16px;
    position: absolute;
    top: -6px;
    right: 55px;
    left: auto;
    background: transparent;
    transform: rotate(25deg);
    border-top: 8px solid #e8e8e8;
    border-right: 8px solid #e8e8e8;
}
.wcContainer.wcLightgrayTheme .wcChannel .wcMessages .wcMessage a {
    color: #f2481a;
}
.wcContainer .wcChannel .wcMessages .wcMessage{ 
    border-bottom: 1px solid transparent; 
    margin: 0; 
}
.wcRowHead .wcUser { 
    font-family: 'Lato', Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    position:relative; 
    padding-right: 10px;
    margin-right: 0;
    padding-right: 0;
    text-decoration: underline !important;
    text-decoration-style: dotted !important;
    color: #6a6a6a !important;
}
.wcRowHead .wcUser:hover { 
    color: #3a3a3a !important;
}

.wcContainer.wcLightgrayTheme .wcChannel .wcMessages .wcMessage .wcUser:hover { 
    text-decoration-style: solid !important;
}
.wcCurrentUser .wcUser { 
    font-style: italic !important; 
}
.wcContainer.wcLightgrayTheme .wcChannel .wcMessages .wcMessage .wcUser[title*="@Ben Bois"],.wcContainer.wcLightgrayTheme .wcChannel .wcMessages .wcMessage .wcUser[title*="@Alice Ayel"]  {    
    color: #f68060 !important;
    text-decoration-color: #f2481a !important;
}
.wcContainer.wcLightgrayTheme .wcChannel .wcMessages .wcMessage .wcUser[title*="@Ben Bois"]:hover,.wcContainer.wcLightgrayTheme .wcChannel .wcMessages .wcMessage .wcUser[title*="@Alice Ayel"]:hover  {    
    color: #f2481a !important;
}
.wcContainer.wcLightgrayTheme .wcChannel .wcMessages .wcMessage .wcTime {
    margin-left: 5px;
}
.wcContainer .wcChannel .wcMessages .wcMessage.wcCurrentUser .wcRowHead .wcUser {
    font-weight: 400;
}
.wcContainer.wcLightgrayTheme button:not(.wcFunctional), .wcContainer.wcLightgrayTheme button:not(.wcFunctional):active, .wcContainer.wcLightgrayTheme button:not(.wcFunctional):focus, .wcContainer.wcLightgrayTheme input[type="button"], .wcContainer.wcLightgrayTheme input[type="button"]:active, .wcContainer.wcLightgrayTheme input[type="button"]:focus, .wcContainer.wcLightgrayTheme input[type="submit"], .wcContainer.wcLightgrayTheme input[type="submit"]:active, .wcContainer.wcLightgrayTheme input[type="submit"]:focus,[role="dialog"].wcPopup-content.wcLightgrayTheme-content button:not(.wcFunctional), [role="dialog"].wcPopup-content.wcLightgrayTheme-content button:not(.wcFunctional):active, [role="dialog"].wcPopup-content.wcLightgrayTheme-content button:not(.wcFunctional):focus, [role="dialog"].wcPopup-content.wcLightgrayTheme-content input[type="button"], [role="dialog"].wcPopup-content.wcLightgrayTheme-content input[type="button"]:active, [role="dialog"].wcPopup-content.wcLightgrayTheme-content input[type="button"]:focus, [role="dialog"].wcPopup-content.wcLightgrayTheme-content input[type="submit"], [role="dialog"].wcPopup-content.wcLightgrayTheme-content input[type="submit"]:active, [role="dialog"].wcPopup-content.wcLightgrayTheme-content input[type="submit"]:focus, [role="tooltip"].wcPopup-content.wcLightgrayTheme-content button:not(.wcFunctional), [role="tooltip"].wcPopup-content.wcLightgrayTheme-content button:not(.wcFunctional):active, [role="tooltip"].wcPopup-content.wcLightgrayTheme-content button:not(.wcFunctional):focus, [role="tooltip"].wcPopup-content.wcLightgrayTheme-content input[type="button"], [role="tooltip"].wcPopup-content.wcLightgrayTheme-content input[type="button"]:active, [role="tooltip"].wcPopup-content.wcLightgrayTheme-content input[type="button"]:focus, [role="tooltip"].wcPopup-content.wcLightgrayTheme-content input[type="submit"], [role="tooltip"].wcPopup-content.wcLightgrayTheme-content input[type="submit"]:active, [role="tooltip"].wcPopup-content.wcLightgrayTheme-content input[type="submit"]:focus { 
    background: #fff !important; 
    border: 3px solid #eeeeee !important; 
    color: #999999 !important;
}
[role="dialog"].wcPopup-content.wcLightgrayTheme-content button:not(.wcFunctional), [role="dialog"].wcPopup-content.wcLightgrayTheme-content button:not(.wcFunctional):active, [role="dialog"].wcPopup-content.wcLightgrayTheme-content button:not(.wcFunctional):focus, [role="dialog"].wcPopup-content.wcLightgrayTheme-content input[type="button"], [role="dialog"].wcPopup-content.wcLightgrayTheme-content input[type="button"]:active, [role="dialog"].wcPopup-content.wcLightgrayTheme-content input[type="button"]:focus, [role="dialog"].wcPopup-content.wcLightgrayTheme-content input[type="submit"], [role="dialog"].wcPopup-content.wcLightgrayTheme-content input[type="submit"]:active, [role="dialog"].wcPopup-content.wcLightgrayTheme-content input[type="submit"]:focus, [role="tooltip"].wcPopup-content.wcLightgrayTheme-content button:not(.wcFunctional), [role="tooltip"].wcPopup-content.wcLightgrayTheme-content button:not(.wcFunctional):active, [role="tooltip"].wcPopup-content.wcLightgrayTheme-content button:not(.wcFunctional):focus, [role="tooltip"].wcPopup-content.wcLightgrayTheme-content input[type="button"], [role="tooltip"].wcPopup-content.wcLightgrayTheme-content input[type="button"]:active, [role="tooltip"].wcPopup-content.wcLightgrayTheme-content input[type="button"]:focus, [role="tooltip"].wcPopup-content.wcLightgrayTheme-content input[type="submit"], [role="tooltip"].wcPopup-content.wcLightgrayTheme-content input[type="submit"]:active, [role="tooltip"].wcPopup-content.wcLightgrayTheme-content input[type="submit"]:focus {
    border-radius: 6px !important; 
}
.wcContainer.wcLightgrayTheme button:not(.wcFunctional):hover, .wcContainer.wcLightgrayTheme button:not(.wcFunctional):hover, .wcContainer.wcLightgrayTheme button:not(.wcFunctional):hover, .wcContainer.wcLightgrayTheme input[type="button"]:hover, .wcContainer.wcLightgrayTheme input[type="button"]:hover, .wcContainer.wcLightgrayTheme input[type="button"]:hover, .wcContainer.wcLightgrayTheme input[type="submit"]:hover, .wcContainer.wcLightgrayTheme input[type="submit"]:hover, .wcContainer.wcLightgrayTheme input[type="submit"]:hover {
    border: 3px solid #f68060 !important; 
    color: #f68060 !important;
}
.wcContainer.wcLightgrayTheme .wcChannel .wcCounter { 
/*
    padding: 0 2%;
    font-style: italic; 
    color: gray; 
    padding-top: 5px;
    margin-top: 5px;
    border-top: 1px dashed #dedede;
*/
    display: none;
}
.wcContainer.wcLightgrayTheme .wcChannel .wcMessages { 
    margin-bottom: 0 ; 
    background: #fff!important; 
}
.wcContainer.wcLightgrayTheme .wcChannel .wcMessages .wcMessage { 
    padding-left: 5px; 
    padding-right: 5px; 
    padding-bottom: 5px; 
    margin-bottom: 5px; 
}
.wcContainer .wcChannel .wcMessages .wcMessage .wcActions { 
    border-radius: 50%; 
    padding:0; 
    border: none; 
    margin: 0 5px;
}
.wcContainer.wcLightgrayTheme .wcChannel .wcMessages .wcMessage .wcActions .wcDelete {
    background-color: #f0f0f0;
    border: none;
}
.wcContainer.wcLightgrayTheme .wcChannel .wcMessages .wcMessage .wcActions .wcDelete:hover {
    background-color: #fff;
}
.wcContainer.wcLightgrayTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton { 
    opacity: .5; 
    background-color: transparent; 
    transition: none !important; 
}
.wcContainer.wcLightgrayTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton:hover{ 
    opacity: 1; 
    background-color: transparent; 
    filter: invert(31%) sepia(95%) saturate(2530%) hue-rotate(354deg) brightness(99%) contrast(91%); 
}
.wcContainer.wcLightgrayTheme .wcClassic { 
    background: transparent !important; 
}
.wcContainer.wcLightgrayTheme .wcChannel .wcChannelInput { 
    padding: 0; 
    background: transparent; 
}
.wcContainer.wcLightgrayTheme .wcClassic .wcTitle { 
    display: none;
}
.wcClassic.wcMobile .wcTabContent {
    padding-top: 0; 
}
.wcClassic.wcMobile .wcTabContent.wcTabContentChannel .wcChannelContainer:not(.wcInvisible) .wcChannel { 
    padding-left: 0; 
    padding-right: 0;
}
.wcContainer .wcChannel .wcMessages .wcMessage .wcRowBody .wcContent .wcEmoticon, .wcContainer .wcChannel .wcMessages .wcMessage .wcRowBody .wcContent .wcImage { 
    vertical-align: top; 
    margin-bottom: 0;
}
.wcContainer img.wcEmoticon, .wcContainer span.wcEmoticon {
    margin-left:0; 
    margin-right: 0;
}
.wcImagePreviewLayer img { 
    border-radius: 6px; 
    box-shadow: 1px 1px 8px rgba(0,0,0, .4);
}
.wcContainer.wcLightgrayTheme .wcChannel .wcChannelInput .wcCurrentUserName {
/*   
    font-style: italic !important; 
    color: #9a9a9a !important;
*/
    display: none;
}

.wcVideoPlayer { 
    margin: 0 auto; 
    display: block; 
    width: 186px; 
    height: 105px;
}
[role="dialog"].wcPopup-content.wcLightgrayTheme-content > .wcBody {
    font-size: 1.2em;
}

.wcClassic.wcMobile .wcTabs {
	display: none!important;
}

@media screen and (max-width: 37em) {	/* ~592px */
    .wcContainer {
        min-height: calc( 100vh - 200px );
        height: calc( 100vh - 200px ) !important;
    }

    .wcContainer .wcMessages { 
		border: none !important;
    }
    .wcUsersCounter + br.wcClear { 
        display: block; 
    }
    .wcToolButtonWrapper { 
        float:left; 
    }
    .wcControls .wcInputContainer { 
        width: calc( 100% - 4px ); 
    }
    .wcContainer.wcLightgrayTheme .wcChannel .wcChannelInput .wcInputs div.wcInput { 
    }
    .wcControls input.wcSubmitButton {
        float:right;
    }
    .wcContainer.wcLightgrayTheme .wcChannel.wcChannelSizeXXs .wcChannelInput .wcInputs .wcInputButtons button.wcSubmit {
		background: none!important;
		width: auto!important;
	}
}

@media screen and (max-width: 32em) {	/* ~512px */
    .wcContainer {
        min-height: calc( 100vh - 260px );
        height: calc( 100vh - 260px ) !important;
    }

}
