.btn-secondary, .btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #e6424d;
    border-color: #e6424d;
    }
    .btn-success, .btn-danger, .btn-info{
      width:auto;
    }
    .search{
			display:none;
		}
		input, textarea {
			padding: 5px;
		}
		table{
			text-align:center;
		}
		tr.selected {
			background-color: #abfefe;
		}
		tr.readydata {
			/*background-color: rgba(214, 157, 8, 0.4);*/
		}
		td.fixedwidth200 {
			max-width: 200px;
			min-width: 200px;
			word-break: break-all;
		}
		td.fixedwidth300 {
			max-width: 300px;
			min-width: 300px;
			word-break: break-all;
		}

    #history-table tbody tr:nth-child(odd) {
            background-color: #f2f2f2; /* Light gray background for odd rows */
        }

    #history-table tbody tr:nth-child(even) {
            background-color: #ffffff; /* White background for even rows */
        }

		ul {
			list-style: none;
		}

		li {
			margin-bottom: 10px;
		}
    .mapTitle{
      color: #000000;
      font-size:24px;
      margin: 10px 0px;
      font-weight: 500;
    }
    .sectionTitle{
      color: #000000;
      font-size:24px;
      text-align:left;
      margin: 10px 0px;
      font-weight: 500;
    }
    .mapSubtitle{
      font-size:14px;
    }
    input, select{
      font-size:14px!important;
    }

    h2{
			margin-top:25px;
			margin-bottom:15px;
		}
		.map {
			width: 100%;
			height: 600px;
		}
		.button-panel, .map {
			display: inline-block;
		}
		.button-panel {
			flex: 1;
			margin-top: 50px;
		}
		.is-not-chrome {
			width: 80%;
			margin: 0 auto;
			padding-top: 10px;
		}
		.text-success{
			font-size:12px;
		}
    .mt-20{
      margin-top:20px;
    }

    #color-palette {
      clear: both;
      width:100%;
      float: left;
      margin-bottom: 10px;
    }

    .color-button {
      width: 14px;
      height: 14px;
      font-size: 0;
      margin: 2px;
      float: left;
      cursor: pointer;
    }

    #action-buttons-container {
      margin-top: 10px;
      width:100%;
    }
    .unique_section{
      padding-top:130px!important;
    }
    label, #rangeValue{
      font-size:14px;
    }
    .mapNote{
      font-size: 14px;
      margin-left: 10px;
      vertical-align:middle;
      display:inline-block;
    }
    body{
      font-size: 14px;
    }
    #area{
      margin-top: 10px;
    }
    /*hr{
      margin-top: 1rem;
      margin-bottom: 1rem;
    }*/
    p{
      margin-bottom:5px;
    }
    .drawing_tool_image{
      width:auto;
      height:20px;
      display:inline;
    }
    .form-check{
      padding-bottom: 0.5rem;
    }
    .export{
      display:none;
    }
    .btn:disabled{
      color: var(--text-white);
    }
    .btn.disabled:hover, .btn:disabled:hover {
      opacity: .65;
    }
    .btn_main {
      color: var(--text-white);
      background-color: var(--main-color);
      background-image:none;
      font-size: 14px;
      padding: 8px 20px;
      border-radius: 25px;
      position: relative;
      font-weight: 700;
      transition: 0.4s all;
      width:auto;
  }
  .btn_main:hover {
    color: var(--text-white);
    opacity: 0.9;
  }
  .btn_main i.icofont-ui-add {
    transform: rotate(-90deg);
    display: inline-block;
    font-size: 14px;
    margin-left: 4px;
    position: relative;
    top: 1px;
    transition: 0.4s all;
  }
  :root {
    --light-purple: #f6f4ff;
    --purple: #e6424d;
    --bg-purple: #e6424d;
    --dark-purple: #2e2e31;
    --body-text-purple: #2e2e31;
    --text-white: #ffffff;
    --bg-white: #ffffff;
    --bg-gray:#faf8ff;
    --slider-dots-color: #ddd2d2;
    --light-bg: #f3dada;
    --bg-green-gradient: linear-gradient(135deg, #e47341, #e6424d);
    --bg-hover-gradiunt: linear-gradient(135deg, #ff8c5a, #ff7133);
    --green: #e47341;
    --main_purple: #e47341;
    --bg-purple-gradiunt: linear-gradient(313deg, #dd4b3e 0%, #bd4035 100%);
    --dark-blue: #060A3D;
    --darker-purple:#c44237;
  }

  .section_title h2 {
    font-size: 30px;
    font-weight: 700;
    color: #2e2e31;
    margin-bottom: 10px;
    text-align:left;
    margin-top:0px;
}

td h4{
  font-size: 16px;
  font-weight: bold;
}

.error{
  color: #dc3545!important;
}

.nav-link.disabled{
    pointer-events: none;
    cursor: default;
}

.nav-link.disabled span{
  opacity: .65;
  margin-left: -70px;
}

.nav-link span{
  margin-left: -70px;
}

.coming-soon-tag{
  position: absolute;
  background-color: red;
  padding: 0 8px;
  border-radius: 4px;
  font-size: 10px;
  right: 5px;
  font-weight: 800;
  color: #fff;
  top: 14px;
  padding: 0 7px;
  font-size: 14px;
  opacity: 1;
}

:disabled {
  opacity:0.5;
}

#nav-add-data input[type=checkbox]{
  cursor:default;
  opacity:0.5;
}

#nav-invoice input[type=checkbox]{
  margin-top: 3px;
}

.ml-10{
  margin-left:10px;
}
    
.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: var(--main-color);
  background-color: var(--main-color);
}

