/*html { visibility:hidden; }*/

.profileimgs{

  margin-top: 0px;
  margin-left: 15px;
  height: 80px;
  width: 800px;
}

.profileimg
{
    position: relative;     
    float:left;
    width: 80px;
    height:80px;   
}

.skypediv
{
   position: absolute;
   top: 3px;
   left: 62px;        
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {


  z-index: 9995;
  /* header notifications dropdowns */
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading {
  color: white;
  text-decoration: none;
}

/*.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
  padding: 16px 10px 9px 10px !important;
}*/

.page-header.navbar .page-logo .logo-default {
    margin: 18px 0 0 0 !important;
}

.login .logo {
    margin: 60px auto 2px auto !important;
     padding: 9px !important;
}

.icon-item{
    width:40px;
    height:40px;
    font-size:30px !important;
    line-height:30px !important;
    text-align: right;
}



.dxeButtonEditButton {
  background:none !important;
  border: none !important; 
}

.profileimg1 {
    float:left; 
    margin-right: 10px;
    border-radius: 50% !important;
    width: 38.57143px;      
}

[class^="fa-"]:not(.fa-stack), [class^="glyphicon-"], [class^="icon-"], [class*=" fa-"]:not(.fa-stack), [class*=" glyphicon-"], [class*=" icon-"] {
  /* font-size: 100% !important; */
  /*line-height: 1 !important;*/
}


.chats li {
    padding: 0; 
    margin: 0 auto;

}

    .chats li .message {
       padding-bottom: 15px;
    }


/* Styles for the comments */
.bc-comment-box{
	resize: vertical !important;
    font-size: 14px !important;
}
.bc-comment-submit-btn{
	vertical-align: top;
}
.bc-new-comment{
    height: 33px !important;
}
/* Styles for the comments */

/* Styles for the toastrs */
#toast-container > .toast {
    background-image: none !important;
}

#toast-container > .toast:before {
    position: relative;
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 18px;
    float: left;
    margin-left: -1em;
    color: #FFF;
    padding-right: 0.5em;
    margin-right: 0.5em;
} 

/*#toast-container > .toast-success:before {
    content: "../profileimg/ae831150-d12c-4f15-a0ad-1dcdc1ac0ac8_s.jpg";
    content: "\f002";  
}*/



.textbox{


}

.vbadge-topright {
    font-family: "Open Sans", sans-serif;
    position: absolute;
    top: 10px;
    right: 20px;
    font-weight: 300;
    padding: 3px 6px;

}

.vbadge-comment {
    position: relative;
    top: -22px;
    left: -2px;
    text-align: center !important;
    width: 40px;
    height: 16px;
    color: white;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
}

.vlink-nounderline {
    text-decoration:none !important;
}

.animated {
vertical-align: top;
-webkit-transition: height 0.2s;
-moz-transition: height 0.2s;
transition: height 0.2s;
}

.cardportlet{	
	padding:0!important;
}

.mt-comment-author a {
    color:#2f353b;
}

.margin-top-5{
    margin-top: 5px;
}

.margin-bottom-5{
    margin-bottom: 5px;
}

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

.margin-right-5{
    margin-right: 5px;
}

.padding-top-5{
    padding-top: 5px;
}

.padding-bottom-5{
    padding-bottom: 5px;
}

.padding-left-5{
    padding-left: 5px !important;
}

.padding-right-5{
    padding-right: 5px !important;
}

.mt-comment-author {
    margin: 0 !important ;
}

.weight-600{
    font-weight: 600 !important;
}

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

.alt-row{

    background-color:#fbfcfd !important;
}

.mt-comments .mt-comment {
   margin: 0;
   min-height:55px;
   word-break:break-word;
}


.todo-tasklist-item {
    margin-bottom: 1px;
}

.todo-tasklist-item img {
    margin: 0 6px 2px 0;
}

.todo-tasklist-item-title {
    padding-bottom: 5px;
}


.bc-content-title {
    margin: 0;
    opacity: .8;
    filter: alpha(opacity=80);
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
    float: left;
    width: 60%;
}

.bc-avatar {
    float: right;
    margin-left: 15px;
    width: 50px;
    height: 50px;
    border-radius: 50%!important;
    overflow: hidden;
    text-align: right;
}

