/* font files */
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    padding-top: 100px;
    margin: 0;
    letter-spacing: 0.025em;
    font-family: "Montserrat-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

body.toolbar-horizontal:not(.toolbar-tray-open) {
    padding-top: 139px !important;
}

body.toolbar-tray-open {
    padding-top: 175px !important;
}

@media (min-width:767px) and (max-width:1200px) {
    body {
        padding-top: 120px;
    }
}

img {
    max-width: 100%;
    height: auto;
}

.navbar {
    min-height: 96px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.6s;
}

#navbar {
    max-width: 100%;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #000;
}

#navbar-collapse a {
    color: #fff;
}

.region-content .nav li,
.nav-tabs li {
    float: left;
    /* background: #f4f3f3; */
    padding-bottom: 1px;
}

.region-content .nav,
ul.nav-tabs {
    width: 100%;
    border: 1px solid #ddd;
    background: #616365;
    padding-bottom: 1px;
}

.region-content ul.menu--todo-menu.nav,
.region-content ul.nav-tabs.tabs--primary {
    border: none;
    background: #616365;
    padding: 0;
    border-bottom: 1px solid #333;
    /* display: none; */
    /*margin-bottom: 15px; */
}

.region-content ul.menu--todo-menu.nav li:hover a,
.region-content ul.menu--todo-menu.nav li.active a,
.region-content ul.nav-tabs.tabs--primary li:hover a,
.region-content ul.nav-tabs.tabs--primary li.active a {
    background: #2B2B2B;
    color: #fff;
}

.path-todo .todo_info a {
    text-decoration: underline;
}

.path-todo .todo_info a:hover {
    text-decoration: none;
}
path-store-list .view-header {
    background-color: #000000;
    font-size: 18px;
    letter-spacing: 0.49px;
    color: #ffffff;
    border-bottom: none;
    border-top: none;
}

.path-store-list h4 {
    padding: 15px;
    text-transform: capitalize;
}
.region-content ul.menu--todo-menu.nav li a,
.region-content ul.nav-tabs.tabs--primary li a {
    border: none;
    margin: 0 0px 0 0;
}

.region-content ul.menu--todo-menu.nav li,
.region-content ul.nav-tabs.tabs--primary li {
    margin: 0 0px 0 0;
    padding: 0;
}

.nav-tabs li a,
.region-content .nav li a {
    background: #616365;
    margin: 1px;
    color: #FFF;
}

.empty-result {
    padding-top: 10px;
    padding-bottom: 10px;
}

.client_search_only .empty-result {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.region-content .nav li a.active,
.nav-tabs li a.active {
    background: #333;
    color: #FFF;
    border-bottom: 0px solid #616365;
}

.navbar-collapse .nav>li {
    float: left;
}

body.user-logged-in {
    background-color: #fff;
    background-image: none;
}

body.path-myday {
    background-color: #f0f0f0;
}

body.path-leader,
body.path-ba {
    background-color: #F1F1F1 !important;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #000;
    text-decoration: none;
}

.btn:focus {
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: 0px !important;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff !important;
    text-decoration: none !important;
    background-color: #000 !important;
    outline: 0 !important;
}

.dialog-off-canvas-main-canvas {
    width: 100%;
}

#navbar-collapse .region-navigation-collapsible {
    display: block;
    align-items: center;
}

nav[id^=block-storemenu] {
    flex: 3;
}

#navbar-collapse {
    float: left;
    padding: 18px 0px;
    /* background-color: #000; */
}

#navbar-collapse a {
    color: #000;
}

#navbar-collapse .dropdown-menu {
    border-color: #282828;
    border-style: solid;
    border-width: 1px;
    /* background-color: #282828; */
}

#navbar-collapse .dropdown-menu>li:not(:last-child) {
    border-bottom: 1px solid #e8e8e8;
}

#right_header {
    float: right;
    padding: 18px 0px;
}

#right_header .region-right-header {
    display: flex;
}

.right-header>.region-right-header>section:nth-of-type(1) {
    position: relative;
    top: 4px;
    float: left;
}

.right-header input[type="text"] {
    border-radius: 35px;
    height: 36px;
    max-width: 187px;
}

.block-client-search .btn {
    position: absolute;
    top: 2px;
    right: 0;
    background: url(../images/magn.png) no-repeat;
    /*background-size: auto;*/
    border: none;
    height: 17px;
    text-indent: -99999px;
    z-index: 99;
    width: 17px;
    padding: 0;
    background-size: contain;
    min-width: 0;
    outline: none;
    box-shadow: none;
}

.block-client-search label {
    display: none;
}

#block-gearmenublock .setting .menu .dropdown .dropdown-toggle {
    top: 2px;
    margin-left: 20px;
    padding-left: 0;
    padding-right: 0;
}

#block-gearmenublock .setting .menu .dropdown .dropdown-toggle none {
  display: none !important;
}

#block-storelocationswitcherblock-2 {
    margin-left: 20px;
}

.location_switcher select {
    border: 1px solid #efefef !important;
    height: 36px;
    position: relative;
    top: 4px;
    line-height: 17px;
}

.location_switcher.select-wrapper::before {
    content: '';
    background: transparent;
    border-left: 0;
}

.location_switcher.select-wrapper::after {
    margin-top: 0px;
    font-size: 10px;
}
  

#block-gearmenublock span.setting {
    display: inline-block;
    position: relative;
}

#block-gearmenublock span.setting ul.nav li ul.msg_submenu {
    padding: 0px;
    right: 24px !important;
}

#block-gearmenublock span.setting ul.nav li ul.msg_submenu .leaf a {
    line-height: 2.08571;
}

.navbar-collapse .block .nav>li {
    float: left;
}

#navbar nav .menu.nav li {
    margin-right: 5px;
}

#navbar nav .menu.nav .dropdown-menu>li {
    margin-right: 0px;
}

.right-header .form-group {
    position: relative;
    margin-top: 2px;
}

.right-header .form-text {
    margin-top: 0px;
}

.right-header #block-client-search #edit-search-text--2 {
    font-size: 13px;
    height: 31px;
}

#navbar .navbar-header a.logo {
    padding-right: 0;
}

body.path-user:not(.user-logged-in) #navbar .logo {
    display: inline-block !important;
    float: none !important;
    text-align: center;
}

