/*
 *   Copyright (c) 2022 Copyright (c) Ceydigital Solutions (PVT) Ltd. All rights reserved.
 *   All rights reserved.
 */
html,
body {
  margin: 0px;
  height: 100%;
  overflow: hidden;
}

.map {
  background: rgb(192, 192, 192);
  height: 100vh;
}

.ol-control-new button i {
  font-size: small;
}

.point-tool {
  top: calc((45px * 2) + 81px);
  right: 0.5em;
}

.line-tool {
  top: calc((45px * 2) + 114px);
  right: 0.5em;
}

.polygon-tool {
  top: calc((45px * 2) + 147px);
  right: 0.5em;
}

.edit-tool {
  top: calc((30px * 6) + 107px);
  right: 0.5em;
}

.ba-tool {
  top: calc((30px * 6) + 52px);
  right: 0.5em;
}

.split-tool {
  top: calc((30px * 6) + 141px);
  right: 0.5em;
}

.merge-tool {
  top: calc((30px * 6) + 175px);
  right: 0.5em;
}

.delete-tool {
  top: calc((30px * 6) + 209px);
  right: 0.5em;
}

/* .snap-tool{
  top: calc((30px * 6) + 148px );
  right: 0.5em;

} */

.tooltip-inner {
  white-space: nowrap;
}

#header nav img.logo,
#header .nav img.logo {
  max-height: 1.7em;
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 30px;
}

#header nav .search-bar input.tt-input,
#header .nav .search-bar input.tt-input {
  border-width: 0;
  border-radius: 4px;
  border-bottom: 1px solid #005f86;
  padding-bottom: 0;
}

#full_container .map-position {
  height: 2rem;
  display: flex;
  align-items: center;
  background-color: #759cba;
  border-bottom: 1px solid #dbe2e9;
  padding: 0 10px;
  color: #dbe2e9;
  font-size: 1.1em;
  text-transform: uppercase;
  font-family: "JetBrains Mono", monospace;
}

#full_container .col-sm-1 {
  background-color: #005f86;
}

/* ****** */

body {
  font-family: "Public Sans", sans-serif;
}

.sidebar-col {
  width: 200px;
  height: 100vh;
  background-color: #005f86 !important;
  position: fixed;
  padding-left: 0px !important;
  padding-right: 0px !important;
  /* z-index: 999; */
}

.search-input {
  border-top: none;
  border-bottom: 1px solid grey;
  border-left: none;
  border-right: none;
  background-color: transparent;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-right: 0px !important;
}

.search-input:focus {
  color: #212529;
  background-color: rgba(255, 255, 255, 0.514);
  border-top: none;
  border-bottom: 1px solid black;
  border-left: none;
  border-right: none;
  outline: 0;
  box-shadow: none;
}

a.navbar-brand img.logo-img {
  max-width: 100%;
}

.sidebar-col span.sidebar-title {
  font-size: 20px !important;
  letter-spacing: 0.055rem;
  text-align: center;
}

.sidebar-col hr {
  margin-top: 5px;
  margin-bottom: 5px;
}

.breadcrumb {
  margin-bottom: 0px !important;
  background: transparent;
  border-radius: 4px;
}

li button {
  letter-spacing: 00.035rem;
  font-weight: 550;
  width: 100%;
  text-align: left;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

li button:hover {
  background-color: #3d7cca61 !important;
}

li button i.sidebar-li-icon {
  margin-right: 15px;
  width: 7%;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: #3d7cca;
  border-radius: 4px;
  border: none;
}

.sidebar-ul li {
  margin-top: 0px;
  border-bottom: 2px solid #5c88a3;
}

a.navbar-brand {
  width: 150px;
}

.breadcrumb li {
  text-transform: uppercase;
}

.breadcrumb li a {
  color: #dbe2e9;
  text-decoration: none;
  font-size: 1.1em;
  text-transform: uppercase;
  font-family: "JetBrains Mono", monospace;
}

.breadcrumb li.active a {
  color: #daff0a;
  font-weight: 600;
}

.breadcrumb-item+.breadcrumb-item::before {
  color: #dbe2e9;
  font-weight: 450;
  font-size: 20px;
  margin-top: -2px;
  content: ">" !important;
}

.current-location-main-txt {
  margin-right: 10px;
  color: #dbe2e9;
  font-size: 1.1em;
  text-transform: uppercase;
  font-family: "JetBrains Mono", monospace;
}

.signin-btn {
  padding-right: 20px;
  font-weight: 500;
}

.signin-modal-footer {
  display: block;
  border-top: none;
  text-align: center;
}

.signin-modal-footer button {
  width: 100%;
}

.signin-modal-content {
  width: 65%;
  margin-left: auto;
  margin-right: auto;
}

.signin-modal-content .modal-body {
  padding-bottom: 0px;
}

a.modal-links {
  color: #5056559d;
  font-size: 13px;
  letter-spacing: 00.035rem;
  font-weight: 550;
  text-decoration: none;
}

.signin-modal-footer a {
  font-size: 15px;
  color: #006086d2;
  text-decoration: underline;
}

.btn {
  background-color: #005f86;
  color: white;
  border: none;
  border-radius: 4px;
}

.btn:hover {
  background-color: #004561;
  color: white;
}

.btn:focus {
  box-shadow: 0 0 0 0.25rem #0045612b;
  background-color: #004561;
}

.signup-modal-btn {
  padding-top: 10px;
  padding-bottom: 15px;
}

.form-control.modal-form-control {
  border: 1px solid #001a243d;
  font-size: 14px;
  border-radius: 4px;
}

.search-form {
  margin-right: 2vw;
  width: 20vw;
}

.btn-icon {
  margin-right: 10px;
}

.top-right {
  margin-left: auto;
}

.top-right .search-btn {
  padding-right: 20px;
}

h5.search-form-label,
h5.label {
  font-size: 15px;
  font-weight: 450;
  letter-spacing: 0.035rem;
}

h5.label {
  letter-spacing: 0rem;
  margin-bottom: 0px !important;
}

.search-form-label-col,
.form-label-col {
  display: flex;
  align-items: center;
  padding-left: 20px;
}

.form-label-col {
  padding-left: 10px;
  padding-right: 0px;
  align-items: flex-start;
}

.search-form-input,
.form-input {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #8080805c;
  border-radius: 4px;
  font-size: 14px;
  letter-spacing: 00.035rem;
  font-weight: 550;
}

.search-form-input:focus,
.form-input:focus {
  box-shadow: none;
  font-weight: 450;
}

.search-modal-footer {
  border-top: none;
  padding-top: 0px;
}

.search-modal-footer button {
  width: 100%;
}

.sidebar-details-col {
  padding-left: 0px !important;
  width: 25vw;
  background-color: white !important;
  height: 100vh;
  overflow-y: hidden;
  position: absolute;
  top: 0;
  padding-top: 5px !important;
  padding-right: 0px !important;
  border-right: 1px solid rgba(128, 128, 128, 0.137);
  z-index: 888;
  transition: width 0.3s;
}

.sidebar-det-list-sec {
  overflow-y: auto;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 100px;
  padding-right: 20px;
}

.sidebar-det-top-sec {
  position: relative;
  width: 100%;
  display: flex;
  background-color: white;
  vertical-align: middle;
  align-items: center;
  padding-left: 20px;
  border-bottom: 1px solid rgba(128, 128, 128, 0.137);
}



.btn-sidebar-det-close {
  position: absolute;
  top: -40px;
  right: 10px;
  background-color: transparent;
  color: #00695e;
  font-size: 20px;
  padding: 0px;
  border-radius: 100px;
}

.btn-sidebar-det-close:hover,
.btn-sidebar-det-close:focus {
  background-color: transparent;
  color: #252525;
  box-shadow: 0 0 0 0 transparent;
}

.sidebar-det-list-sec::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px white;
  border-radius: 10px;
  background-color: #f5f5f5;
}

