@import url('../../module.css');
.red-bold-msg{color:Red;font-weight:700}
.msgDiv{font-size:12px;width:125px}
.valueDiv{background-color:#E8E8E8;font-size:12px;padding:5px}
.autoSuggestWidth div{overflow-x:hidden!important}
.MessageDetailsView ul li{height:40px;text-decoration:none}
.FilterCriteriaCheckBoxList{width:100%}
.MessageBody{width:71%}
.messageDetailNavigationContainerDiv{margin-top:22px;display:inline}
.bgImageComposeMsg{margin-right:.5em}
.divMergeFields{float:left;margin-top:40px}
#successMessage{position:fixed;top:50px;left:350px;background-color:Green;display:none;border:solid 2px #000;color:#FFF;min-height:30px;min-width:350px}
#errorMessage{position:fixed;top:50px;left:350px;background-color:Red;display:none;border:solid 2px #000;color:#FFF;min-height:30px;min-width:350px}
.searchTextBox{width:211px}
.divMessageActions{float:left}
.tableAssignClientsOrLeads{width:442px}
.rotate{-o-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2)}
.tableUnAssignClientsOrLeads{margin-left:14px;width:343px}
.divComposeActions{margin-top:5px}
.howHideMessageThumb{float:left;margin-left:100px}
.messageSubject{color:Blue!important}
.divAssignedUsers{margin-top:10px}
.tableMessageDetails{width:100%}
#divLoveLabNotAccess{font-weight:700;color:Red;margin:20px}
.associatedMessageListHeader{font-size:18px;font-weight:700;margin:20px 0}
.divViewMessageTemplatePopup{height:445px;overflow:auto}
.associatedUsersNameLink{color:#895F00;text-decoration:none}
.divSenderNameOrTo a{text-decoration:none!important}
.divReplyForwardAssign{margin-left:20px;display:inline}
.divPrevNextMessageDetailsButton {
    margin-left: 70px;
    display: inline;
    position: relative;
    top: 10px;
}
.smallMessageButton{background:url(images/small_btn.png) no-repeat scroll left top transparent;border:medium none;color:#FFF!important;height:22px;padding-top:0;width:60px;font-size:10px}
.divRefresh{float:right;padding-top:4px}
.divMessageHeader{background-color:#E8E8E8;border:2px ridge}
.meter-wrap{position:relative;z-index:1001;width:100px;height:100px}
.meter-wrap,.meter-value,.meter-text{width:155px;height:30px}
.meter-wrap,.meter-value{background:#bdbdbd url(Images/ui-progress-bar.png) top left no-repeat}
.meter-text{position:absolute;top:0;left:0;padding-top:5px;color:#fff;text-align:center;width:100%}
.popup{width:100%;-moz-border-radius:15px;-webkit-border:15px}
.licensePopup{font-size:15px;width:auto;padding:150px 10px 10px 250px}
.popup .content{border:1px solid #2791b6;height:200px;overflow:auto;width:96%}
.popup .button-set{float:right;z-index:2000;position:relative;padding:0}
.popup .tabs li a{background:url(Images/tab-left-popup.jpg) left no-repeat;display:block;color:#333;padding-left:9px;font-weight:700;text-decoration:none;font-size:13px}
.popup .tabs li a span{background:url(Images/tab-right-popup.jpg) right no-repeat;display:block;padding:7px 9px 7px 0}
.popup .tabs li a:hover{background:url(Images/tab-left-active-popup.jpg) left no-repeat;color:#fff}
.popup .tabs li a:hover span{background:url(Images/tab-right-active-popup.jpg) right no-repeat}
.black_overlay{display:none;position:absolute;top:0;left:0;width:110%;height:600%;background-color:#000;z-index:1001;-moz-opacity:0.7}
.white_content_ViewMessageTemplatePopup{display:none;position:absolute;top:10px;left:15%;width:753px;height:486px;border:2px solid #000;-moz-border-radius:15px;-webkit-border:15px;background-color:#FFF;z-index:1002;overflow:auto;padding:5px}
.white_content_MessageAssignPopup{display:none;position:absolute;top:10px;left:15%;width:697px;height:200px;border:2px solid #000;-moz-border-radius:15px;-webkit-border:15px;background-color:#FFF;z-index:1002;overflow:auto;padding:5px}
.white_content_messageUnAssignPopup{display:none;position:absolute;top:10px;left:33%;width:354px;height:356px;border:2px solid #000;-moz-border-radius:15px;-webkit-border:15px;background-color:#FFF;z-index:1002;overflow:auto;padding:5px}
.ui-draggable .ui-dialog-titlebar{cursor:move}
.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;color:#fff;font-weight:700;font-size:12px;padding:7px}
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-khtml-border-top-left-radius:4px;border-top-left-radius:4px}
.ui-helper-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.ui-helper-clearfix{display:block}
* html .ui-helper-clearfix{height:1%}
.ui-dialog .ui-dialog-title{float:left;margin:.1em 16px .1em 0}
.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:19px;height:18px;margin:-10px 0 0;padding:1px}
.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px}
.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus{padding:0}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-khtml-border-top-right-radius:4px;border-top-right-radius:4px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-khtml-border-bottom-left-radius:4px;border-bottom-left-radius:4px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-khtml-border-bottom-right-radius:4px;border-bottom-right-radius:4px}
.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}
.ui-icon-closethick{background-position:-96px -128px}
.post_button{background:url(images/button_left.png) no-repeat scroll left top transparent;border:medium none;color:#FFF!important;height:31px;margin-top:10px;float:left;padding:0 0 0 4px}
.gridMessagesDivPerPage{float:right;}
.gridMessagesDivPaging{float:left;margin-right:10px;white-space:nowrap}
.divImgSenderLast{margin-left:100px}
.CreateTemplateDiv{padding:10px 0 10px 10px}
.border-width1{border-width:1px}
.width100px{width:100px}
.overflowhidden{overflow:hidden}
.Pabsolute{position:absolute}
.divMessageContent{width:70%}
.hidden,.noDisplay{display:none}
.arrowShowHideTemplates,.showCursor{cursor:pointer}
.hashTag,.ampersandTag{color:blue!important;font-weight:700}
#divUnAssignClients,#divUnAssignLeads{height:79px;margin-left:30px;overflow:auto}
.attachmentDetails,.attachmentHeader,.associatedMemberHeader{color:#BC4092;font-weight:700}
.attachmentIcon,#pnlReplyForwardButtons{display:inline}
.closePopup,.popup .button-set .button{float:right}
#messageAssignPopup,#viewMessageTemplatePopup{background:#fff;border:2px solid #000}
#fadeMessageAssignPopup,#fadeViewMessageTemplatePopup,#fadeMessageUnAssignPopup{display:none;background:#000;position:fixed;left:0;top:0;width:100%;height:100%;opacity:.80;z-index:1001}
.actionButtonMessage{margin-top: 4px;vertical-align: top; position:relative;}


.txtSpan {
    display: flex;
    float: left;
}


.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .dropdown-content .dropdown-item {
        color: black;
        text-decoration: none;
        display: flex;
        align-items: center;
    }


.listContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    margin-left: 5px;
}

.listClass {
    border: 1px solid #AEB4D5;
    cursor: pointer;
    list-style-type: none;
    padding: .5em;
}

.dropdown-item{
    padding:2px !important;
}

.dropdown-item:hover{
    background : #eee !important;
}

.txtbox{
    width:100% !important;
}


.dropdown {
    position: absolute;
    background: white;
    max-height: 170px;
    overflow-y: scroll;
    min-width: 90%;
    /*width: 90%;*/
    z-index: 100;
    left: -18px;
    flex-direction: column;
    display: none;
    border: 1px solid;
}

.dropdown-contaier {
    position: relative;
}

.dropdown li {
    padding: 2px;
}

    .dropdown li:hover {
        background: #eeeeee;
        cursor:pointer;
    }

.m-0 {
    margin-left: 0 !important;
}


.txtZip{
    width: 205px;
    font-size: small;
}

.loader {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(/images/ProgressImage.gif) 50% 50% no-repeat rgb(249, 249, 249);
    opacity: .8;
}

.autoLayout{
    table-layout:auto !important;
}

.templateTxt{
    max-width:500px;
    width:100%;
}

.m-0{
    margin-left:0px !important;
}

.table-col{
    width:10%;
}

.sideWidth{
    width:200px;
}

.autoLayout{
    table-layout:auto !important;
}

@media (max-width:760px) {
    .table-col{
        width:15% !important;
    }

    .sideWidth {
        width: 160px !important;
    }

}

@media (max-width:621px)
{
    .sideWidth {
        width: 130px !important;
    }
}

@media (max-width:520px)
{
    .table-col {
        width: 25% !important;
    }

    .divMessageContent{
        width:100% !important;
    }

    .sideWidth {
        width: 200px !important;
        margin-top:5px;
    }
}