@font-face {
  font-family: 'SourceSansPro-Bold';
  src: url('../../fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),  
	  url('../../fonts/SourceSansPro-Bold.woff') format('woff'), 
	  url('../../fonts/SourceSansPro-Bold.ttf')  format('truetype'), 
	  url('../../fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro-Light';
  src: url('../../fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),  
	  url('../../fonts/SourceSansPro-Light.otf')  format('opentype'),
	     url('../../fonts/SourceSansPro-Light.woff') format('woff'), 
	  url('../../fonts/SourceSansPro-Light.ttf')  format('truetype'), 
	  url('../../fonts/SourceSansPro-Light.svg#SourceSansPro-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro-Regular';
  src: url('../../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),  
	  url('../../fonts/SourceSansPro-Regular.otf')  format('opentype'),
	     url('../../fonts/SourceSansPro-Regular.woff') format('woff'), 
	  url('../../fonts/SourceSansPro-Regular.ttf')  format('truetype'), 
	  url('../../fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro-Semibold';
  src: url('../../fonts/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'),  
	  url('../../fonts/SourceSansPro-Semibold.otf')  format('opentype'),
	     url('../../fonts/SourceSansPro-Semibold.woff') format('woff'), 
	  url('../../fonts/SourceSansPro-Semibold.ttf')  format('truetype'), 
	  url('../../fonts/SourceSansPro-Semibold.svg#SourceSansPro-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fr-sticky-on {
    top: 0 !important;
}
.paging .next a:before, .paging .prev a:before{
 /*width: -webkit-fill-available;*/    
  padding-top: 1px;
  width: 100%;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
}

body {
	margin: 0;
	padding: 0;
	font: 14px verdana;
}
.pm_task_report_group .fl {
    position: relative !important;
}
.header {
	background: url('../..images/admin_header_bg.png') 0 0 repeat-x #111
}

.header .logo a {
	text-indent: -999px;
	background: url('/optuno/static/images/admin_logo.png') no-repeat;
	
}
 .tooltip-extra-lead {top: -46px !important;}
 .tooltip-extra-lead::before{ left: 15px!important;}
.header .login_status {
	float: right;
	padding: 19px 25px 0 0;
	font-size: 80%;
	color: #777;
	text-align: right
}
.header .login_status a {
	font-size: 110%;
	color: #aaa;
	text-decoration: none
}
.header .login_status a:hover {
	color: #fff
}
.header .nav {
	background: #2d2d2d;
}
.header .nav ul {
	margin: 0;
	list-style-type: none
}
.header .nav li {
	float: left
}
.header .nav li:hover,
.header .nav li.selected {
	background: #333
}
/*
.header .nav li a {
	color: #ccc;
	text-decoration: none;
	line-height: 35px;
	display: block;
	padding: 0 15px;
	cursor: pointer
}
.header .nav li a:hover {
	color: #fff
}
*/
.header .nav li.selected>a {
	border-top: 2px solid #c53727;
	line-height: 33px
}
.header .nav li ul {
	width: 200px;
	background: #2d2d2d;
	display: none;
	position: absolute;
	z-index: 3;
	-webkit-opacity: 0.95;
	-moz-opacity: 0.95;
	opacity: 0.95;
	-o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
			box-shadow: 0 0 2px rgba(0, 0, 0, 0.3)
}
/*
.header .nav .fr li ul {
	margin-left: -141px
}
*/
.header .nav li:hover>ul {
	display: block
}
.header .nav li li {
	float: none
}
.header .nav li li a {
	line-height: normal;
	padding: 9px 15px
}
.header .nav li li.selected>a {
	border-top: 0;
	line-height: normal
}

/*
.header .nav ul ul ul {
	margin-top: -35px;
	margin-left: 200px
}

.header .quick_nav {
	clear: both;
	margin: 0 -20px -1px -20px
}
.header .quick_nav ul {
	position: relative;
	display: block;
	left: 0;
	z-index: 2;
	background: #f1f1f1;
	border-bottom: solid 1px #e5e5e5;
	padding: 0 20px;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
    box-shadow: none
}
.header .quick_nav ul:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.header .quick_nav li.selected {
	background-color: #f1f1f1;
	margin-bottom: -1px
}
.header .quick_nav li:hover {
	background-color: #e9e9e9
}
.header .quick_nav li a {
	color: #222;
	line-height: 33px
}
.header .quick_nav li a:hover {
	color: #000
}

*/
.header .quick_nav li.selected>a {
	border-top: 0;
	border-bottom: 2px solid #DD4B39;
	line-height: 32px
}
.header .quick_nav li.refresh {
	float: right
} 
 
.header .quick_nav li:hover ul {
	display: none
}
.content,
.footer {
	margin: 20px;
	display: block
}
.footer {
	font-size: 90%;
	padding-bottom: 1px
}
.in_iframe .header,
.in_iframe .footer {
	display: none
}
.frontend_admin {
	display: none
}
a {
	color: #15c
}
a:hover {
	color: #3079ed
}
hr {
	border: 0;
	border-top: 1px solid #e5e5e5;
	height: 0;
	background: none;
	clear: left
}
form {
	margin: 0
}
pre {
	max-height: 200px;
	overflow: auto;
	border: 1px solid #2b98bc;
	padding: 20px;
	color: #000 !important;
	background: #fff !important;
	line-height: normal
}
code {
	display: inline-block;
	border: 1px dotted #e0e0e0;
	background: #fff;
	padding: 10px 15px;
	color: #000;
	overflow: auto;
	line-height: normal;
	margin-bottom: -7px;
	margin-right: 15px;
	margin-left: 15px;
	max-height: 200px
}
code.block {
	display: block
}
iframe {
	overflow: auto;
	border: 1px solid #2b98bc;
	color: #000;
	background: #fff;
	line-height: normal;
	margin-bottom: 20px
}
#fancybox-content .admin_notes .field .field_content:after {
  clear: both;
  display: block;
  content: '';
}
#fancybox-content .button.b.search,
#fancybox-content .button.r.search,
#fancybox-content .tipsy .button.search {
     background-image: url("../../icons/magnifying_glass_alt_w.png")
}
iframe.list {
	overflow: hidden;
	border: 1px solid #e5e5e5;
	width: 100%;
	height: 100%
}
.red {
	color: #ca3f2d
}
.blue {
	color: #3079ED
}
.black {
	color: #000
}
.green {
	color: #090
}
.white {
	color: #fff
}
.gray {
	color: #999;
	font-size: 85%;
	line-height: normal
}
.bold {
	font-weight: bold
}
.clear {
	clear: both
}
.hidden {
	display: none
}
.crossed {
	text-decoration: line-through
}
.trans {
	background: none;
	border-color: transparent
}
.fl {
	float: left
}
.fr {
	float: right
}
.nf {
	float: none
}
.nw {
	white-space: nowrap
}
.nu {
	text-decoration: none
}
.pdl {
	padding-left: 10px
}
.pdr {
	padding-right: 10px
}
.nopd {
	padding: 0
}
.inline {
	display: inline-block
}
.sign,
.form .frml {
	display: inline-block;
	background: #777;
	border-radius: 15px;
	padding: 1px 4px;
	min-width: 9px;
	color: #fff;
	font-weight: bold;
	font-size: 90%;
	margin-left: 5px;
	line-height: normal;
	text-decoration: none;
	text-align: center;
	border: 1px solid transparent
}
.sign:hover,
.form .frml:hover {
	background: #000;
	color: #fff
}
/*
.tooltip {
	border: 1px solid #F0C36D;
	background: #F9EDBE;
	padding: 10px 20px;
	color: #000;
	margin-bottom: 20px;
	border-radius: 2px
}
*/
.tooltip.success {
	color: #fff;
	border-color: #589021;
	background: #73bc2b
}
.tooltip.error {
	color: #fff;
	border-color: #9f3123;
	background: #ca3f2d
}
.tooltip.success a,
.tooltip.error a {
	color: #fff
}
.tooltip p:first-of-type {
	margin-top: 0
}
.tooltip p:last-of-type {
	margin-bottom: 0
}
.form fieldset {
	border: 1px solid #cfcfcf;
	border-width: 1px 2px 2px 2px;
	background: #f7f7f7;
	padding: 20px;
	padding-top: 0;

}
.form .field {
	clear: left
}
.form .field.nf {
	margin: 20px 0
}
.form .field.nf>.field_title {
	float: none;
	width: auto;
	text-align: left;
	margin-bottom: 5px
}
.form .field.nf>.field_content {
	margin-left: 10px
}
.form .field_title {
	width: 170px;
	display: block;
	float: left;
	text-align: right;
	margin: 7px 10px 10px 0;
	clear: left
}
.form .milestone_field_id .field_title,
.edit_customers_project .form .field_title {
	width: 290px;
	text-align: left
}
.form .field_content {
	margin-left: 180px;
	line-height: 30px; /*margin: 0; don't use this 103235*/
}
.form .field_content p,
.form .field_content table {
	margin-top: 0;
	line-height: normal
}
.form legend {
	color: #777;
	padding: 0 10px;
	font-size: 110%;
	*margin-bottom: 20px;
	margin-bottom: 20px;
}
.form .buttons {
	margin: 15px 0 20px 0
}
.form .show_calendar_picker,
.form .show_color_picker {
	text-decoration: none;
	cursor: pointer;
	font-size: 16px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
}
.form .show_calendar_picker:before, .form .show_color_picker:before{
     margin-left: 0;   
}
.form .search_input {
	padding-right: 28px
}
.form .clear_calendar_picker,
.form .clear_color_picker,
.form .clear_search_input {
	text-decoration: none;
	cursor: pointer;
	font-size: 16px;
}
.form .clear_search_input {
	display: inline-block;
	position: absolute;
	margin: 8px 0 0 -23px
}
.form .frml, .remove_frml {
	background: #D14836;
	line-height: 19px;
	padding: 0 0px;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	border-radius: 50%;
	text-align: center;
	font-size: 100%
}
.form .frml:hover, .remove_frml:hover {
	background: #c53727
}
.lead_opp_588 .remove_frml{ min-width: 9px; color: #fff; font-weight: bold; display: inline-block; margin: 25px 0 18px 0; }
.form_row{ margin-left: -15px; margin-right: -15px;}
.form_col{ float: left; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.form_col6{ width: 50%; }
.form_col4{ width: 33.3%; }
.form_col8{ width: 66.66%; }
input,
textarea,
select,
button {
	outline: none;
	border: 1px solid #d0d0d0;
	background: #fff;
	color: #000;
	padding: 7px 10px;
	margin: 0 0 5px 0;
	border-radius: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px
}
::-webkit-input-placeholder {
	color: #aaa
}
::-moz-placeholder {
	color: #aaa
}
:-moz-placeholder {
	color: #aaa
}
:-ms-input-placeholder {
	color: #aaa
}
:input-placeholder {
	color: #aaa
}
select {
	padding: 6px 10px
}
 

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	select,
	select.cke_dialog_ui_input_select {
		-webkit-appearance: none !important;
		padding-right: 25px !important;
		line-height: normal !important;
		background-repeat: no-repeat !important;
		background-image: url("../../icons/sort_desc.png") !important;
		background-position: 100% 50% !important;
		background-position: right 8px top 50% !important
	}
	select.cke_dialog_ui_input_select {
		background-position: right 5px top 50% !important
	}
}
input[type=checkbox],
input[type=radio] {
	padding: 0
}
input.transparent,
textarea.transparent,
select.transparent {
	border-color: transparent;
	background-color: transparent
}
input:focus,
textarea:focus,
select:focus {
	border-color: #4d90fe;
	background-color: #fff;
	-o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset;
			box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset;
	outline: none
}
.button {
	display: inline-block;
	border: 1px solid #cfcfcf;
	color: #666;
	background-color: #f1f1f1;
	background-position: 12px 7px;
	background-repeat: no-repeat;
	padding: 7px 15px;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	margin-left: 5px;
	margin-right: 0;
	overflow: visible;
	position: relative;
	border-radius: 2px;
	line-height: normal
}
.button:hover,
.button:focus {
	cursor: pointer;
	background-color: #f3f3f3;
	background-position: 12px -73px;
	border-color: #999;
	color: #000;
	z-index: 1;
	-o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
			box-shadow: 0 0 2px rgba(0, 0, 0, 0.3)
}
.button:focus {
	border-color: #3d90fe;
	outline: none
}
.button.disabled {
	-webkit-opacity: 0.3;
	-moz-opacity: 0.3;
	-o-opacity: 0.3;
	opacity: 0.3;
	filter: alpha(opacity 30)
}
.button.b {
	border-color: #3079ed;
	background-color: #4d90fe;
	color: #fff
}
.button.r {
	border-color: #ac2b1c;
	background-color: #D14836;
	color: #fff
}
.button.r:hover,
.button.r:focus {
	border-color: #b0281a;
	background-color: #c53727
}
.button.phone {
	background-image: url("../../icons/phone.png");
	padding-left: 35px
}
.button.g.phone{background-image: url("../../icons/phone_g.png")}
.button.b.add,
.button.r.add,
.tipsy .button.add {
	background-image: url("../../icons/plus_w.png")
}
.button.b.remove,
.button.r.remove,
.tipsy .button.remove {
	background-image: url("../../icons/minus_w.png")
}
.button.dustpin {
	background-image: url("../../icons/remove2.png");
	padding-left: 35px
}
.button.convert_cus {
	background-image: url("../../icons/changeplan-new.png");
	padding-left: 35px
}
.button.convert_cus_by_cus {
	background-image: url("../../icons/align-horizontal-centers.png");
	padding-left: 35px
}
.button.b.mail,
.button.r.mail,
.tipsy .button.mail {
	background-image: url("../../icons/mail_w.png")
}
.button.g.mail_read{background-image: url("../../icons/mail_read_g.png")}
.button.b.mail_read,
.button.r.mail_read,
.tipsy .button.mail_read {
	background-image: url("../../icons/mail_read_w.png")
}
.button.b.edit,
.button.r.edit,
.tipsy .button.edit {
	background-image: url("../../icons/pen_alt_fill_w.png")
}
.button.g.edit {
    color:#000;
    /* background-image: url("../../icons/pen_alt_fill.png");*/
    }
.button.b.duplicate,
.button.r.duplicate,
.tipsy .button.duplicate {
	background-image: url("../../icons/folder-duplicate-2_w.png")
}
.button.b.delete,
.button.r.delete,
.tipsy .button.delete {
	background-image: url("../../icons/x_w.png")
}
.button.g.dustpin { background-image: url("../../icons/remove2_g.png"); }
.button.g.dustpin:hover { background-position: 12px -73px !important;}
.button.project_reply_icon {
	background-image: url("../../icons/reply.png");
	padding-left: 35px;
    height: 16px;
}
.button.project_reply_icon:hover{background-position: 12px -74px;}

.button.discus {
	background-image: url("../../icons/discussion.png");
	padding-left: 35px;
	height: 16px;
	background-position: 12px 8px
}
.button.discus:hover {
	background-position: 12px -73px !important
}
.button.business_accelerator_flag{
    background-image: url("../../icons/512.png=s32");
padding-left: 35px;
height: 16px;
background-position: 8px 5px;
  width: 22px !important;
    background-size: contain;
}
.button.mile {
	background-image: url("../../icons/Milestone.png");
	padding-left: 35px;
	height: 16px;
	background-position: 12px 4px
}
.button.mile:hover {
	background-position: 12px -68px !important
}
.button.ques {
	background-image: url("../../icons/questionor1.png");
	padding-left: 35px;
	height: 15px;
	background-position: 12px 8px
}
.button.ques:hover {
	background-position: 12px -73px !important
}
.button.ques.orange_color {
	background-color: #e6e6e6 !important;
	border-color: #cfcfcf !important;
	background-position: 12px -73px !important
}
.button.credit {
	background-image: url("../../icons/clipboard-2.png");
	padding-left: 35px;
	background-position: 12px 7px;
	height: 16px;
	vertical-align: middle
}
.button.credit:hover {
	background-position: 12px -73px !important
}
.button.unassign  {
	background-image: url("../../icons/browser-close.png");
	padding-left: 35px;
	background-position: 12px 7px;
	height: 16px;
	vertical-align: middle
}
.button.unassign:hover {
	background-position: 12px -73px !important
}
.button.assign   {
	background-image: url("../../icons/browser-new-window-2.png");
	padding-left: 35px;
	background-position: 12px 7px;
	height: 16px;
	vertical-align: middle
}
.button.assign :hover {
	background-position: 12px -73px !important
}
.button.team {
	background-image: url("../../icons/Members.png");
	padding-left: 35px;
	background-position: 12px 12px;
	height: 16px;
	vertical-align: middle
}
.button.team:hover {
	background-position: 12px -75px !important
}
.button.order {
	background-image: url("../../icons/Order.png");
	padding-left: 35px;
	background-position: 12px 7px;
	height: 16px;
	vertical-align: middle
}
.button.order:hover {
	background-position: 12px -74px !important
}
.button.report {
	background-image: url("../../icons/monthly-reports.png");
	padding-left: 35px;
	height: 16px;
	background-position: 12px 6px
}
.button.report:hover {
	background-position: 12px -73px !important
}
.button.ticket_view {
	background-image: url("../../icons/ticketview.png");
	padding-left: 35px;
	background-position: 12px 8px;
	height: 16px
}
.button.ticket_view:hover {
	background-position: 12px -72px !important
}
.button.task_view {
	background-image: url("../../icons/task.png");
	padding-left: 35px;
	background-position: 12px 8px;
	height: 16px
}
.button.task_view:hover {
	background-position: 12px -72px !important
}
.button.task_view_check {
	background-image: url("../../icons/check.png");
	padding-left: 35px;
	background-position: 12px 6px;
	height: 14px;
	margin-top: 3px !important
}
.button.task_view_check:hover {
	background-position: 12px -74px !important
}
.button.task_view_check.tf_red  {
	background-image: url("../../icons/check-color.png");
	background-position: 12px -74px !important
}
.button.task_view_check.tf_orange  {
	background-image: url("../../icons/check-color.png");
	background-position: 12px 6px !important
}
.button.task_view_check.tf_yellow  {
	background-image: url("../../icons/check-color.png");
	background-position: 12px -36px !important
}

.button.payments {
	background-image: url("../../icons/payment-new.png");
	padding-left: 35px;
	background-position: 12px 7px;
	height: 16px;
	vertical-align: middle
}
.button.payments:hover {
	background-position: 12px -73px !important
}
.button.failed_payments {
	background-image: url("../../icons/payment-new-failed.png");
	padding-left: 35px;
	background-position: 12px -73px !important;
	height: 16px;
	vertical-align: middle
}
.button.failed_payments:hover {
	background-position: 12px 7px !important
}
.button.custom_order_plus {
	background-image: url("../../icons/custom-order.png");
	padding-left: 35px;
	height: 16px;
	vertical-align: middle;
	background-position: 12px 7px !important
}
.button.custom_order_plus:hover {
	background-position: 12px -73px !important
}
.button.task_view_popup {
	background-image: url("../../icons/expand2.png");
	padding-left: 35px;
	height: 16px;
	vertical-align: middle;
	background-position: 12px 7px !important
}
.button.task_view_popup:hover {
	background-position: 12px -73px !important
}


.button.notes {
	background-image: url("../../icons/notes.png");
	padding-left: 35px;
	background-position: 12px 7px;
	height: 16px;
	vertical-align: middle
}
.button.notes:hover {
	background-position: 12px -73px !important
}

/*eye icon*/
.button.view_icon {
	background-position: 12px 7px;
	height: 16px;
	vertical-align: middle
}
.button.view_icon:before {
    content: "\f06e";
}

.button.view_icon:hover {
	background-position: 12px -73px !important
}


.button.notes_each_discussion  {
	background-image: url("../../icons/timeline.png");
}
.button.notes_each_discussion :hover {
	background-position: 12px -73px !important
}
a.button.sms_each_discussion {
    background-image: url(../../icons/sms.png);
    height: 16px;
}
a.button.sms_each_discussion:hover {
    background-position: 12px -74px;
}
a.button.sp_email_send {
    background-image: url("../../icons/email-icons.png");
    height: 16px;
}
a.button.sp_email_send:hover {
    background-position: 14px -72px;
}
.button.ccs-upgrade {
	background-image: url("../../icons/changeplan-new.png");
	padding-left: 35px;
	background-position: 12px 7px;
	height: 17px;
	vertical-align: middle
}
.button.ccs-upgrade:hover {
	background-position: 12px -72px !important
}
.button.cards {
	background-image: url("../../icons/credit-card-4.png");
	padding-left: 35px;
	background-position: 12px 8px;
	height: 16px;
	vertical-align: middle
}
.button.cards:hover {
	background-position: 12px -72px !important
}
.button.resend {
	background-image: url("../../icons/outgoing.png");
	padding-left: 35px;
	background-position: 12px 8px;
	height: 16px;
	vertical-align: middle
}
.button.g.resend{background-image: url("../../icons/outgoing_g.png");}
.button.resend:hover {
	background-position: 12px -72px !important
}
.button.reply {
	background-image: url("../../icons/reply.png");
	padding-left: 35px;
	background-position: 12px 8px;
	height: 16px;
	vertical-align: middle
}
.button.reply:hover {
	background-position: 12px -73px !important
}
.button.down_arrow {
	background-image: url("../../icons/arrow-down-normal.png");
	padding-left: 35px;
	background-position: 12px 8px;
	height: 16px;
	vertical-align: middle
}
.button.down_arrow:hover {
	background-position: 12px -72px !important
}
.button.re_create {
	background-image: url("../../icons/recreation.png");
	padding-left: 35px;
	background-position: 12px 7px;
	height: 16px;
	vertical-align: middle
}
.button.re_create:hover {
	background-position: 12px -72px !important
}

.button.cancellation-undo {
	background-image: url("../../icons/undo.png");
	padding-left: 35px;
	background-position: 12px 7px;
	height: 17px;
	vertical-align: middle
}
.button.cancellation-undo:hover {
	background-position: 12px -73px !important
}
.button.ccs-history {
	background-image: url("../../icons/changeplanhistory.png");
	padding-left: 35px;
	background-position: 12px 7px;
	height: 17px;
	vertical-align: middle
}
.button.ccs-history:hover {
	background-position: 12px -75px !important
}
.button.retry {
	background-image: url("../../icons/reload.png");
	padding-left: 35px;
	background-position: 12px 7px;
	height: 17px;
	vertical-align: middle
}
.button.retry:hover {
	background-position: 12px -70px !important
}
.button.ccs-cancel,
.button.ccs-upgrade,
.button.ccs-history {}
.button.ccs-cancel {
	background-image: url("../../icons/delete.png");
	padding-left: 35px;
	background-position: 12px 7px;
	height: 16px;
	vertical-align: middle
}
.button.ccs-cancel:hover {
	background-position: 12px -73px !important
}
.button.subscriptions {
	background-image: url("../../icons/subscription-new.png");
	padding-left: 35px;
	background-position: 12px 7px;
	height: 16px;
	vertical-align: middle;
}
.button.subscriptions:hover {
	background-position: 12px -73px !important
}
.button.project_live_url {
	background-image: url("../../icons/links.png");
	padding-left: 35px;
	background-position: 12px 7px;
	height: 16px;
	vertical-align: middle
}
.button.project_live_url:hover {
	background-position: 12px -73px !important
}
.button.project_demo_url {
	background-image: url("../../icons/link_w.png");
	padding-left: 35px;
	background-position: 12px 7px;
	height: 16px;
	vertical-align: middle;
	border-color: #000;
}
.button.project_demo_url:hover {
	background-position: 12px -73px !important;
}
.button.domain_selected, .button.domain_not_selected {
	background-image: url("../../icons/number-one.png");
	padding-left: 35px;
	background-position: 12px -73px;
	height: 16px;
	vertical-align: middle;
	border-color: #000;
}
.button.domain_not_selected {
	background-position: 14px 7px !important
}
 .button.domain_selected:hover {  background-position: 14px 7px !important; }


.button.theme_selected, .button.theme_not_selected {
	background-image: url("../../icons/number-two.png");
	padding-left: 35px;
   background-position: 12px -73px;
	height: 16px;
	vertical-align: middle;
	border-color: #000;
}
.button.theme_selected:hover {
	background-position: 14px 7px   !important;
}
.button.theme_not_selected {
  background-position: 14px 7px !important;
} 
.button.step_three_completed, .button.step_three_not_completed {
	background-image: url("../../icons/number-three.png");
	padding-left: 35px;
	 background-position: 12px -73px;
	height: 16px;
	vertical-align: middle;
	border-color: #000;
}
.button.step_three_completed :hover {
	background-position: 12px 7px  !important;
}
 .button.step_three_not_completed {
	background-position: 14px 7px  !important;
}
.button.cancellation-recreation {
	background-image: url("../../icons/recreation1.png");
	padding-left: 35px;
	background-position: 12px 7px;
	height: 16px;
	vertical-align: middle;
	border-color: #000;
}
.button.cancellation-recreation:hover {
	background-position: 12px -73px !important
}
.button.follow{
    background-image: url("../../icons/follow.png");
}
.button.edit_follow_up{
	background-image: url("../../icons/follow-edit.png");
}

.button.view_lead_history{
	background-image: url("../../icons/lead-history.png");
	padding-left: 35px;
	background-position: 12px 7px;
	height: 16px;
	vertical-align: middle;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}
.button.view_lead_history:hover {
	background-position: 12px -73px !important
}

.button.view_flw_up{
	background-image: url("../../icons/view-lead.png");
	height: 16px;
}
.button.view_flw_up:hover {
	
}
.button.star {
	background-position: 12px 7px;
	height: 16px;
	vertical-align: middle;
	border-color: #000;
    position: absolute;
    top: 20px;
    left: 10px;
}
.button.star:hover {
	opacity: 0.5;
}
.button.star.active {
	background-position: 12px -73px !important
}
/*dollar*/

.button.dollar {
	background-image: url("../../icons/dollar-ico.png");
	padding-left: 35px;
	background-position: 12px 3px;
	border-color: transparent !important;
	background-color: transparent !important;
}
.button.dollar:focus {
	border-color: transparent !important;
}

.button.i {
	padding-left: 0;
	padding-right: 0;
	width: 40px;
	background-position-x: 50%;
	white-space: nowrap;
	overflow: hidden;
	/*color: transparent; 6-30-25 */
	text-align: left
}
.button.i span {
	display: inline-block;
	position: relative;
	color: #fff;
	background: #777;
	font-weight: normal;
	font-size: 11px;
	padding: 1px 4px;
	top: 7px;
	float: right;
	border-radius: 10px
}
.button.i:hover span,
.button.i:focus span {
	background: #000;
	-moz-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0
}
.button.l,
input.l,
select.l,
.combobox select {
	margin-left: -1px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-top-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	-o-border-top-left-radius: 0;
	-o-border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.combobox select {
	border-left: 0
}
.button a {
	text-decoration: none;
	color: #666
}
.button a:hover,
.button a:focus {
	color: #000
}
.button.b a,
.button.r a {
	color: #fff
}
.combobox {
	display: inline
}
.combobox select {
	width: 35px;
	padding-left: 5px;
	padding-right: 10px
}
.cke_focus {
	border-color: #4d90fe !important
}
.cke_dialog_ui_button_ok {
	text-shadow: 0 -1px 0 #3079ed !important;
	border-color: #3079ed !important;
	background: #4d90fe !important
}
.cke_dialog_ui_button_ok:hover,
.cke_dialog_ui_button_ok:focus,
.cke_dialog_ui_button_ok:active {
	border-color: #2f5bb7 !important;
	background: #3a7fed !important
}
.fc,
.fc_content {
	clear: both
}
.fc_title {
	background-image: url("../../icons/colapsed.png");
	background-position: 12px 7px;
	background-repeat: no-repeat;
	padding: 7px 15px 7px 35px;
	display: block;
	color: #333;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid transparent;
	zoom: 1;
	line-height: normal
}
.fc.expanded>.fc_title,
.fc_title.expanded {
	background-image: url("../../icons/expanded.png")
}
.fc_title:hover,
.fc:focus>.fc_title {
	background-position: 12px -73px;
	cursor: pointer;
	background-color: #f9f9f9;
	border-color: #999;
	color: #000;
	-o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
			box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	border-radius: 2px
}
.fc:focus>.fc_title {
	border-color: #3d90fe
}
.fc.inline .fc_title,
.fc_title.inline {
	display: inline-block;
	padding-bottom: 0
}
.fc.inline .fc_title:hover,
.fc_title.inline:hover,
.fc.inline:focus>.fc_title {
	background-color: transparent;
	border-color: transparent;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
			box-shadow: none
}
.fc_content.expanded {
	display: block
}
.fc>.fc_content {
	padding: 10px;
	border-left: 2px solid #cfcfcf;
	margin-left: 20px
}
.fc > .fc_content .field_title {
	width: 138px
}
.fc > .fc_content .field_content {
	margin-left: 148px
}
.fc > .fc_content .fc > .fc_content .field_title {
	width: 108px
}
.fc > .fc_content .fc > .fc_content .field_content {
	margin-left: 118px
}
td>.fc_title {
	width: 16px;
	height: 16px;
	padding: 0;
	background-position: 0px 0px
}
td>.fc_title:hover {
	background-position: 0px -80px;
	border-color: transparent;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
			box-shadow: none
}
.fc_title.sign {
	background: #777;
	border-radius: 15px;
	padding: 1px 4px;
	color: #fff
}
.fc_title.sign:hover {
	background: #000
}
.list {
	width: 100%;
	border-bottom: 1px solid #e5e5e5
}
.list.tfoot {
	border-bottom: 0
}
.list tr {
	background: #f5f5f5
}
.list tr.standout {
	background: #fdfdfd
}
.list tr.marker td {
	height: 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #e93d27;
	overflow: visible;
	position: relative;
	top: 1px;
}

.list tr.marker td:before,
.list tr.marker td:after {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50% 50%;
	background: #e93d27;
	position: absolute;
	margin-top: -3px;
}

.list tr.marker td:before {
	margin-left: -3px;
}

.list tr.marker td:after {
	right: 0;
	margin-right: -3px;
}
.list tr:hover,
.list tr.selected,
.list tfoot tr.selected:hover {
	background: #fafafa
}
.list tfoot tr,
.list tfoot tr:hover {
	background: transparent
}
.list th {
	text-align: center;
	background: #fff;
	padding: 5px 3px;
	font-weight: normal;
	color: #777;
	width: 1px;
	white-space: inherit
}
.page_pm_task_report .list th{
    width: auto;
}
.pm_task_report_group span.pieLabel div {
    color: #000!important;
}
.list th.auto {
	text-align: left;
	width: auto
}
.list th.pdl,
.list td.pdl {
	padding-left: 7px
}
.list th a {
	color: #777;
	text-decoration: none;
	opacity: 0.7;
}
.list th a:hover {
	color: #000
}
.list th .sort_by {
	background-position: 100% 0;
	background-repeat: no-repeat;
	padding-right: 21px
}
.list th .sort_by.asc {
	background-image: url("../../icons/sort_asc.png")
}
.list th .sort_by.desc {
	background-image: url("../../icons/sort_desc.png")
}
.lead_list .list th .sort_by.asc, .customers_followup_list .list th .sort_by.asc {
	background-image: url("../../icons/sort_asc_w.png")
}
.lead_list .list th .sort_by.desc, .customers_followup_list .list th .sort_by.desc {
	background-image: url("../../icons/sort_desc_w.png")
}

.list td {
	width: 1px;
	border-top: 1px solid #e5e5e5;
	padding: 5px 10px;
	text-align: right
}
.list td.auto {
	width: auto;
	word-wrap: break-word;
	overflow: hidden;
	text-align: left
}
.list td.auto.crossed {
	color: #999
}
.list td.auto.crossed b {
	font-weight: normal
}
.list td.auto.crossed>* {
	-webkit-opacity: 0.4;
	-moz-opacity: 0.4;
	-o-opacity: 0.4;
	opacity: 0.4;
	filter: alpha(opacity 40)
}
.list td.link {
	cursor: pointer
}
.list td.link a:first-of-type {
	color: #000;
	text-decoration: none
}
.list td.link a:first-of-type:hover {
	color: #15c
}
.list td.link a:first-of-type:focus {
	outline: 0
}
.list td.link .gray.pdl {
	/*white-space: nowrap;*/
	word-wrap: normal
}
.list td.sub,
.list td.sub_black {
	background-image: url("../../icons/sub_indicator.png");
	background-position: 0 0;
	background-repeat: repeat-y
}
.list td.sub_black {
	background-image: url("../../icons/tipsybg.jpg")
}
.list td>.nw {
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block
}
.list td>.img_preview {
	display: block;
	line-height: 0;
	width: 40px;
	height: 40px;
	background-position: 50% 50%;
	background-size: cover;
	cursor: pointer;
	margin: -5px 10px -5px 0;
	float: left
}
.list .standout td {
	border-color: #eee
}
.list tr td.fn {
	padding: 5px 10px
}
.list .fn {
	text-align: left
}
.list .fn:first-child {
	padding-left: 5px
}
.list .nopd {
	padding: 0
}
.list .flag {
	padding: 0;
	width: 3px
}
.list .fn input[type=text] {
	width: 25px;
	padding: 3px;
	margin-left: 3px
}
.list .fn .button {
	border-color: transparent;
	background-color: transparent;
	margin: 0
}
.list .fn .button:hover,
.list .fn .button:focus {
	border-color: #999;
	background-color: #f9f9f9
}
.list .fn .button:focus {
	border-color: #3d90fe
}
.paging:after {
	content: "";
	display: block;
	clear: both
}
.paging div {
	display: inline;
	zoom: 1;
	*display: inline
}
.paging a {
	display: inline-block;
	padding: 5px 7px;
	text-decoration: none;
	color: #666;
	border: 1px solid transparent;
	border-radius: 2px
}
.paging select {
	padding: 4px 5px
}
.paging .total {
	padding-right: 15px
}
.paging .cur a {
	font-weight: bold;
	color: #000
}
.paging .next a,
.paging .prev a,
.paging .first a,
.paging .last a {
	padding: 5px 10px;
	border: 1px solid #cfcfcf;
	background-color: #f1f1f1;
	background-position: 12px 7px;
	background-repeat: no-repeat;
	font-weight: bold;
	overflow: visible;
	position: relative
}
.paging .last a {
	margin-left: -1px
}
.paging .prev a,
.paging .first a {
	margin-left: -1px
}
.paging a:hover {
	background-color: #f3f3f3;
	background-position: 12px -73px;
	border-color: #999;
	color: #000;
	position: relative;
	z-index: 1;
	-o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
			box-shadow: 0 0 2px rgba(0, 0, 0, 0.3)
}
.tipsy a {
	color: #4D90FE;
	text-decoration: none
}
.tipsy a:hover {
	color: #fff
}
.tipsy h2 {
	margin-top: 0
}
.tipsy fieldset {
	border-color: transparent;
	background-color: transparent;
	color: #fff;
	padding: 0
}
.tipsy legend {
	margin: 0 0 25px 0;
	padding: 0;
	color: #fff;
	font-weight: bold;
	font-size: 130%
}
.tipsy input,
.tipsy textarea,
.tipsy select {
	max-width: 300px;
	border-color: #333;
	background-color: #111;
	color: #fff
}
.tipsy input.transparent,
.tipsy textarea.transparent,
.tipsy select.transparent {
	border-color: transparent;
	background-color: transparent;
	color: #ccc
}
.tipsy input:focus,
.tipsy textarea:focus,
.tipsy select:focus {
	border-color: #555;
	background-color: #222;
	color: #fff
}
.tipsy .field {
	padding: 10px 0
}
.tipsy .field_title {
	float: none;
	width: auto;
	text-align: left;
	padding-bottom: 3px;
	margin: 0;
	color: #999
}
.tipsy .field_content {
	margin-left: 0;
	line-height: normal
}
.tipsy .buttons {
	margin: 15px 0 0 0
}
.tipsy .button:not(.b):not(.r) {
	background-color: #222;
	border-color: #333
}
.tipsy .button:not(.b):not(.r):hover {
	background-color: #444;
	border-color: #555
}
.tipsy .button:not(.b):not(.r):not(.i) {
	color: #eee
}
.tipsy .button:not(.b):not(.r):not(.i):hover {
	color: #fff
}
.tipsy .tooltip {
	margin: 0
}
.tipsy .gray {
	color: #666
}
.tipsy table {
	border: 0
}
.tipsy tr {
	background: #111
}
.tipsy tr:hover,
.tipsy tr.selected {
	background: #000
}
.tipsy td,
.tipsy th {
	border: 0;
	background: none;
	color: #fff
}
.tipsy td,
.tipsy th {
	padding-top: 10px;
	padding-bottom: 10px
}
.tipsy th,
.tipsy th a {
	color: #777
}
.tipsy th a:hover {
	color: #fff
}
.tipsy th .sort_by.asc {
	background-image: url("../../icons/sort_asc_w.png")
}
.tipsy th .sort_by.desc {
	background-image: url("../../icons/sort_desc_w.png")
}
.tipsy thead tr {
	background: none
}
.tipsy .list td.link a:first-of-type {
	color: #fff
}
.tipsy .check_all {
	-webkit-opacity: 0.4;
	-moz-opacity: 0.4;
	opacity: 0.4
}
.tipsy .check_all:hover {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1
}
.tipsy .paging select {
	margin-right: 10px
}
.tipsy .paging .cur a,
.tipsy .paging .num a,
.tipsy .paging .next a,
.tipsy .paging .prev a,
.tipsy .paging .first a,
.tipsy .paging .last a {
	background-color: #222;
	border-color: #333;
	margin-left: -2px;
	padding: 7px 10px
}
.tipsy .paging a {
	color: #ccc;
	position: relative
}
.tipsy .paging .cur a {
	z-index: 1
}
.tipsy .paging a:hover {
	z-index: 2
}
.tipsy .paging .cur a,
.tipsy .paging a:hover {
	color: #fff;
	background-color: #333;
	border-color: #444;
	-webkit-box-shadow: none;
			box-shadow: none
}
.cke_dialog_body {
	-o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
			box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)
}
.transition,
.fc_title,
.button,
.header li,
.paging a,
input,
textarea,
select {
	-webkit-transition-property: color, border-color, background-color;
	transition-property: color, border-color, background-color;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s
}
.transition:hover,
.fc_title:hover,
.button:hover,
.header li:hover,
.paging a:hover,
input:focus,
textarea:focus,
select:focus {
	-webkit-transition-property: color, border-color, background-color;
	transition-property: color, border-color, background-color;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s
}
.form ul li {
	list-style: none
}
.form ul li input[type=checkbox],
input[type=radio] {
	margin: 0 7px 5px 0
}
.form ul {
	margin: 0;
	padding: 0
}
.list {
	font-size: 13px
}
.customers_projects_list .list th {
	text-align: center;
	padding: 5px 7px
}
.customers_projects_list .list td {
	text-align: center
}
.customers_projects_list .list td.pjct_id {
	width: 100px;
	display: block;
	padding: 10px 7px
}
.customers_projects_list .list .fn:first-child,
.customers_projects_list .list td.auto,
.customers_projects_list .list th.auto {
	text-align: left
}
.customers_list .list th.auto {
	padding-left: 0;
	width: 1px;
	text-align: center
}
.customers_list .list th.auto:nth-child(2) {
	text-align: left;
	padding-left: 10px
}
.customers_list .list td.auto {
	text-align: center
}
.customers_list .list td.auto.link {
	text-align: left
}
.customers_list .list .customers_view.selected td {
	text-align: left
}
.datepicker .datepicker-switch {
	background: #333;
	border: 1px solid #000
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover {
	background: #000
}
.datepicker td.today {
	border: 1px solid #ff7800;
	background: #ffcea2
}
.datepicker-days td.active,
.datepicker-days td:hover,
.datepicker-days td.today:hover,
.datepicker span.active,
.datepicker span:hover {
	border: 1px solid #dc6802;
	background: #ff7800;
	color: #fff
}
.both_error {
	background: #ee0101;
	color: #fff;
	padding: 5px;
	text-align: center;
	max-width: 300px;
	margin: 0 0 5px 180px;
	font-size: 13px
}
#fancybox-frame .list th {
	white-space: inherit
}
.admin-question-pop {
	padding: 0 20px 0
}
.admin-question-pop ul {
	margin: 0;
	padding: 0
}
.admin-question-pop ul li {
	list-style: none;
	position: relative;
	padding: 0 0 15px 25px
}
.admin-question-pop ul li:before {
	background: url(../../icons/check-mark.png) 0 no-repeat;
	content: "";
	width: 16px;
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	height: 16px
}
.admin-question-pop .label_sec {
	font-weight: bold
}
.admin-question-pop h3 {
	background: #cecece;
	padding: 10px;
	color: #000
}
.edit_ticket {
	padding: 0 0 20px 0
}
.edit_ticket fieldset {
	border-bottom-width: 1px
}
.sup_edt_frst_form .field_title {
	display: block;
	width: auto;
	float: none;
	clear: inherit;
	text-align: left;
	margin: 0 0 10px 0
}
.sup_edt_frst_form .field_content {
	margin: 0;
	display: block
}
.sup_edt_frst_form fieldset:after,
.sup_edt_sec_form fieldset:after,
.thread_all_listing:after,
.initial_req_mail:after {
	display: block;
	clear: both;
	content: ""
}
.sup_edt_sec_form fieldset,
.sup_edt_frst_form fieldset {
	background: #ececec !important
}
.edit_supp_view {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	text-align: left
}
.sup_edt_frst_form .buttons,
.sup_edt_sec_form .buttons {
	clear: both;
	display: block
}
.sup_edt_sec_form .left_side,
.sup_edt_sec_form .right_side,
.fieldset_mail_thread .left_side,
.fieldset_mail_thread .right_side {
	width: 50%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	position: relative;
}
.sup_edt_sec_form .left_side,
.fieldset_mail_thread .left_side {
	padding: 0 20px 0 0
}
.sup_edt_sec_form .right_side,
.fieldset_mail_thread .right_side {
	padding: 20px;
	border-left: 1px solid #e4e4e4;
	background: #fff
}
.right_side .right_side_ch_span {
	display: block;
	font-size: 17px;
	font-weight: bold;
	display: block;
	margin: 0 0px 20px 0
}
.sup_edt_sec_form .right_side .field_content,
.fieldset_mail_thread .right_side .field_content {
	margin: 0;
	width: 100%
}
.sup_edt_sec_form .right_side .field_content textarea,
.fieldset_mail_thread .right_side .field_content textarea {
	width: 100%;
	resize: none;
	-webkit-box-sizing: border-box;
			box-sizing: border-box
}
.thread_all_listing,
.initial_req_mail {
	display: block;
	clear: both
}
.initial_req_mail {
	padding: 15px;
	background: #fff;
	border: 1px solid #e4e4e4
}
.view_page_mail_thread .desc {
	clear: both;
	display: block;
	padding: 5px 0 0 0
}
.view_page_mail_thread  .desc_view{
	clear: both;
}
.view_page_mail_thread .desc br {
	margin: 10px 0;
	content: "";
	display: block
}
.view_page_mail_thread .desc p:last-of-type,
.view_page_mail_thread .desc br:last-of-type {
	margin-bottom: 0
}
.initial_date {
	background: #7c8084;
	color: #fff;
	padding: 5px;
	font-size: 11px;
	float: left
}
.initial_req {
	background: #e4e4e4;
	color: #333;
	padding: 5px;
	font-size: 11px;
	float: right;
	border: 1px solid #c3c3c3;
	margin: 0 0 10px 0
}
.thread_all_listing {
	padding: 0 0 30px 0
}
.thread_desgin {
	background: #fff;
	padding: 15px;
	border: 1px solid #e4e4e4;
	border-left-width: 5px;
	margin: 0 0 15px 0
}
.thread_desgin.even {
	border-left-color: #333;
	margin-left: 20px
}
.thread_desgin.odd {
	border-left-color: #f60
}
.thread_desgin_span {
	background: #7c8084;
	color: #fff;
	padding: 5px;
	font-size: 11px;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 10px 0
}
.thread_desgin.odd .thread_desgin_span {
	background: #565656
}
.sup_edt_sec_form {
	margin: 20px 0 0 0
}
.cke_chrome,
.filter_section_full {
	margin: 0 0 20px 0 !important
}
.frm_date input,
.to_date input {
	width: 120px
}
.frm_date,
.to_date {
	display: inline-block
}
.filter_section_full .button {
	margin: 0 0 5px 0;
	padding-left: 15px;
	padding-right: 15px
}
.filter_section_full .search_input {
	width: 135px
}
.folders_list {
	margin: 0 0 5px 65px
}
.sp-fol {
	display: inline-block
}
.field_folder_option.nw {
	margin-left: 10px
}
.err.update_error {
	padding: 7px 10px;
	font-size: 12px;
	color: #fff;
	background: #ef0000;
	line-height: 10px;
	text-align: center;
	width: 100%;
	display: block;
	margin: 0 0 10px 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}
.page_documents .add_customers_documents .form .field_title {
	text-align: left;
	width: 106px
}
table .padd-need {
	padding-right: 20px;
	padding-left: 15px
}
.margin-help {
	margin-left: 93px;
	margin-top: 5px
}
.margin-help-one {
	margin-left: 22px;
	margin-bottom: 5px;
	position: relative
}
.new_folder_creation_error {
	position: absolute;
	top: -30px;
	left: 12%;
	background: #f02222;
	padding: 5px 10px;
	line-height: normal;
	color: #fff;
	border-radius: 3px;
	font-size: 12px
}
.new_folder_creation_error:after {
	top: 100%;
	left: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #f02222;
	border-width: 5px;
	margin-left: -5px
}
.cmt_respons.error {
	background: #e40000 none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	line-height: 14px;
	padding: 5px 10px
}
.add_customers_discussion .preview.doc_files {
	padding: 5px 10px
}
.next-to-field {
	padding-left: 180px
}
.next-to-field-one {
	padding-left: 49px
}
.next-to-field .folders_list,
.next-to-field .field_folder_option.nw {
	margin-left: 0
}
.next-to-field-two {
	padding-left: 65px
}
.orange_color.new .discus {
	background-color: #ff7800 !important;
	border-color: #ff7800 !important
}
.ticket_list table .number-orange {
	color: #ff7800 !important
}
.ticket_list table .number-orange:hover {
	color: #333 !important
}
.ul_attach {
	padding: 10px 0 0 0
}
.support_loading,
.support_loading_one,
.support_loading_add,
.support_loading_two, .msg_support_loading_add {
	display: block;
	position: absolute;
	width: 250px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.18);
			box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.18);
	max-height: 230px;
	overflow: auto;
	z-index: 999;
}
.support_loading ul,
.support_loading_one ul,
.support_loading_add ul,
.support_loading_two ul, .msg_support_loading_add ul {
	margin: 0;
	padding: 0
}
.support_loading ul li,
.support_loading_one ul li,
.support_loading_add ul li,
.support_loading_two ul li, 
.msg_support_loading_add ul li
{
	padding: 7px 10px;
	line-height: 17px;
	border-bottom: 1px solid #eaeaea;
	font-size: 13px;
	text-align: left;
}
.support_loading ul li:hover,
.support_loading_one ul li:hover,
.support_loading_add ul li:hover,
.support_loading_two ul li:hover,
.msg_support_loading_add ul li:hover
{
	cursor: pointer;
	color: #ff7800
}
.loading_img {
	margin: 5px auto;
	display: block;
	max-width: 20px
}
.support_loading .tooltip,
.support_loading_one .tooltip,
.support_loading_add .tooltip,
.support_loading_two .tooltip, .msg_support_loading_add .tooltip{
	margin: 0;
}
.support_loading_two .tooltip {
	line-height: normal
}
.list th.auto.created_on {
	width: 200px
}
.field_description {
	position: relative
}
.ticket_adddescription_error {
	background: #ee0101;
	color: #fff;
	line-height: 14px;
	padding: 4px 10px;
	width: 150px;
	border: 1px solid #dd0101;
	border-radius: 2px;
	font-size: 12px;
	position: absolute;
	top: -30px;
	left: 40%;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
			box-shadow: 0 0 2px rgba(0, 0, 0, 0.3)
}
.ticket_adddescription_error:after {
	top: 100%;
	left: 15px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #ee0101;
	border-width: 7px
}
.add_customers_discussion form .c-g-browse {
	display: inline-block;
	vertical-align: top
}
.add_customers_discussion form .next-to-field,
.add_customers_discussion form .next-to-field .field_folder_option.nw {
	display: inline-block;
	vertical-align: top
}
.add_customers_discussion form .next-to-field .folders_list {
	display: inline-block !important
}
.add_customers_documents .project_name_root {
	float: left;
	clear: none;
	margin: 0 0 10px 0
}
.add_customers_documents .new_folders_list_root {
	clear: left;
	float: left;
	margin: 0;
	width: 100%
}
.add_customers_documents .new_folder_name {
	float: left;
	margin: 0 0 0 20px
}
.add_customers_documents .new_folders_list_root .folders_list {
	float: left
}
.add_customers_documents .upload_docfile {
	float: left;
	clear: none;
	margin-left: 160px
}
.add_customers_documents .upload_docfile .field_content {
	margin-left: 20px
}
.documents_form .second_row_box .new_folders_list_root{display: inline-block; vertical-align: middle;}

.tab_one_head,
.tab_two_head {
	display: inline-block;
	padding: 10px 20px;
	background: #989898;
	color: #fff;
	border-radius: 5px 5px 0 0;
	cursor: pointer;
	-webkit-transition: 0.3s linear all;
	transition: 0.3s linear all;
	margin: 0 0 20px 0;
	border: 1px solid #868686
}
.tab_one_head.active,
.tab_two_head.active,
.tab_one_head:hover,
.tab_two_head:hover {
	background: #333;
	color: #fff;
	border-color: #000
}
.fieldset_mail_thread {
	margin: 15px auto;
	background: #ececec;
	border: 1px solid #d8d6d6;
	-webkit-box-shadow: 0px 0px 5px #eceaea;
			box-shadow: 0px 0px 5px #eceaea;
	border-radius: 3px;
	padding: 20px
}
.fieldset_mail_thread:after {
	content: "";
	display: block;
	clear: both
}
.tab_two fieldset {
	position: relative
}
.task_error {
	background: #ea0117;
	padding: 5px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	margin: 0 0 10px 0
}
.right_side .sup_class_one,
.right_side .sup_class_two {
	display: inline-block
}
.right_side .sup_class_one .field_title,
.right_side .sup_class_three .field_title {
	width: 100px;
	text-align: left
}
.right_side .sup_class_three {
	clear: both;
	display: block;
	padding: 5px 0 0 0
}
.right_side .sup_class_one .field_content {
	width: auto;
	display: inline-block
}
table.list td.customer_class_credits,
table.list td.customer_team_number,
table.list td.customer_pro_number {
	text-align: center
}
.customers_list .list th,
.customers_list .list td, .projects_task_time_form_list .list th, .projects_task_time_form_list .list td {
	text-align: center
}
.projects_task_time_form_list .list .fn input[type=text]{ text-align: center}
.customers_list .list th:first-child,
.customers_list .list td:first-child,  .projects_task_time_form_list .list th:first-child, .projects_task_time_form_list .list td:first-child {
	text-align: left
}
.task_listing_table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	border: 1px solid rgba(0, 0, 0, 0.09)
}
.task_listing_table td,
.task_listing_table th {
	border-left: 1px solid rgba(0, 0, 0, 0.09);
	border-width: 0 0 0 1px;
	overflow: visible;
	padding: 10px 10px;
	text-align: left;
	font-size: 13px
}
.task_listing_table th {
	background: #333;
	color: #fff
}
.task_listing_table td {
	background: #fff
}
.task_listing_table td,
.task_listing_table th {
	border-bottom: 1px solid rgba(0, 0, 0, 0.09)
}
.task_listing_table td:first-child,
.task_listing_table th:first-child {
	border-left-width: 0
}
.task_listing_table tr:nth-child(even) td {
	background: #f7f7f7
}
.tab_two .left_side .error_msg.success {
	background: #517d29;
	color: #fff;
	padding: 10px;
	margin: 0 0 10px
}
table.list th.t-center,
table.list td.t-center {
	text-align: center
}
.ticket_list .list th.t-center,
.ticket_list .list td.t-center,
.support-center_ticket_list th.t-center,
.support-center_ticket_list td.t-center,
.customers_credits_list .list th.t-center,
.customers_credits_list .list td.t-center {
	text-align: center
}
.customers_credits_list .list th.padd-ten {
	padding-right: 5px;
	padding-left: 5px
}
.left_sec {
	width: 50%;
	padding: 0 30px 0 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left
}
.right_sec {
	width: 50%;
	padding: 0 0px 0 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left
}
.left_sec .check_mod {
	width: 50%;
	float: left;
	padding: 0 10px 10px 25px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	font-size: 13px
}
.left_sec .check_mod input[type=checkbox] {
	position: absolute;
	top: 4px;
	left: 0;
	margin: 0
}
.left_sec .half-two input,
.left_sec .half-two select {
	width: 355px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block
}
.new_user_details .half-two {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 200px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box
}
.form .left_sec .field_title {
	width: 191px;
	margin-right: 2px
}
.form.left_sec .field_content{ margin-left: 205px;}

.no-margin-right {
	margin-right: 0px !important
}
.clear1 {
	clear: both;
	display: block
}
.pro-media-body,
.initial_req_mail {
	font-size: 15px;
	line-height: 22px
}
.pro-media-body br {
	content: "";
	padding: 1px 0;
	font-size: 6px;
    display: block;
}
.initial_req_mail br {
	content: "";
	padding: 3px 0;
	font-size: 8px;
	margin: 0 !important;
	display: inline-block !important
}
.more-attach-new {
	padding-left: 110px
}
.newcanned-dis {
	display: block !important;
	clear: both !important;
	width: 190px;
	margin-left: 110px
}
.add-an {
	margin-left: 10px
}
.re-frml {
	margin-left: 5px
}
.left_sec .customer_type,
.left_sec .order_item_plan_type,
.left_sec .order_item_plans,
.left_sec .additional_web_modules,
.left_sec .ex_user_name, .left_sec .order_item_plan_rec_type {
	width: 355px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box
}
.color-merge,
.enhancement_list,
.div-table-payment,
.chk-cart-five,
.theme-selection,
.proinfo-order,
.box-type2,
.delivary-area,
.over-all-flow,
.disnt-price {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #f5f5f5;
	padding: 0px 20px 20px 20px;
	margin: 0 0 30px 0;
	border: 1px solid #dbdbdb;
	overflow: hidden
}
.color-merge,
.enhancement_list {
	background: #fff
}
.disp_add_on h4,
.disp_add_ons h4,
.enhancement_list h3,
.div-table-payment h3,
.chk-cart-five h5,
.theme-selection h4,
.proinfo-order h4,
.box-type2 h4,
.delivary-area h4,
.over-all-flow h4,
.disnt-price h3 {
	padding: 10px 20px;
	background-color: #333;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 -20px 0px -20px
}
.enhancement_list h3,
.proinfo-order h4 {
	font-size: 14px
}
.disnt-price h3 {
	margin-bottom: 20px
}
.disp_add_on h3,
.disp_add_ons h3 {
	font-size: 14px;
	margin: 0 0 0px 0
}
.mod_addons>h3,
.server_toggle_title,
.utm_toggle_title, .cancelled_toggle_title  {
	padding: 10px 60px 10px 20px;
	background: #333;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0;
	position: relative;
	-webkit-transition: 0.3s linear all;
	transition: 0.3s linear all;
	cursor: pointer
}
.utm_toggle_title {
	margin: 30px 0 0 0
}
.mod_addons>h3:hover,
.utm_toggle_title:hover,.server_toggle_title:hover, .cancelled_toggle_title:hover {
	background: #000
}
.mod_addons>h3::before,
.mod_addons>h3::after,
.utm_toggle_title:before,
.utm_toggle_title:after,
.server_toggle_title:before,
.server_toggle_title:after,
.cancelled_toggle_title:before,
.cancelled_toggle_title:after {
	background: #fff;
	content: "";
	display: block;
	height: 2px;
	margin-top: -2px;
	pointer-events: none;
	position: absolute;
	right: 20px;
	top: 50%;
	transition: -webkit-transform 0.25s ease-in-out 0s;
	transition: transform 0.25s ease-in-out 0s;
	transition: transform 0.25s ease-in-out 0s, -webkit-transform 0.25s ease-in-out 0s;
	-webkit-transition: -webkit-transform 0.25s ease-in-out 0s;
	width: 14px;
	z-index: 2
}
.mod_addons>h3::before,
.utm_toggle_title:before,.server_toggle_title:before,
.cancelled_toggle_title:before{
	content: "";
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg)
}
.mod_addons>h3::after,
.utm_toggle_title:after,
.server_toggle_title:after,
.cancelled_toggle_title:after{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg)
}
.mod_addons>h3.active::before,
.utm_toggle_title.active:before,
.server_toggle_title.active:before,
.cancelled_toggle_title.active:before{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg)
}
.mod_addons>h3.active::after,
.utm_toggle_title.active:after,
.server_toggle_title.active:after,
.cancelled_toggle_title.active:after{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg)
}
.mod_addons .acc-conten,
.utm_toggle_content,.server_toggle_content {
	padding: 20px 20px 20px 20px;
	border: 1px solid #e4e4e4;
	border-top: 0
}
.mod_addons .acc-conten:after {
	display: block;
	clear: both;
	content: ""
}
.enhancements,
.theme-selection .field {
	padding: 20px 0 0
}
.addos-footer {
	padding: 30px 0 30px 0;
	border-top: 2px solid rgba(0, 0, 0, 0.1);
	margin: 30px 0 30px 0;
	 border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.cancelled_date_desc{ padding: 30px 0 0 0 }
.edit_customers_project .form .cancelled_date_desc .field_title{   width: 168px;}

.month_recurring_total,
.annual_recurring_total,
.all_total,
.all_one_time_total,
.discount_total {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #cbcbcb
}
.month_recurring_total span,
.annual_recurring_total span,
.all_total span,
.all_one_time_total span,
.discount_total span {
	display: block;
	float: left;
	width: 50%;
	padding: 10px 15px;
	border-right: 1px solid #cbcbcb;
	text-align: right;
	-webkit-box-sizing: border-box;
			box-sizing: border-box
}
.month_recurring_total span:first-of-type,
.annual_recurring_total span:first-of-type,
.all_total span:first-of-type,
.all_one_time_total span:first-of-type,
.discount_total span:first-of-type {
	border-left: 1px solid #cbcbcb
}
/*.month_recurring_total {
	border-top: 1px solid #cbcbcb;
	margin: 20px 0 0 0
}*/
.month_recurring_total span:last-of-type,
.annual_recurring_total span:last-of-type,
.all_total span:last-of-type,
.all_one_time_total span:last-of-type,
.discount_total span:last-of-type {
	font-weight: bold
}
.coupon-group,
.proinfo-order .merging-two,
.payment_left,
.delivery_field,
.custome-made {
	position: relative;
	margin: 20px 0 0 0
}
.f-options>div {
	margin: 0 0 10px 0
}
.both_input_span {
	position: relative
}
.both_input_span input {
	width: 100%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	height: 40px;
	padding: 5px 200px 5px 10px
}
.ex_domain_name {
	width: 100%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	height: 40px
}
.domian_serach_text {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 32px;
	background: #f60;
	color: #fff;
	height: 40px;
	display: block;
	line-height: normal;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	cursor: pointer
}
.domian_serach_text:hover {
	background: #000;
	color: #fff
}
.services_listing {
	position: relative;
	padding: 0 0 15px 22px;
	border-bottom: 1px solid #e4e4e4;
	margin: 0 0 15px 0
}
.services_listing:last-of-type {
	margin-bottom: 5px;
	border: 0
}
.services_listing label {
	display: block;
	clear: both
}
.services_listing select {
	margin: 10px 0 0 0
}
.services_listing input[type=checkbox] {
	position: absolute;
	left: 0;
	top: 2px;
	margin: 0
}
.box-type .control-group,
.domain_name_input {
	position: relative
}
.payment_options_root {
	padding-bottom: 15px
}
.payment_options_root>span {
	margin: 0 20px 0 0
}
.payment_options_root label {
	margin: 0 15px 0 0
}
.ex_domain_name_div,
.existing_user .field_content {
	position: relative
}
.box-type .control-group .err,
.err.domain_name_err,
.err.own_domain_name_err,
.pro_types_err.err, .err.custom_error {
	background: #ff0d0d;
	color: #fff;
	position: absolute;
	left: 400px;
	top: -22px;
	font-size: 11px;
	padding: 5px
}
.err.domain_name_err {
	left: 80px
}
.err.custom_error{ line-height: normal}

.box-type .control-group .err:after,
.err.domain_name_err:after,
.payment_card .err:after,
.err.own_domain_name_err:after,
.pro_types_err.err:after, .err.custom_error:after {
	bottom: -7px;
	left: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #ff0d0d;
	border-width: 4px;
	margin-left: -4px;
	z-index: 1
}
.coupon_respons_msg.tool_success,
.chk-out-title-header.pre_success {
	background: #088600;
	color: #fff;
	padding: 5px;
	font-size: 12px;
	text-align: center;
	margin: 0 0 10px 0
}
.coupon_respons_msg_one.tool_error,
.err.ex_user_name_err {
	background: #ff0d0d;
	color: #fff;
	position: absolute;
	left: 30px;
	top: -22px;
	font-size: 11px;
	padding: 5px;
	line-height: normal
}
.coupon_respons_msg_one.tool_error:after,
.err.ex_user_name_err:after {
	bottom: -7px;
	left: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #ff0d0d;
	border-width: 4px;
	margin-left: -4px;
	z-index: 1
}
.coupen-inner {
	position: relative
}
#coupon_apply {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	cursor: pointer;
	border-radius: 0 3px 3px 0;
	height: 35px
}
#coupon_applied {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	cursor: pointer;
	border-radius: 0 3px 3px 0;
	height: 35px
}
.coupen-inner input[type=text] {
	padding-right: 110px;
	width: 100%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	height: 35px
}
#coupon_cancel {
	position: absolute;
	right: 69px;
	padding: 8px 16px;
	background: #e4e4e4;
	cursor: pointer;
	top: 1px
}
.right_sec #coupon_cancel{     height: 33px; -webkit-box-sizing: border-box;  box-sizing: border-box; line-height: 1;}

