#user-panel{
    background: #ddd;
    visibility: hidden;
    width: 100%;
    height: 150px;
    margin-top: -150px;
    transition: all .4s ease-in-out;
    .user-panel-container{
       width: 100%;
       padding: 30px;
      display: flex;
       .left-pane {
          width: 70%;
       }
       .right-pane{
          width:30%;
       }
   }
}

.user-panel-open {
   visibility: visible !important;
   margin-top: 0 !important;
}



.DSRegisterWindow .close-register-window {
    background: transparent url("../media/images/img_close-black.png") no-repeat scroll center center;
    border: medium none;
    height: 20px;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    cursor: pointer;
}

/*
 *************************
   USER PANEL CONTACT DATA
 *************************
*/

.CbControlbar2Window * {
    box-sizing: border-box;
}

.CbControlbar2Window.__CbUiFrame {
   font-size: 14px;
}

.CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.__CbUiText.tab.active {
   position: relative;
   bottom: -1px;
   background-color: #ffffff;
}

label.CbControlbar2RegisterWindowTitle.tab:not(:empty) {
   border-left: 1px solid #ccc;
   border-right: none;
}



.CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.__CbUiText.tab:last-of-type {
   border-right: 1px solid #ccc;
}

.__CbUiFrame.DSRegisterWindow .padded-box.no-bottom-padding {
   padding-bottom: 0px;
   padding-top: 0;
}

.CbControlbar2RegisterWindowTitleContainer {
   padding-left: 39px;
   background-color: #fcfcfc;
}

.CbControlbar2Window .publish-profile-hints-text {
   background-color: #ffffff;
   box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
   opacity: 0;
   padding: 1em;
   position: absolute;
   right: 0;
   text-align: left;
   transition: opacity 0.5s ease 0s;
   width: 50%;
   pointer-events: none;
}

.CbControlbar2Window .publish-profile-hints:hover + .publish-profile-hints-text {
    opacity: 1;
   pointer-events: all;
}

.CbControlbar2Window .publish-profile-hints {
    color: #db0404;
    margin-top: 7px;
}

.CbControlbar2Window .member-item-head img[src=""] {
    display: none;
}

.CbControlbar2Window .member-item-name-box {
    float: left;
    width: 70%;
}

.CbControlbar2Window .register-pubish-profile-box {
    float: left;
    width: 30%;
}

.CbControlbar2Window .member-item-head {
    border-bottom: 1px solid #cccccc;
}

.CbControlbar2Window .member-item-head {
    min-height: 85px;
}

.CbControlbar2Window .member-item-contact {
   width: 39%;
   margin-right: 3%;
   border-right: 1px solid #cccccc;
}

.CbControlbar2Window .member-item-activity {
   width: 58%;
   padding-left: 5%;
   height: 290px;
   overflow: auto;
}

.CbControlbar2Window .member-item-contact,
.CbControlbar2Window .member-item-activity {
   float: left;
   margin-top: 4%;
   margin-bottom: 4%;
}

.CbControlbar2Window .register-pubish-profile-box .input-switch-button-cntnr,
.CbControlbar2Window .register-pubish-profile-box .publish-profile-hints {
   text-align: right;
}

.CbControlbar2Window .member-item-contact .input-switch-button .address {
   float: left;
}

.CbControlbar2Window .member-item-contact .input-switch-button .bootstrap-switch {
   float: right;
   margin-right: 20px;
}
.CbControlbar2Window .__CbRegButtonContainer .__CbUiTextButton{
   padding-top: 12px;
   padding-bottom: 12px;
}

.CbControlbar2Window .member-item-activity > ul > li {
   list-style-type: none;
}

.CbControlbar2Window .member-item h4 {
    cursor: pointer;
    font-size: 20px;
    font-weight: normal;
    margin: 0.25em 0;
}

.CbControlbar2Window .member-item-activity h5,
.CbControlbar2Window .member-item-contact h5 {
   font-size: 13px;
   text-transform: uppercase;
   margin-bottom: 2%;
}

.CbControlbar2Window .member-item-activity > ul {
    margin-bottom: 1em;
}

.CbControlbar2Window .styled-select {
   width: 100%;
}

.CbControlbar2Window .__CbRegInputLine .styled-select,
.CbControlbar2Window .styled-select {
   border-radius: 5px;
   margin-bottom: 0;
   box-shadow: none;
   margin-bottom: 0;
   border: 2px solid #d0d0d0;
}

.CbControlbar2Window .styled-select select {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  padding-bottom: 3px;
  padding-left: 16px !important;
  padding-top: 5px;
  min-height: 38px !important
}

.__CbUiWindowContent .__CbRegInputs .__CbRegButtonContainer{
   padding: 0;
}

@media screen and (max-width: 767px) {

   .CbControlbar2Window .member-item-name-box,
   .CbControlbar2Window .register-pubish-profile-box,
   .CbControlbar2Window .member-item-contact,
   .CbControlbar2Window .member-item-activity {
      float: none;
      display: block;
      border: none;
      width: 100%;
   }

   .CbControlbar2Window .member-item-head {
      padding-bottom: 20px;
   }

   .CbControlbar2Window .publish-profile-hints-text {
      width: 100%;
      z-index: 1;
   }

   .CbControlbar2Window .member-item-name-box h4,
   .CbControlbar2Window .member-item-name-box .desc {
      margin-bottom: 10px;
   }

   .CbControlbar2Window .register-pubish-profile-box .input-switch-button-cntnr,
   .CbControlbar2Window .register-pubish-profile-box .publish-profile-hints {
      text-align: left;
   }

   .CbControlbar2Window .register-pubish-profile-box .bootstrap-switch-wrapper {
      float: right;
      margin-right: 20px;
   }

}