html .main-header {
  background-image: url("../Images/backgrounds/header_contacts.gif"); }

html .sidebar .btn-new-node,
html .help-menu .rmRootGroup {
  color: #ff4d6b; }

html body .RadInput_MetroTouch input.riFocused,
html body .RadInput_Focused_MetroTouch {
  border-color: #ff5d78; }

html .RadToolTip .addBtn {
  color: #ff4d6b; }

html .container .RadNavigation .rnvHovered .rnvRootLink {
  border-color: #ff5d78;
  background: #ff5d78; }

html .container .RadNavigation .rnvSelected .rnvRootLink,
html .container .RadNavigation .rnvExpanded .rnvRootLink {
  border-color: #ff3f5e;
  background: #ff3f5e; }

html .radSkin_BlackMetroTouch .rnvPopup .rnvHovered > .rnvLink {
  background-color: #ff5d78; }

html .radSkin_BlackMetroTouch .rnvPopup .rnvSelected > .rnvLink {
  background-color: #ff3f5e; }

html .rightScndNav .button:hover, html .rightScndNav .button.selected {
  color: #ff5d78; }

html .rightScndNav .RadSearchBox .rsbButtonSearch.rsbHovered {
  background: #ff5d78;
  border-color: #ff5d78; }

html .rsbPopup .rsbListItemHovered {
  background: #ff5d78; }

html .mobile .breadcrumb {
  color: #ff4d6b; }
  html .mobile .breadcrumb .item.expanded {
    background-color: #ff4d6b; }

html .mobile .RadMenuPopup_MetroTouch .rmItem.rmSelected {
  color: #ff3f5e; }

.listWrapper {
  overflow: auto; }

.contacts-list {
  list-style-type: none;
  margin: 0;
  padding: 0 18px 18px 0;
  white-space: nowrap; }
  .contacts-list:after {
    content: "";
    display: block;
    clear: both; }
  .contacts-list > li {
    width: 33.3%;
    float: left; }
  .contacts-list .itemTemplate {
    margin: 18px 0 0 18px;
    position: relative; }
    .contacts-list .itemTemplate:hover, .contacts-list .itemTemplate.selected, .contacts-list .itemTemplate.focused {
      border-color: #ff5d78; }
  .contacts-list .photo {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 15px;
    top: 20px;
    border-radius: 100px;
    overflow: hidden; }
  .contacts-list .header {
    color: #ff4d6b;
    font-size: 22px;
    padding: 10px 10px 10px 70px;
    border-bottom: 1px solid #f2f2f2;
    overflow: hidden;
    text-overflow: ellipsis; }
  .contacts-list .content {
    margin-right: 40px;
    padding-top: 58px;
    overflow: hidden; }
    .contacts-list .content p {
      height: 26px;
      margin: 0 0 20px; }
    .contacts-list .content .label {
      width: 75px;
      margin-top: 4px;
      float: left;
      font-size: 11px;
      text-transform: uppercase; }
    .contacts-list .content .info {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis; }

.itemTemplate,
.editForm {
  border: 1px solid #cdcdcd;
  padding: 5px 30px;
  overflow: hidden; }

.editForm {
  display: none;
  padding-left: 100px;
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: -1px;
  right: -1px;
  padding-right: 70px; }
  .editForm .inputs {
    list-style-type: none;
    margin: 10px 0 0;
    padding: 0; }
    .editForm .inputs li {
      margin-bottom: 15px; }
    .editForm .inputs input {
      text-overflow: ellipsis;
      height: 31px; }
  .editForm .toolbar {
    position: absolute;
    right: 5px;
    top: 7px; }
    .editForm .toolbar .icon {
      width: 28px;
      height: 28px;
      position: relative;
      display: inline-block;
      text-indent: -99999px;
      font-size: 2em;
      overflow: hidden;
      text-align: center;
      cursor: pointer; }
      .editForm .toolbar .icon:hover {
        color: #ff5d78; }
      .editForm .toolbar .icon:before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        text-indent: 0;
        line-height: 28px; }
  .editForm .RadInput {
    width: 100%; }
  .editForm #editFormImg {
    position: absolute;
    top: 27px;
    left: 30px;
    border-radius: 35px;
    overflow: hidden; }

html .section .RadAsyncUpload {
  position: absolute;
  top: 19px;
  left: 14px; }
  html .section .RadAsyncUpload .ruButton,
  html .section .RadAsyncUpload .ruFileLI {
    display: none; }
  html .section .RadAsyncUpload .ruFakeInput {
    width: 68px;
    height: 68px;
    border-radius: 35px;
    border-width: 2px;
    border-color: transparent;
    font-size: 2em;
    text-align: center;
    background: transparent;
    border-radius: 40px; }
  html .section .RadAsyncUpload .ruFileInput {
    cursor: pointer; }
  html .section .RadAsyncUpload .ruSelectWrap {
    margin-top: 0;
    cursor: pointer; }
  html .section .RadAsyncUpload .ruSelectWrap:hover .ruFakeInput {
    border-color: #ff4d6b;
    background: rgba(255, 255, 255, 0.5); }
    html .section .RadAsyncUpload .ruSelectWrap:hover .ruFakeInput:before {
      color: #ff4d6b;
      font-family: OutlookSampleApp;
      content: "\e620";
      display: block;
      position: absolute;
      top: 20px;
      left: 20px; }

#contactActionMenu {
  display: none;
  position: absolute;
  top: 60px;
  left: 70px;
  z-index: 2; }
  #contactActionMenu ul {
    list-style-type: none; }
  #contactActionMenu .button {
    display: inline-block;
    margin-right: 10px;
    font-size: 2em;
    cursor: pointer; }
    #contactActionMenu .button:hover {
      color: #ff4d6b; }

.hovered #contactActionMenu {
  display: block; }

.selected #contactActionMenu {
  display: none !important; }

.k-pdf-export .contacts-list .photo {
  border-radius: 0 !important; }

@media only screen and (max-width: 1200px) {
  .contacts-list > li {
    width: 50%; } }

.mobile .contacts-list > li {
  width: 50%; }