.sidebar-det-list-sec::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}

.sidebar-det-list-sec::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 3px white;
  background-color: #cecece;
}

.boundary-text {
  padding-left: 20px;
}

.boundary-title {
  font-size: 24px;
  font-weight: 700;
  color: #1b365d;
  margin-top: 5px;
  margin-bottom: 10px;
  letter-spacing: 00.055rem;
}

.boundary-text {
  font-size: 17px;
  font-weight: 400;
  color: #1b365d;
  margin-top: 10px;
  letter-spacing: 00.035rem;
}

.top-img-sec {
  overflow: hidden;
  height: 250px;
}

.parcel-info-sec {
  padding-top: 10px;
}

ul.details-list {
  list-style: none;
  padding-left: 0px;
}

ul.details-list li {
  font-size: 17px;
  font-weight: 600;
  color: #1b365d;
  letter-spacing: 00.025rem;
  padding-top: 7px;
}

.hide {
  width: 0vw;
  transition: all 0.3s;
}

.map-section {
  /* width: 90vw; */
  background-color: rgb(192, 192, 192) !important;
  position: relative;
  margin-left: 200px;
  height: calc(100vh - 90px);
  border: none !important;
  box-shadow: none;
}

.breadcrumb-section {
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #759cba;
  border-bottom: 2px solid #5c88a3;
}

.breadcrumb-section nav {
  background-color: transparent;
}

.social-share-btn a {
  width: 100%;
  background-color: transparent;
  color: #005f86;
  border: 1px solid #005f86;
  border-radius: 4px;
}

.share-icons {
  margin-right: 0px !important;
  font-size: 18px;
}

.sign-up-form form .row .col-md-5,
.sign-up-form form .row .col-md-9 {
  margin-top: 20px;
}

.sign-up-form form .row .col-md-5 {
  display: flex;
  align-items: center;
}

.sign-up-form form .row .col-md-5 h5 {
  font-size: 15px;
  letter-spacing: 00.015rem;
}

.sign-up-form form .row .col-md-7 input,
.sign-up-form form .row .col-md-7 .form-select {
  font-size: 15px;
  font-weight: 550;
  letter-spacing: 000.025rem;
  border-radius: 4px;
  border: 1px solid #ececec;
}

#address-input {
  width: 100%;
  height: 40px;
  border-color: #ced4da;
}

.sign-up-form-col {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
}

.sign-up-form {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 4px;
  border: 1px solid #ececec;
  background-color: white;
  margin-top: 50px;
  margin-bottom: 50px;
}

.signup-submit-btn {
  float: right;
  border: 1px solid white;
  border-radius: 4px;
}

.sign-up-form h2 {
  border-bottom: 1px solid #759cba3b;
}

.hide-section {
  display: none;
}