body.path-user:not(.user-logged-in) #navbar-collapse .region-navigation-collapsible {
    text-align: center;
    display: block;
}

body.path-user #navbar .navbar-header,
#navbar .navbar-header {
    display: table;
    margin: 0 auto;
    float: none;
}

body.user-logged-in #navbar .navbar-header {
    max-width: 200px !important;
    float: left;
    flex: 0 0 200px;
    margin: 0;
}

body.user-logged-in #navbar .navbar-header a.logo {
    padding: 0px;
    margin: 0;
}

body.user-logged-in #navbar .col-xs-12 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inner-wrapper {
    padding: 0px;
    margin-bottom: 20px;
}

.form-required:after {
    background-image: url(../images/required.svg);
    background-size: 5px;
    background-repeat: no-repeat;
}

.views-exposed-form .form-inline {
    display: flex;
    align-items: flex-end;
}

.views-exposed-form .form-item {
    margin-right: 10px;
}

.views-exposed-form .form-item select,
.views-exposed-form .form-item input {
    width: 100%;
    font-size: 13px;
}

.views-exposed-form .form-item .select-wrapper {
    width: 100%;
    display: block;
}

.btn.btn-unread {
    background: #333333;
    border-radius: 6px;
    min-width: 0;
    padding: 8px 15px;
    cursor: default;
}

.btn-complete {
    background-color: #333333;
    border-radius: 6px;
}

.quick_menu_responsive .nav {
    border: none !important;
    background: white !important;
    padding: 0px 10px;
}

.quick_menu_responsive .nav li {
    background-image: linear-gradient(0deg, rgb(227, 227, 227) 3%, rgb(245, 245, 245) 72%);
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ddd;
    float: right;
}

.quick_menu_responsive .dropdown-menu {
    background: none;
    border: 0;
    box-shadow: none;
    padding: 0;
    width: 100%;
}

.quick_menu_responsive .nav li a {
    padding: 10px 8px !important;
    background: none;
    color: black;
    text-transform: none !important;
}

.quick_menu_responsive .nav li a span.caret {
    float: right;
    margin-right: 8px;
    margin-top: 10px;
}

.quick_menu_responsive .nav li a::after {
    border-left-color: #000;
    top: 15px;
}

.quick_menu_responsive .nav>li.dropdown.open>a:after {
    border-left-color: transparent;
    border-top-color: #000;
    border-right-color: transparent;
    top: 15px;
}

.wrapper {
    min-height: 100%;
    position: relative;
    padding-bottom: 30px;
}

.wrapper #navbar {
    min-height: 75px;
    left: 0%;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    width: 100%;
    /* background-color: #000; */
}

body.user-client-logged-in .wrapper #navbar {
    min-height: 100px;
}

.view-empty,
.noresult {
    padding: 15px;
}

.views-element-container .view-empty,
.view-notes .view-empty {
    text-align: center;
    padding: 10px;
}

form.todo-form,
form.addclient-form,
.node-form,
form.todo-delete-form,
form.client-profile-edit-form {
    padding: 0 15px;
}

.btn.icon-before .glyphicon {
    display: none;
}

.message_wrapper .content {
    margin: 12px 0;
}


/* .path-todo h1.page-header { font-size:14px;} */

.client_profile_picture button .glyphicon {
    display: none !important;
}

.email-preview-wrapper table {
    border-collapse: initial !important;
}


/* ------------Product recommendation form -------------- */

.social-item-image div {
    text-align: center;
    margin-bottom: 10px;
}

.social-item-image img {
    display: inline-block;
    /* min-width: 100%;
    height: 100%; */
}

.social-items {
    margin-bottom: 10px;
}

.action_header .action_wrapper .cancel_wrapper {
    width: 12%;
    float: right;
}

.action_header .action_wrapper .submit_wrapper {
    width: 12%;
    float: right;
    margin: 0px;
}

.action_header .action_wrapper .preview_wrapper {
    width: 10%;
    float: right;
}

.action_header div#edit-actions {
    background: none repeat scroll 0 0 #eee;
    padding: 15px 20px;
    overflow: hidden;
    border: 1px solid #d1d1d1;
    text-align: right;
    clear: both;
}

.action_header div#edit-actions button#edit-submit {
    margin: 0px;
    /* margin-right:10px; */
}

.navbar-collapse .block .nav>li {
    float: left;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 100%;
}

.pagination>li {
    display: inline-block;
    margin: 0 1px;
}

.btn-primary1 {
    padding: 8px 25px;
}

#loader {
    /* background: url(../images/loader.gif) no-repeat;
    height: 64px;
    left: 50%;
    margin-left: -32px;
    position: fixed;
    top: 50%;
    width: 64px;
    z-index: 99999;
    margin-top: -32px;
    display: none; */
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .7)url(../images/loader.gif) 50% 50% no-repeat;
    opacity: 0.80;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

.path-message .form-item-field-email-status-value {
    padding: 0px 10px;
    width: 25%;
}

.path-message .form-item-field-email-status-value select {
    height: 40px;
}

.path-message .select-wrapper::before {
    display: none;
}


/* sandeep */

span.to-file {
    position: relative;
    display: block;
}

span.to-file:before {
    content: attr(data-cta-msg);
}

span.to-file:before {
    text-transform: capitalize;
    background: url(../images/attach.png) no-repeat left center;
    padding-left: 25px;
    position: absolute;
    top: 10px;
    color: #666666;
}

.js-form-file,
.js-form-file:disabled {
    opacity: 0;
}

.campaign-builder-form .form-managed-file .js-form-file {
    opacity: 100;
}

.region-content .nav ul li a.active {
    background: #333333;
    color: #FFF;
    border-bottom: 0px solid #616365;
}

.inner-div-purchasehistory {
    min-height: 412px;
}

.item-details-purchase {
    width: 135px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    font-size: 12px;
    letter-spacing: 0.6px;
    text-align: center;
    color: #272727;
}

.client_detail_page {
    border: 5px solid #f5f5f5;
    border-radius: 10px;
}

.btn,
.region-content .nav li a {
    /* text-transform: uppercase; */
}

.region-content .nav li a,
.nav-tabs li a {
    padding: 17px 15px;
}

ul.nav.nav-tabs.lavel-2 {
    background: #e8e7e7;
    /* padding-top: 10px;
     padding-left: 10px; */
    height: 40px;
    border: 1px solid #323232;
}

