/* CSS Document */
/* Admin CSS */

.admin-area {
    color: #222;
}

.admin-area a.nav {
    text-decoration: none !important;
    font-size: 12px;
    line-height: 12px;
    margin: 0;
    background: #4073dc;
    color: #fff;
}

.admin-area a.nav:hover {
    background: #222;
}

.admin-area a.nav.warning {
    background: #820101;
}

.admin-area .project-list {
    width: calc(100% - 40px);
    margin: 0 0 20px;
}

.admin-area .project-list .project:nth-child(even) {
    background: #f9f9f9;
}

.admin-area .project-list .project:nth-child(odd) {
    background: #f5f5f5;
}

.admin-area .project-list .project,
.admin-area .project-list .projectHead {
    display: grid;
    column-gap: 2px;
    grid-template-columns: 3em 7.8em 5em 6em repeat(3, minmax(8em, 1fr)) 6em 1fr 8em;
    padding: 5px 5px;
}

.admin-area .project-list .projectHead {
    font-weight: 600;
}

.admin-area .project-list .project.home {
    grid-template-columns: 4em 18em 7em;
}

.admin-area.live-status .project-list .project,
.admin-area.live-status .project-list .projectHead {
    grid-template-columns: 3em 7em 5em 6em repeat(3, 1fr) 6em 1fr;
}

.admin-area .project-materials .materials-table {
    border-left: 1px solid #eee;
    margin-bottom: 1em;
    border-collapse: collapse;
}
.admin-area .project-materials .materials-table td,
.admin-area .project-materials .materials-table th {
    text-align: center;
    justify-content: center;
    align-items: center;
}
.admin-area .project-materials .materials-table th {
    background-color: #ddd;
}
.admin-area .project-materials .materials-table tr {
    border-bottom: 1px solid #f8f8f8;
}
.admin-area .project-materials .materials-table tr:last-of-type {
    border-bottom: 1px solid #aaa;
}

.admin-area .project-materials .materials-table td.material-name,
.admin-area .project-materials .materials-table th.material-name {
    width: 21em;
}
.admin-area .project-materials .materials-table td.material-quantity,
.admin-area .project-materials .materials-table th.material-quantity {
    width: 5em;
}
.admin-area .project-materials .materials-table td.material-rate,
.admin-area .project-materials .materials-table th.material-rate {
    width: 6em;
}
.admin-area .project-materials .materials-table td.material-unit,
.admin-area .project-materials .materials-table th.material-unit {
    width: 4em;
}
.admin-area .project-materials .materials-table td.material-cost,
.admin-area .project-materials .materials-table th.material-cost {
    width: 7em;
}
.admin-area .project-materials .materials-table td.merchant-responses,
.admin-area .project-materials .materials-table th.merchant-responses {
    width: 35em;
}
.admin-area .project-materials .materials-table .currency-container,
.admin-area .project-stages .currency-container {
    display: grid;
    grid-template-columns: 1em 1fr;
    align-content: center;
    font-family: "Courier New", Courier, monospace;
}

.admin-area .project-materials .materials-table .currency,
.admin-area .project-stages .currency {
    text-align: right;
}
.admin-area .project-materials .materials-table .currency-symbol,
.admin-area .project-stages .currency-symbol {
    font-weight: 600;
    font-size: 0.8em;
    text-align: left;
}
.admin-area .project-materials .materials-table .merchant-response {
    display: grid;
    grid-template-columns: 3fr 6em 1fr 6em 1fr;
}
.admin-area .project-materials .materials-table .merchant-name {
    font-weight: bold;
}
/*
.admin-area .project-list span {
    vertical-align: top;
}

.admin-area .project-list .number {
    display: inline-block;
    width: 50px;
}

.admin-area .project-list .date {
    display: inline-block;
    width: 88px;
}

.admin-area .project-list .days {
    display: inline-block;
    width: 88px;
}

.admin-area .project-list .company-name {
    display: inline-block;
    width: 200px;
}

.admin-area .project-list .project-name {
    display: inline-block;
    width: 200px;
}

.admin-area .project-list .project-address {
    display: inline-block;
    width: 200px;
}

.admin-area .project-list .estimator {
    display: inline-block;
    width: 170px;
}

.admin-area .project-list .status {
    display: inline-block;
    text-align: left;
    width: 110px;
}
 */
.status-block {
    text-align: center;
    font-weight: 600;
}

.admin-area h3 .status-0,
.admin-area h3 .status-1,
.admin-area h3 .status-2,
.admin-area h3 .status-3,
.admin-area h3 .status-4,
.admin-area h3 .status-5 {
    margin: 0 0 0 10px;
}

.admin-area .project-list .status span {
    /* draft */
    /*display: inline-block;*/
    /*color: #222;*/
    /*text-transform: uppercase;*/
    /*font-size: 10px;*/
    /*line-height: 12px;*/
    /*border-radius: 3px;*/
    /*font-weight: 600;*/
}

.admin-area .status-0,
.admin-area .status-1,
.admin-area .status-2,
.admin-area .status-3,
.admin-area .status-4,
.admin-area .status-5 {
    /*padding: 4px;*/
    /*vertical-align: text-bottom;*/
    /*min-width: 8em;*/
}

.admin-area .status-0 {
    /* requested */
    /*background: #bbd2f5;*/
    /*background: #ccc;*/
}

.admin-area .status-1 {
    /* requested */
    /*background: #bbd2f5;*/
    /*background: #eee366;*/
}

.admin-area .status-2 {
    /* requested */
    /*background: #f6ab1a;*/
    /*background: #e88989;*/
}

.admin-area .status-3 {
    /* completed */
    /*background: #a8dd19;*/
    /*background: #f6ab1a;*/
}

.admin-area .status-4 {
    /* completed */
    /*background: #a8dd19;*/
}

.admin-area .project-list .admin-menu {
    display: inline-block;
    width: auto;
}

/*.live-status .project-list {*/
/*    width: calc(100% - 20px);*/
/*}*/

.live-status .project-list .project,
.live-status .project-list .projectHead {
    display: grid;
    grid-template-columns: 50px 100px repeat(6, 1fr);
    column-gap: 10px;
}

.live-status .project-list .admin-menu,
.live-status .input_id-box {
    display: none;
}

.project-list .project .admin-menu a.nav {
    text-align: center;
    min-width: 8em;
}

.admin-area form.add-project {
    width: calc(100% - 40px);
}

.admin-area input[type="file"] {
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 0 0 0 0px;
    appearance: none;
    -webkit-appearance: none;
    margin: 0 0 10px;
}

.admin-area input[type="file"]::file-selector-button {
    background: #bfdcfe;
    color: #222;
    border: none;
    padding: 10px;
    font-size: 12px;
    line-height: 12px;
    border-radius: 20px;
}

.admin-area input[type="file"]::file-selector-button:hover {
    background: #93c4fe;
    color: #222;
}

.merchant-durations th {
    text-align: left;
}

.no-skilled {
    width: 60px;
}

.confirm-rate button {
    min-width: 15em;
}

.confirm-rate button.add-fee {
    background-color: red;
}

.confirm-rate button.add-fee:hover {
    background: #222;
    color: #fff;
    border: 0px !important;
    border-radius: 5px !important;
}

.confirm-rate .accordion {
    padding: 0.8em;
    background-color: #ddd;
}

/*.admin-area input[type=file]:after {
	content: "[Drop Here]";
	float: right;
	padding: 10px 15px;
	font-size: 12px;
	line-height: 12px;
	color: #222;
	background: #ccc;
	border-radius: 20px !important;
	position: relative;
}*/