#overlay {
	position:fixed;
	width:100%;
	height:100%;
	opacity:0.5;
	filter: alpha(opacity=50);
	background:#000;
	z-index:9998
}
#overlay #spinner {
	width:150px;
	height:150px;
	margin: auto;
	position:relative;
	top:50%;
	margin-top:-75px;
	z-index:9999;
}
#overlay #message {
	width:400px;
	height:150px;
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-75px;
	margin-left:-200px;
	background:#fff;
	z-index:9999;
}
#overlay #spinner img {
	max-width:100%;
}

body.single-cqpim_quote,
body.single-cqpim_project,
body.single-cqpim_invoice {
	background:#ececec;
	
}

body.single-cqpim_quote #wpadminbar,
body.single-cqpim_project #wpadminbar,
body.single-cqpim_invoice  #wpadminbar {
	display:none;
}

body.single-cqpim_invoice table {
	border-collapse:collapse;
}

body {margin:0; font-family: 'Raleway', sans-serif;}

h1, h2, h3, h4, h5 {font-family: 'Raleway', sans-serif;}

.quote_print#content,
.project_contract#content,
.single-cqpim_invoice #content {
	background:#fff;
	margin:0px auto;
	width:600px;
	padding:20px;
	text-align:left;
}

.invoice_company h3, .invoice_client h3 {
	margin-bottom:0 ;
}

.project_summary#content {
	padding-bottom:50px;
	text-align:left;
}


/******* SINGLE QUOTES ***********/

.quote-align-right {
	text-align:right;
	font-weight:bold;
}

.quote_logo {
	float:left;
	max-width:400px;
	margin:10px 0 20px;
}
.quote_logo img {
	max-width:100%;
}

.quote_contacts {
	float:right;
	margin:20px 0;
	text-align:right;
}

.single-cqpim_quote h2 {
	text-align:left;
	font-size:20px;
	font-weight:bold;
	margin:30px 0 20px ;
}

.single-cqpim_quote h2.sfinish {
	font-size:16px;
	font-weight:300;
}

.single-cqpim_quote p {
	margin-bottom:12px;
	line-height:1.5em;
}

.quote_milestone {
	padding:20px;
	background:#ececec;
	margin-bottom:20px;
	line-height:1.5em;
}

.quote_milestone h3 {
	font-size:18px;
}

.quote_milestone_content {
	padding:12px 12px 12px 40px;
}

.quote_milestone_content ul {
	list-style:disc;
}

.quote_milestone_additional li {
	display:inline-block;
	padding-right:30px
}


.quote_summary {
	width:100%;
	border-spacing:0 ;
}
.quote_summary tr td {
	padding:5px;
	border-bottom:1px solid #ececec;
	border-right:1px solid #ececec;
	border-collapse: separate;
	border-spacing:0 ;
}
.quote_summary tr th {
	background:#fafafa;
	font-weight:normal;
	padding:10px;
	border-bottom:1px solid #ececec;
	border-right:1px solid #ececec;
	border-collapse: separate;
	border-spacing:0 ;
}
.quote_summary tr td:last-child {
	border-right:0;
}
.quote_summary thead tr th:last-child {
	border-right:0;
}
.quote_summary thead tr th {
	border-top:1px solid #ececec;
	}
	
.quote_summary tbody tr:last-child {
	border-bottom:0;
}
.quote_summary tbody tr:last-child td {
	border-bottom:0;
}

.quote-align-right, .subtotal {font-weight:bold}

.quote_summary tbody tr td.over {
	background:#d9534f;
	color:#fff;
	font-weight:bold;
}
.quote_summary tbody tr td.under {
	background:#8ec165;
	color:#fff;
}

.quote_summary tbody tr {
	border-bottom:1px solid #ececec;
}

.budget-ind.over {
	background:#FF6666;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.budget-ind.under {
	background:#66ff66;
	color:#fff;
	text-align:center;
}
.budget-ind {
	margin-top:30px;
}

.quote_acceptance {
	width:60%;
	margin:0 auto;
	text-align:center;
}

.contract-confirmed {
	padding:20px;
	background:#8ec165;
	color:#fff;
	text-align:center;
}

