/* New Template */

@layer main, primevue;
@layer main {
.bg-gradient-primary {
  background-color: #135a49;
  background-image: unset;
  background-size: unset;  
}

.navbar-brand {
  height: 4.5em;
}

.iso-fera,
.logo-fera {
  height: 50%;
}

.topbar {
  background-color: rgba(232,173,52,0.9) !important;
  height: 2.375rem;
}

.topbar.navbar-light .navbar-nav .nav-item .nav-link {
  color: #fff;
}

.topbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
  color: cornsilk;
}

.table th, .table td {
  padding: 0.5rem;
  vertical-align: top;
  border-top: 1px solid #e3e6f0;
  font-size: 0.85em;
}

.btn.btn-primary-fera {
  background-color: #135a49;
  border-color: #135a49;
  color: #fff;
}

.page-item.active .page-link {
  background-color: #135a49;
  border-color: #135a49;
}

div.dataTables_wrapper div.dataTables_length select {
  color: rgb(133, 135, 150);
}


/*  */







#page-wrapper {
  min-height: 100vh !important;
}

.navbar-toggle {
  float: left;
  margin-left: 10px;
}

ul#side-menu > li > a > i.fa {
  width: 1.5em;
  text-align: left;
}

.mt-1 {
  margin-top: 1em;
}

.navbar-header {
  display: none;
}

.navbar-inverse {
  background-color: #135a49;
  border-color: #135a49;
}

.navbar-inverse .navbar-brand,
.navbar-top-links>li>a {
  color: whitesmoke;
}
.navbar-top-links>li>a:hover {
  background-color: #0d3e33;
}

button.delete-button {
  cursor: pointer;
  background-color: transparent;
  border: none;
}

form.customer-form,
form.service-form,
form.rate-form,
form.contract-form,
form.real-state-form,
form.bank-form,
form.upload-pdf-form,
form.other-person-form,
form.ba-owners-form  {
  padding: 0 15px 15px !important;
  width: 100%;
}

.custom-form-check-label {
  text-align: center;
  margin-bottom: 0.5rem;
}

.custom-form-control {
  margin: 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

a.detail-icon{
  color: #337ab7 !important;
}

#addRow {
  margin: 10px 0;
}

.service-name {
  font-size: 1em;
}

#services-table>tbody>tr>td {
  border-top: none;
  border-bottom: 1px solid #ddd !important;
}

.service-checkbox {
  margin: 0;
  height: 2em;
}


/* @media(min-width:768px) {
  .navbar-header {
    display: block;
  }
} */

.pac-container {
    z-index: 99999 !important;
}

.REBSelected {
  box-shadow: 0 0 1px rgba(0,0,0,0),0 0 5px rgb(27, 104, 50);
}

.contract-renewal-button,
.upload-pdf-button,
.customer-edit-button,
.customer-delete-button,
.contract-edit-button,
.contract-delete-button {
  margin-right: 0.25em;
}

.xs-label {
  font-size: 82% !important;
  white-space: nowrap !important;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] { -moz-appearance:textfield; }

.has-feedback .form-control,
.has-feedback .form-select {
  padding-right: 0 !important;
  border-color: red;
}

.panel-yellow a {
  text-decoration: none;
}

.border-orange {
  border-color: #f0ad4e !important;
}

/* .bg-orange {
  background-color: #f0ad4e;
} */

a:hover {
  text-decoration: none;
}

#sidebarCollapse {
  width: 3em;
  margin-left: 6.7em;
  background-color: #0d3e33;
  border-color: #0d3e33;
  color: #FFF;
  margin-top: 0.35em;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: block;
  }
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
  display: flex;
  width: 100%;
  align-items: stretch;
}

#sidebar {
  min-width: 250px;
  max-width: 250px;
  transition: all 0.35s;
  height: 100vh;
}

#sidebar.active {
  margin-left: -250px;
}

.page-active {
  margin-left: 0 !important;
}

.sidebar ul li a {
  padding: 1.25em;
}

ul#side-menu > li > a > i.fa {
  font-size: 1.25em;
}

input[name="area-code"] {
  border: 2px solid orange;
  border-radius: 10px 10px 10px 10px;
  font-size: 18px;
  padding: 5px;
  height: 35px;
  width: 350px;
}

datalist {
  position: absolute;
  background-color: rgb(133	133	133);
  border: 1px solid dimgray;
  border-radius: 5px;
  z-index: 1;
}

option {
  background-color: rgb(133	133	135);
  padding: 1px 30px 1px 30px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  width: 100%;
}

#area_code_text option:hover {
  background-color: rgb(75 156 252);
}

.hovered {
  background-color: rgb(75 156 252);
}

.checked::before {
  position: absolute;
  left: 10px;
  content: "\2713";
}

.pre-scrollable{
  max-height: 530px !important;
}

.noClick {
   pointer-events: none;
}

.delete-word {
  cursor: pointer;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
}

ul.nav-tabs li a {
  color: #000 !important;
}

ul.nav-tabs li.active a {
  background-color: #f0ad4e !important;
  border-color: #f0ad4e !important;
  color: #fff !important;
}

.nav-tabs>li>a {
  border-radius: 0;
}

#contract-list_filter {
  margin: 1.5em 0 0 0;
}

#contract-list_filter > label {
  text-align: end;
  width: 30%;
}

#contract-list_filter input[type="search"].form-control {
  width: 98%;
}

#contract-list_length > label {
  display: flex;
  align-items: center;
}

#contract-list_length > label > select{
  width: auto;
}

#filter-contracts-div {
  display: inline-flex;
  justify-content: flex-end;
}

#select-status {
  display: inline-block;
  margin-top: 0.25em;
  width: 30%;
}

.contract-select-text {
  display: inline-block;
  margin: 0.5em 0.75em 0.5em 0;
}

.fa.fa-paperclip.contract-paperclip-icon {
  color: gray;
}

.fa.fa-dollar-sign.contract-dollar-sign-icon {
  color: #83B466;
}

.remove-phone-button {
  display: flex;
  flex-direction: column;
  align-items: self-end;
}

#serviceLabels {
  display: none;
}

.nav-link {
  border-color: orange !important;
}

.invalid-feedback {
  display: block !important;
}

a.navbar-brand.in.iso,
a.navbar-brand.in.logo {
  width: 100%;
  display: flex;
  align-items: center;
}

a.navbar-brand.in.iso {
  justify-content: center;
}

a.navbar-brand.in.logo {
  justify-content: flex-start;
  margin-left: 1rem;
}

.pi-form {
  padding: 0 !important;
}

.btn.btn-outline-danger.float-right {
  width: 40px;
  margin-right: 4px;
}

.col-15 {
  width: 13.7% !important;
  margin-bottom: 0 !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
  #sidebar {
    margin-left: -250px;
  }
  #sidebar.active {
    margin-left: 0;
  }
  #sidebarCollapse span {
    display: none;
  }
}

.container-fluid {
	padding: 0.5rem 1.5rem !important;
}

/* ---------------------------------------------------
    LOADING MODAL
----------------------------------------------------- */
.modal-loading {
    display:    none;
    position:   fixed;
    z-index:    99999999 !important;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('https://i.imgur.com/GmeHbqQ.gif') 
                50% 50% 
                no-repeat;
  }

  body.loading .modal-loading {
      overflow: hidden;   
  }

  body.loading .modal-loading {
      display: block;
  }
  [x-cloak] { display: none !important; }
}