.delete_message {
    position: absolute;
    top: 5px;
    right: 5px;
}
.social_connections a {
    cursor: pointer !important;
}
.social_connections_matches li {
    padding: 0px 1px;
}
.social_connections a img {
    width: 18px !important;
    max-height: 18px !important;
}
.ft-icon .fa-list-alt:before {
    font-size: 16px;
}
.blogger-categories {
	cursor: pointer;
}
.stepsMainHeaderOuter .stepsMainHeaderRight .stepIconDiv .stepText5, 
.stepsMainHeaderOuter .stepsMainHeaderRight .stepIconDiv .stepText6,
.stepsMainHeaderOuter .stepsMainHeaderRight .stepIconDiv .stepText7,
.stepsMainHeaderOuter .stepsMainHeaderRight .stepIconDiv .stepText8,
.stepsMainHeaderOuter .stepsMainHeaderRight .stepIconDiv .stepText9,
.stepsMainHeaderOuter .stepsMainHeaderRight .stepIconDiv .stepText10
{
    line-height: 12px !important;
    padding-top: 7.5px !important;
}
.viewMoreChat{
    float: right;
}
.step2Div{
    min-height:40px !important;
    max-height:40px !important;
}
.step2Divtooltip{
    margin: 0px auto !important;
}
.declineoffer_link{
    font-size: 11px;
    color: #333333;
    /*font-weight: bold;*/
    text-decoration: underline;
}
.apply-btn-step1{
    margin: 15px auto !important;
    width: 100%;
}
.itemsDiv{
    text-align: center;
    line-height: 38px;
    padding-left: 10px;
}
.search_steps_cls{
    width:50%;
}
.stickyHeadPartCss{
    position: fixed;
    top: 50px;
    background-color: #ffffff;
    z-index: 100;
    width: 92%;
    margin: 0 0 0 0;
    max-width:1270px;
}
.mobileViewDiv {
    width: 1270px;
}
.job-listing-div .stickyHeadPartCss + .about-tab.profile-tab {
    padding-top: 142px;
}
.stepsMainHeaderOuter{  width:inherit;display: flex;    padding: 30px 0 20px 0; }
.stepsMainHeaderOuter .stepsMainHeaderLeft,.blogger_workflow_inprogress .stepsMainHeaderLeft{ width: 35%;float: left; padding-left:10px;}
.stepsMainHeaderOuter .stepsMainHeaderRight,.blogger_workflow_inprogress .stepsMainHeaderRight{ width: 65%; float: right;}
.stepsMainHeaderOuter .stepsMainHeaderRight .stepIconDiv,.blogger_workflow_inprogress .stepIconDiv{ 
    width: 10%;
    float: left;    text-align: center;
}
.stepsMainHeaderOuter .stepsMainHeaderRight .stepIconDiv .stepNumberIcon{
    background-color: #313131;
    color: #ffffff;
    width: 35px;
    margin: 0 auto;
    border-radius: 100%;
    height: 35px;
    line-height: 39px;
    font-weight: 900;
    font-size: 20px;
}
.stepsMainHeaderOuter .stepsMainHeaderRight .stepIconDiv .stepText{
    font-size: 10px;
    font-weight: 900;
    line-height: 26px;
    color:#000;
}

