@import url(../sass/vendors/bootstrap-3.3.5/css/bootstrap.min.css);
@font-face {
  font-family: '[set]Foundicons';
  src: url("../web/fonts/foundation-icons/foundation-icons.eot");
  src: url("../web/fonts/foundation-icons/foundation-icons.eot?#iefix") format("embedded-opentype"), url("../web/fonts/foundation-icons/foundation-icons.woff") format("woff"), url("../web/fonts/foundation-icons/foundation-icons.otf") format("opentype"), url("../web/fonts/foundation-icons/foundation-icons.svg#[set]Foundicons") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/MuseoSans/MuseoSans-100.eot");
  src: url("../fonts/MuseoSans/MuseoSans-100.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSans/MuseoSans-100.woff") format("woff"), url("../fonts/MuseoSans/MuseoSans-100.ttf") format("truetype"), url("../fonts/MuseoSans/MuseoSans-100.otf") format("opentype"), url("../fonts/MuseoSans/MuseoSans-100.svg#svgMuseoSans") format("svg");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/MuseoSans/MuseoSans-300.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSans/MuseoSans-300.woff") format("woff"), url("../fonts/MuseoSans/MuseoSans-300.ttf") format("truetype"), url("../fonts/MuseoSans/MuseoSans-300.otf") format("opentype"), url("../fonts/MuseoSans/MuseoSans-300.svg#svgMuseoSans") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/MuseoSans/MuseoSans-500.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSans/MuseoSans-500.woff") format("woff"), url("../fonts/MuseoSans/MuseoSans-500.ttf") format("truetype"), url("../fonts/MuseoSans/MuseoSans-500.otf") format("opentype"), url("../fonts/MuseoSans/MuseoSans-500.svg#svgMuseoSans") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/MuseoSans/MuseoSans-700.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSans/MuseoSans-700.woff") format("woff"), url("../fonts/MuseoSans/MuseoSans-700.ttf") format("truetype"), url("../fonts/MuseoSans/MuseoSans-700.otf") format("opentype"), url("../fonts/MuseoSans/MuseoSans-700.svg#svgMuseoSans") format("svg");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/MuseoSans/MuseoSans-900.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSans/MuseoSans-900.woff") format("woff"), url("../fonts/MuseoSans/MuseoSans-900.ttf") format("truetype"), url("../fonts/MuseoSans/MuseoSans-900.otf") format("opentype"), url("../fonts/MuseoSans/MuseoSans-900.svg#svgMuseoSans") format("svg");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'bedrift-icons';
  src: url("../fonts/bedrift-icons/bedrift-icons.eot?vam29p");
  src: url("../fonts/bedrift-icons/bedrift-icons.eot?vam29p#iefix") format("embedded-opentype"), url("../fonts/bedrift-icons/bedrift-icons.ttf?vam29p") format("truetype"), url("../fonts/bedrift-icons/bedrift-icons.woff?vam29p") format("woff"), url("../fonts/bedrift-icons/bedrift-icons.svg?vam29p#bedrift-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/*Primary Colors*/
/*End of primary colors*/
/*Gray color palet*/
/*end of Gray color palet*/
/*panel colors of document share popup*/
/* colors for select status button projects.html */
.display-block {
  display: block;
}

.display-inline-block {
  display: inline-block;
}

.display-inline-flex {
  display: inline-flex;
}

.display-inline-table {
  display: inline-table;
}

.margin {
  margin: 5px;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top {
  margin-top: 10px !important;
}

.margin-bottom {
  margin-bottom: 10px !important;
}

.margin-left {
  margin-left: 10px !important;
}

.margin-right {
  margin-right: 10px !important;
}

.margin-remove {
  margin: 0 !important;
}

.margin-remove-top {
  margin-top: 0 !important;
}

.margin-remove-bottom {
  margin-bottom: 0 !important;
}

.margin-remove-left {
  margin-left: 0 !important;
}

.margin-remove-right {
  margin-right: 0 !important;
}

/* remove margin in divs */
.remove-margin {
  margin-left: 0;
  margin-right: 0;
}

.mb-20 {
  margin-bottom: 15px;
}

.margin-top9 {
  margin-top: 13px;
}

.margin-top25 {
  margin-top: 25px;
}

.margin-top15 {
  margin-top: 15px;
}

.margin-top375 {
  margin-top: 375px;
}

.lablel_margin {
  margin-bottom: 0px !important;
}

.margin-top-fix-cards {
  margin-top: 3%;
}

.margin-top-50 {
  margin-top: 50px;
}

.padding {
  padding: 5px;
}

.padding-remove {
  padding: 0 !important;
}

.padding-remove-tb {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.padding-10 {
  padding: 10px;
}

.padding-15-tb {
  padding-top: 15px;
  padding-bottom: 15px;
}

.padding-15 {
  padding: 15px;
}

.padding-20 {
  padding: 20px !important;
}

.padding-top {
  padding-top: 10px;
}

.padding-bottom {
  padding-bottom: 10px;
}

.padding-left {
  padding-left: 10px;
}

.padding-right {
  padding-right: 10px;
}

.padding-top-15 {
  padding-top: 15px;
}

.padding-x-30 {
  padding: 0 30px;
}

.padding-20 {
  padding: 20px !important;
}

.list-group-item-info {
  padding: 20px 30px;
}

div.document-share-list a.list-group-item {
  padding: 25px 20px;
}

.padding-fix-popup {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}

.padding_cards {
  padding-top: 2%;
  padding-bottom: 2%;
}

.table_padding_fix {
  padding-left: 3%;
  padding-right: 3%;
}

.list_padding {
  padding-left: 10px;
}

.center-input-box {
  padding-left: 10px;
}

.common-padding-fix {
  padding-left: 0px;
  padding-right: 0px;
  word-wrap: break-word;
}

.no-gutter {
  padding: 0;
}

.no-gutter {
  margin-left: -15px;
  margin-right: -15px;
}

.gutter-left {
  padding-right: 0;
}

.gutter-right {
  padding-left: 0;
}

.no-gutter {
  padding-left: 0;
  padding-right: 0;
}

.left-gutter {
  padding-right: 0;
}

.right-gutter {
  padding-left: 0;
}

.hr {
  border-bottom: 1px solid #ddd;
}

.buttn-margine {
  margin-right: 5px;
}

.detail-span {
  margin-right: 10px;
}

.tab-nav-top-margin {
  margin-top: 10px;
}

.content-space {
  margin: 0;
  min-height: 35px;
}

.remove-padding-left-right {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.remove-left-right-margin {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.main-header-align {
  padding-bottom: 20px;
  margin-top: 13px;
}

.main-header-align-top {
  padding-bottom: 20px;
  margin-top: 0px;
}

.position-fixed {
  position: fixed;
}

.txt-deco-none {
  text-decoration: none !important;
}

.error-background {
  border: 1.5px solid red;
}

.deafult-cursor {
  cursor: default;
}

.icon-alignment span {
  line-height: 38px;
  font-size: 16px;
}

.user-table .align-flex {
  line-height: 38px;
  font-size: 16px;
}

.menu-button-text {
  margin-left: 5px;
}

.word-break {
  word-break: break-all;
}

.line-height-0 {
  line-height: 0 !important;
}

.full-width {
  width: 100%;
}

.disabled_properties {
  opacity: 0.7;
}

.line-height-10 {
  line-height: 10px !important;
}

html {
  font-size: 0.75rem;
}

body {
  font-family: "Museo Sans", "Helvetica", "Roboto", "Arial", sans-serif;
  background-color: #F5F5F5;
  font-size: 13px;
}

body.background-white {
  background-color: #ffffff;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Museo Sans", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

label {
  font-weight: 500;
}

/* font for the header -shani */
.item_heder {
  font-weight: 700;
}

h3.panel-title {
  font-weight: bold;
  color: #7E7E7E;
}

.where-i-am {
  font-family: "Museo Sans", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 200;
}

.text-capitalize {
  text-transform: capitalize;
  font-weight: 600;
}

.small-text {
  font-size: 12px;
}

.top_bar_label {
  font-weight: 500;
}

.normal_text {
  font-weight: 500 !important;
}

.detail-labels {
  line-height: 31px;
  font-weight: 700;
}

.cursor-pointer {
  cursor: pointer !important;
}

.deafult-cursor {
  cursor: default;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-italic {
  font-style: italic;
}

.text-color-blue {
  color: #527fcf;
}

.center {
  text-align: center;
}

.blue-color {
  color: #527fcf;
}

.red-color {
  color: #F40105;
}

.yellow-color {
  color: #fe9d0a;
}

.ash-color {
  color: #99a299;
}

.text-color-yellow {
  color: #ED9406;
}

.footer-main-container h4 {
  color: #8C8C8C;
}

.text-primary {
  color: #527fcf;
}

.resultatet-teller-red {
  color: red;
}

h4.h4-blue-second {
  color: #2c58a3;
}

.badge {
  background-color: #e74c3c !important;
}

.primary-light {
  margin-top: 50px;
  margin-bottom: 50px;
  border: 0;
  border-top: 1px solid #DDDDDD;
}

.primary-light-app {
  margin-top: 24px;
  margin-bottom: 35px;
  border: 0;
  border-top: 1px solid #DDDDDD;
  display: none;
}

.primary-light-app-white {
  margin-top: 20px;
  margin-bottom: 35px;
  border: 0;
  border-top: 1px solid #ffffff;
}

.primary-light-app-white-bottom-zero {
  margin-top: 10px;
  margin-bottom: 2px;
  border: 0;
  border-top: 1px solid #ffffff;
}

.img-rounded {
  border-radius: 6px;
  width: 27px;
  padding: 5px 0;
}

.image_icon {
  width: 60px;
  transform: perspective(1px) translateY(60%);
}

.image_icon.tenant {
  width: 45px;
}

.img-preview {
  max-width: 100%;
}

.share-document-property {
  margin-top: 17px;
  height: 70px;
}

.input-field {
  margin-bottom: 15px;
}

.input-field-label {
  font-size: 14px;
  font-weight: 500;
}

.input-field-label .mandetory {
  color: #FF4027;
}

.input-field-data {
  font-size: 16px;
  font-weight: 700;
  margin-top: 4px;
  display: inline-block;
  padding-left: 2px;
  margin-left: -2px;
}

.input-field-data:hover {
  background-color: #EFEFEF;
  cursor: pointer;
}

.input-field-data:hover::after {
  content: "\F3EB";
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: 14px;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 5px;
  margin-right: 5px;
}

.input-field-data.incomplete-field {
  color: #BFBFBF;
}

.input-field-data.locked:hover {
  background-color: transparent;
  cursor: not-allowed;
}

.input-field-data.locked:hover::after {
  content: "";
}

.input-field-textarea {
  margin-top: 4px;
}

.input-field-textarea.fault, .input-field-textarea.fault:focus {
  border-color: #FF4027;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 64, 39, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 64, 39, 0.6);
}

.input-field-controller {
  margin-top: 5px;
  width: 80%;
}

.input-field-controller.fault, .input-field-controller.fault:focus {
  border-color: #FF4027;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 64, 39, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 64, 39, 0.6);
}

.input-field-helper-text {
  margin-top: 5px;
  color: #939393;
}

.input-field-helper-text.fault {
  color: #FF4027;
}

.input-field .indicator-incomplete {
  color: #FFA700;
}

.input-field .indicator-completed {
  color: #16A085;
}

.scrollspy .list-group .nav li a {
  color: #232323;
  font-size: 16px;
  border-left: 4px solid #E6E6E6;
}

.scrollspy .list-group .nav li a.active {
  color: #527fcf;
  border-left: 4px solid #527fcf;
}

.breadcrumb-desc {
  color: #606060;
  font-size: 14px;
}

.company-title {
  color: #6E7277;
  font-size: 30px;
  font-weight: 700;
}

.company-desc {
  color: #939393;
  font-size: 16px;
}

.content-title {
  color: #232323;
  font-size: 18px;
  font-weight: 700;
}

.content-desc {
  color: #606060;
  font-size: 14px;
}

.read-only-title {
  color: #6E7277;
  font-size: 14px;
  font-weight: 900;
}

.read-only-content {
  color: #6E7277;
  font-size: 12px;
}

.input-heading {
  font-size: 14px;
  color: #606060;
  font-weight: 700;
}

.input-details {
  color: #232323;
  font-size: 12px;
}

.input-placeholder {
  color: #BFBFBF;
  font-size: 12px;
}

/* Profile image header */
.profile-summary-block {
  position: relative;
}

.profile-summary-block .profile-block {
  padding: 20px;
}

.profile-summary-block .cover-update-btn {
  top: 20px;
  right: 20px;
}

.profile-summary-block .pro-pic-btn {
  width: 100%;
  bottom: 0;
}

.profile-summary-block .company-details {
  display: flex;
  justify-content: space-between;
}

.profile-summary-block .company-details .item {
  min-width: 90px;
}

.hide-upload-btn {
  display: none;
}

.show-upload-btn:hover .hide-upload-btn {
  display: block;
}

.company-services-block .image-fluid .placeholder-image {
  position: relative;
}

.company-services-block .image-fluid .placeholder-image .services-update-btn {
  bottom: 10px;
  right: 10px;
}

.card-slider {
  display: flex;
}

.card-slider .card.card-default {
  width: 350px;
  margin-right: 20px;
}

.card-slider .card.card-default.action {
  width: 80px;
  border: 1px solid transparent;
  padding: 136px 14px;
}

.card-slider .card.card-default.action:hover {
  cursor: pointer;
  border: 1px solid #527FCF;
}

.card-slider .card.card-default.action .action-button-label {
  text-align: center;
  color: #527FCF;
  font-size: 14px;
}

div.panel-body-map {
  padding: 0;
}

#map {
  min-height: 500px;
  width: 100%;
}

div.map-details {
  background-color: #fdfdfb;
  width: 315px;
  padding: 0 10px 10px;
  border-radius: 15px;
  position: absolute;
  top: 51px;
  left: 25px;
  z-index: 7;
}

div.map-details h5,
div.map-details table tr td {
  font-weight: bold;
  margin-bottom: 0;
}

div.map-details p {
  color: #7E7E7E;
}

div.map-details table tr td {
  padding-left: 10px;
}

div.map-details table tr td:first-child {
  padding-left: 0;
}

div.map-details table tr td div.nr {
  border: 1px solid #7E7E7E;
  width: 50px;
  height: 23px;
  font-weight: normal;
  padding-left: 3px;
}

/* setting width for dropdown buttons */
div.multiselect-parent.btn-group {
  width: 100%;
}

div.multiselect-parent.btn-group button.dropdown-toggle {
  width: 100%;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
}

div.multiselect-parent.btn-group button.dropdown-toggle span.caret {
  float: right !important;
  margin-top: 10px;
  position: absolute;
  right: 10px;
}

div.multiselect-parent.btn-group ul.dropdown-menu.dropdown-menu-form {
  width: 100% !important;
}

/* cross-browser dropdown normalization -nirmal */
.hidden-companion-input {
  border-color: transparent;
  width: 0;
  height: 0;
  background-color: transparent;
  position: absolute;
}

option.default-null-option {
  font-weight: bold;
}

/* projects.html -shani */
/* changes in status dropdown button */
td.table-inside-link select.form-control {
  width: 124px;
  width: 124px;
  font-size: 14px;
  padding-left: 12px;
  border-radius: 5px;
}

select.form-control {
  padding-top: 0;
  padding-bottom: 0;
}

.table-inside-link select {
  background: transparent;
  line-height: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.table-inside-link select::-ms-expand {
  display: none;
}

/*select dropdown arrow hack*/
.styled-select select {
  background: transparent;
  line-height: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.styled-select select::-ms-expand {
  display: none;
}

.styled-select {
  overflow: hidden;
  background: url("../images/down_arrow_select.png") no-repeat right;
}

/* Dropdown menu open */
.pmd-dropdown.open > .pmd-dropdown-menu-container > .dropdown-menu {
  display: block;
}

.pmd-dropdown.open > .pmd-dropdown-menu-container > .dropdown-menu {
  opacity: 1;
}

.pmd-dropdown.open > .pmd-dropdown-menu-container > .pmd-dropdown-menu-bg {
  transform: scale(1);
}

.pmd-dropdown.open > .pmd-dropdown-menu-container {
  display: block;
}

.dropdown-menu > li > a :hover {
  text-decoration: none;
}

.dropdown_buttons {
  margin-top: 4%;
  padding-left: 0px;
  margin-bottom: 2%;
}

.dropdown-header-view {
  text-align: center;
  font-size: 15px;
  padding-top: 5px;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.btn-project-remove-arrow-status-1 {
  background: #7E7E7E !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  line-height: 20px;
  color: #ffffff !important;
  padding-right: 25px;
}

.btn-project-remove-arrow-status-2 {
  background: #16a085 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  line-height: 20px;
  color: #ffffff !important;
  padding-right: 25px;
}

.btn-project-remove-arrow-status-3 {
  background: #EBCC1E !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  line-height: 20px;
  color: #ffffff !important;
  padding-right: 25px;
}

.status-btn {
  left: 0px;
  position: relative;
  margin-top: -5px;
}

.status-btn button {
  padding-bottom: 0;
  padding-top: 0;
  margin-top: -1px;
  height: 30px;
  font-size: 12.5px;
  width: 115px;
}

.status-btn .dropdown-menu {
  min-width: 120px;
}

.multi-drop-down-item-height {
  height: 26px !important;
}

.dropdown-menu-items {
  width: 250px;
}

.delete_link {
  color: #e74c3c !important;
  text-decoration: none;
}

.list-style-none {
  list-style: none;
}

.disabled-a {
  color: #CACACA;
  text-decoration: none;
  pointer-events: none;
  cursor: not-allowed;
}

.linkDisabled {
  cursor: not-allowed;
  pointer-events: none;
  color: grey;
}

.upload_link_image {
  color: #7f8c8d;
  font-size: 12px;
}

.add_room_link {
  font-size: 12px;
  color: #527fcf;
  font-weight: 500;
  cursor: pointer;
}

.mdi-16 {
  font-size: 16px;
}

.mdi-success {
  color: #5ec94e;
}

.mdi-warning {
  color: #FFA700;
}

.mdi-14 {
  font-size: 14px;
}

.mdi-18 {
  font-size: 18px;
}

.mdi-24 {
  font-size: 24px;
}

.mdi-36 {
  font-size: 36px;
}

.mdi-48 {
  font-size: 48px;
}

/* tools list icons */
.tools-icons {
  font-size: 12px;
  margin-right: 5px;
  text-align: left;
  float: left;
}

.help-icons .fa {
  color: #2793e6;
  padding: 10px;
  border: 1px solid #d0d0d0;
  border-radius: 50%;
  width: 62px;
  height: 62px;
  text-align: center;
  vertical-align: middle;
}

.help-icons h4 {
  width: 100%;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btn {
  font-weight: 300;
}

.btn.btn-buyer {
  padding-left: 0;
}

.btn.btn-buyer:hover {
  text-decoration: none;
}

.btn-danger {
  background-color: #B73333;
}

.btn-bedrift {
  width: 143px;
  color: #fff;
  background-color: #527FCF;
  padding: 10x 28px;
  font-size: 14px;
  margin-top: 8px;
}

.btn-bedrift:focus, .btn-bedrift:hover {
  color: #fff;
  background-color: #3464ba;
}

.btn-bedrift ul {
  background-color: red;
  top: 53px;
}

.btn-bedrift-inner {
  width: 143px;
  color: #fff;
  background-color: #527FCF;
  padding: 10x 28px;
  font-size: 14px;
}

.btn-bedrift-inner:focus, .btn-bedrift-inner:hover {
  color: #fff;
  background-color: #3464ba;
}

.btn-bedrift-inner ul {
  background-color: red;
  top: 53px;
}

.btn-disabled-grey {
  width: 78px;
  background-color: #6E7277 !important;
  padding: 10x 28px;
  font-size: 14px;
}

.btn-tab-right {
  width: 143px;
  height: 45px;
  margin-right: 1em;
  color: #fff;
  background-color: #527fcf;
  padding: 10x 28px;
  font-size: 14px;
}

.btn-tab-right:focus, .btn-tab-right:hover {
  color: #fff;
  background-color: #3464ba;
}

.login-signin-button {
  background-color: #C4D9E2;
  border-radius: 5px;
  color: #fff;
  font-weight: 200;
  background: -webkit-linear-gradient(#527FCF, #527FCF) left repeat !important;
  background: linear-gradient(#527FCF, #527FCF) left repeat !important;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.view-more-names {
  margin: 3px 0px;
  font-size: 11px;
  display: block;
  width: 160px;
  border-radius: 3px;
  background-color: #00aadd;
  color: white;
  text-align: center;
}

.view-more-names:hover {
  background-color: #2F7195;
  cursor: pointer;
  color: white;
}

/* status change status classes */
.btn-project-status-1 {
  background: url("../images/down_arrow_select-white.png") no-repeat right #7E7E7E;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  line-height: 20px;
  color: #ffffff;
  padding-right: 25px;
  width: 112px;
}

.btn-project-status-1:hover {
  color: #ffffff;
}

.btn-project-status-1:focus {
  color: #ffffff;
}

.btn-project-status-2 {
  background: url("../images/down_arrow_select-white.png") no-repeat right #16a085;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  line-height: 20px;
  color: #ffffff;
  padding-right: 25px;
  width: 112px;
}

.btn-project-status-2:hover {
  color: #ffffff;
}

.btn-project-status-2:focus {
  color: #ffffff;
}

.btn-project-status-3 {
  background: url("../images/down_arrow_select-white.png") no-repeat right #EBCC1E;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  line-height: 20px;
  color: #ffffff;
  padding-right: 25px;
  width: 112px;
}

.btn-project-status-3:hover {
  color: #ffffff;
}

.btn-project-status-3:focus {
  color: #ffffff;
}

select.btn-project-status-1 {
  background: url("../images/down_arrow_select-white.png") no-repeat right #7E7E7E;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  line-height: 20px;
  color: #ffffff;
  padding-right: 25px;
}

select.btn-project-status-1:focus {
  color: #ffffff;
}

select.btn-project-status-2 {
  background: url("../images/down_arrow_select-white.png") no-repeat right #16a085;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  line-height: 20px;
  color: #ffffff;
  padding-right: 25px;
}

select.btn-project-status-2:focus {
  color: #ffffff;
}

select.btn-project-status-3 {
  background: url("../images/down_arrow_select-white.png") no-repeat right #EBCC1E;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  line-height: 20px;
  color: #ffffff;
  padding-right: 25px;
}

select.btn-project-status-3:focus {
  color: #ffffff;
}

select.btn-project-remove-arrow-status-1 {
  background: #7E7E7E !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  line-height: 20px;
  color: #ffffff !important;
  padding-right: 25px;
}

select.btn-project-remove-arrow-status-1:hover {
  color: #ffffff;
}

select.btn-project-remove-arrow-status-1:focus {
  color: #ffffff;
}

select.btn-project-remove-arrow-status-2 {
  background: #16a085 !important;
  opacity: 1 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  line-height: 20px;
  color: #ffffff !important;
  padding-right: 25px;
}

select.btn-project-remove-arrow-status-2:hover {
  color: #ffffff;
}

select.btn-project-remove-arrow-status-2:focus {
  color: #ffffff;
}

select.btn-project-remove-arrow-status-3 {
  background: #EBCC1E !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  line-height: 20px;
  color: #ffffff !important;
  padding-right: 25px;
}

select.btn-project-remove-arrow-status-3:hover {
  color: #ffffff;
}

select.btn-project-remove-arrow-status-3:focus {
  color: #ffffff;
}

.btn[disabled=disabled] {
  color: #333333;
}

.project-status-1 {
  border: 1px solid #7E7E7E;
  border-radius: 15px;
  padding: 3px 8px;
  vertical-align: middle;
  width: 105px;
  text-align: center;
}

.project-status-2 {
  border: 1px solid #16a085;
  border-radius: 15px;
  padding: 3px 8px;
  vertical-align: middle;
  width: 105px;
  text-align: center;
}

.project-status-3 {
  border: 1px solid #EBCC1E;
  border-radius: 15px;
  padding: 3px 8px;
  vertical-align: middle;
  width: 105px;
  text-align: center;
}

.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}

input[readonly] {
  background-color: white !important;
  cursor: text !important;
}

select.btn-default-project-status-1, select.btn-default-project-status-0 {
  background: url("../images/down_arrow_select-white.png") no-repeat right #7E7E7E;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  line-height: 20px;
  color: #ffffff;
  padding-right: 25px;
}

select.btn-default-project-status-1:hover, select.btn-default-project-status-0:hover {
  color: #ffffff;
}

select.btn-default-project-status-1:focus, select.btn-default-project-status-0:focus {
  color: #ffffff;
}

select.btn-default-project-status-2 {
  background: url("../images/down_arrow_select-white.png") no-repeat right #16a085;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  line-height: 20px;
  color: #ffffff;
  padding-right: 25px;
}

select.btn-default-project-status-2:hover {
  color: #ffffff;
}

select.btn-default-project-status-2:focus {
  color: #ffffff;
}

select.btn-default-project-status-3 {
  background: url("../images/down_arrow_select-white.png") no-repeat right #EBCC1E;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  line-height: 20px;
  color: #ffffff;
  padding-right: 25px;
}

select.btn-default-project-status-3:hover {
  color: #ffffff;
}

select.btn-default-project-status-3:focus {
  color: #ffffff;
}

.pmd-btn-flat.btn-primary {
  color: #4285f4;
  background-color: transparent;
}

.pmd-btn-fab.btn-sm {
  width: 40px;
  height: 20px;
  min-width: 40px;
}

.pmd-btn-flat.btn-primary {
  color: #4285f4;
  background-color: transparent;
  border: 0px solid;
}

.pmd-btn-flat.btn-primary:hover {
  color: #4e6cef;
  background-color: transparent;
}

.pmd-btn-flat.btn-primary:active,
.pmd-btn-flat.btn-primary.active {
  color: #455ede;
  background-color: transparent;
}

.pmd-btn-flat.btn-primary:focus {
  color: #3b50ce;
  background-color: #cccccc;
}

.pmd-btn-flat.btn-primary .ink {
  background-color: #808080;
}

.material-icons.pmd-sm,
.material-icons.md-24 {
  font-size: 24px;
}

.pmd-btn-fab.btn-sm span,
.pmd-btn-fab.btn-sm i {
  line-height: 0px;
}

.copy-button-new {
  margin: 0 17px;
  width: 214px;
  border-radius: 17px;
  text-align: center;
  font-size: 11px;
  outline: 0;
}

.checkbox-custom,
.radio-custom {
  opacity: 0;
  position: absolute;
}

.checkbox-custom,
.checkbox-custom-label,
.radio-custom,
.radio-custom-label {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  cursor: pointer;
}

.checkbox-custom-label,
.radio-custom-label {
  position: relative;
}

.checkbox-custom + .checkbox-custom-label:before,
.radio-custom + .radio-custom-label:before {
  content: '';
  background: #fff;
  border: 2px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
  content: "\f00c";
  font-family: 'FontAwesome';
  background: rebeccapurple;
  color: #fff;
}

.checkbox_box {
  width: 20px;
  height: 20px;
  top: 42%;
  transform: perspective(1px) translateY(-42%);
}

.custom-checkbox {
  top: 7px !important;
  /* display: inline-block; */
  margin-right: 12px !important;
}

.smaller-textbox {
  height: 30px !important;
}

.navbar .navbar-default .container-fluid {
  background-color: #527fcf;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #527fcf;
}

.navbar-default {
  background-color: #ffffff;
  border-color: #ffffff;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
  -moz-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
}

.navbar-default .navbar-nav > li:nth-child(1) > a {
  color: #ffffff;
  margin: 0 3px;
  padding: 6px 19px;
  margin-top: 9px;
}

.navbar-default .navbar-nav > li:nth-child(2) > a {
  color: #ffffff;
  margin: 0 3px;
  border: 1px solid #ffffff;
  padding: 6px 19px;
  margin-top: 9px;
  border-radius: 22px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.navbar-default .navbar-nav > li:nth-child(2) > a:hover {
  color: #ffffff;
  background: #2c58a3;
  background: #2c58a3;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #32B7E8;
}

.navbar-default .navbar-toggle {
  border-color: #0E9CC3;
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 27px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 2px solid transparent;
  border-radius: 4px;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0;
  border: 1px solid transparent;
}

/*end of Custom Main menu*/
.nav-tabs li:nth-child(1) {
  margin-left: 20px;
}

.fixed-position-hack {
  position: fixed;
  width: 100%;
  z-index: 1;
  display: block;
}

.menu-hide-hack {
  margin-top: 55px;
  padding-right: 0px;
  padding-left: 0px;
}

.top-nav {
  padding: 0 15px;
}

.top-nav > li {
  display: inline-block;
  float: left;
}

.top-nav > li > a {
  padding-top: 10px;
  line-height: 36px;
  color: rgba(0, 0, 0, 0.7);
}

.top-nav > li > a:hover,
.top-nav > li > a:focus,
.top-nav > .open > a,
.top-nav > .open > a:hover,
.top-nav > .open > a:focus {
  color: #000;
  background-color: #f5f5f5;
}

nav.navbar.fixed-position-hack {
  z-index: 99999;
}

.navbar-default .navbar-nav > li.user-profile-button > button {
  -webkit-appearance: none;
  background-color: #c4d9e2 !important;
  color: #ffffff;
  margin: 0 3px;
  border: none;
  padding: 6px 19px 18px;
  margin-top: 9px;
  border-radius: 22px;
  display: inline;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.navbar-default .navbar-nav > li.user-profile-button > button li a.mainmenu-username {
  color: #424040 !important;
}

.navbar-default .navbar-nav > li.user-profile-button > button li a.mainmenu-username:hover {
  text-decoration: none !important;
}

.navbar-default .navbar-nav > li.user-profile-button > button li a.mainmenu-username:focus {
  text-decoration: none !important;
}

.navbar-default .navbar-nav > li.user-profile-button:nth-child(1) > a {
  color: #424040;
  margin: 0 3px;
  border: 1px solid #424040;
  padding: 6px 19px;
  margin-top: 9px;
  border-radius: 22px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  display: inline;
}

.navbar-default .navbar-nav > li.user-profile-button:nth-child(1) > a:hover {
  color: #ffffff;
  background: #2c58a3;
  background: #2c58a3;
  border: 1px solid #FFF;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.navbar-default .navbar-nav > li.user-profile-button:nth-child(1) > a:focus {
  color: #ffffff;
  background: #527fcf;
  background: #527fcf;
}

.navbar-default .navbar-nav > .open.user-profile-button > a {
  background: #527fcf;
  background: #527fcf;
}

/*Custom Main menu*/
@media only screen and (max-width: 768px) {
  .navbar-default .navbar-nav > li > a {
    color: #ffffff;
    border: 1px solid #527fcf;
    padding: 6px 19px;
    margin-top: 9px;
    border-radius: 0;
  }
  .navbar-default .navbar-nav > li > a:hover {
    color: #ffffff;
  }
  .login-subheading {
    font-family: "Museo Sans", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin: 25% 0 29px;
    color: #7E7E7E;
  }
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  background-color: #000;
}

.modal-content {
  margin-top: 80px;
}

.modal-body {
  height: auto;
}

@media (min-height: 500px) {
  .modal-body {
    height: auto;
  }
}

@media (min-height: 800px) {
  .modal-body {
    height: auto;
  }
}

.modal-lg-iframe {
  width: 90%;
}

/* associateanonymouseprojct.html -shani */
.sub-modal-confirmation .modal {
  position: absolute;
  top: 100;
}

.error-modal-header {
  background-color: #e41b1b;
}

.error-modal-header h4 {
  color: white;
}

.error-modal-header button.close {
  color: white;
  opacity: 1;
  text-shadow: none;
}

@media (min-width: 1280px) {
  .model_width_increment {
    width: 1200px !important;
  }
}

.modal-lg-iframe {
  width: 90%;
}

.label_popup {
  vertical-align: text-top;
  margin-top: 4px;
  font-weight: 500;
}

.change-status-modal {
  top: 20%;
}

.change-status-modal .modal-body {
  padding: 25px;
}

.change-status-modal .modal-footer {
  text-align: center;
}

.change-status-modal .modal-footer button {
  width: 48%;
  height: 45px;
  font-size: 16px;
}

.change-status-modal .modal-footer .btn-color {
  background: #61AAB2;
}

.contact-details {
  padding: 0;
}

.contact-details li a {
  padding: 15px;
  display: inline-flex;
  width: 100%;
}

.contact-details span {
  color: #527fcf;
  padding-right: 15px;
  font-size: 1.5rem;
}

.contact-details .circle-icon {
  background: #DCE5F6;
  padding: 8px 11px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.contact-details-alignment {
  padding: 0 0 0 16px;
}

.contact-icon {
  font-size: 2rem;
  color: #527fcf;
}

.dropdown-menu .divider {
  margin: 0;
}

.contact-phone {
  display: inline-flex;
  padding: 15px;
  cursor: default !important;
}

/* top grid */
.top-grid-container {
  background: white;
  margin-top: -1px;
  margin-left: -35px;
  margin-right: -35px;
  margin-bottom: 15px;
  padding: 15px 8px 0px 20px;
  height: 83px !important;
}

.top-grid-container .top-grid {
  min-height: 25px;
}

.top-grid-container .top-grid:nth-child(4) {
  border-right: 0;
}

.top-grid-container .top-grid h4 {
  margin: 0;
  font-size: 13px;
}

.top-grid-container .top-grid .top-grid-icon {
  padding: 0;
  border-collapse: collapse;
}

.top-grid-container .top-grid .top-grid-icon img {
  width: 45px;
}

.top-grid-container .top-grid .top-grid-content {
  padding-left: 10px;
}

.top-grid-container .top-grid .top-grid-content p {
  font-size: 12px;
  padding: 0;
  margin: 0;
  font-family: "Museo Sans", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 500;
  color: #666666;
}

.top-grid-container .top-grid .top-grid-content h3 {
  padding: 0;
  margin: 0;
  font-family: "Museo Sans", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 500;
  color: #555555;
}

.top-grid-container .dropdown-menu-right {
  right: 0;
  left: auto;
  top: 47px;
  min-width: 186px;
}

.top-grid-container ul.tools-menu li a {
  text-align: left;
  cursor: pointer;
}

.top-grid-container .tools-icons {
  font-size: 16px;
  margin-right: 5px;
  text-align: left;
  float: none !important;
}

.tools-menu span {
  margin-right: 5px;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  border-top: 1px solid #ddd;
}

/*Table links*/
/*Table Headers*/
.table-header-link {
  padding-top: 16px !important;
}

.table-header-link a {
  font-weight: 700;
}

.table-header-link a:link {
  text-decoration: none;
  font-weight: 700;
}

.table-header-link a:hover {
  text-decoration: none;
  font-weight: bold;
  color: #527fcf;
}

.table-header-link a:active {
  text-decoration: none;
  color: #527fcf;
}

.table-header-link a:visited {
  text-decoration: none;
  color: #527fcf;
}

/*End of Table Headers*/
tr:hover a {
  text-decoration: none;
}

table.detail-table td.detail-labels {
  font-weight: bold;
}

table.detail-table td {
  padding: 7px 0;
}

.invite-company-table-font tr {
  font-size: small;
}

.invite-company-table-font td {
  vertical-align: middle !important;
}

.invite-company-table-font .form-control {
  height: 29px;
}

.invite-company-table-font .btn {
  font-size: 12px;
  padding: 3px 12px;
}

.glyphicon-table-icon-aligne {
  margin-right: 18px;
  color: #929292;
  font-size: 1.5rem;
}

.table > tbody > tr > td {
  vertical-align: middle;
}

.table-hover > tbody > tr:hover {
  background-color: #e3e3e3 !important;
}

.table-hover > tbody > tr .no-hover:hover {
  background-color: #e3e3e3 !important;
}

.table-hover > tbody > tr.no-hover-row:hover > td,
.no-hover-row > td {
  background-color: #ffffff;
}

.table-hover > tbody > tr.no-hover-head-row:hover > td,
.no-hover-head-row > td {
  background-color: #e3e3e3;
}

thead {
  background: #ececec;
}

.table-inside-link select.form-control {
  width: 124px;
  font-size: 14px;
  padding-left: 12px;
  border-radius: 5px;
}

.table-inside-link select::-ms-expand {
  display: none;
}

.table-inside-link p {
  margin: 0;
}

.table-inside-link .add-link {
  color: #27ae60 !important;
}

.table-inside-link .add-link:hover, .table-inside-link .add-link:active, .table-inside-link .add-link:focus {
  text-decoration: none;
}

.table-inside-link a {
  color: #333;
}

.table-inside-link a a:hover {
  text-decoration: none !important;
}

td img.img-rounded.img-responsive:hover {
  cursor: pointer;
}

td a:focus {
  outline: none;
}

/* height fix for table rows in loading -shani */
table.height-fix-in-loading {
  max-height: 1400px;
}

table.height-fix-in-loading .table-head,
table.height-fix-in-loading .table-head td {
  max-height: 117px;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
}

table.detail-table tr td:nth-child(3) {
  padding-left: 39px;
}

table.detail-table tr td:nth-child(1) .detail-span {
  margin-right: 5px;
}

.sticky-header-sns-table {
  position: sticky;
  top: 0;
  z-index: 1;
}

.lable-one-color {
  color: #9a5555;
}

.lable-two-color {
  color: #99a299;
}

.lable-three-color {
  color: #1b7ae4;
}

.lable-four-color {
  color: #5f5151;
}

.lable-five-color {
  color: #e41b1b;
}

.lable-six-color {
  color: #e249a6;
}

.lable-sevev-color {
  color: #45e8d3;
}

.lable-eight-color {
  color: #eca814;
}

.lable-nine-color {
  color: #559bdd;
}

.lable-ten-color {
  color: #aae716;
}

.bubble-dontainer {
  margin-top: 3px;
  width: 100px;
}

.bubble-common {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 5px;
}

.bubble-common > p {
  text-align: center;
  padding-top: 3px;
  font-size: 12px;
  color: white;
}

span.bubble-common {
  font-family: "MuseoSans", sans-serif;
  text-align: center;
  padding-top: 0;
  line-height: 17px;
  font-size: 13px;
  color: white;
  margin-right: 5px;
  width: 16px;
  height: 16px;
}

.bubble-1 {
  background-color: #9a5555;
}

.bubble-2 {
  background-color: #99a299;
}

.bubble-3 {
  background-color: #1b7ae4;
}

.bubble-4 {
  background-color: #5f5151;
}

.bubble-5 {
  background-color: #e41b1b;
}

.bubble-6 {
  background-color: #e249a6;
}

.bubble-7 {
  background-color: #45e8d3;
}

.bubble-8 {
  background-color: #eca814;
}

.bubble-9 {
  background-color: #559bdd;
}

.bubble-10 {
  background-color: #aae716;
}

.dropdown-menu-number {
  font-weight: bold;
  margin-left: 5px;
}

.validation-error-icon {
  color: #E24F4B;
}

.apartment-tag-data-view {
  overflow: auto;
  display: block;
}

.apartment-tag-data-view table {
  display: block;
  max-height: 287px;
  overflow-y: scroll;
  margin-top: 40px;
}

.apartment-tag-data-view thead {
  position: absolute;
  top: 77px;
  left: 15px;
  right: 15px;
}

.apartment-tag-data-view thead .empty-header {
  width: 5px;
}

.apartment-tag-data-view tbody {
  height: 100%;
  position: relative;
  left: 15px;
  right: 15px;
}

.apartment-tag-data-view table::-webkit-scrollbar {
  width: 10px;
}

.apartment-tag-data-view table::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.apartment-tag-data-view table::-webkit-scrollbar-thumb {
  background: #d6d6d6;
}

.apartment-tag-data-view table::-webkit-scrollbar-thumb:hover {
  background: #888;
}

.apartment-tag-data-view tr {
  width: 100%;
  display: inline-table;
  table-layout: fixed;
}

.apartment-tag-import-header {
  margin-top: 20px;
}

.apartment-tag-import-body {
  margin-top: 30px;
  margin-left: -10px;
}

.apartment-tag-import-body .md-18 {
  font-size: 9px;
  margin-top: 2px;
}

.apartment-tag-import-body .point {
  display: flex;
}

.apartment-tag-import-body p {
  margin-left: 10px;
}

.apartment-tag-import-image {
  margin-top: 0px;
  margin-left: -20px;
}

.apartment-tag-import-btn {
  margin-top: 30px;
}

.popover {
  max-height: 480px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.popover::-webkit-scrollbar {
  width: 10px !important;
}

.popover::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
}

.popover::-webkit-scrollbar-thumb {
  background: #d6d6d6 !important;
}

.popover::-webkit-scrollbar-thumb:hover {
  background: #888 !important;
}

.apartmentTags-dropdown-height .dropdown-menu {
  max-height: 200px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/*
PDFObject appends the classname "pdfobject-container" to the target element.
This enables you to style the element differently depending on whether the embed was successful.
In this example, a successful embed will result in a large box.
A failed embed will not have dimensions specified, so you don't see an oddly large empty box.
moved from index.html -shani
*/
.pdfobject-com {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2016;
}

.pdfobject-com a:link,
.pdfobject-com a:visited {
  color: #fff;
  font-weight: bold;
  display: block;
  padding: .25rem 1rem;
  background: #6699FF;
  text-decoration: none;
}

.pdfobject-com a:hover,
.pdfobject-com a:visited:hover {
  color: #FFF;
  background: #FF3366;
  text-decoration: none;
}

.pdfobject-com a:before {
  content: "\2190";
  margin-right: .25rem;
}

.pdfobject-container {
  width: 100%;
  height: 600px;
  margin: 2em 0;
}

.pdfobject {
  border: solid 1px #666;
}

.homepage-profile-icon-container {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #999999;
  text-align: center;
  padding-top: 6px;
}

.prog-container {
  margin: 0 auto;
  max-width: 72em;
}

#progressElement {
  margin-bottom: 10px;
  background: #fff;
  box-sizing: border-box;
}

.nanobar,
#progressElement .nanobar {
  height: 6px;
  background: #f9f9f9;
}

#progressElement .nanobar .bar {
  height: 6px;
  width: 0px;
  border-radius: 3px;
  background: #00aadd;
  margin: 0;
  animation: none !important;
  margin-bottom: 10px;
}

#progressElement {
  position: static !important;
}

.random-text-container {
  width: 100%;
  text-align: center;
  padding: 0px 20%;
  float: left;
}

.random-text-container > div {
  float: none;
  position: relative;
  margin: 0;
  display: block;
}

.random-text-container h3 {
  font-size: 38px;
  color: #7b7a7a;
}

.random-text-container h4 {
  color: #909090;
}

.random-text-container p {
  font-size: 19px;
  color: #cacaca;
  font-style: italic;
}

.slogan-container {
  margin: 74px 0 132px;
}

/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
/* Toggle Styles */
#sidebar-wrapper {
  /*z-index: 1000;*/
  position: fixed;
  left: 0;
  width: 0;
  height: 100%;
  overflow-y: auto;
  background: #27282D;
  overflow-x: hidden;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

#sidebar-wrapper.project-wrapper {
  background: white;
}

#wrapper.toggled #sidebar-wrapper {
  width: 210px;
}

#page-content-wrapper {
  position: relative;
  padding: 15px;
  overflow: auto;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

@media only screen and (max-width: 768px) {
  #page-content-wrapper {
    position: relative;
    padding: 0;
    overflow: auto;
  }
}

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: 210px;
}

.project-side-bar {
  width: 210px;
  height: 100%;
  border-radius: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  border-color: #efefef;
  border: 1px solid #ddd;
  background: white;
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
}

.project-side-bar .fs-19 {
  font-size: 20px;
}

.project-side-bar .mdi {
  vertical-align: middle;
}

.project-side-bar li a {
  background: white;
  font-weight: 500;
  text-decoration: none;
  padding-left: 18px;
  padding-right: 15px;
  width: 100%;
  line-height: 48px;
  font-size: 15px;
  color: #436f6f;
}

.project-side-bar li a:hover, .project-side-bar li a:active {
  color: #527fcf;
}

.project-side-bar li a:hover.disable-boligmappa, .project-side-bar li a:active.disable-boligmappa {
  color: #436f6f;
}

.project-side-bar li a span {
  padding-right: 15px;
}

.project-side-bar hr {
  margin-top: 8px;
  margin-bottom: 8px;
}

.project-side-bar .sidemenu-profile-container {
  background: #ffff;
  border-bottom: 0.5px solid #c8c5c5;
  padding: 0;
}

.project-side-bar .sidebar-profile-tagline {
  font-size: 12px;
  padding-bottom: 2px;
  width: 140px;
  font-weight: 300;
  color: #333;
}

/*  Sidebar Styles */
.sidebar-nav-dots {
  width: 210px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav-dots li a {
  font-size: 16px;
  display: block;
  padding: 0 18px;
}

.sidebar-nav-dots li a:hover, .sidebar-nav-dots li a:active {
  color: #527fcf;
  background: #303437;
}

.sidebar-nav-dots li a {
  font-weight: 300;
  text-decoration: none;
  color: #999999;
  width: 100%;
  line-height: 48px;
}

.sidebar-nav-dots li a:hover, .sidebar-nav-dots li a:active {
  color: #527fcf;
  background: #303437;
}

.sidebar-nav-dots li a span {
  padding-right: 25px;
}

#wrapper.toggled .sidebar-nav-dots li a {
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

#wrapper.toggled #sidebar-wrapper {
  width: 50px !important;
}

.sidebar-nav > .sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    width: 210px;
    z-index: 9;
  }
  #wrapper.toggled #sidebar-wrapper {
    width: 30px;
  }
  #page-content-wrapper {
    padding: 20px;
    position: relative;
    margin-left: 210px;
    overflow: hidden;
  }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
    margin-left: 50px;
  }
}

/*Profile*/
.sidemenu-profile-container {
  min-height: 128px;
  border-bottom: 1px solid #676767;
}

.profile-image-container {
  width: 50px;
  height: auto;
  margin: 0 auto;
  padding: 6px 0 10px;
}

.sidebar-profile-tagline {
  font-weight: 300;
  width: 110px;
  margin: 0 auto;
  margin-bottom: 10px;
  font-size: 12px;
  color: #929292;
}

[class^="bd-"], [class*=" bd-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'bedrift-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bd-chevron-left:before {
  content: "\e901";
  color: #ffffff;
  font-size: 12px;
  line-height: 1.7;
}

.bd-menu:before {
  content: "\e900";
  color: #ffffff;
  font-size: 16px;
}

.main-menu-controller {
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 9999;
  border-radius: 50%;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.red {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  height: 30px;
  width: 30px;
  padding: 5px 0 3px 10px;
  background-color: #527fcf;
  color: white;
  box-shadow: rgba(9, 30, 66, 0.08) 0px 0px 0px 1px, rgba(9, 30, 66, 0.08) 0px 2px 4px 1px;
  z-index: 999;
}

.red .bd-menu {
  display: none;
}

.red:hover, .red:active {
  background-color: #527fcf;
  cursor: pointer;
}

.red:hover .bd-chevron-left:before, .red:active .bd-chevron-left:before {
  color: white;
}

.blue {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  height: 30px;
  width: 30px;
  padding: 7px 0 3px 8px;
  background-color: #527fcf;
  box-shadow: rgba(9, 30, 66, 0.08) 0px 0px 0px 1px, rgba(9, 30, 66, 0.08) 0px 2px 4px 1px;
  z-index: 999;
}

.blue .bd-menu {
  display: inherit;
}

.blue .bd-chevron-left {
  display: none;
}

.blue:hover, .blue:active {
  background-color: #527fcf;
}

.blue:hover .bd-menu:before, .blue:active .bd-menu:before {
  color: white;
}

.no-button-hack {
  min-height: 34px;
}

.panel .nav > li > a {
  border-top: 1px solid #E7E7E7;
  border-left: 1px solid #E7E7E7;
  border-right: 1px solid #E7E7E7;
}

.full-width-tabs {
  background-color: #fff !important;
  width: 100%;
}

.user-dropdown span {
  margin-right: 7px;
}

.user-dropdown .yellow {
  color: #FCAC2C;
  font-weight: 700;
}

.copy-to-btn {
  font-size: 16px;
  padding: 2px 8px;
  border-radius: 50px;
  color: #527fcf;
  border: 1px solid #527fcf;
}

.copy-to-btn:hover {
  color: #3464ba;
  border-color: #3464ba;
}

.data-list-block dt {
  font-weight: 900;
}

.transparent-hr {
  margin-top: 10px;
  border: none;
}

.doc-panel {
  position: relative;
}

.doc-panel .table > tbody > tr > td {
  vertical-align: top;
}

.doc-panel .form-group {
  margin-bottom: -9px;
  margin-top: 3px;
}

.doc-panel ul {
  margin-bottom: -5px;
}

.doc-panel .merkelapp-tags {
  max-height: 150px;
  overflow: auto;
  overflow-x: hidden;
}

.doc-panel .doc-icon {
  padding: 2rem 1rem 0 0.5rem;
}

.doc-panel .doc-icon p {
  font-size: 16px;
  font-weight: 700;
  word-wrap: break-word;
}

.doc-panel .doc-icon .input-group-addon {
  padding: 1px 1px;
  width: 20px;
}

.doc-panel .doc-icon .input-group-addon img {
  width: 27px;
}

.doc-panel .doc-icon .input-group {
  width: 100%;
}

.doc-panel .doc-icon .close-icon {
  position: absolute;
  top: 10px;
  right: 16px;
  font-size: 20px;
  cursor: pointer;
  padding: 0 4px;
}

.doc-panel .doc-icon .close-icon:hover {
  background-color: #eee;
}

.doc-panel .doc-icon .edit-icon {
  position: absolute;
  top: 10px;
  right: 40px;
  font-size: 20px;
  cursor: pointer;
  padding: 0 4px;
  color: #16a085;
}

.doc-panel .doc-icon .edit-icon:hover {
  background-color: #eee;
}

.doc-panel .doc-icon .edit-icon-disabled {
  position: absolute;
  top: 10px;
  right: 40px;
  font-size: 20px;
  cursor: pointer;
  padding: 0 4px;
  color: #99a299;
}

.doc-panel .sidebar-document-name {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  margin-top: 15px;
}

.doc-panel .no-border tbody > tr > td {
  border-top: none !important;
}

.doc-panel .no-border .title-grey {
  color: #909090;
}

.doc-panel .no-border .list-style-none {
  list-style: none;
  padding: 0;
}

.drag-and-drop {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.drag-and-drop .file-upload-area {
  text-align: center;
  border: 2px dashed #E3E3E3;
  border-radius: 5px;
  background: #F9F9F9;
  height: 200px;
  padding: 35px;
  float: left;
  width: 100%;
}

.drag-and-drop .browse-files {
  cursor: pointer;
  background: none;
  color: #527fcf;
  overflow: hidden;
}

.drag-and-drop .file-explorer {
  width: 0px;
  height: 0px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.drag-and-drop .file-counter {
  margin-top: 2rem;
}

.drag-and-drop .list-group-item {
  border: none;
  padding: 10px 4px;
}

.drag-and-drop .progress-bar-bg {
  margin-bottom: 0;
  background-color: #EAEAEA;
  height: 10px;
}

.drag-and-drop .progress-bar {
  height: 10px;
  background-color: #527fcf;
}

.drag-and-drop .default-border {
  border-bottom: 3px solid #eeeeee;
  border-radius: 0;
}

.drag-and-drop .success-icon {
  color: #20a200;
}

.drag-and-drop .success-border {
  border-bottom: 3px solid #27c500;
  border-radius: 0;
}

.drag-and-drop .error-icon {
  color: #E24F4B;
}

.drag-and-drop .error-border {
  border-bottom: 3px solid #E24F4B;
  border-radius: 0;
}

.drag-and-drop .file-upload-scroll {
  list-style-type: none;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 150px;
}

.drag-and-drop .file-upload-scroll .icon-align {
  font-size: 20px;
  margin-right: 5px;
  line-height: 20px;
}

.drag-and-drop .md-icon-18 {
  font-size: 18px;
}

.drag-and-drop .modal-body {
  padding: 2rem;
}

.drag-and-drop hr {
  margin: 4px 0 !important;
}

.drag-and-drop .list-height {
  height: 40px;
  margin-right: 5px;
}

.drag-and-drop ::-webkit-scrollbar {
  width: 10px;
}

.drag-and-drop ::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.drag-and-drop ::-webkit-scrollbar-thumb {
  background: #d6d6d6;
}

.drag-and-drop ::-webkit-scrollbar-thumb:hover {
  background: #888;
}

.drag-and-drop .drag-bg {
  border: 2px dashed #527fcf;
}

.drag-and-drop .form-group {
  margin-bottom: 0;
}

.footer-icon-image-holder {
  display: block;
  width: 85px;
  height: 85px;
  margin: 0 auto;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.footer-icon-image-holder:hover img {
  /*animation*/
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
  /*animation settings*/
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.footer-container {
  height: auto;
  padding: 7px 0;
}

.footer-main-container {
  padding-left: 0;
  padding-right: 0;
  background-color: #ffffff;
  margin-top: 100vh;
}

.footer-main-container-after {
  padding-left: 0;
  padding-right: 0;
  margin-top: 60px;
}

.footer-main-container-after h4 {
  color: #8C8C8C;
}

.footer-heading {
  font-family: "Museo Sans", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 25px;
  font-weight: 400;
  color: #7E7E7E;
  margin-top: 23px;
  margin-bottom: 26px;
}

.footer-copyright {
  font-family: "Museo Sans", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 14px;
  font-style: italic;
  color: #929292;
}

.footer-copyright:hover {
  text-decoration: underline;
  color: #7E7E7E;
}

.footer-logo {
  margin-top: -24px;
}

.form-group .ismandetory {
  color: red;
}

.form-group .control-label-left-align {
  padding-top: 7px;
  margin-bottom: 0;
}

.form-horizontal .section-header {
  margin-bottom: 10px;
  margin-top: 5px;
}

.form-horizontal .section-header label {
  font-weight: 700;
}

.info-message {
  width: 100%;
  margin: 0 auto;
  display: block;
  background-color: #FDFDFA;
  border: 1px solid #F2B510;
  border-radius: 4px;
  padding: 10px 20px;
  padding-top: 25px;
  text-align: left;
  margin-bottom: 20px;
  margin-top: 15px;
  position: relative;
}

.info-message ul {
  margin-bottom: 0;
}

.info-message li {
  font-size: 14px;
  text-align: left;
  list-style: square outside url("../images/consent-images/bullet.png");
  margin-bottom: 10px;
}

.info-message .indicator {
  position: absolute;
  top: -16px;
}

.info-message .indicator ul {
  padding: 0;
  margin: 0;
}

.info-message .indicator li {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  margin-bottom: 10px;
  background: url("../images/consent-images/important.png") no-repeat 0 0;
  background-size: 16px;
  padding: 2px 10px 2px 24px;
  background-position: 4px 5px;
  list-style: none;
  margin: 0;
  border: 1px solid #F2B510;
  color: #F2B510;
  display: inline-block;
  border-radius: 60px;
  background-color: #fff;
}

.intro-message {
  width: 93%;
  text-align: center;
  margin: 0 auto;
  display: block;
  padding: 10px 20px;
  text-align: left;
  margin-bottom: 20px;
}

.intro-message ul {
  margin-bottom: 0;
}

.intro-message .intro-title {
  font-weight: 700;
}

.intro-message li {
  font-size: 14px;
  text-align: left;
  margin-bottom: 10px;
  background: url("../images/consent-images/marker-check.png") no-repeat left top;
  padding: 3px 0 3px 37px;
  background-position: 5px 6px;
  background-size: 14px;
  list-style: none;
  margin: 0;
  margin-left: 63px;
}

.upgrade-feedback {
  margin: 2rem;
}

.upgrade-feedback .center-align {
  display: flex;
  justify-content: center;
  align-items: center;
}

.upgrade-feedback h1 {
  margin-top: 6rem;
}

.upgrade-feedback img {
  margin: 5rem 4rem;
}

.upgrade-feedback h4 {
  margin-bottom: 3rem;
}

.modal-dialog.modal-alert .modal-body {
  padding: 2rem 010px;
}

.modal-dialog.modal-alert .modal-body.alert .icon {
  font-size: 36px;
  color: #eca814;
}

.modal-dialog.modal-alert .modal-body.alert .message {
  font-size: 16px;
}

.panel-default > .panel-heading {
  background-color: #ffffff;
  border-color: #efefef;
  padding: 15px;
}

.transparent-panel-background {
  background-color: transparent !important;
}

.default-panel-background {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.panel-outside-gap {
  margin-right: 32px;
  margin-left: 32px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.panel-outside-gap .mdi-sort-descending {
  font-size: 18px;
}

.panel-outside-gap .mdi-sort-ascending {
  font-size: 18px;
}

.top-padding-0 {
  padding-top: 0;
}

.project-scroll-style .table-responsive::-webkit-scrollbar {
  width: 10px;
  height: 12px;
}

.project-scroll-style .table-responsive::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
}

.project-scroll-style .table-responsive::-webkit-scrollbar-thumb {
  background: #999 !important;
}

.project-scroll-style .table-responsive::-webkit-scrollbar-thumb:hover {
  background: #888 !important;
}

.top-down-panels table {
  font-size: 12.5px !important;
}

.top-down-panels .top-invite-panel {
  margin-top: 0px;
  padding-left: 20px;
  padding-right: 20px;
}

.top-down-panels .bottom-document-panel {
  margin-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
}

.double-side-panels {
  margin-top: -15px;
  margin-right: 0;
  margin-left: 0;
}

.double-side-panels table {
  font-size: 12.5px !important;
}

.double-side-panels .left-apartment-tag-panel {
  width: 30%;
  height: 540px;
}

.double-side-panels .left-apartment-tag-panel .top-section {
  padding-bottom: 12px;
}

.double-side-panels .left-apartment-tag-panel .bottom-section p {
  margin: 0;
}

.double-side-panels .right-room-panel {
  width: 69%;
  height: 540px;
}

.double-side-panels .right-room-panel .top-section {
  padding-bottom: 12px;
}

.double-side-panels .right-room-panel .bottom-section p {
  margin: 0;
}

.double-side-panels .sns-panel {
  width: 49%;
  min-height: 875px;
}

.double-side-panels .sns-panel .top-section {
  padding-bottom: 12px;
}

.double-side-panels .sns-panel .bottom-section p {
  margin: 0;
}

.double-side-panels .sns-plant-panel {
  width: 50%;
  height: 875px;
  overflow-x: hidden;
}

.panel-background {
  background-color: transparent;
}

.panel-section {
  background-color: white;
}

.popover {
  font-family: "MuseoSans", sans-serif !important;
}

.popover .popover-body {
  font-family: "MuseoSans", sans-serif !important;
}

.popover__overide {
  top: -73px !important;
  display: block !important;
  height: 130px !important;
}

.popover.top {
  margin-top: 2px !important;
}

.popover-body.font-size-x13 {
  font-size: 13px;
}

.grid-header-icon {
  width: 15px;
  height: 15px;
}

.grid-logo-wrapper {
  background: #f0f0f0;
  background: #f0f0f0;
  padding: 2px 4px 0px 6px;
  border-radius: 50px;
  width: 45px;
}

.grid-logo-wrapper .grid-logo-icon {
  width: 12px;
  height: 12px;
  margin-bottom: 8px;
  margin-right: 3px;
}

.tag-button:hover {
  text-decoration: none;
}

.tag-wrapper {
  position: relative;
  color: #527fcf;
  background-color: #fff;
  border: 1px solid;
  border-radius: 15px;
  padding: 5px 8px;
  overflow: hidden;
  font-size: 12px;
  height: fit-content;
  margin: 3px 3px 5px 0;
  text-align: left;
  word-break: break-word;
}

.tag-wrapper .tags.short {
  width: 72%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 19px;
  font-size: 12px;
}

.tag-wrapper .tag-count {
  position: absolute;
  top: 6px;
  right: 4px;
  font-size: 10px;
  line-height: 10px;
}

.tag-wrapper .tag-count.badge {
  background-color: #527fcf !important;
}

.tag-width {
  width: 125px;
  display: inline-flex;
}

.tag-width .tags.short {
  margin-left: 3px;
}

.tag-flex {
  display: inline-flex;
}

.has-search .form-control-feedback {
  right: initial;
  right: 0;
  color: #ccc;
}

.has-search .form-control-feedback .form-control {
  padding-right: 12px;
}

.connected-to-column {
  display: block;
  width: 64px;
}

.search-filter input[type=text] {
  width: 100%;
  padding-right: 220px;
  height: 45px;
}

.search-filter .input-group-prepend {
  position: absolute;
  right: 20px;
  top: 20px;
  bottom: 4px;
}

td.edit-project-active .action-icons a {
  padding-right: 10px;
}

.align-items {
  display: inline-flex;
  align-items: center;
}

.align-items img {
  padding-right: 5px;
}

.align-items .file-name-link {
  width: 190px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}

.border-right {
  border-right: 1px solid #dddddd;
}

.border-left {
  border-left: 1px solid #dddddd;
}

.bottom-document-upload {
  border-style: none;
  color: #527fcf;
  margin-top: 10px;
}

.document-upload .table > tbody > tr > td {
  border-bottom: 1px solid #ddd;
}

.panel-icon-alignment {
  margin-top: -8px;
}

.panel-icon-alignment select::-ms-expand {
  display: none;
}

::-ms-clear {
  display: none;
}

.sharewithproperty.dropdown-menu {
  min-width: 190px;
}

.chapter-tag-background {
  border: 0;
  background-color: transparent;
}

.chapter-tag-list {
  padding-left: 0;
}

.table > tbody > tr.success.selectedRow > td,
.table > tbody > tr.success.selectedRow > th,
.table > tbody > tr > td.success.selectedRow,
.table > tbody > tr > th.success.selectedRow,
.table > tfoot > tr.success.selectedRow > td,
.table > tfoot > tr.success.selectedRow > th,
.table > tfoot > tr > td.success.selectedRow,
.table > tfoot > tr > th.success.selectedRow,
.table > thead > tr.success.selectedRow > td,
.table > thead > tr.success.selectedRow > th,
.table > thead > tr > td.success.selectedRow,
.table > thead > tr > th.success.selectedRow {
  background-color: #dae7ff;
}

/* delete,edit project button */
td.delete-project-active a {
  color: #e41b1b;
}

td.delete-project-disabled a {
  color: #99a299;
  cursor: not-allowed;
}

td.edit-project-active a {
  color: #16a085;
  line-height: 38px;
  font-size: 16px;
  text-decoration: none;
}

td.edit-project-disabled a {
  color: #99a299;
  cursor: not-allowed;
}

td a span.glyphicon {
  vertical-align: middle;
}

td a span.glyphicon.glyphicon-edit,
td a span.fa.fa-info-circle {
  margin-top: 11px;
}

td a span.fa.fa-info-circle {
  font-size: 16px;
}

td a:focus {
  outline: none;
}

.contact-icon-grey {
  top: 209px;
  left: 819px;
  width: 15px;
  height: 15px;
  color: #8D8D8D !important;
  opacity: 1;
}

.name-tooltip + .tooltip > .tooltip-inner {
  top: 185px;
  left: 847px;
  width: 300px;
  height: 50px;
  color: #4D4F5C;
  background-color: #FFFFFF !important;
  border: 1px solid #DEDFDF;
  border-radius: 6px;
  opacity: 1;
  letter-spacing: 0px;
  text-align: left;
  font: normal normal normal 13px/20px Sofia Pro;
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-13)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-sofia-pro);
}

.description-tooltip + .tooltip > .tooltip-inner {
  top: 283px;
  left: 885px;
  width: 300px;
  height: 64px;
  color: #4D4F5C;
  background-color: #FFFFFF !important;
  border: 1px solid #DEDFDF;
  border-radius: 6px;
  opacity: 1;
  letter-spacing: 0px;
  text-align: left;
  font: normal normal normal 13px/20px Sofia Pro;
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-13)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-sofia-pro);
}

.date-tooltip + .tooltip > .tooltip-inner {
  top: 462px;
  left: 876px;
  width: 300px;
  height: 83px;
  color: #4D4F5C;
  background-color: #FFFFFF !important;
  border: 1px solid #DEDFDF;
  border-radius: 6px;
  opacity: 1;
  letter-spacing: 0px;
  text-align: left;
  font: normal normal normal 13px/20px Sofia Pro;
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-13)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-sofia-pro);
}

.manager-tooltip + .tooltip > .tooltip-inner {
  top: 590px;
  left: 883px;
  width: 300px;
  height: 64px;
  color: #4D4F5C;
  background-color: #FFFFFF !important;
  border: 1px solid #DEDFDF;
  border-radius: 6px;
  opacity: 1;
  letter-spacing: 0px;
  text-align: left;
  font: normal normal normal 13px/20px Sofia Pro;
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-13)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-sofia-pro);
}

.file-upload-tooltip + .tooltip > .tooltip-inner {
  top: 185px;
  left: 847px;
  width: 250px;
  max-width: 500px !important;
  padding: 10px 10px;
  color: #4D4F5C;
  background-color: #FFFFFF !important;
  border: 1px solid #DEDFDF;
  border-radius: 6px;
  opacity: 1;
  letter-spacing: 0px;
  text-align: left;
  font: normal normal normal 13px/20px Sofia Pro;
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-13)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-sofia-pro);
}

