/* body, html {
    height: 100%;
  } */

  html,body {
    margin: 0px;
    padding: 0px;
    accent-color: #078d28;
    overflow:hidden;
  }

  .qr-code { margin-top: 10px; }

  .custom-tooltip {
    font-size: 14px;
    font-weight: bold;
    color: black;
    background-color: rgba(255, 255, 255, 0.87); /* Slight transparency */
    padding: 5px;
    border-radius: 5px;
}

  
  /* Create three unequal columns that floats next to each other */
  .column {
    float: left;
    padding: 10px;
    padding-top: 0px;
    background-color: #faf8f8;
  }
  
  /* Left and right column */
  .column.side {
    width: 20%;
  }
  
  /* Middle column */
  .column.middle {
    width: 75%;
    height: 650px;
  }
  
#my-offline-leaflet-map{
    width: 100%;
    height: 100%;
}

/* remove label background elements */
.leaflet-popup.my-labels {
    background-color: transparent;
    border: transparent;
    box-shadow: none;
    font-weight: normal;
    font-size: 10px;
}

.icon {
    max-width: 70%;
    max-height: 70%;
    margin: 4px;
}

.custom-label {
    background-color: rgba(255, 255, 255, 0.699);
    border: 1px solid black;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 8px;
    text-align: center;
    width: 100px;
}


#socket-btn{
  padding: 8px; 
  cursor: pointer; 
  font-size: 16px;
  font-weight: bold; 
  width: 95%;
  margin-left: 2.25%;
  margin-top: 2.5%;
  height: 45px;
  text-align: start; 
  border: none;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}

.socket-btn{
  color:#078d28;
  background-color: #ffffff;
  box-shadow: 3px 3px 3px -1px rgba(153, 153, 153, 0.7),
  -2.5px -2.5px 2.5px -1px rgba(248, 245, 245, 0.5);
}

.socket-btn:active{
    color: rgb(255, 255, 255);
 background-color: #078d28;
} 

#track-btn{
  padding: 8px; 
  cursor: pointer; 
  font-size: 16px;
  font-weight: bold; 
  width: 95%;
  margin-left: 2.25%;
  margin-top: 8%;
  margin-bottom: 5%;
  height: 45px;
  text-align: start;
  border: none; 
  border-radius: 4px;
  font-family: Arial;
}
#tar-btn{
    padding: 8px; 
    cursor: pointer; 
    font-size: 16px;
    font-weight: bold; 
    width: 95%;
    margin-left: 2.25%;
    margin-top: 8%;
    
    height: 45px;
    text-align: start;
    border: none; 
    border-radius: 4px;
    font-family: Arial;
  }

.btn-success{ 
  color:#078d28;
  background-color: #ffffff;
  box-shadow: 3px 3px 3px -1px rgba(153, 153, 153, 0.7),
  -2.5px -2.5px 2.5px -1px rgba(248, 245, 245, 0.5);
}

.btn-danger{
  color: #ffffff;
  background-color: rgba(129, 4, 4,0.8);
  box-shadow: inset 3px 3px 3px -1px rgba(75, 12, 12, 0.7),
  inset -2.5px -2.5px 2.5px -1px rgba(99, 3, 3, 0.5);
}

/* Draw Lines Button Class */
#line-btn{
    padding: 0px; 
    cursor: pointer; 
    font-size: 16px;
    font-weight: bold; 
    width: 95%;
    margin-left: 2.25%;
    margin-top: 5%;
    height: 55px;
    text-align: end;
    border:none; 
    border-radius: 4px;
    font-family: Arial, sans-serif;
  }

.layer-break {
    width: 100%;
    margin: 8px;
    margin-left: 0px;
    border-top: 1px solid #ccc;
}


/* Style for Input Textbox */
input[type=textbox], select {
  /* width: 89%; */
  width: 91%;
  margin-left: 2.25%;
  margin-top: 0.5%;
  font-size: 15px;
  text-align: center;
  border: 1.5px solid rgb(161, 159, 159);
  border-radius: 2px;
  height: 20px;
  color: #9b1807;
  font-family: Arial, sans-serif;
  box-shadow: 2px 2px 2px -1px rgba(153, 153, 153, 0.7),
  -2.5px -2.5px 2.5px -1px rgba(248, 245, 245, 0.5); 
}