.blogger_workflow_inprogress .search-icon .ft-icon{
        padding: 0 8px !important;
}
.blogger_workflow_inprogress .regioncls{
width:70px !important;
}
.collab-search-blk .min-icon-ft img{ margin: 0 1px; }
.setup-middle .payment-title-dv .match-profile-ta .match-profile .blogger-lt-inner .collab-search-blk .ft-icon
{ padding: 0 7px !important; }
.blogger_workflow_inprogress .bloggerMainHeader{ padding: 0px 0 10px 0; }
.blogger_workflow_inprogress .bloggerMainHeader .collab-grid-status ul li a.collab-in-open, .blogger_workflow_inprogress .bloggerMainHeader .collab-grid-status ul li a.collab-in-open:hover{
    background: #0DBC00;
    border: none;
    color: #fff;
    padding: 4px 10px 6px;
    float: left;
    border-radius: 4px;
    text-decoration:none;
}
.blogger_workflow_inprogress .bloggerMainHeader .collab-grid-status ul li a.collab-in-review, .blogger_workflow_inprogress .bloggerMainHeader .collab-grid-status ul li a.collab-in-review:hover{
    background: #FF7E00; 
    border: none; 
    color: #fff; 
    padding: 4px 10px 6px;
    float: left;
    border-radius: 4px;
    text-decoration:none;
}
.blogger_workflow_inprogress .bloggerMainHeader span
{
    display: block;
    text-align: left;
    font-size: 17px;
    font-family: 'CenturyGothic-Bold';
    float: left;
    margin: 0 0 0 15px;
    line-height: 28px;
}
.blogger_workflow_inprogress h2{
font-size: 14px;
}
.blogger_workflow_inprogress h3{
font-size: 13px;    font-family: 'CenturyGothic-Bold';
}
.workflowWidth30{ width:25% }
.workflowWidth70{ width:68%; }
.blogger_workflow_inprogress .bloggerDescSeeMoreText{font-size: 10px;}
.blogger_workflow_inprogress .bloggerDescSeeMoreText a{font-weight: 900;}
.blogger_workflow_inprogress .search-icon{
    width:60%;
}
.blogger_workflow_inprogress .search-icon  .ft-icon{
    padding:0 !important;
}
.blogger_workflow_inprogress .tab-footer{
    border-top: 0;    margin-bottom: 20px;
    float:left;
    width:100%;
    padding-left:10px;
}
.blogger_workflow_inprogress .rightChatBox{
    width:40%;
    float: right;
    margin: 20px 0 0 0;
}
.blogger_workflow_inprogress .rightChatBox .chatOuterBox{
  float: right;margin: 0 20px 0 0;
}
.blogger_workflow_inprogress .rightChatBox  .leftChatTextBox
{
    background-color: #e8e8e8;
    /*background-color: #d7edfb;*/
    padding: 7px;
    float: right;
    border-radius: 4px;font-size: 10px;
    width: 64%;
    word-break: keep-all;
    width: 180px;
}
.blogger_workflow_inprogress .rightChatBox .chatOuterBox-blue .leftChatTextBox {
    background-color: #d7edfb;
    /*background-color: #e8e8e8;*/
    padding: 7px;
    float: right;
    border-radius: 4px;
    font-size: 10px;
    margin-right: 15px;
    width: 50%;
    /*word-break: keep-all;*/
	word-break: break-word;
    width: 180px;
}
.blogger_workflow_inprogress .rightChatBox  .leftChatTextBox a{ color:#313131;text-decoration:underline; }
.blogger_workflow_inprogress .rightChatBox .rightDpTimeBox{ float: right;     margin: 0 0 0 15px;text-align: center;}
.blogger_workflow_inprogress .rightChatBox .bottomTimeBox{ font-size: 8px; margin: 2px 0 0 0;}
.blogger_workflow_inprogress .rightChatBox .topDpBox img{
    width: 30px;
    height: 30px;
    border: 1px solid #999999;
    border-radius: 100%;
    margin: 4px 0 4px 0;
}
.blogger_workflow_inprogress .rightChatBox .chatOuterBox-blue .rightDpTimeBox {
    margin: 0 15px 0 0;
	width: 19%;
}
.leftChatTextBox {
    position: relative;
    background: #e8e8e8;
    border: 4px solid #e8e8e8;
    /*background: #d7edfb;
    border: 4px solid #d7edfb;*/
}
.blogger_workflow_inprogress .rightChatBox .chatOuterBox-blue  .leftChatTextBox{
    position: relative;
    background: #d7edfb;
    border: 4px solid #d7edfb;
    /*background: #e8e8e8;
    border: 4px solid #e8e8e8;*/
}
.leftChatTextBox:after, .leftChatTextBox:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.rightChatBox.rightChatBoxHistory {
    width: 100%;
    float: left;
    margin: 10px 0;
    padding: 5px;
}
.row.group-messages {
    margin-right: 15px;
}
.row.group-messages.otherCollabMessages {
    background-color: #eeeeee;
    opacity: 0.7;
    margin-top: 10px;
}
.chat-messages-blogger .row.group-messages {
    margin-left: 15px;
}
.rightChatBoxHistory .leftChatTextBox {
    width: 75% !important;
}
.rightChatBoxHistory .chatOuterBox-blue{
    float:left;
}
.rightChatBoxHistory .chatOuterBox{ margin: 0 !important; }
.rightChatBoxHistory .chatOuterBox-blue  .leftChatTextBox, .rightChatBoxHistory .chatOuterBox-blue .rightDpTimeBox
{ float: left !important; }


.chatOuterBox-blue .leftChatTextBox:after, .chatOuterBox-blue .leftChatTextBox:before {
    right: 100%;
    left: auto;
}
#chatPopup .signup-btn{ float: right !important; }
#chatPopup .footerbox{margin-top:0px;}
#chatPopup .signup-btn{     line-height: 39px;height:36px;    font-size: 12px; margin-top:0px;}
#chatPopup .Loginbox{
    overflow: hidden;
}
#chatPopup .footerbox{
    background-color: #f6f6f6;
}
#chatPopup .modal-content .middlebox
{
overflow-y: scroll;
    max-height: 470px;
}
#chatPopup .modal-content .middlebox,#chatPopup .modal-content .footerbox { padding : 10px 20px; } 
#chatPopup .header h1 { font-size: 25px; }  