.bc-author-name {
    margin-top: 5px;
    text-align: right;
        opacity: .9;
    filter: alpha(opacity=90);
    font-size: 15px;
    font-weight: 600;
}

.bc-author-datetime {
    font-size: 13px;
    color: #525e64!important;
    text-align: right;
}

.bc-content {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid;
    clear: both;
    line-height: 1.7em;
    border-color: #e9edef!important;
    opacity: .7;
}

.mt-comments .mt-comment {
    padding: 0 0 10px 0;
}

  .mt-comments .mt-comment:hover {
    background: #fff; }

/*.mt-comment-text {
    font-size: 18px;
}*/

/*Full screen notifications dropdowns*/
@media (max-width: 480px) {
    
    .bc-dropdown { position: static !important; }
    .bc-dropdown-menu { 
        width: 100% !important; 
        max-width: 3000px !important;
        margin-right: 0px !important;
        margin-top: 50px !important;
    }
    .bc-dropdown-menu>li {
         display: inline-block !important;
         width: 100% !important;
    }
    .bc-dropdown-menu-list{ height: 100% !important; }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown-inbox .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav>li.dropdown-inbox .dropdown-menu:before {
        display: none !important;
    }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu:before {
        display: none !important;
    }
}

/*Bigger notifications dropdowns*/
#NotificationsNotifDropdown, #MessagesNotifDropdown, #AppointmentNotifDropdown { 
    width: 400px; 
    max-width: 400px; 
}

.bc-dropdown-menu-list{ height: 80vh !important; }




.inbox .inbox-nav {
    margin: 0 !important;
}

.dropdown-menu>li>a>.badge:empty {

    display: none !important;
}

.page-bar-top >.tabbable-tabdrop>.nav-tabs {
        margin-bottom: 0;
        border-bottom: 0;
}

.page-bar-top > .tabbable-tabdrop > .nav-tabs > li.active > a, .page-bar-top > .tabbable-tabdrop > .nav-tabs > li.active > a:focus, .page-bar-top > .tabbable-tabdrop > .nav-tabs > li.active > a:hover {
    border: 0;
    }

.page-bar-top {
    padding-left: 6px !important;
    margin-bottom: 20px !important;
}

.page-bar-top >.tabbable-tabdrop>.nav-tabs>li> a {
    color:#888 !important;
    border-radius: 0 !important;
    padding: 12px 15px !important;
}

.page-bar-top >.tabbable-tabdrop>.nav-tabs>li.active> a {
    color:#2f353b!important;
}

/*.nav-tabs > li > a {
    padding: 4px 8px !important;
}*/

.line-spacer-15 {
    height:15px;
}

.line-spacer-7 {
    height:7px;
}

.portlet {
    margin-bottom: 10px !important;
}
}

#LanguageSelectorBtnGrp {
    margin-top: 2px;
}

/*Logo style*/
#masterLogo {
    max-height: 30px;
    max-width: 80px;
}

.page-bar-top {
    border-bottom: 1px solid #e7ecf1;
        background-color: #fff;
    position: relative;
    padding: 0 20px;
    margin: -25px -20px 0;
    padding-left: 6px ;

}   

.page-bar-bottom {
    border-bottom: 1px solid #e7ecf1;
        background-color: #fff;
    position: relative;
    padding: 0 20px;
    margin: -25px -20px 0;
    padding-left: 6px ;

}   

/*#MessagesTextAreaWithButtonsContainers*/
.TextAreaWithButtonsContainers {
    width: 100% !important;
    background: white !important;
    border: 1px solid #c2cad8 !important;
    /*min-height: 35px;*/
    /*border-bottom: 1px solid #c2cad8;
    border-top: 1px solid #c2cad8;*/
}

/*#TextAreaPersonalMessage form contenteditable div*/
/*#TextAreaPersonalMessage*/
.ContentEditableDivs {
    -moz-appearance: textfield-multiline !important;
    -webkit-appearance: textarea !important;
    -webkit-line-break: after-white-space !important;
    word-wrap: break-word !important;
    background: white !important;
    border: none !important;
    cursor: text !important;
    font-size: 14px !important;
    height: auto !important;
    min-height: 33px !important;
    overflow: auto !important;
    padding: 5px !important;
    resize: vertical !important;
    width: calc(100% - 90px) !important;
}