.form-control:focus {
    border-color: #d1d1d1 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.category-span-text {
    color: #333333;
}


/* .region-content .nav li a:hover,.region-content .nav li:hover,.region-content .nav li.active,.region-content .nav li.active a
{
    background-color: #2b2b2b;
} */

.lavel-2 li,
.lavel-2 li.active {
    background-color: #e8e7e7 !important;
    height: 100%;
}

.filter_submit .btn {
    /* margin-bottom: -2vw; */
    font-size: 11px;
    margin-top: 0vw;
}


/* .region-content .nav li.active
{

}
.region-content .nav li.active a
{
    background-color:#333;

} */

.modal-body {
    overflow: auto !important;
    margin-bottom: 8px;
    margin-top: 5px;
}

.todo-form .panel .panel-heading .panel-title {
    font-size: 13px;
}

.message-compose .btn_wrap {
    background: transparent;
    background-color: #797979;
    border: 2px solid #797979;
    color: #797979;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
    padding: 5px 10px;
    font-weight: normal;
}

.email-preview-btn .sel_wrap .btn_wrap {
    border: none;
    color: #797979;
    padding: 0px;
}

.email-preview-btn .sel_wrap .btn_wrap a {
    background: transparent;
    background-color: #fff;
    border: 2px solid #797979;
    /*color: #797979;*/
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
    padding: 5px 10px;
    font-weight: normal;
    color: black;
}

.email-preview-btn .sel_wrap .btn_wrap a:focus {
    color: white;
    outline: 0px;
    background-color: #797979;
}

.email-preview-btn .sel_wrap .btn_wrap a:active {
    color: white;
    outline: 0px;
    background-color: #797979;
}

.email-preview-btn .border_none {
    border: none;
}

.inbox-wrapper .inbox-page-header {
    margin-top: -24px;
}

.select-wrapper:before {
    background-color: #eeeeee;
    border: 0 px 0px 1px solid;
    color: #eeeeee;
    content: '▼';
    font-style: normal;
    font-weight: 400;
    line-height: 2.1;
    margin-top: -1.01em;
    padding-right: 1em;
    pointer-events: none;
    position: absolute;
    right: 0.8px;
    top: 50%;
    border-left: 1px solid #cfcfcf;
    z-index: 10;
}

#drupal-modal--content #drupal-modal--body .email-preview-wrapper table {
    margin: 0 auto;
}

.communication-filter .cal {
    right: 2px;
}

.glyphicon-refresh:before {
    font-size: 9px;
    color: #000;
}

#block-storemenu .dropdown-menu {
    font-size: 13px;
    margin-top: 0;
    padding-top: 0;
}

div#edit-actions {
    text-align: right;
}

.filter_submit div#edit-actions {
    text-align: left;
}

a#edit-delete {
    margin-top: 11px;
    margin-right: 10px;
    color: #fff;
    border: 1px solid;
    border-color: #d1d1d1;
    padding: 7px 13px;
    background-color: #616365;
    text-transform: uppercase;
}

.social-item-loop {
    clear: both;
    /* border-bottom: 1px solid rgba(146, 146, 142, 1); */
    margin-bottom: 10px;
}

.social-item-loop .form-type-item {
    clear: both;
    /* border-bottom: 1px solid rgba(146, 146, 142, 1); */
    margin-bottom: 10px;
}

.social-item-loop .form-type-item {
    margin-top: 10px;
}

.container {
    max-width: 1220px;
}


/* .container > .navbar-collapse{
    width: 970px;
} */

.path-product .img-wrapper img {
    max-width: 400px;
}

.desktop_hidden {
    display: none;
}

.nav>li>a.desktop_hidden {
    display: none;
}


/* ul.menu li.menu-icon-26 a,  ul.menu li.menu-icon-21 a, ul.menu li.menu-icon-7 a{
    background-image: none;
} */

#calendar #fullcalendar .ui-state-active {
    background-color: rgb(39, 39, 39);
    display: inline-block;
    color: #fff;
    width: 100%;
}

.search-iterate .client_name .sn-name a {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.9px;
    color: #494949;
    font-family: Montserrat-Medium;
}

.nav-tabs.lavel-2 li a {
    background-color: #d0d0d0;
}

.nav .menu--store-menu li a:hover,
.nav .menu--store-menu li a:focus {
    background-color: transparent;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: transparent;
}

.modal.fade .modal-dialog {
    margin-top: 0;
    margin-bottom: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.block-occasions.block-occasion-list .dashboard_pipline_duplicate_inner .db-container p {
    padding-top: 8px;
    line-height: 1.33;
    letter-spacing: 0.6px;
    text-align: center;
}

.breadcrumb {
    margin-bottom: 0px;
    background-color: #fff;
    justify-content: flex-end;
    display: flex;
    padding: 12px;
    display: none;
}


/* .breadcrumb::before {
    background-image: url(../images/left-chev.svg);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    content: "";
    background-size: 11px 14px;
    position: absolute;
    top: 15px;
    pointer-events: none;
    left: 27px;
} */

.notification-zero {
    margin-left: 0px;
}

.pagination .pager__item a {
    font-size: 12px;
}

#better-messages-default {
    position: fixed !important;
}

.page-access-info-cls {
    padding: 15px;
}

.better-message-clientela #better-messages-default.better-messages-overlay .better-messages-close span {
    /* background: transparent url(../images/close.svg) no-repeat; */
    background: transparent url(../images/close.svg) center center no-repeat;
    background-size: 65%;
}


/* kpi report css start */

.tier_location .form-item label.control-label {
    letter-spacing: 0.8px;
    color: #272727;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: normal;
}


/* kpi report css end */


/* button alignment css on emaile page preset mesage */

.node-form .layout-node-form .action_wrapper_other .form-wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
}

.node-form .layout-node-form .action_wrapper_other .cancel_wrapper,
.node-form .layout-node-form .action_wrapper_other .submit_wrapper,
.node-form .layout-node-form .action_wrapper_other .preview_wrapper {
    width: 100px;
}

