html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

/* .esri-search__sources-button {
    display: none;
} */

#breadcrumb {
    color: #fff;
}

.navbar-fixed-top {
    top: 54px !important;
}

.calcite-nav-top .calcite-panels, .calcite-nav-top-fixed .calcite-panels {
    top: 119px;
}

.bgcolor-vis-blue {
    background-color: rgb(0,38,76)!important;
}

.calcite-bgcolor-blue-transparent {
    background-color: rgba(0,38,76, 0.6)!important;
}

.calcite-map {
    overflow-y: auto;
    top: 54px !important;
    bottom: 56px !important;
}

.calcite-panels {
    z-index: 3;
}

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

.big-text {
    font-size: 1.2em;
}

.underline {
    text-decoration: underline;
}

.f-img-left-one {
    float: left;
    margin-right: 0.5em;
    padding-top: 1em;
    padding-right: 0.5em;
    padding-bottom: 0.6em;
    text-align: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    line-height: 12px;
    color: #6b6b6b;
}

.pubListItem {
    display: flex;
    align-items: center;
    padding: 15px;
    border-bottom: thin;
    border-bottom-color: #8a8a8a;
    border-bottom-style: solid;
}

.reponsive-form {
    max-height: 423px;
    overflow-x: hidden;
    margin-right: -15px
}

.form-group-scroll {
    margin-right: 0 !important;
}

.grid-offset {
    margin-top: 50px;
}

.esri-basemap-gallery {
    width: 100%;
}

.btn {
    border-radius: 4px;
}

.bottom-form-group {
    margin: 0;
}

.button-form-group {
    margin-top: 15px;
    margin-bottom: 15px;
}

.radio {
    margin-left: 40px;
}

.radio input[type=radio] {
    margin-top: 3px;
    margin-left: -40px;
}

.layer_type_symbol {
    position: absolute;
    margin-left: -20px;
    margin-top: 1px;
    width: 15px;
    height: 15px;
    border: 1px solid white;
}

.conventional_symbol {
    background-color: #deb865;
}

.contOil_symbol {
    background-color: #c34c27;
}

.contGas_symbol {
    background-color: #73ff87;
}

.shaleOil_symbol {
    background-color: #742d2d;
}

.shaleGas_symbol {
    background-color: #ff0000;
}

.tightGas_symbol {
    background-color: #cbc100;
}

.coalbed_symbol {
    background-color: #95c3bd;
}

.gasHydrates_symbol {
    background-color: #2d66eb;
}

.bottom-radio {
    padding-bottom: 7px;
}

 .radio label {
    padding-left: 0;
} 

.checkbox, .radio {
     margin-top: 0; 
}

fieldset.download-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.download-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:inherit;
    padding:0 10px;
    border-bottom:none;
}

.pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }

/* .pagination>li>a, .pagination>li>span {
    color: #5cb85c;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    background-color: #5cb85c;
} */

#sampleTable tbody tr:hover {
    cursor: pointer;
}

.calcite-map .esri-popup__header-title {
    cursor: unset;
}

.no-top-margin {
    margin-top: 0;
}

.no-top-padding {
    padding-top: 0 !important;
}

.text-strong {
    font-weight: bold;
}

.list-group-item {
    padding: 4px 8px;
    min-height: 30px;
}

.no-side-margins {
    margin-left: 0;
    margin-right: 0;
}

.header-w-download {
    display: inline-block;
    margin-top: 0;
}

.float-right {
    float: right;
}

.slider-label-left {
    margin-right: 10px;
}

.slider-label-right {
    margin-left: 10px;
}

 .slider.slider-horizontal {
    width: 70%;
} 

/* .slider-handle {
    background-color: #5cb85c;
    background-image: -webkit-linear-gradient(top,#5cb85c 0,#398439 100%); 
    background-image: -o-linear-gradient(top,#5cb85c 0,#398439 100%);
    background-image: linear-gradient(to bottom,#5cb85c 0,#398439 100%); 
} */

.glyphicon.fast-right-spinner {
    -webkit-animation: glyphicon-spin-r 1s infinite linear;
    animation: glyphicon-spin-r 1s infinite linear;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: left;
    }
}

@media (max-width: 768px) {

    .esri-basemap-gallery {
        max-height: 350px;
    } 

    .calcite-panels .panel-body {
        width: 100% !important;
    }

    .download-top {
        margin-bottom: 10px;
    }

    .calcite-title-main {
        font-size: 14px;
    }

    .calcite-map {
        bottom: 0 !important;
    }

    .calcite-nav-top .calcite-panels, 
    .calcite-nav-top-fixed .calcite-panels, 
    .calcite-nav-top.calcite-margin-all .calcite-panels, 
    .calcite-nav-top.calcite-margin-top .calcite-panels {
        top: auto !important;
    }

    .footer {
        visibility: hidden;
    }
}

@media (max-height: 767px) {
    .reponsive-form {
        max-height: 306.5px;
    }
}

@media (max-height: 544px) {
    .reponsive-form {
        max-height: 195px;
    }
}

@media (max-height: 320px) {
    .reponsive-form {
        max-height: 83px;
    }
}

@media (min-height: 992px) {
    .calcite-panels .panel-body {
        max-height: 500px;
    }
}

@-webkit-keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}