.distanceMeasurementsTool{
  display:none;
  position: absolute;
  z-index: 999;
  margin-left: 195px;
  margin-top: 14px;
}

.mapModeSection{
  margin:20px 0px;
}

.custom-area-switch{
  margin-right:27px;
}

#action-buttons-container{
  text-align:right;
}

#view_custom_results{
  margin-top:3px;
}

.swal2-confirm{
  box-shadow:none!important;
}

.my-list-dropdown-container{
  margin-right:15px;
}

.btn-save-as-list, .btn-clear-results, .btn-delete-list{
  margin-right:15px;
}

.columns-right .btn{
  border-top-right-radius: 0.25rem!important; 
  border-bottom-right-radius: 0.25rem!important;
  border-top-left-radius: 0.25rem!important; 
  border-bottom-left-radius: 0.25rem!important;
}

#my-list-dropdown{
  width: 200px;
}

.fileNameRuleslist{
  margin-left: 28px;
  color: green;
  font-size: 12px;
}

.fileNameRuleslist li{
  margin-bottom:4px;
}

.listingActions{
  display: block;
  margin-top: 10px;
}

.wrapText{
  width:100px;
}

.hideMe{
  display:none;
}

.logo{
  height:100px!important;
}

span.required{
  color:red;
}

  .custom-select-button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 2.5rem;
    background-color: #dd4b3e;
    color: #fff !important;
    border: none;
  }

  .custom-select-button option {
    background-color: #fff;
    color: #000;
  }

  .select-wrapper {
    position: relative;
    display: inline-block;
  }

  .select-icon {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    pointer-events: none;
    color: white;
    z-index: 2;
  }

  .dataTables_filter {
      text-align: left !important;

      .dataTables_filter label {
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }
  }

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (min-width:772px) {
  .table-responsive::-webkit-scrollbar {
    height: 0px;
  }
}

[type='radio']:checked,  [type='radio']:checked:hover, [type='radio']:checked:focus{
  background-color: var(--main-color)!important;
}

[type='radio']:focus {
  box-shadow: none!important;
  outline: none!important;
}

.item-option label{
  margin-top:2px;
}

.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.6);
}

.modal-content {
  background-color: #fff;
  margin: 5% auto;
  padding: 10px;
  border-radius: 8px;
  position: relative;
}

.modal-content .close {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

#closePreviewModal{
    border-radius:25px;
    font-size: 14px;
    padding: 8px 20px;
    border-radius: 25px;
    position: relative;
    font-weight: 700;
    transition: 0.4s all;
    width: auto;
}