.node-form .layout-node-form .action_wrapper_other .cancel_wrapper .btn,
.node-form .layout-node-form .action_wrapper_other .submit_wrapper .btn,
.node-form .layout-node-form .action_wrapper_other .preview_wrapper .btn {
    width: 100%;
    height: 32px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

.node-form .layout-node-form .action_wrapper_other .submit_wrapper {
    margin: 0 10px
}

@media screen and (max-width:992px) {
    .item-details-purchase {
        width: 89px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        font-size: 12px;
        letter-spacing: 0.6px;
        text-align: center;
        color: #272727;
    }
    .ch-icon {
        background-size: 24px;
        padding-left: 13px;
    }
    #navbar nav .menu.nav li {
        margin-right: 0px;
    }
    .action_header .action_wrapper .cancel_wrapper,
    .action_wrapper_other .cancel_wrapper {
        width: 15%;
        float: right;
    }
    .node-form .layout-node-form .action_wrapper_other .form-wrapper {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .action_header .action_wrapper .submit_wrapper,
    .action_wrapper_other .submit_wrapper {
        width: 15%;
        float: right;
        margin: 0px;
    }
    .action_header .action_wrapper .preview_wrapper,
    .action_wrapper_other .preview_wrapper {
        width: 14%;
        float: right;
    }
    .node-form .layout-node-form .action_wrapper_other .cancel_wrapper,
    .node-form .layout-node-form .action_wrapper_other .submit_wrapper,
    .node-form .layout-node-form .action_wrapper_other .preview_wrapper {
        flex: 1;
    }
    .node-form .layout-node-form .action_wrapper_other .cancel_wrapper .btn,
    .node-form .layout-node-form .action_wrapper_other .submit_wrapper .btn,
    .node-form .layout-node-form .action_wrapper_other .preview_wrapper .btn {
        width: 100%;
        height: 32px;
        border: 0;
    }
    .node-form .layout-node-form .action_wrapper_other .submit_wrapper {
        margin: 0 10px
    }
    /* oct,19 */
    body.user-logged-in #navbar .navbar-header {
        float: left;
        width: 119px;
    }
    .right-header>.region-right-header>section:nth-of-type(2) {
        position: absolute;
        right: 15px;
        top: -6px;
    }
    #right_header {
        margin-right: -22px;
    }
}

