.communication-panel {
   width: 4em;
   height: 100%;
   right: 0;
   z-index: 1006;
   top: 0;
   overflow: hidden;
}

.communication-panel .all {
   height: inherit;
   margin-right: 6px;
   padding-left: 3px;
   padding-right: 1px;
}

.communication-panel2{
   background-color: #ebeeef;
   border-top: 6px solid #ebeeef;
   height: inherit;
}

.communication-panel .content {
   width: 100%;
   overflow: hidden;
   position: relative;
   top: 50%;
   transform: translateY(-50%);
   z-index: 1;
}

.communication-panel .content .t-btn-wrapper {
   padding: inherit;
   height: 48px;
}

.communication-panel-menu-images-class {
   width: 48px;
   height: 48px;
}

#communicationPanelContent .wrapper-with-centered-left-image {
   padding: 0;
   position: static;
}

#communicationPanelContent .t-btn-wrapper {
   text-align: inherit;
   cursor: pointer;
}

#communicationPanelContent .t-btn-style-transparent {
   color: #ffffff;
}

#communicationPanelContent .t-btn-down.t-btn-style-transparent:hover,
.t-btn-pressed.t-btn-style-transparent,
.t-btn-style-transparent:hover {

}

#communicationPanelContent .t-btn-style-transparent:not(.t-btn-disabled):hover {
   color: #ffffff;
}

#rightPanelCloseButton-wrapperEl {
   position: absolute;
   top: 95px;
   right: 20px;
   padding: 0;
}

#rightPanelCloseButton-imageEl {
   width: 15px;
   height: 15px;
}

.t-btn-image-left-width {
   display: block;
   margin: 0 auto;
   float: none;
}

.t-btn-left {
   float: left;
}

.wrapper-with-centered-left-image .t-btn-image {
   float: none;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   margin: auto 0;
}


.communication-panel .content .t-btn-wrapper {
   margin-bottom: 4px;
}

.communication-panel .content .t-btn-style-transparent {
   color: white;
}

.communication-panel .content .t-btn-wrapper {
   text-align: left;
   cursor: pointer;
}

.communication-panel .content .t-btn-wrapper {
   padding: inherit;
   height: 48px;
}

.communication-panel .content .t-btn-wrapper > span:not(.wrapper-with-centered-left-image) {
   margin-top: 4px;
   margin-right: 1px;
}
.communication-panel .content .communication-panel-menu-images-class {
   width: 40px;
   height: 40px;
}
.communication-panel .content .t-btn-image {
   background-color: #9bb3e8;
   border-radius: 50%;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.communication-panel .content .t-btn-text.t-btn-left {
   background-color: red;
   width: 18px;
   height: 18px;
   border-radius: 50%;
   display: block;
   text-align: center;
}
.communication-panel .content .t-btn-text {
   position: relative;
   line-height: normal;
   margin: 5px 0 0 5px;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   font-family: "Segoe UI";
   font-size: 12px;
   padding-top: 1px;
}
.right-panel {
   top: 7px;
   bottom: 0;
   right: 4em;
   width: 27em;
   overflow: hidden;
   border-left: 1px solid #E1E8F2;
   background-color: #FFF;
   z-index: 1006;
   display: none;
   box-shadow: -2px -2px 5px 0 rgba(0, 0, 0, 0.15);
}
.communication-panel .content .t-btn-pressed .t-btn-image {
   background-color: #ff943e;
}
#rightPanelCloseButton{
   display: none;
   position: absolute;
   top: 90px;
   right: 12px;
   padding: 5px 9px;
}
.show-right-panel .left-header-container-class{
   border-top-right-radius:0;
}
.show-right-panel .communication-panel .all {
   background: #fff;
   border-top-right-radius: 3px;
   border: 1px solid #dedede;
   border-left: none;
   border-bottom: none;
}
.show-right-panel #rightPanel{
   display: block;
}
.show-right-panel #rightPanelCloseButton{
   display: block !important;
}
.right-side-bar-container .ts-tabpanel.ts-imagetabpanel {
   height: 45px;
   padding-right: 0;
   margin-top: 8px;
}
.right-side-bar-container .ts-tabpanel-wrap {
   margin-right: 1em;
}
.right-side-bar-container  .ts-tabpanel.ts-imagetabpanel .ts-tabpanel-items {
   padding-top: 3px;
   width: inherit;
}
.ts-imagetabpanel .ts-tabpanel-items {
   margin: 0;
   width: 100%;
   display: flex;
   -moz-box-pack: start;
   justify-content: flex-start;
}
.right-side-bar-container .ts-tabpanel.ts-imagetabpanel .ts-tabpanel-items > li.ts-tabpanel-active-item {
   border-bottom: 3px solid #F49D57;
}
.right-side-bar-container .ts-tabpanel.ts-imagetabpanel .ts-tabpanel-items > li:first-child {
   margin-left: 15px;
}
.right-side-bar-container  .ts-tabpanel.ts-imagetabpanel .ts-tabpanel-items > li {
   border-bottom: medium none;
   width: 52px;
   height: 42px;
   display: inline-block;
   margin-right: 12px;
   background-size: cover;
}
.right-side-bar-container .ts-tabpanel li.ts-tabpanel-active-item {
   color: #444;
   background-color: #FFF;
   border-color: #FFF #E1E8F2 #F49D57;
   border-bottom: 2px solid #F49D57;
}
.right-side-bar-container .ts-tabpanel.ts-imagetabpanel .ts-tabpanel-items > li > span {
   color: #FFF;
   display: inline-block;
   border-radius: 9px;
   position: absolute;
   top: 0;
   left: 100%;
   line-height: normal;
   font-size: 12px;
   width: 18px;
   height: 18px;
   text-align: center;
   margin-left: -18px;
}
#right-panel-content-iframe{
   border: none;
   width: 100%;
   margin-top:6px;
   overflow: auto;
}
.esn-notifications-main-container .selected-item-class,
.ts-anniversarynotificationsmodule-container .selected-item-class {
   background-color: #EDF1F8;
}