.contract-confirmed h5 {
	color:#fff;
	font-size:16px;
}

.contract-confirmed p {
	color:#fff ;
}

.unsent_quote {
	color:#fff;
	font-weight:bold;
	background:#d9534f;
	text-align:center;
	padding:35px;
	margin:12px 0;
}

.single-cqpim_project h1 {
	text-align:left;
	font-size:24px;
	font-weight:bold;
}

.single-cqpim_project h2 {
	text-align:left;
	font-size:20px;
	font-weight:bold;
	margin:30px 0 20px ;
}

.single-cqpim_project h2.sfinish {
	font-size:16px;
	font-weight:300;
}

.single-cqpim_project p {
	margin-bottom:12px;
	line-height:1.5em;
}

.contract-specifics {
	text-align:left;
}

/******** INVOICES ***********/

#cqpim_payment_methods ul {list-style:none; padding:0; margin:0; max-width: 512px;}

#cqpim_payment_methods ul li {display:block; width:200px; padding:0 0 10px;}

.single-cqpim_invoice p, .single-cqpim_invoice td, .single-cqpim_invoice th {font-size:12px ; line-height:15px }

.single-cqpim_invoice .quote_contacts {
	font-size:36px;
	font-weight:bold;
	padding-top:3px;
}

.single-cqpim_invoice .invoice_company {
	font-size:12px;
	float:left;
	width:42%;
}

.single-cqpim_invoice .invoice_client {
	font-size:12px;
	float:right;
	width:42%;
}

#invoice_info tr th {
	padding:7px 5px;
	font-weight:bold;
	text-align:center;
}

#invoice_info tr td {
	padding:7px 5px;
	text-align:center;
}


#invoice_items tr th {
	padding:7px 5px;
	font-weight:bold;
	text-align:center;
}

#invoice_items tr td {
	padding:7px 5px;
	text-align:center;
}

.no_border {
	border:0 !important;
}

.invoice_footer {
	margin-left:3%;
}

#stripe-pay, #pp-pay {float:left; margin-right:10px; margin-top:20px}

/******** Project Progress Page *********/

.summary_section {
	padding:16px; border:5px solid #ececec; margin-bottom:26px;
}

.summary_section h2 {
	margin-top:0 ;
}
.summary_section p {
	margin:10px 0;
}

.summary_section .quote_milestone {
	background:#fff;
	border-bottom: 2px solid #ececec;
	padding-bottom:12px;
	margin-bottom:10px;
}

.summary_section .quote_milestone:last-child {
	border-bottom:0;
	padding-bottom:0;
}

.quote_summary tbody tr td.over {
	background:#FF6666;
	color:#fff;
	font-weight:bold;
}
.quote_summary tbody tr td.under {
	background:#8ec165;
	color:#fff;
}

.quote_summary tbody tr {
	border-bottom:1px solid #ececec;
}

.budget-ind.over {
	background:#FF6666;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.budget-ind.under {
	background:#8ec165;
	color:#fff;
	text-align:center;
}
.budget-ind {
	margin-top:30px;
}

.summary_section .quote_milestone.complete {
	background:url(img/complete.png) right top no-repeat;
}



.overall_project {
	width:100%;
}
.overall_project tr {
	width:100%;
}

.overall_project tr th {
	text-align:left;
	font-size:18px;
	font-weight:bold;
}

.overall_project ul li {
	display:block;
	padding:2.5% 10% 2.5% 5%;
	width:70%;
	margin:0 5%;
	line-height:1.5em;
}

.overall_project ul {
	margin-top:14px;
}

.overall_project ul li.red {
	background:url(img/red-cross.png) center right no-repeat;
}

.overall_project ul li.green {
	background:url(img/green-tick.png) center right no-repeat;
}
	
/********* GENERAL ********/

.clear {clear:both}

.ajax_spinner {
	background:url(img/ajax-loader.gif) center center no-repeat;
	width:15px;
	height:15px;
	display:inline-block;
	padding:2px 0 0 5px;
}