textarea {
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

textarea:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe !important;
  border-radius: 4px;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.form-row {
  padding-bottom: 20px;
  padding-top: 20px;
  border-bottom: 1px solid #e7e7e7;
}

.form-row:first-child {
  padding-top: 0px;
}

.form-check .form-check-input {
  border-radius: 4px;
  width: 15px;
  height: 15px;
}

.radio-check {
  border-radius: 50% !important;
  width: 16px !important;
  height: 16px !important;
}

.save-sec-form-check label {
  font-size: 15px;
  font-weight: 450;
}

.form-col select {
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #8080805c;
}

.nav-link.active:hover {
  background-color: #3d7cca !important;
}

.overview-ul {
  padding-left: 0px;
  list-style: none;
}

.overview-ul li {
  margin-top: 10px;
  margin-bottom: 10px;
}

.overview-ul li .row {
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 5px;
}

.overview-ul li .row .col-md-4 {
  padding-left: 0px;
  padding-right: 0px;
  width: 40%;
}

.overview-ul li .row .col-md-4 span {
  font-size: 15px;
  font-weight: 550;
  letter-spacing: 00.015rem;
}

.overview-ul li .row .col-md-8 {
  display: flex;
  align-items: flex-end;
  padding-right: 0px;
  width: 60%;
}

.overview-ul li .row .col-md-8 input {
  width: 100%;
  border: 1px solid #ced4da;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  font-size: 0.875rem;
  padding-left: 0.5rem;
}

.overview-ul li .row .col-md-8 label {
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  font-size: 0.875rem;
}

.overview-ul li .row .col-md-8 input.form-check-input {
  width: 15px;
}

h4.dashboard-h4 {
  font-size: 20px;
  font-weight: 750;
  letter-spacing: 00.055rem;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: dotted;
  display: flex;
  align-items: center;
}

h4.dashboard-h4 i {
  font-size: 10px;
  margin-right: 5px;
  color: #0a0c0e;
}

h3.dashboard-h3 {
  font-size: 17px;
  font-weight: 550;
  letter-spacing: 00.015rem;
  margin-bottom: 0px;
}

.accordion {
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid rgba(136, 136, 136, 0.22);
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 15px;
}

.accordion-button {
  padding: 5px;
}

.accordion-button:not(.collapsed) {
  color: #383a3b;
  background-color: transparent;
  box-shadow: none;
}

.accordion-body {
  /* background-color: #f9f9f981 !important; */
  background-color: #fff !important;
  border-radius: 4px;
}

.accordion-button:not(.collapsed) h3.dashboard-h3 {
  color: #005f86;
  text-decoration: underline;
}

.accordion-button:not(.collapsed)::after {
  transform: rotate(-180deg);
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion-body {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.dashboard-details-sec {
  border-bottom: 1px solid #6d6d6d60;
  margin-bottom: 20px;
}

span.attr {
  text-transform: capitalize;
}

span.val {
  font-size: 15px;
}

.dashboard-form-submit-btn {
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: auto;
}

#signup-body {
  background: radial-gradient(circle,
      rgba(255, 255, 255, 1) 0%,
      rgba(0, 95, 134, 1) 100%);
}

.signup-body {
  /* background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(0,95,134,1) 100%); */
  /* height: 100vh; */
  display: flex;
  align-items: center;
}

.btn-save {
  float: right;
  margin-top: 20px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  border-radius: 4px;
}

.prcl-sec-download-btn-sec {
  padding-top: 15px;
}

.prcl-sec-download-btn-sec button {
  float: right;
  margin-top: 20px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  border-radius: 4px;
}

.prcl-sec-download-modal .modal-header {
  border-bottom: none !important;
  padding: 0px !important;
}

.prcl-sec-download-modal .modal-header .btn-close {
  margin-right: 5px;
  margin-top: 5px;
}

.prcl-sec-download-modal .form-check-input {
  float: right;
}

.prcl-sec-download-modal .form-check {
  padding-left: 0px;
  padding-bottom: 10px;
}

.prcl-sec-download-modal .modal-dialog {
  max-width: 25%;
}

.prcl-sec-download-modal .modal-body {
  padding-bottom: 50px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
}

.prcl-sec-download-modal .print-btn-sec button {
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
}

.prcl-sec-download-modal form {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 20px;
}

.prcl-sec-download-modal .form-check-inline {
  width: 25%;
  margin-right: 0px;
}

.prcl-sec-download-modal .form-check-inline .form-check-input {
  float: inherit;
  border-radius: 100px;
  margin-left: 0px;
}

.prcl-sec-download-modal .form-check-inline .form-check-label {
  padding-left: 5px;
}

.prcl-sec-download-modal .download-btn-sec button {
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
}

.prcl-modal-form-2 {
  margin-top: 20px;
  text-align: center;
}

.map-toolbar-sec {
  position: absolute;
  right: 0;
  margin-right: 60px;
  margin-top: 10px;
  z-index: 9;
  transition: all 0.2s;
}

.map-toolbar-sec button {
  display: inline-flex;
  font-size: 14px;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 3px 4px 2px 0px rgb(78 76 76 / 40%);
  background-color: #6690b9;
  font-weight: 500;
  border-radius: 4px;
  margin-right: 0px;
  border: none;
  align-items: center;
}

.map-toolbar-sec button i {
  margin-right: 10px;
}

.ol-control {
  z-index: 1;
}

.go-right {
  margin-left: 25vw;
  transition: all 0.1s;
}

.go-right-toolbar {
  margin-left: 27vw;
  transition: all 0.1s;
}

.ol-overlaycontainer-stopevent {
  z-index: 999;
}

.dropdown-toggle::after {
  margin-left: 10px;
}

.dropdown-menu {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  width: 25vw;
  background: #005f86;
  padding-bottom: 15px;
  border-radius: 4px;
}

.dropdown-menu.show {
  display: inline-flex;
}

.dropdown-menu button {
  width: 100%;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  justify-content: center;
}

#button_point i,
#button_line i,
#button_polygon i,
#button_start_edit i,
#button_start_delete i {
  font-size: 12px;
}

.dropdown-menu button.mcs-accordion-btn {
  width: 100%;
  margin: 0px;
  padding: 8px 20px;
  font-size: 16px;
}

.map-toolbar-sec button.mcs-accordion-btn.collapsed {
  background-color: transparent;
  color: #383a3b;
}

.map-toolbar-sec button.mcs-accordion-btn {
  background-color: #759cba;
  color: white;
}

.map-toolbar-sec button.mcs-accordion-btn.collapsed::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23383A3B'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.map-toolbar-sec button.mcs-accordion-btn::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.mcs-dropdown-menu {
  width: 100%;
}

.mcs-dropdown-menu.show {
  display: block;
}

.mcs-dropdown-menu .accordion {
  margin-top: 0px;
}

.mcs-dropdown-menu .accordion {
  padding: 0px;
}

.map-toolbar-sec .mcs-district-accordion-body .btn-group.dropend {
  width: 100%;
}

.map-toolbar-sec .mcs-district-accordion-body {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.map-toolbar-sec .mcs-district-accordion-body button {
  background-color: transparent;
  border-radius: 4px;
  color: black;
  padding: 0px;
  margin: 0px;
  width: 100%;
  text-align: left;
  justify-content: flex-start;
}

.mcs-dropdown-menu {
  padding: 0px;
}

.map-toolbar-sec .mcs-district-accordion-body .block-list.show {
  display: block;
  width: 100%;
}

.map-toolbar-sec .mcs-district-accordion-body button.dropdown-toggle::after {
  position: absolute;
  right: 0;
}

.mc-selector-main {
  display: inline-flex;
}

.menu-fixed {
  background-color: white;
  width: 250px;
  margin-left: 2px;
  height: 100%;
  max-height: 60vh;
  overflow-y: scroll;
  padding: 2px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, .15);
}

.layers-selector-dropdown {
  height: 70vh;
  overflow-y: scroll;
}

.mc-selector-main ul {
  padding-left: 0px;
}

li.btn-district-btn {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.65);
  text-align: left;
  font-size: 14px;
  border-radius: 0px !important;
}

.menu-fixed li.btn {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.85);
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  border-radius: 0px !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

li.btn-district-btn i,
.menu-fixed li.btn i {
  float: right;
  margin-top: 5px;
}

.mc-selector-main .accordion {
  width: 220px;
  border: none;
  height: 100%;
  background-color: white;
  border-radius: 4px;
  padding: 2px;
  border: 1px solid rgba(0, 0, 0, .15);
}

.menu-fixed::-webkit-scrollbar-track,
.layers-selector-dropdown::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px white;
  border-radius: 10px;
  background-color: #f5f5f5;
}

.menu-fixed::-webkit-scrollbar,
.layers-selector-dropdown::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}

.menu-fixed::-webkit-scrollbar-thumb,
.layers-selector-dropdown::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 3px white;
  background-color: #cecece;
}

li.btn-district-btn.active,
.menu-fixed li.btn.active {
  color: white;
  background-color: #005f86 !important;
}

li.btn-district-btn:hover,
.menu-fixed li.btn:hover {
  background-color: #004561;
  color: white;
}