@media screen and (max-width: 767px) {
    .icons-image-m::before {
        position: absolute;
        left: 8px;
        background-size: contain;
        content: '';
        display: flex;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat
    }
    #navbar-collapse a.settings-ic::before {
        content: none !important;
    }
    #navbar-collapse a.settings-ic {
        padding-left: 15px !important;
    }
    @media not all and (min-resolution:.001dpcm) {
        @supports (-webkit-appearance: none) and (stroke-color: transparent) {
            .icons-image-m::before {
                width: 23px;
                height: 22px;
                background-repeat: no-repeat;
                transform-origin: 0 0;
                transform: scale(0.9);
                -webkit-transform: scale(0.9);
                -moz-transform: scale(0.9);
                -ms-transform: scale(0.9);
                -o-transform: scale(0.9);
            }
        }
    }
    .menu.menu--store-menu.nav .dropdown-menu>.active>a {
        color: #fff;
        text-decoration: none;
        background-color: #000;
        outline: 0;
    }
    .menu--store-menu li.expanded.dropdown {
        background: url(../images/next.svg) no-repeat;
        background-position: 96%;
        background-size: 18px;
    }
    .menu--store-menu li.expanded.dropdown.open {
        background: url(../images/down.svg) no-repeat;
        background-position-x: 96%;
        background-position-y: 16px;
        background-size: 18px;
    }
    .nav>li>a.desktop_hidden {
        display: block;
    }
    .action_header .action_wrapper .cancel_wrapper,
    .action_wrapper_other .cancel_wrapper {
        width: 35%;
        float: right;
    }
    .action_header .action_wrapper .submit_wrapper,
    .action_wrapper_other .submit_wrapper {
        width: 50%;
        float: right;
        margin: 0px;
    }
    .action_header .action_wrapper .preview_wrapper,
    .action_wrapper_other .preview_wrapper {
        /* width: 14%;
        float: right; */
        /* display:none;*/
    }
    .sales_container {
        padding-left: 0px;
    }
    .client_fieldset {
        padding: 15px 0px;
    }
    .main-container.container .row .col-sm-12.detail_label {
        padding: 15px !important;
    }
    .main-container.container {
        padding: 0px;
    }
    .main-container.container .row {
        margin-left: 0px;
        margin-right: 0px;
        border: none !important;
    }
    .main-container.container .row .col-sm-12 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .client_detail_page {
        padding: 20px 0px !important;
    }
    body {
        padding-top: 70px;
    }
    body.user-client-logged-in {
        padding-top: 100px;
    }
    .communication-filter .cal {
        margin-bottom: 15px;
    }
    .region-content ul.menu--todo-menu.nav li a,
    .region-content ul.nav-tabs.tabs--primary li a {
        padding: 10px;
    }
    .region-content ul.menu--todo-menu.nav li,
    .region-content ul.nav-tabs.tabs--primary li {
        float: none;
        width: 100%;
        margin: 0;
    }
    #block-messagemenu ul {
        padding: 0px;
    }
    .rr_profile_detail>h5 {
        margin: 0px 0px;
    }
    #block-messagemenu ul li {
        float: none;
        width: 100%;
        margin: 0 0 2px;
    }
    .region-content ul.menu--todo-menu.nav,
    .region-content ul.nav-tabs.tabs--primary {
        border: none;
        margin-bottom: 0;
    }
    .navbar-default .navbar-collapse {
        height: 100%!important;
        max-height: 100%;
        overflow-y: auto;
        position: fixed;
        width: 80%;
        top: 0px;
        left: -80%;
        z-index: 10000;
        visibility: hidden;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
    }
    .navbar a.logo {
        display: block;
        left: 0;
        right: 0;
        margin: auto;
        width: 180px !important;
        /* margin-top: 10px;
        position: absolute; */
        float: none !important;
    }
    .navbar a.logo img {
        /* width: 82px; */
        height: auto;
    }
    .wrapper #navbar {
        height: 55px;
        min-height: 0;
    }
    body.user-client-logged-in .wrapper #navbar {
        height: 100px;
    }
    .navbar-toggle {
        width: 24.3px;
        height: 17.6px;
        background: url("../images/menuOpenCloseMob.png") no-repeat left center;
        margin: 0;
        float: none;
        border: none;
        position: absolute;
        left: 20px;
        top: 4px;
        padding: 0;
        background-size: 25px 21px;
    }
    body.user-logged-in #navbar .navbar-header {
        float: none;
        margin: auto;
        width: 100% !important;
        max-width: unset;
        max-width: unset !important;
    }
    #navbar>.container {
        min-width: 100%;
    }
    #navbar .navbar-header {
        float: left;
    }
    #navbar .navbar-header {
        display: table;
        margin: 0 auto;
        float: none;
    }
    .right-header>.region-right-header>section form {
        display: none;
    }
    .navbar-collapse.collapse {
        display: block;
    }
    .navbar-default .navbar-collapse {
        height: 100% !important;
        max-height: 100%;
        overflow-y: auto;
        position: fixed;
        width: 80%;
        top: 0px;
        left: -80%;
        z-index: 10000;
        visibility: hidden;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
    }
    .mob-button .navbar-default .navbar-collapse {
        width: 80%;
        left: 0;
        visibility: visible;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
        padding: 0px;
    }
    .mob-button-open .navbar-toggle {
        background-position: -28px 0;
        background: url(../images/cross.png) no-repeat left center;
        background-size: 18px;
        height: 18px;
        width: 18px;
    }
    html.mob-button-open,
    body.mob-button {
        overflow-x: hidden;
        width: 100%;
        height: 100%;
    }
    .mob-button .wrapper {
        left: 80%
    }
    .wrapper,
    .navbar-collapse {
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
        left: 0;
    }
    .mob-button-open #navbar {
        left: 80%;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
    }
    .navbar-toggle span {
        display: none !important;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }
    .navbar-collapse .nav>li.dropdown>a {
        position: relative;
    }
    .navbar-collapse .nav>li {
        width: 100%;
        margin: 0;
        margin-right: 0px;
    }
    .navbar-collapse .nav>li.dropdown>a {
        position: relative;
    }
    .navbar-collapse .nav>li>a:hover {
        color: #000;
    }
    .navbar-collapse .nav li a {
        padding: 15px;
        position: relative;
        /* color: #ededed; */
    }
    .nav ul.nav-tabs,
    nav ul.nav {
        padding: 0;
        margin-top: 25px;
    }
    .navbar-collapse .nav>li.dropdown>a,
    .navbar-collapse .nav>li:last-child {
        position: relative;
        color: #000;
        font-size: 18px;
    }
    .navbar-collapse .nav>li>a {
        color: #272727;
        font-size: 18px;
        letter-spacing: 0.9px;
        font-weight: 500;
        font-family: Montserrat-Medium;
        line-height: normal;
        border-bottom: 1px solid #ddd;
    }
    body.path-user {
        background-position-x: 30%;
        margin-top: 67px;
    }
    form#user-login-form {
        padding: 0 20px;
    }
    .expanded.dropdown ul.dropdown-menu {
        background-color: rgba(56, 56, 56, 0.52);
    }
    .navbar-collapse ul.dropdown-menu {
        position: relative;
        width: 100%;
    }
    .expanded.dropdown ul.dropdown-menu li a {
        background-color: #000;
    }
    .quick_menu_responsive .expanded.dropdown ul.dropdown-menu li a {
        background: none;
        font-size: 13px;
    }
    #block-storemenu .menu--store-menu .dropdown-menu a {
        background-image: none;
        font-size: 16px;
        line-height: normal;
        letter-spacing: 0.8px;
        padding: 4px 0px 6px 33px;
    }
    .quick_menu_responsive .dropdown-menu {
        background-color: white !important;
    }
    .nav .open>a,
    .nav .open>a:hover,
    .nav .open>a:focus {
        background-color: transparent;
    }
    /* .menu li a {
        font-size: 17px;
    } */
    .menu-icon-1 {
        width: 40px;
    }
    .client-detail-ctrl-btn {
        background: #fff;
    }
    .clinent-detail-content .client-detail-ctrl-btn {
        padding: 15px 0;
        border-top: 1px solid #efefef;
        ;
    }
    .contact-detail-controls>div {
        float: none !important;
        text-align: center;
    }
    a.menu_icon_image {
        padding-left: 40px !important;
        padding-bottom: 30px !important;
        background-position: 10px 15px;
    }
    .navbar-collapse .block .nav>li.dropdown>a {
        position: relative;
        background-size: 24px;
        height: 18px;
    }
    .navbar-header a.logo,
    .not-logged-in .navbar-header a.logo {
        /* margin-top: 32px !important; */
    }
    .ch-icon {
        background-position: 10px 15px !important;
        ;
    }
    .social-item-image img {
        min-width: 40%;
    }
    #right_header {
        padding: 0px;
    }

    #block-storemenu li a.settings-ic {
        padding-left: 40px !important;
    }
    #block-storemenu li .settings-ic::after {
        content: '' !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cpath id='3jiisa795a' d='M10 0c1.38 0 2.5 1.12 2.5 2.5v.072c0 .216.13.41.336.499.203.09.44.046.591-.102l.05-.05c.469-.469 1.105-.733 1.769-.733.663 0 1.3.264 1.768.733.47.469.733 1.105.733 1.768 0 .664-.264 1.3-.733 1.769l-.043.043c-.155.159-.198.395-.109.598.024.053.042.109.054.166.099.146.264.236.442.237h.142c1.38 0 2.5 1.12 2.5 2.5s-1.12 2.5-2.5 2.5h-.072c-.216 0-.41.13-.495.328-.093.211-.05.448.098.6l.05.05c.469.468.733 1.104.733 1.768 0 .663-.264 1.3-.733 1.768-.469.47-1.105.733-1.768.733-.664 0-1.3-.264-1.769-.733l-.043-.043c-.159-.155-.395-.198-.606-.105-.198.085-.327.28-.328.492v.142c0 1.38-1.12 2.5-2.5 2.5-1.381 0-2.5-1.12-2.5-2.5-.005-.278-.146-.474-.403-.57-.203-.09-.44-.047-.591.1l-.05.05c-.469.47-1.105.734-1.769.734-.663 0-1.3-.264-1.768-.733-.47-.469-.733-1.105-.733-1.768 0-.664.264-1.3.733-1.769l.043-.043c.155-.159.198-.395.105-.606-.085-.198-.28-.327-.492-.328H2.5c-1.38 0-2.5-1.12-2.5-2.5 0-1.381 1.12-2.5 2.5-2.5.278-.005.474-.146.57-.403.09-.203.047-.44-.1-.591l-.05-.05c-.47-.469-.734-1.105-.734-1.769 0-.663.264-1.3.733-1.768.469-.47 1.105-.733 1.768-.733.664 0 1.3.264 1.769.733l.043.043c.159.155.395.198.598.109.053-.024.109-.042.166-.054.146-.099.236-.264.237-.442V2.5C7.5 1.12 8.62 0 10 0zm0 1.667c-.46 0-.833.373-.833.833v.145c-.004.88-.53 1.674-1.339 2.02-.07.031-.144.051-.22.061-.787.276-1.67.085-2.28-.512l-.05-.05c-.157-.157-.37-.244-.59-.244-.222 0-.434.087-.59.245-.157.156-.245.368-.245.59 0 .22.088.432.245.59l.056.056c.631.645.806 1.61.461 2.387-.313.85-1.114 1.424-2.04 1.445H2.5c-.46 0-.833.373-.833.834 0 .46.373.833.833.833h.145c.88.004 1.674.53 2.017 1.33.365.826.19 1.79-.448 2.443l-.05.05c-.157.156-.244.368-.244.59 0 .22.087.433.245.59.156.156.368.244.59.244.22 0 .432-.088.59-.245l.056-.056c.645-.631 1.61-.806 2.387-.461.85.313 1.424 1.114 1.445 2.04v.075c0 .46.373.833.834.833.46 0 .833-.373.833-.833v-.145c.004-.88.53-1.674 1.33-2.017.826-.365 1.79-.19 2.443.448l.05.05c.156.157.368.244.59.244.22 0 .433-.087.59-.245.156-.156.244-.368.244-.59 0-.22-.088-.432-.245-.59l-.056-.056c-.631-.645-.806-1.61-.442-2.435.343-.801 1.137-1.327 2.021-1.33h.075c.46 0 .833-.374.833-.834 0-.46-.373-.833-.833-.833h-.145c-.88-.004-1.674-.53-2.02-1.339-.031-.07-.051-.144-.061-.22-.276-.787-.085-1.67.512-2.28l.05-.05c.157-.157.244-.37.244-.59 0-.222-.087-.434-.245-.59-.156-.157-.368-.245-.59-.245-.22 0-.432.088-.59.245l-.056.056c-.645.631-1.61.806-2.427.445-.81-.346-1.335-1.14-1.339-2.024V2.5c0-.46-.373-.833-.833-.833zm0 5c1.84 0 3.333 1.492 3.333 3.333 0 1.84-1.492 3.333-3.333 3.333-1.84 0-3.333-1.492-3.333-3.333 0-1.84 1.492-3.333 3.333-3.333zm0 5c.92 0 1.667-.747 1.667-1.667S10.92 8.333 10 8.333 8.333 9.08 8.333 10 9.08 11.667 10 11.667z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg transform='translate(-17 -629) translate(17 629)'%3E%3Cmask id='wlbl31kh6b' fill='%23fff'%3E%3Cuse xlink:href='%233jiisa795a'/%3E%3C/mask%3E%3Cuse fill='%23000' fill-rule='nonzero' xlink:href='%233jiisa795a'/%3E%3Cg fill='%23000' mask='url(%23wlbl31kh6b)'%3E%3Cpath d='M0 0H20V20H0z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        position: absolute;
        left: 7px !important;
        background-size: contain;
        display: flex;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        top: 14px !important;
    }
    #block-storemenu li a,
    #block-storemenu li a+ul li,
    #block-storemenu li a+ul {
        border: none !important
    }
    #block-storemenu li ul,
    #block-storemenu li ul li {
        border: none !important
    }
    #navbar nav .menu.nav li.open .dropdown-menu {
        background: transparent;
        padding-bottom: 15px;
    }
    #navbar nav .menu.nav li.open .dropdown-menu * {
        background: transparent;
    }
    #navbar nav .menu.nav .share-info-ic::before {
        background-image: url(data:image/png;base64,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);
        background-size: 17px;
        background-position: center;
    }
    a.appointments-ic:before {
        position: absolute;
        left: 8px;
        background-size: contain;
        content: '';
        display: flex;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-image: url(data:image/png;base64,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);
    }
    #navbar nav .menu.nav li.menu-icon-21>a::before {
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJPdXRsaW5lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48cGF0aCBkPSJNMTksMEg1QTUuMDA2LDUuMDA2LDAsMCwwLDAsNVYxOWE1LjAwNiw1LjAwNiwwLDAsMCw1LDVIMTlhNS4wMDYsNS4wMDYsMCwwLDAsNS01VjVBNS4wMDYsNS4wMDYsMCwwLDAsMTksMFptMywxOWEzLDMsMCwwLDEtMywzSDVhMywzLDAsMCwxLTMtM1Y1QTMsMywwLDAsMSw1LDJIMTlhMywzLDAsMCwxLDMsM1oiLz48cGF0aCBkPSJNOS4zMzMsMTUuOTE5LDUuNDE0LDEyQTEsMSwwLDAsMCw0LDEySDRhMSwxLDAsMCwwLDAsMS40MTRsMy45MTksMy45MTlhMiwyLDAsMCwwLDIuODI5LDBMMjAsOC4wODFhMSwxLDAsMCwwLDAtMS40MTRoMGExLDEsMCwwLDAtMS40MTQsMFoiLz48L3N2Zz4K') !important;
        background-size: 17px;
        background-position: center;
    }
}