.ajax_loader {
	background:url(img/ajax_spinner_button.GIF) center center no-repeat;
	background-size:100% 100%;
	width:15px;
	height:15px;
	display:inline-block;
	margin:0 0 0 5px;
}

/********* Client Project Page ***********/

.cqpim-dash-column {
	width:49%;
	padding:0 1% 0 0;
	float:left;
	min-height:100px;
}

.cqpim-project-box {
	background:#fff;
	margin-bottom:14px;
}
.cqpim-login .cqpim-project-box {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.cqpim-project-box .title {
	border-bottom:3px solid #857198;
	color:#000;
	padding:12px 0;
	line-height:1.3em;
}

.cqpim-project-box .title a {
	color:#fff;
	text-decoration:none;
}

.cqpim-project-box .content {
	color:#000;
	border:1px solid #efefef;
	margin-top:12px;
}
.cqpim-project-box .content h3 {
	font-size:18px;
}
.cqpim-project-box .title h3 {
	margin:0; 
	color:#000;
	font-size:18px;
	font-weight:normal;
}

table.milestones tr td:last-child {
	border-right:0;
}

table.milestones tr th:last-child {
	border-right:0;
}
table.milestones tr:last-child td {
	border-bottom:0;
}

.cqpim-project-box ul.cqpim-elements {
	margin:0;
}

.cqpim-project-box ul.cqpim-elements li {
	display:inline-block;
	margin:0;
	border-right:1px solid #ececec;
	width:32%;
	text-align:center;
	padding:10px 0;
}
.cqpim-project-box ul.cqpim-elements li:last-child {
	border-right:0;
}
.cqpim-project-box ul.cqpim-elements li h3 {
	margin: 3px 0 3px 0;
}
.cqpim-project-box ul.cqpim-elements li span {
	text-transform:uppercase;
	color:#888;
	text-align:center;
}

.cqpim-project-box table.milestones tr td {
	padding:7px;
}

span.task_pending {
	display:inline-block;
	background:#f0ad4e;
	color:#fff;
	padding:5px;
	font-size:12px;
}

span.task_over {
	display:inline-block;
	background:#d9534f;
	color:#fff;
	padding:5px;
	font-size:12px;
}

span.task_complete {
	display:inline-block;
	background:#8ec165;
	color:#fff;
	padding:5px;
	font-size:12px;
}

table.milestones {
	width:100%;
	border-spacing:0 ;
}
table.milestones tr th {
	background:#fafafa;
	font-weight:normal;
	padding:10px;
	border-bottom:1px solid #ececec;
	border-right:1px solid #ececec;
	border-collapse: separate;
	border-spacing:0 ;
}
table.milestones tr td {
	font-weight:normal;
	padding:10px;
	text-align:left;
	border-bottom:1px solid #ececec;
	border-right:1px solid #ececec;
	border-collapse: collapse;
	border-spacing:0 ;
}


table.milestones.files tbody tr:last-child td{
	border-bottom:1px solid #ececec;
}

table.milestones.sum-status tbody tr td:first-child {
	text-align:left;
}

table.milestones tr.milestone {
	background:#fafafa;
}

span.table-milestone {
	display:inline-block;
	padding:4px 7px ;
	background:#8ec165;
	color:#fff;
	font-size:12px;
}

span.table-task {
	display:inline-block;
	padding:4px 7px ;
	background:#857198;
	color:#fff;
	font-size:12px;
}

.project_summary_progress li {
	padding:15px 8% 15px 30%;
	background:url(img/timeline-background.png) center left no-repeat;
}
.timeline-entry {
	border:1px solid #ececec;
	border-radius:3px;
	-moz-border-radius:3px;
	padding:6px;
	background:#fff;
}
.timeline-by {
	font-weight:bold;
}

.timeline-date {
	display:block;
	padding-top:3px;
	color:#999;
	font-size:11px;
}

.timeline-update {
	display:block;
	border-top:2px solid #f0ad4e;
	margin-top:5px;
	padding-top:5px;
	font-size:12px;
	line-height:1.3em;
}


#hta .content {
	overflow:auto;
}



/******** Login form *********/

