.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: inherit;
    opacity: 1;
}

.form-control {
    display: inline-block;
}

.rinexSites {
    position: relative;
    overflow: hidden;
}

#rinexSiteList .siteInfo {
    padding: 5px 10px;
    border-bottom: 1px solid #d3d3d3;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

    #rinexSiteList .siteInfo.highlight, #rinexSiteList .siteInfo:hover {
        border-left: 4px solid transparent;
    }

    #rinexSiteList .siteInfo .markerDetails,
    #rinexSiteList .siteInfo .hardwareDetails {
        width: 145px;
    }

        #rinexSiteList .siteInfo .markerDetails .icon {
            vertical-align: middle;
        }

    #rinexSiteList .siteInfo .dataDetails {
        text-align: right;
        flex-wrap: nowrap;
    }

        #rinexSiteList .siteInfo .dataDetails button, #rinexSiteList .siteInfo .dataDetails {
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }
                #rinexSiteList .siteInfo .dataDetails button .filesCountText {
                    padding-right: 7px;
                }

            #rinexSiteList .siteInfo .dataDetails button.siteDataCompleteness {
                min-width: 108px;
            }

.siteInfo .markerNumber {
    display: inline-block;
    font-weight: bold;
    padding-right: 5px;
}

#rinexSiteList .siteInfo .editCheckbox {
    width: 24px;
    display: inline-block;
    z-index: 100;
    color: #000000;
    height: auto;
    margin-left: 12px;
}

.siteMarker:hover:before {
    z-index: 10000 !important;
}

.siteMarker:hover + .siteMarkerLabel {
    z-index: 10010 !important;
}

.markerRed {
    color: #ff5052;
}

.markerGreen {
    color: #99cc68;
}

.markerYellow {
    color: #ffcb46;
}

.siteMarkerLabel {
    margin-top: 3px;
}

    .siteMarkerLabel:before {
        display: none;
    }

.rinexSubHeading, .vRinexSubHeading {
    padding-left: 2px;
    font-weight: normal;
}

.centerToRinexSites + .tooltip > .tooltip-inner {
    margin-right: 2%;
}

.siteInfo .siteStatusHighlight, .siteInfo .siteStatusHoverHighlight {
    color: #4f81bd;
}

/* Pinned Markers */
.pinned .siteMarker:after {
    content: "\ea37";
    transform: rotate(45deg);
    position: absolute;
    top: -100%;
    left: 0;
    color: #45484D;
    font-size: 32px;
    text-shadow: none;
}

.leaflet-basemap-satellite .pinned .siteMarker:after {
    text-shadow: 1pt 0 0 #000, -1pt 0 0 #000, 0 1pt 0 #000, 0 -1pt 0 #000;
}

.rinexSites.search .siteInfo:not(.searchResult), .rinexSites.search .leaflet-container .siteMarker-wrapper:not(.searchResult) {
    display: none !important;
}

#dataSliderId .tooltip-min, .tooltip-max, #dataSliderId .tooltip {
    display: none;
}

.settingError, .wrapper-content, .connectionError {
    display: none;
}

.settingError, .connectionError, .modelError {
    margin-top: 20px;
}

    .connectionError.show {
        display: block;
        margin-top: 40px;
    }
        .connectionError.show + .wrapper-content {
            margin-top: 0px;
        }

    .modelError span {
        color: #ffffff;
        display: inline-block;
    }

#endErrorMessage, #startErrorMessage {
    margin-bottom: 10px;
}

.rinexSites #rinexSiteList {
    overflow-y: auto;
    overflow-x: hidden;
    width: 587px;
}

.rinexSites .rinexSiteListSplit {
    padding: 0;
    background: #f0f0f0;
    border: solid 1px #8C8C8F;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.quotaInfo, .requestContent {
    margin: 13px;
}

.requestDetails {
    border: none;
    color: #ffffff !important;
    background: #8C8C8F !important;
    padding: 5px 10px;
    margin-left: 0;
    margin-right: 0;
}

.text-color-green {
    color: green;
}

.siteInfo .filesCountText {
    display: inline-block;
}

    .siteInfo .filesCountText .percent {
        display: block;
    }

.siteInfo .filesCountProgress {
    float: none;
    width: 8px;
    min-height: 0;
    margin: 5px 0;
    height: 45px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.search #search-button {
    width: 35px;
    height: 30px;
    background: #D6D6D6;
    border: solid 1px #f0f0f0;
    border-top: none;
    border-radius: 0 0 5px 5px;
    margin-bottom: 0;
    padding: 6px 0;
}

#search-form {
    display: none;
    width: 250px;
    height: 30px;
    margin-bottom: 0;
    color: black;
}

.emptyFiles {
    font-weight: 600;
    color: #EFE1B3;
}

#rinexSiteMap {
    flex-grow: 1;
}