.file-upload-merkelapp-tooltip + .tooltip > .tooltip-inner {
  top: 185px;
  left: 847px;
  width: 310px;
  max-width: 400px !important;
  padding: 0px 10px;
  color: #4D4F5C;
  background-color: #FFFFFF !important;
  border: 1px solid #DEDFDF;
  border-radius: 6px;
  opacity: 1;
  letter-spacing: 0px;
  text-align: left;
  font: normal normal normal 13px/20px Sofia Pro;
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-13)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-sofia-pro);
}

.file-upload-merkelapp-tooltip + .tooltip > .tooltip-inner ul {
  padding-left: 15px !important;
  margin-bottom: 0px !important;
}

.file-upload-merkelapp-tooltip + .tooltip > .tooltip-inner li {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.tooltip.right .tooltip-arrow {
  border-right: 5px solid #8D8D8D;
}

.estimated-end-date-input-group {
  position: relative;
  z-index: 2;
  float: left;
  width: 50%;
  margin-bottom: 0;
}

.btn-default-date {
  padding: 4.5px 11px;
}

.modal-body {
  padding: 2rem 4rem;
}

.modal-body .text-ml {
  margin-left: 15px;
}

.modal-body .search-tip {
  margin-bottom: 2rem;
  font-weight: 600;
  color: #7E7E7E;
}

.modal-body .line-center {
  margin: 0;
  padding: 0 14px;
  background: #fff;
  display: inline-block;
}

.modal-body .divider {
  position: relative;
  z-index: 2;
  color: #888888;
}

.modal-body .divider:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-top: solid 1px #acacac;
  z-index: -1;
}