.cqpim-login {
	width:400px;
	margin:0 auto;
	text-align:left;
	padding:40px 0 0;
}
.cqpim-login input[type=text], .cqpim-login input[type=password] {
	width:96%;
}

.cqpim-client-dash {
	text-align:left ;
}

.cqpim-login #cqpim-login-submit {
	display:block;
	background:#333;
	color:#fff;
	text-decoration:none;
	padding:7px 14px;
	border:0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
}

#accept_quote, #accept_contract {
	margin-top:-9px;
	background:#333;
	color:#fff;
	text-decoration:none;
	padding:7px 14px;
	border:0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
	margin-left:12px;
}

.cqpim-client-logout {
	float:right;
	display:block;
	background:#333;
	color:#fff;
	text-decoration:none;
	padding:7px 12px;
	border:0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
}

.delete_file {
	background:#d9534f;
	color:#fff;
	text-decoration:none;
	padding:4px;
	border:0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
}

.delete-milestone-div .delete_stage {
	padding: 7px 14px
}
.download_file {
	background:#8ec165;
	color:#fff;
	text-decoration:none;
	padding:7px 5px 4px;
	border:0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
}

.metabox-add-button {
	display:block;
	float:right;
	margin:12px;
	background:#333;
	color:#fff;
	text-decoration:none;
	padding:7px 14px;
	border:0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
}

/***** MESSAGES ******/

.project_messages {
	max-height:1000px;
	overflow:auto;
}

.project_message {
	padding:10px;
	border:1px solid #ececec;
	border-radius:4px;
	-moz-border-radius:4px;
	margin-bottom:13px;
}
.project_message .user_avatar {
	float:left;
	margin-right:15px;
}
.project_message .message_details {
	padding-left:100px;
}
.project_message .message_details h4 {
	margin-top:0; margin-bottom:6px;
}
.project_message .message_details p {
	margin-top:0px;
	padding-left:0;
}
.project_message .message_details span {
	color:#999;
	font-size:12px;
	font-style:italic;
}
.project_message .message_details .message {
	border-top:1px solid #999;
	padding-top:6px;
	margin-top:5px;
	width:100%;
}

.delete_message {
	background:#d9534f;
	color:#fff;
	text-decoration:none;
	padding:4px 4px;
	border:0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
}

/*** Client Links ****/


.client_dash_links {
	margin-bottom:15px;
}
.client_dash_links li {
	display:inline-block;
}
.client_dash_links li a {
	display:block;
	color:#fff;
	background:#333;
	padding:7px 20px 9px;
	margin-right:10px;
	border-radius:3px;
	-moz-border-radius:3px;
}

.time_spent {
	margin-top:0;
	text-align:left;
	margin-bottom:15px;
}

.time_spent li {
	padding:7px;
	border-bottom:1px solid #ececec;
	background:#fff;
	margin-bottom:2px;
	width:95%
}

a.time_remove {
	color:#d9534f;
	text-decoration:none;
}

/******* Tickets **********/

span.low_priority {
	display:inline-block;
	color:#fff;
	padding:4px 7px ;
	background:#1aaada;
	font-size:12px;
}

span.normal_priority {
	display:inline-block;
	color:#fff;
	padding:4px 7px ;
	background:#f0ad4e;
	font-size:12px;
}

span.high_priority {
	display:inline-block;
	color:#fff;
	background:#d9534f;
	padding:4px 7px ;
	font-size:12px;
}

span.immediate_priority {
	display:inline-block;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;	
	background:#d9534f;
	padding:4px 7px ;
	font-size:12px;
}

.metabox-add-button.left {
	float:left;
	margin-left:10px;
	margin-right:0;
}

#add_ticket_update h3 {
	margin-top:0;
}

/******** DataTables **********/

.dataTables_length {
	padding:10px 0
}
.dataTables_filter {
	padding:10px 0;
}
.dataTables_paginate {
	padding:10px 0;
}
table.dataTable thead th, table.dataTable thead td {
	border-bottom:1px solid #ececec ;
}
table.dataTable.no-footer {
  border-bottom: 0 ;
}

.dataTables_wrapper {
	padding:0 12px;
}

