body {
    font-family: 'Helvetica', 'Arial', sans-serif;
    padding-top: 50px;
}

.autoclear {
    overflow: auto;
}

a.enplan {
    background-color: #0c9599;
    color: #ffffff;
    padding: 4px;
    text-decoration: none;
}

a.enplan:hover {
    color: #ffffff;
}

/*#whitebar {
	background-color: #ffffff;
	color: #333333;
	height: 40px;
	line-height: 40px;
	margin: 0px;
	padding: 0px 10px;
}

#greenbar {
	background-color: #0085DA;
	color: #ffffff;
	height: 40px;
	line-height: 40px;
	margin: 0px;
	padding: 0px 10px;
	text-align: center;
}
*/
#buff-droplist { position: relative; float:left; }
#buffer-text{ background-color: #ffffff; width:50%; border-right-color:#ffffff; border-right-style: none; font-weight: 400; font-size:10pt; }
#Warning{ font-size:12px; color :#6698FF; margin: 0 auto; text-align: center; padding:6%; }
#warn{ font-size:12px ; color :#FF0000; margin-left: 17%; }
#buff-value:hover { color:#808080; }
#buff-value { width:50%; border-left-color: #ffffff; border-left-style: none; font-size: 10pt; font-weight: 400; background-color: #fff; }
#export-popup .content { padding: 0; overflow: hidden; }
div#table-view-div {
    #overflow-x: hidden;
    display: none;
    #margin-top: 10px;
    z-index: 998;
    color: #000;
    background-color: #fff;
}
div#div-data-view { padding: 10px;  padding-top: 0; }
table#tbl-data-view { width: 100%; }
p#lable-view-div {
    display: none;
    z-index: 998;
    color: #000;
    background-color: #fff;
}
input#PDF-title {border-width: 1px; margin-top: 1px; #margin: 0px; position: relative; color: black;  border-color: black;background-color: #ffffff; width: 150%; font-size: 12px; padding-left: 5px; }
#submit-view, input#csv_download, #submit-pdf, #map-view-btn {
    font-weight: normal;
    background-color: #0085da;
    color: #fff;
    border: 1px solid #0085E6;
    width: 100px;
    height: 28px;
    margin-left: 10px;
    margin-top: 10px;
}
input#csv_download{
    margin-left: 10px;
    margin-top: 10px;
}
hr#separater-line{
    margin-top: 14px;
}
#opt-data-view .nav-tabs {
    #border-bottom: 1px solid #0085da;
}
#table-view, #CSV-view, #lable-view,#data-view {
    font-weight: bold;
    color: #0085da;
    cursor: pointer;
    text-align: center;
}
div#opt-data-view { padding-top: 4px;  }
#opt-data-view .nav-tabs>li.active>a,#opt-data-view  .nav-tabs>li.active>a:focus,#opt-data-view .nav-tabs>li.active>a:hover {
    #border: 1px solid #0085da;
    border-bottom: none;
    padding-bottom: 12px;
    background: #ebebeb;
    color:#0085da;
}
#MAP_View_section .map-view-section{
    padding-top: 10px
}
.outer-col-map .map-preview-border .map-preview-col canvas{
    width: 100% !important;
    height: auto !important;
}
.outer-col-map{
    display: flex;
    justify-content: center
}
.outer-col-map .map-preview-border{
    box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    padding: 15px;
    height: 100%;
    width: 100%;
}
#export-popup .header { z-index: 999; }
input#lable-view { margin-left: 15px; }
#tbl-data-view th, #tbl-data-view td { width:200px; padding: 6px; }
#tbl-data-view tr:first-of-type { border-bottom: 2px solid #0085DA; }
#tbl-data-view th {
    vertical-align: bottom;
}
#tbl-data-view td {
    vertical-align: top;
}
img#newcros {
    background-color: white;
    padding: 2px;
    position: absolute;
    right: 9px;
    top: 7px;
    width: 25px;
}
#userinfo {
    color: #333333;
    float: right;
    font-size: 12pt;
}