.payment_card .control-group input[type=text] {
	width: 100%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box
}
.payment_card .control-group {
	position: relative
}
.payment_card .err {
	position: absolute;
	left: 100px;
	top: -20px;
	font-size: 11px;
	padding: 5px;
	background: #ff0d0d;
	color: #fff
}
.payment_card .control-group.half-two {
	width: 48.5%;
	margin: 0 3% 0 0;
	float: left
}
.payment_card .control-group #cc-num {
	margin: 0 0 10px 0
}
.card {
	position: absolute;
	display: block;
	right: 10px;
	width: 28px;
	height: 19px;
	background: url(../../icons/spritecard.png) no-repeat 0;
	top: 10px;
	-webkit-transition: 0.3s linear all;
	transition: 0.3s linear all;
	background-position: 0 0;
	overflow: hidden
}
.visa+.card {
	background-position: 0 -19px
}
.mastercard+.card {
	background-position: 0 -38px
}
.discover+.card {
	background-position: 0 -57px
}
.amex+.card {
	background-position: 0 -76px
}
.payment_left .control-group .controls #cc-num {
	padding: 10px 46px 10px 10px
}
.div-table-payment {
	margin-bottom: 0
}
.domain-search-result ul {
	padding: 20px 0 0 0;
	margin: 0px
}
.domain-search-result ul:after {
	display: block;
	clear: both;
	content: ""
}
.domain-search-result ul li {
	list-style: none;
	display: inline-block;
	margin: 0px 10px 10px 0px;
	width: 100px;
	height: 100px;
	cursor: pointer;
	-webkit-transition: 0.3s linear all;
	transition: 0.3s linear all;
	font-weight: bold;
	-webkit-box-sizing: border-box;
			box-sizing: border-box
}
.domain-search-result ul li:hover {
	box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.25)
}
.domain-search-result ul li.domain-selected {
	cursor: auto
}
.domain-pr-top {
	background: #fff;
	padding: 5px;
	height: 70px;
	width: 100%;
	display: table;
	-webkit-box-sizing: border-box;
			box-sizing: border-box
}
.domain-pr-bottom {
	background: #7ab447;
	padding: 5px 10px 5px 10px;
	height: 30px;
	text-align: center;
	color: #fff;
	position: relative;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 20px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box
}
.domain-pr-bottom:before {
	color: #fff;
	position: absolute;
	top: 10px;
	left: 9px;
	width: 11px;
	height: 12px;
	background: url(../../css/images/chkplus.png) no-repeat center center;
	content: "";
	background-size: contain
}
.domain-pr-top span {
	display: block;
	clear: both;
	text-align: center;
	line-height: 20px;
	width: 100%
}
.domain-pr-top>span {
	display: table-cell;
	vertical-align: middle
}
.visible-add2,
.visible-add3 {
	display: none
}
.domain-selected .visible-add1,
.domain-added .visible-add1 {
	display: none
}
.domain-selected .visible-add3 {
	display: block;
	color: #333
}
.domain-selected .domain-pr-bottom {
	background: #d4d4d4;
	padding: 5px 10px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box
}
.domain-selected .domain-pr-bottom:before {
	display: none
}
.domain-added .visible-add2 {
	display: block
}
.domain-added .domain-pr-bottom {
	background: #333;
	color: #fff
}
.pri_alt_tag {
	padding: 0 0 5px 0
}
.pri_alt_tag .transparent {
	width: 30px;
	text-align: center;
	margin: 0
}
.pri_alt_tag input {
	margin-bottom: 0
}
.pri_alt_tag>img {
	top: 6px;
	position: relative
}
.first_row_box,
.second_row_box, .third_row_box {
	padding-bottom: 10px;
	width: 100%
}
.first_row_box:after,
.second_row_box:after, .third_row_box:after {
	content: "";
	clear: both;
	display: block
}