table.dataTable tr th:first-child, table.dataTable tr th:last-child, table.dataTable tr td:first-child, table.dataTable tr td:last-child {
	border-left:1px solid #ececec;
	border-right:1px solid #ececec;
}

table.dataTable tr:last-child td {
	border-bottom:1px solid #ececec;
}

/******* Login Error ***********/

.wp_login_error {
	background:#fef5f1;
	border: 1px solid #ed541d;
	padding:15px;
	margin-bottom:25px;
}
.wp_login_error p {
	color:#8c2e0b ;
}

/******** Client Dashboard ********/

#cqpim_dashboard_container {
	position:relative;
}

#cqpim-dash-menu {
	width:200px;
	position:absolute;
	left:0;
	top:0;
	background:#222
}
#cqpim-dash-menu-back {
	width:200px;
	position:fixed;
	height:100vh;
	background:#222;
	z-index:-1;
}
.cqpim-client-dash {
	text-align:left; 
	padding-left:200px
}
.cqpim-dash-header {
	background:#ececec;
	padding:20px;
}
.cqpim-dash-header h1 {
	clear:none; 
	float:left; 
	line-height:32px; 
	margin-bottom:0; 
	font-size:24px
}
.cqpim-dash-content {
	padding:20px;
}
.cqpim-dash-title {
	background:#857198 ;
	color:#fff;
	text-transform:uppercase;
	font-size:22px;
	padding:10px 20px;
}
ul.cqpim-dash-main-menu {
	margin:0;
	padding:0;
	list-style:none;
}
ul.cqpim-dash-main-menu li {
	text-align:left;
	color:#fff;
}
ul.cqpim-dash-main-menu li:last-child {
	border-bottom:0;
}
ul.cqpim-dash-main-menu li a {
	color:#fff;
	text-decoration:none;
	display:block;
	width:90%;
	padding:5%;
}
ul.cqpim-dash-main-menu li a:hover {
	color:#fff;
	text-decoration:none;
	display:block;
	width:90%;
	padding:5%;
	background:#111
}
.task_over,
.task_pending,
.task_complete {padding:4px 7px }

.cqpim-link {
	color:#857198 ;
	text-decoration:none;
}
.cqpim-dash-quote {
	max-width:950px;
	padding:30px 20px 50px 50px;
}
.btn-printable {
	display:block; 
	float:left; 
	color:#fff; 
	text-decoration:none; 
	background:#333; 
	padding:8px 12px; 
	width:180px;
	text-align:center;
	margin:15px 0 0;
}
.btn-printable:hover {
	color:#fff; 
	text-decoration:none; 
	background:#111; 
}
ul.cqpim-dash-actions {
	margin:0;
	padding:10px;
	list-style:none;
	max-width:200px;
}
ul.cqpim-dash-actions li {
	display:inline-block;
	width:21%;
	padding:1%
}
ul.cqpim-dash-actions li img {
	max-width:100%;
}
.cqpim-dash-quote h1 {margin:0 0 30px 0}

ul.project_summary_progress, ul.time_spent {list-style:none; margin:0; padding:0}