#userinfo a {
    text-decoration: none;
}
div#CSV_multilayer {
    #overflow-x: hidden;
    #margin-top: 10px;
    z-index: 998;
    color: #000;
    background-color: #fff;
    #padding: 0px 12px;
}
hr#separater-line {
    border: 2px solid #0085da;
    margin-bottom: 0px;
    border-top-width: 0px;
}
hr#separater-label {
    border: 2px solid #0085da;
    margin-bottom: 1px;
    border-top-width: 0px;
}
#table_multi_layers th {
    padding: 4px;
    margin-bottom: 10px;
    left: 2px;
    position: relative;
    top: 3px;
}
/*error*/
#data-view-tbl table {
    width: 100%;
}

#data-view-tbl thead,#data-view-tbl tbody,#data-view-tbl tr,#data-view-tbl td,#data-view-tbl th { display: block; }

#data-view-tbl tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

#data-view-tbl thead th {
    height: 30px;
}
#data-view-tbl thead {
    /* fallback */
}


#data-view-tbl tbody td,#data-view-tbl thead th {
    width: 24.2%;;
}
/*error*/

div#csv-view-div { display: none; }

.csv_single_layer{margin-top: 5px;}
#download_csv{
    margin-right: 0px;
}
div#buttons_layers {
    cursor: pointer;
    background-color: white;
    display: inline-flex;
    width: 100%;
}
#limit_text_label{
    padding-top: 12px;
}
#buttons_layers ul.nav.nav-tabs {
    width: 100%;
    border-bottom: 1px solid #0085da;
}
#buttons_layers .nav-tabs>li.active>a,#buttons_layers  .nav-tabs>li.active>a:focus,#buttons_layers .nav-tabs>li.active>a:hover {
    border: 1px solid #0085da;
    border-bottom: none;
}

p#csv_layers_names {
    margin-bottom: 15px;
    position: relative;
    color: #000;
    width:250px;
}
p#table_layers_names { position: relative; left: 26px; margin-bottom: 2px;!important;}
div#multi-layers { top: 12px; position: relative; }
small#tooltip-both, small#tooltip-same, small#tooltip-duplicates {
    box-shadow: 0px 0px 2px #000000;
    border-radius: 96px;
    padding: 1px 6px;
    cursor: default;
    width: 16px;
    height: 16px;
    background: #fff;
    color: #000;
    text-align: center;
}
span#lable_mod {
    left: 72px;
    font-weight: normal;
}
p#label_layers_names {
    margin-bottom: 11px;
    position: relative;
    color: #000;
    left: 65px;
    margin-top: 4px;
}
p#labeldataset {
    #margin-top: 10px;
    #margin-left: 13px;
}
#etctools {
    float: right;
}

a {
    color: #0085DA;
    border-style: none;
    outline-style: none;
}

a:hover {
    color: #666666;
}

.mapport-panel ul {
    list-style: none;
    margin: 0px;
    padding: 0px
}

.mapport-panel li {
    background-color: #ffffff;
    border-bottom: 1px dotted #cccccc;
    overflow: auto;
    padding: 5px;
}

.mapport-panel li:nth-child(2n) {
    background-color: #f8f8f8;
}

.mapport-panel .label {
    color: #000000;
    font-weight: bold;
}

.mapport-panel .label.has-icon {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
    background-size: 15px
}

.value {
    color: #808080;
    width: 100% !important;
    font-size: 9pt;
    word-wrap: break-word;
}

.dummy {
    display: none;
}

li.dummy:first-child:last-child {
    display: block;
}

tr.dummy:first-child:last-child {
    display: table-row;
}

/* Tables */
.mapport-panel table {
    border-collapse: collapse;
    color: #333;
    margin-bottom: 10px;
    width: 100%;
}

.mapport-panel tbody tr {
    background-color: #f8f8f8;
    border-bottom: 1px dotted #808080;
}

.mapport-panel tbody tr:nth-child(2n) {
    background-color: #ffffff;
}

.mapport-panel th, .mapport-panel td {
    text-align: left;
    padding: 6px !important;
    font-size: 10pt;
    font-weight: 400;
}

