@charset "UTF-8";
/**
 * "Partial file" (urceny len na importy, ked ma "_" negeneruje sa css)
 *
 * Obsahuje CRM-wide variables a styles
 *
 */
.removeButtonStyles, .Header__ZDDetails .AccountZDDetails button {
  display: inline-block;
  padding: 0;
  margin: 0;
  background: none;
  box-shadow: none;
  border: 0;
  letter-spacing: normal;
  cursor: pointer;
  color: #333;
  font-family: Roboto, sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-align: left;
  border: none;
  border-radius: 0; }

.removeButtonStyles:hover, .Header__ZDDetails .AccountZDDetails button:hover {
  background: none; }

/* Header zeleny, podciarknuty */
.sectionHeader, .Account h2.secondary, .AccountSimpleForm__header {
  color: #373;
  font-size: 22px !important;
  border-bottom: 2px solid #373;
  background-color: transparent !important;
  box-shadow: none;
  padding: 5px !important;
  padding-bottom: 0px !important;
  margin: 10px 0;
  margin-bottom: 0px; }

.defaultFormLabelStyles {
  font-weight: 400;
  font-size: 15px;
  padding: 3px 12px;
  display: block;
  cursor: pointer;
  margin-top: 0 !important;
  margin-right: 8px;
  border-radius: 15px;
  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
  background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
  background-color: #f9f9f9;
  border: 1px solid #dcdcdc;
  color: #333;
  white-space: nowrap; }

.defaultFormLabelStyles:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
  background: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
  background: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
  background: -o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
  background: -ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
  background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9', GradientType=0);
  background-color: #e9e9e9; }