@media screen and (max-width: 600px) {
    .item-details-purchase {
        width: 135px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        font-size: 12px;
        letter-spacing: 0.6px;
        text-align: center;
        color: #272727;
    }
    .conatiner {
        width: auto;
    }
    .desktop_hidden {
        display: block;
    }
    #navbar-collapse {
        float: left;
        padding: 0px;
        background-color: #fff;
        border: none;
    }
    #block-storemenu .dropdown-menu {
        background-color: #efefef;
        border: 1px solid #efefef;
    }
    .menu--store-menu .dropdown-menu li a {
        color: #272727;
    }
    .icons-wrapper {
        position: absolute;
        right: 15px;
        top: 43px;
    }
    .right-header .icons-wrapper {
        top: 4px;
        right: -15px;
    }
    .popover-content .content .detail {
        white-space: nowrap;
    }
    .popover-content {
        min-width: 200px
    }
    body.user-logged-in #navbar .navbar-header a.logo {
        padding: 0px;
        text-align: center;
    }
    .dropdown-menu {
        box-shadow: none;
        margin: 0px;
        padding: 0px;
    }
    .nav>li>a.desktop_hidden {
        display: block;
    }
    .icons-wrapper .count-unread {
        position: absolute;
        top: 0;
        right: 0;
    }
    .icons-wrapper>span.bell {
        left: 0;
    }
}