.mapport-panel .position-section{
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.mapport-panel .position-section td {
    padding-left: 0px !important;
}

.mapport-panel .position-section tbody td:nth-child(1) {
  padding-left: 4px !important;
}

.mapport-panel th {
    border-bottom: 2px solid #666666;
    padding-bottom: 1px;
}

.mapport-panel th a {
    display: block;
    padding: 2px 4px;
    text-decoration: none;
}
.mapport-panel th a.asc:after {
    content: ' ⇣';
}
.mapport-panel th a.desc:after {
    content: ' ⇡';
}

.mapport-panel tr.dummy td {
    height: 120px;
    text-align: center;
    vertical-align: middle;
}

.mapport-panel td .grip {
    cursor: move;
    display: block;
    margin: 6px 0px;
}

/** Forms **/
/*form {
	overflow: auto;
	padding: 0;
}*/
.mapport-panel form ul {
    list-style: none;
    overflow: auto;
}
.mapport-panel form li, .mapport-panel form div.buttons {
    overflow: auto;
    padding: 10px;
    position: relative;
    vertical-align: middle;
}

.mapport-panel form li .label {
    clear: left;
    float: left;
    font-weight: bold;
    line-height: 30px;
    height: 100%;
}



.mapport-panel input, .mapport-panel select, .mapport-panel textarea {
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #eeeeee;
    border: 1px solid #888888;
    float: right;
    height: 32px;
    padding: 4px;
    width: 100%;
    margin: 10px 0px 5px 0px;
    padding-left: 10px;
}

.mapport-panel textarea {
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 100%;
}

.mapport-panel input:focus, .mapport-panel select:focus, .mapport-panel textarea:focus {
    border: 1px solid #0085DA;
}

label + input, label + select, label + textarea {
    width: 70%;
}
p#lable-view-div input[type=checkbox], input[type=radio]{
    margin:3px 4px 0px;
}

input[type=checkbox], input[type=radio] {
    background-color: inherit;
    border-style: none;
    clear: right;
    float: right;
    height: auto;
    padding-left: auto !important;
    width: auto;
}

.navbar {
    margin-bottom: 0 !important;
}

.bluebar {
    background-color: #0c9599 !important;
    border: none !important;
    border-radius: 0 !important;
}

#select-interaction label {
    display: block;
    font-size: 10pt;
    font-weight: 400;
}

select#select-layer {
    font-size: 10pt;
    font-weight: 400;
}

.ui-menu-item,.table-auto {
    padding: 0 !important;
    margin: 0 !important;
    border: none;
}

.ui-menu-item,.ui-menu-item tr {
    background-color: #f9f9f9;
}

.ui-menu-item tr {
    background-color: #f9f9f9;
    cursor: pointer;
}

.ui-menu-item tr:hover {
    background-color: #ddd !important;
}
.ui-autocomplete {
    font-size: 12px;
    position: absolute;
    width: 50% !important;
    background-color: #f9f9f9;
    max-height: 50%;
    padding: 0;
    right: 0px;
}

@media only screen and (max-width: 480px) {
  .ui-autocomplete {
    width: 102% !important;
      left: 0 !important;
      overflow-x: auto;
  }
}


@media only screen and (max-width: 480px) {
  .ui-autocomplete {
    width: 102% !important;
      left: 0 !important;
  }
}


.ui-autocomplete  .ui-menu-item {
}

.mapport-panel input.radio-input{
    float:none;
    margin-left: 10px;
    position: absolute;

}

.print-divs > input#print_title { background-color: #fff; float: none; font-size: 10pt; margin-left: 6px; width: 187px; }

#tool-panel #share-snapshot-form > p, #tool-panel .print-divs > p {
    font-size: 10pt;
    margin-bottom: 5px;
    text-align: left;
}
/* Close Button */
#search-close { border-left: 1px solid black; border-top: 1px solid black;border: 1px solid black;color: #929292; cursor: pointer; display: none; padding: 2px; position: absolute !important; right: 0px; top: 0;width:26px; }
#etctools div#quick-input-div { position: relative; width: 300px; }
ul li.urlarea { padding-bottom: 25px; }