.defaultFormLabelStyles_selected {
  -moz-box-shadow: inset 0px 1px 0px 0px #9acc85;
  -webkit-box-shadow: inset 0px 1px 0px 0px #9acc85;
  box-shadow: inset 0px 1px 0px 0px #9acc85;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
  background: -moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
  background: -webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
  background: -o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
  background: -ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
  background: linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b', GradientType=0);
  background-color: #74ad5a;
  border: 1px solid #3b6e22;
  color: #ffffff; }

.defaultButtonStyles, .Account-Note .Note-status--clickable,
.AccountInfoContacts__appearOnClick button,
.accountSection__note--add .AppearOnClick button {
  -moz-box-shadow: inset 0px 1px 0px 0px #9acc85;
  -webkit-box-shadow: inset 0px 1px 0px 0px #9acc85;
  box-shadow: inset 0px 1px 0px 0px #9acc85;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
  background: -moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
  background: -webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
  background: -o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
  background: -ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
  background: linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b', GradientType=0);
  outline: none;
  background-color: #74ad5a;
  border-radius: 3px;
  border: 1px solid #3b6e22;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-weight: bold;
  padding: 6px 12px;
  text-decoration: none;
  letter-spacing: 1px; }

.defaultButtonStyles:hover, .Account-Note .Note-status--clickable:hover,
.AccountInfoContacts__appearOnClick button:hover,
.accountSection__note--add .AppearOnClick button:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
  background: -moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
  background: -webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
  background: -o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
  background: -ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
  background: linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a', GradientType=0);
  background-color: #68a54b; }

.MyAccountsByTypePage .DownloadXls button {
  border: 1px solid #aaa;
  padding: 4px; }

.MyAccountsByTypePage .DownloadXls button:hover {
  border: 1px solid #1B5E20;
  color: black; }

.smallerAddButton, .Account .Opportunities button.addActivity, .accountContainer .AccountInfoContacts__addButton > button.addButton, .Account-Note .Note-status--clickable,
.AccountInfoContacts__appearOnClick button,
.accountSection__note--add .AppearOnClick button {
  margin: 0 0 0 10px;
  padding: 7px;
  font-weight: 200;
  box-shadow: none;
  font-size: 13px; }

.Account .accountContainer {
  display: flex;
  margin-top: 3px;
  clear: both; }

.Account .accountContainer__left {
  flex: 1;
  margin-right: 10px; }

.Account .accountContainer__right {
  flex: 1;
  margin-left: 10px; }

.Account .Account--department {
  margin-left: 0px; }

@media screen and (max-width: 960px) {
  .Account .accountContainer {
    flex-direction: column; }
  .Account .accountContainer__left {
    margin: 0; }
  .Account .accountContainer__right {
    margin: 0; } }

/* === BreadCrumbs === */
.BreadCrumbsAccountInfo {
  font-size: 12px;
  color: #999;
  line-height: 25px; }

/* === /BreadCrumbs === */
/* --------------------------------------- */
/*  Status Lead Styly */
/* --------------------------------------- */
/* aj #f55 je zaujmava varianta */
/* Lead: Farba textov  */
.Account.Account--status-lead,
.Account.Account--status-lead h2.primary,
.Account.Account--status-lead h2.primary a,
.Account.Account--status-lead .Header,
.Account.Account--status-lead div.AppearOnClick button,
.Account.Account--status-lead button.enterNew,
.Account.Account--status-lead a.enterNew {
  color: #555; }

/* Lead: labels */
/* vyrazny label "Lead" na stranke uctu */
.Account.Account--status-lead .label--lead {
  color: red;
  background-color: #fff !important;
  font-weight: bolder;
  font-size: 24px;
  border: 2px solid red;
  border-radius: 5px;
  margin-left: 10px;
  margin-right: 10px; }

/* velkost  labelu "Lead" na stranke uctu - v zozname prevadzok */
.Account.Account--status-lead .AccountListItemWrapper .label--lead {
  font-size: 12px; }

/* Lead: nadpisy */
.Account.Account--status-lead h2.primary,
.Account.Account--status-lead .Header {
  font-weight: normal;
  border-bottom: 2px solid #555; }

/* Lead: styl buttonov (vysedene buttony ak je ucet Lead) */
.Account.Account--status-lead button.addButton,
.Account.Account--status-lead button.addActivity,
.Account.Account--status-lead button.assignButton {
  background: none;
  background-color: #999;
  border: none;
  box-shadow: none; }

/* --------------------------------------- */
/* "Povodne" styly z styles.css k Account  */
/* --------------------------------------- */
/* === Account === */
.Account > .Header {
  margin-bottom: 0; }

.Account .accountContainer {
  padding: 0px;
  padding-bottom: 20px; }

.Account .accountContainer > .AppearOnClick:first-of-type {
  margin-top: 10px; }

.CompanyDepartmentForm form.crmForm h3,
.Header.secondary,
.editAccountForms .Header,
.Account .accountContainer .Header {
  font-size: 16px;
  padding: 8px 12px;
  background-color: #999; }

.Account .accountContainer .Header > .iconsLeft > i.fa,
.Account .accountContainer .Header > .icons > i.fa {
  font-size: 20px;
  margin-top: -8px;
  /* toto je padding headeru */
  height: 35px;
  /* toto je vyska headeru, pri danom paddingu a vyske pisma... */
  line-height: 34px;
  margin-right: -12px; }

.Account .accountContainer .Header > .iconsLeft > i.fa:hover,
.Account .accountContainer .Header > .icons > i.fa:hover {
  background-color: #888; }

.Account .accountInfo {
  background-color: #e0e0e0;
  color: gray;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 10px; }

.Account .AppearOnClick > button {
  margin-left: 10px; }

.AccountStatusPicker {
  position: absolute;
  margin: 5px;
  margin-top: 0px;
  padding: 5px;
  border: 1px solid silver;
  border-radius: 10px;
  background: white;
  z-index: 5000;
  box-shadow: 4px 6px 15px 0px rgba(0, 0, 0, 0.5); }

.AccountStatusPicker__info {
  font-size: 14px;
  display: inline-block;
  margin-right: 10px;
  padding-top: 4px;
  padding-left: 4px;
  color: #444; }

.AccountStatusPicker-options {
  display: flex;
  float: right;
  margin: 2px 0; }

.AccountStatusPicker-options.radioLabelsAsButtons label {
  font-size: 14px; }

.AccountStatusPicker-link {
  clear: both;
  margin: 3px 3px;
  padding-top: 5px; }

.AccountStatusPicker-link a {
  font-size: 12px;
  color: #1B5E20; }

/* === /Account === */
/* === AccountParent === */
.modalPage .AccountParent {
  margin: 10px; }

.AccountParent > .Header {
  background-color: #ddd;
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px; }

.AccountParent > .Header.hasOnClick:hover {
  background-color: #ccc; }

.AccountParent > .Header,
.AccountParent > .Header a {
  color: #555; }

.AccountParent > .Header > .iconsLeft > i.fa.iconBack {
  font-size: 20px;
  line-height: 33px;
  height: 33px;
  margin-top: -8px; }

.AccountParent > .Header > .iconsLeft > i.fa.iconBack:hover {
  background-color: #aaa; }

/* Header Firmy na stranke Prevadzky   */
.Account .AccountParent > .Header {
  font-size: 24px;
  background-color: #fff;
  padding: 8px 0 4px 0;
  margin-left: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
  color: #1B5E20;
  box-shadow: none; }

.Account .AccountParent > .Header.hasOnClick:hover {
  background-color: #ddd; }

/* Ikonka firmy v headeri prevadzky */
.Account .AccountParent > .Header i.fa-institution {
  display: none; }

/* Ikonka spat v headeri Firmy na prevadzke */
.Account .AccountParent > .Header span.iconsLeft > i {
  padding-top: 5px;
  padding-left: 25px; }

/* Hover Ikonka spat v headeri Firmy na prevadzke */
.Account .AccountParent > .Header > .iconsLeft > i.fa.iconBack:hover {
  background-color: #fff;
  color: black; }

/* Nezadana firma  */
.Account .AccountParent--nonexistent > .Header {
  color: red; }

.Account .AccountParent--nonexistent > .Header > span.iconsLeft {
  padding-left: 5px; }

.Account .AccountParent--nonexistent > .Header > i.fa {
  font-size: 20px; }

/* Ikonka Firmy v headeri Firmy na prevadzke */
.Account .AccountParent > .Header i.fa-institution {
  display: none; }

/* Header Prevadzky na stranke Prevadzky   */
.Account h2.Header--department.primary {
  margin: 0; }

/* === /AccountParent === */
/* -------------------------------------- */
/* "Nove" styly                           */
/* -------------------------------------- */
/* Header Prevadzky, ak je zobrazena aj firma   */
.Account .Account__content-top h2.Header--department.primary {
  border-bottom: 0px;
  font-size: 20px;
  display: inline-block; }

.Department__title {
  font-size: 20px;
  color: #555;
  display: inline-block;
  margin-right: 5px; }

/**
 * Headery h2 na ucte
 */
.Account h2.primary {
  color: #237744;
  background: none;
  box-shadow: none;
  border-bottom: 2px solid #237744;
  padding: 5px 0px;
  position: relative;
  margin-top: 8px;
  font-weight: 500;
  z-index: 5000; }

.Account h2.primary a {
  color: #237744;
  font-size: 28px; }

.Account h2.primary a > i {
  display: none; }

.Account h2.primary > .iconsLeft > i.fa,
.Account h2.primary > .icons > i.fa {
  position: absolute;
  right: 5px; }

/*Hover ikonky edit*/
.Account h2.primary > .iconsLeft > i.fa:hover,
.Account h2.primary > .icons > i.fa:hover {
  background: none;
  color: #333; }

/*Text za ikonkou edit*/
.Account h2.primary.Header--department > .icons > i.fa:after,
.Account h2.primary.Header--company > .icons > i.fa:after {
  display: inline-block;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  padding: 0 4px; }

.Account h2.primary.Header--company > .icons > i.fa:after {
  content: "editovať firmu"; }

.Account h2.primary.Header--department > .icons > i.fa:after {
  content: "editovať prevádzku"; }

.Account h2.primary.Header--group > .icons > i.fa:after {
  content: ""; }

/**
 * ZD Buttons v Headeri
 */
.Header__ZDDetails div.AccountZDDetails {
  display: inline-block;
  padding: 0;
  margin: 0 0 0 20px; }

.Header__ZDDetails div.AccountZDDetails a {
  font-size: 24px;
  font-weight: normal; }

.Header__ZDDetails .AccountZDDetails button {
  background: #ddd;
  border-radius: 3px;
  padding: 3px;
  font-size: 12px;
  border: 1px solid white;
  color: #555; }

.Header__ZDDetails .AccountZDDetails button:hover {
  background: #eee;
  border: 1px solid #ddd; }

/**
 * BG sekcii
 */
.AccountSection__content {
  background: #f0f0f0; }

/**
 * Headery Sekcii
 */
.Account h2.secondary {
  position: relative; }

.Account h2.secondary {
  display: flex; }

.Account h2.secondary button {
  margin: 0;
  margin-bottom: 4px;
  margin-top: -5px; }

.Account h2.secondary .Header__title {
  flex: 1;
  display: inline-block; }

.Account h2.secondary .Header__content-right {
  flex: 2;
  display: inline-block;
  text-align: right; }

/**
 * Border pod zoznamom Aktivit, Prilezitosti
 */
.Account .Activities,
.Account .Opportunities {
  margin-bottom: 0px; }

/**
 * Button "pridat" pod zoznamom aktivit, prilezitosti
 */
.accountContainer button.addButton,
.accountContainer button.addButton,
.accountContainer button.addButton {
  padding: 7px 10px;
  margin: 10px;
  font-size: 14px;
  font-weight: 300; }

/**
 * Button pridat aktivitu v kazdej OpportunityListItemv
 */
/**
 * Zmensit verticalny padding na list-items
 */
.Account div.ListItem {
  padding: 5px 10px 10px 10px; }

/* List items v sekciach uctu*/
.AccountSection__content .List > div {
  border-bottom: 1px solid #2E7D32; }

/* List items v sekciach uctu  - vnorene v inych */
.AccountSection__content .List > div .List > div {
  border-bottom: none; }

/**
 * AccountListItem
 * - NEzobrazit ikonu prevazky (vsetky accounty na accounte su prevazky)
 */
.Account div.AccountListItem > div.flexContainer > div.flexIcon {
  display: none; }

/**
 * OpportunityListItem
 * - NEzobrazit ikonu prilezitosti na stranke uctu v zozname prilezitosti
 *   ale nechat zobrazenu ikonu aktivity (preto ">")
 */
.Account div.OpportunityListItem > div.flexContainer > div.flexIcon {
  display: none; }

/**
 * OpportunityListItem
 * - zarovnat nalavo, ked nie je ikonka
 */
div.accountContainer div.Opportunities div.ListItem > div.ListItem {
  padding: 0; }

/**
 * OpportunityListItem
 * Velkost
 */
div.Opportunities div.OpportunityListItem > div.flexContainer div.flexContent {
  font-size: 17px; }

/**
 * Container pre vsetky info o firme v hlavicke
 */
.AccountInfo {
  margin-bottom: 25px; }

/**
 * Unit Details - "male jednotlive informacie na ucte"
 */
.UnitDetails {
  margin: 0;
  margin-top: 10px; }

/**
 * Zjednotit look "pridat/zadat" linkov
 */
.UnitDetails a.enterNew,
.UnitDetails button,
.UnitDetails button.enterNew {
  display: block;
  font-family: Roboto, sans-serif;
  font-style: italic;
  font-weight: normal;
  font-size: 16px;
  line-height: 25px;
  padding: 0;
  margin: 0;
  letter-spacing: 0; }

.UnitDetails button.enterNew {
  background: none;
  box-shadow: none;
  border: 0;
  color: #999; }

.UnitDetails button.enterNew:hover {
  color: black; }

/**
 * Text "pridat poznamku" zarovnat v lavo
 */
.UnitDetails .AppearOnClick button {
  margin-left: 0; }

.UnitDetail {
  padding-bottom: 3px; }

.UnitDetail__label {
  display: inline-block;
  margin-right: 10px;
  font-weight: 200; }

.UnitDetail__value {
  white-space: normal; }

.UnitDetail__value span a {
  overflow-wrap: break-word;
  max-width: 500px;
  display: inline-block; }

/**
 *  Account Detail - formatovanie vzlhadu komponentu "ShowSomeItems"
 */
.AccountDetail__content .ShowSomeItems__showMoreLabel {
  font-size: 16px;
  font-weight: 400; }

.AccountDetail__content .ShowSomeItems__hiddenItemsCounter {
  cursor: pointer;
  margin-left: 10px;
  display: inline;
  flex: 0; }

.AccountDetail__content .ShowSomeItems__hiddenItemsCounter:before {
  content: "(+"; }

.AccountDetail__content .ShowSomeItems__hiddenItemsCounter:after {
  content: ")"; }

/**
 * AccountDetail  - "vacsie" sekcie v info o ucte
 */
.AccountDetail {
  display: flex;
  margin-bottom: 10px;
  margin-top: 15px;
  margin-left: 10px; }

.AccountDetail__label {
  flex: 0;
  font-weight: 200;
  min-width: 110px; }

.AccountDetail__content {
  flex: 1; }

.AccountDetail__content .ShowSomeItems__showMoreLabel {
  margin-top: 1px; }

.BigPlusIcon {
  font-size: 32px;
  margin: 0px 0px;
  display: block;
  color: #2E7D32;
  cursor: pointer; }

.AccountDetail__add .BigPlusIcon {
  margin: 4px 20px;
  display: block; }

/*Tlacitko pridaj*/
.AccountDetail__add:hover {
  color: #333; }

.AccountDetail__label--strong {
  font-weight: 600;
  font-size: 17px;
  color: #333; }

/**
 * Kontakty - formatovanie komponentu "ShowSomeItems"
 */
.AccountDetail__content--contacts .ShowSomeItems__item {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px; }

.AccountDetail__content--contacts .ShowSomeItems {
  display: flex; }

.AccountDetail__content--contacts .ShowSomeItems__itemsContainer {
  flex: 1; }

.AccountDetail__content--contacts .ShowSomeItems__controls {
  flex: 0; }

.AccountDetail__content--contacts .ShowSomeItems__hiddenItemsCounter {
  margin-left: 0px; }

.AccountDetail__content--contacts .ShowSomeItems__item {
  line-height: 13px; }

.AccountDetail__content--contacts .ShowSomeItems__item:after {
  content: ","; }

.AccountDetail__content--contacts .ShowSomeItems__item--lastItem:after {
  content: ""; }

.AccountDetail__content--contacts .ShowSomeItems__hiddenItemsCounter {
  display: inline-block;
  color: #333;
  font-weight: 400; }

.AccountInfoContacts {
  padding: 0px; }

.AccountInfoContacts__contactsList .ContactInfoInline {
  border-radius: 10px;
  font-size: 18px;
  background: #f0f0f0;
  padding: 10px;
  margin: 5px;
  line-height: 28px; }

.AccountInfoContacts__contactsList .ContactInfoInline__action {
  white-space: nowrap; }

/**
 * Komponent Contact Picker
 */
.accountContainer .AccountInfoContacts__addButton > button.addButton {
  margin-left: 10px;
  margin-top: 10px; }

.AccountInfoContacts__ContactPicker label {
  display: none !important; }

.AccountInfoContacts__ContactPicker div.col-sm-8 {
  width: 100%;
  float: left; }

/**
 * Odporucane kontakty finstat - zobrazeny na Firme
 */
.AccountInfoContacts .FinstatRecommendedContacts {
  margin: 0;
  padding: 0;
  display: flex; }

.AccountInfoContacts .FinstatRecommendedContacts {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px; }

.AccountInfoContacts .FinstatRecommendedContacts .col-sm-2 {
  flex: 0;
  float: none;
  min-width: 110px; }

.AccountInfoContacts .FinstatRecommendedContacts .col-sm-8 {
  flex: 1;
  float: none;
  margin: 0;
  padding: 0; }

/**
 * Odporucane kontakty finstat - VNORENE v sekcii AccoutDetail kontakty
 */
.AccountDetail__content--contacts .FinstatRecommendedContacts {
  padding-top: 10px; }

.AccountDetail__content--contacts .FinstatRecommendedContacts label {
  display: none; }

/**
 * Kontakty stylovanie "zadat kontakty"
 */
.AccountInfoContacts__appearOnClick {
  margin-left: 10px; }

.AccountInfoContacts__appearOnClick .AppearOnClick button {
  margin-left: 0px;
  margin-top: 10px;
  font-size: 14px; }

/**
 * Adresa / zadat adresu na napr. stranke uctu
 */
.Account__address {
  min-height: 33px; }

.Account__address div.AddressListItem {
  padding: 0;
  font-weight: 600; }

.Account__address div.flexMenu {
  display: none; }

.Account__address div.flexContent {
  margin-right: 10px; }

/**
 * Poznamka k uctu v AccountDetails
 */
.Account-Note {
  display: flex; }

.Account-Note__label {
  flex: 0;
  font-weight: 200; }

.Account-Note__content {
  flex: 1; }

.Account-Note__content .ShowSomeItems__showMoreLabel {
  margin-top: 1px; }

.accountSection__note--add {
  margin-top: 10px; }

.accountSection__note .Account-Note {
  margin: 5px 5px; }

.Account-Note .Note-status--clickable,
.AccountInfoContacts__appearOnClick button,
.accountSection__note--add .AppearOnClick button {
  height: 30px;
  min-width: 80px;
  line-height: 30px;
  padding: 0 5px;
  font-style: normal; }

.Account-Note .Note-status--clickable:hover,
.AccountInfoContacts__appearOnClick button:hover,
.accountSection__note--add .AppearOnClick button:hover {
  color: white; }

.Account-Note .Note-status--clickable {
  margin: 5px 0; }

.Account-Note .Note-content__textarea {
  border: 1px solid silver;
  border-radius: 5px; }

.Account-Note .Note-content__textarea--viewing {
  border: 0;
  min-height: inherit; }

.Account-Note .Note-content__textarea--hasContent {
  min-height: 40px; }

/* Labels */
.Account__Labels {
  margin-top: 0px;
  z-index: 4000; }

.Account__Labels span.Labels {
  margin-left: 0px; }

.Account__Labels .Labels span.label:first-child {
  margin-left: 0px; }

.Account__Labels .Labels span.label {
  padding: 7px 10px;
  font-weight: 400; }

.Header .Account__Labels {
  display: inline-block;
  margin-left: 10px; }

.Account__Labels .Labels span.label--hasAction {
  cursor: pointer; }

.Account__Labels .Labels span.label--hasAction:hover {
  text-decoration: underline; }

.Account__Labels .Labels span.label--hasAction::after {
  content: " ✎"; }

.Account__Labels--topBottomMargins {
  margin-top: 5px;
  margin-bottom: 20px; }

.Account__content-top .Account__Labels .Labels .label {
  font-size: 12px;
  padding: 5px; }

/* /Labels */
.Account__content-top {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
  z-index: 3000;
  /* aby account piceker mohol byt  nad obsahom tohot divu*/ }

.Account__content-top .content-left {
  flex: 1; }

.Account__content-top .content-right {
  flex: 1;
  align-self: flex-end;
  text-align: right; }

.Account__container--fullwidth {
  min-height: 20px;
  margin-top: 10px;
  width: 100%;
  position: relative; }

.Account__edit {
  display: inline-block;
  font-weight: 200;
  font-size: 16px;
  border: 1px solid #1B5E20;
  background: #74ad5a; }

.Account__container--fullwidth .Account__edit {
  right: 0px;
  position: absolute; }

/* AccountTabs */
.AccountTabs__container {
  width: 100%;
  margin-top: 20px; }

.AccountTabs__list {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 50px;
  white-space: nowrap;
  border-bottom: 1px solid #ccc; }

.AccountTabs__item {
  display: block;
  color: #2E7D32;
  padding: 8px 15px;
  margin-right: 0px;
  margin-top: 10px;
  height: 40px;
  font-size: 21px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  float: left;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #cfcfcf;
  border-bottom: 1px solid silver; }

.AccountTabs__icon {
  display: inline-block;
  color: silver;
  font-size: 24px; }

.AccountTabs__item--home {
  border: 0px; }

.AccountTabs__item--active.AccountTabs__item--home,
.AccountTabs__item--active {
  color: green;
  border: 1px solid #888;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #bad9c7;
  border-bottom: 1px solid #b2d9bf;
  font-weight: bold;
  height: 50px;
  margin-top: 0px;
  line-height: 35px;
  box-shadow: 2px 0px 0 0;
  margin-right: 2px; }

.AccountTabs__item--active .AccountTabs__icon {
  color: #2E7D32; }

.AccountTabs__item--active.AccountTabs__item--home {
  overflow: hidden; }

.AccountTabs__item.AccountTabs__item--home i.fa-home {
  color: #2E7D32; }

.AccountTabs__link {
  margin: 0 auto; }

.AccountTabs__item--withButton {
  padding-left: 10px;
  padding-bottom: 10px;
  border: 0px;
  border-bottom: 1px; }

.AccountTabs__button {
  margin-top: -10px;
  padding-bottom: 4px;
  font-weight: 200;
  font-size: 16px;
  border: 1px solid #1B5E20;
  background: #74ad5a; }

.AccountTabs__list--rows {
  border: 0;
  height: auto;
  max-height: none;
  white-space: normal;
  overflow: auto; }

.AccountTabs__list--rows .AccountTabs__item {
  border: 0;
  display: block;
  width: 95%;
  max-width: 400px;
  font-size: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin: 0;
  text-align: left; }

.AccountTabs__list--rows .AccountTabs__item--account {
  margin-left: 10px;
  line-height: 30px; }

.AccountTabs__list--rows .AccountTabs__item--active {
  border: 1px solid #2E7D32;
  border-radius: 4px;
  font-weight: bolder; }

.AccountTabs__list--rows .AccountTabs__item--withButton {
  margin-top: 10px; }

.AccountTabs__list--rows .AccountTabs__button {
  font-weight: 200;
  font-size: 14px; }

/* /AccountTabs */
/* New Account Create Page */
.AccountSimpleForm form.crmForm {
  margin-top: 0;
  padding-top: 0; }

.AccountSimpleForm__departments--ofAccount {
  margin-left: 10px; }

.AccountSimpleForm__contacts--ofAccount {
  margin-left: 10px; }

.AccountSimpleForm__address--ofAccount {
  margin-left: 10px; }

.AccountSimpleForm__user--ofAccount {
  margin-left: 10px; }

.AccountSimpleForm__header--secondary {
  clear: both;
  padding-left: 0px !important;
  font-size: 18px !important;
  padding-top: 20px !important;
  margin-bottom: 20px !important; }

.AccountSimpleForm__ButtonSubmit {
  clear: both;
  float: right !important;
  margin-bottom: 10px; }

.AccountSimpleForm__DetailsButton {
  margin: 5px 0;
  padding: 5px 8px;
  background: none;
  color: #1B5E20;
  border: 1px solid #1B5E20;
  box-shadow: none; }

.AccountSimpleForm__DetailsButton:hover {
  color: white; }

.AccountSimpleForm .crmForm {
  background: none; }

.AccountSimpleForm .crmForm input[type=text],
.AccountSimpleForm .crmForm textarea {
  border: 1px solid silver;
  border-bottom: 3px solid silver;
  border-radius: 0;
  /* ios reset */
  padding: 7px;
  font-family: Roboto, sans-serif;
  /* kvoli textarea/Chrome */ }

.AccountSimpleForm__ContactForms {
  clear: both;
  margin-left: 10px; }

.AccountSimpleForm .AppearOnClick > button {
  margin-left: 20px; }

.AccountSimpleForm .AppearOnClick {
  clear: both; }

.AccountSimpleForm .AppearOnClick > button .AppearOnClickItem__label {
  color: #090909;
  font-style: normal; }

.AccountSimpleForm .AppearOnClick > button i {
  color: #373;
  font-size: 27px;
  vertical-align: middle; }

.AccountSimpleForm .AppearOnClick > button .AppearOnClickItem__action {
  margin-left: 5px; }

.AccountSimpleForm .AppearOnClick > button .AppearOnClickItem__title {
  color: #1B5E20;
  text-decoration: underline;
  margin-left: 10px;
  display: inline-block; }

.NewChildItem__Header {
  display: flex;
  align-items: baseline;
  padding-top: 20px;
  clear: both; }

.NewChildItem__Title {
  display: block;
  clear: both;
  flex: auto;
  padding: 0;
  margin: 0;
  color: #555; }

.NewChildItem__RemoveButton {
  display: block;
  flex: auto;
  text-align: right; }

.RemoveButton {
  cursor: pointer;
  color: #555; }

.RemoveButton__Icon {
  color: red; }

/**
 * Up SLovensko SearchResult
 */
.SearchResultUpSlovensko {
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding: 5px;
  margin: 10px 0px;
  font-size: 15px;
  color: darkgray;
  font-weight: 100; }

.SearchResultUpSlovensko__content {
  color: #555; }

/**
 * Editovanie uctu (novy formular)
 */
.Page__BackButton {
  color: #1B5E20; }

.BackButton__Icon {
  font-size: 36px;
  width: 36px;
  height: 36px;
  line-height: 31px;
  padding-left: 8px;
  border: 2px solid #1B5E20;
  display: block;
  border-radius: 20px;
  float: left;
  font-weight: 400; }

.BackButton__Title {
  font-size: 22px;
  line-height: 40px;
  padding-left: 10px;
  display: inline-block; }

.BackButton__Title:hover {
  text-decoration: underline; }

.Account__DeleteButton {
  margin-top: 10px;
  float: right; }

.Account__DeleteButton {
  color: red;
  cursor: pointer;
  padding: 5px;
  border-radius: 5px; }

.Account__DeleteButton:hover {
  text-decoration: underline;
  background: red;
  color: white; }

.DeleteButton__Icon {
  font-size: 28px; }

.DeleteButton__Title {
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px;
  vertical-align: top; }

/**
 * Poznamka (todo: vyclenit do Note.css/scss ked bude script na spajenie css suborov)
 */
.Note-content__textarea {
  font-size: 16px;
  margin: 0;
  margin-top: 1px;
  padding: 4px; }

.Note-content__textarea--viewing {
  background: transparent;
  border: 0;
  padding: 0; }

.Note-content .Note-status {
  margin-bottom: 10px; }

.Note-status__icon {
  font-size: 15px; }

.Note-status__description {
  display: inline-block;
  margin-left: 5px;
  font-size: 14px; }

.Note-status--clickable {
  color: #999;
  cursor: pointer; }

.Note-status--clickable:hover {
  color: #333; }