.tool-btn.show {
  background-color: #004561;
}

.dropdown-menu-block.show {
  display: block;
}

h2.accordion-header {
  line-height: 0px;
  margin: 0px !important;
}

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

.label-left {
  padding-left: 0px;
}

.label-left .form-check-input {
  float: right;
}

.options-section .accordion {
  padding: 0px;
}

.options-section .accordion-button {
  margin: 0px;
  background-color: white;
}

.dropdown-menu button.mcs-accordion-btn:focus,
.options-section .accordion-button:focus {
  border-top: none;
  border-left: none;
  border-right: none;
}

.dropdown-menu button.mcs-accordion-btn {
  border-bottom: 1px solid #005f86;
  font-size: 14px;
  text-align: left;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 7px;
  padding-bottom: 7px;
  box-shadow: none;
  font-weight: 500;
  border: none;
}

.dropdown-menu button.mcs-accordion-btn:hover {
  background-color: #005f86;
  color: white;
}

.dropdown-menu button.mcs-accordion-btn.accordion-button::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23383A3B'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.dropdown-menu button.mcs-accordion-btn.accordion-button:hover:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.dropdown-menu button.mcs-accordion-btn.collapsed {
  border-bottom: none;
}

.layers-selector-dropdown {
  width: 350px;
}

.mcs-dropdown-menu {
  background-color: transparent;
  border: none;
}

.options-section h3.dashboard-h3 {
  font-size: 15px;
}

.sidebar-accordion .accordion-item {
  background-color: #005f86;
  border: none !important;
}

.sidebar-accordion .accordion-item .accordion-button {
  color: white;
  background-color: #005f86 !important;
  padding: 0.2rem 1rem !important;
}

.sidebar-accordion .accordion-item .accordion-button i {
  margin-right: 15px;
}

.sidebar-accordion .accordion-item .accordion-body {
  background-color: #005f86 !important;
}

.sidebar-accordion {
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
}

.sidebar-accordion .accordion-button::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.sidebar-accordion .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.custom-col-8 {
  display: flex;
  align-items: flex-end;
}

.template-prev {
  width: 100px;
  height: 150px;
  border: 1px solid #005f86;
  border-radius: 4px;
}

.custom-file-input {
  cursor: pointer;
  opacity: 0;
  z-index: 100;
  width: 25%;
  height: 1px !important;
  display: none;
}

/* #slider{
  background: #111;
  outline: none;
  overflow-y: hidden;
  height: 15px;
}
#slider::-webkit-slider-thumb{
  height: 15px;
  background: #005f86;
  box-shadow: -407px 0 0 400px #004561;
} */

.custom-file-label {
  cursor: pointer;
  width: 100%;
  border: 1px solid #8080805c;
  color: #212529;
  background-color: #fff;
  border-radius: 4px;
  padding: 0.375rem 0.75rem;
  text-align: center;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.custom-file-label:hover {
  background-color: #004561;
  color: white;
}

.btn-border-only {
  width: 100%;
  border: 1px solid #8080805c;
  color: #212529;
  background-color: #fff;
  border-radius: 4px;
}

.dropdown-menu-block {
  background: white;
}

.zoom-level-dropdown.show {
  width: 18vw;
  display: grid;
}

.progress input {
  width: 100%;
}

.layer-selector-zoom {
  background-color: #b5e6ff45;
  border-radius: 4px;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 3%;
  padding-bottom: 3%;
}

.progress-bar {
  background-color: #005f86;
}

.progress {
  border-radius: 4px;
  margin-bottom: 5px;
}

.accordion-small button {
  font-size: 14px;
  letter-spacing: 00.035rem;
  font-weight: 500;
  padding-top: 10px;
  padding-bottom: 12px;
}

.accordion-small button::after {
  /* background-image: none;
  content: '\f078';
  font-family: 'FontAwesome';
  width: auto;
  height: auto; */
  width: 0.75rem;
  height: 0.75rem;
  background-size: 0.75rem;
}

.hidden-check-sec {
  padding: 5px;
  border-left: 1px solid rgba(0, 0, 0, 0.25);
  border-right: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  border-top: none;
}

.hidden-check-sec.hide {
  display: none;
}

.acc-h6 {
  font-size: 14px;
  padding-left: 5px;
  display: none;
}

.hidden-check-sec .accordion {
  border: none;
  padding: 0px;
}

.hidden-check-sec .accordion .accordion-item {
  padding-left: 10px;
  padding-right: 5px;
}

.hidden-check-sec .accordion .accordion-body {
  padding-top: 5px;
  padding-bottom: 5px;
}

.hidden-check-sec .accordion .form-check-label {
  font-size: 13.5px;
  margin-left: -5px;
}

.hidden-check-sec .accordion .form-check-input {
  width: 13px;
  height: 13px;
}

.selector-custom-head {
  background-color: #e9e9e92e;
  color: black;
  font-size: 15px;
}

.col-6-custom-sidebar {
  padding-right: 5px;
}

.col-6-custom-sidebar label {
  font-size: 15px;
}

.val-new {
  width: 100%;
  border: 1px solid #ced4da;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  font-size: 0.875rem;
  padding-left: 0.5rem;
  padding-top: 5px;
  padding-bottom: 5px;
}

.custom-p-4 {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
  padding-right: 15px;
}

.border-only-blue {
  border: none;
  color: #005f86;
  background: transparent;
  padding: 2px 5px;
  font-size: 14px;
}

.border-only-blue:focus {
  background: #005f86;
  color: white;
}

.show-form-btn {
  color: #28a745;
}

.show-form-btn:focus,
.show-form-btn:hover {
  background: #28a745;
  color: white;
}

.border-only-red {
  border: none;
  color: red;
  background: transparent;
  padding: 2px 5px;
  font-size: 14px;
}

.border-only-red:hover {
  background: red;
}

.border-only-red:focus {
  background: red;
  color: white;
}

.table> :not(caption)>*>* {
  padding-top: 15px;
  padding-bottom: 15px;
  border-color: #86868634;
  vertical-align: middle;
}

.table {
  margin-top: 20px;
  margin-bottom: 50px;
  border-left: 1px solid #86868634;
  border-right: 1px solid #86868634;
}

h4.permissions-h4 {
  margin-top: 10px;
}

th {
  font-weight: 550;
  text-align: center;
  background-color: #005f866e !important;
  color: white;
}

td {
  text-align: center;
  color: darkslategrey;
}

#rights-modal h3 {
  font-size: 17px;
  text-decoration: underline;
  font-weight: 700;
}

#rights-modal .form-check-label {
  font-size: 15px;
}