.urlarea > a {
    cursor: pointer;
    display: block;
    float: right;
    font-size: 12px;
    height: 32px;
    margin-top: 5px;
    padding-top: 8px;
    text-align: center;
    width: 40px;
}
.urlarea {
    margin: 0 auto;
    width: 180px;
}
.urlarea > input {
    float: none;
    width: 140px;
    padding-left: 4px;
    padding-right: 3px;
}

#layers-panel label {
    display: block;
    height: 22px;
    line-height: 22px;
    font-size: 10pt;
    font-weight:400;
    margin-bottom: 0px;
}

#info-panel .content h3 {
    font-size: 12.5pt;
    font-weight: 700;
}

#print-div > a { font-size: 14px; }
#query-form select#query-table { margin-bottom: 0; }
#query-form #query-conditions > li { padding: 0 10px 10px; }
#query-table-wrapper > select { margin-bottom: 0; }
#query-form h3.query-label { font-size: 11pt; font-weight: 700; padding-left: 2px; }
#query-form select, #query-form #query-conditions select { font-size: 9pt; margin: 0 0 10px; }
#query-form .query-vals { font-size: 9pt; margin-top: 0; }
#query-form > ul#query-conditions { margin-top: 0; }
#query-form .query-add,#query-form .floater { font-size: 12px; }
#query-form .floater.add { width: 80px; }
#social-links { float: right; height: 9px; line-height: 29px; margin-right: 2px; }
#monkey-link-content { float: right; margin-right: 5px; }
#pro-survey { font-size: 12px; height: 9px; line-height: 24px; margin-right: 8px; }
#enplan-media { margin-top: 10px; z-index: 10; }
#social-links { float: right; height: 9px; line-height: 20px; }
#quick-tool > img { cursor: pointer;width:20px; margin-bottom: 7px; }
.ui-autocomplete th, .ui-autocomplete td { padding: 6px !important; font-size: 9pt; }
.ui-autocomplete th { padding-bottom: 0; }
.ui-menu-item tr th{  font-size: 11pt;  }

/* Added for popup */
.pv-modal .modal-content { border-radius: 0; border: none; }
.pv-modal .modal-content { top: 120px; }
.pv-modal .modal-body, #live-share-modal .modal-body { font-family: 'Helvetica', 'Arial', sans-serif; }
.pv-modal h3, #live-share-modal h3 { font-size: 18px; margin-top: 10px; }
.pv-modal .btn { border-radius: 1px; padding: 5px 18px; }
.pv-modal .modal-footer { padding-bottom: 5px; padding-top: 3px; }
.pv-modal .col-xs-4.modal-function { min-width: 175px; }
.pv-modal #go-to-map{  background-color:  #f6f6f6 ;border-color: #929292; font-size: 16px; padding-left: 22px; padding-right: 22px; margin: 15px 0 10px 0}
.head-in-modal { font-size: 25px; }
.modal-mini-head { font-size: 17px; }
.modal-function > p{ font-size: 13px; margin-bottom: 2px; padding-left: 4px; }
.modal-function > p img { height: 13px; }
.modal-row { margin-right: 0 !important; margin-left: 0 !important; }
#landing-modal .subscribe-btn, #share-landing-modal .subscribe-btn { border-radius: 0 !important; border: 2px solid #12273a !important; }
#landing-modal .text-highlight, #share-landing-modal .text-highlight { background: #e2bf30; font-weight: bold; padding: 3px; }
#landing-modal .modal-content, #share-landing-modal .modal-content { height: 100%; bottom: 8%; top: 120px; }
#landing-modal .modal-body, #share-landing-modal .modal-body { overflow-y: scroll; height: 92%; font-family: 'Helvetica', 'Arial', sans-serif; }
#landing-modal .accept-btn, #share-landing-modal .accept-btn{ border-radius: 0; padding: 3px 18px; }
#landing-modal a { cursor: pointer; }
/* Grey Out Modal */
#grey-out-modal .modal-dialog { max-width: 450px; }
#grey-out-modal .modal-body > p, #live-share-modal .modal-body > p { margin-bottom: 0; }
#grey-out-modal .btn-primary { float: left; }
#header-subscribe-btn { color: #fff; cursor: pointer; font-weight: 700; font-size: 10.5pt; padding-left: 30px; position: relative; top: 10px; }
/* Live Share Modal */
#live-share-modal .modal-footer > p { float: left; font-family: 'Helvetica', 'Arial', sans-serif; font-size: 12px; margin-bottom: 0; padding-left: 0; padding-top: 7px; }
#live-share-modal .modal-footer input { float: left; margin-right: 4px; margin-top: 1px; }
#live-share-modal h3 { font-weight: normal; padding-left: 0; }
#live-share-modal .modal-body { font-size: 14px; }
#live-share-modal .modal-body > p { padding-left: 0; }