#rinexSiteMap, .rinexSiteListSplit {
    height: 630px;
}

@media (min-width: 769px) and (max-width: 979px) {
    #rinexSiteMap, .rinexSiteListSplit {
        height: 450px;
    }

    #rinexSiteList .siteInfo {
        display: block;
        position: relative;
    }

        #rinexSiteList .siteInfo .dataDetails {
            position: absolute;
            right: 10px;
            top: 10px;
            bottom: 10px;
        }

    .rinexSiteListSplit {
        width: 400px;
    }

    .selectedTimePeriodTo {
        display: block;
    }

    .rinexSites #rinexSiteList {
        width: auto;
    }
}

@media(max-width: 979px) and (min-width: 878px) {
    .multi-row-navbar .navbar-content div:nth-child(2) {
        display: inline-block;
    }
}

@media (max-width: 450px) {
    #rinexSiteList .siteInfo {
        display: block;
        position: relative;
    }

        #rinexSiteList .siteInfo .dataDetails {
            position: absolute;
            right: 10px;
            top: 10px;
            bottom: 10px;
        }
}

@media (max-width: 768px) {

    #rinexSiteMap {
        height: 380px;
    }


    .rinexSiteListSplit {
        height: auto;
    }

    .rinexSites {
        flex-direction: column;
    }

    .siteInfo:first-child {
        border-top: 1px solid #D3D3D3;
    }

    .selectedTimePeriodTo {
        display: block;
    }
}

/* IE10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 655px) {
    #rinexSiteList .siteInfo .markerDetails, #rinexSiteList .siteInfo .hardwareDetails {
        width: 212px;
    }
}

@media (min-width: 655px) {
    /* Firefox */
    @-moz-document url-prefix() {
        #rinexSiteList .siteInfo .markerDetails, #rinexSiteList .siteInfo .hardwareDetails {
            width: 212px;
        }
    }

    #rinexSiteList .siteInfo .markerDetails,
    #rinexSiteList .siteInfo .hardwareDetails {
        width: 203px;
    }
}

/*request confirmation*/
.confirmRequest .modal-body {
    max-height: 600px;
    overflow-y: auto;
}

.confirmRequest {
    text-align: center;
    padding: 0 !important;
}

    .confirmRequest:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .confirmRequest .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

#rinexRequestResultList .siteInfo {
    border: 1px solid #808080;
    padding: 8px 10px;
    margin-left: 0;
    margin-right: 0;
}

.icon-checkmark4::before {
    color: green;
}

.nearestSiteSelection {
    /* NOTE: this class is for an SVG element hand has therefore different properties */
    stroke: #4f81bd;
    fill: #000;
    fill-opacity: 0.12;
    opacity: 1;
    cursor: move;
}

    .nearestSiteSelection.dragging {
        /* NOTE: this class is for an SVG element hand has therefore different properties */
        stroke: #4cb0ff;
    }

.resize-handle-north-east {
    cursor: ne-resize;
}

.resize-handle-east {
    cursor: e-resize;
}

.resize-handle-south-east {
    cursor: se-resize;
}

.resize-handle-south {
    cursor: s-resize;
}

.resize-handle-south-west {
    cursor: sw-resize;
}

.resize-handle-west {
    cursor: w-resize;
}

.resize-handle-north-west {
    cursor: nw-resize;
}

.resize-handle-north {
    cursor: n-resize;
}

.radius-indicator {
    cursor: pointer;
}

.radius-indicator-background {
    fill: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #222;
    filter: drop-shadow( 0 1px 3px rgba(0,0,0,0.4) );
}

.rinexSites {
    display: flex;
}

    .rinexSites .rinexSiteMapSplit {
        min-width: 35%;
    }

@media (max-width: 767px) {

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

    #vRinexForm {
        width: 100% !important;
        overflow-y: auto;
    }

    .vRinexMode #vRinexForm {
        margin-top: 0px;
    }

    .vRinexMode #rinexInfo {
        width: 100% !important;
    }

    .rinexSites #rinexSiteList {
        width: auto;
    }
}


#vRinexForm .form-control {
    width: 98% !important
}

.roverIcon {
    background-color: red !important;
    color: red !important;
}

.rinexMode .searchInput, .rinexMode .selectedSiteInfo, .rinexMode .leaflet-draw-section, .rinexMode #rinexSiteList, .rinexMode .rinexSubHeading {
    display: block !important;
}

.rinexMode #vRinexForm, .rinexMode .vRinexInfo, .rinexMode .vRinexSubHeading {
    display: none !important;
}

.vRinexMode #vRinexForm, .vRinexMode .vRinexInfo, .vRinexMode .vRinexSubHeading {
    display: block !important;
}

.vRinexMode #projectNameXS {
    margin-bottom: 2px;
}

.vRinexMode #rinexInfo {
    width: 589px;
}