button:hover, input[type=submit] {background-color:#111 ; background-image:none ; color:#fff ; border:0 }

table {line-height:1 }

.cqpim-dash-header h1 {margin-top:5px }

.masonry-grid {width:100%}

.cqpim-dash-item {
	width:31.33%;
	margin-right:2%;
	margin-bottom:2%;
}
.cqpim-dash-item-double {
	width:64.66%;
	margin-right:2%;
	margin-bottom:2%;
}
.cqpim-dash-item-triple {
	width:97.99%;
	margin-right:2%;
	margin-bottom:2%;
}
.tasks-fe .cqpim-dash-item, .tasks-fe .cqpim-dash-item-double, .tasks-fe .cqpim-dash-item-triple {
	width:100%;
	margin-right:0;
}

.cqpim-dash-item-inside {
	padding:10px 0;
}
.cqpim-dash-item h3, .cqpim-dash-item-double h3, .cqpim-dash-item-triple h3 {
	padding:12px 0;
	color:#000;
	border-bottom: 3px solid #857198;
	margin:0;
	font-size: 18px;
	font-weight:100;
}
#cboxContent h3 {
	padding:12px 0;
	color:#000;
	border-bottom: 3px solid #857198;
	margin:0 0 20px 0;
	font-size: 18px;
	font-weight:100;
}
.cqpim-dash-item p, .cqpim-dash-item-double p, .cqpim-dash-item-triple p {
	padding:12px 0;
	margin:0;
}
.cqpim-dash-item table tr th:first-child, .cqpim-dash-item-double table tr th:first-child, .cqpim-dash-item-triple table tr th:first-child {
	border-left:1px solid #ececec;
}
.cqpim-dash-item table tr td:first-child, .cqpim-dash-item-double table tr td:first-child, .cqpim-dash-item-triple table tr td:first-child {
	border-left:1px solid #ececec;
}
.cqpim-dash-item table tr th, .cqpim-dash-item-double table tr th, .cqpim-dash-item-triple table tr th {
	text-align:left;
}
.cqpim-dash-button {
	background:#857198;
	padding:5px 7px;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	border-radius:3px;
	-moz-border-radius:3px;
	text-shadow: none !important;
	box-shadow: none !important;
	cursor:pointer;
	margin-right:6px;
}
.cqpim-dash-button.medium {
	padding:8px 10px;
}
.cqpim-dash-button:hover {
	background:#a192b0;
	color:#fff;
	text-decoration:none;
}
.cqpim-dash-button.right {
	float:right;
	margin-left:6px;
	margin-right:0;
}

ul.cqpim_alerts {
	margin:0;
	padding:0;
}
ul.cqpim_alerts li {
	list-style:none;
	padding:5px;
	border-bottom:1px solid #fafafa;
	background:url(img/alert.png) left center no-repeat;
	padding-left:30px;
	background-size:20px 20px;
}
#cqpim_backend_quote {
	max-width:900px;
	margin:0 0 0 20px;
}

#cqpim_backend_quote input[type=text] {
	width:98%;
	padding:1%;
}
#cqpim_backend_quote input[type=date] {
	padding:9px;
}
#cqpim_backend_quote input[type=url] {
	width:98%;
	padding:1%;
}
#cqpim_backend_quote input[type=email] {
	width:98%;
	padding:1%;
}
#cqpim_backend_quote input[type=submit], #submit-quote-conf input[type=submit] {
	background:#857198;
	padding:8px 10px;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	border-radius:3px;
	-moz-border-radius:3px;
	text-shadow: none !important;
	box-shadow: none !important;
	cursor:pointer;
	margin-right:6px;
}
#cqpim_backend_quote input[type=submit]:hover {
	background:#a192b0;
}
#cqpim_backend_quote textarea, #add_ticket_update textarea {
	width:98%;
	padding:1%;
	height:200px;
}
#cqpim_backend_quote select {
	padding:9px;
}
.dataTables_wrapper input[type=search] {
	padding:7px;
}

.task_details h4 {
	margin:5px 0;
}
.task_details p {
	padding:0;
}

.edit-milestone {
    background: #f0ad4e;
    color: #fff;
    text-decoration: none;
    padding: 4px 4px 1px;
    border: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
}
.delete_task, .delete_message, .delete_file, .delete_stage, .delete_stage_conf, .delete_team {
    background: #d9534f;
    color: #fff;
    text-decoration: none;
    padding: 4px 4px 1px;
    border: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
}
.team_member {
    float: left;
    display: inline-block;
    margin-right: 10px;
    width: 400px;
    padding: 10px;
    border: 1px solid #ececec;
    margin-bottom: 12px;
    position: relative;
}
.team_delete {
    position: absolute;
    top: 10px;
    right: 10px;
}
.team_details {
    padding-left: 92px;
}
.cancel-colorbox {
    float: left;
    background: #d9534f;
    color: #fff;
    margin-top: 12px;
    text-decoration: none;
    padding: 7px 14px;
    border: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
}

#cboxContent h3 {margin-top:0 }

.contract-confirmed h5 {margin-top:0}

.cqpim_attachment_pdf {width:100%; height:800px}

