:root {
    --white: white;
    /*--success-map: #B1E061;
    --primary-map: #267FCA;
    --secondary-map: #F2B63E;
    --danger-map: #C33C41;*/
    --success-map: #22BF4C;
    --light_success-map: #e9fbee;
    --primary-map: #246EB9;
    --light_primary-map: #eaf2fb;
    --secondary-map: #F2BB05;
    --danger-map: #FA003F;
    --light_danger-map: #ffe5ec;
    --selected-map: #f7d288;
    --gray-map: #EEEEEE;
    --light_gray-map: #f2f2f2;
    --dark_gray-map: #949494;
    --orange-map: #ea662e
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  height: 100vh;
}

.cursor-pointer{
    cursor: pointer;
}

/*New bootstrap classes*/
/*widths*/
.w-5 {
    width: 5% !important;
}

.w-7 {
    width: 7% !important;
}

.w-10 {
    width: 10% !important;
}

.w-11 {
    width: 11% !important;
}

.w-12 {
    width: 11% !important;
}

.w-13 {
    width: 11% !important;
}

.w-14 {
    width: 11% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}

.w-35 {
    width: 35% !important;
}

.w-40 {
    width: 40% !important;
}

.w-45 {
    width: 45% !important;
}

.w-60{
    width: 60% !important;
}

.w-65{
    width: 65% !important;
}

.w-70 {
    width: 70% !important;
}

.w-71 {
    width: 71% !important;
}

.w-72 {
    width: 72% !important;
}

.w-73 {
    width: 73% !important;
}

.w-74 {
    width: 74% !important;
}

.w-75 {
    width: 75% !important;
}

.w-80 {
    width: 80% !important;
}

.w-81 {
    width: 81% !important;
}

.w-82 {
    width: 82% !important;
}

.w-83 {
    width: 83% !important;
}

.w-84 {
    width: 84% !important;
}

.w-93 {
    width: 93% !important;
}

.w-95 {
    width: 95% !important;
}

.w-20px {
    width: 20px !important;
}

/*heights*/
.h-16px {
    height: 16px !important;
}

/*max-width*/
.mw-70 {
    max-width: 70% !important;
}


.mw-75{
    max-width: 75% !important;
}

.mw-80 {
    max-width: 80% !important;
}

/*margins*/
.mt-1px{
    margin-top: 1px !important;
}

.my-10{
    margin: 10px 0px !important;
}

.my-12 {
    margin: 12px 0px !important;
}

.mx-14 {
    margin: 12px 0px !important;
}

.mx-10 {
    margin: 10px 0px !important;
}

.mx-12 {
    margin: 12px 0px !important;
}

.mx-14 {
    margin: 12px 0px !important;
}

/*paddings*/
.py-10 {
    padding: 10px 0px !important;
}

.py-12 {
    padding: 12px 0px !important;
}

.px-14 {
    padding: 0px 12px !important;
}

.px-10 {
    padding: 0px 10px !important;
}

.px-12 {
    padding: 0px 12px !important;
}

.px-14 {
    padding: 0px 12px !important;
}

/*text*/
.text-bold{
    font-weight: bold;
}

/*colors*/
.bg-primary_map {
    background-color: var(--primary-map);
}

.bg-disabled_map {
    background-color: var(--dark_gray-map);
}

.text-primary_map{
    color: var(--primary-map);
}

.text-danger_map {
    color: var(--danger-map);
}

.text-warning_map {
    color: var(--secondary-map);
}

.text-disabled_map {
    color: var(--dark_gray-map);
}

.not_selectable-text{
    user-select: none;
}

.gap-10px{
    gap: 10px;
}

/*margins*/

/*bottom*/
.mb-4px{
    margin-bottom: 4px;
}

.mb-7px{
    margin-bottom: 7px;
}

.mb-14px {
    margin-bottom: 14px;
}

/*end*/
.me-5px {
    margin-right: 5px;
}

.route-customers-list_formcontrol {
    height: var(--form_control-height);
    padding: 4px;
    width: 100% !important;
    border-top: 3px solid #dee2e6;
}