#mini-loading {
    position: absolute;
    top: 3px;
    left: 250px;
    width: 20px;
    height: 20px;
}
.limit-text_multi_layer {position: relative;  bottom: 9px; font-size: 10px; }
.single-text_multi_layer{position: relative;  top: 8px; font-size: 10px;}

@media only screen  and (max-width : 2824px){  .limit-text_multi_layer { position: relative; left: calc(31.6% - 88px); }  .single-text_multi_layer{position: relative;  left:19.3%;}  .table_layers_name {  #width: 11.9%;  }  }
/*Desktop 1920 above*/
@media only screen  and (max-width : 1680px){  .single-text_multi_layer{ position: relative; left: 18.7%;}   .table_layers_name {  #width: 14.4%;  } .limit-text_multi_layer { position: relative; left: calc(34.3% - 88px); }}
@media only screen  and (max-width : 1324px) {  .limit-text_multi_layer {position: relative;  left: calc(39.2% - 88px);  }  .single-text_multi_layer{ position: relative; left: 17.0%;}  .table_layers_name {  #width: 18.9%;  } }

@media only screen  and (max-width : 1124px){  .single-text_multi_layer{ position: relative; left: 15.5%;}   .table_layers_name {  #width: 13.9%;  }}
@media only screen and (max-width: 768px) {  .limit-text_multi_layer {position: relative;  left: calc(33% - 88px); }  .single-text_multi_layer{position: relative; left: 17%; }  .table_layers_name {  #width: 18.9%;  }
    #landing-modal .modal-dialog, #share-landing-modal .modal-dialog {
        width: 100%;
        margin: 0 !important;
        height: 75%;
    }
    #landing-modal .modal-content, #share-landing-modal .modal-content {
        height: 100%;
        bottom: 8%;
        top: 120px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 95%;
        max-width: 1000px;
    }
    .pv-modal .modal-footer {
        /* padding-bottom: 29px; */
        padding-top: 2px;
    }
}

/*My Tooltip*/
.mytooltip {
    position: relative;
    display: inline-block;
    font-weight: normal;
}

.mytooltip .tooltiptext, .tooltiptext {
    visibility: hidden;
    border:solid black 1px;
    background-color: #ffffff;
    color: #000000;
    padding: 5px;
    font-size: 9pt;
    line-height: normal;
    pointer-events: none;
    transition-property: opacity;
    transition-delay: 1000ms;
    transition-duration: 400ms;
    opacity: 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tip-topright {
    bottom: 140%;
    left: 120%;
    margin-left: -25px;
}
.tip-right{
    top: 12%;
    left: 120%;
    margin-left: -25px;
    z-index: 999;
}
.tip-topleft {
    bottom: 138%;
    left: 115%;
    margin-left: -78px;
}
.tip-rightcenter {
    bottom: 0%;
    left: 112%;
}
/*Right panel tool tips*/
.wide-tooltips{
    width: 112px !important;
}
/*Left panel tooltips*/
.narrow-tooltips{
    width: 70px !important;
    text-align: center;
}
.tip-bottom{
    top: 125%;
    left: 50%;
    margin-left: -60px;
    text-align: left;
    min-width: 180px;
}

.tip-bottomleft{
    top: 100%;
    right: 110%;
    text-align: left;
    min-width: 200px;
    z-index: -1;
}

.upload-kml-tooltip{
    top: 46px;
    left: -85px;
    height: 44px;
    width: 132px !important;
}

.mytooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.hideTooltip{
    visibility: hidden !important;
}

/*Info tool tip*/
.tooltiptext {
    position: fixed;
    right: 200px;
    transition-delay: 1000ms;
    transition-duration: 400ms;
    z-index: 10;
    width: 200px;
}

.navbar.bluebar #etctools .mytooltip .tooltiptext{
    right: 0px;
}
.navbar.bluebar #quickform .mytooltip .tooltiptext{
    right: 0px;
    width: 323px;
}

/*Tool tool tip*/
span#basemap_tooltip, span#subclass_tooltip{
    position: fixed;
    max-width: 200px;
    font-weight: normal;
}
span#map_tooltip, span#subclass_tooltip{
    position: fixed;
    max-width: 200px;
     font-weight: normal;
}
/*End my tooltip*/

#mapport-notification .alert-success, #mapport-notification .alert-warning { color: #555555; background-color: #e6e6e6; border-color:#555555; border-style: solid; border-width: 2px; }

#multi_labels{
    color:#000;
}
#multi_placeholder #dataset{
    #margin-left: 12px;
}

#CSV_multilayer input[type=checkbox]{
    left: 60px !important;
}
#csv_layers_names {
    margin-left: 65px !important;
}
#multi_placeholder{
    #left:34px;
}
#multi_placeholder input[type=checkbox]{
    margin-top: 4px;
    margin-left: 3px;
}
#multi_placeholder  #table_layers_names  {
    margin-left: 16px;
}
#multi_labels input[type=checkbox]{
    left: 60px !important;
}
.table_layer{
    left: 170px;
    width: 6%;
    display: inline-block;
}
.table_layer_text{
    width: 80%;
    display: inline-block;
}
.table_layer_text p{
    margin-bottom: 0px;
}
#lable-settings{
    #margin-top: 5px;
    #margin-left:13px;
    color: #000;
    #padding-top: 10px;
    #margin-bottom: 0px;
}
#lable-view-div{
    #margin-left: 13px;
}
#separater_label{
    border-top: 0px!important;
}
#buffer-submit{
    font-family:'Helvetica', 'Arial', sans-serif;
}
li#lable-view{
    #margin-left: 12px;
}
input#submit-view{
    margin-left: 10px;
    margin-top: 10px;
}
p#lable-view-div{
    #margin-left: 10px !important;
}
.single_layer{
    margin-left: 10px;
}
#lable-view-div span{
    margin-top: 13px;
}
.table_layers_name .pdf_layers {
    display: inline-block;
}
.pdf_layers{
    #width:80%;
    position: absolute;
    right: 60px;
}