.tasks_left {
	float:left;
	width:49%;
}
.tasks_right {
	float:right;
	width:49%;
}
.tasks_right select, .tasks_left select {
	width:100%;
}
.tasks_right input, .tasks_left input {
	width:100%;
}
#client_settings h4 {
	padding:12px 0;
	color:#000;
	border-bottom: 3px solid #857198;
	margin:0 0 20px 0;
	font-size: 18px;
	font-weight:100;
}
#client_settings label, #cqpim_login_form label{display:block; padding:7px 0}
#client_settings input[type=text], #client_settings input[type=password], #conf_name, #cqpim_login_form input {padding:5px}
#client_settings textarea {padding:5px}

.contact_edit label, #add_client_team_ajax label {display:block; padding:7px 0}
.contact_edit input, #add_client_team_ajax input {padding:1%; width:96%}
.contact_edit input[type=checkbox], #add_client_team_ajax input[type=checkbox] {width:auto}
select {padding:7px}
input[type=text] {padding:5px}


table.milestones.dash tr th {
	border-top:1px solid #ececec;
}
table.milestones.dash tr td:last-child, table.milestones.dash tr th:last-child {
	border-right:1px solid #ececec;
}
table.milestones.dash {
	border-bottom:1px solid #ececec;
}

.task_details p {
	margin-bottom:6px;
}

.cqpim-login input[type=text] {
	width:95%;
	padding:2.5%;
	margin-bottom:30px;
}
.cqpim-login input[type=password] {
	width:95%;
	padding:2.5%
}
#login_messages.error {
	border:1px solid #ed541d;
	background: #fef5f1;
	color: #8c2e0b;
	padding:12px;
}
#login_messages.success {
	border:1px solid #77B259;
	background: #F3FAEF;
	color: #325E1C;
	padding:12px;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}


@media screen and (max-width: 1650px) {

	.cqpim-dash-item {
		width:31%;
		margin-right:2%;
		margin-bottom:2%;
	}
	
	.cqpim-dash-item-double {
		width:64%;
		margin-right:2%;
		margin-bottom:2%;
	}

}

@media screen and (max-width: 1300px) {

	.cqpim-dash-item {
		width:48%;
		margin-right:2%;
		margin-bottom:2%;
	}
	
	.cqpim-dash-item-double {
		width:98%;
		margin-right:2%;
		margin-bottom:2%;
	}

}

@media screen and (max-width: 980px) {

	.cqpim-dash-item {
		width:100%;
		margin-right:0;
		margin-bottom:1%;
	}
	
	.cqpim-dash-item-double {
		width:100%;
		margin-right:1%;
		margin-bottom:1%;
	}


}

.nomobile {display:initial}

.nodesktop {display:none}

@media screen and (max-width: 900px) {

	.nodesktop {display:initial}
	
	.nomobile {display:none}

	#cqpim-dash-menu {position:relative; float:none; height:auto; width:100%}
	
	.cqpim-client-dash {
		float:none;
	  text-align: left;
	  padding-left: 0px;
	}
	
	#cqpim-dash-menu-back {display:none !important}

	.milestones th {display:none}
	.milestones tbody td {width:95% ; display:block; text-align:left ; border:0 }
	.milestones tr td:last-child {border-bottom:2px solid #666 }
	
	.milestones tr:last-child td:last-child {border-bottom:0}
	
	.metabox-add-button {float:left}
	
	.message_details {clear:both; padding-top:15px}
	
	.cqpim-dash-column {width:98%; clear:both; float:none }
	
	ul.cqpim-dash-main-menu li a {
	  color: #fff;
	  text-decoration: none;
	  display: block;
	  width: 90%;
	  padding: 10px;
	}
	ul.cqpim-dash-main-menu li a:hover {
	  color: #fff;
	  text-decoration: none;
	  display: block;
	  width: 90%;
	  padding: 10px;
	  background: #111;
	}

}

@media screen and (max-width: 500px) {

	.cqpim-login {
		width:80%;
		margin:0 10%;
		text-align:left;
		padding:70px 0 300px;
	}
	
	.cqpim-dash-item {
		margin-bottom:20px;
		
	}

}