.modal-body .search-seperate {
  margin: 2rem 0 3rem 0;
}

.modal-body.results-modal-padding {
  padding: 2rem 2rem;
}

.modal-body.results-modal-padding .image-icon-buyer-seller {
  width: 80px;
  transform: perspective(1px) translate(35%, 35%);
}

.modal-body.results-modal-padding .buyer-seller-name {
  font-weight: 700;
  margin-top: 3rem;
  font-size: 12px;
  text-align: center;
}

.modal-body.results-modal-padding .btn-add {
  background-color: #16A085;
  border-color: #16A085;
  color: #ffffff;
}

.modal-body.results-modal-padding .search-results-m {
  margin: 0 0 16px 15px;
}

.modal-body.results-modal-padding .date-filter .control-label {
  text-align: right;
}

.modal-body.results-modal-padding .dropdown-p {
  padding: 4px 6px !important;
}

.popover-padding {
  padding: 8px 5px !important;
}

.archive-block .main-header {
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: bold;
}

.archive-block .main-desc {
  font-size: 14px;
  font-weight: 100;
}

.archive-block .feature-title {
  font-size: 16px;
  font-weight: 100;
  margin-top: 25px;
  margin-bottom: 10px;
}

.archive-block .feature-list {
  font-size: 16px;
  margin: 0;
  padding-left: 10px;
  margin-bottom: 20px;
}