p.layer_names{
    margin-bottom: 15px;
    position: relative;
    left: 68px;
}

.csv_view_checks,.csv_layers_names{
    display: inline-block;
}
.label_view_checks ,.labels_layer_names{
    display: inline-block;
}
.layer_name{
    font-weight: bold;
}
.labels_layers {
    #margin-left: 25px;
}
#multi_placeholder {
    #margin-left: 25px;
}
div#CSV_multilayer{
    #margin-left:1px
}
#data-view-tbl tbody td, #data-view-tbl thead th{
    display:inline-block;
}
#table_multi_layers table{
    display: block;
    width: 100%;
    height:75%;
    padding-left: 5px;
}
#data-view-tbl thead, #data-view-tbl th,#data-view-tbl tbody tr{
    white-space:nowrap;
}
#data-view-tbl tbody tr td,table#data-view-tbl thead tr th{
    white-space:normal;
}
#newscrol{
    height:100%;
}
div#opt-data-view .nav>li>a{
    padding-left: 10px;
}
div#opt-data-view .nav #Map-view:hover{
    cursor: pointer;
}
div#opt-data-view .nav #Map-view .active:hover{
    cursor:none
}
.pdf-single_layer{
    margin-left: 0px !important;
}
li.multi_layer_buttons{
    margin-left:12px;
}