#rights-modal .col-md-12.mb-3 {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 10px !important;
  border-bottom: 1px solid rgb(213 209 209 / 25%);
}

#rights-modal .col-md-12.mb-3 .row {
  padding-left: 50px;
  padding-right: 50px;
}

#rights-modal .modal-header {
  border-bottom: none;
  height: 5px;
  padding: 10px;
}

#rights-modal .modal-footer {
  border-top: none;
}

#rights-modal .form-check {
  margin-top: 15px;
}

.template-prev {
  margin-left: auto;
  margin-right: auto;
}

.template-selector-sec {
  text-align: center;
}

.print-template {
  cursor: pointer;
}

.asp-btn {
  margin-left: 20px;
}

.table-w-15 {
  width: 15%;
}

.table-w-20 {
  width: 20%;
}

.table-w-25 {
  width: 25%;
}

.form-check-input:checked {
  background-color: #005f86;
  border-color: #005f86;
}

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

.import-section .custom-col-4 {
  width: 40%;
}

.import-section .custom-col-8 {
  width: 60%;
  display: grid;
}

.file-list {
  list-style: none;
  padding-left: 0px;
}

.file-list li {
  font-size: 13px;
  padding-top: 2px;
}

.layer-options-accordion .accordion-body {
  padding-bottom: 0px;
}

.layer-options-accordion .dashboard-details-sec {
  margin-bottom: 0px;
  border-bottom: none;
}

.layer-options-accordion .accordion-button {
  background-color: #005f86;
}

.layer-options-accordion .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.layer-options-accordion .accordion-button h3.dashboard-h3 {
  color: white;
}

.layer-options-accordion .accordion-button.collapsed {
  background-color: white;
}

.layer-options-accordion .accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.layer-options-accordion .accordion-item .accordion-header {
  border: 1px solid #005f86;
}

.layer-options-accordion .accordion-button.collapsed h3.dashboard-h3 {
  color: black;
}

.application-details {
  display: grid;
}

.application-details .row {
  display: inline-flex;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #00304311;
}

.application-details .row .attr {
  display: inline-flex;
  width: 30%;
  font-weight: 600;
  align-items: center;
}

.application-details .row .val {
  width: 65%;
  font-size: 15px;
}

.application-details .row .val::before {
  content: ":";
  margin-right: 10px;
}

.application-details .row .download-btn {
  border: none;
  border-radius: 4px;
  background-color: transparent;
  color: #004561;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 0px;
  font-size: 15px;
}

#show-form-modal .rights-close-btn {
  margin-top: -20px !important;
}

#show-form-modal .modal-header {
  border: none;
}

#show-form-modal .modal-footer {
  border: none;
}

#show-form-modal h3 {
  font-size: 22px;
}

.sidebar-details-col.col-pt-30 {
  padding-top: 30px !important;
}

.col-pt-30 .btn-sidebar-det-close {
  top: -30px;
}

@media (max-width: 1440px) {
  .sidebar-details-col {
    width: 30vw;
  }

  h4.dashboard-h4 {
    font-size: 18px;
  }

  .overview-ul li .row .col-md-4 span,
  span.val {
    font-size: 14px;
  }

  .hide {
    width: 0vw;
  }

  .top-img-sec {
    height: 210px;
  }

  .map-toolbar-sec button {
    font-size: 12px;
  }

  .map-toolbar-sec {
    margin-left: 50px;
  }

  .go-right {
    margin-left: 30vw;
  }

  .go-right-toolbar {
    margin-left: 33.7vw;
  }
}

@media (max-width: 1280px) {
  .sidebar-det-list-sec {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
  }

  .top-img-sec {
    height: 200px;
  }

  .go-right {
    margin-left: 30vw;
  }

  .go-right-toolbar {
    margin-left: 34vw;
  }

  .sidebar-list-item button {
    font-size: 14px;
  }
}