.leftChatTextBox:after {
    border-color: rgba(232, 232, 232, 0);
    /*border-left-color: #e8e8e8;*/
    border-left-color: #d7edfb;
    border-width: 3px;
    margin-top: -3px;
}
.leftChatTextBox:before {
    border-color: rgba(232, 232, 232, 0);
    border-left-color: #e8e8e8;
    /*border-left-color: #d7edfb;*/
    border-width: 9px;
    margin-top: -9px;
}
.chatOuterBox-blue .leftChatTextBox:before {
    border-color: rgba(215, 237, 251, 0);
    border-right-color: #d7edfb;
    /*border-right-color: #e8e8e8;*/
    border-width: 11px;
    margin-top: -10px;
}
/* Apply Button */
.blogger_workflow_inprogress .apply-btn a:hover
{
text-decoration: none;
    background: #212121;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.blogger_workflow_inprogress .apply-btn a
{
    font-size: 10px !important;
    height: auto !important;
    line-height: normal !important;
    width: 80% !important;
    margin: 0 auto !important;
    font-weight: 900;
    padding:7px !important;
    position: relative;
    top: -10px;
}
.blogger_workflow_inprogress .apply-btn a
{
    background: #313131;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    font-size: 14px;
    height: 30px;
    width: 100%;
    padding: 0 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    display: block;
    line-height: 30px;
    margin-top: 10px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

/* Apply Button Arrow  */
.apply-tooltip {
    position: relative;
    background: #e8e8e8;
    border-top: 5px solid #313131;
    margin: 25px auto;
    font-size: 11px;
    padding: 5px 0;
    width: 75%;
}
.apply-tooltip:after, .apply-tooltip:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}


.apply-tooltip:before {
        border-color: rgba(49, 49, 49, 0);
    border-bottom-color: #313131;
    border-width: 12px 8px 12px 8px;
    margin-left: -8px;
}

/* Respond Button Arrow  */
.respond-tooltip {
    position: relative;
    background: #e8e8e8;
    border-top: 5px solid #313131;
    margin: 14px auto;
    font-size: 11px;
    padding: 5px 0;
    width: 75%;
}
.respond-tooltip:after, .respond-tooltip:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}


