/*
*	MAIN FRONT END CSS STYLES FOR THE WE WORK PRO PLUGIN :)
*	PLEASE DO NOT EDIT THIS FILE; USE THE "wwp-custom-styles.css" INSTEAD!
*/

/* === AJAX LOADING === */

.swph-loading-ajax {
	background-image: url(../img/geek-calc-20opacity.png);
	background-repeat: no-repeat;
	background-position: left -100px;
}

/* === PROJECTS TABLE === */

table.projects {
	color: #999;
}

table.projects .toggle-row {
	display: none; /* this is on the client My Projects page and needs to be disabled from code, not css */
}

table.projects .column-title {
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}

table.projects .column-title .edit {
	font-size: 8px;
}

/* === TASKS TABLE === */

table.tasks {
	color: #999;
}

table.tasks .check-column {
	display: none;
}

table.tasks .toggle-row {
	display:none;
}

table.tasks .column-title {
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}

table.tasks .column-title .edit {
	font-size: 8px;
}

table.tasks .column-title .delete {
	display: none;
}

table.tasks th#assignee {
	width: 5%;
}

table.tasks th#tracked_time {
	width: 5%;
}
table.tasks td.column-tracked_time {
	text-align: center;
	color: #333;
}
table.tasks th#status {
	width: 5%;
	text-align: center;
}

/* === TIME RECORDS TABLE === */

table.time_records {
	color: #999;
}

table.time_records .check-column {
	display: none;
}

table.time_records .toggle-row {
	display:none;
}

table.time_records .column-title {
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}

table.time_records .column-title .edit {
	font-size: 8px;
}

table.time_records .column-title .delete {
	display: none;
}

table.time_records th#assignee {
	width: 5%;
}
table.time_records th#screenshot {
	width: 15%;
}
table.time_records th#tracked_time {
	width: 5%;
}
table.time_records td.column-tracked_time {
	text-align: center;
	color: #333;
}
table.time_records th#status {
	width: 5%;
	text-align: center;
}

/* === INVOICES TABLE === */

table.invoices .column-title button.toggle-row {
	display: none;
}


/* === CONTRACTS TABLE === */

table.contracts .column-title button.toggle-row {
	display: none;
}

/* == BOOTSTRAP DATEPICKER ==*/

.datepicker.dropdown-menu {
	margin: 0;
	padding: 0;
	border: 0;
}

.datepicker.dropdown-menu table {
	margin: 0;
}

.datepicker.dropdown-menu table td {
	color: #000;
}

.datepicker.dropdown-menu table td,
.datepicker.dropdown-menu table .next,
.datepicker.dropdown-menu table .prev {
	cursor: pointer;
}

/* == BOOTSTRAP SELECT ==*/

.bootstrap-select .filter-option img,
.bootstrap-select .dropdown-menu.inner img {
	max-width: 32px;
	margin-right: 20px;
}

.bootstrap-select  .btn.dropdown-toggle.btn-default {
	display: inline-block;
    padding: 8px;
    border: 0;
    border-bottom: 7px solid rgba(0,0,0,0.7);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    width: 100%;
    background: #f6f1ec;
    color: #4a4d4a;
    font-size: 12px;
    font-family: 'open_sanslight', sans;
    height: auto;
    border-radius: 0;
    border: 1px solid #000 !important;
    color: #000;
    background: none;
}

.bootstrap-select .dropdown-menu>li>a {
	padding: 8px;
}

.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
	background: none;
    outline: none;
    box-shadow: none;
}

/* == BOOTSTRAP TABS == */

.nav-tabs {
    margin: 0;
    padding: 0;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color: #000 !important;
	font-weight: bold;
}

.nav-tabs>li>a {
	color: #000 !important;
	padding: 15px;
}

/* === PROJECTS FILE GALLERY === */

.be-image-wrapper a {
	display: block;
    margin: 10px;
    height: 150px;
    width: 25%;
    float: left;
    text-align: center;
}


.be-image-wrapper a span {
	width: 100%;
	display: block;
}

.be-image-wrapper a i {
	font-size: 100px;
	line-height: 150px;
}

#client-unpaid-hours-has-hours #pay-now-button {
	display: none;
}

p.weekp {
	margin: 20px 0 5px 0;
	font-weight: bold;
}

p.weekp span {
	/*color: red;*/
}

td.order-number, td.order-date, td.order-total {
	font-weight: 700;
	padding: 9px 12px;
	vertical-align: middle;
	border-right: 1px solid rgba(0,0,0,.2);
	border-top: 1px solid rgba(0,0,0,.2);
	background: #75c283;
	color: #fff;
	font-family: 'open_sansextrabold', Arial, helvetica, sans-serif;
}

td.order-pay {
	background: transparent;
	color: #000;
	border-left: 1px solid rgba(0,0,0,.2);
	padding: 0!important;
}

.new-pay-cell {
	position: relative;
	padding-top: 20px;
}

.new-pay-cell .pay-img {
	width: 125px;
	position: absolute;
	top: -3px;
	right: -40px;
	z-index: 1;
}

.new-pay-cell p.weekp {
	margin: 5px 0 5px 0;
	font-weight: bold;
}

.fancyheadline h1 img {
	max-width: 96px;
}