.label {
    color: rgb(0, 0, 0);
    font-size: 13px;
}

.text_fields{
    margin-left: 0%;
    margin-top: 0%;
    /* border: 1px solid rgb(161, 159, 159); */
}

.buttons{
    margin-left: 0%;
    margin-top: 0%;
    margin-right: 0%;
    /* border: 1px solid rgb(161, 159, 159); */
}

.myfieldset{
    width: 100%;
    margin-top: 5.6%;
    font-size: 14px;
    font-family: Arial, sans-serif;
    border: 1px solid rgb(161, 159, 159);
}



/* Checkboxes styling */
.form__group {
	display: flex;
	align-items: center;
}

/*input[type="checkbox"],
input[type="radio"]{
	width: 1.5em;
	height: 1.5em;
	margin-right: 0.65rem;
}*/

.checkbox{
	width: 1.5em;
	height: 1.5em;
	margin-right: 0.65rem;
}



  /* Class to create a blinking marker */
  /*@keyframes fade { 
    from { opacity: 0; } 
  }
  
  .blinking {
    animation: fade 1.25s infinite alternate;
  }*/


#ddr-3ddf63ea92 h1,
#ddr-3ddf63ea92 h2,
#ddr-3ddf63ea92 h3,
#ddr-3ddf63ea92 h4,
#ddr-3ddf63ea92 h5,
#ddr-3ddf63ea92 h6,
#ddr-3ddf63ea92 p,
#ddr-3ddf63ea92 span,
#ddr-3ddf63ea92 a,
#ddr-3ddf63ea92 .ddr-widget,
#ddr-3ddf63ea92 .ddr-widget__form-label,
#ddr-3ddf63ea92 .ddr-widget__form-submit button,
#ddr-3ddf63ea92 .ddr-widget__form-label>div {
    color: undefined;
}

#ddr-b9b48cd87e h1,
#ddr-b9b48cd87e h2,
#ddr-b9b48cd87e h3,
#ddr-b9b48cd87e h4,
#ddr-b9b48cd87e h5,
#ddr-b9b48cd87e h6,
#ddr-b9b48cd87e p,
#ddr-b9b48cd87e span,
#ddr-b9b48cd87e a,
#ddr-b9b48cd87e .ddr-widget,
#ddr-b9b48cd87e .ddr-widget__form-label,
#ddr-b9b48cd87e .ddr-widget__form-submit button,
#ddr-b9b48cd87e .ddr-widget__form-label>div {
    color: undefined;
}

.ddr-page-wrapper * {
    box-sizing: border-box;
}

.ddr-page-wrapper {
    font-family: sans-serif;
    margin: 0px;
    padding: 0px;
    position: relative;
}

.ddr-page-wrapper .ddr-page-wrapper {
    min-height: auto;
}

.ddr-page-wrapper .ddr-page {
    position: relative;
}

.ddr-page-wrapper .ddr-page .ddr-page-section-pre-content::after,
.ddr-page-wrapper .ddr-page .ddr-page-section-pre-content::before,
.ddr-page-wrapper .ddr-page>div::after,
.ddr-page-wrapper .ddr-page>div::before {
    clear: both;
    content: "";
    display: table;
}

.big-loader-wrapper {
    align-items: center;
    background: rgba(211, 210, 210, 0.5);
    display: flex;
    height: 150px;
    justify-content: center;
    position: relative;
    width: 100%;
    z-index: 1;
}

.big-loader-wrapper .big-loader {
    animation: 1s ease 0s infinite normal none running spin;
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgb(1, 154, 149) rgb(226, 118, 37);
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    display: block;
    height: 64px;
    padding-top: 20px;
    width: 64px;
}

.ddr-page-row,
.ddr-page-section-wrapper .ddr-page-section {
    box-sizing: border-box;
    position: relative;
}