.respond-tooltip:before {
        border-color: rgba(49, 49, 49, 0);
    border-bottom-color: #313131;
    border-width: 12px 8px 12px 8px;
    margin-left: -8px;
}
#chat_history_content .rightChatBoxHistory .chatOuterBox-blue, #chat_history_content .rightChatBox .chatOuterBox {
    width: 100%;
}

.grey-tooltip{
    border-top: 5px solid #e8e8e8;margin: 10px auto;
}
.grey-tooltip:before {
        border-color: rgba(49, 49, 49, 0);
    border-bottom-color: #e8e8e8;
    border-width: 12px 8px 12px 8px;
    margin-left: -8px;
}
.right-button img{
border: 5px solid #ffffff;
    border-radius: 100%;    background-color: #ffffff;    position: relative;
    z-index: 99;
}
/*span.horLineStyle{
    border: 1px solid #B9B8B8;
    height: 0;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    position: relative;
    top: 22px;
}*/
.blogger_workflow_inprogress .blogger-lt {
    float: left;
    width: 100%;
}
.blogger_workflow_inprogress .blogger-lt {
    border: 1px solid #dededc;
    border-radius: 0;
    border-top: 10px solid #dededc;
}
.blogger_workflow_inprogress .complete-btn a{
    font-size: 10px;
    height: auto;
    line-height: 26px;
    width: 75%;
    margin: 0 auto;
    font-weight: 900;
    padding: 5px;
    position: relative;
    top: -10px;
    padding: 8px 5px;
    background: #c1c1c1;
    border-radius: 3px;
    color: #fff;
}
.blogger_workflow_inprogress .blogger-lt .right-button {
    min-height: 50px;
}
.apply-tooltip.grey-tooltip.complete-tooltip {
    width: 100%;
}
.respond-tooltip.grey-tooltip.complete-tooltip {
    width: 100%;
}
.blogger_workflow_inprogress .complete-btn a{
    background: #c1c1c1;
}
.blogger_workflow_inprogress .blogger-lt {
    margin-bottom: 0px;
}
.blogger_workflow_inprogress .blogger-lt .apply-btn.banked-btn a{
    background: #c1c1c1;
}
.bloggerMainHeader .open-collab-li a {
    border: 1px solid #c1c1c1;
    padding: 5px;
    border-radius: 3px;
}
.blogger_workflow_inprogress .open-collab-li:hover .view-popup {
    display: block;
    width: 200px;
    left: 0;
    margin-top: 37px;
}
.blogger_workflow_inprogress .open-collab-li .top-arrow-tip {
    left: 10%;
}
.workFlowMainOuterDiv .collab-search {
    background-color: #f6f6f6;
    padding: 5px;
}
.workFlowMainOuterDiv .search-input {
    background-color: #fff;
}
.match-profile.blogger_workflow_inprogress .info-tab {
    display: inline-block;
    float: none;
}
span.horLineStyle::before, span.horLineStyle::after {
    content: "";
    display: inline-block;
    background-color: #c1c1c1;
    height: 2px;
    position: relative;
    width: 50%;
    top: 12px;
    z-index: 1;
}
.right-button img {
    border: 5px solid #ffffff;
    border-radius: 100%;
    background-color: #ffffff;
    position: relative;
    z-index: 2;
    top: -15px;
}
.blogger_workflow_inprogress .blogger-lt .right-button {
    max-height: 50px;
}

.apply-tooltip .disabled{
    color: #FFF;
    cursor:default;
}
.declined-tooltip{
    border-top:5px solid #e8e8e8 !important;
}

.declined-tooltip::before{
    border-bottom-color: #e8e8e8 !important;
}
span.horLineStyle.dash_hide_before::before{
    /*display: none;
    */
    background-color: #ffffff;
}
span.horLineStyle.dash_hide_after::after{
    /*display: none;
    */
    background-color: #ffffff;
}

