/*Styles for the local requests tab of the content provider site*/
/*Copyright Stringr, Inc. 2018*/

.localRequests {
    padding: 0;
}
.request-map-area {
    padding: 0;
}
.localRequests form .form-group {
    width: 45%;
    float: left;
    clear: none;
    margin-left: 2.5%;
    margin-right: 2.5%;
}
.localRequests form .form-group {
    width: 45%;
    float: left;
    clear: none;
    margin-left: 2.5%;
    margin-right: 2.5%;
}

.localRequests form .dateInput {
    width: 100% !important;
    clear: both;
}

.localRequests form .timeInput {
    width: 100% !important;
    clear: both;
}

.localRequests form .form-group.buttons {
    float: right;

}

.localRequests .requestsListArea, .localRequests .requestDetailArea {
    padding: 0;
}

.localRequests .requestsListArea, .localRequests .requestDetailArea * {
    text-align: left;
}

.localRequests .requestDetailArea td:first-child {
    padding-top: 8px;
}

.localRequests .table {
    margin-bottom: 0;
}

.localRequests button.closeButton { 
    color: white;
    font-weight: bold;
    background-color: #c22;
    border: 0;
}

.localRequests button.accButton { 
    color: black;
    font-weight: normal;
    background-color: #ccc;
    border: 0;
}

.localRequests button.unAccButton { 
    color: black;
    font-weight: normal;
    background-color: #2c2;
    border: 0;
}

.localRequests .requestsListArea .table .glyphicon {
    margin-left: 1em;
}

.localRequests .table-striped>tbody>tr:nth-child(even) {
    background-color: #444;
}

.localRequests .table-striped>tbody>tr:nth-child(odd) {
    background-color: #5b5b5b;
}

.localRequests .table>tbody>tr>th,
.localRequests .table>tbody>tr>th:hover {
    background-color: #222;
}

.localRequests .requestsListArea .table>tbody>tr:hover {
    background-color: #313131;
}

.localRequests .table>tbody>tr>th, .localRequests .table>tbody>tr>td {
    border-top: 0;
    font-weight: normal;
}

.localRequests .table>tbody>tr>th.tdTxt, .localRequests .table>tbody>tr>td.tdTxt {
    padding-top: 10px;
}

.requestDetailArea .well {
     text-align: center;
     margin: 1em;
     color: black;
     background-color: #ccc;
}

.localRequests>.controls {
    clear: both;
    overflow: hidden;
    background-color: #222;
}

.localRequests>.controls * {
    float: right;
    margin-right: 7px; 
    margin-top: 7px; 
    margin-bottom: 7px; 
}

.localRequests>.controls input {
    margin-top: 4px;
}

.localRequests>.controls button {
    border: 1px solid #ccc;
    color: #ccc;
    background: #222;
    border-radius: 0px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.mapOverLay {
    z-index: 9;
    position: absolute;
    width: 100%;
    right: 0px;
    text-align: center;
    background: #2f2d2d;
    height: 100%;
    display: flex;
    align-items: center;
}

.mapOverLay p {
    z-index: 10;
    position: relative;
    top: 45%;
    font-weight: bold;
    font-size: 16px;
}