.page_partner_project_report .content{
        width: 100%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.first_row_box .frm_date,
.first_row_box .to_date,
.first_row_box select.auto_submit {
	display: block;
	float: left;
	margin: 0 1% 0 0
}
.commission_report .all_partners_users_groups{
    display: block;
    float: left;
    margin: 0 1% 0 0;
    width: 13%;
}
.commission_report .all_partners_users_groups{
    float: left;
    margin: 0 1% 0 0;
}
.commission_report .all_partners_users{
    float: left;
    margin: 0 1% 0 0;
}

.first_row_box .frm_date {
	width: 10%
}
.first_row_box .to_date {
	width: 10%
}

.commission_report .search_in{
    margin-right: 1%;
}
.partner_project_report .search_in{
    margin-right: 1%;
}

.first_row_box .all_partners_users_groups select, .first_row_box .websites_categories_types select, .first_row_box .websites_types select, .first_row_box .all_partners_users select, .first_row_box .status_wise select {
    display: block;
    width: 100%;
    margin: 0;
}

.first_row_box.partner_project_report .frm_date {
    width: 13%;
}
.first_row_box.partner_project_report .to_date {
    width: 13%;
}

.first_row_box.partner_project_report .all_partners_users_groups {
    float: left;
    width: 15%;
    margin: 0 1% 0 0;
}

.first_row_box.partner_project_report .all_partners_users {
    float: left;
    width: 10%;
    margin: 0 1% 0 0;
}

.first_row_box.partner_project_report .websites_categories_types {
    width: 14%;
    float: left;
    margin: 0 1% 0 0;
}

.first_row_box.partner_project_report .websites_types {
    width: 14%;
    float: left;
    margin: 0 1% 0 0;
}

.first_row_box.partner_project_report .status_wise {
    width: 9%;
    float: left;
}


.first_row_box .order_item_plan_type {
	width: 14%
}
.first_row_box .order_item_plan_id {
	width: 13%
}
.first_row_box .project_completed {
	width: 16.99%
}
.projects_form .first_row_box .project_completed {
	width: 12%
}
.first_row_box .project_color_flag {
	width: 11.8%
}
.projects_form .first_row_box .project_color_flag {
	width: 9.7%;
}
.projects_form .first_row_box .order_item_plan_type{
		width: 11%;
}
.projects_form .first_row_box .order_item_plan_id {
	width: 10%
}
.projects_form .first_row_box .order_item_plan_rec_type{ margin-right: 1%; width: 11%}

.projects_form .second_row_box .project_completed{ width: 13%; margin-right: 1%; }
.projects_form .second_row_box .project_color_flag{width: 10%; margin-right: 1%;} 
.projects_form .second_row_box .court_option{width: 11%; margin-right: 1%;}

.projects_form .first_row_box .project_completed option[value="1"]{
    /*color: red !important;*/
}

.first_row_box .court_option {
	width: 12%;
	margin-right: 0 !important
}
.projects_form .first_row_box .court_option{     width: 10%;}
.projects_form .first_row_box .frm_date, .projects_form .third_row_box .frm_date { width: 13%; }
.projects_form .first_row_box .to_date, .projects_form .third_row_box .to_date { width: 13%; }
.projects_form .third_row_box .frm_date, .projects_form .third_row_box .to_date{ float: left; display: block; margin-right: 1%}

.second_row_box select,
.second_row_box input,
.second_row_box .button {
	display: block;
	float: left
}
.second_row_box .search_user {
	width: 20%;
	margin: 0 1% 0 0
}
.second_row_box .spname-box {
	width: 16%;
	margin: 0 10px 0 0
}
.second_row_box .search_input {
	width: 14%;
	margin: 0 0% 0 0
}
.align-input {
	position: relative;
	padding: 0 20px 0 0;
	-webkit-box-sizing: border-box;
			box-sizing: border-box
}
.frm_date .align-input input,
.to_date .align-input input {
	width: 100%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box
}
.first_row_box .show_calendar_picker, .third_row_box .show_calendar_picker {
	position: absolute;
	top: 8px;
	width: 16px;
	padding: 0;
	display: block;
	right: 0;
	margin: 0
}
.second_row_box select.search_project {
	margin: 0 2% 0 0;
	width: 22%
}
.discussion_form .first_row_box .frm_date {
	width: 18%
}
.discussion_form .first_row_box .to_date {
	width: 18%
}
.discussion_form .first_row_box .user_search_discussion {
	float: left;
	width: 22%;
	display: block;
	margin: 0 1% 0 0
}
.discussion_form .first_row_box .user_search_discussion input,
.project_search_discussion .order_id_box {
	width: 100%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box
}
.discussion_form .first_row_box .discussion_project_id {
	width: 22%
}
.discussion_form .first_row_box .discussion_flag {
	margin-right: 0;
	width: 16%
}
.discussion_form .second_row_box select {
	margin: 0 5px 0 0
}
.discussion_form .second_row_box select,
.discussion_form .second_row_box input,
.discussion_form .second_row_box .button,
.payments_form .second_row_box select,
.payments_form .second_row_box input,
.payments_form .second_row_box .button {
	display: inline-block;
	float: none
}
.discussion_form .first_row_box .project_search_discussion {
	width: 22%
}
.documents_form .first_row_box .frm_date {
	width: 18%
}
.documents_form .first_row_box .to_date {
	width: 18%
}
.documents_form .first_row_box .project_id {
	width: 18%
}
.documents_form .first_row_box .project_search_discussion {
	width: 23%
}
.monthly-reports-form .first_row_box .user_search_discussion {
	width: 19%;
	margin: 0 1% 0 0
}
.documents_form .first_row_box .user_search_discussion {
	width: 23%;
	margin: 0
}
.documents_form .first_row_box .user_search_discussion input,
.monthly-reports-form .first_row_box .user_search_discussion input {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	width: 100%
}
.documents_form .second_row_box,
.discussion_form .second_row_box,
.monthly-reports-form .second_row_box,
.credits_form .second_row_box,
.create-task-form .second_row_box,
.support-center-form .second_row_box,
.subscriptions_form .second_row_box,
.payments_form .second_row_box {
	text-align: right
}
.documents_form .second_row_box .button,
.monthly-reports-form .second_row_box .button,
.credits_form .second_row_box select,
.credits_form .second_row_box input,
.credits_form .second_row_box .button,
.create-task-form .second_row_box select,
.create-task-form .second_row_box input,
.create-task-form .second_row_box .button,
.support-center-form .second_row_box select,
.support-center-form .second_row_box input,
.support-center-form .second_row_box .button,
.subscriptions_form .second_row_box select,
.subscriptions_form .second_row_box input,
.subscriptions_form .second_row_box .button {
	display: inline-block;
	float: none
}
.documents_form .second_row_box .width-count,
.documents_form .second_row_box .search_input {
	float: none;
	display: inline-block
}
.project_search_discussion {
	float: left;
	margin-right: 1%;
	position: relative;
}
.project_search_discussion .support_loading_one{ top: 100%}

.monthly-reports-form .first_row_box .frm_date {
	width: 14.5%
}
.monthly-reports-form .first_row_box .to_date {
	width: 14.5%
}
.monthly-reports-form .first_row_box .project_id {
	width: 21.1%
}
.monthly-reports-form .first_row_box .project_search_discussion {
	width: 21%
}
.customers_form .first_row_box .frm_date {
	width: 14%
}
.customers_form .first_row_box .to_date {
	width: 14%
}
.credits_form .first_row_box .frm_date {
	width: 15%
}
.credits_form .first_row_box .to_date {
	width: 15%
}
.credits_form .first_row_box .order_id {
	width: 25%
}
.credits_form .first_row_box .project_search_discussion {
	width: 25%
}
.credits_form .second_row_box .project_search_discussion {
	width: 15%
}
.credits_form .second_row_box .user_search_discussion{ width:16% }

.credits_form .first_row_box .user_id {
	width: 23%
}
.credits_form .first_row_box .billing_type {
	width: 15.2%;
	margin-right: 0
}
.credits_form .csearchin {
	margin-right: 10px
}
.credits_form .first_row_box .user_search_discussion,
.team-members-form .first_row_box .user_search_discussion,
.customers_form .first_row_box .user_search_discussion {
	float: left;
	display: block;
	margin-right: 1%;
	width: 23%
}
.credits_form .second_row_box .billing_type{ float: left; margin-right: 1% }
.credits_form .second_row_box .csearchin{ float: left}
.credits_form .second_row_box .search_input{ float: left}
.credits_form .bl-search-txtbx {
  position: relative;
  float: left;
}
.credits_form .bl-search-txtbx .search_input {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.customers_form .first_row_box .user_search_discussion{  width: 18% }

.payments_form .first_row_box .user_search_discussion {
	margin-right: 0%;
	width: 23%
}
.subscriptions_form .first_row_box .user_search_discussion {
	float: left;
	display: block;
	margin-right: 1%;
	width: 21%
}
.subscriptions_form .first_row_box .status {
	margin-right: 0
}
.credits_form .first_row_box .user_search_discussion .search_user_box,
.team-members-form .first_row_box .user_search_discussion .search_user_box,
.subscriptions_form .first_row_box .user_search_discussion .search_user_box,
.customers_form .first_row_box .user_search_discussion .search_user_box,
.payments_form .first_row_box .user_search_discussion .search_user_box {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	width: 100%
}
.subscriptions_form .project_search_discussion,
.payments_form .project_search_discussion {
	width: 20%
}
.credits_form .first_row_box .frm_date,
.credits_form .first_row_box .to_date {
	width: 17%
}
.credits_form .first_row_box .order_item_plan_type{ width: 14%}
.credits_form .first_row_box select.auto_submit{ width: 15%}
.credits_form .first_row_box .order_item_plan_id{ width: 16% !important}
.credits_form .first_row_box .bill_flag{ width: 14%; margin-right: 0}
.credits_form .second_row_box .button{ float: left; padding-left: 16px; padding-right: 16px }

.create-task-form .first_row_box .search_project {
	width: 20%
}
.create-task-form .first_row_box .search_ticket_id {
	width: 24%
}
.support-center-form .first_row_box .frm_date,
.subscriptions_form .first_row_box .frm_date {
	width: 16%
}
.payments_form .first_row_box .frm_date {
	width: 19%
}
.support-center-form .first_row_box .to_date,
.subscriptions_form .first_row_box .to_date {
	width: 16%
}
.payments_form .first_row_box .to_date {
	width: 19%
}
.payments_form .first_row_box .payment_status {
	width: 17%
}
.support-center-form .first_row_box .search_status,
.subscriptions_form .first_row_box .status {
	width: 21%
}
.support-center-form .first_row_box .search_department {
	width: 20.9%
}
.support-center-form .first_row_box .search_priority {
	width: 20%;
	margin-right: 0
}
.mail_send_or_not_root {
	padding: 20px 0 0 0
}
.existing_user .support_loading {
	margin-left: 20px;
	width: 300px
}
.second_row_box .support_loading {
	top: 35px;
	width: 100%;
	left: 0
}
.second_row_box .user_search_discussion {
	position: relative;
	margin-right: 1%;
	width: 20%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	float: left
}
.second_row_box .search_user_box {
	width: 100%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box
}
.projects_form .second_row_box .user_search_discussion {
	width: 11%
}
.projects_form .second_row_box .spname-box {
	width: 10%
}
.projects_form .project_search_discussion {
	width: 11%;
	position: relative
}
.projects_form .second_row_box .search_input {
	width: 8%
}
.projects_form .second_row_box .project_ownership_id{ width: 12%; margin-right: 1%}
.projects_form .second_row_box .button{ padding-left: 12px; padding-right: 12px}
.projects_form .second_row_box .button.cusx{margin-right: 0}

.full-project-meg{ width: 34%; float: left; }
.full-project-meg .button{text-align: center}
/*.full-project-meg .chkw{ float: left;  }
.projects_form .full-project-meg .chkw .search_input{ width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box}*/
.chkw-other{
float: left;
position: relative;
padding: 0 45px 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 46%;
}
.projects_form .full-project-meg .chkw .search_input{ width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box}
.projects_form .full-project-meg .brok-onebtn{ width: 25%;text-align: center;margin: 0 1% 0 1%;-webkit-box-sizing: border-box;box-sizing: border-box; padding: 7px 8px}
.projects_form .full-project-meg .brok-twobtn{ width: 27%; text-align: center; margin: 0 0 0 0%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 7px 8px}
.chkw-other .button.search {  position: absolute; right: 0; top: 1px;}
.chkw-other .chkw{float: left; width: 100%}

.projects_form .third_row_box{ text-align: right; }

.second_row_box .op_cat_type{
    width: 10%;
    margin-right: 1%;
}
.sub-dash {
	padding: 0 0 30px 0
}
.main-board {
	padding: 0 0 30px 0
}
.sub-dash h2 {
	margin: 0 0 15px 0
}
.sub-dash h2 a:after {
	display: block;
	width: 21px;
	background: url(../../icons/showmore.png) no-repeat;
	content: "";
	background-size: contain;
	height: 15px;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: 50%;
	margin-left: -11px
}
.sub-dash h2 a {
	display: inline-block;
	background: #f60;
	width: 40px;
	text-align: center;
	height: 30px;
	position: relative;
	border-radius: 3px;
	top: 3px
}
.sub-dash h2 a:hover {
	background: #333
}
.sub-dash h2 span {
	display: inline-block;
	vertical-align: bottom;
	line-height: 0
}
.canned_message_field {
	padding: 0 0 10px 0
}
.canned_message_field .field_title {
	text-align: left;
	width: 130px
}
.canned_message_field .field_content {
	float: left;
	width: auto !important
}
.canned_message_field .field_content .newcanned-dis {
	margin-left: 10px
}
.canned_message_field:after {
	display: block;
	clear: both;
	content: ""
}
.right_side .sup_class_one .field_content {
	width: 340px
}
.right_side .sup_class_one .field_content .doc_files {
	width: 325px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box
}
.chkw {
	position: relative
}
.sred-close, .rbp{ float: left; display: block}
.sred-close, .rbp{ width: 22% }
.second_row_box  .sred-close .search_input, .second_row_box .rbp .search_input{ width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box }
.second_row_box  .sred-close .clear_search_input , .second_row_box .rbp .clear_search_input{margin: 8px 0 0 -25px;}

.custom_orders_form .first_row_box .frm_date {
    width: 15%;
}
.custom_orders_form .first_row_box .to_date {
    width: 15%;
}

.user_search_discussion {
	display: inline-block
}
.task_report_form .user_search_discussion{ vertical-align: top}
.task_report_list .list tr td, .task_report_list .list tr th{ text-align: left}
.task_report_list .list tr th{padding: 5px 10px;font-weight: bold;opacity: 1; color: #000;}
.task_report_list .list tr th:last-child, .task_report_list .list tr td:last-child {
    padding: 5px 5px 5px 0; text-align: center;
}

.pro-media-heading .pro_name a {
	text-decoration: none
}
.loading_all {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.64);
	z-index: 9;
	text-align: center;
	color: #fff
}
.loading_all .loading_img {
	max-width: 90px;
	top: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}
.cou-id .controls {
	padding: 0 80px 0 125px;
	position: relative;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	max-width: 355px
}
.cou-id .controls>input {
	width: 140px !important;
	margin-right: 0 !important
}
.cou-idinner {
	position: absolute;
	left: 0;
	top: 0
}
.cou-idinner span {
	display: inline-block;
	line-height: 1px;
	margin: 18px 0 0 0px;
	width: 4px;
	background: #b2b2b2;
	height: 2px;
	color: #b2b2b2;
	overflow: hidden
}
.cou-idinner input {
	width: 110px !important;
	display: inline-block !important;
	vertical-align: top
}
.cou-id .controls .phone_number_err {
	left: 150px
}
.cou-idinner1 {
	position: absolute;
	right: 0;
	top: 0
}
.cou-idinner1 input {
	width: 80px !important;
	display: inline-block !important;
	vertical-align: top
}
.cou-idinner1 span {
	display: inline-block;
	line-height: 1px;
	margin: 18px 0 0 0px;
	width: 4px;
	background: #b2b2b2;
	height: 2px;
	color: #b2b2b2;
	overflow: hidden
}
.cou-idinner input::-moz-placeholder,
.cou-idinner1 input::-moz-placeholder {
	font-size: 12px
}
.cou-idinner input::-webkit-input-placeholder,
.cou-idinner1 input::-webkit-input-placeholder {
	font-size: 12px
}
.create-task-form .user_search_support {
	position: relative;
	margin-right: 1%;
	width: 22%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	float: left
}
.create-task-form .first_row_box .frm_date {
	width: 22%
}
.create-task-form .first_row_box .to_date {
	width: 22%
}
.create-task-form .project_search_discussion {
	width: 26%
}
.create-task-form .first_row_box .search_ticket_id {
	margin-right: 0
}
.create-task-form .first_row_box .search_user_box {
	width: 100%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box
}
.add_support-center_ticket form .field,
.add_customers_discussion .form fieldset,
.edit_support-center_ticket .form fieldset .field {
	position: relative
}
.add_support-center_ticket form .field .err,
.add_customers_discussion .form fieldset .error,
.edit_support-center_ticket .form fieldset .err {
	background: #ff0d0d;
	color: #fff;
	position: absolute;
	left: 250px;
	top: -22px;
	font-size: 11px;
	padding: 5px
}
.add_support-center_ticket form .field .err:after,
.add_customers_discussion .form fieldset .error:after,
.edit_support-center_ticket .form fieldset .err:after {
	bottom: -8px;
	left: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #ff0d0d;
	border-width: 4px;
	margin-left: -4px;
	z-index: 1
}
.add_customers_discussion .form fieldset .error {
	top: 12px
}
.customer-field-two .number-with-hypen {
	width: 112px;
	display: inline-block
}
.customer-field-two .number-with-hypen .input-xlarge {
	width: 75px
}
.customer-field-two .number-with-hypen1 {
	width: 90px;
	display: inline-block
}
.customer-field-two .number-with-hypen1 .input-xlarge {
	width: 45px
}
.view_discus {
	display: inline-block
}
.view_discus a {
	display: block;
	width: 20px;
	height: 12px;
	background: url(../../images/view-eye1.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -9999px
}
.view_discus a:hover {
	opacity: 0.3
}
.usr_form_edit .cou-id,
.usr_form_add .cou-id {
	position: relative
}
.usr_form_edit .cou-id .field_content,
.usr_form_add .cou-id .field_content {
	padding-left: 260px;
	margin: 0
}
.usr_form_edit .cou-id .cou-idinner,
.usr_form_add .cou-id .cou-idinner {
	position: absolute;
	left: 148px;
	top: 0
}
.usr_form_edit .cou-id .cou-idinner input,
.usr_form_add .cou-id .cou-idinner input {
	width: 76px !important
}
.usr_form_edit .cou-id .cou-idinner1,
.usr_form_add .cou-id .cou-idinner1 {
	position: relative;
	right: inherit;
	display: inline-block
}
.usr_form_edit .cou-id .cou-idinner1 input,
.usr_form_add .cou-id .cou-idinner1 input {
	width: 53px !important
}
.top_sec:after,
.mod_addons:after,
.foot_sec:after {
	content: "";
	display: block;
	clear: both
}
.top_sec {
	padding: 0 0 30px 0;
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 30px 0
}
.all_premium_modules .check_mod {
	width: 50%;
	float: left;
	padding: 0 10px 10px 0;
	-webkit-box-sizing: border-box;
			box-sizing: border-box
}
.foot_sec>.field {
	padding: 0 0 10px 0
}
.customers_projects_list tr.total-count-shw td {
	text-align: right;
	padding: 15px 5px
}
.customer_binfo_list tr.total-count-shw1 td {
	padding: 15px 5px
}
.primary-txt {
	display: block;
	font-weight: bold;
	margin: 10px 0 0 0;
	font-size: 12px
}
.card_info,
.add-more-card {
	max-width: 600px;
	width: 100%;
	padding: 30px;
	background: #f5f5f5;
	border: 1px solid #dbdbdb;
	margin: 0 0 30px 0;
	-webkit-box-sizing: border-box;
			box-sizing: border-box
}
.card_info .controls #cc-num {
	padding: 10px 46px 10px 10px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	width: 100%;
	margin: 0 0 10px 0
}
.card_info .cg-month,
.card_info .cg-cvc {
	width: 48.5%;
	margin: 0 3% 0 0
}
.card_info .cg-month input,
.card_info .cg-cvc input {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	width: 100%;
	padding: 10px
}
.card_info .controls {
	position: relative
}
.card_info .controls .err.cc-num_err,
.card_info .err.cc-exp_err,
.card_info .err.cc-cvc_err {
	position: absolute;
	top: -21px;
	background: #f10b0b;
	padding: 4px 5px;
	font-size: 11px;
	color: #fff;
	left: 0
}
.card_info .controls .err:after {
	top: 100%;
	left: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #f10b0b;
	border-width: 4px;
	margin-left: -5px
}
.add-more-card .controls {
	position: relative
}
.add_card_content .formError {
	left: 110px !important;
	top: -28px !important
}
.add_card_content .formError:after {
	top: 100%;
	left: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #f10b0b;
	border-width: 5px;
	margin-left: -5px
}
.add-more-card .control-group .controls input,
.add-more-card .control-group .controls select {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	width: 100%;
	margin: 0 0 15px
}
.add-more-card .control-group label {
	display: block;
	margin: 0 0 5px 0
}
.add-more-card .two-btn-cancel {
	margin: 10px 0 0 0
}
.add-more-card .add-cart-save {
	margin-left: 0
}
.payment-card-tb .wpt-center {
	padding: 7px 15px 5px !important;
	text-align: center !important;
	width: 110px
}
.subscription-tb .wpt-center {
	padding: 7px 15px 5px !important;
	text-align: center !important;
	width: 110px
}
.subscription-tb .wpt-center.wpt-center-wid {
	width: 155px
}
.subpop-subscription {
	max-width: 900px
}
.form .subpop-subscription .field_content {
	margin-left: 0px;
	padding-bottom: 10px;
	position: relative
}
.form .subpop-subscription .form-row {
	padding: 0 0 10px 0
}
.form .subpop-subscription .default-label-parent {
	padding: 15px 0 0px 0
}
.form .subpop-subscription em {
	display: block;
	clear: both;
	line-height: 20px
}
.customers_list table tr td.payments_subscriptions {
	width: 80px
}
.card_succes_msg.success, .card_succes_del_msg.success {
	max-width: 320px;
	text-align: center;
	background: #43750b;
	color: #fff;
	padding: 5px;
	font-size: 12px;
	margin: 10px 0
}
.top_button_disp {
	padding-bottom: 13px
}
.top_button_disp select {
	margin-right: 2px
}
.projects_form .project_search_discussion .support_loading_one {
	top: 35px;
	width: 100%
}
.add_customers_credits form .field {
	position: relative
}
.complextype_err.error.er,
.bill_credit_amount_err.error.err {
	background: #ee0101 none repeat scroll 0 0;
	border: 1px solid #dd0101;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
			box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	color: #fff;
	font-size: 90%;
	padding: 4px 10px;
	position: relative;
	text-shadow: none;
	width: 150px;
	left: 280px;
	position: absolute;
	top: -27px
}
.complextype_err.error.er:after,
.bill_credit_amount_err.error.err:after {
	top: 100%;
	left: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(213, 0, 0, 0);
	border-top-color: #ee0101;
	border-width: 5px;
	margin-left: -5px
}
.bill_credit_amount_err.error.err {
	left: 190px
}
.note_description,
.add_notes_description_error,
.err.task_hours_error {
	background: #ee0101;
	color: #fff;
	font-size: 90%;
	padding: 4px 10px 4px 10px;
	position: absolute;
	left: 100px;
	top: 0px;
	line-height: normal;
	display: inline-block
}
.note_description:after,
.add_notes_description_error:after,
.err.task_hours_error:after{
	top: 100%;
	left: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(57, 213, 0, 0);
	border-top-color: #ee0101;
	border-width: 5px;
	margin-left: -5px
}
.green_color .button.posts {
	background-color: #00b500 !important;
	border-color: #007b00 !important
}
.notes_each_discussion{
	 background-color: #b3b3b3   !important;
	border-color: #989797  !important
}
 .project_demo_url {
	 background-color: #8e8d8d    !important;
	border-color: #858585  !important
}
.button.notes_fill, .button.discussion_notes_fill, .button.follow_fill {
	background-color: #93bd27 !important;
	border-color: #799a23 !important;
    text-indent: inherit;
    font-size: 0;
    min-height: 16px;
}
.button.green_color {
	background-color: #00b500;
    border-color: #007b00;
}
.list tr td.fn a.button.mile,
.list tr td.fn a.button.ques,
.list tr td.fn a.button.posts,
.list tr td.fn a.button.discus,
.list tr td.fn a.button.report,
.list tr td.fn a.button.subscriptions,
.list tr td.fn a.button.payments {
	float: none
}
.all_top_buttons {
	padding: 0 0 10px 0
}
.add_customers_discussion .control-label {
	clear: both;
	margin: 15px 0 10px 0
}
.customers_documents_list {
	position: relative
}
.second_form_top {
	width: 110px;
	position: absolute;
	bottom: 0px;
	left: 404px
}
.second_form_top input[type="submit"] {
	cursor: pointer
}
.second_form {
	position: absolute;
	top: 0px;
	left: 404px
}
.button.confirm {
	margin-left: 5px
}
.view_total {
	text-align: right;
	font-size: 15px;
	background: #d8d8d8 !important
}
.notes_lists .basic-table {
	max-width: 900px;
	margin: 0 auto;
	width: 100%
}

#admin_call_made{margin: 10px 0 20px 0;display: inline-block; }

.notes_lists .basic-table .button {
	border-color: transparent;
	background-color: transparent;
	margin: 0;
	height: 16px
}
.notes_lists .basic-table th.create-single {
	width: 160px
}
.notes_lists .basic-table th.create-notes{ width: 380px; }

/*.notes_lists .basic-table th:nth-child(3){ width: 500px; }
.notes_lists .basic-table tr td:nth-child(3){word-break: break-all;}*/


.notes_lists .basic-table th{ white-space: nowrap }
.note-frm .field {
	position: relative
}
.add_notes_description_error, .err.task_hours_error {
	left: 200px;
	top: -32px
}
.note-frm .buttons {
	margin: 0 0 20px 175px
}
.stockimages-frm .buttons {
	margin: 0 0 20px 175px
}
.search_box_list.first_row_box .search_notes_div {
	width: 33.33%;
	float: left;
	margin-right: 1%
}
.search_box_list.first_row_box .search_project_stockimages_div {
	width: 33%;
	float: left;
	margin-right: 1%
}
.notes-reset {
	float: left;
	width: 11%
}
.notes-reset a {
	margin: 0
}
.project_stockimages-reset {
	float: left;
}
.project_stockimages-reset a {
	margin: 0
}

.search_box_list.first_row_box .frm_date {
	width: 20%
}
.search_box_list.first_row_box .to_date {
	width: 20%
}
.first_row_box .start_year_field, .second_row_box .start_date_field{ display: inline-block; vertical-align: top; margin: 0 20px 0px 0}
.first_row_box .end_year_field, .second_row_box .end_date_field{ display: inline-block;vertical-align: top;margin: 0 20px 0px 0}
.first_row_box .utms_field, .second_row_box .perhour_cost_field{ display: inline-block;vertical-align: top}
.first_row_box .start_year_field label, .first_row_box .start_year_field > div, .second_row_box .start_date_field label, .second_row_box .start_date_field > div{ display: inline-block; vertical-align: top}
.first_row_box .end_year_field label, .first_row_box .end_year_field > div, .second_row_box .end_date_field label, .second_row_box .end_date_field > div{ display: inline-block; vertical-align: top}
.first_row_box .utms_field label, .first_row_box .utms_field > div,  .second_row_box .perhour_cost_field label,  .second_row_box .perhour_cost_field > div{ display: inline-block;vertical-align: top}
.btn-group-project-report .button {     font: 13px verdana; font-weight: bold !important }
.first_row_box .start_year_field label,  .second_row_box .start_date_field label, .first_row_box .end_year_field label, .second_row_box .end_date_field label, .first_row_box .utms_field label,  .second_row_box .perhour_cost_field label{ vertical-align: middle; margin: 6px 0 0 0}

.second_row_box .show_calendar_picker, .second_row_box .show_color_picker{ position: relative; top: 7px}
.first_row_box h4,  .second_row_box  h4{ font-size: 15px; margin: 0 0 15px 0}
.btn-group-project-report{ padding: 10px 0 0; text-align: right}

.utm_title {
	padding: 10px 40px 10px 20px;
	background-color: #333;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	position: relative;
	margin: 20px -20px;
	cursor: pointer
}
.utm_title:hover {
	background: #4e4e4e
}
.utm_title:after {
	position: absolute;
	background: url(../../icons/re-arrow.png) no-repeat !important;
	width: 24px;
	height: 24px;
	content: "";
	right: 7px;
	top: 7px;
	-webkit-transition: 0.3s linear all;
	transition: 0.3s linear all
}
.utm_title.active:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
.page_add .utm_title{ margin:20px 0 0; font-size: 14px }
.page_add .utm_values_sec{    box-sizing: border-box; -webkit-box-sizing: border-box; background: #f5f5f5;  padding: 20px;    border: 1px solid #dbdbdb; overflow: hidden;}
.page_add .utm_values_sec .control-group{ margin-left: 180px}

.discount_price {
	width: 96%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	margin-left: 5px
}
.custom_domain,
#other_adddescription,
.proinfo-order-sec-one select {
	width: 100%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box
}
.pro_types {
	padding: 10px 0 10px 200px
}
.proinfo-order-sec-one {
	margin-bottom: 15px
}
.page_add_plus .proinfo-order,
.page_add_plus .enhancement_list {
	margin: 0 -20px 30px -20px;
	border-left: 0px;
	border-right: 0
}
.custom_domain_section {
	position: relative
}
.err.domain_results_err,
.discount_price_err.err {
	background: #ff0d0d;
	color: #fff;
	padding: 6px 10px;
	font-size: 12px;
	text-align: center
}
.discount_price_err.err {
	margin: 0 0 10px 0
}

.form .custome-made  .field_content{ margin-left: 200px}



.utm_title {
	padding: 10px 40px 10px 20px;
	background-color: #333;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	position: relative;
	margin: 20px -20px;
	cursor: pointer
}
.utm_title:hover {
	background: #4e4e4e
}
.utm_title:after {
	position: absolute;
	background: url(../../icons/re-arrow.png) no-repeat !important;
	width: 24px;
	height: 24px;
	content: "";
	right: 7px;
	top: 7px;
	-webkit-transition: 0.3s linear all;
	transition: 0.3s linear all
}
.utm_title.active:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
.disun-list {
	width: 100%;
	table-layout: fixed
}
.disun-list .del-width-fix {
	width: 40px;
    position: relative;
    padding-top: 40px;
}
.disun-list .del-width-thfix {
	width: 50px
}
.disun-list th.disut-th-all {
	padding-left: 10px;
	padding-right: 15px;
}
.disun-list tbody td{ border: 0px; border-top: 1px solid #f4f3f3}

.custom_domain_section .field_content .custom_domain {
	width: 100%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box
}
.plus_custom_fields .field_content input {
	width: 100%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box
}
.rec_amount_with_sign {
	width: 67%;
	float: left;
	margin-left: 3%;
	position: relative;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	padding-left: 16px
}
.plus_custom_fields .field .field_content select {
	width: 30%;
	float: left
}
.tot_amount_with_sign {
	position: relative;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	padding-left: 16px
}
.rec_amount_with_sign span,
.tot_amount_with_sign span {
	position: absolute;
	left: 0;
}
.plus_custom_fields {
	position: relative
}
.plus_custom_fields .re-frml {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.cart_listing {
	padding: 15px 15px 5px 15px;
	background: #fbfbfb;
	margin: 10px 0 0 0
}
.custom_orders_cart, .domain_purchase{ position: relative; padding:0 0 10px 22px; font-weight: bold}
.custom_orders_cart span, .domain_purchase span{ font-weight: normal}
.custom_orders_cart:before, .domain_purchase:before{ width: 11px; height: 9px; content: ""; display: block; position: absolute; left: 0; top: 5px ; background: url("../../icons/tickm.png") no-repeat 0}

.custom_orders_cart span.csdel, .cart_listing_dm span.csdel, .cart_listing_dm span.dm_delete{    margin: 0 0 0 5px;  color: #ff1d00;cursor: pointer; font-weight: bold}
.custom_orders_cart span.csdel:hover, .cart_listing_dm span.csdel:hover, .cart_listing_dm span.dm_delete:hover{ color: #000}
.cart_listing_dm, .cart_listing_addons, .cart_listing_enhance{  padding: 15px 15px 5px 15px; background: #fbfbfb; margin: 20px 0 10px 0}
.domain_price_amt{ margin-bottom: 5px; display: block}
.cart_listing_addons, .cart_listing_enhance{ margin: 10px 0 10px 0}
.tot_amount_with_times input{ width: 50px !important; display: inline-block}
.tot_amount_with_times  span{display: inline-block;font-size: 12px;margin-left: 10px;}
.multi_emails_section{ display: inline-block;}
.multi_emails_section input{ width:403px}
.support_center_button{ display: inline-block; margin: 0 0 0 20px}
.support_center_button a{    display: block;padding: 7px 30px;background: #258bec;color: #fff;text-decoration: none;font-weight: bold;border-radius: 3px;font-size: 12px;}
.support_center_button a:hover{ background: #000; color: #fff;}
.new_right{ padding: 10px 0 0 0; overflow: hidden; float: right; width: 28%; text-align: center }

.new_right .updated_ip{
    border-radius: 2px;
    display: inline-block;
    background: #ff9047;
    color: #ffffff !important;
    border: 1px solid #ff6f10;
    margin: 0 0 10px 0;
    vertical-align: top;
    font-size: 12px;
    padding: 5px 10px;
    line-height: normal;
    font-weight: bold;
   /* word-break: break-all;*/
}
.ownership_name, .check_ownership, .looking_count, .looking_count_project{ background: #fcf8e3; border: 2px solid #faebcc; color: #8a6d3b; padding: 5px 15px; font-size: 12px; display: inline-block; line-height: normal}
.looking_count, .check_ownership, .ownership_name, .looking_count_project{ margin: 0 0 5px 0}
.link_view_clear{    display: inline-block;     background: #909090;    color: #fff;    text-decoration: none;    border: 1px solid #6f6f6f;    line-height: normal;    border-radius: 4px;    margin: 5px 0 0 0;    font-weight: bold;   -webkit-transition: 0.4s linear all; transition: 0.4s linear all;  font-size: 11px;    padding: 5px 10px;}
.link_view_clear:hover{ background: #333; color: #fff; border: 1px solid #000 }
.customers_discussion_list{ position: relative}
.take_ownership.button{display: inline-block; background: #909090 !important; color: #fff !important;  border: 1px solid #6f6f6f; margin: 0 0 5px 0 !important; vertical-align: top;     font-size: 11px;    padding: 5px 10px; line-height: normal}
.take_ownership.button:hover{ background: #333 !important; color: #fff !important;  border: 1px solid #000;}
.seperate-one{ width: 70%; float: left}
.revert_ownership.button{  font-size: 11px;    padding: 5px 10px; margin:1px 0 5px 0}
.notes_fill_view, .discussion_notes_fill_view, .follow_fill_view { position: relative !important;overflow: visible !important; }
.notes_fill_view:after, .discussion_notes_fill_view:after, .follow_fill_view:after { content: ""; width: 16px; height: 16px; position: absolute; top: -5px; right: -5px; background: #ff2828; display: block; border-radius: 50%}
.notes_fill_view:before, .discussion_notes_fill_view:before, .follow_fill_view:before{content:"\f0a2";    top: -2px; position: absolute;    right: -1px;    font-family: FontAwesome;    color: #fff;    
   /*font-size: 8px;
	z-index: 99;    line-height: 9px;
	*/
    font-size: 8px !important;
    z-index: 99;
    line-height: 9px;
    width: auto !important;
    left: inherit !important;
}
.pro-media-body .notes_fill_view, .pro-media-body .discussion_notes_fill_view, .pro-media-body .follow_fill_view{ margin-top: 5px}
.update_status_button{ padding-top: 10px}
.customers_projects_list .revert_ownership.button{   background-color: #fcfbfb;    border-color: #d8d6d6;}
.custom_orders_view.selected .field{ clear: both;}
.custom_orders_view.selected .custom_class_one{ display: inline-block; vertical-align: top}
.custom_orders_view.selected .custom_class_two, .custom_class_two .field_title, .custom_class_six { display: inline-block; vertical-align: top;}
.custom_class_two .field_title, .custom_class_six .field_title{width: auto; text-align: left;}
.custom_orders_view.selected .custom_class_five{}
.custom_class_seven .field_title{    width: 90%; text-align: left;}
.custom_class_seven strong{    width: 165px;    display: inline-block;    margin: 0 0px 0 0;    text-align: right;    padding: 0 10px 0 0;}
.custom_class_seven ul li{ display: inline-block}
.custom_class_one .field_title{ margin-right: 5px;}
#fancybox-wrap .list td.link .gray.pdl{ white-space: inherit}

.margin-right5 {
	margin-right: 5px
}
table.orders {
	width: 100%
}
.basic-table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	border: 1px solid #cbcbcb;
	border-top: 4px solid #f60;
	background: #fff;
    width: 100%;
}
.basic-table td,
.basic-table th {
	border-left: 1px solid #cbcbcb;
	border-width: 0 0 0 1px;
	font-size: inherit;
	margin: 0;
	overflow: visible;
	padding: 10px 20px
}
.basic-table td:first-child,
.basic-table th:first-child {
	border-left-width: 0
}
.basic-table th {
	background-color: #eae8e6;
	color: #000;
	text-align: left;
	vertical-align: bottom
}
.basic-table tr:nth-child(odd) td,
.disun-list tr:nth-child(odd) td {
	background: #f4f4f4
}
.basic-table tr:nth-child(even) td,
.disun-list tr:nth-child(even) td {
	background: #fff
}
.cards_list.basic-table {
	width: 100%;
	border-top: 3px solid #666
}
.cards_list.basic-table th,
.cards_list.basic-table td {
	text-align: center
}


/*-----New css on 11/05/2017 -----*/


.first_step_process, .second_step_process, .admin-question-pop {
	max-width: 780px;
	min-width: 780px;
}
.first_step_process .domian_serach_text {
	background: #333;
}
.first_step_process .domian_serach_text:hover {
	background: #ff6600;
}
.first_step_process .button.next_step_two.db-step{float: inherit !important;}
.theme_lib_image {
	text-align: center;
	margin-bottom: 15px;
}
.first_step_process .proinfo-order.merging-two {
	padding: 20px;
	margin: 0 0 5px 0;
}
.proinfo-order.merging-two {
	padding: 20px;
}
.domain_ava_list li {
	width: 95px !important;
	height: 95px !important;
}
.chk-out-title-header.res-accordion-toggle {
	font-size: 18px;
	color: #ff6600;
	font-weight: 600;
}
.domain-search-result .domain_ava_list {
	padding: 0 !important;
}
.information-text-checkout p strong {
	color: #ff6600;
}
.button.next_step_two.db-step, .button.next_step_three.db-step {
	background: #ff6600;
	color: #fff;
	border-color: #f23908;
	float: right;
margin-top: 15px;
}
.button.next_step_two.db-step:hover, .button.next_step_three.db-step:hover {
	background: #7AB447;
	border-color: #1b9c02;
}
.domian_serach_text {
	border-radius: 0px 3px 3px 0px;
}
.second_step_process {
	overflow: hidden;
	width: 100%;
}
.second_step_process .theme_left_side {
	width: 48%;
	float: left;
	padding: 1%;
}
.second_step_process .theme_right_side {
	width: 49%;
	float: left;
}
.themeselection_name {
	color: #333;
font-size: 18px;
margin-bottom: 15px;
font-weight: 600;
}
.themeselection {
	margin-bottom: 30px;
}
.theme_left_side .theme_lib_title {
	font-size: 15px;
margin-bottom: 10px;
color: #333;
font-weight: 600;
}
.theme_left_side .theme_lib_short_des {
	font-size: 14px;
	color: #444;
	line-height: 1.5;
}
.second_step_process .theme_right_side .theme_lib_image img {
	width: 100%;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
margin: 10px 0 25px 0;
}
.second_step_process .theme_choose_root {
	border-bottom: 1px solid #e7e7e7;
	overflow: hidden;
}
.theme_det.theme_lst_css, .theme_demo.theme_lst_css {
	color: #ff6600;
	text-decoration: none;
	padding: 10px 20px;
	font-weight: 600;
	font-size: 15px;
	position: relative;
}
.theme_det.theme_lst_css:hover, .theme_demo.theme_lst_css:hover{color: #333;}
.theme_det.theme_lst_css::before, .theme_demo.theme_lst_css::before {
	position: absolute;
	left: -4px;
	top: 11px;
	content: "";
	background-size: contain;
	width: 18px;
	height: 18px;
	-webkit-transition: 0.4s linear all;
	transition: 0.4s linear all;

}
.theme_det.theme_lst_css::before{
	 background: url(https://www.optuno.com/templates/optuno/images/viewdet-icon.png) no-repeat;
}
.theme_demo.theme_lst_css::before {
	 background: url(https://www.optuno.com/templates/optuno/images/viewdemoicon.png) no-repeat;
}

.admin-question-pop{ width: 100%; }
.admin-question-pop:after{ content: ''; display: block; clear: both; }
a.ques_dwn_btn { background: #ff7800 url(../../icons/download-icon.png) 10px 4px no-repeat;
	color: #FFF;
	display: inline-block;
	float: right;
	padding: 7px 12px 7px 37px;
	border-radius: 3px;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	font-family: verdana; z-index: 9; position: relative; -webkit-transition-duration: 0.1s;   transition-duration: 0.1s;
}
a.ques_dwn_btn:hover {  background: #333 url(../../icons/download-icon.png) 10px 4px no-repeat;
	color: #FFF;
}

.first_step_process .tooltip, .second_step_process .tooltip{ display: block; text-align: center; line-height: 1}



.subscription_report .frm_date{ width: 15%; }
.subscription_report .to_date{ width: 15%;}
.subscription_report select{ width: 15%; height: 110px;}
.subscription_report .order_item_plan_rec_type_new{ }
.subscription_report_inner{ float: right;}


.partner_project_report_dashboard{ 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-bottom: 50px;
    position: relative;
    
}
.partner_project_report_dashboard::after{
     clear: both;
    content: "";
    display: block;
}
.partner_project_box{
     width:23.2421875%; -webkit-box-sizing: border-box; box-sizing: border-box;margin-right:2.34375%; padding: 12px 10px;
    display: inline-block; border:2px solid #ececec; border-radius: 3px; text-align: center;  margin-top: 25px;
background: rgb(255,255,255);
background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,255,255,1)),to(rgba(251,251,251,1)));
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 );
}

.partner_project_box:nth-of-type(4n+4){
    margin-right: 0;
}
.partner_project_box_inner{
        position: relative;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.partner_project_box_inner span{
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 5px;
    color: #FF6600;
}
.partner_project_box_inner p{
        color: #000;
    font-size: 14px;
    line-height:20px;
    margin: 0;
}


/*comission*/
.commission_report_dashboard{ 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-bottom: 50px;
    position: relative;
    
}
.partner_project_report_dashboard::after{
     clear: both;
    content: "";
    display: block;
}
.commission_report_box{
     width:23.2421875%; -webkit-box-sizing: border-box; box-sizing: border-box;margin-right:2.34375%; padding: 12px 10px;
    display: inline-block; border:2px solid #ececec; border-radius: 3px; text-align: center;  margin-top: 25px;
background: rgb(255,255,255);
background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,255,255,1)),to(rgba(251,251,251,1)));
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 );
}

.commission_report_box:nth-of-type(4n+4){
    margin-right: 0;
}
.commission_report_box_inner{
        position: relative;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.commission_report_box_inner span{
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 5px;
    color: #FF6600;
}
.commission_report_box_inner p{
        color: #000;
    font-size: 14px;
    line-height:20px;
    margin: 0;
}

.trialing_days{
    float: left;
    margin: 0 2% 0 0;
}
.trialing_days span{ display: block; padding-bottom: 10px;}

.customcls{min-width: 280px;}

.full_view_disp{display: inline-block; width: 30px; text-align: center; border: 1px solid #b3b2b2; line-height: 0; padding: 2px; height: 10px; color: #000; cursor: pointer; clear: both;}

td.domain_name_pro a{ display: block; width: 245px;  }
.customers_projects_list td.domain_name_pro a{display: inline-block}

.list td.doc_size{
    width: 100px;
}








.commission_report_list .link{
    position: relative;
}

.domain_name_pro{
    position: relative;
}
/*Flag one*/
.affi_flag{
     position: absolute;
     top: -30px;
    right: 0;
}
.affi_flag::before{
    content: "";
    position: absolute;
    background: url('../../images/affi_flag.png') no-repeat;
    width: 15px;
    height: 16px;
    background-size: cover;
    top: 82px;
    right: 15px;
}
.affi_flag .tooltiptext{
    visibility: hidden;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px 8px;
    position: absolute;
    font-size: 11px;
    top: -10px;
    right: 10px;
    white-space: nowrap;
}
.affi_flag .tooltiptext::before{
    content: "";
    position: absolute;
    right: 10px;
    bottom: -14px;
    border: 7px solid #000;
    border-color: #000 transparent transparent transparent;
}
.affi_flag:hover .tooltiptext {
    visibility: visible;
}

/*Flag two*/
.copart_flag{
    position: absolute;
   /* top: -35px;*/
   top: 25px;
    right: -5px;
}

.copart_flag::before{
    content: "";
    position: absolute;
    background: url('../../images/copart_flag.png') no-repeat;
    width: 15px;
    height: 16px;
    background-size: cover;
    top: 30px;
    right: 20px;
}

/*Flag three*/
.white_flag, .salesrep_flag{
    position: absolute;
    right: 5px;
    top: 5px;
}
.white_flag{top: 25px;}  

.both_condition_present .salesrep_flag{ 
    top: 0px;
}
.white_flag::before, .salesrep_flag:before{
    content: "";
    position: absolute;
    background: url('../../images/white_flag.png') no-repeat;
    width: 15px;
    height: 16px;
    background-size: cover;
    top: 25px;
    right: 10px;
}
.salesrep_flag:before{
     background: url('../../images/salesrep_flag.png') no-repeat;
}

.white_flag .tooltiptext, .salesrep_flag .tooltiptext, .source_type_flag_icon .tooltiptext, .five9_flag_icon .tooltiptext, .copart_flag .tooltiptext{
    visibility: hidden;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px 8px;
    position: absolute;
    font-size: 11px;
    top: -10px;
    right: 0px;
    z-index: 9;
    white-space: nowrap;
}
.white_flag .tooltiptext::before, .salesrep_flag .tooltiptext:before, .source_type_flag_icon .tooltiptext:before, .five9_flag_icon .tooltiptext:before, .copart_flag .tooltiptext:before{
    content: "";
    position: absolute;
    right: 10px;
    bottom: -14px;
    border: 7px solid #000;
    border-color: #000 transparent transparent transparent;
}
.white_flag:hover .tooltiptext, .salesrep_flag:hover .tooltiptext, .source_type_flag_icon:hover .tooltiptext, .five9_flag_icon:hover .tooltiptext, .copart_flag:hover .tooltiptext {
    visibility: visible;
}
.three_conditions_present .white_flag{ top: 30px;}
.three_conditions_present .salesrep_flag { top: 35px;}
.three_conditions_present .copart_flag{ top: 25px }
/*commission_report_list*/
.commission_report_list .link .tooltip_one{
    background: url('../../images/i.png') no-repeat;
    position: relative;
    top: -35px;
}
.commission_report_list .tooltiptext{
    visibility: hidden;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px 8px;
    position: absolute;
    font-size: 11px;
    top: -19px;
    right: 10px;
}
.commission_report_list .tooltiptext::before{
    content: "";
    position: absolute;
    right: 10px;
    bottom: -14px;
    border: 7px solid #000;
    border-color: #000 transparent transparent transparent;
}
.commission_report_list .tooltip_one:hover .tooltiptext {
    visibility: visible;
}

/*COMMISION REPORT*/
.manual_total{
    width: 100%;
   margin: 10px 0 0 0;
}
.manual_total:after{ clear: both; content: ""; display: table}
.manual_total input[type="text"]{
       width: 235px !important;
    margin-left: 7px;
}
.manual_total input::-webkit-input-placeholder{
  width: 170px !important;   
}
.manual_total input:-ms-input-placeholder{
  width: 170px !important;   
}
.manual_total input::placeholder{
  width: 170px !important;   
}
.form .field.manual_total_left{
    float: left;
    clear: none;
}
form .field{
    clear: none;
}
form .field.manual_total_left{
    float: left;
    width: 40%;
}
form .field.manual_total_right .field_title{
    width: 50%;
    clear: inherit;
}
.manual_total .user_search_discussion{
	position: relative;
}
.manual_total input[type="text"].left_spacing{
    margin-left: 30px;
}

.manual_total .left_spacing{
    margin-left: 30px;
}
.manual_total .full_spacing{
    width: 235px !important;
	margin-left: 30px
}
.manual_total input[type="text"].fixed_amount{
    margin-left: 7px;
}
.manual_total .form ul li input[type=checkbox], input[type=radio]{
    margin: 0 7px 5px 0;
    top: 2px;
    position: relative;
}
.manual_total .project_amt{
    padding-left: 30px;
}
.manual_total select{
    width: 235px;
}
.customer_select{
    width: 213px;
}
.commission_percentage_number_disp label, .commission_fixed_amount_disp label{ margin-top: 9px !important}
.dollar_percentage {   position: relative;  top: -2px;}
.dollar_percentage_dollar{position: relative;  top: -2px}
.commission_pro_or {display: block;font-size: 11px;margin: 0 0 5px 30px;text-align: center;width: 235px}
.user_search_discussion .support_loading_one{left: 30px}
.both_amt_order_id{position: relative}
.both_amt_order_id .project_amt { padding: 0 !important;position: absolute;right: -65px;top: 5px;}

.second_row_box.partner_project_report .search_input, .second_row_box.commission_report .search_input{display: inline-block;    float:none;}
.second_row_box.partner_project_report .button, .second_row_box.commission_report .button {display: inline-block;    float:none;}
.formError .formErrorContent{ width: 160px !important}
.list_minutes_popup{ width: 450px;padding: 10px }
.list_minutes_popup table{ width: 100%;    margin: 25px 0 0;}
.list_minutes_popup table th, .list_minutes_popup table td{ text-align: center}
.milestone_field_ul .show_calendar_picker { font-size: 12px !important;}
.custome-made .enhancement_list.proinfo-order-sec, .right_sec .enhancement_list { max-height: 287px; overflow-y: scroll;     padding-bottom: 30px;}
.input-xlarge.calendar.left_spacing.comm_date { width: 195px !important;}
.field.manual_total_left.man_totl_field.cus_name_fil { width: 100%; float: left; margin-bottom: 10px;}
.field.manual_total_left.man_pro_type_filed { width: 40%; float: left; margin-bottom: 10px;}
.field.manual_total_left.main_pro.man_totl_field, .field.manual_total_left.cus_pro.man_totl_field { width: 50%; float: left;}
.mar_let_none{margin-left: 0 !important}
.field.manual_total_left.cus_pro.man_totl_field input { margin-left: 0;}
.unassign_field{margin: 6px 0 10px 0;}
.unassign_field_tol{padding: 8px 16px;background: #ff7800;color: #fff;border-radius: 3px;font-weight: bold;margin: 0px 0 0px 20px;display: inline-block;line-height: 1;font-size: 12px;text-decoration: none}
.unassign_sales_rep_field{  margin: 0 0 10px 0px; }
.unassign_field_tol:hover{ background: #000; color: #fff }
.unassign_field_msg, .unassign_sales_rep_field_msg{    margin-left: 180px;    background: #4e733b;    color: #fff;    padding: 5px 15px;    display: inline-block;}
.page_commission_report .both_total{ text-align: center}
.unassign_sales_rep_field_msg{margin-left: 0}

.discussion-timer{ width: 150px;margin:1px auto;background: #ff6500;border-radius: 4px; overflow: hidden}
.discussion-timer a {display: block;color: #fff;text-decoration: none;line-height: normal;font-weight: bold;-webkit-transition: 0.4s linear all;
transition: 0.4s linear all;font-size: 12px;padding: 6px 10px;}
.discussion-timer p {display: block;background: #fff;font-weight: bold;font-size: 13px; border-left: 2px solid #ff6500;
    border-right: 2px solid #ff6500;}
.discussion-timer a:hover{ background: #333; color: #fff }

.add_task_div, .add_payout_div{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: rgba(0, 0, 0, 0.89);
z-index: 99;
}
.add-vertical{
    width: 400px;
    background: #fff;
    padding: 50px 40px 30px;
    border-radius: 5px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
}
.add-vertical .field_title{ display: inline-block; width: 150px; font-weight: bold; vertical-align: top;}
.add-vertical .field_content{ display: inline-block; position: relative }
.add-vertical .field_content .formError{ left: 190px !important}
.add-vertical .field {     margin: 0 0 15px 0;}
.add-vertical .ticket_task_description{ resize: none; margin: 0; width: 220px; height: 80px}
.add-vertical .task_hours{ margin: 0; width: 220px }
.add-vertical .phone_call_task_hours{ margin: 0; width: 220px }
.close-ddd{position: absolute;top: 10px;right: 10px;background: #f60;width: 26px;height: 26px;border-radius: 50%;color: #fff;
font-weight: bold;text-align: center;line-height: 26px; -webkit-transition: 0.2s linear all; transition: 0.2s linear all; text-decoration: none}
.close-ddd:hover{ background: #000; color: #fff }
.ddd-footer{padding: 20px 0 0 0 ; text-align: right}
.ddd-footer input, .ddd-footer a{margin: 0;background: #000;color: #fff;font-weight: bold;font-family: verdana;font-size: 13px;
padding: 10px 20px;line-height: 1;  display: inline-block; outline: none; cursor: pointer; text-decoration: none}
.ddd-footer a{ border-radius: 2px; background: #f60;}
.ddd-footer input:hover, .ddd-footer a:hover{ background: #444; color: #fff }
.add-vertical .task_hours.err{  border-color: #f00;-webkit-box-shadow: 0px 0px 10px 0px rgba(255,0,0,0.5);box-shadow: 0px 0px 10px 0px rgba(255,0,0,0.5); }
.add-vertical .phone_call_task_hours.err{  border-color: #f00;-webkit-box-shadow: 0px 0px 10px 0px rgba(255,0,0,0.5);box-shadow: 0px 0px 10px 0px rgba(255,0,0,0.5); }
.add-vertical .ticket_task_description.err{  border-color: #f00;-webkit-box-shadow: 0px 0px 10px 0px rgba(255,0,0,0.5);box-shadow: 0px 0px 10px 0px rgba(255,0,0,0.5); }
.cp-userna{ font-weight: bold; padding: 0 0 15px 0 }
.add-vertical .field input[type="text"]{ width: 210px; margin: 0;}
.add_payout_div .add-vertical .field{ border-bottom: 1px solid #e8e8e8;  padding-bottom: 20px; margin-bottom: 20px; }
.add_payout_div .add-vertical .field_title{font-weight: normal;  margin: 5px 0 0 0;}
.add_payout_div .add-vertical .field:last-of-type{border-bottom: 0; padding-bottom: 0;}
.add_payout_div .add-vertical textarea{resize: none; width: 210px; height: 60px}

.payout-btn{    display: inline-block;
    border: 1px solid #cfcfcf;
    color: #666;
    padding: 7px 15px;
    text-decoration: none;
    font-weight: bold;
    font-size: 90%;
    overflow: visible;
    position: relative;
    border-radius: 3px;
    line-height: normal; 
	padding-left: 25px;
    padding-right: 25px;
	background-color: #fcfbfb;
    border-color: #d8d6d6;
	font-family: Arial,Helvetica,sans-serif;
}

.timer_success{
    background: #567d09;
    color: #fff;
    font-size: 13px;
	margin: 5px 0 0 0 !important;
}
.cus_rpt_list{ max-width: 100%; overflow-x: auto; margin: 0 auto; padding: 0 20px 10px 0px}
.cus_rpt_list .list td{ text-align: center }
.customer_report_list:after{ display: table; clear: both; content: ""}
.cus_rpt_list table thead td{     
	font-weight: bold;
    background: #000;
    border-radius: 0 !important;
    border-bottom: 1px solid #d8d6d6;
    color: #fff;
}
.cus_rpt_list table tbody td:nth-child(odd){ background: #fff}
.cus_rpt_list table tbody td:nth-child(even){ background: #f2f2f2}

.task_rpt_list{ max-width: 100%; overflow-x: auto; margin: 0 auto; padding: 0 20px 10px 0px}
.task_rpt_list .list td{ text-align: center }
.task_report_list:after{ display: table; clear: both; content: ""}
.task_rpt_list table thead td{     
	font-weight: bold;
    background: #f4f3f3;
    border-radius: 0 !important;
    border-bottom: 1px solid #d8d6d6;}


.theme_id_disp_btn{
    display: inline-block;
    padding: 8px 10px;
    line-height: 1;
    background: #ff7800;
    color: #fff;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
    margin: 0 0 0 10px;
	text-decoration: none;
}
.theme_id_disp_btn:hover{ background: #333; color: #fff; }
.theme_id_disp_msg{background: #109800;padding: 5px;line-height: 1;color: #fff;font-size: 14px;    text-align: center;}

.project_id_disp_msg.success{ background: #109800;padding: 5px;line-height: 1;color: #fff;font-size: 14px;text-align: center;}


.project_id_disp_msg.error { background: #f00; padding: 5px;  line-height: 1; color: #fff;
    font-size: 14px;text-align: center;
}

.span-all{ max-width: 50%; display: inline-block}
.customers_discussion_list .posted_time{ max-width: 25%; text-align: center }
.assign_pro .formError{ left: 350px !important }
.red_box{ color: #f00; }

.team-members-form .first_row_box .frm_date {
    width: 14%;
}
.team-members-form .first_row_box .to_date {
    width: 14%;
}
.partners_customers_form .first_row_box .frm_date{     width: 14%; }
.partners_customers_form .first_row_box .to_date{    width: 14%;  }

.projects_task_time_form .first_row_box .to_date, .revenue_plan_form .first_row_box .to_date, .revenue_plan_form .first_row_box .frm_date {  width: 13%;}
.projects_task_time_form .first_row_box .frm_date { width: 13%;}

.revenue_addons_form .first_row_box .to_date, .revenue_addons_form .first_row_box .frm_date {  width: 16%;}

.revenue_plan_form select{ float: left; margin-right: 1% }
.revenue_plan_form .chkw.rbp input{ width: 97%; -webkit-box-sizing: border-box; box-sizing: border-box}

.customer_report_form .first_row_box .to_date, .customer_report_form .first_row_box .frm_date { width: 16%;}

.customer_report_form .first_row_box .orders_plus_cat_type {width: 13%}
.customer_report_form .first_row_box .order_item_plan_type {width: 13%}
.customer_report_form .first_row_box .order_item_plan_id {	width: 13%}
.customer_report_form .first_row_box .order_item_plan_rec_type{	width: 12%}
.customer_report_form .first_row_box .status{width: 16%}

.task_report_form .first_row_box .to_date, .task_report_form .first_row_box .frm_date, .task_report_form .first_row_box .order_item_plan_id { width: 20%;}
.third_row_box .chkw{ display: inline-block}

/* Followups sticky */
.follow_sticksec{ position: fixed; bottom: 0; right: 20px; width: 330px; z-index: 999;}
.follow_sticklink{ display: block; background: #111; padding: 15px 20px; border-radius: 4px 20px 0 0; color: #fff; -webkit-box-shadow: 0 12px 14px 8px rgba(0,0,0,.17); box-shadow: 0 12px 14px 8px rgba(0,0,0,.17); text-decoration: none; transform: translateY(0); -webkit-transform: translateY(0); -webkit-transition: all 300ms 300ms; transition: all 300ms 300ms;}
.follow_sticklink.active{ transform: translateY(47px); -webkit-transform: translateY(47px);}
.follow_sticklink:hover{ color: #fff;}
.follow_stickbx{ background: #fff; border-radius: 4px 20px 0 0; height: 500px; position: absolute; left: 0; right: 0; bottom: -350px; visibility: hidden; opacity: 0;   -webkit-box-shadow: 0 12px 14px 8px rgba(0,0,0,.17);   box-shadow: 0 12px 14px 8px rgba(0,0,0,.17); -webkit-transition: all 400ms; transition: all 400ms; }
.follow_stickbx.open{ opacity: 1; visibility: visible; bottom: 0;}
.follow_stickclose{ background: #fff;
border: 1px solid #111;
width: 24px;
height: 24px;
line-height: 18px;
font-size: 15px;
color: #111;
position: absolute;
left: -30px;
top: 1px;
border-radius: 50%;
text-decoration: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;}
.follow_stickclose:hover{ background: #111; color: #fff;}
.follow_sticktt{background: #111; padding: 15px 20px; border-radius: 4px 20px 0 0; color: #fff; margin: 0; font-size: 14px; font-weight: normal;}
.follow_stickbxin{ padding: 20px; height: calc(100% - 47px); height: -webkit-calc(100% - 47px); -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; }
.follow_listsec{ font-size: 14px;}
.follow_listsec ul{ list-style: none; margin: 0; padding: 0;}
.follow_listsec li{ position: relative; padding: 0 0 0 18px; margin: 0 0 10px;}
.follow_listsec li:last-child{ margin-bottom: 0;}
.follow_listsec li:before{ content: "\f105"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 0; top: 0px; font-size: 18px;}
.follow_listsec li:hover:before{ color: #3079ed;}
.follow_listsec li h4{ font-size: 13px; font-family: arial, sans-serif; margin: 0 0 3px; }
.follow_listsec li h4 a{ color: #000; text-decoration: none;}
.follow_listsec li h4 a:hover{ color: #3079ed;}
.follow_listsec li p{ font-size: 11px; color: #888; margin: 0; }
.follow_sticktt a{color: #fff; text-decoration: none }
.follow_sticktt .refresh:hover a{ color: #ff7726; }
.follow_sticktt .refresh{ padding-left: 22px; position: relative; cursor: pointer; }
.follow_sticktt .refresh:before{ background: url("../../icons/refresh_w.png") no-repeat; width: 16px; height: 16px; overflow: hidden; content: ""; display: block; position: absolute; left: 0; top: 1px; -webkit-transition: 0.3s linear all; transition: 0.3s linear all; }
/*.follow_sticktt .refresh:hover:before{ -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity:0.8; }*/

    /* Commission Tier filter section */
.form_commission_filtersec{ margin: 0 0 20px;}
.form_commission_filtersec p{ margin-bottom: 5px;}
.fieldcol_inline{ display: inline-block;}

.admin_percentage{padding: 20px 10px ; -webkit-box-sizing: border-box; box-sizing: border-box}
.rep-sale{     padding: 20px 0;
    margin: 10px 0 20px;
    border: 1px solid #e4e4e4;
    border-left: 0;
    border-right: 0; -webkit-box-sizing: border-box; box-sizing: border-box}
.rep-sale label{margin: 0 0 5px 0; display: block}
.top-words p{ text-transform: uppercase; display: inline-block; vertical-align: middle}
.top-words p:first-of-type{ margin-right: 30px }
.top-words p .button{ margin-left: 50px; text-transform: capitalize}
.admin_percentage .percentage-frm .buttons { margin: 10px 0 15px 180px;}
.admin_percentage .percentage-frm .buttons .button, .initial_from_section .buttons .button{margin: 0}
.initial_from_section .buttons{margin: 10px 0 0 0}
.fieldcol_inline { width: 130px;  vertical-align: middle;margin: 0 20px 0 0 }
.fieldcol_inline input { width:60%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.rep-sale p{ display: inline-block; vertical-align: middle; margin: 0}
.salesrep_commission_report_form .user_search_discussion{    display: block; float: left; margin: 0 1% 0 0; width: 12%}
.salesrep_commission_report_form .user_search_discussion .search_user_box{ width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box}
.salesrep_commission_report_form .percentage_initial, .salesrep_commission_report_form .percentage_type {width: 12%}
.salesrep_commission_report_form .search_input{width: 10%}
.salesrep_commission_report_form{margin: 0 0 15px 0;}
.ui-tabs-anchor:focus{ outline: 0}
.admin_percentage .percentages_lists .basic-table{ margin: 20px 0 20px 0 }
.admin_percentage .percentages_lists .basic-table th, .admin_percentage .percentages_lists .basic-table td{ vertical-align: top; padding: 10px}
.admin_percentage .remove_all_btn{ float: right; margin: 5px 0 5px 0;}
.initial_field, .percentage_project_option_section, .percentage_type_field_section, .percentage_payment_method_field, .commission_type_section{ float: left;  margin-right: 1%;}
.edit-salesrep-percentage-frm .percentage_project_option_section {width: 20%}
.percentage_option_initial .initial_field{ width:10% }
.percentage_option_initial .percentage_project_option_section{width: 30% }
.percentage_option_initial .percentage_payment_method_field{width: 17%}
.percentage_option_initial .commission_type_section{width: 26% }
.percentage_option_initial .add-salesrep-percentage-frm .buttons, .percentage_option_initial .edit-salesrep-percentage-frm .buttons{ width: 13% }

.initial_field{ width:8% }
.percentage_project_option_section{width: 22% }
.percentage_type_field_section{ width: 23% }
.percentage_payment_method_field{width: 10%}
.commission_type_section{width: 23% }
.percentage_project_option_content_left, .percentage_num_field_left, .percentage_type_field_left, .commission_type_field_left{width: 48%; float: left;  margin-right: 4%} 
.percentage_project_option_content_right, .percentage_num_field_right, .percentage_type_field_right, .commission_type_field_right{width: 48%; margin-right: 0; float: left}
.admin_percentage .form_section select, .percentage_num_field_right input, .percentage_num_days_content input{ width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box}
.percentage_project_option_section.percentage_project_option_custom .percentage_project_option_content_left{ width: 100%; margin-right: 0}
.add-salesrep-percentage-frm .buttons{ width: 9% }
 .add-salesrep-percentage-frm .buttons .button, .edit-salesrep-percentage-frm .buttons .button, .add-percentage-frm .buttons .button, .edit-percentage-frm .buttons .button{ -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%;  padding: 8px 4px;    text-align: center; font-size: 12px; height: auto; margin: 0; font-family: verdana;}
.percentage_num_days_content p, .percentage_num_payments_content p{  font-size: 11px;  margin: 0}
.add-salesrep-percentage-frm label, .edit-salesrep-percentage-frm label, .add-percentage-frm label,  .edit-percentage-frm label{ display: block; margin: 0 0 3px 0}
.percentage_num_content {  position: relative;  padding: 0 15px 0 0;}
.percentage_num_content span { position: absolute; right: 0; top: 10px;}
.fixed_price_content{ position: relative;  padding: 0 0 0 15px; }
.fixed_price_content span { position: absolute; left: 0; top: 10px;}
.admin_percentage .salesrep-percentage-frm .form_section:after{ display: table; clear: both; content: ""}
.add-salesrep-percentage-frm .salesrep-percentage-frm .form_section{ padding: 15px 0; margin: 0 0 20px 0; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; }
.percentage_num_payments_content input, .fixed_price_content input, .percentage_num_content input{ width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box }
.add-salesrep-percentage-frm .buttons, .edit-salesrep-percentage-frm .buttons, .add-percentage-frm .buttons, .edit-percentage-frm .buttons{ float: left; margin: 19px 0 0 0 }

.add-salesrep-percentage-frm:after, .edit-salesrep-percentage-frm:after, .add-percentage-frm:after, .edit-percentage-frm:after{ clear: both; display: table; content: ""}
.add-salesrep-percentage-frm, .edit-salesrep-percentage-frm, .add-percentage-frm, .edit-percentage-frm{ padding:15px 0; margin: 0 0 20px 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4 }
.edit-salesrep-percentage-frm .buttons{ width: 11% }

.page_import_system .content{   font-size: 15px; line-height: 1.5; color: #26292c }
.page_import_system input[type=submit], .page_import_system .button{cursor: pointer;font-size: 13px}
.page_import_system .content form .field_content{ margin: 10px 0 0 0}
/*.page_import_system .content form #uploadError{ background: #da0000; color: #fff; padding: 10px 20px; border-radius: 6px;}*/


.page_lead .content>h2, .page_lead_gmail .content > h2{   text-transform: uppercase;  }
.page_lead .content, .page_dialer .content, .page_lead_gmail .content{ font-size: 13px; line-height: 1.5; color: #26292c }
.page_lead input, .page_lead textarea, .page_lead select, .page_lead button, .page_dialer #fancybox-content, .page_lead_gmail input, .page_lead_gmail textarea, .page_lead_gmail select, .page_dialer input, .page_dialer textarea, .page_dialer select{  font-weight: normal }
.page_lead input[type=button], .page_lead input[type=submit], .page_lead_gmail input[type=button], .page_lead_gmail input[type=submit], .page_lead_gmail .button, .page_dialer .button, .page_dialer input[type=submit], .page_dialer input[type=button]{cursor: pointer; font-family: verdana;font-weight: bold; font-size: 13px; }
.page_lead h1, .page_lead h2, .page_lead h3, .page_lead h4, .page_lead h5, .page_lead h6, .page_lead_gmail h1, .page_lead_gmail h2, .page_lead_gmail h3, .page_lead_gmail h4, .page_lead_gmail h5, .page_lead_gmail h6, .page_dialer h1, .page_dialer h2, .page_dialer h3, .page_dialer h4, .page_dialer h5, .page_dialer h6{ font-weight: normal; line-height: 1.2  }

.page_lead .utm_title{font-size: 13px; margin: 20px 0}
.page_lead .right_sec .enhancement_list { max-height: inherit; overflow:hidden; padding-bottom: 0px;}

.page_lead .left_sec .utm_values_sec .half-two input, .page_lead  .left_sec .utm_values_sec .half-two select{
width: 100%
}
.page_lead .finish-pay{    font-size: 13px;   text-transform: uppercase;float: right}

.payint{width: 80px;position:relative; padding: 0 15px 0 0 ; -webkit-box-sizing: border-box; box-sizing: border-box}
.payint i{ position: absolute;right: 0;top: 3px;}
.total-commission td:first-child{ padding: 0 }

.page_subscriptions_report .subscriptions_report_form select{background-image: none !important; width: 100%; display: block; overflow-y: auto}
.subsribe-statusr{ float: left; display: block; width: 22%; margin-right: 1% }
.type-subscre{ float: left; display: block; width: 25%; }
.page_subscriptions_report .subscription_report span{ padding: 0 0 7px 0; display: block }
.page_subscriptions_report .subscription_report .trialing_days{margin-right: 1%; width: 15%}
.page_subscriptions_report .subscription_report .frm_date{ width: 17%; }
.page_subscriptions_report .subscription_report .to_date{ width: 17%; }
.page_subscriptions_report .pro_pay_select_box{ width: 24%; margin-right: 1%; float: left; display: block}
.page_subscriptions_report .sub_pay_select_box{ width: 24%; margin-right: 1%; float: left; display: block}
.page_subscriptions_report .first_row_box.subscription_report{ padding-bottom: 20px}
.page_subscriptions_report .subscription_report_inner { float: right; margin: 100px 0 0 0;}
.page_subscriptions_report .subscription_report .trialing_days input{ width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box }
.credit_listing_des{min-width: 320px}
.customer_binfo_list td.auto{ width: 1px} 
.admin_notes table.list{  min-width: 800px }
.customers_projects_list.table_adjustment .list th, .customers_projects_list.table_adjustment.list th.auto, .customers_projects_list.table_adjustment .list td, .customers_projects_list.table_adjustment .list tr td.fn {
    padding-left: 4px;
    padding-right: 4px;
}
.all_comp_pro_use{ position: relative; padding: 0 55px 0 0}
.count_details{max-width: 720px}
.page_lead .content>h2, .page_lead_gmail .content>h2{letter-spacing: 1px;
    font-weight: bold;}
.all_comp_pro_use.both_condition_present p.copart_flag {
    top: 25px;
}
.customers_followup_list table thead tr th{  padding: 15px 10px;  background: #000 !important; color: #fff;  
    font-size: 13px; opacity: 1; font-weight: bold }
.customers_followup_list table th:first-child {  border-radius: 3px 0 0 0;}
.customers_followup_list table th:last-child {  border-radius: 0 3px 0 0;}
.customers_followup_list table thead tr th a{ color: #fff }
.customers_followup_list table thead tr th a:hover { color: #ff7800;}

#fancybox-content .admin_percentage{ min-width:1000px !important; font-size: 13px; }
.page_groups #fancybox-content{ width: auto !important }
#fancybox-content .admin_percentage .percentage_option_others .initial_field {  width: 20%;}
#fancybox-content .admin_percentage .percentage_option_others .percentage_project_option_section{ width: 33%;}
#fancybox-content .admin_percentage .percentage_option_others .percentage_type_field_section{ width: 45%; margin-right: 0;}
#fancybox-content .admin_percentage .percentage_option_others .percentage_payment_method_field { width: 25%;}
#fancybox-content .admin_percentage .percentage_option_others .commission_type_section { width: 54%;}
#fancybox-content .admin_percentage .percentage_option_others .add-salesrep-percentage-frm .buttons, #fancybox-content .admin_percentage .percentage_option_others .edit-salesrep-percentage-frm .buttons { width: 19%;}
#fancybox-content .admin_percentage .percentage_option_others .add-percentage-frm .buttons, #fancybox-content .admin_percentage .percentage_option_others .edit-percentage-frm .buttons{ width: 19%; }

#fancybox-content .admin_percentage .percentage_option_others .add-percentage-frm .buttons .button, #fancybox-content .admin_percentage .percentage_option_others .edit-percentage-frm .buttons .button{ display: block; margin: 0; width: 100% } 
.percentage_option_initial .buttons .button{ margin-left: 0 }
#fancybox-content .percentage_option_initial .add-percentage-frm .buttons, #fancybox-content .percentage_option_initial .edit-percentage-frm .buttons{ width: 13% }

.source_type_flag_icon, .five9_flag_icon{ margin: 10px 0 0 0; position: relative; width: 20px; height: 21px; display: inline-block; }
/*.source_type_flag_icon{  background: url('../../icons/calendy-icon.png') 0  no-repeat;  }  */
.five9_flag_icon{  background: url('../../icons/f9logo.png') 0  no-repeat;  }  
.source_type_flag_icon .tooltiptext, .five9_flag_icon .tooltiptext {     right: inherit; top: -35px; left: -10px } 
 .source_type_flag_icon .tooltiptext:before, .five9_flag_icon .tooltiptext:before {right: initial}

.export_two{ position: relative; }
.export_two .button{  position: absolute; left: 320px; top: -37px;}
.button:focus{ border-color: #cfcfcf !important }

.all_comp_pro_use  p.salesrep_flag.no_lead_flg{top: -30px !important}
.page_discussion .next-to-field-one { display: inline-block;    margin: 0 20px 10px 0;}
.msg-autolist-cls{display: inline-block; position: relative}
table .court-cls{ width: 140px; }
.discussion-followups{ padding: 10px 0 0 0; }
.discussion-followups a, .discuss-fview{ height: 16px }
.dicussion-update-bar{display: inline-block; margin: 0 0 0 20px}

.list th.last-call{ min-width: 100px; }


/*lead source*/

.l-wrapper {
		width : 100%;
		height : 100%;
	}

.l-wrapper-inner {
    margin: 2px 2px 2px 2px;
    display: block;
    border-top: 1px solid rgba(208, 82, 8, 0.23);
    padding: 7px 0px 2px;
}
.l-wrapper-inner:first-child{border: none; padding-top: 0;}	
.l-wrapper-sub {
		margin : 2px 2px 2px 2px ;
		display: inline-block;
	}
.l-rule a {
	cursor:pointer;
	padding-top:5px;
	padding-left:5px;
	font-weight:bold;
}

.l-wrapper-sub a {
	padding-top:15px;
	cursor:pointer;
	padding-left:5px;
}

.l-wrapper-sub span {
	 display: block;
	 padding-bottom: 2px;
}

.l-wrapper-sub-split {

	margin : 3px 3px 3px 3px ;
	display: block;
}

.l-add-split {
	text-decoration:none;
	color:darkblue;
	padding-left:20px !important;
}

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}


.project-lead-view {
    position: relative;
    display: inline-block;
    position: absolute;
    right: 3px;
    top: -2px;
}

.project-lead-view a {
    position: static !important;color: transparent !important;
}
.del_lead_history {
    position: absolute;
    top: -7px;
    right: -6px;
    height: 15px;
    width: 15px;
    display: block;
    background: red;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 13px;
    font-family: arial;
}


/*new css*/

ul.proj-custom-ul li {
    padding-right: 30px;
    position: relative;
    margin-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;
}
ul.proj-custom-ul li:last-child {
    border: 0;
    margin-bottom: 0;
}
ul.proj-custom-ul li p {
    margin: 0 0 5px;
    font-weight: 600;
}
ul.proj-custom-ul li span.cart-close-ico.cart-delete {
    position: absolute;
    top: 50%;
    right: 0;
    color: #ff1d00;
    font-weight: bold;
    cursor: pointer;
    transform: translateY(-50%);
    margin-top: -5px;
    -webkit-transform: translateY(-50%);
}

ul.proj-custom-ul li span.cart-close-ico.cart-delete:hover {
    color: #000;
}
.projects_form .chosen-container.chosen-container-multi {
    width: 12% !important;
    float: left;
    margin-right: 10px;
}
.projects_form select#filter_status {
    margin-right: 10px;
}
.projects_form .full-project-meg {
    width: 15%;
    float: left;
}
.projects_form .chkw-other {
    width: 100%;
}
.projects_form .easy-autocomplete {
    width: auto !important;
}

/*project reports css*/

.project_report_list .list th, .project_report_list th.auto, .project_report_list .list td, .project_report_list .list tr td.fn{
    padding-left: 4px;
    padding-right: 4px;
    width: auto;
}
.project_report_list .list th.flag, .project_report_list .list td.flag{
    padding-left: 6px;
    padding-right: 6px;
}
.project_report_list .report_fixed_scroll {
    position: relative;
    background: #fff;
    border: 1px solid #d8d6d6;
    box-shadow: 0px 0px 5px #eceaea;
}
.report_inner_scroll {
    overflow-x: scroll;
    overflow-y: hidden;
    margin-left: 318px;
}
.report_inner_scroll table.list {
    width: 100%;
    border: 0;
    box-shadow: none;
}
.report_inner_scroll th.report_fixed, .report_inner_scroll td.report_fixed {
    position: absolute;
    left: 0;
    top: auto;
}
.report_inner_scroll th.report_fixed.rep_2, .report_inner_scroll td.report_fixed.pro_ord_2 {
    left: 12px;
    opacity: 1;
}
.report_inner_scroll th.report_fixed.rep_3, .report_inner_scroll td.report_fixed.pro_ord_3 {
    left: 32px;
        border-right: 1px solid #ddd;
        background: #fff;
}

.report_inner_scroll td.flag, .report_inner_scroll th.flag {
    padding-top: 5px;
    padding-bottom: 5px;
}
.report_inner_scroll .pro_rep_title {
    display: flex;
    flex-flow: wrap;
    height: 100%;
    align-items: center;
}
.report_inner_scroll .pro_rep_check {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    height: 100%;
}
.report_inner_scroll .pro_rep_title .gray.pdl {
    padding-left: 0;
}
.report_inner_scroll .pro_rep_title>a {
    /*display: contents;*/
}
.report_inner_scroll .list th.report_fixed {
    background: #fcfbfb;
    opacity: 1;
    border-radius: 0;
    z-index: 1;
}
.report_inner_scroll th.report_fixed .pro_rep_title {
        width: 274px;
}
.report_inner_scroll .list tr:last-child td:first-child {
    border-radius: 0;
}
.report_inner_scroll .list th.flag.report_fixed.rep_1 {
    padding-top: 6px;
    padding-bottom: 6px;
}
.swipe_arrows_outer {
    position: relative;
    z-index: 99;
    padding: 20px 0 0;
    margin-bottom: 15px;
}
.swipe_arrows {
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transition: 0.3s linear all;
    transition: 0.3s linear all;
}
.swipe_arrows a {
    display: inline-block;
    padding: 8px 17px;
    line-height: 1;
    overflow: hidden;
    border-radius: 3px;
    background: #f60;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    position: relative;
    width: 5px;
    text-indent: -9999px;
}
.swipe_arrows a:after {
    background: url(/static/images/leftq.png) no-repeat;
    content: "";
    position: absolute;
    left: 10px;
    top: 7px;
    width: 20px;
    height: 14px;
    background-size: contain;
}
.swipe_arrows a.swipeRight:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 10px;
    top: 5px;
}
.swipe_arrows a:hover {
    background: #333;
    color: #fff;
}
.swipe_arrows_outer.fixed_arrow .swipe_arrows {
    position: fixed;
    bottom: inherit;
    top: 15px;
    right: 20px;
}
.report_inner_scroll .list th.report_fixed.rep_3 {
    opacity: 1;
}

.report_inner_scroll td .pdl {
    padding-left: 0;
}
.project_report_list .list td .report_plan_title {
    width: 160px;
}
.report_inner_scroll .all_comp_pro_use{ padding: 0 50px 0 0;}


/*7-1-20*/

.lead_rep_form .first_row_box {
    width: 100%;
    text-align: right;
    padding: 0;
    display: flex;
    flex-flow: wrap;
    align-items: flex-end;
}
.lead_rep_form .first_row_box .to_date {
    margin-right: 2%;
}
.lead_rep_form .form .first_row_box .field {
    width: 13%;
    clear: inherit;
    float: left;
    margin: 0 2% 0 0;
}
.lead_rep_form .form .first_row_box .field label.field_title {
    display: block;
    float: none;
    text-align: left;
    font-size: 13px;
    margin: 0 0 2%;
    width: auto;
}
.lead_rep_form .form .first_row_box .field .field_content {
    margin-left: 0;
}
.lead_rep_form .form .first_row_box .field .field_content select {
    width: 100% !important;
}
.lead_rep_form .form .first_row_box .field .field_content .chosen-container {
    width: 100% !important;
}
.lead_rep_form .form .first_row_box .as-firstname {
    width: 15%;
    float: left;
    display: block;
    margin: 0 2% 0 0;
    text-align: left;
}
.lead_rep_form .form .first_row_box .as-firstname select {
    width: 100%;
    margin: 0;
}
.lead_rep_form .form .first_row_box .as-searchin {
    width: 19%;
    padding: 0 45px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    float: left;
    display: block;
    margin: 2% 10px 0 0;
}
.lead_rep_form .form .first_row_box .as-searchin input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
}
.lead_rep_form .form .first_row_box .as-searchin button {
    position: absolute;
    right: 0;
    top: 0;
}
.lead_rep_form .form .first_row_box .frm_date input, .lead_rep_form .form .first_row_box .to_date input {
    margin-bottom: 0;
}

.chosen-container .chosen-results {
    text-align: left;
}
/*new*/
.projects_form .full-project-meg.reset-btn-not-admin {
    display: flex;
    width: 18%;
}


/* Schdeule module new */
/*.button.calendar {
	background-image: url("../../icons/calendar.png");
	padding-left: 35px
}
*/
a.button.b:hover{
background-color: #ff7800; 
border-color: #ff7800; opacity: 0.8;
}


.ecomm_cc_expiration,
.schedule_cc_expiration {
	display: table
}

.ecomm_cc_expiration>div,
.schedule_cc_expiration>div {
	display: table-cell;
	padding-right: 10px;
	vertical-align: middle
}

.ecomm_cc_expiration>div:last-child,
.schedule_cc_expiration>div:last-child {
	padding-right: 0
}

.ecomm_cards,
.schedule_cards {
	font-size: 20px;
	margin: 5px 0 10px 0px
}

.ecomm_cards .fa-cc-paypal,
.schedule_cards .fa-cc-paypal {
	color: #253b80
}

.ecomm_cards .fa-cc-visa,
.schedule_cards .fa-cc-visa {
	color: #0157a2
}

.ecomm_cards .fa-cc-mastercard,
.schedule_cards .fa-cc-mastercard {
	color: #0a3a82
}

.ecomm_cards .fa-cc-discover,
.schedule_cards .fa-cc-discover {
	color: #f68121
}

.ecomm_cards .fa-cc-amex,
.schedule_cards .fa-cc-amex {
	color: #007bc1
}

.ecomm_cards .fa-cc-jcb,
.schedule_cards .fa-cc-jcb {
	color: #003A8F
}

.ecomm_cards .fa-cc-diners-club,
.schedule_cards .fa-cc-diners-club {
	color: #004A97
}

.ecomm_cards .fa-cc-bitcoin,
.ecomm_cards .fa-cc-bitcoin-cash,
.ecomm_cards .fa-cc-ethereum,
.ecomm_cards .fa-cc-litecoin,
.schedule_cards .fa-cc-bitcoin,
.schedule_cards .fa-cc-bitcoin-cash,
.schedule_cards .fa-cc-ethereum,
.schedule_cards .fa-cc-litecoin {
	border-radius: 50%;
	width: 1em;
	height: 1em;
	text-align: center;
	line-height: 70%;
	font-weight: bold
}

.ecomm_cards .fa-cc-bitcoin:after,
.ecomm_cards .fa-cc-bitcoin-cash:after,
.ecomm_cards .fa-cc-ethereum:after,
.ecomm_cards .fa-cc-litecoin:after,
.schedule_cards .fa-cc-bitcoin:after,
.schedule_cards .fa-cc-bitcoin-cash:after,
.schedule_cards .fa-cc-ethereum:after,
.schedule_cards .fa-cc-litecoin:after {
	font-size: 50%
}

.ecomm_cards .fa-cc-bitcoin,
.schedule_cards .fa-cc-bitcoin {
	background: rgb(255, 177, 25);
	color: #fff
}

.ecomm_cards .fa-cc-bitcoin-cash,
.schedule_cards .fa-cc-bitcoin-cash {
	background: rgb(141, 196, 81);
	color: #fff
}

.ecomm_cards .fa-cc-ethereum,
.schedule_cards .fa-cc-ethereum {
	background: rgb(111, 124, 186);
	color: #fff
}

.ecomm_cards .fa-cc-litecoin,
.schedule_cards .fa-cc-litecoin {
	background: rgb(181, 181, 181);
	color: #fff
}

.ecomm_cards .fa-cc-bitcoin:after,
.schedule_cards .fa-cc-bitcoin:after {
	content: "B"
}

.ecomm_cards .fa-cc-bitcoin-cash:after,
.schedule_cards .fa-cc-bitcoin-cash:after {
	content: "B"
}

.ecomm_cards .fa-cc-ethereum:after,
.schedule_cards .fa-cc-ethereum:after {
	content: "E"
}

.ecomm_cards .fa-cc-litecoin:after,
.schedule_cards .fa-cc-litecoin:after {
	content: "L"
}

.ecomm_order_credit_card,
.schedule_credit_card {
	display: inline-block;
	vertical-align: top
}

.ecomm_payment_square_input,
.schedule_payment_square_input {
	margin-bottom: 0 !important;
	min-height: 2.1em
}

.calendar_title {
	text-align: center
}

.calendar_month th,
.calendar_week th,
.calendar_day th {
	text-align: center
}

.calendar_month td,
.calendar_week td,
.calendar_day td {
	width: 14.2857142857%;
	border-right: 1px solid #e5e5e5;
	height: 150px;
	vertical-align: top;
	padding: 0
}

.calendar_week td,
.calendar_day td {
	height: 20px;
	vertical-align: top
}

.calendar_day td:not(.calendar_hours) {
	width: 100%
}

.calendar_month td:last-of-type,
.calendar_week td:last-of-type,
.calendar_day td:last-of-type {
	border-right-width: 0
}

.calendar_month .calendar_gray {
	background: #fdfdfd;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-o-opacity: 0.5;
	opacity: 0.5
}

.calendar_month .calendar_day_num a {
	padding: 10px;
	display: inline-block
}

.calendar_month .calendar_today,
.calendar_week th.calendar_today,
.calendar_day th.calendar_today {
	border: 1px solid #dd7a64;
	background: #fee;
	color: #000
}

.calendar_week .calendar_half_hour,
.calendar_day .calendar_half_hour {
	border-top-style: dotted
}

.calendar_week .calendar_hours,
.calendar_day .calendar_hours {
	width: 10px
}

.calendar_week .calendar_events,
.calendar_day .calendar_events {
	position: relative;
	clear: left
}

.calendar_month .calendar_event,
.calendar_week .calendar_event,
.calendar_day .calendar_event {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	margin-bottom: 0;
	text-align: left
}

.calendar_month .calendar_event,
.calendar_week .calendar_event,
.calendar_day .calendar_event {
	border-top: 1px solid #fafafa
}

.calendar_month .calendar_event:first-of-type {
	border-top: 0
}

.calendar_week .calendar_event,
.calendar_day .calendar_event {
	position: absolute;
	z-index: 1
}

.calendar_month.availability td:hover {
	background: #F0F6FF;
	cursor: pointer
}

.calendar_events .calendar_event.play:before,
.calendar_events .calendar_event.upcoming:before {
	position: absolute;
	margin: 0;
	background-image: url(/static/icons/play_w.png)
}

.calendar_events .calendar_event.upcoming:before {
	background-image: url(/static/icons/forward_w.png)
}

.calendar_events .calendar_event.play a,
.calendar_events .calendar_event.upcoming a {
	padding-left: 40px
}

.calendar_events .calendar_event.play.overlay a,
.calendar_events .calendar_event.upcoming.overlay a {
	padding-left: 10px
}

.calendar_event .img_preview {
	display: block;
	line-height: 0;
	width: 40px;
	height: 40px;
	background-size: cover;
	background-position: 50% 50%;
	cursor: pointer;
	margin: -5px 0;
	position: relative;
	left: -10px;
	float: left
}

.calendar_month .calendar_event_title,
.calendar_week .calendar_event_title,
.calendar_day .calendar_event_title {
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 5px 10px;
	display: block;
	height: 100%;
	width: 100%;
	line-height: 1em;
	white-space: no-wrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box
}

.calendar_event_title.crossed {
	text-decoration: line-through
}

.calendar_event[class*="payment_"] .calendar_event_title:before {
	content: "!";
	border: 1px solid #9f3123;
	background: #ca3f2d;
	border-radius: 50% 50%;
	float: right;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	font-weight: bold
}

.calendar_event.payment_paid .calendar_event_title:before {
	content: "✔";
	border-color: #589021;
	background-color: #73bc2b
}

.calendar_month .calendar_event_time,
.calendar_week .calendar_event_time,
.calendar_day .calendar_event_time {
	font-size: 85%;
	line-height: normal
}


.email_template_view.selected .field .field_content { position: inherit;}

.calendar_availability_times:empty:before {
	border: 1px solid #e93d27;
	padding: 5px 10px;
	text-align: center;
	content: "Unavailable";
	display: block
}

#schedulesrange {
    vertical-align: top;
}
/* Schdeule module new end*/


/*** custom tooltip - 26-05-23 ***/

.lead_list table.list tr td.flag[data-title]:hover {
    position: relative;
}
.lead_list table.list tr td.flag:hover:before {
    position: absolute;
    top: 50%;
    left: calc(100% + 6px);
    transform: translate(0%, -50%);
    z-index: 99999;
    content: attr(data-title);
    padding: 4px 12px 6px;
    width: 160px;
    font-size: 11px;
    overflow: hidden;
    word-wrap: break-word;
    color: #FFF;
    text-align: center;
    background-color: rgba(0,0,0,0.8);
    box-sizing: border-box;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.lead_list table.list tr td.flag:hover:after {
    position: absolute;
    top: calc(50% - 5px);
    left: calc(100% + 2px);
    z-index: 99999;
    content: '';
    margin-left: -8px;
    width: 0;
    height: 0;
    border: 6px dashed transparent;
    border-right: 6px solid rgba(0,0,0,0.8);
    font-size: inherit;
}
/*** custom tooltip - END ***/


@media (min-width: 1500px) {
.projects_form .chosen-container.chosen-container-multi {
    width: 15% !important;
}
    
}


@media (max-width: 780px) {
    /* Schdeule module new */
    	body .calendar_nav,
	body .calendar_view {
		float: none;
		text-align: center;
		white-space: nowrap
	}
	body .calendar_month th,
	body .calendar_month td,
	body .calendar_month td:not(.auto),
	body .calendar_week th,
	body .calendar_week td,
	body .calendar_week td:not(.auto),
	body .calendar_day th,
	body .calendar_day td,
	body .calendar_day td:not(.auto) {
		display: table-cell !important;
		width: 14.2857142857% !important;
		height: auto;
		padding-bottom: 10px !important;
		float: none;
		word-wrap: anywhere
	}
	body .calendar_day th,
	body .calendar_day td,
	body .calendar_day td:not(.auto) {
		width: 100% !important
	}
	body .calendar_month th span,
	body .calendar_week th span {
		display: block;
		width: 10vw !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}
	body .calendar_month .calendar_today .calendar_day_num {
		text-align: left;
		font-weight: bold
	}
	body .calendar_month .calendar_today .calendar_day_num b {
		display: none
	}
	body .calendar_month .calendar_day_num a {
		padding-top: 0;
		padding-bottom: 0
	}
	body .calendar_month .calendar_events,
	body .calendar_month .calendar_day_num {
		text-align: center
	}
	body .calendar_month .calendar_events {
		line-height: 10px
	}
	body .calendar_month .calendar_events .calendar_event.play a,
	body .calendar_month .calendar_events .calendar_event.upcoming a {
		padding-left: 0
	}
	body .calendar_month .calendar_event {
		display: inline-block;
		width: auto;
		font-size: 0;
		line-height: 0
	}
	body .calendar_month .calendar_event a {
		border-radius: 100%;
		width: 10px;
		height: 10px;
		display: inline-block;
		font-size: 0;
		padding: 0
	}
	body .calendar_week th {
		text-overflow: clip;
		word-wrap: normal;
		padding-right: 3px;
		padding-left: 3px;
		text-align: center
	}
	body .calendar_week th a {
		text-overflow: clip;
		height: 1.5em;
		overflow: hidden
	}
	body .calendar_week td,
	body .calendar_week td:not(.auto),
	body .calendar_day td,
	body .calendar_day td:not(.auto) {
		padding: 0 !important;
		height: 20px !important
	}
	body .calendar_week th .nw,
	body .calendar_week .calendar_event {
		white-space: normal
	}
	body .calendar_month .calendar_event .img_preview,
	body .calendar_month .calendar_event_title:before,
	body .calendar_week .calendar_event .img_preview,
	body .calendar_week .calendar_event_title:before {
		display: none
	}
	body .calendar_day .calendar_hours:not(.auto) {
		width: 10px !important
	}
		body .list tr {
		position: relative;
		text-align: right
	}
	body .list tr.selected .fr .button {
		margin-bottom: 10px
	}
	body .list tr>td>fieldset.trans>.fr {
		float: none
	}
	body .tipsy .list thead tr {
		background: #111
	}
	body .tipsy .list thead tr:hover {
		background: #000
	}
	body .list th {
		display: block;
		width: auto;
		float: left;
		vertical-align: baseline
	}
	body .list th.fn {
		padding: 5px
	}
	body .list th.auto+th,
	body .list th.auto+th+th,
	body .list th.auto+th+th+th,
	body .list th.auto+th+th+th+th,
	body .list th.auto+th+th+th+th+th,
	body .list th.auto+th+th+th+th+th+th,
	body .list th.auto+th+th+th+th+th+th+th,
	body .list th.auto+th+th+th+th+th+th+th+th,
	body .list th.auto+th+th+th+th+th+th+th+th+th,
	body .list th.auto+th+th+th+th+th+th+th+th+th+th,
	body .list th.auto+th+th+th+th+th+th+th+th+th+th+th,
	body .list th.auto+th+th+th+th+th+th+th+th+th+th+th+th,
	body .list th.auto+th+th+th+th+th+th+th+th+th+th+th+th+th,
	body .list th.auto+th+th+th+th+th+th+th+th+th+th+th+th+th+th,
	body .list th.auto+th+th+th+th+th+th+th+th+th+th+th+th+th+th+th,
	body .list th.auto+th+th+th+th+th+th+th+th+th+th+th+th+th+th+th+th,
	body .list th.auto+th+th+th+th+th+th+th+th+th+th+th+th+th+th+th+th+th {
		border: 0;
		position: static;
		float: none;
		display: inline-block
	}
	body .list td.auto .gray.pdl {
		padding-left: 0;
		display: flex
	}
	body .list td:not(.auto) {
		display: block;
		float: left;
		position: relative;
		width: auto !important;
		padding-top: 5px;
		padding-bottom: 10px
	}
	body .list td.flag {
		width: 3px !important;
		height: 20px
	}
	body .list td[colspan="100"] {
		padding: 0;
		float: none
	}
	body .list td.fn>input[type="checkbox"],
	body .list td.fn>.fc_title {
		margin-top: 3px
	}
	body .list td.auto {
		display: block;
		position: static;
		padding-bottom: 10px;
		max-width: none
	}
	body .list td.auto.link {
		word-break: break-all
	}
	body .list td.auto+td,
	body .list td.auto+td+td,
	body .list td.auto+td+td+td,
	body .list td.auto+td+td+td+td,
	body .list td.auto+td+td+td+td+td,
	body .list td.auto+td+td+td+td+td+td,
	body .list td.auto+td+td+td+td+td+td+td,
	body .list td.auto+td+td+td+td+td+td+td+td,
	body .list td.auto+td+td+td+td+td+td+td+td+td,
	body .list td.auto+td+td+td+td+td+td+td+td+td+td,
	body .list td.auto+td+td+td+td+td+td+td+td+td+td+td,
	body .list td.auto+td+td+td+td+td+td+td+td+td+td+td+td,
	body .list td.auto+td+td+td+td+td+td+td+td+td+td+td+td+td,
	body .list td.auto+td+td+td+td+td+td+td+td+td+td+td+td+td+td,
	body .list td.auto+td+td+td+td+td+td+td+td+td+td+td+td+td+td+td,
	body .list td.auto+td+td+td+td+td+td+td+td+td+td+td+td+td+td+td+td,
	body .list td.auto+td+td+td+td+td+td+td+td+td+td+td+td+td+td+td+td+td {
		border-width: 0;
		position: static;
		float: none;
		display: inline-block;
		margin-left: -5px;
		padding-top: 0
	}
	body .list td>.img_preview {
		margin-bottom: 2px
	}
	body .list td:not(.auto)>a.fancybox,
	body .list td:not(.auto)>a.fancybox>img {
		max-width: 75px;
		height: auto;
		margin-top: -3px
	}
	body .templates_list .list td:nth-child(7) {
		float: left;
		padding-left: 35px
	}
	body .dashboard_list>.list {
		border-spacing: 0 0;
		margin-top: 0;
		margin-left: 0;
		width: 100%;
		overflow: visible
	}
	body .dashboard_list>.list>tbody {
		top: 0
	}
	body .dashboard_list>.list>tbody>tr {
		background-color: transparent !important
	}
	body .dashboard_list>.list>tbody>tr>td {
		display: block !important;
		float: none !important;
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		border-width: 1px !important;
		margin-bottom: 15px !important;
		z-index: 1 !important;
		position: relative !important;
		padding: 10px !important
	}
	body .dashboard_list>.list>tbody>tr>td.trans {
		padding: 0 !important;
		overflow: visible
	}
	body .dashboard_list>.list>tbody>tr>td form {
		display: inline
	}
	body .dashboard_list>.list>thead>tr>th {
		float: none
	}
	body .dashboard_content .list td>.img_preview {
		margin-bottom: -5px
	}
	
    /* Schdeule module new */
}


@media (max-width: 600px) {
 .customer_report_form .chkw.sred-close, .customer_report_form .user_search_discussion, .customer_report_form  .second_row_box .spname-box {width: auto !important;} 

}


/* Schdeule module new */
@media (min-width: 781px) and (max-width: 960px) {
	body .list.cols2 .dashboard_content .ecomm_reports_breakdown_list>.list>thead>tr {
		text-align: right
	}
	body .list.cols2 .dashboard_content .ecomm_reports_breakdown_list>.list>tbody {
		text-align: right
	}
	body .list.cols2 .dashboard_content .ecomm_reports_breakdown_list>.list>thead>tr>th {
		padding: 5px
	}
	body .list.cols2 .dashboard_content .ecomm_reports_breakdown_list>.list>thead>tr>th,
	body .list.cols2 .dashboard_content .ecomm_reports_breakdown_list>.list>tbody>tr>td {
		display: inline-block;
		width: auto;
		border-width: 0
	}
	body .list.cols2 .dashboard_content .ecomm_reports_breakdown_list>.list>thead>tr>th.auto {
		display: block;
		float: left
	}
	body .list.cols2 .dashboard_content .ecomm_reports_breakdown_list>.list>tbody>tr>td.auto {
		display: block;
		box-sizing: border-box;
		border-top-width: 1px;
		max-width: none
	}
}

@media (min-width: 781px) and (max-width: 1500px) {
	body .list.cols2 .flot.fl,
	body .list.cols2 .flot_pie.fl {
		float: none;
		width: 100%;
		margin: 0
	}
	body .list.cols2 .dashboard_content.trans>.list,
	body .list.cols3 .dashboard_content .ecomm_reports_breakdown_list {
		text-align: right
	}
	body .list.cols2 .dashboard_content.trans>.list>thead>tr>th,
	body .list.cols2 .dashboard_content.trans>.list>tbody>tr>td,
	body .list.cols3 .dashboard_content .ecomm_reports_breakdown_list>.list>thead>tr>th,
	body .list.cols3 .dashboard_content .ecomm_reports_breakdown_list>.list>tbody>tr>td {
		display: inline-block;
		width: auto;
		border-width: 0
	}
	body .list.cols2 .dashboard_content.trans>.list>thead>tr>th,
	body .list.cols3 .dashboard_content .ecomm_reports_breakdown_list>.list>thead>tr>th {
		padding: 5px
	}
	body .list.cols2 .dashboard_content.trans>.list>thead>tr>th.auto,
	body .list.cols3 .dashboard_content .ecomm_reports_breakdown_list>.list>thead>tr>th.auto {
		display: block;
		float: left
	}
	body .list.cols2 .dashboard_content.trans>.list>tbody>tr>td.auto,
	body .list.cols3 .dashboard_content .ecomm_reports_breakdown_list>.list>tbody>tr>td.auto {
		display: block;
		border-top-width: 1px;
		box-sizing: border-box;
		max-width: none
	}
}

@media (min-width: 781px) and (max-width: 1900px) {
	body .ecomm_report_list.large .list.cols2 td.flag {
		width: 3px !important;
		height: 20px;
		display: block !important;
		float: left;
		position: relative;
		padding-top: 5px;
		padding-bottom: 10px;
		border-top-width: 1px !important
	}
	body .ecomm_report_list.large .list.cols2 .dashboard_content.trans>.list,
	body .ecomm_report_graphs.large .list.cols2 .ecomm_reports_breakdown_list {
		text-align: right
	}
	body .ecomm_report_list.large .list.cols2 .dashboard_content.trans>.list>thead>tr>th,
	body .ecomm_report_list.large .list.cols2 .dashboard_content.trans>.list>tbody>tr>td,
	body .ecomm_report_graphs.large .list.cols2 .ecomm_reports_breakdown_list>.list>thead>tr>th,
	body .ecomm_report_graphs.large .list.cols2 .ecomm_reports_breakdown_list>.list>tbody>tr>td {
		display: inline-block;
		width: auto;
		border-width: 0
	}
	body .ecomm_report_list.large .list.cols2 .dashboard_content.trans>.list>thead>tr>th,
	body .ecomm_report_graphs.large .list.cols2 .ecomm_reports_breakdown_list>.list>thead>tr>th {
		padding: 5px
	}
	body .ecomm_report_list.large .list.cols2 .dashboard_content.trans>.list>thead>tr>th.auto,
	body .ecomm_report_graphs.large .list.cols2 .ecomm_reports_breakdown_list>.list>thead>tr>th.auto {
		display: block;
		float: left
	}
	body .ecomm_report_list.large .list.cols2 .dashboard_content.trans>.list>tbody>tr>td.auto,
	body .ecomm_report_graphs.large .list.cols2 .ecomm_reports_breakdown_list>.list>tbody>tr>td.auto {
		display: block;
		border-top-width: 1px;
		box-sizing: border-box;
		max-width: none
	}
 
}

@media (min-width: 781px) and (max-width: 2500px) {
    
	body .list.cols3 .flot.fl,
	body .list.cols3 .flot_pie.fl {
		float: none;
		width: 100%;
		margin: 0
	}
	body .list.cols3 td.flag {
		width: 3px !important;
		height: 20px;
		display: block !important;
		float: left;
		position: relative;
		padding-top: 5px;
		padding-bottom: 10px;
		border-top-width: 1px !important
	}
	body .list.cols3 .dashboard_content.trans>.list,
	body .ecomm_report_graphs.large .list.cols3 .ecomm_reports_breakdown_list>.list {
		text-align: right
	}
	body .list.cols3 .dashboard_content.trans>.list>thead>tr>th,
	body .list.cols3 .dashboard_content.trans>.list>tbody>tr>td,
	body .ecomm_report_graphs.large .list.cols3 .ecomm_reports_breakdown_list>.list>thead>tr>th,
	body .ecomm_report_graphs.large .list.cols3 .ecomm_reports_breakdown_list>.list>tbody>tr>td {
		display: inline-block;
		width: auto;
		border-width: 0
	}
	body .list.cols3 .dashboard_content.trans>.list>thead>tr>th,
	body .ecomm_report_graphs.large .list.cols3 .ecomm_reports_breakdown_list>.list>thead>tr>th {
		padding: 5px
	}
	body .list.cols3 .dashboard_content.trans>.list>thead>tr>th.auto,
	body .ecomm_report_graphs.large .list.cols3 .ecomm_reports_breakdown_list>.list>thead>tr>th.auto {
		display: block;
		float: left
	}
	body .list.cols3 .dashboard_content.trans>.list>tbody>tr>td.auto,
	body .ecomm_report_graphs.large .list.cols3 .ecomm_reports_breakdown_list>.list>tbody>tr>td.auto {
		display: block;
		border-top-width: 1px;
		box-sizing: border-box;
		max-width: none
	}
	body .ecomm_report_list.large .list.cols2 td.fnp>.nw,
	body .ecomm_report_list.large .list.cols2 td.fnp>a {
		word-wrap: break-word;
		white-space: normal;
		word-break: break-all;
		display: inline-block;
		min-width: 50px;
		min-width: 2vw
	}
	body .ecomm_report_list.large .list.cols2 td.fnp>a {
		max-height: 1.1em;
		overflow: hidden
	}
	   
}



@media (min-width: 781px) and (max-width: 4000px) {
   
	body .ecomm_report_list.large .list.cols3 td.fnp>.nw,
	body .ecomm_report_list.large .list.cols3 td.fnp>a {
		word-wrap: break-word;
		white-space: normal;
		word-break: break-all;
		display: inline-block;
		min-width: 50px;
		min-width: 1.5vw
	}
	body .ecomm_report_list.large .list.cols3 td.fnp>a {
		max-height: 1.1em;
		overflow: hidden
	}
 
}
/* Schdeule module end */



/*customer Report*/
.customer_report_form .user_search_discussion, .customer_report_form .chkw.sred-close {
    width: 10%;
}
.customer_report_form .user_search_discussion .easy-autocomplete {
    width: auto !important;
}

.customer_report_form a.button.b.export_btn{ margin-top: 0; }
.customer_report_form a.button{ margin-bottom: 10px; }




.customer_report_form .second_row_box select, .customer_report_form .user_search_discussion, .customer_report_form .chkw.sred-close{margin-bottom: 10px; }

/*19-05-20*/
input.file_browser+.button {
    vertical-align: middle;
    margin-bottom: 2px;
}
/*
.button.folder {
    background-image: url(/static/icons/folder-2.png);
}
*/

/*Failed payments*/
.payment-card-tb td.wpt-center.payment-actions {
width: 200px !important;
display: flex;
flex-wrap: wrap;
justify-content: center;
}


.project-history {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 15px;
}

/*Dialer Leave comment*/

 .msg-autolist-cls.easy-compl-sec.dialer-cls {
margin-left: 180px;
}
.next-to-field-one.dialer-cls {
clear: left;
padding-left: 0;
}

.next-to-field-one.dialer-cls label {
width: 170px;
display: block;
float: left;
text-align: right;
margin: 7px 10px 10px 0;
clear: left;
}

.control-group.c-g-browse.dialer-cls {
padding-left: 180px;
}

.page_dialer .dialer_customers_discussion_list h4 {
font-weight: bold;
}

/*project notes*/
/*.notes-wrap-cls {word-break: break-all;} */


/*Failed payment partial payment*/
 .button.partial-payment {
background-image: url(/static/icons/payment-new.png);
background-position: 12px 7px;
height: 17px;
vertical-align: middle;
}

.button.partial-payment:hover {
background-position: 12px -73px !important;
}
fieldset.subpop-subscription {
width: 500px;
}

/*8-12-20*/
.eml_phon {
display: block;
margin-top: 10px;
min-width: 130px;
}
.notes_lists .basic-table tr td {
    word-break: break-word;
}
.vmiddle {
    vertical-align: middle;
}


/*Schdeule css 19-11-20*/
.page_finnpanel .note_schedule .gray.pdl {
    margin-bottom: 15px;
}
.schedule_view.selected .sched-admin-table {
    margin-top: 10px;
}
.schedule_view.selected .sched-admin-table thead {
    display: none;
}
.schedule_view.selected .sched-admin-table td {
    display: block;
    position: relative;
    border-bottom: 1px solid #f4f3f3;
    width: auto;
    text-align: left;
    padding: 8px 10px;
    vertical-align: middle;
}
.schedule_view.selected .sched-admin-table span.sch-label {
    color: #777;
    width: 90px;
    white-space: break-spaces;
    display: inline-block;
}
.schedule_view.selected .sched-admin-table span.sch-details {
    margin: -12px 0 10px;
    display: block;
    height: 20px;
}
.schedule_view.selected .sched-admin-table .sch-details a.fc_title {
    height: 20px;
    position: relative;
    padding: 2px 16px;
    top: 5px;
    background-position: 2px 7px;
}
.schedule_view.selected .sched-admin-table td.auto.sch-transc .field_title {
    text-align: left;
}
.schedule_view.selected .sched-admin-table td.auto.sch-transc .field_content {
    margin-left: 0;
}
.schedule_view.selected .sched-admin-table table .field_content pre {
    width: 370px;
    word-break: break-all;
    white-space: pre-wrap;
}

.page_finnpanel .schedule_view a img {
    max-height: 110px !important;
}

/*4-1-21*/
.admin_project_stockimages .search_box_list.first_row_box .frm_date {
    width: 18%;
}
.admin_project_stockimages .search_box_list.first_row_box .to_date {
    width: 17%;
}
.admin_project_stockimages .search_box_list.first_row_box .search_project_stockimages_div {
    width: 38%;
}
.search_box_list.first_row_box .search_project_stockimages_div input.search_project_stockimages {
    width: 115px;
}

/*5-1-21*/
.lead_form_list .white_flag .tooltiptext, .lead_form_list .salesrep_flag .tooltiptext, .lead_form_list .source_type_flag_icon .tooltiptext, 
.lead_form_list .five9_flag_icon .tooltiptext, .lead_form_list .copart_flag .tooltiptext {
    left: 50% !important;
    top: 100% !important;
    margin-top: 10px;
    white-space: inherit;
    transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.lead_form_list .tooltiptext.tooltip-extra-lead {
    min-width: 180px;
}
.lead_form_list .white_flag .tooltiptext::before, .lead_form_list .salesrep_flag .tooltiptext::before,
.lead_form_list .source_type_flag_icon .tooltiptext::before, .lead_form_list .five9_flag_icon .tooltiptext::before, 
.lead_form_list .copart_flag .tooltiptext::before {
    bottom: auto;
    top: -14px;
    border-color: transparent transparent #000;
    left: 50% !important;
    transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.lead_form_list .list td.auto.link {
    overflow: visible;
}
.lead_form_list .five9_flag_icon .tooltiptext {
    min-width: 100px;
}

/*20-1-21*/
.admin_notes .field_content #note_create_task {
    position: relative;
    top: 3px;
}
.admin_notes .additional_notes_create_task_call .field_content input[type="checkbox"] {
    position: relative;
    top: 3px;
}
.admin_notes .note-frm p.buttons {
    margin-top: 15px;
}

.form fieldset::before, .dashboard_list > .list > tbody > tr > td:not(.empty)::before {
    display: none;
}
.form .frml {
	font-size: 0;
}
.report_inner_scroll .pro_rep_title{
    width: 306px;
}
.report_inner_scroll{
	margin-left: 345px;
}
.report_inner_scroll th.report_fixed .pro_rep_title {
    width: 300px;
    margin-top: -5px;
}
.gray.pdl.fail_pay_status {
    word-wrap: break-word;
}
.admin_project_stockimages #admin_call_made {
    margin-top: 2px;
}
.admin_notes #admin_call_made {
    margin-top: 2px;
}


.button.bug_notify {
	background-image: url("../../icons/bug-ico.png");
	background-color: transparent !important;
	border-color: transparent !important;
	margin: 15px 0 0 !important;
	background-position: 50% 7px;
	position: relative;
	height: 53px;
	padding: 0px 12px 5px 12px;
	overflow: inherit;
}
.button.bug_notify sup {
    background: #a60402;
	height: 23px;
	width: 23px;
	position: absolute;
	left: 5px;
	color: #fff;
	font-size: 12px;
	border-radius: 50%;
	padding: 2px;
	top: 6px;
	line-height: 24px;
	text-align: center;
	text-indent: 0;
}

/*History*/
.history_list_ajx .others, .history_list_ajx .note, .history_list_ajx .followup, .history_list_ajx .lead, .history_list_ajx .opportunity, .history_list_ajx .status, .history_list_ajx .website, .history_list_ajx .email, .history_list_ajx .phone, .history_list_ajx .script, .hsty_list .lead-rule { padding: 12px 12px 12px 32px; /*border-bottom: 1px solid #e5e5e5;*/ position: relative; font-size: 14px;  }
.hsty_list{border-bottom: 1px solid #e5e5e5;}
.hsty_list .others:before{ background: url(../../images/others.png) 0 0 no-repeat;  }

.history_list_ajx .note:after, .history_list_ajx .followup:after, .history_list_ajx .lead:after, .history_list_ajx .opportunity:after, .history_list_ajx .status:after, .history_list_ajx .website:after, .history_list_ajx .email:after, .history_list_ajx .phone:after, .history_list_ajx .script:after, .hsty_list .others:before, .hsty_list .lead-rule:before {  position: absolute; left: 5px; top: 10px; content: ''; display: block; width: 20px; height: 20px; }
.history_list_ajx .note:after{ background: url(../../images/note-add.png) left top no-repeat; }
.history_list_ajx .followup:after{ background: url(../../images/follow-up.png) left top no-repeat; }
.history_list_ajx .lead:after{ background: url(../../images/lead-status.png) left top no-repeat; }
.history_list_ajx .opportunity:after { background: url(../../images/opportunity-added.png) left top no-repeat; }
.history_list_ajx .status:after{ background: url(../../images/lead-status.png) left top no-repeat; }
.history_list_ajx .website:after { background: url(../../images/website-icon.png) left top no-repeat;}
.history_list_ajx .email:after { background: url(../../images/email-icon.png) left top no-repeat; }
.history_list_ajx .phone:after { background: url(../../images/phone-icon.png) left top no-repeat; }
.history_list_ajx .script:after { background: url(../../images/script-icon.png) left top no-repeat; }
.hsty_list .lead-rule:before{ background: url(../../images/rule.png) left top no-repeat; }
.leads_personal_row.phone-br { border: none; padding-bottom: 0; }
.field .field_content, .wide .field_content { position: relative; }

.project-history .hsty_list{ padding-bottom: 10px; margin-bottom: 10px;}
.custpmer_datetime {
    width: 100%;
    padding: 8px 0 0;
}
.custpmer_datetime > span {   text-transform: capitalize; }
.custpmer_datetime > span.date_time{ float: right;  font-size: 13px }


/*admin.css*/

.customers_documents_list .btn.b {
    background-color: #ff7800;
    border-color: #ff7800;
}
.customers_documents_list .grid-view-section .row {
    display: flex;
    flex-wrap: wrap;
}
.customers_documents_list .grid-view-section {
    border: 1px solid #d8d6d6;
	padding: 10px;
}
.customers_documents_list #btnContainer {
    text-align: right;
}

/* Create two equal columns that floats next to each other */
.customers_documents_list .column {
    width: 23%;
	padding: 10px;
	text-align: center;
	border: 1px solid #ddd;
	margin: 1%;
}

.customers_documents_list .column h2 {
    word-break: break-word;
}

/* Clear floats after the columns */
.customers_documents_list .row:after {
  content: "";
  display: table;
  clear: both;
}


/* Style the buttons */
.customers_documents_list .btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
}

.customers_documents_list .btn:hover {
  background-color: #ddd;
}

.customers_documents_list .btn.active {
  background-color: #ff7800;
  color: white;
}

.customers_documents_list .file-view img {
  max-width: 100%;
}

/*Discussion sms note word wrap issue*/
td.sms-wrap-individual {
	min-width: 84px;
}


.projects_form .easy-autocomplete-container {
    top: 32px;
}


.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background: #FF7800;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	color: #fff;
}
.ui-tabs .ui-tabs-nav li.ui-state-hover {
	background: #FF7800;
}
.ui-tabs .ui-tabs-nav li.ui-state-hover .ui-tabs-anchor {
	color: #fff;
}

.customers_discussion_list .new_right .posted_time {
	max-width: 100%;
	margin-bottom: 10px;
	float: none;
	display: block;
}
.customers_discussion_list .pro-media-heading {
	float: left;
	width: 70%;
}
.customers_discussion_list .new_right {
	padding-top: 0;
	float: none;
	padding-left: 10px;
}
.customers_discussion_list .discuss-pro-media-btn {
	margin-top: 10px;
}

.tooltip.bulktooltip {
    border: 0;
    background: transparent;
    padding: 0;
}
.tooltip.bulktooltip span.close {
    display: none;
}

.edit_review .star_rating {
	margin-left: 156px;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.edit_review .star_rating .button.star {
	left: 0;
	top: 0;
}
.edit_review .star_rating input.s5:checked {
	margin-left: -156px;
}

.pro_rep_title main {position: absolute;
top: 58%;}


#fancybox-content .both_input_click{
    position: relative;
    width: 80px;
    padding: 8px 0;
}
#fancybox-content .text_hide{
    width: 80px;
}
#fancybox-content .click-copy-board{ 
    display: block;
    position: absolute;
    z-index: 9;
    text-decoration: none;
    color: #fff !important;
    -webkit-transition: 0.3s linear all;
    transition: 0.3s linear all;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    border: 0;
    text-align: center;
    height: 34px;
    line-height: 33px;
    background: #333;
    border: 1px solid #333;
    border-radius: 3px;
}
#fancybox-content .click-copy-board:hover{ color: #fff !important; background:#ff7800; border: 1px solid #ff7800;}


#fancybox-content .text_hide input[type=text] {
 width: 100%;
box-sizing: border-box;
height: 20px;
margin: 0;
padding:0;
}


/*15-03-2023*/
.canned-project-wrapper-notes{display: flex;
flex-direction: row;
justify-content: space-evenly;
/*align-items: center;*/
}
.canned-project-wrapper-notes .field_content{margin-left:0;}
.canned-project-wrapper-notes .next-to-field-one{padding-left:0;}
.canned-project-wrapper-notes .msg-autolist-cls{margin-top:-1px}

@media(max-width:1210px){
    .canned-project-wrapper-notes { display:block; width: 100%;
text-align: center; margin-bottom: 20px;}
    .canned-project-wrapper-notes .msg-autolist-cls{width:100%;}
}

@media(max-width:1000px)
{
.canned-project-wrapper-notes {
display: flex;
width: 100%;
flex-direction: column;}
.next-to-field-one label{
display: block;
width:100%;
}
.proj-name-field label{
width: 100% !important;
text-align: center !important;
display: block !important;
}
.proj-name-field .easy-autocomplete{
width: auto !important;
margin: auto;
text-align: center;
}
.proj-name-field .field_content{
margin-left: 0;
}
.proj-name-field .project_search_discussion{
float:none !important;
}
}

/**** Admin Fancybox - 14-11-24 ****/
#fancybox-overlay{
    backdrop-filter: blur(1px) !important;
    background-color: rgba(0, 0, 0, 0) !important;
}
#fancybox-content{
    box-shadow: 1px 1px 39px rgba(48, 52, 58, 0.65);
    border-radius: 6px !important;
}