@media (max-width: 1024px) {
  .sidebar-list-item button {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

.p-password-input {
  border: 1px solid #001a243d !important;
  font-size: 14px !important;
  border-radius: 4px !important;
  padding: .375rem .75rem !important;
}

.p-password,
.p-password input {
  width: 100%;
}

.p-button-label {
  font-size: 15px;
  font-weight: 500 !important;
}

.p-checkbox .p-checkbox-box {
  border: 1px solid #001a243d !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: 4px !important;
}

.p-checkbox {
  display: flex !important;
  align-items: center !important;
}

.custom-default-btn {
  padding: 8px 14px !important;
  background-color: #004561 !important;
  color: white !important;
  border: none !important;
  border-radius: 4px !important;
}

.p-datatable .p-datatable-header {
  border-bottom: 1px solid #f8f9fa !important;
  border-top: none !important;
  background-color: white !important;
}

.custom-search-input {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  border-radius: 4px !important;
  margin-right: 6px !important;
  font-size: 15px !important;
  width: 400px;
}

.admin-new-user-btn {
  background-color: #2d63c5ad !important;
  font-weight: 500;
  height: 40px;
}

.admin-new-user-btn:hover {
  background-color: #1654c5ad !important;
}

.search-icon i {
  left: 1.15rem !important;
}

.p-datatable-wrapper,
.p-paginator-bottom {
  padding: 12px !important;
  background: white !important;
}

.p-paginator-element {
  background-color: #67696b12 !important;
  min-width: 2rem !important;
  height: 2rem !important;
}

.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  color: #252525 !important;
  font-weight: 600 !important;
}

.float-right {
  float: right !important;
}

.clear-btn .pi {
  color: #ffffff !important;
}

.p-datatable .p-datatable-tbody>tr>td {
  font-size: 14px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(0, 0, 0, .06) !important;
}

.p-datatable .p-datatable-thead>tr>th {
  border-bottom: 1px solid rgba(0, 0, 0, .06) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.page-content-col {
  background-color: #f8f9fa;
}

.actions-col-default {
  width: 20% !important;
}

.admin-navbar {
  background-color: white !important;
  box-shadow: 0 2px 8px #f0f1f2 !important;
}

.custom-admin-input,
.custom-admin-input input {
  padding: 5px 10px !important;
  border-radius: 4px !important;
  width: 100% !important;
  font-size: 14px !important;
}

.custom-admin-input {
  height: 36px;
  font-size: 14px;
}

.custom-admin-input span {
  width: 100% !important;
}

.p-inputwrapper.custom-admin-input {
  padding: 0px !important;
}

.p-multiselect-label {
  padding: 5px 10px !important;
  font-size: 14px !important;
}

.dropdown-menu {
  animation: fadeAnim 40ms !important;
}

.dropdown-menu.show {
  animation: fadeAnim 70ms !important;
}

.slide-right {
  animation: slideRight 200ms;
}

.side-info-sec {
  animation: slideRight 200ms;
}

.tools-section {
  position: relative;
}

.side-info-sec .p-accordion-header-link {
  padding: 15px !important;
}

@keyframes slideRight {
  0% {
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
  }

  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes fadeAnim {
  0% {
    opacity: 0;
    min-height: 0;
  }

  100% {
    opacity: 1;
    min-height: 100%;
  }
}

.admin-sidebar-col {
  background-color: #005f86;
  width: 200px;
  height: 100vh;
  padding-left: 0px;
  padding-right: 0px;
}

.admin-sidebar-col ul {
  padding-left: 0px;
  margin-left: 0px;
}

.admin-sidebar-col ul li {
  list-style: none;
}

.admin-sidebar-col ul li a {
  width: 100%;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 500;
  letter-spacing: 0.5px;
  font-size: 15px;
}

.admin-sidebar-col ul li a:hover {
  background-color: #3d7cca61 !important;
}

.admin-sidebar-col ul hr {
  margin-top: 1px;
  margin-bottom: 1px;
}

.admin-navbar {
  color: rgb(0 0 0 / 68%);
  font-size: 15px;
  font-weight: 500;
}

.navbar-light .navbar-nav.admin-navbar .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  background-color: #005f86 !important;
  color: white !important;
}

.full-width-blue-btn button {
  width: 100% !important;
  background-color: #005f86 !important;
  color: white !important;
  text-align: center !important;
}

.side-info-sec {
  position: absolute;
  z-index: 999999;
  left: 200px;
  width: 520px;
  background-color: white;
  height: 100vh;
  overflow: auto;
  padding-bottom: 100px;
}

.side-info-sec .btn-cls {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 10;
  padding: 5px 8px !important;
  line-height: 12px;
}

.side-info-sec .btn-cls i {
  font-size: 18px;

}

.parcel-details-main {
  position: relative;
}

.parcel-details-main h4 {
  font-size: 22px !important;
  font-weight: 600 !important;
  margin-bottom: 5px !important;
}

.parcel-details-main h5 {
  font-size: 18px !important;
  margin-bottom: 7px !important;
}

.single-section-inside {
  font-size: 15px;
  padding: 0px 0px;
}

.single-section-inside h4 {
  margin-bottom: 20px !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: rgb(0 0 0 / 70%) !important;
  background: #5bc0e926;
  padding-left: 11px;
  padding-top: 1px;
  padding-bottom: 1px;
  width: max-content;
  padding-right: 11px;
  border-radius: 2px;
}

.single-section-inside h4::before {
  content: '* ';
}

.single-section-inside .row.mb-3-custom {
  margin-bottom: 15px;
  margin-top: 15px;
}

.single-section-inside .row h4 {
  margin-bottom: 8px !important;
}

.after-colon {
  position: relative;
}

.after-colon::after {
  content: ':';
  position: absolute;
  right: 0px;
}

.f-500 {
  font-weight: 500;
}

.black-font {
  color: #000000cf;
}

.single-section-inside input,
.single-section-inside textarea {
  width: 100%;
  font-size: 14px !important;
}

.geo-tool {
  top: 180px;
  left: 0.5em;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');


.p-dialog .p-dialog-header {
  padding: 1.5rem 1.5rem 1rem 1.5rem !important;
}

.p-dialog .p-dialog-header .p-dialog-title {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500 !important;
  font-size: 22px !important;
  color: #585858;
  margin-right: 20px;
  text-transform: capitalize;
}

.p-button {
  border-radius: 4px !important;
  padding: 10px 20px !important;
  border: none !important;
  color: white !important;
  font-weight: 500 !important;
  box-shadow: 2px 2px 1px 0px #cdcdcd !important;
}

.parcel-draw-btn {
  background-color: #5b90b9 !important;
  color: white !important;
}

.parcel-draw-btn:hover {
  background-color: #4684b4 !important;
  color: white !important;
}

.coordinate-by-draw-btn {
  background-color: #d7f5ff !important;
  color: #5b90b9 !important;
}

.coordinate-by-draw-btn:hover {
  background-color: #9fe5fc !important;
  color: #5b90b9 !important;
}

.new-point-draw-btn {
  background-color: #527582 !important;
  color: #ffffff !important;
}

.new-point-draw-btn:hover {
  background-color: #31687d !important;
  color: #ffffff !important;
}

.save-draw-btn {
  background-color: #d7f5ff !important;
  color: #209ebd !important;
}

.save-draw-btn:hover {
  background-color: #9ae6ff !important;
  color: #209ebd !important;
}

.exit-draw-btn {
  background-color: #ff445934 !important;
  color: #ed1b33f9 !important;
}

.exit-draw-btn:hover {
  background-color: #ff2d4552 !important;
  color: #ed1b33f9 !important;
}

.edit-draw-btn {
  background-color: #759cba !important;
  color: #ffffff !important;
}

.edit-draw-btn:hover {
  background-color: #5990ba !important;
  color: #ffffff !important;
}

.split-draw-btn {
  background-color: #5b75b9 !important;
  color: white !important;
}

.split-draw-btn:hover {
  background-color: #4464b7 !important;
  color: white !important;
}

.merge-draw-btn {
  background-color: #4280b1 !important;
  color: white !important;
}

.merge-draw-btn:hover {
  background-color: #2876b1 !important;
  color: white !important;
}

.my-jobs-btn {
  background-color: #324db0 !important;
}

.my-jobs-btn:hover {
  background-color: #1d3cac !important;
}

.new-job-btn {
  background-color: #32b054 !important;
}

.new-job-btn:hover {
  background-color: #23ab47 !important;
}

.remove-point-draw-btn {
  background-color: transparent !important;
  color: #ed1b34 !important;
  padding: 2px !important;
  box-shadow: none !important;
}

.remove-point-draw-btn span {
  font-size: 12px !important;
}

.form-select {
  border-radius: 4px !important;
}

.p-dialog .p-dialog-content {
  padding: 1rem 1.5rem 1rem 1.5rem !important;
  border-top: 1px solid #fefefe;
}

.p-dialog .p-dialog-footer {
  padding: 1rem 1.5rem 1rem 1.5rem !important;
  border-top: 1px solid #f7f7f7 !important;
}

.modal-body-none .p-dialog-content {
  display: none !important;
}

.required span {
  color: red !important;
}

input {
  border: 1px solid #ced4da !important;
  border-radius: 4px !important;
  font-size: 20px !important;
  line-height: 30px !important;
  padding-left: 7px;
}

.admin-sidebar-li {
  border-bottom: 2px solid #5c88a3;
}

.admin-page-content {
  width: calc(100vw - 200px);
  margin-left: auto;
}

.password-generator-btn button {
  width: 175px;
  background-color: #96a1b9 !important;
}

.clear-btn {
  background-color: #4297bba3 !important;
  box-shadow: none !important;
  border-radius: 4px !important;
  padding: 8px 5px !important;
  width: 40px !important;
}

.p-selectable-row a {
  font-size: 15px;
  font-weight: 500;
  color: #4d6eaa;
}

.p-multiselect {
  border-radius: 4px !important;
}

.p-button[aria-labelledby="Active"] {
  background-color: #ffffff !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border: 1px solid #4cb549 !important;
  box-shadow: none !important;
  padding: 5px 10px !important;
  color: #4cb549 !important;
}

.p-button.p-highlight[aria-labelledby="Active"] {
  background-color: #4cb549 !important;
  color: #fff !important;
}

.p-button.p-highlight[aria-labelledby="Inactive"] {
  background-color: #e91f1f !important;
  color: #fff !important;
}

.p-button[aria-labelledby="Inactive"] {
  background-color: #ffffff !important;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  box-shadow: none !important;
  padding: 5px 10px !important;
  border: 1px solid #e91f1f !important;
  color: #e91f1f !important;
}

.p-button[aria-labelledby="Active"] .p-button-label,
.p-button[aria-labelledby="Inactive"] .p-button-label {
  font-size: 13px !important;
}

.border-full-radius {
  border-radius: 100% !important;
  margin-left: -1em !important;
}

.map-changer-default label {
  font-size: 14px;
  margin-top: 4px;
}

.p-password-input,
.p-inputtext {
  height: 36px;
}

.form-login {
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  margin-left: 40px;
  padding: 60px 40px;
  width: max-content;
}

.logo-login {
  width: 425px;
  margin-left: auto;
}

.form-login .p-checkbox .p-checkbox-box .p-checkbox-icon {
  font-size: 8px !important;
}

.form-login h2 {
  font-size: 24px;
}

.org-permission {
  margin-bottom: 35px;
}

.org-permission .p-checkbox .p-checkbox-box .p-checkbox-icon {
  font-size: 8px !important;
}

.org-permission .p-dropdown {
  float: right;
  margin-right: 30px;
  margin-top: -5px;
  width: 40%;
}

.org-permission .p-dropdown-label {
  font-size: 14px;
  line-height: 13px;
}

.org-permission .p-dropdown-clear-icon {
  font-size: 14px !important;
}

.org-permission .p-dropdown-trigger-icon {
  font-size: 14px !important;
}

.role-selector .p-multiselect {
  width: 100%;
}

.context-menu {
  background: #005f86d6;
  border-radius: 4px;
  color: white;
}

.context-menu .menu-link {
  cursor: pointer;
  padding: 10px 25px 10px 10px;
  border-bottom: 1px solid #ffffffad;
  transition: all 0.2s;
}

.context-menu .menu-link:hover {
  background-color: #7778786b;
}

.p-dialog-header-close {
  box-shadow: none !important;
}

#create_job .p-dialog .p-dialog-content {
  padding: 1rem 1.5rem 1rem 1.5rem !important;
}

#create_job textarea {
  border: 1px solid #ced4da !important;
  border-radius: 4px !important;
}

.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  margin: 0 0 0px !important;
}