@media (min-width: 601px) and (max-width: 767px) {
    .icons-wrapper>span.bell {
        top: 5px
    }
}

.better-message-clientela {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.better-message-clientela .better-messages-overlay {
    left: auto !important;
    border-radius: 4px !important;
}

.better-message-clientela .better-messages-overlay .alert-danger {
    background: none;
    border: none;
    color: #e02020;
}

.better-message-clientela .better-messages-overlay .alert-success {
    background: none;
    border: none;
    color: #44d7b6;
}

.better-message-clientela .better-messages-overlay .messages__wrapper button {
    display: none;
}

.better-message-clientela .better-messages-overlay .messages__wrapper p {
    line-height: 1.25;
    letter-spacing: 0.8px;
    text-align: center;
    color: #272727 !important;
    font-size: 16px;
    /* font-family: 'Montserrat-Regular'; */
}

.better-message-clientela .better-messages-overlay .messages__wrapper h2.sr-only {
    width: auto;
    height: auto;
    margin-bottom: 14px;
    position: initial;
    text-align: center;
    width: 100%;
    font-size: 26px;
    letter-spacing: 1.3px;
    text-transform: capitalize;
    margin-bottom: 19px;
}

.better-message-clientela #better-messages-default.better-messages-overlay .better-messages-footer {
    border-top: 0;
}
.better-message-clientela .better-messages-overlay .messages__wrapper .item-list.item-list--messages{
    padding: 0;
}
.better-message-clientela .better-messages-overlay .messages__wrapper .item-list.item-list--messages .item.item--message {
    letter-spacing: 0.8px;
    list-style-type: none;
    color: #272727;
    font-size: 16px;
    display: inline-block;
    margin-top: 16px;
    position: relative;
    padding-left: 25px;
}
.better-message-clientela .better-messages-overlay .messages__wrapper .item-list.item-list--messages .item.item--message:first-child {
    margin-top: 0;
}