.bloggerDescContent {
    display:none;
}
.linkCls{
    text-decoration:underline !important;
}
.linkdefault{
    cursor: default !important;
    text-decoration: none !important;
}
.linkdefault:hover{
    cursor: default !important;
    text-decoration: none !important;   
}
.payment-terms {
    /*margin-top: 5px;*/
    margin-bottom: 5px;
    margin-left: 18px;
    float: left;
}
.collab_results {
    font-size: 12px;
    cursor: pointer;
}
.blogger_workflow_inprogress .blogger-lt-inner .search-icon {
    width: 65%;
}
.blogger_workflow_inprogress .blogger-lt-inner .rightChatBox {
    width: 27%;
}
.view-inf-agreement {
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}

.collab-grid-status ul li a.collab-in-alert, .collab-grid-status ul li a.collab-in-alert:hover, .collab-grid-status ul li a.collab-in-alert:focus {
    background-color: #313131;
    border: none;
    color: #fff;
    cursor: default;
    text-decoration: none;
}
.regioncls {
    height: 50px !important;
}
.info-rc {
    right: -15px;
    top: -85px;
    float: right !important;
}
.bloggerDescContent a {
    text-decoration: underline;
    font-weight: normal !important;
    border: 0 !important;
    font-size: 11px !important;
    padding: 0 !important;
}
.bloggerDescContent ul li {
    list-style: outside;
    font-size: 11px;
    float: unset;
}
.bloggerDescContent table, .bloggerDescContent th, .bloggerDescContent td {
    border: 1px solid #e7e7e7;
}