#buttons_layers .nav-tabs>li.active>a {
    margin-top: 2px;
    border-bottom: none;
}
tbody#newscrol{
    margin-top: 10px;
}
/* To fix the grey background on hover over layers names in Data View at Large Screens*/
@media only screen  and (min-width : 1800px){
    div#buttons_layers {
        margin: 2px;
        height: 44px;
        cursor: pointer;
        background-color: white;
        display: inline-flex;
        width: 100%;
    }
    #buttons_layers .nav-tabs>li.active>a {
        margin-top: 3px;
        border-bottom: none;
    }
}
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.img_icon {
    width: 25px;
}

#nav{
    color: white;
    margin-top: -5px;
    margin-left: 5px;
    margin-right: 10px;
}

.mytooltip .tip-ap-feed{
    left:0;
    margin-left:0;
}

span.tooltiptext:empty {
    visibility: hidden;
    display: none;
}
.err-select-layers{
    display: none;
    color: red;
    font-style: italic;
}

.data-view-top{
    display: flex;
    border-bottom: solid 2px #d6d6d6;
}

.chose-layers-div,.chose-settings-div{
    width:50%;
}

.chose-settings-div{
    border-left: solid 2px #d6d6d6;
    width:50%;
}

.chose-layers-div{
    max-height: 215px;
    overflow: auto;
    position: relative;

}
.chose-settings-div,.chose-layers-div{
    padding-left:13px;
    padding-bottom:13px;
    padding-top: 13px;

}
.data-view-desc{
    padding: 20px;
}

.multi-layer-steps,.single-layer-steps{
    font-size: 25px;
    font-weight: bold;
    padding: 5px 15px;
    border-radius: 50%;
    background: #d3f4fd;
    color: #0085da;
    margin-right:5px;
}

#CSV_multilayer .chose-layers-div{
    border-right: 0;
    border-bottom: solid 2px #d6d6d6;
    margin-bottom: 13px;
    width: 100%;

}

@media only screen  and (max-width : 1124px){
    #export-popup .content{
            overflow-y: auto;
    }
}

#table_multi_layers{
    width: 100%;
    overflow: auto;
    position:absolute;
    bottom:0px;
    top:115px;
}

#preplan-popup {
	position: fixed;
	top: 85px;
	left: 100px;
	right: 100px;
	bottom: 15px;
	z-index: 999;
}

#preplan-popup textarea{
    min-height: 35px;
    resize: vertical;


}

#preplan-popup .content{
    bottom:40px!important;
}

#pro-share-modal .terms-text{
    margin:15px;
    display:none;
}
#pro-share-modal .terms-text-content
{
    display:inline-flex;
}
#pro-share-modal .terms-text input[type=checkbox]{
    float:unset;
    margin-left: 10px;

}

.font-size-13{
font-size: 13px !important;
}
.padding-0{
padding: 0px 0px !important;
}

// Embed tool css
#embed-frame-height{
    height:32px;
}
#frame-height, #update-frame-height{
    height:100%;
    display: inline-block;
    vertical-align: bottom;
    margin: 0;
}
#frame-height{
    width: 68%;
    font-size: 12.5pt;
    float: left;
    margin-left: -4px;
}
#embed-frame-height{
    margin-bottom: 30%;
}
#update-frame-height{
    cursor: pointer;
    width:32%;
    text-align: center;
    text-decoration: none;
    padding-top: 6px;
    background-color: #0085da;
    padding-bottom: 6px;
    float: right
}
#update-frame-height:hover{
    background-color: #0069ad
}
#share-iframe{
    height: 226px;
    resize: none;
}

#start-over{
margin-top: 24%;
}

#embed-view-2 .button-container{
    margin-top: 41%;
    border-top: 1px dotted black;
    margin-top: 10px;
    padding-top: 10px;
}
#embed-url{
    width: 73%;
    font-size: 12.5pt;
    float: left;
    margin-left: -4px;
}
.dotted-border{
    border-top: 1px dotted black;
    margin-top: 10px;
    padding-top: 10px;
}

div.material-switch {
    margin-top: 11px;
}

.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px !important;
    position: relative;
    width: 40px;
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.selectize-input input {
    float:none;
    height: auto;
}

.mapport-panel form li.capture-li{
    overflow: visible;
    width: 100%;
    display: inline-block;
}

.mapport-panel input.capture-input{
    float: none;
}