/* Global Style */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


h1, h2, h3 {
  font-family: "Bebas Neue", sans-serif; }

p {
  font-family: "Montserrat", sans-serif; }

span {
  font-family: "Montserrat", sans-serif; }

a {
  font-family: "Montserrat", sans-serif; }

html {
  font-size: 16px; }
  @media (max-width: 1024px) {
    html {
      font-size: 14px; } }

body {
  font-family: "Montserrat", sans-serif;
  color: #000;
}


/*--------------------------------------------------------------
## Modals
--------------------------------------------------------------*/

.modal-dialog .modal-body .close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.modal-dialog .modal-body .close-btn img {
  width: 32px;
  height: 32px;
}

.add-opportunity-modal .modal-dialog,
.view-company-modal .modal-dialog,
.add-company-modal .modal-dialog {
  max-width: 900px;
}
.add-opportunity-modal .modal-dialog .modal-body,
.view-company-modal .modal-dialog .modal-body,
.add-company-modal .modal-dialog .modal-body {
  padding: 30px;
  position: relative;
  font-size: 14px;
}

.sub-title {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin-bottom: 5px;
}

.company-members ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.modal a {
  color: #244793;
  text-decoration: underline;
}
.company-logo {
  width: 100px;
  margin-bottom: 10px;
}
.view-opportunity-modal .modal-dialog {
  max-width: 1000px;
}
.view-opportunity-modal .modal-dialog .modal-body .opportunity-info p {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.view-opportunity-modal .modal-dialog .modal-body .opportunity-info p.item-title {
  font-weight: 400;
}
.view-opportunity-modal .modal-dialog .modal-body {
  padding: 30px;
  position: relative;
}
.view-opportunity-modal .modal-dialog .modal-body .title-part h2 {
  font-size: 28px;
  font-weight: 400;
  color: #000;
  margin-bottom: 20px;
}
.contacts-page .contacts-section .contacts-table table .opportunity-num a.view-opportunity {
  display: inline-block;
}

.activity-tab {
  display: none;
}
.activity-tab.active {
  display: block;
}
/*--------------------------------------------------------------
## Modals
--------------------------------------------------------------*/



/*--------------------------------------------------------------
## Contacts Page
--------------------------------------------------------------*/

.last-contact-date {
  display: flex;
  justify-content: space-between;
}

.last-contact-date .add-note svg {
  width: 24px;
  height: 24px;
  margin-left: 5px;
}

.search-wrp {
  display: flex;
  justify-content: flex-end;
}

.search-wrp .search-contacts {
  margin-right: auto;
}

.search-wrp a {
  margin-left: 5px;
}

.search-contacts input {
  height: 39px;
  padding: 0 15px 0 42px;
  outline: none;
  background-image: url(../images/search.png);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 11px 9px;
  border-radius: 0;
  width: 326px; 
}

/*--------------------------------------------------------------
## Contacts Page
--------------------------------------------------------------*/