.archive-block .feature-list li {
  font-size: 14px;
  text-align: left;
  margin-bottom: 10px;
  background: url("../images/consent-images/red-bullet.png") no-repeat left top;
  padding: 3px 0 3px 18px;
  background-position: left;
  list-style: none;
  margin: 0;
  font-weight: 100;
  background-position: 0 11px;
}

.dropdown-menu {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.09) !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.09) !important;
}

.dropdown-menu.home-owners {
  min-width: 170px;
}

.dropdown-menu.home-owners li {
  line-height: 1.4;
  margin-bottom: 6px;
}

.table-hover > tbody > tr:hover {
  background-color: #e3e3e3 !important;
}

.table-hover > tbody > tr .no-hover:hover {
  background-color: #e3e3e3 !important;
}

.table-hover > tbody > tr.no-hover-row:hover > td,
.no-hover-row > td {
  background-color: #ffffff;
}

.table-hover > tbody > tr.no-hover-head-row:hover > td,
.no-hover-head-row > td {
  background-color: #e3e3e3;
}

thead {
  background: #ececec;
}

.table > tbody > tr > td {
  vertical-align: middle;
}

.popover.right {
  margin-left: -10px !important;
}

ol.breadcrumb {
  padding: 4px 0 0 2px;
  background-color: white;
  margin: 0;
}

ol.breadcrumb li.active {
  font-weight: bold;
}

ol.breadcrumb li {
  color: #777;
  font-weight: bold;
}

.breadcrumb > li + li:before {
  padding: 0;
  content: ">\00a0";
}

.license-packages {
  display: flex;
  justify-content: center;
  width: 70%;
  margin: 0 auto;
  padding-top: 2rem;
}

.license-packages .license-package {
  position: relative;
  margin: 5px auto;
  border: 1px solid #ececec;
  border-radius: 10px;
  min-height: 550px;
  padding-top: 86px;
}

.license-packages .license-package.type {
  background-size: 125px 112px !important;
  background-position: -30px -20px !important;
}

.license-packages .license-package.type.basic {
  background: #ffffff url("../images/licence-images/silver2x.png") no-repeat;
}

.license-packages .license-package.type.pro {
  background: #ffffff url("../images/licence-images/gold2x.png") no-repeat;
}

.license-packages .license-package.type.premium {
  background: #ffffff url("../images/licence-images/platinum2x.png") no-repeat;
}

.license-packages .license-package .content {
  position: relative;
  padding: 20px;
}

.license-packages .license-package .content-bottom {
  width: 100%;
  position: absolute;
  bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.license-packages .license-package .price {
  position: relative;
  width: 100%;
  font-size: 16px;
  margin-bottom: 20px;
}

.license-packages .license-package .price .type {
  margin-bottom: 0;
}

.license-packages .license-package .price .type .value {
  font-size: 26px;
  font-weight: 700;
}

.license-packages .license-package .price .period {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

.btn-upgrade {
  background-color: #527fcf;
  border-color: #527fcf;
  color: #ffffff;
  font-weight: 600;
  padding: 10px 20px;
}

.btn-upgrade:hover, .btn-upgrade:focus {
  background-color: #3464ba;
  border-color: #3464ba;
  color: #ffffff;
}

.input-upgrade {
  height: 42px;
}

.user-badge .type {
  width: auto;
  text-align: center;
  padding: 2px 8px;
  border-radius: 2px;
  color: white;
  font-size: 10px;
  line-height: 12px;
  text-transform: capitalize;
  margin: 0 auto;
  margin-top: -8px;
  position: relative;
}

.user-badge .type.free {
  background-color: #0c0e0d;
}

.user-badge .type.limited {
  background-color: #b6c7cc;
}

.user-badge .type.basic {
  background-color: #aaaaaa;
}

.user-badge .type.pro {
  background-color: #E5B92E;
}

.user-badge .type.premium {
  background-color: #BCBBA3;
}

.img-div-profile.free {
  border: 3px solid #0c0e0d;
}

.img-div-profile.limited {
  border: 3px solid #b6c7cc;
}

.img-div-profile.basic {
  border: 3px solid #AAAAAA;
}

.img-div-profile.pro {
  border: 3px solid #E5B92E;
}

.img-div-profile.premium {
  border: 3px solid #BCBBA3;
}

.profile-container {
  cursor: pointer;
}

.profile-container .profile-icon {
  display: inline-table;
  margin-right: 10px;
}

.img-div-profile {
  vertical-align: middle;
  margin: 0 auto;
  width: 36px;
  height: 36px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
  border-radius: 50%;
}

.profile_gap {
  padding-bottom: 15px;
}

section {
  padding-top: 20px;
  padding-bottom: 20px;
}

.quote {
  color: rgba(0, 0, 0, 0.1);
  text-align: center;
  margin-bottom: 30px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/
#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}

#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}

#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #00aadd;
  border: none;
}

#fade-quote-carousel blockquote {
  text-align: center;
  border: none;
}

#fade-quote-carousel .profile-circle {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 100px;
}

.carousel-indicators .active {
  width: 18px;
  height: 18px;
  margin: 0;
  background-color: #fff;
}

.admin-certificate-selected {
  border: 3px solid #25c147;
}

.admin-featuregallery-animate-show,
.admin-featuregallery-animate-hide {
  -webkit-transition: all linear 1s;
  -moz-transition: all linear 1s;
  -ms-transition: all linear 1s;
  -o-transition: all linear 1s;
  transition: all linear 1s;
}

.admin-featuregallery-animate-show.ng-hide-remove,
.admin-featuregallery-animate-hide.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  display: block !important;
}

.admin-featuregallery-animate-hide.ng-hide-add,
.admin-featuregallery-animate-show.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  display: block !important;
}

.card_text_header {
  font-size: 11px;
}

.card_text_result {
  font-size: 12px;
}

.card-break {
  border-bottom: 1px solid #676767;
}

.search-container {
  position: relative;
}

.search-container .search-input {
  padding-right: 85px;
}

.search-container .search-input::-ms-clear {
  display: none;
}

.search_result_header {
  font-size: 15px;
  padding-top: 1%;
  padding-bottom: 2%;
  padding-left: 0px;
  font-weight: 700;
}

.result_headers {
  font-size: 15px;
  padding-top: 2%;
  padding-bottom: 2%;
  font-weight: 700;
  padding-left: 3%;
}

.navigation_fix {
  float: right;
  margin-top: 3%;
  margin-bottom: 0%;
}

.cover-item-small {
  border-radius: 6px;
  border: 1px solid #DDD;
  margin-top: 15px;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 11px;
  padding: 3%;
  overflow-wrap: break-word;
  min-height: 78px;
}

.cover-item-small:hover {
  background-color: #C4D9E2;
}

.warning_msg {
  background-color: #e6786c;
  color: #FFF;
}

.warning_msg_header_fix {
  border-bottom: 0 !important;
}

.warning_msg_footer_fix {
  border-top: 0 !important;
}

.fav_list_notification {
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  color: #12b497;
}

#accordion {
  margin-bottom: 0;
  padding-right: 18px;
  cursor: pointer;
}

.panel-borderless {
  box-shadow: none !important;
  border: none !important;
}

.accordion-title {
  position: relative;
  background-color: #f9f9f9;
  font-size: 12.2px;
  padding: 5px 20px;
}

.accordion-title span {
  color: grey;
  padding-left: 12px;
}

.accordion-title i {
  color: #333;
  top: -2px;
  right: 0px;
  position: absolute;
  font-size: 30px;
}

.accordion-top-border {
  border-top: 1.1px solid #f2eded;
}

.accordion-sns-bg-color {
  background-color: #f9f9f9;
}

.accordion-heading-full.accordion-heading {
  padding: 0;
}

.accordion-heading-full .accordion-title {
  padding: 10px 15px;
}

.accordion-heading-full .accordion-title::after {
  top: 10px;
  right: 15px;
}

div.advanced-search {
  margin-bottom: 20px;
}

/* associate anonymous project */
.associate-anonymous-project-modal {
  border-top: 0 !important;
}

.associate-anonymous-project-modal tr td .alert .modal-header,
.associate-anonymous-project-modal .alert .modal-footer {
  padding: 0;
  border: 0;
}

.associate-anonymous-project-modal tr td .alert .modal-header strong,
.associate-anonymous-project-modal .alert .modal-footer strong {
  vertical-align: sub;
}

.associate-anonymous-project-modal tr td .alert .modal-header button,
.associate-anonymous-project-modal .alert .modal-footer button {
  text-align: right;
  float: right;
  margin-right: 8px;
}

.associate-anonymous-project-modal tr:nth-child(2) td .alert {
  margin-top: 10px;
  margin-bottom: 10px;
}

.room-select-wrapper {
  padding: 0 15px;
}

.room-select-wrapper .item-set-wrapper {
  display: inline-block;
}

.room-select-wrapper .item-set-wrapper .cover-item {
  border-radius: 6px;
  border: 1px solid #DDD;
  text-align: center;
  position: relative;
  background-color: #fff;
  width: 130px;
  height: auto;
  margin: 15px;
  padding: 10px;
  cursor: pointer;
}