.new-feature-modal .p-dialog .p-dialog-header {
  padding-bottom: 10px !important;
  border-bottom: 1px solid #f1f1f1;
}

.page-title {
  margin-bottom: 15px;
}

.page-title h3 {
  font-size: 20px !important;
  font-weight: 500 !important;
  color: #16495ed1 !important;
}

.btn.logout-btn {
  background-color: #ff56561c !important;
  color: #f51717;
}

.btn.logout-btn:hover {
  background-color: #ff44441c !important;
  color: #f51717 !important;
}

.admin-logout {
  background-color: #ff56561c !important;
  color: #f51717 !important;
  border-radius: 4px !important;
  padding: 6px 10px !important;
}

.navbar-light .navbar-nav .nav-link.admin-logout:hover {
  background-color: #ff44441c !important;
  color: #f51717 !important;
}

/* .display-mcs-btn{
  cursor: not-allowed !important;
} */

.side-info-sec .p-accordion-tab-active .p-accordion-header .p-accordion-header-link {
  color: #005f86 !important;
  border-bottom: none;
  background: #fff !important;
}

.side-info-sec .p-accordion .p-accordion-header .p-accordion-header-link {
  font-size: 18px !important;
  font-weight: 500 !important;
}

.side-info-sec .after-colon {
  margin-top: 5px !important;
  overflow-wrap: break-word !important;
}

.side-info-sec .p-accordion-tab {
  margin-bottom: 10px !important;
}

.side-info-sec .p-accordion .p-accordion-header .p-accordion-header-link {
  color: #212529;
  background: #fff !important;
}

.side-info-sec .btn-cls {
  background-color: transparent !important;
  color: #00695e !important;
}

.p-image-toolbar {
  background-color: black !important;
}

.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: #005f86 !important;
}

.roboto-text {
  font-family: 'Roboto', sans-serif !important;
}

@media(max-width:1640px) {
  .side-info-sec {
    width: 450px;
  }
}

@media(max-width:1440px) {
  .side-info-sec {
    width: 400px;
  }

  .single-section-inside {
    font-size: 14px;
  }

  .p-accordion .p-accordion-content {
    padding: 0.85rem !important;
  }

  .side-info-sec .p-accordion .p-accordion-header .p-accordion-header-link {
    font-size: 17px !important;
    font-weight: 500 !important;
  }

  .single-section-inside h4 {
    font-size: 18px !important;
  }
}

@media(max-width:1300px) {
  .side-info-sec {
    width: 380px;
    left: 180px;
  }

  .sidebar-col {
    width: 180px;
  }

  .map-section {
    margin-left: 180px;
  }

  li button i.sidebar-li-icon {
    margin-right: 8px;
  }

  .sidebar-accordion .accordion-item .accordion-button i {
    margin-right: 10px;
  }

  .nav-link {
    padding: 0.65rem 0.65rem !important;
  }

  .sidebar-accordion .accordion-item .accordion-button {
    padding: 0.5rem 0.65rem !important;
  }

  .sidebar-list-item button {
    font-size: 13px;
  }

  .side-info-sec .after-colon {
    margin-top: 5px !important;
    padding-left: 10px;
    padding-right: 0px;
    overflow-wrap: break-word !important;
  }
}

.ol-attribution:not(.ol-collapsed) {
  display: none !important;
}

