.back-col{

     background-color: #fdfdfd;

     margin: 2px;

     max-width:32%!important;

 }

 .ContactSnackBar {

    opacity: 1;

    margin-bottom: 0;

    position: fixed;

    right: 0;

    top: 50%;

    bottom: auto;

    width: 140px;

    height: auto;

    text-align: left;

}

 .ContactSnackBar.active, .ContactSnackBar.detail.active {

   margin-bottom: 0;

   opacity: 1;

   z-index: 99999;

}

 

 



 .ContactSnackBar.detail>ul>li {

    transform: rotate(-90deg);

    width: 100%;

    margin-left: 46px;

    -webkit-transition: margin-left ease-in-out .3s;

    -moz-transition: margin-left ease-in-out .3s;

    -o-transition: margin-left ease-in-out .3s;

    transition: margin-left ease-in-out .3s;

    list-style: none;

}

 

  .ContactSnackBar>ul>li:last-child {

     border-right: none;

 }

 

 .ContactSnackBar.detail>ul>li:hover {

    transform: rotate(-90deg);

    width: 100%;

    margin-left: 46px;

    -webkit-transition: margin-left ease-in-out .3s;

    -moz-transition: margin-left ease-in-out .3s;

    -o-transition: margin-left ease-in-out .3s;

    transition: margin-left ease-in-out .3s;

    list-style: none;

}

.ContactSnackBar>ul>li>a {

    color: #fff;

    cursor: pointer;

    display: block;

    font-size: 15px;

    text-decoration: none;

    padding: 12px;

    width: 154px;

    background: #fe5955;
    border-color: #fe5955;

}
.ContactSnackBar>ul>li:hover a{
    background-color: var(--dark);
}
 .ContactSnackBar.detail>ul>li>a {

    padding: 12px;

}



.ui-dialog .ui-dialog-titlebar-close {

    background-image: url(../../../../themes/bootstrap_subtheme/images/ex.svg) !important;

    border: 0;

    position: absolute;

    right: 0.3em;

    top: 50%;

    width: 17px;

    margin: -8px 0 0 0;

    padding: 0px;

    height: 17px;

}



 ul .sub-menu.s-active{

  display:block!important;

  visibility: visible!important;

}