.vRinexMode .searchInput, .vRinexMode .selectedSiteInfo, .vRinexMode .leaflet-draw-section, .vRinexMode #rinexSiteList, .vRinexMode .rinexSubHeading, .vRinexMode .concatinateFiles {
    display: none !important;
}

.vrinexLabel {
    margin-top: 10px;
}

#enableVRinexXS {
    margin-left: 13px !important;
}

.vRinexMode .cp-satellite, .vRinexMode .icon-stopwatch {
    color: #fff !important;
}

.vRinexMode #vRinexForm {
    padding: 10px;
}

.vRinexMode .vRinexInfo div {
    padding-top: 3px !important;
}

.fa-map-marker {
    color: #F7574F;
}

.rinexMode .searchInput, .rinexMode .projectName {
    width: 250px;
}

.vRinexMode .projectName {
    width: 400px;
}

#vRinexdialog .modal-body {
    overflow-y: hidden;
}

.vrinexConfirmRequestProjectName {
    margin-top: 2px;
}

.form-control.input-validation-error {
    background: #fff0f0 !important;
    border-color: #a90329 !important;
    display: block !important;
}

.field-validation-error {
    display: block;
    margin-top: 6px;
    padding: 0 1px;
    font-style: normal;
    font-size: 11px;
    line-height: 15px;
    color: #d56161;
}

@media (max-width: 615px) {
    .vRinexConfirmRequestDetails, .vRinexConfirmRequestActions, .vRinexPositionDetails div {
        width: 100%;
    }

        .vRinexConfirmRequestActions .actions {
            float: left !important;
        }
}

.hasVRinexSelection .siteMarker-wrapper {
    opacity: 0.5;
}

.hasVRinexSelection.leaflet-basemap-satellite .siteMarker-wrapper {
    opacity: 0.7;
}

.hasVRinexSelection .vRinexMaster, .hasVRinexSelection .vRinexAuxiliary {
    opacity: 1 !important;
    color: #4f81bd !important;
    z-index: 500 !important;
}

.vRinexMarkerIcon {
    text-align: center;
}

.vRinexMarkerIcon .fa {
    text-align: center;
    font-size: 32px !important;
    vertical-align: text-top
}

.distanceTooltip {
    z-index: 250;
}

.durationLabel {
    flex-grow: 0 !important;
    margin-left: 8px !important;
}
.multi-row-navbar .navbar-btn {
    margin-left: 0;
}
@media (max-width: 500px) {
    .multi-row-navbar .navbar-btn {
        margin-left: 5px;
    }
}

.confirmRequest.modal.withIndicator .modal-body {
    min-height: 250px;
}

.confirmRequest .indicatorOverlay .indicatorContent {
    width: 90%;
}

.concatinateFiles {
    padding: 5px;
    padding-right: 2px;
    border-bottom: 1px solid #d3d3d3;
}
    .concatinateFiles .checkbox {
        font-size: 14px !important;
        margin-top: 3px;
        margin-left: 5px;
    }

.observations {
    display: flex;
    margin-bottom: 0px;
    padding-left: 20px;
}

    .observations label {
        min-width: 120px;
        margin-top: 6px;
    }

.disableConcatination {
    background-color: #eee !important;
    cursor: not-allowed;
}

    .disableConcatination:after {
        color: #404040 !important;
    }

.vrCheckbox {
    display: none !important;
}

.enableConcatenation {
    margin-bottom: -3px !important;
}

.rinexQuotaInfo .epochInfo > div, .vrinexQuotaInfo .epochInfo > div {
    display: inline-block;
}

.progress-bar-currently-remaining-epochs-color {
    background-color: #DCE7DC;
}
    .progress-bar-currently-remaining-epochs-color.lastRequest {
        background-color: #fc9c39;
    }

.vrinexQuotaInfo {
    margin: 0;
}
 .vrinexcontent {
    margin: 10px 0 0 0;
}

.epochHelp {
    border-bottom: 1px dotted #000;
    text-decoration: none;
    width: inherit;
    cursor: help;
}

.estimatedEpochs {
    margin-bottom: 5px;
}

.rinexQuotaInfo .progress, .vrinexQuotaInfo .progress {
    margin-bottom: 0;
}

@media (max-width: 767px) {

    .sliderAction {
        border: white;
        background: none;
        color: white;
        cursor: pointer;
        padding: 12px 5px 12px 5px !important;
    }

    .navbar .slider.slider-horizontal {
        margin: 10px 14px 10px 2px !important
    }

    .sliderAction.left {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

        .sliderAction.right {
            padding-right: 7px !important;
            padding-left: 7px !important;
        }

        .navbar-remaining > li:first-child {
            margin-bottom: 8px;
            margin-left: 3px;
        }

    .durationLabel{
        margin-left: 0 !important;
    }
}

.progress-bar {
    background-image: none;
}