.ddr-page-row {
    display: flex;
    width: 100%;
}

.ddr-page-row.ddr-widget-group-row.ddr-page-row__wrap {
    flex-wrap: wrap;
}

.ddr-page-row.ddr-widget-group-row.ddr-page-row__wrap .ddr-page-column-and-column-suggestion-wrapper {
    width: 100% !important;
}

.ddr-page-row__wrap {
    flex-wrap: wrap;
}

.ddr-page-row__wrap .ddr-page-column__wrap {
    width: 100% !important;
}

.ddr-page-row__wrap-reverse {
    flex-wrap: wrap-reverse;
}

.ddr-page-row__wrap-reverse .ddr-page-column__wrap-reverse {
    width: 100% !important;
}

.ddr-page-column {
    align-content: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}




@media screen and (max-width: 320px) {
    .widget-group.wrap--320>div {
        flex-direction: column !important;
    }

    .widget-group.wrap--320>div .ddr-page-column {
        width: 100% !important;
    }
}

@media screen and (min-width: 321px) and (max-width: 480px) {
    .widget-group.wrap--480>div {
        flex-direction: column !important;
    }

    .widget-group.wrap--480>div .ddr-page-column {
        width: 100% !important;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .widget-group.wrap--768>div {
        flex-direction: column !important;
    }

    .widget-group.wrap--768>div .ddr-page-column {
        width: 100% !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .widget-group.wrap--1024>div {
        flex-direction: column !important;
    }

    .widget-group.wrap--1024>div .ddr-page-column {
        width: 100% !important;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .widget-group.wrap--1280>div {
        flex-direction: column !important;
    }

    .widget-group.wrap--1280>div .ddr-page-column {
        width: 100% !important;
    }
}

@media only screen and (min-width: 1281px) {
    .widget-group.wrap--max>div {
        flex-direction: column !important;
    }

    .widget-group.wrap--max>div .ddr-page-column {
        width: 100% !important;
    }
}

.ddr-page-widget {
    position: relative;
    width: 100%;
}

.ddr-page-widget.ddr-page-widget__generic-collection-slider {
    overflow: visible !important;
}

.dashed-border {
    outline: rgb(135, 135, 135) dashed 1px;
}

.headline-edit-wrapper {
    cursor: text;
}

.separator {
    margin: 33px 0px;
    position: relative;
    width: 100%;
}

.separatorIcon {
    height: 45px;
    left: 50%;
    margin-left: -18px;
    padding: 10px;
    position: absolute;
    top: 16px;
}


.ddr-page-widget__navigation {
    overflow: visible !important;
}

.ddr-page-widget__navigation .ddr-widget {
    overflow: visible;
}

.ddr-page-widget__navigation .ddr-widget .menu>ul>li {
    position: relative;
}

.ddr-page-widget__navigation .menu>ul>li {
    margin-bottom: 0px;
    position: relative;
}

.ddr-page-widget__navigation .menu li ul {
    padding-bottom: 0px;
    width: 100%;
    z-index: 99;
    position: absolute !important;
}

.section-slider .ddr-page-section-widget-drop-suggestion-wrapper {
    padding-bottom: 0px;
}

.ddr-page-widget__sections-slider .toolbox-controls {
    justify-content: flex-start !important;
}

.section-slider-header-options {
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: 20px;
    position: absolute;
    top: 1px;
    width: calc(100% - 20px);
}

.section-slider-header-options .fa.fa-copy {
    margin-right: 7px;
    position: static;
    transition: all 0.3s ease 0s;
    z-index: 100;
}

.section-slider-header-options .fa.fa-copy:hover {
    color: rgb(239, 83, 80);
}

.slide-options-wrapper {
    border-bottom: 1px solid rgb(226, 118, 37);
    position: relative;
}

.slide-options-wrapper .rc-collapse-header {
    align-items: center;
    display: flex;
}

.slide-options-wrapper .rc-collapse-content-active {
    background-color: rgb(23, 23, 23);
    overflow: visible;
}

.slide-options-wrapper .rc-collapse-content-active .custom-color-picker {
    left: -35px;
}

.slide-options-wrapper .rc-collapse-content-active .section-slider-delete-icon.slide-delete-icon {
    align-items: center;
    background: rgb(239, 83, 80);
    border-radius: 3px;
    color: rgb(255, 255, 255);
}

.slide-options-wrapper .rc-collapse-content-active .section-slider-delete-icon.slide-delete-icon i {
    color: rgb(255, 255, 255) !important;
}

.slide-options-wrapper .rc-collapse-content-active .switch-wrapper .switch {
    margin-left: -10px;
}

.slide-options-wrapper:last-child {
    margin-bottom: 24px;
}

.ddr-widget-toolbox--section-slider .toolbox-controls .ddr-widget-toolbox__sub-tool--drag,
.ddr-widget-toolbox--section-slider .toolbox-controls .ddr-widget-toolbox__sub-tool--duplicate,
.ddr-widget-toolbox--section-slider .toolbox-controls .ddr-widget-toolbox__tool--drag,
.ddr-widget-toolbox--section-slider .toolbox-controls .ddr-widget-toolbox__tool--duplicate,
.ddr-widget-toolbox--section-slider .toolbox-controls .ddr-widget-toolbox__tool--move,
.ddr-widget-toolbox--section-slider .toolbox-controls .ddr-widget-toolbox__tool--settings {
    background-color: rgb(226, 118, 37);
}

.ddr-widget-toolbox--section-slider .toolbox-controls .ddr-widget-toolbox__tool--delete {
    background-color: rgb(72, 72, 72);
}

.ddr-widget-toolbox--section-slider .toolbox-controls .ddr-widget-toolbox__tool.ddr-widget-toolbox__tool--delete:hover {
    background-color: rgb(58, 65, 74);
}

.ddr-widget-toolbox--section-slider .toolbox-controls .ddr-widget-toolbox__tool:hover {
    background-color: rgb(239, 56, 27);
}

.ddr-page-widget-overlay-wrapper:hover .ddr-widget-toolbox--section-slider {
    border: 2px solid rgb(226, 118, 37) !important;
}

.ddr-widget-toolbox--active.ddr-widget-toolbox--section-slider {
    border: 2px solid rgb(226, 118, 37);
}

.uploadcare--widget__button {
    border-radius: 3px;
    border-style: solid;
    height: auto;
    margin-left: 7px;
    min-width: 0px;
    padding: 0.4em 1em;
    width: auto;
}

.ddr-widget {
    background-color: initial;
    background-image: none;
    inset: auto;
    height: auto;
    margin: 0px;
    max-height: none;
    max-width: none;
    min-height: 0px;
    min-width: 0px;
    padding: 0px;
    width: auto;
}

.ddr-widget__headline {
    position: relative;
    word-break: break-word;
}

.ddr-widget__gallery img[src=""] {
    display: none;
}

@media (min-width: 1281px) {
    .ddr-page-row__wrap--max {
        flex-wrap: wrap;
    }

    .ddr-page-row__wrap--max .ddr-page-column__wrap--max {
        width: 100% !important;
    }

    .ddr-page-row__wrap-reverse--max {
        flex-wrap: wrap-reverse;
    }

    .ddr-page-row__wrap-reverse--max .ddr-page-column__wrap-reverse--max {
        width: 100% !important;
    }

    .ddr-page-column__hide--max,
    .ddr-page-widget__hide--max {
        display: none;
    }
}

@media (max-width: 1280px) and (min-width: 1025px) {
    .ddr-page-row__wrap--1280 {
        flex-wrap: wrap;
    }

    .ddr-page-row__wrap--1280 .ddr-page-column__wrap--1280 {
        width: 100% !important;
    }

    .ddr-page-row__wrap-reverse--1280 {
        flex-wrap: wrap-reverse;
    }

    .ddr-page-row__wrap-reverse--1280 .ddr-page-column__wrap-reverse--1280 {
        width: 100% !important;
    }

    .ddr-page-column__hide--1280,
    .ddr-page-widget__hide--1280 {
        display: none;
    }
}

@media (max-width: 1024px) and (min-width: 769px) {
    .ddr-page-row__wrap--1024 {
        flex-wrap: wrap;
    }

    .ddr-page-row__wrap--1024 .ddr-page-column__wrap--1024 {
        width: 100% !important;
    }

    .ddr-page-row__wrap-reverse--1024 {
        flex-wrap: wrap-reverse;
    }

    .ddr-page-row__wrap-reverse--1024 .ddr-page-column__wrap-reverse--1024 {
        width: 100% !important;
    }

    .ddr-page-column__hide--1024,
    .ddr-page-widget__hide--1024 {
        display: none;
    }
}

@media (max-width: 768px) and (min-width: 481px) {
    .ddr-page-row__wrap--768 {
        flex-wrap: wrap;
    }

    .ddr-page-row__wrap--768 .ddr-page-column__wrap--768 {
        width: 100% !important;
    }

    .ddr-page-row__wrap-reverse--768 {
        flex-wrap: wrap-reverse;
    }

    .ddr-page-row__wrap-reverse--768 .ddr-page-column__wrap-reverse--768 {
        width: 100% !important;
    }

    .ddr-page-column__hide--768,
    .ddr-page-widget__hide--768 {
        display: none;
    }
}

@media (max-width: 480px) and (min-width: 321px) {
    .ddr-page-row__wrap--480 {
        flex-wrap: wrap;
    }

    .ddr-page-row__wrap--480 .ddr-page-column__wrap--480 {
        width: 100% !important;
    }

    .ddr-page-row__wrap-reverse--480 {
        flex-wrap: wrap-reverse;
    }

    .ddr-page-row__wrap-reverse--480 .ddr-page-column__wrap-reverse--480 {
        width: 100% !important;
    }

    .ddr-page-column__hide--480,
    .ddr-page-widget__hide--480 {
        display: none;
    }
}

@media (max-width: 320px) and (min-width: 0px) {
    .ddr-page-row__wrap--320 {
        flex-wrap: wrap;
    }

    .ddr-page-row__wrap--320 .ddr-page-column__wrap--320 {
        width: 100% !important;
    }

    .ddr-page-row__wrap-reverse--320 {
        flex-wrap: wrap-reverse;
    }

    .ddr-page-row__wrap-reverse--320 .ddr-page-column__wrap-reverse--320 {
        width: 100% !important;
    }

    .ddr-page-column__hide--320,
    .ddr-page-widget__hide--320 {
        display: none;
    }
}


.ddr-widget .ddr-widget__button>a>button,
.ddr-widget .ddr-widget__form-text-input .uploadcare-button,
.ddr-widget .uploadcare--widget__button,
.ddr-widget .ddr-widget__form-submit button {
    overflow: hidden;
    cursor: pointer;
    background-color: #008fa2;
    box-sizing: border-box;
    word-break: break-word;
    transition: all .5s ease;
    border: none;
    border-radius: 3px;
}

.ddr-widget .ddr-widget__form-text-input .uploadcare-button {
    color: white;
}

.editor-wrapper .ddr-page-wrapper .ddr-widget .ddr-widget__rich-text .mce-content-body {
    line-height: unset;
}

.ddr-widget .ddr-widget__button>a>button,
.ddr-widget .ddr-widget__form-text-input .uploadcare-button,
.ddr-widget .ddr-widget__form-submit button {
    display: block;
}

.ddr-widget .ddr-widget__button>a>button span {
    font-size: 18px;
}

.ddr-widget .ddr-widget__countdown-widget {
    text-align: center;
    font-size: 35px;
}

.ddr-widget .ddr-widget__countdown-widget .countdown-label {
    font-size: 20px;
}

.generic-collection__item-DefaultStyle,
.generic-collection__item-Style1,
.generic-collection__item-Style2 {
    font-size: 14px;
    color: #107e8e;
    font-weight: 700;
}

.generic-collection__description {
    color: #343a40;
}