.ol-mouse-position {
  bottom: 15px;
  right: 10px;
  padding: 6px 15px;
  color: #ffffff;
  background-color: #005f86c2;
  border-radius: 4px;
  margin-top: auto;
  line-height: 21px;
  height: 30px;
  font-size: 15px;
}

.snap-tool {
  top: calc((45px * 2));
  right: 0.5em;
}

.select-tool {
  top: calc((45px * 2) + 33px);
  right: 0.5em;
}

.single-section-inside h4.h4-new-small {
  margin-bottom: 0px !important;
  font-weight: 500 !important;
  font-size: 18px !important;
}

.small-text-btn {
  font-size: 14px !important;
  padding: 5px 10px !important;
  color: #ffffff !important;
  background-color: #005f86 !important;
}

.small-text-btn-red {
  font-size: 14px !important;
  padding: 5px 10px !important;
  color: #dc3545 !important;
  background-color: transparent !important;
}

.accordion-item {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125) !important;
}

.width-fit {
  width: fit-content !important;
}

.p-autocomplete-input {
  font-size: 15px !important;
  line-height: 30px !important;
}

p-autocomplete[name="party_id"] {
  width: 90% !important;
}

p-autocomplete[name="party_id"] {
  width: 100% !important;
}

.selected-style {
  text-decoration: none !important;
  background-color: rgba(0, 60, 136, 0.7) !important;
}

.not-allowed:hover {
  cursor: not-allowed !important;
}

input:disabled,
select:disabled {
  cursor: not-allowed;
}

.form-check .form-check-input {
  width: 25px !important;
  border-radius: 20px !important;
}


p-autocomplete span {
  width: 100% !important;
}

p-autocomplete span input {
  width: 100% !important;
}

.print-cls {
  width: auto !important;
  height: 700px !important;
  max-width: 100% !important;
}

.ol-compassctrl.bottom {
  top: auto;
  left: auto;
  bottom: 50px;
  right: -10px;
  width: 75px;
  height: 75px;
  -webkit-transform: none;
  transform: none;
}

.ol-tooltip {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: white;
  padding: 4px 8px;
  opacity: 0.7;
  white-space: nowrap;
  font-size: 12px;
  cursor: default;
  user-select: none;
}

.ol-tooltip-measure {
  opacity: 1;
  font-weight: bold;
}

.ol-tooltip-static {
  background-color: #ffcc33;
  color: black;
  border: 1px solid white;
}

.ol-tooltip-measure:before,
.ol-tooltip-static:before {
  border-top: 6px solid rgba(0, 0, 0, 0.5);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  position: absolute;
  bottom: -6px;
  margin-left: -7px;
  left: 50%;
}

.ol-tooltip-static:before {
  border-top-color: #ffcc33;
}

.ol-print {
  display: none;
}

.multi-45 .p-multiselect {
  max-width: 100% !important;
  width: 100% !important;
}

.mc-selector-acc-itm {
  border: none !important;
}

.mc-selector-accord-h2 {
  border-bottom: 1px solid #d9d9d982;
}

.print-modal-new .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  padding: 5px 15px 0px 15px !important;
}

.print-modal-new .p-multiselect {
  display: grid !important;
}

.print-modal-new .p-multiselect.p-multiselect-chip .p-multiselect-token {
  height: 28px;
  padding: 0.375rem 0.75rem;
  margin-right: 0.5rem;
  background: #e9ecef;
  color: #000000;
  border-radius: 6px;
}

.print-modal-new .p-multiselect .p-multiselect-trigger {
  position: absolute;
  right: 0;
  top: 12px;
}

.history-map-section {
  background-color: rgb(192, 192, 192) !important;
  position: relative;
  height: calc(100vh - 90px);
}

.map-side-bar{
  width: 250px;

}

.map-history{
  width: calc(100vw - 250px);

}

.history-sidebar-col {
  width: 240px;
  overflow-y: auto;
  height: calc(100vh - 95px);
  background-color: #005f86 !important;
  position: absolute;
  padding-left: 0px !important;
  padding-right: 0px !important;
  /* z-index: 999; */
}

.p-dialog-content {
  overflow: hidden;
}

.legal-over{
  max-height: calc( 100vh - 370px );
  overflow: auto;
}

.head-h4{
  letter-spacing: normal !important;
  font-size: 26px !important;
  margin-top: 16px !important;
  font-weight: 500 !important;
}

.legal-spaces-modal .p-dialog .p-dialog-header {
    padding: 1.5rem 1.5rem 0rem 1.5rem !important;
}

.p-accordion .tenure-acr .p-accordion-header .p-accordion-header-link{
  padding: 1rem 0.75rem !important;    
  background: #eff3f8;
  color: rgb(0 0 0 / 85%);
  font-weight: 450;
}

.tenure-acr .right_accordian .accordion-collapse{
  padding: 0.25rem 1.5rem !important;
}
.list-height{
  max-height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.history-header{
  font-weight: 500;
  font-size: 17px;
}
.left-map .highlight{
  background-color: rgb(228, 252, 14);
}
.right-map .highlight{
  background-color: rgb(252, 61, 61);
}

.sidebar li .submenu{ 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	padding-left: 1rem; 
	padding-right: 1rem;
}
.sidebar .nav-link {
    font-weight: 500;
    color: var(--bs-dark);
}
.sidebar .nav-link:hover {
    color: var(--bs-primary);
}

.ems-job .p-dialog-header-icons{
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
}

.ems-user-role .p-multiselect.p-component {
  width: 100% !important;
}

.ems-job .p-dialog-header-close {
  top: -8px;
  right: -8px;
}

.ems-job .p-dialog-header{
  padding: 0px !important;
}

.ems-job .p-dialog-content{
  padding: 0px !important;
  max-height: 0px !important;
  overflow: hidden;
}

.ems-job .p-dialog-footer {
  padding-bottom: 6px !important;
    padding-top: 6px !important;
    padding-right: 6px !important;
    border-radius: 3px !important;
}

.ems-doc .p-dialog-header-icons {
  position: fixed !important;
  top: 5px !important;
  right: 5px !important;
}

.ems-doc .p-dialog-content{
  padding: 0px !important;
  max-height: 0px !important;
  overflow: hidden;
}

.ems-doc .p-dialog-header {
  border-top-left-radius: 22px !important;
  border-top-right-radius: 22px !important;
}

.ems-doc .p-dialog-footer{
  border-bottom-left-radius: 22px !important;
  border-bottom-right-radius: 22px !important;
}

.ems-doc .p-dialog {
  border-radius: 22px !important;
}

.jobs-col-td{
  cursor: pointer !important;
}