/*.input-group > #TextAreaPersonalMessage*/
.input-group > .ContentEditableDivs {
    word-break: break-word !important;
}

/*#TextAreaPersonalMessage > span*/
.ContentEditableDivs > span {
    word-break: break-word !important;
}


/*... ContentEditable Div placeholder */
/*#TextAreaPersonalMessage[placeholder]:empty:before*/
.ContentEditableDivs[placeholder]:empty:before {
    content: attr(placeholder) !important;
    color: #999999 !important;
}

/*#TextAreaPersonalMessage[placeholder]:empty:focus:before*/
.ContentEditableDivs[placeholder]:empty:focus:before {
    content: "";
}

/*#MessagesButtonPickUpEmoji*/
.ButtonPickUpEmoji {
    height: 25px !important;
    width: 30px !important;
    font-size: 23px !important;
    padding: 2px !important;
}

    /*#MessagesButtonPickUpEmoji > i*/
    .ButtonPickUpEmoji > i {
        vertical-align: middle !important;
        margin-bottom: 75% !important;
    }

/*#MessagesUploadButton*/
.UploadButtons {
    visibility: hidden;
    position: absolute;
    top: -9999px;
}

.buttonsHeight {
    height: 25px !important;
    width: 30px !important;
}

/*#MessagesButtonSendFile*/ 
.ButtonsSendFile{
    height: 25px !important;
    width: 30px !important;
    font-size: 20px !important;
    padding: 2px !important;
    border-radius: 0 !important;
}

    /*#MessagesButtonSendFile > i*/ 
    .ButtonsSendFile > i{
        vertical-align: middle !important;
        margin-bottom: 50% !important;
    }

/*#ButtonSendPersonalMessage*/
.ButtonsSendContent {
    height: 25px !important;
    width: 25px !important;
    padding: 2px !important;
    margin: 2px !important;
    border: 1px solid !important;
}

/* emoji dropdown and other stuff*/
.emoji-menu {
    
}

    .emoji-menu .emoji-items-wrap {
        position: relative !important;
        height: 174px !important;
        overflow: scroll !important;
    }

    .emoji-menu .emoji-items {
        padding-right: 8px !important;
        outline: 0 !important;
    }

    .emoji-menu img {
        display: inline-block !important;
        width: 20px !important;
        height: 20px !important;
        vertical-align: middle !important;
        border: 0 none !important;
    }

    .emoji-menu .emoji-items a {
        margin: -1px 0 0 -1px !important;
        padding: 3px !important;
        display: block !important;
        float: left !important;
        border-radius: 2px !important;
        border: 0 !important;
    }

        .emoji-menu .emoji-items a:hover {
            background-color: #edf2f5 !important;
        }

    .emoji-menu:after {
        content: ' ';
        display: block !important;
        clear: left !important;
    }

    .emoji-menu a .label {
        display: none !important;
    }

.imageLinkText {
    position: absolute !important;
    top: 110% !important;
    left: 50% !important;
    margin-top: -0.5em !important;
    margin-left: -50% !important;
    width: 100% !important;
    height: 1.5em !important;
    color: #6afc9a !important;
    background-color: #fc6a6a !important;
}

    .imageLinkText:hover {
        color: #5eb3e5 !important;
        background-color: #ede855 !important;
    }

.messageFileSend {
    position: relative !important;
    display: inline-block !important;
    margin-bottom: 35px !important;
    margin-top: 5px !important;
    margin-left: 5px !important;
}

.AllSendContentButtonsContainers{
    width: 90px !important;
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    padding: 2px !important;
}
 
.body {
    word-break:break-word;
}

.normalPreview {
    width: 230px;
    height: 130px;
}

.smallPreview {
    width: 130px;
    height: 75px;
}

.emojione {
    min-height:15px;
    min-width:15px;
    max-height: 22px;
    max-width: 22px;
}


.stickyDiv{
    position: sticky;
    top: 70px;
}

.tabbable-line > .nav-tabs > li > a {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.previewFileImage {
    padding-top:6px;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
    /*position: fixed;
    top: 0;*/
    position: sticky;
    top: 70px;
}

    /* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
    .sticky + .content {
        /*padding-top: 60px;*/
    }


.popover {
    max-width: 407px; 
}

.form-horizontal .form-group {
    margin-right: 0 !important;
    margin-left: 0 !important;
}