.room-select-wrapper .item-set-wrapper .cover-item:hover {
  background-color: #fff;
  border: 1px solid #668ed5;
}

.room-select-wrapper .item-set-wrapper .cover-item.selected {
  background-color: #fff;
  border: 1px solid #527fcf;
}

.room-select-wrapper .item-set-wrapper .cover-item.selected .select-indicator {
  display: block;
  position: absolute;
  top: 4px;
  right: 7px;
}

.room-select-wrapper .item-set-wrapper .cover-item.selected .select-indicator span {
  color: #527fcf;
}

.room-select-wrapper .item-set-wrapper .cover-item .select-indicator {
  display: none;
}

.room-select-wrapper .item-set-wrapper .room_image {
  width: 37%;
  display: block;
  margin: 0 auto;
  position: relative;
  padding-top: 5%;
  padding-bottom: 5%;
}

.room-select-wrapper .btn-link.remove {
  padding: 6px 0 12px 0;
  color: #d9534f;
  margin-top: 5px;
}

.room-select-wrapper .btn-link.remove:focus, .room-select-wrapper .btn-link.remove:active, .room-select-wrapper .btn-link.remove:hover {
  outline: none;
}

.room-select-wrapper .item_name {
  padding-top: 1%;
  padding-bottom: 4%;
  font-size: 12px;
}

.room-select-wrapper .validation-error {
  color: #d9534f;
  padding: 10px 1px;
}

.room-select-wrapper .has-error {
  border-color: #d9534f;
}

.room-info {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 15px;
  padding-top: 25px;
}

.room-info.ng-enter {
  transition: 0.5s linear all;
  opacity: 0;
}

.room-info.ng-enter-active {
  opacity: 1;
}

.add-section {
  width: 100%;
  display: block;
  padding: 15px 0;
}

.add-section .button {
  padding: 15px 0 0;
}

@media (min-width: 992px) {
  .modal-lg {
    width: 997px;
  }
}

.slide.ng-enter {
  transition: 0.5s linear all;
  opacity: 0;
}

.slide.ng-enter-active {
  opacity: 1;
}

.ng-hide-remove {
  animation: 0.5s fadeIn ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.view_more_items {
  text-align: center;
  color: #527fcf;
  padding-top: 3%;
  padding-bottom: 2%;
}

.more-items-view {
  cursor: pointer;
  margin-top: 1rem;
}

.onboarding-message-container {
  margin-top: 75px;
}

.onboarding-message-logo {
  text-align: center;
}

.onboarding-message-logo img {
  width: 300px;
  margin: 40px 0;
}

.auto-activate-organization {
  text-align: center;
}

.auto-activate-organization h3.main-message {
  font-weight: bold;
  color: #405475;
}

.auto-activate-organization p.main-message-para {
  color: #405475;
}

.auto-activate-organization h4.secondary-message {
  font-weight: bold;
  color: #405475;
  margin-bottom: 30px;
}

.auto-activate-organization .form-group {
  margin-bottom: 20px;
}

.auto-activate-organization .control-label {
  font-weight: bold;
  color: #405475;
  padding: 0;
  line-height: 30px;
}

.auto-activate-organization .label-container {
  text-align: right;
  padding: 0;
}

.auto-activate-organization .field-validation-error {
  font-size: 12px;
  color: red;
  display: block;
  text-align: left;
}

.auto-activate-organization .validationCss {
  color: red;
}

.auto-activate-organization .validationCss.list ul {
  list-style: none;
}

.auto-activate-organization .validationCss.list ul li {
  margin-bottom: 5px;
}

.auto-activate-organization .input-container {
  text-align: left;
}

.auto-activate-organization .input-container select {
  width: 245px;
  max-width: 245px !important;
  height: 30px;
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 0px 5px;
  padding-right: 20px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='caret-down' class='svg-inline--fa fa-caret-down fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat, repeat;
  background-position: right 8px top 10px, 0 0;
  background-size: 7px auto, 100%;
  overflow: hidden;
}

.auto-activate-organization .input-container select option {
  width: 245px;
  font-size: 12px;
  font-weight: normal;
  color: #405475;
}

.auto-activate-organization .input-container input {
  width: 245px;
  height: 30px;
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 0px 10px;
  padding-right: 20px;
  margin: 0;
}

.auto-activate-organization .input-container button.dropdown-toggle {
  position: absolute;
  top: -23px;
  left: 15px;
  height: 30px;
  width: 245px;
  background: transparent;
  border: transparent;
}

.auto-activate-organization .input-container button.dropdown-toggle .caret {
  margin-left: 0;
  position: absolute;
  right: 8px;
}

.auto-activate-organization .input-container ul.dropdown-menu {
  width: 245px;
}

.auto-activate-organization .dropdown-menu {
  height: 130px;
  overflow-y: scroll;
  position: absolute;
  left: 15px;
}

.auto-activate-organization .dropdown-menu li > a {
  vertical-align: middle;
  padding: 3px 5px;
  outline: none;
}

.auto-activate-organization input[type=checkbox] + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
  line-height: 10px;
  font-size: 14px;
  font-weight: normal;
  color: #405475;
}

.auto-activate-organization li input[type=checkbox] + label {
  font-size: 11px;
}

.auto-activate-organization input[type=checkbox] {
  display: none;
}

.auto-activate-organization input[type=checkbox] + label:before {
  content: "\2714";
  border: 0.1em solid #405475;
  border-radius: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  padding-left: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  margin-right: 10px;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
  font-size: 14px;
}

.auto-activate-organization li input[type=checkbox] + label:before {
  font-size: 11px;
}

.auto-activate-organization input[type=checkbox] + label:active:before {
  transform: scale(0);
}

.auto-activate-organization input[type=checkbox]:checked + label:before {
  background-color: #405475;
  border-color: #405475;
  color: #fff;
}

.auto-activate-organization input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}

.auto-activate-organization input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #405475;
  border-color: #405475;
}

.auto-activate-organization .button-container div {
  padding-right: 0;
}

.auto-activate-organization button, .auto-activate-organization .btn {
  border-color: #527FCF;
  height: 34px;
  line-height: 23px;
  font-size: 14px;
  padding: 5px 25px;
  margin-top: 23px;
}

.auto-activate-organization button:hover, .auto-activate-organization .btn:hover {
  -webkit-transform: translateY(3px);
  -moz-transform: translateY(3px);
  -ms-transform: translateY(3px);
  -o-transform: translateY(3px);
  transform: translateY(3px);
  -webkit-transition-property: -webkit-transform, background;
  -moz-transition-property: -moz-transform, background;
  transition-property: transform, background;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.auto-activate-organization a.btn-default {
  background-color: #DDEEFF;
  border-color: #527FCF;
  color: #527FCF;
}

.auto-activate-organization a.login-signin-button {
  color: #ffffff;
}

.auto-activate-organization a.link {
  font-weight: bold;
  text-decoration: underline;
  color: #405475;
}

.loader-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000000000;
  background-color: #ffffff30;
}

.loader-backdrop img {
  height: 50px;
  margin-top: 50vh;
}

.devicefavorites .panel-group .panel {
  border-radius: 0px;
}

.devicefavorites .panel-heading {
  padding: 16px 15px;
}

.devicefavorites .accordion-toggle.list-name {
  margin-left: 18px;
  cursor: pointer;
}

.devicefavorites .form-horizontal .control-label {
  text-align: left;
}

.delete_button_device {
  color: #e74c3c;
  cursor: pointer;
  margin-top: 0;
}

.border-left {
  border-left: 1px solid #CCC;
}

.withloader.height-fix-in-loading {
  min-height: 450px;
  max-height: 1400px;
}

/* document view modal */
#pdfdocumentTitle {
  font-size: 20px;
  font-weight: bold;
}

#pdfdocumentTitle a {
  background-color: #e7e7e7;
  border-color: #dadada;
  padding: 10px 20px;
  border-radius: 2px;
  color: #333;
  font-size: 16px;
  margin-left: 20px;
  font-weight: normal;
  color: #333;
}

#pdfdocumentTitle a:hover {
  background-color: #dadada;
  text-decoration: none;
}

.border-zero {
  border: 0;
}

.delete_link:hover, .delete_link:active, .delete_link:focus {
  text-decoration: none;
}

.panel_size {
  padding-top: 20px;
  padding-bottom: 20px;
}

.checkbox_margin {
  margin: 0px 0 0 !important;
}

.min-height-popup {
  min-height: 330px;
}

.image_wizard {
  padding-top: 25%;
  padding-bottom: 15%;
  width: 100%;
}

.extra_large_text {
  font-size: 55px;
  font-weight: 600;
  opacity: 0.7;
  padding-top: 20%;
}

.extra_small_text {
  font-size: 20px;
  font-weight: 100;
  opacity: 0.7;
  margin-top: -5%;
  position: absolute;
}

@media screen and (max-width: 1300px) {
  .extra_large_text {
    font-size: 40px;
    font-weight: 600;
    opacity: 0.7;
    padding-top: 16%;
  }
  .extra_small_text {
    font-size: 10px;
    font-weight: 100;
    opacity: 0.7;
    margin-top: -5%;
    position: absolute;
  }
}

.border-wizard {
  min-height: 300px;
  border-right: 1px solid #CCC;
}

.margin-bottom-lebel {
  margin-top: 10%;
}

.image-preview-input {
  position: relative;
  overflow: hidden;
  margin: 0px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.image-preview-input input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.image-preview-input-title {
  margin-left: 2px;
}

.image_processing {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 20%;
}

.processing_text {
  font-size: 20px;
}

.please_wait_text {
  font-size: 14px;
  font-weight: 100;
}

.delete_button_wizard {
  color: #e74c3c;
  margin-top: 10px;
  padding-left: 35%;
}

.padding-bottom15 {
  padding-bottom: 15px;
}

.file {
  visibility: hidden;
  position: absolute;
}

.single-input-top-60 {
  margin-top: 60px;
}

.panel-group .panel.favouriteList {
  border-radius: 0px;
}

.favouriteList .panel-heading {
  padding: 16px 15px;
}

.favouriteList .accordion-toggle.list-name {
  margin-left: 18px;
  cursor: pointer;
}

.FavoriteCompaniesLists .panel-heading .glyphicon-chevron-down {
  margin-top: 8px;
}

.wizard span.delete_button_wizard {
  color: #e74c3c;
  cursor: pointer;
}

.wizard span.delete_button_wizard:hover, .wizard span.delete_button_wizard:focus, .wizard span.delete_button_wizard:active {
  color: #e74c3c;
}

.slide.ng-enter {
  transition: 0.5s linear all;
  opacity: 0;
}

.slide.ng-enter-active {
  opacity: 1;
}

.ng-hide-remove {
  animation: 0.5s fadeIn ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.word-break {
  word-break: break-all;
}

span.table-information-text {
  font-size: 12px;
  color: #8d968d;
  margin-top: 1rem;
}

.document-edit-form-group {
  margin-bottom: 20px;
}

.empty-state-wrapper {
  padding: 20px;
  margin-top: 5%;
  text-align: center;
}

.empty-state-wrapper .illustration img.illustration-01 {
  width: 600px;
  display: block;
  margin: 0 auto;
}

.empty-state-wrapper .illustration img.illustration-02 {
  width: 255px;
  display: block;
  margin: 0 auto;
  margin-top: 30px;
}

.empty-state-wrapper .content {
  width: 450px;
  display: block;
  margin: 0 auto;
}

.empty-state-wrapper .content .title {
  color: #527FCF;
}

.empty-state-wrapper .content p {
  font-size: 14px;
  line-height: 24px;
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}

.modal-body .empty-state-wrapper {
  margin-top: 0;
  margin-bottom: 30px;
}

.license-upgrade {
  text-align: right;
}

.license-upgrade.with-tabs {
  padding-top: 7px;
  padding-bottom: 7px;
  width: 100%;
}

.license-upgrade .upgrade-lable {
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
}

.license-upgrade .admin_button {
  color: #1d1d1d;
}

.license-upgrade.spacing-bottom {
  padding-bottom: 7px;
}

.license-upgrade-message {
  background-color: #FCFCFC;
  border: 1px solid #ececec;
  padding: 10px;
  position: relative;
  display: inline-block;
  width: 100%;
  border-radius: 6px;
  margin-bottom: 15px;
}

.license-upgrade-message .icon {
  height: 30px;
  width: 30px;
  clear: both;
  content: "";
  /* padding: 7px 9px; */
  text-align: center;
  border-radius: 27px;
  background-color: #ffffff;
  border: 1px solid #C9DAF0;
  margin-top: 9px;
}

.license-upgrade-message .icon img {
  width: 15px;
  display: block;
  margin: 0 auto;
  margin-top: 7px;
}

.license-upgrade-message .image img {
  width: 50px;
  display: block;
  margin: 0 auto;
  margin-top: 7px;
}

.license-upgrade-message .message h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  color: #527FCF;
  margin-bottom: 5px;
}

.license-upgrade-message .message p {
  font-size: 12px;
  margin-bottom: 0;
}

.license-upgrade-message .action {
  margin-top: 8px;
}

.premium-icon {
  width: 18px;
  margin-top: -6px;
}

.disabled-project {
  pointer-events: none;
  opacity: 0.4;
}

.disabled-project:hover {
  cursor: not-allowed;
}

.disabled-plant {
  pointer-events: none;
  opacity: 0.4;
}

.disabled-plant:hover {
  cursor: not-allowed;
}

.pricing {
  text-align: center;
  border: 1px solid #f0f0f0;
  padding-left: 0;
  margin-bottom: 30px;
}

.pricing li:first-child,
.pricing li:last-child {
  padding: 20px 13px;
}

.pricing li {
  list-style: none;
  padding: 13px;
}

.pricing button {
  width: auto;
  margin: auto;
  font-size: 15px;
  font-weight: bold;
  border-radius: 50px;
  color: #fff;
  padding: 9px 24px;
  background: #aaa;
  opacity: 1;
  transition: opacity .2s ease;
  border: none;
  outline: none;
}

.p-green big,
.p-green h3 {
  color: #4c7737;
  display: block;
}

.p-green button {
  background: #4c7737;
}

.p-yel big,
.p-yel h3 {
  color: #ffbb42;
  display: block;
}

.p-yel button {
  background: #ffbb42;
}

.p-red big,
.p-red h3 {
  color: #e13c4c;
  display: block;
}

.license-upgrade .popover {
  overflow-y: hidden;
}

.license-upgrade .popover:after {
  bottom: 100%;
  left: 50%;
  border: 1px solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #c2e1f5;
  border-width: 36px;
  margin-left: -36px;
}

.license-upgrade .info-button {
  border-radius: 16px;
  padding: 2px 9px;
  text-decoration: none;
}

.loader-container {
  display: block;
  margin: 4% auto;
}

.loader-container.upgrade-page {
  margin: 18% auto;
}

.in-modal .loader-container {
  height: auto;
  padding-top: 0;
}

#map .loader-container {
  padding-top: 230px;
  padding-bottom: 230px;
  margin: 0;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    background: #527fcf;
  }
}

.in-plant-search {
  margin-top: 8px;
  background-position: 1px 2px;
}

.loading {
  margin: 0 auto;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: 5px solid #a2bae5;
  border-top-color: #527fcf;
  animation: spin 1s infinite linear;
}

.loading--double {
  border-style: double;
  border-width: 5px;
}

.loader-span {
  background-image: url("../images/loader.gif");
  background-size: 16px;
  background-position: 3px 2px;
  background-repeat: no-repeat;
  height: 25px;
  margin-right: 10px;
  padding-left: 28px;
  float: left;
}

.loader-text-right {
  font-size: 14px;
  color: #527fcf;
  margin-left: -10px;
}

.for-card-size {
  background-size: 20px !important;
  margin-top: 5px !important;
}

.plant-content .more-owners {
  margin-top: -8%;
  display: block;
  font-size: 11px;
}

.plant-selected-summary .summary-title {
  width: 100%;
  background-color: #3498db;
  color: #FFF;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 5px;
}

.plant-selected-summary .summary-title label {
  font-size: 15px;
  padding: 20px;
}

.plant-selected-summary .summary-body {
  width: 100%;
  border: 1px solid #ecf0f1;
  padding-left: 15px;
  padding-right: 15px;
}

.plant-selected-summary .summary-type {
  padding: 10px;
  margin-top: 3%;
  margin-bottom: 4%;
}

.plant-selected-summary .summary-type .type-image img {
  width: 46px;
}

.plant-selected-summary .summary-type .type-text {
  padding-right: 0px;
  padding-left: 0px;
}

.plant-selected-summary .summary-type .type-text .text {
  font-size: 15px;
  font-weight: 500;
}

.plant-selected-summary .summary-type .type-text .value {
  font-size: 15px;
  padding-left: 15px;
  font-weight: 700;
}

.overflow-content-modal {
  height: calc(100vh - 300px);
  overflow: scroll;
  overflow-x: hidden;
}

.main_cards {
  padding-left: 0;
  width: 100%;
  min-height: 200px;
  border-right: 1px solid #ecf0f1;
  border-top: 1px solid #ecf0f1;
  border-bottom: 1px solid #ecf0f1;
  border-left: 6px solid #a5cce6;
  margin-bottom: 1px;
}

.main_sub_cards_selection {
  border-color: #3498db !important;
  border-left: 6px solid #2980b9;
}

.main_cards:hover {
  cursor: pointer;
}

.checkbox_card_item {
  height: 130px;
}

.sub_cards {
  padding-left: 0;
  padding-right: 0;
  float: right;
  min-height: 100px;
  border-right: 1px solid #ecf0f1;
  border-top: 1px solid #ecf0f1;
  border-bottom: 1px solid #ecf0f1;
  border-left: 6px solid #a5cce6;
  margin-bottom: 2px;
}

.sub_cards:hover {
  cursor: pointer;
}

.property-card {
  padding-left: 0;
  width: 100%;
  min-height: 100px;
  border-right: 1px solid #ecf0f1;
  border-top: 1px solid #ecf0f1;
  border-bottom: 1px solid #ecf0f1;
  border-left: 6px solid #2980b9;
  margin-bottom: 1px;
}

.property-card.disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.card-block .card-action {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
}

.nav.nav-tabs.create-plant-menu {
  margin-bottom: 15px;
}

.copy-to-plant-empty-note {
  position: absolute;
  top: 300px;
}

.overall-project-status {
  width: 100%;
  padding: 7px 17px;
  border: 1px solid #c0d8cc;
  background-color: #f0ffe9;
  border-radius: 5px;
  font-size: 15px;
  margin-left: 7px;
  color: #6db17c;
}

.view_link_item {
  color: #27ae60;
  font-size: 12px;
}

.download_link_item {
  color: #2c3e50;
  font-size: 12px;
  margin-left: 10%;
}

.guide_modal {
  border-left: 5px solid #527FCF;
  border-right: 5px solid #527FCF;
}

.guide_modal_text {
  font-size: 15px;
  padding-top: 5px;
  padding-left: 30px;
}

.guide_modal_top_text {
  margin-bottom: 15px;
  font-size: 14px;
}

.guide_modal_icon {
  color: #527FCF;
  font-size: 15px;
}

.alert-message {
  background: #f2dede;
  color: #333333;
}

.alert-message a {
  color: #333333;
  text-decoration: underline;
}

.project-invitees td {
  padding: 3px !important;
}

.tenant.checkbox .checkbox {
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: -27px;
}