.ts-notifications-container .reminder-notification-item-container, .ts-anniversarynotificationsmodule-container .reminder-notification-item-container, .ts-notifications-container .visa-notification-item-container, .ts-anniversarynotificationsmodule-container .visa-notification-item-container, .ts-notifications-container .system-notification-item-container, .ts-anniversarynotificationsmodule-container .system-notification-item-container, .ts-notifications-container .anniversary-notification-item-container, .ts-anniversarynotificationsmodule-container .anniversary-notification-item-container {
   padding: 15px 27px 17px 10px;
   margin-left: 10px;
   margin-right: 10px;
   border-bottom: 1px solid #E1E8F2;
   position: relative;
}

.ts-notifications-container .reminder-notification-item-top-container, .ts-anniversarynotificationsmodule-container .reminder-notification-item-top-container, .ts-notifications-container .anniversary-notification-item-top-container, .ts-anniversarynotificationsmodule-container .anniversary-notification-item-top-container {
   position: relative;
}

.notificationActionButtonWrap-class{
   position: absolute;
   left: 100%;
   top: 17px;
   margin-left: -30px;
   padding: 2px 3px;
   border-left: 1px solid #E1E8F2;
}
.subject-text-labelClass{
   font-size: 1em;
}
/*--*/
.esn-notifications-main-container .esn-notification-container {
   min-height: 76px;
   border-bottom: 1px solid #E1E8F2;
   position: relative;
   padding: 13px 15px 12px;
   cursor: pointer;
}

.esn-notifications-main-container .esn-notification-container .ts-image-edit-wrap.author-image-container {
   margin: 0;
   width: 42px;
   height: 42px;
   position: absolute;
   top: 16px;
}
.esn-notifications-main-container .esn-notification-container * {
   cursor: pointer;
}
.esn-notifications-main-container .esn-notification-container .ts-image-edit-wrap.author-image-container img {
   width: 42px;
   height: 42px;
   border-radius: 50%;
   cursor: pointer;
}

.esn-notifications-main-container .esn-notification-container .message-container {
   margin-left: 51px;
   font-size: 0.9em;
   line-height: 1.4em;
}

.esn-notifications-main-container .esn-notification-container .message-created-by, .esn-notifications-main-container .esn-notification-container .message-type-text {
   display: inline;
}

.esn-notifications-main-container .esn-notification-container .message-created-by, .esn-notifications-main-container .esn-notification-container .message-type-text {
   display: inline;
}

.esn-notifications-main-container .esn-notification-container .message-labels-container {
   position: relative;
   line-height: 16px;
   margin-top: 10px;
}

.esn-notifications-main-container .esn-notification-container .ts-image-edit-wrap.type-image-container {
   margin: 0;
   line-height: 8px;
   width: 16px;
   height: 16px;
   position: absolute;
   top: 1px;
}

.esn-notifications-main-container .message-created-on {
   margin-left: 28px;
}

.esn-notifications-main-container .esn-notification-container .message-created-on {
   color: #999;
   display: inline;
   margin-left: 27px;
   font-size: 0.95em;
}