.better-message-clientela .better-messages-overlay .messages__wrapper .item-list.item-list--messages .item.item--message::before {
    content: url(../images/alert.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 2px;
}
.better-message-clientela .better-messages-overlay .messages__wrapper .item-list.item-list--messages .item.item--message em{
    word-break: break-word;
}

.better-message-clientela .better-messages-overlay .messages__wrapper .alert-dismissable,
.better-message-clientela .better-messages-overlay .messages__wrapper .alert-dismissible {
    padding-right: 15px;
}


/* chat popup css start */

.chatapp-icon-list {
    display: flex;
    align-items: center;
    justify-content: center;
}

.chatapp-icon-list a {
    flex: 1;
    display: flex;
    margin-top: 10px;
    flex-direction: column;
    align-items: center;
    line-height: 1.33;
    letter-spacing: 0.6px;
    text-align: center;
    color: #535353;
    font-size: 12px;
    max-width: 150px;
}

.chatapp-icon-list span {
    margin-bottom: 10px;
}

.chatapp-icon-list .cp-imessage-phone {
    width: 30px;
    height: 30px;
}

.chatapp-icon .cp-b {
    display: none;
}

.chatapp-icon.active-img .cp-b {
    display: block
}

.chatapp-icon.active-img .cp-w {
    display: none;
}

.chatapp-icon.active-img {
    position: relative;
}

.chatapp-icon.active-img:after {
    /* content:url('../images/tick.png'); */
    content: '';
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    background: url(../images/tick.png);
    background-size: 100%;
    top: -10px;
    right: 20px;
}

.cp-ch-b {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cp-ch-b .chat-app-confirm.btn,
.cp-ch-b .chat-share-confirm {
    width: 136px;
    height: 30px;
    text-transform: capitalize;
    border-radius: 4px;
    background-color: #323232;
    letter-spacing: 0.6px;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    margin-top: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat-Regular';
}

.chat-app-compose .close.ui-dialog-titlebar-close {
    /* position: relative; */
}

.chat-app-compose .close.ui-dialog-titlebar-close span {
    display: none;
}

.message-compose.chat-app-compose .ui-dialog-titlebar h4 {
    text-transform: capitalize;
    margin-top: 2px;
}

.message-compose.chat-app-compose .modal-body {
    margin-top: 0;
}

.chat-app-compose .close.ui-dialog-titlebar-close:after {
    content: '';
    display: inline-block;
    /* position: absolute; */
    width: 15.5px;
    height: 15.5px;
    background: url(../images/close.svg);
    background-size: 100%;
}


/* chat popup css end */


/* clientbook importer css*/

.client-book-importer .form-managed-file .js-form-file {
    opacity: 100;
}

.modal.fade .modal-dialog .modal-header {
    border: none;
    padding-bottom: 10px;
}


/* Client tag css*/

#remove_profile_tag .remove-profiletag {
    text-align: center;
    font-size: 14px;
    margin-bottom: 5px;
}

.path-client-detail .modal-body {
    margin-top: 0px;
    padding: 0px;
}

.path-client-detail .modal-header {
    padding: 15px 15px 0px 0px;
}

.node-message .comment-wrapper .gmail_quote,
.node-message .comment-wrapper .gmail_signature_prefix,
.node-message .comment-wrapper .gmail_signature,
.node-message .comment-wrapper .yahoo_quoted,
.node-message .comment-wrapper .yahoo_signature_prefix,
.node-message .comment-wrapper .yahoo_signature,
.node-message .comment-wrapper blockquote{
    display: none;
}

@media (min-width: 768px) {
    .menu--store-menu a {
        padding-left: 0 !important
    }
    .menu--store-menu ul a {
        padding-left: 15px !important;
        line-height: 2.08571;
    }
    .page-node-type-social-pickandsend .product_list {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .page-node-type-social-pickandsend .chat-app-product-rec .mt_user.sty_snt .clearfix {
        display: flex;
        justify-content: center;
        width: 355px;
        margin: 0 auto;
    }
    .page-node-type-social-pickandsend .chat-app-product-rec .mt_user.sty_snt .clearfix .listing_avtar_detail {
        width: 275px;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .ch-icon {
        background-size: 20px;
        padding-left: 40px !important;
    }
}


/*
    update email box
*/

.region-content .menu--message-menu {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 0;
    overflow: hidden;
    display: flex;
    border: none;
    margin: 0;
    background: none;
}

.region-content .menu--message-menu li {
    flex: 1;
    text-align: center;
    padding: 0;
    border: none;
    margin: 0;
}

.region-content .menu--message-menu li a {
    background: #ccc;
    color: #000;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0px;
    font-weight: bold;
    transition: all 0.3s
}

.region-content .menu--message-menu li a:hover {
    transition: all 0.3s;
    background: #bfbcbc;
}

.region-content .menu--message-menu li.active a {
    background: #000000;
    color: #fff;
}

.view-id-message .node_access {
    cursor: pointer;
}

.view-message .view-filters {
    text-align: center;
    margin: 0;
}

.view-message .view-filters form>.form-inline {
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-message .view-filters form>.form-inline .js-form-item input {
    box-shadow: none;
    background: #ffffff;
    border: none;
    height: 40px;
    margin: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.view-message .view-filters form>.form-inline button.form-submit {
    height: 40px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 15px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin: 0 !important;
    transition: all 0.3s
}

.view-message .view-filters form>.form-inline button.form-submit:hover {
    opacity: 0.7;
    transition: all 0.3s
}

.view-message .view-filters form>.form-inline .form-item {
    margin: 0 !important;
}

.view-message .view-filters form>.form-inline .form-item.form-item-field-email-status-value {
    padding-left: 6px;
    border-radius: 0;
}

.view-message .view-filters form>.form-inline .form-item.form-item-field-email-status-value select {
    min-width: 70px;
    border: none;
}

.view-message .inbox-wrapper {
    margin-bottom: 5px;
}

.view-message .view-content {
    background: #ededed;
    padding: 10px 0;
}

.view-message .view-content .views-row {
    display: inline-block;
    width: calc(100% - 20px);
    background: #fff;
    position: relative;
    margin-left: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.view-message .view-content .views-row .inbox-msg {
    background: none;
    border: none;
    margin: 0;
    padding: 13px;
}

.view-message .view-content .views-row .inbox-msg a {
    color: black
}

.view-message .view-content .views-row .text-right_inbox {
    border: none;
    background: none;
    margin: 0;
    padding: 13px
}
.view-message .view-content .views-row .text-right_inbox span:first-child{
    margin-right: 10px;
    font-size: 12px;
    color: #000;
    text-transform: capitalize;
    position: relative;
}
.view-message .view-content .views-row .text-right_inbox span.unread::before{
    content: '';
    width: 8px;
    height: 8px;
    background: #53E762;
    border-radius: 100px;
    display: inline-block;
    left: -15px;
    position: absolute;
    top: 3px;
}

.not-found-notification {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.not-found-notification .note-content {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 25px;
    border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
    width: 450px;
}

.not-found-notification .note-content svg {
    width: 100px;
    height: 100px;
}

.not-found-notification .note-content .txt {
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin-top: 15px;
}

#block-storelocationswitcherblock{
    display: none;
}

@media (max-width: 767px) {
    .region-content .menu--message-menu {
        overflow-x: auto !important;
        margin-top: 25px;
    }
    .region-content .menu--message-menu li a {
        padding-left: 25px;
        padding-right: 25px
    }
    #block-messagemenu {
        padding-left: 15px;
        padding-right: 15px;
    }
    .view-message {
        padding-left: 15px;
        padding-right: 15px;
    }
    #block-storelocationswitcherblock{
        display: block;
        padding: 12px 16px 0;
    }

    .region-navigation-collapsible nav ul.menu.menu--store-menu.nav{
        margin-top: 8px;
    }
    #block-storelocationswitcherblock-2{
        display: none;
    }
    #block-clientsearchblock-2{
        min-height: 53px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body.user-logged-in .wrapper #navbar>.container {
        width: 100%;
    }
    body.user-logged-in #navbar .navbar-header {
        max-width: 160px !important;
    }
}

.other_media_note {
    position: relative; 
    font-family: 'Montserrat-Medium';
    font-size: 14px;
  }

.other_media_note::after {
    content: "";
    background-image: url(../images/required.svg);
    background-size: 5px;
    background-repeat: no-repeat;
    background-position: center;
    width: 5px;
    height: 5px;
    display: inline-block;
    position: absolute; 
    right:-10%;
    transform: translateX(-50%);
}

@media (max-width: 1024px){
    .view-message .view-content .views-row .text-right_inbox{
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 767px){
    .view-message .view-content .views-row .text-right_inbox{
        padding-left: 25px;
        text-align: left;
        display: flex;
        flex-direction: column;
    }
    .view-message .view-content .views-row .text-right_inbox span:first-child{
        margin-right: 0;
    }

}



/************* Calendar Updated UI ************/
.path-message #better-messages-default.better-messages-overlay.better-messages-position-fixed{
    top: 82px !important;
    width: 97% !important;
    background-color: #f3faef;
    color: #325e1c;
    padding: 16px 10px 12px 16px;
    box-shadow: -8px 0 0 #77b259, -4px 0px 15px rgba(0, 0, 0, 0.3);
}
.path-message .better-message-clientela .better-messages-overlay .alert-success{
    padding: 0;
    margin: 0;
}
.path-message .better-message-clientela .better-messages-overlay .messages__wrapper h2.sr-only{
    display: none;
}
.path-message .better-message-clientela .better-messages-overlay .messages__wrapper p{
    text-align: left;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: normal;
}
.path-message .better-message-clientela .better-messages-overlay .messages__wrapper p{
    color: #325e1c !important;
}

.path-message .better-message-clientela #better-messages-default.better-messages-overlay .better-messages-footer , .path-node .better-message-clientela{
    display: none;
}
.path-message #better-messages-default.better-messages-overlay .better-messages-close{
    margin-top: -3px;
}

@media screen and (max-width: 767px) {
.path-calendar #better-messages-default.better-messages-overlay.better-messages-position-fixed{
    top: 65px !important;
    width: 93% !important;
}
}