.tenant.checkbox label {
  padding-left: 27px;
}

.custom-data-list dl dt {
  font-weight: 500;
}

.custom-data-list dl dd {
  font-weight: 700;
}

.tenant-info-header .overall-project-status.inactive {
  border: 1px solid #c7c7c7;
  background-color: #f9f9f9;
  color: #9a9a9a;
}

.nav-tabs-license-upgrade .license-upgrade {
  margin-right: 15px;
}

.tenant-license-addon-ul {
  width: 300px;
  text-align: left;
  margin: 0 auto;
}

.company-profile-company-logo {
  margin-bottom: 30px;
}

.company-profile-company-image {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  padding: 0;
  margin-bottom: 25px;
}

.company-profile-paragraph {
  line-height: 30px;
  margin-bottom: 15px;
  word-break: normal;
}

.company-profile-buttons .button {
  margin-left: 15px;
  min-width: 135px;
  padding: 13px !important;
}

.company-profile-buttons .button i {
  margin-right: 10px;
}

@media only screen and (max-width: 1025px) {
  .company-profile-buttons .button:nth-child(1) {
    margin-left: 0;
  }
}

.company-profile-jobs {
  font-weight: 400;
  font-size: 20px;
  color: #9ac172;
  margin: 20px 0;
}

.company-profile-jobs i {
  color: #59b101;
  font-size: 23px;
}

.company-profile-jobs span {
  color: #59b101;
  font-size: 23px;
  font-weight: bold;
  margin-left: 3px;
  margin-right: 3px;
}

@media only screen and (max-width: 1025px) {
  .company-profile-jobs {
    margin-top: 10px;
  }
}

.company-profile-contact-details {
  padding-right: 0;
}

.company-profile-contact-details .company-profile-ceo-picture {
  padding: 0;
}

.company-profile-contact-details .company-profile-ceo-picture img {
  padding: 0;
  padding-right: 10px;
}

.company-profile-contact-details .contact-label {
  color: #bfbfbf;
  font-weight: 400;
  margin-bottom: 12px;
}

.company-profile-contact-details .contact-name {
  color: #504f4f;
  font-weight: 400;
  margin-bottom: 15px;
  font-size: 21px;
  margin-top: 0;
  line-height: 0.9;
}

.company-profile-contact-details .contact-title {
  margin-top: 4px;
  color: #504f4f;
  font-size: 14px;
  line-height: 7px;
  margin-bottom: 10px;
  font-weight: 400;
}

.company-profile-contact-details .contact-numbers {
  color: #504f4f;
}

.company-profile-contact-details .contact-numbers > div {
  margin-top: 5px;
}

.company-profile-contact-details .contact-numbers i {
  font-size: 23px;
  opacity: 0.8;
  color: #929292;
  min-width: 16px;
}

.company-profile-contact-details .contact-numbers i.fa-briefcase, .company-profile-contact-details .contact-numbers i.fa-envelope {
  font-size: 15px;
  line-height: 26px;
}

.company-profile-contact-details .contact-numbers span {
  line-height: 25px;
  position: absolute;
  margin-left: 10px;
  font-weight: 600;
  color: #929292;
}

.company-profile-members {
  margin: 30px 0;
  margin-top: 20px;
}

.company-profile-members .members-label {
  color: #bfbfbf;
  font-weight: 400;
  margin-bottom: 12px;
}

.company-profile-members .members-logo {
  opacity: 0.9;
}

.company-profile-members .members-logo img {
  margin-bottom: 10px;
}

.comapny-profile-contact-form .contact-label {
  color: #bfbfbf;
  font-weight: 400;
  margin-bottom: 3px;
}

.comapny-profile-contact-form textarea {
  min-height: 194px;
}

.comapny-profile-contact-form > div {
  position: relative;
  float: left;
  padding: 10px;
  border: 1px solid #e7e7e7;
  margin: 0;
  padding-top: 18px;
}

.comapny-profile-contact-form > i {
  float: right;
  top: 3px;
  right: 4px;
  position: relative;
  color: #b1b1b1;
}

@media only screen and (max-width: 1025px) {
  .company-profile-information-block .small-12 {
    padding: 0;
  }
}

.company-profile-buttons .button {
  margin-left: 15px;
  min-width: 135px;
  padding: 13px !important;
}

.button-secondary {
  border: 1px solid #e7e7e7;
  background-color: #f7f7f7;
  color: #333333;
  margin-right: 3%;
}