@media (min-width: 1281px) and (max-width: 1366px) {
.blogger_workflow_inprogress .apply-btn a{
    width:90% !important;
}
.blogger_workflow_inprogress .apply-btn a.action-completion {
    width: 100% !important;
}
.mobileViewDiv{
    width:100%
}    
.stickyHeadPartCss {
    width: 92%;
    max-width: 1060px;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.stickyHeadPartCss {
    width: 92%;
    max-width: 1170px;
}
  .mobileViewDiv {
        width: 100% !important;
    }
}
@media (min-width: 768px) and (max-width: 1240px){
.mobMatchProfileStyle {
    width: 1270px;
}   
.about-tab.profile-tab.workFlowProfileDiv.mobworkFlowProfileDiv {
    overflow: auto;
    padding: 0px;
}
.blogger_workflow_inprogress .blogger-lt .search-icon .ft-icon, .blogger_workflow_inprogress .blogger-lt .left-icon .ft-icon {
    width: auto;
    border-bottom: none;
}
.blogger_workflow_inprogress .search-icon {
    float: left;
}
}
@media (max-width: 767px){
.inprogress_search .collab-search{
    padding-bottom: 10px;
    padding-top: 5px;
}
.inprogress_search .collab-search .reset-collb-search{
    float: none !important;
    margin-top: 10px !important;
}    
.inprogress_search .collab-search .search-input-blogger{
    float: left !important;
}
.stickyHeadPartCss{
    position: relative;
    display:none;
}
.mobworkFlowProfileDiv .mobile-about .panel-collapse.collapse.in {
    overflow: auto;
}
.workFlowMainOuterDiv #stickyHeadPart {
    display: none;
}
.mobworkFlowProfileDiv #applied-collab-content-mobile {
    overflow: auto;
}
.mobworkFlowProfileDiv #applied-collab-content-mobile .mobileViewDiv {
    width: 1270px;
}
.mobworkFlowProfileDiv .mobile-about .panel-body {
    background: #fff;
}
/*.table-responsive.match-profile.blogger_workflow_inprogress{
    display:none;
}*/
.mobMatchProfileStyle {
    width: 1270px;
}   
.about-tab.profile-tab.workFlowProfileDiv.mobworkFlowProfileDiv {
    overflow: auto;
    padding: 0px;
}
.mobMatchProfileStyle .search-icon .ft-icon, .mobMatchProfileStyle .left-icon .ft-icon {
    width: auto;
}
.blogger_workflow_inprogress .search-icon .min-icon-ft{
    min-height:60px;
}
.blogger_workflow_inprogress .search-icon .ft-icon, .blogger_workflow_inprogress .left-icon .ft-icon {
    width: auto;
    border-bottom:none;
    padding:5px !important;
}
.mobworkFlowProfileDiv #applied-collab-content-mobile .add-collab.blogger-msg-header {
    margin-top: 5px;
}
.blogger_workflow_inprogress .blogger-lt-inner .blogger-title {
    width: 40%;
    text-align: left;
}
.job-listing  .blogger_workflow_inprogress .blogger-lt h3 {
    text-align: left;
}
.blogger_workflow_inprogress .stepsMainHeaderLeft .workflowWidth30 {
    width: 25%;
    float: left;
    margin-right: 15px;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {
.stickyHeadPartCss {
    /*width: 86%;*/
    max-width: 1270px;
}
}
@media screen and (min-width:1400px) and (max-width:1440px) {
    .blogger_workflow_inprogress .apply-btn a{
        width:90% !important;
    }
    .blogger_workflow_inprogress .apply-btn a.action-completion {
        width: 100% !important;
    }
    /*.stepsMainHeaderOuter .stepsMainHeaderRight .stepIconDiv .stepText7{
        line-height:18px !important;
        padding-top:5.4px;
    }*/
}
.btnsend{
	/*margin-top: 145px !important;*/
	margin-top: 108px !important;
}
.commentbox{
	width: 100%;
	height: 150px !important;
    resize: none;
}
.wflabel{
	padding-top: 0px;
	font-size: 12px;
    margin-bottom: 0px;
}

.sentcomment a {
    /*margin-top: 108px !important;*/
    margin-top: 108px;
}
#commentbox {
    margin-top: 0px !important;
}
#pa-container .blogger-lt {
    background-color: #fff;
}
#pa-container .listOfApplicants .rightChatBox {
    width: 28%;
}
#pa-container #chat_history_content .rightChatBox, #pa-container #chatAdminBrandPopupDiv .rightChatBox {
    width: 100%;
}
/*#chatPopup h1 {
    margin-left: 30px !important;
}*/
.mobile-view {
    display: none;
}
.viewMoreChatAdminBrand {
    float: right;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .mobileViewDiv {
        width: 100% !important;
    }
    .stepsMainHeaderOuter {
        display: none;
    }
    .stepsMainHeaderRight {
        display: none;
    }
    .stepsMainHeaderLeft {
        width: 100% !important;
    }
    .stepsMainHeaderLeft .workflowWidth30 {
        width: 100% !important;
    }
    .stepsMainHeaderLeft .workflowWidth70 {
        width: 100% !important;
    }
    .blogger_workflow_inprogress .search-icon {
        width: 100% !important;
    }
    .blogger_workflow_inprogress .rightChatBox {
        width: 100% !important;
    }
    .blogger_workflow_inprogress .search-icon .ft-icon, .blogger_workflow_inprogress .left-icon .ft-icon {
        /*width: 50% !important;*/
        border: 1px solid #ededed;
        height: 90px;
    }
    .stepsMainHeaderOuter .stepsMainHeaderLeft, .blogger_workflow_inprogress .stepsMainHeaderLeft {
        padding: 0px 10px !important;
    }
    .blogger_workflow_inprogress .tab-footer {
        padding: 0px 10px !important;
    }
    .sep {
        display: none;
    }
    #chatPopup .btnsend {
        margin-top: 0px !important;
    }
    .action-buttons {
        margin-top: 20px;
    }
    .action-buttons a {
        margin-left: 0px;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    .mobile-view {
        display: block;
    }
    .blogger_workflow_inprogress .blogger-lt {
        margin-bottom: 15px;
    }
}