/* [ALL FIXES] */


/* [SELECTIZE INPUT] for lake search box */
.selectize-input {
    text-align: center;
}

.optgroup-header {
    text-align: center;
}

/* [TOOLS DROPDOWN] dropdown buttons and dropdown menu background color */
.controlBttns .action-button {
    width: 100%;
    /* tags to maintain butoon size */
}

#dropdown-menu-ddbClassify,
#dropdown-menu-ddbBasemap,
#dropdown-menu-ddbFilter,
#dropdown-menu-ddbTool {
    background-color: #e0fcfc;
    border-color: darkcyan;
    opacity: 0.9;
    /* tags to maintain butoon size */
}

.leaflet-top,
.leaflet-bottom {
    z-index: 900;
    /* put leaflet zoom control behind dropdownmenu controls (for mobile device with narrow width) */
}

div.leaflet-right.leaflet-bottom>div.info.legend.leaflet-control>i {
    border-radius: 50%;
    /*  change lake point legend from square to circle */
}

/* [INFO BOXES] */
/* make action button not blocked by gauge chart svg canvas  */
/* based on z-index only works on positioned elements (position:absolute, position:relative, or position:fixed). */
.zFront {
    position: relative;
    z-index: 100;
}


/* [Sunburst chart] */
/* force legend to show */
div.sunburst-sidebar>div.sunburst-legend {
    visibility: visible !important;
}

/* hide legend checkbox */
div.sunburst-sidebar>input {
    display: none;
}

/* center legend text */
div.sunburst-sidebar {
    text-align: center;
}

/* [Tabbox title font size] */
#shiny-tab-dashboard > div:nth-child(3) > div > div > ul > li > a {
    font-size: 16px;
    font-weight: bold;
}
/* active tab  */
.nav-tabs-custom>.nav-tabs>li.active:hover>a, .nav-tabs-custom>.nav-tabs>li.active>a {
    background-color: #3b8dbc;
    color: #fff;
}
.nav-tabs-custom>.nav-tabs>li.active>a {
    border-left-color: #3b8dbc;
    border-right-color: #3b8dbc;
}
/* inactive tab */
.nav-tabs-custom>.nav-tabs>li>a {
    color: #3b8dbc
}
/*  full lenght line separator */
.nav-tabs-custom>.nav-tabs {
    border-bottom-color: #90c4e1
}


/* [Ceded territories CSS class] */
.cededClass {
    color: #B58503;
    background: white;
    border: 2px solid #EFB925;
  }
/* override material switch default color */
#dropdown-menu-ddbBasemap > li:nth-child(2) > div > div > label {
    background-color: #EFB925;
  }
  /* for triangle maybe? */
  /* .leaflet-tooltip-left.cededClass::before {
    border-left-color: cyan;
  }
  .leaflet-tooltip-right.cededClass::before {
    border-right-color: cyan;
  } */

  /* [Cisco lake popup addon] */
  .bgred { /* BackGround RED */
    background-color: red;
    color: white;
  }