.ng-hide {
  display: none !important;
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.change {
  text-decoration: none;
}

.change:hover {
  background-color: #007ba1;
  text-decoration: none;
  color: #FFF;
}

.company-profile-buttons .button {
  margin-left: 15px;
  min-width: 135px;
  padding: 13px !important;
}

.input_texxt_company {
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
}

.company-profile-company-logo {
  margin-bottom: 30px;
}

.company-profile-company-image {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  padding: 0;
  margin-bottom: 25px;
}

.company-profile-paragraph {
  line-height: 30px;
  margin-bottom: 15px;
  word-break: break-all;
}

.company-profile-buttons .button {
  margin-left: 15px;
  min-width: 135px;
  padding: 13px !important;
}

.company-profile-buttons .button i {
  margin-right: 10px;
}

@media only screen and (max-width: 1025px) {
  .company-profile-buttons .button:nth-child(1) {
    margin-left: 0;
  }
}

.company-profile-jobs {
  font-weight: 400;
  font-size: 20px;
  color: #9ac172;
  margin: 20px 0;
}

.company-profile-jobs i {
  color: #59b101;
  font-size: 23px;
}

.company-profile-jobs span {
  color: #59b101;
  font-size: 23px;
  font-weight: bold;
  margin-left: 3px;
  margin-right: 3px;
}

@media only screen and (max-width: 1025px) {
  .company-profile-jobs {
    margin-top: 10px;
  }
}

.company-profile-contact-details {
  padding-right: 0;
}

.company-profile-contact-details .company-profile-ceo-picture {
  padding: 0;
}

.company-profile-contact-details .company-profile-ceo-picture img {
  padding: 0 10px 0 0;
}

.company-profile-contact-details .contact-label {
  color: #bfbfbf;
  font-weight: 400;
  margin-bottom: 12px;
}

.company-profile-contact-details .contact-name {
  color: #504f4f;
  font-weight: 400;
  margin-bottom: 15px;
  font-size: 21px;
  margin-top: 0;
  line-height: 0.9;
}

.company-profile-contact-details .contact-title {
  margin-top: -5px;
  color: #504f4f;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
  font-weight: 400;
  word-break: break-all;
}

.company-profile-contact-details .contact-numbers {
  color: #504f4f;
}

.company-profile-contact-details .contact-numbers > div {
  margin-top: 5px;
}

.company-profile-contact-details .contact-numbers i {
  font-size: 23px;
  opacity: 0.8;
  color: #929292;
  min-width: 16px;
}

.company-profile-contact-details .contact-numbers i.fa-briefcase, .company-profile-contact-details .contact-numbers i.fa-envelope {
  font-size: 15px;
  line-height: 26px;
}

.company-profile-contact-details .contact-numbers span {
  line-height: 25px;
  position: absolute;
  margin-left: 10px;
  font-weight: 600;
  color: #929292;
}

.company-profile-members {
  margin: 20px 0 30px;
}

.company-profile-members .members-label {
  color: #bfbfbf;
  font-weight: 400;
  margin-bottom: 12px;
}

.company-profile-members .members-logo {
  opacity: 0.9;
}

.company-profile-members .members-logo img {
  margin-bottom: 10px;
}

.comapny-profile-contact-form .contact-label {
  color: #bfbfbf;
  font-weight: 400;
  margin-bottom: 3px;
}

.comapny-profile-contact-form textarea {
  min-height: 194px;
}

.comapny-profile-contact-form > div {
  position: relative;
  float: left;
  padding: 10px;
  border: 1px solid #e7e7e7;
  margin: 0;
  padding-top: 18px;
}

.comapny-profile-contact-form > i {
  float: right;
  top: 3px;
  right: 4px;
  position: relative;
  color: #b1b1b1;
}

@media only screen and (max-width: 1025px) {
  .company-profile-information-block .small-12 {
    padding: 0;
  }
}

.company-features {
  margin-top: 5px;
}

.company-features > div {
  padding: 0;
}

.company-features div.slidebox {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  overflow: hidden;
}

.company-features div.slidebox-webkit-scrollbar {
  width: 0 !important;
}

.company-features .slidebox-container {
  position: relative;
}

.company-features .slidebox {
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  /* iOS swipe-scroll support */
  padding: 0;
}

.company-features .slidebox-controls {
  border: #fff 1px solid;
  border-radius: 3px;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 10%;
}

.company-features .slidebox-left {
  background: rgba(128, 128, 128, 0.5) center center no-repeat;
  left: 0;
  cursor: w-resize;
  bottom: 0;
  top: 0;
}

.company-features .slidebox-left i.fa {
  font-size: 30px;
  vertical-align: middle;
  color: #000000;
  margin: 72px 41%;
}

.company-features .slidebox-right {
  background: rgba(128, 128, 128, 0.5) center center no-repeat;
  right: 0;
  cursor: e-resize;
  bottom: 0;
  top: 0;
}

.company-features .slidebox-right i.fa {
  font-size: 30px;
  vertical-align: middle;
  color: #000000;
  margin: 72px 41%;
}

.company-features .company-features-label {
  color: #bfbfbf;
  font-weight: 400;
}

.company-features .feature-slider {
  display: inline-flex;
  padding: 0;
}

.company-features .feature-slider .feature-box {
  display: inline-block;
  padding: 5px 20px 5px 0;
}

.company-features .feature-slider .feature-box > div {
  border: 1px solid #cecece;
  padding: 10px;
  min-width: 280px;
  height: 150px;
}

.company-features .feature-slider .feature-box .feature-logo {
  display: inline;
  min-height: 90px;
  margin-right: 5px;
  width: initial;
  padding: 0;
}

.company-features .feature-slider .feature-box p {
  line-height: 16px;
  font-size: 13px;
  font-weight: 100;
  color: #424242;
  display: block;
  display: -webkit-box;
  max-width: 400px;
  margin: 0 auto;
  height: 47px !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.company-features .feature-slider .feature-box .feature-title {
  font-weight: 400;
  font-size: 19px;
}

.company-profile-company-logo {
  margin-bottom: 30px;
}

.company-profile-company-image {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  padding: 0;
  margin-bottom: 25px;
}

.company-profile-paragraph {
  line-height: 30px;
  margin-bottom: 15px;
  word-break: break-all;
}

.company-profile-buttons .button {
  margin-left: 15px;
  min-width: 135px;
  padding: 13px !important;
}

.company-profile-buttons .button i {
  margin-right: 10px;
}

@media only screen and (max-width: 1025px) {
  .company-profile-buttons .button:nth-child(1) {
    margin-left: 0;
  }
}

.company-profile-jobs {
  font-weight: 400;
  font-size: 20px;
  color: #9ac172;
  margin: 20px 0;
}

.company-profile-jobs i {
  color: #59b101;
  font-size: 23px;
}

.company-profile-jobs span {
  color: #59b101;
  font-size: 23px;
  font-weight: bold;
  margin-left: 3px;
  margin-right: 3px;
}

@media only screen and (max-width: 1025px) {
  .company-profile-jobs {
    margin-top: 10px;
  }
}

.company-profile-contact-details {
  padding-right: 0;
}

.company-profile-contact-details .company-profile-ceo-picture {
  padding: 0;
}

.company-profile-contact-details .company-profile-ceo-picture img {
  padding: 0 10px 0 0;
}

.company-profile-contact-details .contact-label {
  color: #bfbfbf;
  font-weight: 400;
  margin-bottom: 12px;
}

.company-profile-contact-details .contact-name {
  color: #504f4f;
  font-weight: 400;
  margin-bottom: 15px;
  font-size: 21px;
  margin-top: 0;
  line-height: 0.9;
}

.company-profile-contact-details .contact-title {
  margin-top: -5px;
  color: #504f4f;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
  font-weight: 400;
  word-break: break-all;
}

.company-profile-contact-details .contact-numbers {
  color: #504f4f;
}

.company-profile-contact-details .contact-numbers > div {
  margin-top: 5px;
}

.company-profile-contact-details .contact-numbers i {
  font-size: 23px;
  opacity: 0.8;
  color: #929292;
  min-width: 16px;
}

.company-profile-contact-details .contact-numbers i.fa-briefcase, .company-profile-contact-details .contact-numbers i.fa-envelope {
  font-size: 15px;
  line-height: 26px;
}

.company-profile-contact-details .contact-numbers span {
  line-height: 25px;
  position: absolute;
  margin-left: 10px;
  font-weight: 600;
  color: #929292;
}

.company-profile-members {
  margin: 20px 0 30px;
}

.company-profile-members .members-label {
  color: #bfbfbf;
  font-weight: 400;
  margin-bottom: 12px;
}

.company-profile-members .members-logo {
  opacity: 0.9;
}

.company-profile-members .members-logo img {
  margin-bottom: 10px;
}

.company-features {
  margin-top: 5px;
}

.company-features > div {
  padding: 0;
}

.company-features div.slidebox {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  overflow: hidden;
}

.company-features div.slidebox-webkit-scrollbar {
  width: 0 !important;
}

.company-features .company-features-label {
  color: #bfbfbf;
  font-weight: 400;
}

.company-features .feature-slider {
  display: inline-flex;
  padding: 0;
}

.company-features .feature-slider > div {
  margin-right: 20px;
}

.company-features .feature-slider .feature-box {
  display: inline-block;
  padding: 5px 0 5px 0;
}

.company-features .feature-slider .feature-box > div {
  border: 1px solid #cecece;
  padding: 10px;
  min-width: 280px;
  min-height: 208px;
}

.company-features .feature-slider .feature-box .feature-logo {
  min-height: 100px;
  width: initial;
  padding: 0;
  max-width: 200px;
  text-align: center;
  margin: 0 auto;
  float: none;
  display: block;
  margin-top: 15px;
}

.company-features .feature-slider .feature-box p {
  line-height: 16px;
  font-size: 13px;
  font-weight: 100;
  color: #424242;
  display: block;
  display: -webkit-box;
  max-width: 400px;
  margin: 0 auto;
  height: 47px !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.company-features .feature-slider .feature-box .feature-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  display: block;
  text-align: center;
  max-height: 45px;
  min-height: 23px;
  overflow: hidden;
  word-break: break-all;
  margin-top: 0%;
  margin-bottom: -5%;
}

.comapny-profile-contact-form .contact-label {
  color: #bfbfbf;
  font-weight: 400;
  margin-bottom: 3px;
}

.comapny-profile-contact-form textarea {
  min-height: 194px;
}

.comapny-profile-contact-form > div {
  position: relative;
  float: left;
  padding: 10px;
  border: 1px solid #e7e7e7;
  margin: 0;
  padding-top: 18px;
}

.comapny-profile-contact-form > i {
  float: right;
  top: 3px;
  right: 4px;
  position: relative;
  color: #b1b1b1;
}

@media only screen and (max-width: 1025px) {
  .company-profile-information-block .small-12 {
    padding: 0;
  }
}

.company-profile-circle, .company-profile-contactperson-circle {
  width: 140px;
  height: 140px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 100px;
  background-color: #eaeaea;
  background-repeat: no-repeat;
  border: 1px solid #ececec;
  display: block;
}

.contact-pic-btn {
  cursor: pointer;
  color: #ffffff;
  font-size: 14px;
  background-color: rgba(98, 98, 98, 0.5);
  position: absolute;
  border-radius: 100px;
  padding: 65px 0 0 0;
  bottom: 0;
  height: 140px;
  width: 140px;
}

.contact-pic-btn:hover {
  color: #ffffff;
  background-color: rgba(98, 98, 98, 0.5);
}

.disabled-btn {
  opacity: 0.5;
  background: #CCC;
  cursor: not-allowed;
}

.company-profile-contactperson-circle:hover {
  background-image: url("../images/company-profile/uploadNewLogoContactPerson.png");
  border: 1px solid #717171;
  background-repeat: no-repeat;
}

.company-profile-contactperson-circle-preview {
  width: 140px;
  height: 140px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 100px;
  background-image: url("../images/company-profile/uploadNewLogoContactPerson.png");
  background-repeat: no-repeat;
  border: 1px solid #ececec;
  display: block;
}

.long_email {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  text-overflow: ellipsis;
  white-space: initial;
  overflow: hidden;
  max-width: 190px;
}

.input_texxt_company {
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
}

@keyframes hover-color {
  from {
    border-color: #c0c0c0;
  }
  to {
    border-color: #3e97eb;
  }
}

.repeat-order-title {
  font-weight: bold;
}

.add-new-ro-image {
  width: 90px;
  height: 90px;
  margin: 0 auto;
  margin-top: 23px;
  background-image: url("../images/repeat-order.png");
}

.add-new-offer-button {
  width: 51px;
  height: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 100px;
  background-image: url("../images/company-profile/add-feature-button.png");
  background-repeat: no-repeat;
  float: right;
  -webkit-box-shadow: 2px 2px 22px -1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 22px -1px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 22px -1px rgba(0, 0, 0, 0.3);
}

.add-new-offer-button:hover {
  width: 51px;
  height: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 100px;
  background-image: url("../images/company-profile/add-feature-button-hover.png");
  background-repeat: no-repeat;
  float: right;
  -webkit-box-shadow: 2px 2px 22px -1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 22px -1px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 22px -1px rgba(0, 0, 0, 0.3);
}

.agreement-container {
  width: 89%;
  height: 180px;
  background-color: whitesmoke;
  border-radius: 5px;
  margin: 20px;
  padding: 20px;
  border: 1px solid #c7c7c7;
  -webkit-box-shadow: 3px 3px 5px -2px rgba(0, 0, 0, 0.31);
  -moz-box-shadow: 3px 3px 5px -2px rgba(0, 0, 0, 0.31);
  box-shadow: 3px 3px 5px -2px rgba(0, 0, 0, 0.31);
}

.agreement-container-add-new {
  width: 89%;
  height: 180px;
  background-color: #e4f7df;
  border-radius: 5px;
  margin: 20px;
  border: 1px solid #e4f7df;
  -webkit-box-shadow: 3px 3px 5px -2px rgba(0, 0, 0, 0.31);
  -moz-box-shadow: 3px 3px 5px -2px rgba(0, 0, 0, 0.31);
  box-shadow: 3px 3px 5px -2px rgba(0, 0, 0, 0.31);
}

.agreement-container-add-new p {
  text-align: center;
  font-size: 18px;
  color: #869a81;
  margin-top: 11px;
}

.offer-container {
  padding: 25px;
  border: 1px solid #c7c7c7;
  border-radius: 10px;
  margin-bottom: 30px;
  overflow: auto;
}

.feature-profile-circle {
  width: 50%;
  margin-left: 25%;
  height: 180px;
  margin-right: 10px;
  margin-bottom: 15px;
  border-radius: 4px;
  background-image: url("../images/company-profile/upload-feature-image.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #eaeaea;
  cursor: pointer;
}

.feature-profile-circle:hover {
  background-color: #cecece;
}

.upload-feature-image {
  width: 100%;
  height: 280px;
  margin-right: 10px;
  margin-bottom: 15px;
  border-radius: 4px;
  background-image: url("../images/company-profile/upload-feature-image.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #eaeaea;
  cursor: pointer;
}

.upload-feature-image:hover {
  background-color: #cecece;
}

.upload-feature-image-preview {
  width: 100%;
  height: 280px;
  border-radius: 4px;
  background-image: url("../images/company-profile/upload-feature-image.png");
  background-repeat: no-repeat;
  background-position: center;
}

.invite-company-alert {
  padding: 4px;
  margin-bottom: 6px;
  margin-top: 4px;
  border: 1px solid transparent;
  border-radius: 4px;
}

/* changes in createplant wizard */
.create-plant-sokresultat {
  padding-left: 25px;
}

.create-plant-step1 {
  padding-top: 10px;
}

.kapittel-button {
  margin-bottom: 10px;
}

.kapittel-button .caret {
  margin-left: 4px;
}

.autocomplete-input-heightfix {
  height: 65px;
  font-size: 23px;
}

.certificate-box > div {
  border: 3px solid #FFF;
  padding: 5px !important;
}

.certificate-box > div img {
  width: 100%;
  height: auto;
}

.certificate-box > div:hover {
  border: 3px solid #2793e6;
}

.certificate-box > div:focus {
  border: 3px solid #2793e6;
}

.projects-sections .table-header-link {
  min-width: 140px;
}

.search-height {
  height: 35px !important;
}

.project-view-font-size {
  font-size: 12.5px !important;
}

.mdi-sort-ascending {
  padding-bottom: 5px;
  font-size: 17px;
  color: #929292;
}

.mdi-sort-descending {
  padding-bottom: 5px;
  font-size: 17px;
  color: #929292;
}

.empty-dash {
  padding-left: 50%;
  padding-right: 50%;
}

.sns-panel .loader-text-right {
  font-size: 10px;
}

.sns-panel th {
  padding: 7px !important;
}

.sns-panel .search-filter {
  padding-top: 10px;
}

.sns-panel .table-header-link {
  min-width: 29px;
  padding: 7px !important;
}

.sns-panel .file-name-link {
  width: 105px;
}

.sns-panel .img-rounded {
  width: 24px;
}

.sns-panel .tag-wrapper {
  width: 85px !important;
}

.sns-panel .panel-heading {
  padding: 0;
  margin-bottom: 30px;
  margin-left: -15px;
  margin-right: -15px;
}

.sns-panel .mdi-sort-ascending {
  color: #929292;
  font-size: 18px;
  margin-left: -2px;
  padding-bottom: 5px;
}

.sns-panel .mdi-sort-descending {
  color: #929292;
  font-size: 18px;
  margin-left: -2px;
  padding-bottom: 5px;
}

.sns-plant-panel .table-header-link {
  min-width: 58px;
  padding: 7px !important;
}

.sns-plant-panel .panel-heading {
  padding: 0;
}

.sns-plant-panel .search-filter {
  padding-top: 10px;
  padding-bottom: 10px;
}

.sns-plant-panel .sender-btn {
  font-size: 10px;
  padding-left: 10px;
  padding-right: 10px;
  height: 32px;
  width: 56px;
}

.sns-plant-panel .sidemenu-profile-container {
  height: 32px !important;
}

.sns-plant-panel .send-btn {
  padding-left: 10px;
  padding-right: 10px;
  height: 32px;
  font-size: 13px;
  width: 56px;
}

.sns-plant-panel .btn-tab-right {
  height: 35px;
  margin-right: 0;
}

.sns-plant-panel .loader-position {
  position: absolute;
  margin-top: -12px;
}

.sns-plant-panel .mdi-sort-ascending {
  color: #929292;
  font-size: 18px;
  margin-left: -2px;
  padding-bottom: 5px;
}

.sns-plant-panel .mdi-sort-descending {
  color: #929292;
  font-size: 18px;
  margin-left: -2px;
  padding-bottom: 5px;
}

.double-side-panels .search-filter input[type=text] {
  height: 35px;
}

.double-side-panels .panel-heading {
  padding: 0;
}

.project-listing table {
  font-size: 12.5px;
}

.project-listing .mdi-sort-ascending {
  color: #929292;
  font-size: 18px;
  margin-left: -2px;
  padding-bottom: 5px;
}

.project-listing .mdi-sort-descending {
  color: #929292;
  font-size: 18px;
  margin-left: -2px;
  padding-bottom: 5px;
}

.project-view .error-message {
  position: fixed;
  z-index: 1024;
  width: 54%;
  margin-left: 210px;
  top: 70px !important;
}

.project-view .favorite-btn {
  position: absolute;
  left: 40%;
  right: 40%;
}

.project-view .favorite-btn .btn-default {
  color: #0275d8;
}

.project-view .favorite-btn-doc {
  position: absolute;
  left: 0;
  right: 0;
}

.project-view .favorite-btn-doc .btn-default {
  color: #0275d8;
}

.project-view .table-responsive {
  min-height: 335px;
}

.project-view .table-responsive .table-header-link {
  padding-top: 10px !important;
}

.project-view .data-empty-btn {
  top: 100px;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 12.4px;
  color: #4e4e4e;
}

.project-view .data-empty-btn .items {
  display: flex;
  justify-content: center;
}

.project-view .mdi-sort-ascending {
  color: #929292;
  padding-bottom: 5px;
}

.project-view .mdi-sort-descending {
  color: #929292;
  padding-bottom: 5px;
}

.project-view .project-info-section {
  position: relative;
  background-color: #fff;
  padding: 16px 25px 20px 25px;
  margin-top: -6px;
  margin-left: -5px;
  margin-right: -5px;
  height: 140px;
}

.project-view .project-info-section .fs-12 {
  font-size: 12px;
}

.project-view .project-info-section .fs-13 {
  font-size: 13px;
}

.project-view .project-info-section .fs-11 {
  font-size: 11px;
}

.project-view .project-info-section .fs-16 {
  font-size: 16px;
}

.project-view .project-info-section .fs-17 {
  font-size: 17px !important;
}

.project-view .project-info-section .inline-text {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.project-view .project-info-section .section-left .project-name {
  max-width: 100%;
  max-height: 100%;
  padding-left: 5px;
}

.project-view .project-info-section .section-left p, .project-view .project-info-section .section-left h3, .project-view .project-info-section .section-left h6 {
  margin: 0;
}

.project-view .project-info-section .section-left .block-with-text {
  width: 94%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}

.project-view .project-info-section .section-middle {
  font-size: 11px;
}

.project-view .project-info-section .section-middle h7 {
  white-space: nowrap;
}

.project-view .project-info-section .section-middle p, .project-view .project-info-section .section-middle h5 {
  margin: 0;
}

.project-view .project-info-section .section-middle h5 {
  padding-bottom: 5px;
}

.project-view .project-info-section .section-middle h6 {
  font-size: 11px;
  margin: 0;
  padding-bottom: 5px;
}

.project-view .project-info-section .section-middle .col-left {
  width: 30%;
}

.project-view .project-info-section .section-middle .col-middle {
  width: 30%;
}

.project-view .project-info-section .section-middle .col-right {
  width: 40%;
}

.project-view .project-info-section .section-middle .col-right i {
  vertical-align: middle;
}

.project-view .project-info-section .section-right {
  height: 90px;
  border-left: 1px solid #ddd !important;
}

.project-view .project-info-section .section-right p, .project-view .project-info-section .section-right h4, .project-view .project-info-section .section-right h5, .project-view .project-info-section .section-right h6 {
  margin: 0;
}

.project-view .project-info-section .section-right .col-lg-6, .project-view .project-info-section .section-right col-md-6 {
  padding-top: 0;
}

.project-view .project-info-section .section-right .col-lg-12, .project-view .project-info-section .section-right col-md-12 {
  padding-top: -5px;
  padding-left: 0;
  padding-right: 0;
  min-height: 62px;
}

.project-view .project-info-section .section-right .details-section {
  width: 30%;
  float: left;
}

.project-view .project-info-section .section-right .status-btn {
  left: 0px;
  position: relative;
  margin-top: -5px;
}

.project-view .project-info-section .section-right .status-btn button {
  padding-bottom: 0;
  padding-top: 0;
  margin-top: -1px;
  height: 30px;
  font-size: 14px;
  width: 115px;
}

.project-view .project-info-section .section-right .status-btn .dropdown-menu {
  min-width: 120px;
}

.project-view .project-info-section .section-right .tools-menu {
  margin-top: 35px;
}

.project-view .project-info-section .section-right .status-message {
  margin-top: 5px;
  min-height: 62px;
}

.project-view .project-info-section .section-right .btn-bedrift {
  width: 120px;
  font-size: 13px;
  margin-top: -5px;
}

.project-view .project-info-section .disabled {
  cursor: not-allowed !important;
  background-color: grey !important;
}

.project-view .project-info-section .internal-project-status-text {
  color: gray !important;
}

.project-view .nav a,
.project-view .nav a:hover,
.project-view .nav a:focus,
.project-view .nav a:active {
  text-decoration: none;
  color: none;
}

.project-view .panel {
  border: none;
  border-top: 1px solid #ddd;
}

.project-view .panel .project-tabs {
  position: relative;
  display: block;
  padding: 10px 15px 20px 0px;
  text-decoration: none;
  margin-bottom: -20px;
  font-size: 15px;
  text-align: center;
}

.project-view .panel .project-tabs a {
  padding-bottom: 30px !important;
  position: relative;
  display: block;
  text-decoration: none;
  height: 30px;
}

.project-view .panel .project-tabs .bottom-active-border {
  border-bottom: 3px solid #527FCF;
}

.project-view .panel .project-tabs .bottom-active-border a {
  font-size: 16px;
}

.project-view .panel .project-tabs a :focus {
  font-weight: 500;
}

.project-view .right-room-panel .table-striped > tbody > tr {
  height: 40px;
}

.project-view .right-room-panel .table-striped > tbody > tr td {
  max-width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.project-view .btn-bedrift {
  margin-top: 0;
}

.project-view .project-header {
  left: 15px;
  position: relative;
}

.project-view .top-grid {
  min-height: 25px;
}

.project-view .top-grid:nth-child(4) {
  border-right: 0;
}

.project-view .top-grid h4 {
  margin: 0;
  font-size: 13px;
}

.project-view .top-grid .top-grid-icon {
  padding: 0;
  border-collapse: collapse;
}

.project-view .top-grid .top-grid-icon img {
  width: 45px;
}

.project-view .top-grid .top-grid-content {
  padding-left: 10px;
}

.project-view .top-grid .top-grid-content p {
  font-size: 12px;
  padding: 0;
  margin: 0;
  font-family: "Museo Sans", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 500;
  color: #666666;
}

.project-view .top-grid .top-grid-content h3 {
  padding: 0;
  margin: 0;
  font-family: "Museo Sans", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 500;
  color: #555555;
}

.project-view .dropdown-menu-right {
  right: 0;
  left: auto;
  min-width: 186px;
}

.project-view ul.tools-menu li a {
  text-align: left;
  cursor: pointer;
}

.project-view .tools-icons {
  font-size: 14px;
  margin-right: 5px;
  text-align: left;
  float: none !important;
  vertical-align: middle;
}

.project-view .bottom-document-panel .search-filter input[type=text] {
  height: 35px;
}

.project-view .bottom-document-panel .document-dropdown-menu {
  right: 0;
  left: auto;
  top: 35px;
  min-width: 186px;
}

.project-view .bottom-document-panel .table > tbody > tr > td {
  padding: 5px;
}

.project-view .bottom-document-panel .document-dropdown-menu {
  right: 0;
  left: auto;
  min-width: 186px;
  top: 35px;
}

.project-view .bottom-document-panel .align-items .file-name-link {
  width: 145px;
}

.project-view .bottom-document-panel .tag-width {
  width: 112px;
}

.project-view .bottom-document-panel .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0px 0;
}

.project-view .bottom-document-panel .docs-table {
  position: relative;
  min-height: 330px;
}

.project-view .bottom-document-panel .min-header-width {
  min-width: 112px;
}

.project-view .bottom-document-panel .table-header-link {
  padding: 5px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.project-view .bottom-document-panel .table {
  margin-bottom: 0;
}

.project-view .bottom-document-panel .doc-row {
  max-height: 50px;
}

.project-view .bottom-document-panel .disabled {
  cursor: not-allowed;
}

.project-view .bottom-document-panel .disabled a {
  cursor: not-allowed;
  pointer-events: none;
  color: grey;
}

.project-view .bottom-document-panel .reverse {
  top: auto;
  bottom: 100%;
}

.project-view .bottom-document-panel .dropdown-menu-right {
  right: 20px;
}

.project-view .bottom-document-panel .dropDownbtn {
  font-size: 24px;
  line-height: 34px;
  padding-left: 5px;
}

.project-view .bottom-document-panel .edit-project-active {
  margin-top: 5px;
}

.project-view .bottom-document-panel .mdi-20 {
  font-size: 19px;
}

.project-view .bottom-document-panel .bottom-options {
  background: #F5F5F5;
  height: 40px;
  vertical-align: middle;
  padding: 6px 10px 10px 4px;
  margin: 0;
  border: 1px solid #ddd;
}

.project-view .bottom-document-panel .bottom-options .col-lg-12, .project-view .bottom-document-panel .bottom-options col-md-12 {
  display: inline;
}

.project-view .bottom-document-panel .bottom-options span {
  padding-left: 4px;
  padding-right: 2px;
}

.project-view .bottom-document-panel .bottom-options span a {
  text-decoration: none;
}

.project-view .bottom-document-panel .bottom-options span .mdi-trash-can {
  margin-left: -6px;
}

.project-view .bottom-document-panel .bottom-options span .mdi-17 {
  font-size: 17px;
}

.project-view .lds-ring {
  display: inline-block;
  position: relative;
  width: 25px;
  height: 25px;
}

.project-view .lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 8px;
  margin-right: 40px;
  border: 3px solid #0275d8;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #0275d8 transparent transparent transparent;
}

.project-view .lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.project-view .lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.project-view .lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.project-view .top-invite-panel .mdi-20 {
  font-size: 15px;
}

.project-plant-view .error-message {
  position: fixed;
  z-index: 1024;
  width: 54%;
  margin-left: 210px;
  top: 70px !important;
}

.select-all-checkbox {
  margin-top: 200px;
  margin-left: 57px;
  position: absolute;
  z-index: 1000;
}

body {
  background-color: #F5F5F5;
}

body.background-white {
  background-color: #ffffff;
}

.empty-state-center {
  text-align: center;
}

.empty-state-illustration {
  display: block;
  margin: 0 auto;
  width: 100px;
}

.empty-state-title {
  font-size: 16px;
  color: #527FCF;
  margin-bottom: 20px;
}

.empty-state-description {
  margin-top: 20px;
  font-size: 14px;
}

.center-layout {
  text-align: center;
}

.center-layout .static-space {
  display: block;
  height: 60px;
}

.center-layout .illustration {
  width: 126px;
  display: block;
  margin: 0 auto;
}

.center-layout .content .title {
  font-size: 33px;
  margin-top: 40px;
}

.center-layout .content .description {
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.center-layout .consent-content {
  width: 655px;
  margin: 0 auto;
  display: block;
  text-align: left;
}

.center-layout .consent-content .checkbox {
  float: left;
  position: relative;
  margin-top: 6px;
}

.center-layout .consent-content label {
  display: block;
}

.center-profile-layout .static-space {
  display: block;
  height: 60px;
}

.center-profile-layout .main-img-preview {
  width: 135px;
}

.center-profile-layout .main-img-preview .actions {
  position: relative;
}

.center-profile-layout .main-img-preview .actions .edit-image-ico {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 50px;
  bottom: 10px;
  right: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  background-image: url("../images/consent-images/ic_edit_24px.png");
  background-position: center;
  background-size: 12px;
  background-repeat: no-repeat;
}

.center-profile-layout .main-img-preview .actions .edit-image-ico:hover {
  background-color: #e6e6e6;
  cursor: pointer;
}

.center-profile-layout .illustration {
  width: 100%;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}

.center-profile-layout .content .title {
  font-size: 20px;
  margin-top: 5px;
  font-weight: 700;
}

.center-profile-layout .content .description {
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.center-profile-layout .consent-content {
  width: 655px;
  margin: 0 auto;
  display: block;
  text-align: left;
}

.center-profile-layout .consent-content .checkbox {
  float: left;
  position: relative;
  margin-top: 6px;
}

.center-profile-layout .consent-content label {
  display: block;
}

.center-profile-layout #profileImageUpload {
  visibility: hidden;
  position: absolute;
}

.center-profile-layout #profileCroppedImage {
  height: 135px;
  width: 135px;
  object-fit: contain;
  cursor: pointer;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #4CAF50;
}

.user-profile-label {
  padding-top: 5px;
  padding-bottom: 8px;
  border: none;
  font-weight: bold;
  margin-left: -14px;
}

.user-profile-label:disabled {
  background-color: white;
}

.text-opscity-fix {
  opacity: 0.7;
}

.text-opscity-fix-bold {
  opacity: 0.3;
}

.profile-label {
  font-size: 14px;
}

.bouton-image:before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: text-top;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
}

.monBouton {
  margin-right: 3px !important;
}

.monBouton:before {
  background-image: url("../images/crown.png");
  background-size: contain;
}

.admin_button {
  background-color: #fff;
  border: 1px solid #c1c1c1;
}

.dropdown-toggle img {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

*:focus {
  outline: none;
}

.login-subheading {
  font-family: "Museo Sans", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 20px;
  font-weight: bold;
  margin: 35% 0 29px;
  color: #7E7E7E;
}

.login-username {
  display: block;
  text-align: center;
  width: 100%;
  height: 52px;
  padding: 6px 12px;
  font-size: 17px;
  margin: 15px 0;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border-bottom: 2px solid #527fcf;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  /*border-radius: 4px;*/
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}

/* Change the white to any color ;) */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  border-bottom: 2px solid gainsboro;
}

.input-validation-error {
  display: block;
  text-align: center;
  width: 100%;
  height: 52px;
  padding: 6px 12px;
  font-size: 14px;
  margin: 15px 0;
  line-height: 1.42857143;
  color: #555;
  background-image: none;
  border: 2px solid #FF0000;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}

.input-validation-error:focus {
  border: 1px solid #ccc;
}

.input-validation-error:active {
  border: 1px solid #ccc;
}

.login-mini-text {
  font-family: "Museo Sans", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 14px;
  font-style: italic;
  margin: 45px 0;
  color: #929292;
}

.login-mini-text:hover {
  text-decoration: underline;
  color: #2c58a3;
}

.login-signin-button {
  background-color: #527fcf;
  border-radius: 6px;
  color: #fff;
  font-weight: 200;
  background: -webkit-linear-gradient(#00aadd, #009ac8) left repeat;
  background: linear-gradient(#00aadd, #009ac8) left repeat;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.login-signin-button:hover {
  background-color: #2c58a3;
  border-radius: 6px;
  color: #fff;
  font-weight: 200;
  background: -webkit-linear-gradient(#00aadd, #009ac8) left repeat;
  background: linear-gradient(#00aadd, #009ac8) left repeat;
  -webkit-transform: translateY(3px);
  -moz-transform: translateY(3px);
  -ms-transform: translateY(3px);
  -o-transform: translateY(3px);
  transform: translateY(3px);
  -webkit-transition-property: -webkit-transform, background;
  -moz-transition-property: -moz-transform, background;
  transition-property: transform, background;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.login-signin-button:active {
  background-color: #2c58a3;
  border-radius: 6px;
}

.login-signin-button:focus {
  outline: none;
  color: #fff;
}

.login-errors ul {
  padding: 0px;
}

.login-errors ul > li {
  color: red;
  text-decoration: none;
  list-style-type: none;
  text-align: center;
}

.section-seperation-top-x2 {
  margin-top: 32px;
}

.image-fluid .placeholder-image {
  background-image: url(../../app/images/image-fluid-placeholder.png);
  background-color: #192033;
  background-repeat: no-repeat;
  height: 100%;
  width: auto;
  background-size: cover;
  background-position: 0;
}

.company-preview-modal .nav-tabs {
  border-bottom: none;
}

.company-preview-modal .nav-pills > li.active > a {
  color: #527fcf;
  background-color: #ffffff;
  border: none;
  border-left: 5px solid #527fcf;
  border-radius: 0;
}

.company-preview-modal .nav > li > a {
  color: #232323;
  border: none;
  border-left: 5px solid #BFBFBF;
  border-radius: 0;
}

.company-preview-modal .nav > li > a:hover {
  text-decoration: none;
  background-color: #ffffff;
  border-radius: 0;
}

.company-preview-modal .nav-stacked > li + li {
  margin-top: 0;
}

.profile-side-bar-width {
  width: 120%;
}

.card {
  padding: 20px;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 3px;
}

.card-title {
  font-weight: 700;
  font-size: 20px;
}

.card-content {
  color: #939393;
  font-weight: 700;
  font-size: 14px;
}

.card-content-small {
  color: #939393;
  font-size: 12px;
}

.profile-pic {
  width: 150px;
  height: 150px;
  border-radius: 3px;
  margin-top: -120px;
  position: relative;
  border: 2px solid #BFBFBF;
  background-repeat: no-repeat;
  background-position: center;
}

.cover-photo {
  width: 100%;
  min-height: 200px;
  overflow: hidden;
  z-index: 1;
  border-radius: 3px 3px 0 0;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #ddd;
}

.transparent-btn, .grey-transparent-btn {
  cursor: pointer;
  color: #ffffff;
  font-size: 14px;
  background-color: rgba(98, 98, 98, 0.5);
  border-radius: 2px;
  position: absolute;
  padding: 5px 8px;
}

.transparent-btn:hover, .grey-transparent-btn:hover {
  color: #ffffff;
  background-color: rgba(98, 98, 98, 0.5);
}

.grey-transparent-btn span {
  position: relative;
  vertical-align: middle;
}

.grey-transparent-btn:hover {
  color: #fff;
  text-decoration: none;
  background-color: rgba(185, 185, 185, 0.5);
}

.main-link-btn {
  font-size: 14px;
  color: #527fcf;
  float: right;
  cursor: pointer;
}

.main-link-btn:hover {
  text-decoration: none;
}

.input-field-controller-with-addon {
  margin-top: 5px;
  width: 80%;
}

.input-field-controller-with-addon.fault,
.input-field-controller-with-addon.fault:focus {
  border: 1px #ff4027 solid;
  border-radius: 4px;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 64, 39, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 64, 39, 0.6);
}

.btn-max-width {
  max-width: 230px;
}

.error-message-position {
  margin-top: 2px;
  display: inline-block;
  overflow: hidden;
}

.input-field-label-read-only {
  color: #787878;
}

.cp-wordwrap {
  word-wrap: break-word;
  width: 100%;
}

.cp-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 80%;
}

/* remove slider value shown after image is loaded for resizing in croppie lib*/
.cr-slider[type="range"]::-ms-tooltip {
  display: none;
}

.cr-boundary {
  width: 100% !important;
  background-color: #5d5d5d !important;
}

.custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}

.image-upload > input {
  display: none;
}

.error-message {
  color: red;
}

.profile-img-thumbnail {
  height: 146px;
  width: 146px;
}

.cover-img-thumbnail {
  width: 100%;
  border: 0;
}

.file-upload {
  position: relative;
  overflow: hidden;
  color: #ffffff;
  background-color: #527fcf;
  border: 1px solid #eeeeee;
  border: 1px solid #ccc;
  cursor: pointer;
  background-color: #ececec;
  color: #6e7277;
  padding-bottom: 10px;
}

.file-upload input.file-input {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0px;
  cursor: pointer;
  opacity: 0;
  bottom: 0;
  filter: alpha(opacity=0);
  color: aliceblue;
  background-color: #f8f8f8;
}

.file-upload.uploaded {
  float: right;
  background-color: #ffffff;
  color: #696969;
  border: 0;
  padding: 10px 15px !important;
  cursor: pointer;
}

.file-upload:hover {
  cursor: pointer;
}

.file-upload span {
  cursor: pointer;
}

.file-upload span:hover {
  color: #527fcf;
}

.file-upload.secondary-upload-button {
  position: relative;
  overflow: hidden;
  color: #fc6765;
  background-color: #ffffff;
  border: 1px dashed #fc6765;
  border-radius: 20px;
  padding: 12px 32px !important;
  margin-top: 15px;
  vertical-align: bottom;
}

.file-upload.secondary-upload-button:hover {
  color: #000000;
  background-color: #2c58a3;
}

.disabled-button {
  background: #bbbbbb;
  background-color: #bbbbbb !important;
  pointer-events: none;
  cursor: not-allowed;
}

.company-profile-upload {
  width: 200px;
  height: 170px;
  background-image: url("../images/company-profile/uploadNewLogo.png");
  background-repeat: no-repeat;
  margin: 0 auto;
  cursor: pointer;
  display: block;
}

.upload-text {
  margin-left: -20px;
}

.company-service-card {
  width: auto !important;
  box-shadow: none !important;
}

.div-disabled {
  pointer-events: none;
  opacity: 0.5;
  background: #ccc;
}

.glyphicon-chevron-right-company-service {
  width: 25px !important;
  height: 25px !important;
  font-size: 25px !important;
  color: #2c2929 !important;
  margin-right: 0px !important;
  right: 0px !important;
}

.glyphicon-chevron-right-company-service-admin-icon {
  right: 20px !important;
}

.glyphicon-chevron-left-company-service {
  color: #2c2929 !important;
  width: 25px !important;
  height: 25px !important;
  font-size: 25px !important;
  position: absolute;
  left: 0px !important;
  margin-left: 0px !important;
}

.carousel-control-company-service {
  background: none !important;
  width: 0% !important;
  margin-left: 0px !important;
}

.option-icons {
  color: gray;
  font-size: 22px;
  position: absolute;
  top: 4%;
  left: 94%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.company-service-icon:hover {
  color: #ff1e1e;
  cursor: pointer;
}

.company-services-input-fields {
  padding-left: 20px;
  padding-right: 20px;
}

.company-services-input {
  width: 100% !important;
}

.glyphicon-chevron-right-company-service:hover {
  cursor: pointer !important;
}

.glyphicon-chevron-left-company-service:hover {
  cursor: pointer !important;
}

.action-company-service {
  margin-right: 0px !important;
  display: flex;
  align-items: center;
}

.carousel-company-service {
  width: 100% !important;
}

.carousel-indicator-company-service li {
  border: 1px solid #606060;
  margin: 0px 0px 0px 5px;
  width: 10px;
  height: 10px;
}

.carousel-indicator-company-service .active {
  border: 1px solid #527fcf;
  background-color: #527fcf;
  margin: 0px 0px 0px 5px;
  width: 10px;
  height: 10px;
}

.company-profile-alert {
  position: fixed;
  top: 40px;
  z-index: 100000;
  padding-left: 15px;
}

.carousel-indicator-company-service {
  bottom: 0px;
}

.company-service-error {
  height: 10px;
}

.placeholder-image-company-service {
  border: 1px solid lightgray;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 0;
}

.company-services-update-btn {
  position: absolute;
  top: 200px;
  right: 65px;
}

.disabled-btn-company-service {
  opacity: 0.5;
  background: #CCC;
  cursor: not-allowed !important;
}

.image-modal-body {
  padding: 0rem 3rem !important;
}

.content-title-margin-bottom {
  margin-bottom: 5px;
}

.company-services-card-label {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
  margin-bottom: 0px;
}

.cp-companysearch-menu {
  width: 100%;
  padding: 0px !important;
}

.cp-companysearch-list-item:hover {
  background-color: #f5f5f5;
}

.company-search-input {
  position: fixed !important;
  width: 80% !important;
  margin-top: -16px !important;
  z-index: 3 !important;
  box-shadow: rgba(0, 0, 0, 0.09) 0px -70px 35px 42px;
}

.company-search-input input {
  height: 40px;
}

.company-search-input .input-group-btn button {
  height: 40px !important;
}

.card-company-profile-banner {
  background: #d7e2f4 0% 0% no-repeat padding-box;
  border: 1px solid #527FCF;
  opacity: 1;
  border-radius: 0px;
}

.franchised-company-information-input {
  background-color: #efefef;
}

.franchised-company-information-input-links {
  background-color: #efefef;
  width: 100%;
}

.company-profile-layer {
  opacity: 0.3;
}

.auditor-search-btn {
  padding: 4px;
  width: 100px !important;
  margin-top: 28px;
}

.padding-b-10 {
  margin-bottom: 7px;
}

.auditor-search-btn-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.insight-status-button {
  width: 100% !important;
  cursor: default !important;
}

.insight-status-button-pending {
  background-color: #48e0e9 !important;
  border-color: #48e0e9 !important;
  width: 100% !important;
  cursor: default !important;
}

.insight-status-button-granted {
  background-color: #25b0b8 !important;
  border-color: #25b0b8 !important;
  width: 100% !important;
  cursor: default !important;
}

.insight-status-button-denied {
  background-color: #8d8d8d !important;
  border-color: #8d8d8d !important;
  width: 100% !important;
  cursor: default !important;
}

.insight-status-button-expired {
  background-color: #555555 !important;
  border-color: #555555 !important;
  width: 100% !important;
  cursor: default !important;
}

.landing-module-box {
  background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 2px solid #e9e9f0;
  border-radius: 12px;
  opacity: 1;
  height: 490px;
  min-height: 75vh;
}

.landing-module-box .header-text {
  min-height: 12vh;
}

.landing-module-box .header-text h1 {
  font-size: 3.9vh;
}

.landing-module-box .image-view {
  min-height: 39vh;
}

.landing-module-box ul {
  list-style: none;
}

.landing-module-box ul li:before {
  content: url("../images/switch-arrow.svg");
  color: #204f53;
  padding-right: 10px;
}

.landing-module-box li {
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-sofia-pro);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(-333333);
  text-align: left;
  /*font: normal normal normal 16px/24px Sofia Pro;*/
  letter-spacing: 0px;
  color: #333333;
  padding-bottom: 5%;
  font-weight: bold;
}

.landing-module-box h1 {
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-43)/var(--unnamed-line-spacing-67) var(--unnamed-font-family-sofia-pro);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(-254e52);
  /*font: normal normal bold 43px/67px;*/
  letter-spacing: 0px;
  color: #254e52;
  font-size: 30px;
  font-weight: bold;
}

.landing-module-box a {
  background: #61aab2 0% 0% no-repeat padding-box;
  border-radius: 30px;
  padding: 13px 20px;
  text-decoration: none;
  color: #ffffff;
  font-size: 1.5vh;
}

.landing-module-box a:hover {
  box-shadow: 0px 0px 0px #000029;
  opacity: 0.9;
}

.landing-module-box.no-license {
  opacity: 0.6;
}

.landing-module-text-container {
  width: 70%;
  margin: auto;
  min-height: 9vh;
}

.landing-module-text-container h4 {
  font-size: 2vh;
}

.delete-project-room {
  color: #99a299;
}

.project_document_modal {
  max-width: 500px;
}

.project-module-devider {
  margin-top: 1rem;
  margin-bottom: 0rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.project-module-label {
  color: #606060;
}

.project-module-select-all {
  color: #61aab2;
}

.project-module-icon-btn {
  padding: 2px;
}

.project-module-icon-btn:focus {
  outline: none;
  box-shadow: none;
  background-color: transparent !important;
}

.project-module-table-header {
  color: #527fcf;
}

.project-module-devider {
  margin: 9px 0 !important;
}

.project-module-panel-default {
  border: 1px solid #ddd;
  margin-bottom: 15px;
  border-radius: 5px;
}

.project-module-panel-default .panel-heading {
  border-bottom: 1px solid #efefef;
  padding: 15px;
  background-color: #fff;
}

.nav.nav-tabs.project-plant-tab li {
  width: 15em;
  text-align: center;
  cursor: pointer;
}

.nav.nav-tabs.project-plant-tab li:nth-child(1) {
  margin-left: 5px !important;
}

.app-switch-project {
  width: 75%;
  background: #61aab2 0% 0% no-repeat padding-box;
  border-radius: 30px;
  padding: 13px 20px;
  text-decoration: none;
  color: #ffffff;
  margin: 0 auto;
  position: absolute;
  bottom: 70px;
  left: 25px;
}

.app-switch-project a {
  background: #61aab2 0% 0% no-repeat padding-box;
  border-radius: 30px;
  padding: 13px 20px;
  text-decoration: none;
  color: #ffffff;
}

.app-switch-project.not-active {
  cursor: not-allowed;
  opacity: 0.6;
}

.app-switch-bedrift {
  width: 75%;
  border-radius: 30px;
  text-decoration: none;
  color: #ffffff;
  margin: 0 auto;
  margin-top: 10px;
  position: absolute;
  bottom: 75px;
  left: 30px;
}

.app-switch-bedrift a {
  background: #61aab2 0% 0% no-repeat padding-box;
  border-radius: 30px;
  padding: 13px 20px;
  text-decoration: none;
  color: #ffffff;
}

.app-switch-bedrift.not-active {
  cursor: not-allowed;
  opacity: 0.4;
}

.disable-boligmappa {
  cursor: not-allowed;
  opacity: 0.6;
}

.search-and-send-min-height {
  min-height: 750px !important;
}

.search-and-send-document-listing-updated-date {
  font-size: 10px;
  margin-top: 5px;
}

.search-and-send-document-listing-filename {
  padding-right: 5px;
}

.search-and-send-document-listing-rooms {
  margin-bottom: 5px;
}

.search-and-send-document-listing-DocumentCopiedPropertyDetails {
  margin-bottom: 10px;
}

.search-and-send-bulilding-tab {
  min-width: 250px;
}

.search-and-send-document-listing-tenant-table {
  height: 100px;
  overflow: auto;
  margin-bottom: 8px;
}

.search-and-send-document-listing-tenant-modal-position {
  margin-top: 130px;
}

.search-and-send-document-listing-tenant-table-one-row {
  height: 50px;
  overflow: auto;
  margin-bottom: 8px;
}

.boligmappa-tenant-table {
  overflow: auto;
}

.license-update-block {
  display: flex;
  margin-top: 20px;
}

.license-update-block .btn-green {
  background: #61aab2 0% 0% no-repeat padding-box;
  border-radius: 30px;
  padding: 13px 20px;
  text-decoration: none;
  color: #ffffff;
}

.license-update-block .middle-text {
  color: #707070;
}

.project-icons {
  font-size: 20px !important;
}

.project-settings-panel .dropdown-menu {
  top: 70%;
  min-width: 80px;
}

.project-settings-panel .dropdown-menu-right {
  right: 20px;
}

.project-settings-panel .drop-down-menu-item {
  font-size: 24px;
  line-height: 34px;
  padding-left: 5px;
}

.project-settings-panel .dropdown-menu > li > a {
  padding: 5px 20px;
}

.project-settings-panel .project-icons {
  line-height: 0.8;
  font-size: 14px !important;
}

.project-settings-panel .tools-icons {
  font-size: 12px;
  margin-right: 8px;
  text-align: left;
  float: none !important;
  vertical-align: middle;
}

.project-settings-panel .delete-project-disable,
.project-settings-panel .delete-project-disable:hover {
  color: #99a299;
  cursor: not-allowed;
}

.project-settings-panel .reverse {
  top: auto;
  bottom: 100%;
}

/* project invite styling */
.invite-read-only-user-modal-dialog {
  max-width: 500px;
}

.invite-read-only-user-modal-body {
  margin-bottom: 6em;
}

.invite-read-only-user-modal-body-infor {
  margin-bottom: 5em;
  margin-left: -15px;
}

.invite-user-consent-wrapper {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 2px solid #e9e9f0;
  border-radius: 12px;
  opacity: 1;
  padding: 50px;
  margin-top: 30px;
}

.invite-user-consent-wrapper h1 {
  text-align: center;
  letter-spacing: 0px;
  font-weight: bolder;
  font-size: 34px;
  color: #254e52;
  opacity: 1;
}

.invite-user-consent-wrapper .separator {
  width: 40px;
  height: 0px;
  border: 1px solid #61aab2;
  opacity: 1;
}

.invite-user-consent-wrapper .info {
  text-align: center;
  font-family: "Museo Sans", "Helvetica", "Roboto", "Arial", sans-serif;
  letter-spacing: 0px;
  color: #333333;
  opacity: 1;
  font-size: 15px;
}

.invite-user-consent-wrapper .consent-box {
  border: 1px solid var(---fc6865);
  border: 1px solid #fc6865;
  border-radius: 20px;
  opacity: 1;
}

.invite-user-consent-wrapper .important-message {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #fc6865;
  border-radius: 12px;
  opacity: 1;
  margin-top: -30px;
  padding: 2px 2px 0px 30px;
  width: 80px;
  color: #fc6865;
  background-image: url(../images/consent-important.svg);
  background-position-x: 10px;
  background-position-y: 1px;
}

.invite-user-consent-wrapper a {
  background: #254e52 0% 0% no-repeat padding-box;
  border-radius: 30px;
  padding: 11px 35px;
  text-decoration: none;
  color: #ffffff;
}

.invite-user-consent-wrapper a:hover {
  background: #254e52 0% 0% no-repeat padding-box;
  opacity: 0.9;
}

.invite-user-consent-wrapper .para-line {
  font-size: 15px;
  margin-left: 20px;
}

.read-only-table-link a {
  color: #436f6f;
  font-size: 13px;
  line-height: 25px;
}

.read-only-table-link .arrow {
  font-size: 20px;
}

.read-only-document-link {
  text-decoration: none !important;
  margin-top: 18px;
}

.read-only-document-back-link {
  text-decoration: none !important;
}

.not-allowed-hand {
  cursor: not-allowed !important;
}

.read-only-search-bar {
  padding-top: 5px !important;
}

.invitees-project-nav-link {
  text-decoration: underline !important;
  color: #337ab7 !important;
}

.project-guide-info {
  background: #333333;
  color: #ffffff;
  text-align: left;
}

.project-guide-info .popover {
  background: #333333 !important;
}

.project-guide-info a {
  color: #ffffff;
}

.guide-icon {
  position: relative;
  top: 11px;
  left: 2px;
  color: #8d8d8d;
  cursor: default !important;
}

.guide-icon-tab {
  position: relative;
  top: 2px;
  left: 2px;
  color: #8d8d8d;
  cursor: default !important;
}

.guide-icon-main-tab {
  position: relative;
  font-size: 13px;
  left: 2px;
  top: 1px;
  color: #8d8d8d;
  cursor: default;
}

.common-b-border {
  border-bottom: 1px lightgray solid !important;
}

.tab-inline-flex {
  display: inline-flex !important;
}

.project-room-des-default-text {
  font-size: 13px;
  font-family: "Museo Sans";
  width: 91%;
}

.project-boligmappa-empty-message {
  margin-top: 92px;
}

.bubble-active {
  background-color: #527fcf;
}

.bubble-inactive {
  background-color: #9e9e9e;
}

.padding-6 {
  padding-right: 10vh;
  padding-left: 10vh;
}