/*---- COLORS -----

Header Gray (light) #363b3f
Header Gray (dark) #25282b

Brand Blue #4b60ac
Brand Green #28aa4a hsla(136, 62%, 41%, 1)
Brand Green Hover #34d15d hsla(136, 63%, 51%, 1)

Red (Weak)#DC2127 rgb(220,33,39)
Red #e14d43 hsla(4, 72%, 57%, 1)
Red Alt #f63629 hsla(4, 92%, 56%, 1)
Aqua (dark) #007484 hsla(187, 100%, 25.9%, 1)
Aqua (light) #00bbdf hsla(190, 100%, 43.7%, 1)
Yellow (dark) #d9be0b
Yellow (light) #e3dd0b

----------------*/

/*universal*/
body {font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 1.6; font-weight: 300; height: 100%;}
h1,h2,h3,h4 {font-family: 'Roboto Condensed', sans-serif; font-weight: 300;}
h4 {font-size: 18px;}
.panel-title h3 {margin-top: 10px;}
.btn {border-radius: 0px;}
.hide-element {display: none;}
.btn-primary {background: hsl(136, 62%, 41%); border-color: hsl(75, 100%, 30%); color: #fff;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {background: hsl(136, 62%, 46%); border-color: hsl(136, 62%, 41%); color: #25282b;}
button.btn-primary {margin-right: 10px;}
.btn-default {background: #fff; border-color: hsl(136, 62%, 41%); color: hsl(136, 62%, 41%);}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {border-color: hsla(136, 62%, 41%, 1); color: hsla(136, 62%, 41%, 1);background: hsla(136, 62%, 41%, .075);}
.btn-play > img {padding-bottom: 2px;}
.page-header {border-color: #e7e7e7; margin-top: 0; margin-bottom: 0px;}
h1.page-header {margin-bottom: 10px; font-size: 32px;}
.btn-header-action {margin-left: 5px;}
.btn#grid-toggle, .btn#list-toggle {margin-left: 10px;}
.vline-right,
.vline-left {background: url(/images/bg_vline.png) repeat-y;}
.vline-right {background-position: center right;}
.vline-left {background-position: center left;}
.section-header .btn {display: inline-block; margin-top: 40px; margin-left: 10px;}
.bold {font-weight: bold;}
p {margin-bottom: 20px;}
form {margin-top: 20px;}
.row-action {margin-top: 15px; margin-bottom: 15px;}
.row-line {border-top: 1px solid #e7e7e7; padding-top:20px;}
.row-line-top {border-top: 1px solid #e7e7e7; padding-top:10px;}
.task-descritpion {
  width: 550px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nomargin{margin: 0px;}
.maximize{padding: 7px;}
#max {cursor: pointer;}
/*#page-wrapper {
	display: -webkit-flex;
    display: flex;
	height: 100%;
	width: 100%;
}*/
.cover-sheet-1 {    background: url(/images/website/slider/54420246_l_comp_new.jpg) 0% 0% / cover; height: 100%;
					/*position: absolute;*/
					/*width: 100%;*/
}
.container-fluid {padding-top:15px;}
.container {padding-top:15px;}
.visual-graph-secondary-label {font-weight: 300; font-size: 14px;}
.responsive-separator {margin:15px 0;}
input[type="checkbox"]:focus {border-color: #66afe9; outline:2px solid #66afe9;}
a {color: hsla(136, 62%, 41%, 1);}
a:hover {color: hsla(136, 63%, 51%, 1); cursor: pointer;}
.col-no-padding-left {padding-left: 0;}
.col-no-padding-right {padding-right: 0;}
input[type=search] {border:1px solid #ccc; border-radius: 4px}
.dcp-well{
	padding: 14px; border: #888 solid 1px;
	background-color: #fff;
}
.dcp-well > .well-heading {text-align: left;}
.white-well {background-color: #fff; padding-top: 5px;}
.action-well {padding: 14px; border: #888 solid 1px;}
.well hr, .panel hr {border-color: #ddd;}
.well > h3 {margin-top: 0px; margin-bottom: 20px; vertical-align: middle; text-align: center;}
.subheading-spaced {margin-top: 80px;}
nav.section-navbar {margin: 60px 0; background: #363b3f; border-radius: 6px; border: 0;}
nav.section-navbar .nav.navbar-nav {padding-left:0;}
.section-navbar li {border-right: 1px solid #666; border-left: 1px solid #000;}
.section-navbar li.navbar-heading {color: #999; font-size: 11px; font-weight: bold; line-height: 20px; padding: 15px 25px 15px 15px; text-transform: uppercase; border-left: 0;}
.section-navbar .navbar-nav > li > a {color: #ccc;}
.section-navbar .navbar-nav > li > a:hover, .section-navbar .navbar-nav > li > a:focus {color: #fff;}
.fa-trash:hover{cursor: pointer;}
.shadow{
	-moz-box-shadow: 0 0 15px 2px #888;
	-webkit-box-shadow: 0 0 15px 2px #888;
	box-shadow: 0 0 15px 2px #888;
}
.well-heading{padding-bottom: 7px;
			  border-bottom: 1px solid #888;}
#gray-background{
	min-height: 100%;
	min-width: 100%;
	background: -webkit-linear-gradient(to bottom,rgba(177,160,144,1),rgba(204,204,204,0)); /*Safari 5.1-6*/
	background: -o-linear-gradient(to bottom,rgba(204,204,204,1),rgba(204,204,204,0)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(to bottom,rgba(204,204,204,1),rgba(204,204,204,0)); /*Fx 3.6-15*/
	background: linear-gradient(to bottom, rgba(204,204,204,1),rgba(204,204,204,0)); /*Standard*/
}
.ui-datepicker { z-index: 5000 !important;}
.ui-datepicker .ui-datepicker-header {background: transparent linear-gradient(129deg, #4C60AC 0%, #1CA197 100%) 0% 0% no-repeat padding-box;}
/*.bootstrap-switch{border-radius: 0px;}*/
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {background-color: hsl(136, 62%, 41%); border-radius: 0px;}

.dcp-chk-bx{
	padding: 8px !important;
	cursor: pointer;
/*	width: 8px;
	height: 8px;*/
}

.input-label{cursor: pointer; font-size: 14px;}
/* deals page */
.odd .deal-position{color: #f9f9f9;}
.even .deal-position{color: #fff;}
tr:hover .deal-position {color: #f6f6f6;}

.pc-bck{
	position: relative;
    width: 100%;
    height: 100%;
	/*    left: 0;
		top: 0;*/
	/*min-height: 100%;*/
	/*min-width: 100%;*/
	background: -webkit-linear-gradient(to bottom,rgba(177,160,144,1),rgba(177,160,144,0)); /*Safari 5.1-6*/
	background: -o-linear-gradient(to bottom,rgba(177,160,144,1),rgba(177,160,144,0)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(to bottom,rgba(177,160,144,1),rgba(177,160,144,0)); /*Fx 3.6-15*/
	background: linear-gradient(to bottom, rgba(177,160,144,1),rgba(177,160,144,0)); /*Standard*/
	/*mocha dark rgba(61,51,49,1)*/
}

img#bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0.37;
}
@media screen and (max-width: 1024px) { /* Specific to this particular image */
	img#bg {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}

/* SSO styles */
#salesforce-sso-button {
	background-color: white;
	color: #1798C1;
	width: 100%;
	vertical-align: center;
	font-size: 13pt;
	text-align: center;
	border-radius: 5px;
	border: blue;
	margin-bottom: 10px;
}
#salesforce-sso-input {
	display: none;
	margin-bottom: 10px;
}

#salesforce-sso-button {
	padding: 8px 8px 8px 32px;
	background-size: contain;
	background: white url("../images/salesforce-logo.png") no-repeat 8px 8px;
}

/*  Bootstrap overrides */
.panel-default>.panel-heading {background-color: #eee;}

/*header*/
/*.navbar-static-top {height: 94px;}*/
nav.main-navbar {
    height: 81px;
    border-bottom: 1px solid #666;
    margin: 0px;
    padding-top: 8px;
}
.navbar-brand {float: none;}
/*.nav.navbar-nav {margin: 12px 0 0 12px;}*/
.nav.navbar-nav.navbar-main-links i {color:#999; padding-bottom: 4px; vertical-align: bottom; font-size: 15px;}
.nav.navbar-nav a.main-link:hover i {color:#ccc;}
.main-navbar .container { padding-top: 7px;}
.navbar-header {min-height:70px;}
.subnav {background:#363b3f; padding: 7px 0; height: 50px; border-top: 1px solid #666; color: #fff;}
.subnav .container {margin-top:0px; padding-top: 0;}
nav.navbar a.main-link {display: inline-block; color: black; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 400; padding: 25px 0px 0 0px; margin-left: 5px;}
nav.navbar a.main-link:hover,
nav.navbar a.main-link:active,
nav.navbar a.main-link:focus {color: hsla(136, 63%, 51%, 1);}
.nav > li.user-head-link > a:hover i.fa-circle,
.nav > li.user-head-link > a:hover i.fa-caret-down {color: #666;}


.nav.navbar-right .head-salutation {padding-top: 20px;}
.nav.navbar-right > li {display: inline-block; margin-left: 22px;}
.nav > li.user-head-link > a i.fa-circle,
.nav > li.user-head-link > a i.fa-caret-down,
.nav li.alerts-head a:hover, .nav li.alerts-head a:focus  {color: #f5f5f5;}
.nav > li.user-head-link > a i.fa-user  {color: #363b3f;}
.nav > li.user-head-link > a:hover,
.nav > li.user-head-link > a:focus
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {background: transparent;}
.nav > li.user-head-link > a:hover i.fa-user  {color: #999;}
.navbar-top-links li.user-head-link a,
.navbar-top-links li.alerts-head a {padding-left: 5px; padding-right: 5px;}
ul.dropdown-user.dropdown-menu { z-index: 9999;
								 -moz-box-shadow: 0 0 15px 2px #888;
								 -webkit-box-shadow: 0 0 15px 2px #888;
								 box-shadow: 0 0 15px 2px #888;
                                    right: 40px; top: 72px;}

/* This rule controls the link that open/close the drop down menu attached to this link. It needs to be precise to make sure the
drop down menu creates the correct effect.
*/
li.dropdown.user-head-link>a {background-color: inherit !important; padding-bottom: 12px;}
ul.dropdown-user li form {padding-left: 8px; margin-bottom: 5px;}
ul.dropdown-user li form .form-group {margin-bottom: 0;}
/*ul.dropdown-user li form input {border: 0; background: none;}*/
.head-salutation { color: #ccc; float: left;}
.navbar-top-links li.user-name-head a {color:#fff; font-family: 'Roboto Condensed', sans-serif; text-shadow:0 -1px 0 #000; padding: 28px 0 0 0;}
.nav > li.user-name-head > a:hover,
.nav > li.user-name-head > a:focus {background: none; color:#ccc;}
.nav li.alerts-head a i.fa-circle {color: #666;}
.nav li.alerts-head.active a i.fa-circle  {color: hsl(4, 72%, 57%);}
.nav li.alerts-head.active a:hover i.fa-circle,
.nav li.alerts-head.active a:active i.fa-circle,
.nav li.alerts-head.active a:focus i.fa-circle {color: hsl(4, 92%, 56%);}
.nav li.alerts-head a i.fa-bullhorn {color: #363b3f;}
.nav li.alerts-head a:hover, .nav li.alerts-head a:focus {background: none;}
.navbar-collapse.in {background: #363b3f;}

#user-menu {padding-bottom: 2px;
    margin-right: 13px;}
#top-bar {padding: 0px 20px;}
#user-display-name {
    font-size: 12px;
    color: black;
    text-align: left;
    vertical-align: top;
}
#user-roles {
    font-size: 12px;
    margin-left: 57px;
    margin-top: -22px;
}
.menu-highlight{border-bottom: solid 2px #4C60AC;}
#logo {
	margin-top: 3px;
	height: 52px;
	width: auto;
	max-width: 240px;
	object-fit: contain;
}

/* Replace Bootstrap default black focus ring with accessible brand-colored indicator */
a:focus:not(:focus-visible) {
	outline: none;
}

a:focus-visible {
	outline: 2px solid #4C60AC;
	outline-offset: 2px;
}

/*dashboard styles*/
#total-closed > span {float: right;}


.medium-embed{
	border: #888 solid 1px;
	margin: 7px 14px 7px 0px;
	/*width: 925px;*/
	/*display: inline-block; vertical-align: top;*/
}
.medium-details{
	margin: 7px 14px 7px 7px;
	/*border: #888 solid 2px ;*/
	display: inline-block; vertical-align: top;
}
.medium-ss-link{
	display: inline-block; vertical-align: top;
	/*height: 800px;*/
	margin: 0px 14px 14px 14px;
}
#ss-media-link-form{
	margin-top: 0px;
}
.audio-embed{
	margin: 7px 14px 7px 7px;
	/*border: #888 solid 2px ; width: 100%;*/
	display: inline-block; vertical-align: top;
}
.audio-embed-details{
	margin: 7px 14px 7px 7px;
	/*border: #888 solid 2px ; width: 100%;*/
	/*display: inline-block; vertical-align: top;*/
}
.video-embed{
	/*height: 800px;*/
	margin: 7px 14px 7px 7px;
	/*border: #888 solid 2px ;*/
	display: inline-block; vertical-align: top;

}
.video-embed-details{
	/*height: 800px;*/
	margin: 7px 14px 7px 0px;
	/*border: #888 solid 2px ;*/
	display: inline-block; vertical-align: top;

}
.image-thumbnail{
	display: inline-block; vertical-align: top;
	margin: 7px 14px 7px 0px;
}
.image-thumbnail-small{
	margin: 7px 14px 7px 0px;
}
.image-embed{
	border: #888 solid 1px;
}
.img-embed-container, .img-embed-details{
	display: inline-block; vertical-align: top; margin: 7px;
}
.ss-link{
	font-weight: normal; margin-bottom: 0px;
}
.ss-checkbox[type=checkbox]{margin-bottom: 7px;vertical-align: bottom;}
.deals-filter-drop-menu-data {
	background-color: #f1f1f1;
	padding: 10px 0px 20px 0px;
	z-index: 9999;
	-moz-box-shadow: 10px 6px 12px #888;
	-webkit-box-shadow: 10px 6px 12px #888;
	box-shadow: 10px 6px 12px #888;
	width: 300px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-top: -14px;
	border-top-width: 0px;
	border-top-style: none;
}
.deals-filter-container{
	padding-bottom: 14px;
}
#deals-table-container{display: none;}
#deals-field-container{display: none;}
#content-submit{display: none;}
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.yes-no-dialog {
	background-color: rgb(227, 227, 227);
	position: absolute;
	padding: 0px 5px 0px 5px;
	top: 4px;
	left: -85px;
	display: none;
}

#resource-table_filter, #resource-table_length{
	box-shadow: none;
	background-color: rgba(0, 0, 0, 0);
}
/*#resource-table_filter{
		width: 210px;
    height: 35px;
}*/

.inputfile + label {
	/*font-size: 1.25em;*/
	font-weight: 100;
	/*color: white;*/

	display: inline-block;
	cursor: pointer;
	margin-right: 10px;
	margin-top: 5px;
	padding: 4px;

	/*background: #ccc;*/
}

.inputfile:focus + label,
.inputfile + label:hover {
	-moz-box-shadow: 10px 6px 12px #888;
	-webkit-box-shadow: 10px 6px 12px #888;
	box-shadow: 10px 6px 12px #888;
	background: linear-gradient(to right, rgba(107,209,99,1), rgba(132,234,118,0.66));
	/*background-color: #ccc;*/
	/*background-color: #51B749;*/
	color: black;

}

.inputfile:focus + label {
	outline: 2px solid #4C60AC;
	outline-offset: 2px;
}

/* recommendation editing */
#observation{height:140px;}

/* Main field styling */
#deal-sales-stage-view-container{
	border-radius: 20px;
	width: 100%;
	min-height: 350px;
	max-height: 350px;
	height: 100%;
	overflow-y: scroll;
}

#deals-sales-stage-view {
	background-color: #6BD163;
	width: 80%;
	float: left;
	min-height: 450px;
	max-width: 80%;
	height: 100%;

	/*background: linear-gradient(to right, rgba(238,238,238,1), rgba(238,238,238,0));*/
	/*background: linear-gradient(to right, rgba(107,209,99,1), rgba(132,234,118,0.88));*/
	/*background: linear-gradient(to right, rgba(132,234,118,1), rgba(107,209,99,0.77));*/
}
.deal-state{
	position: absolute;
	top: 0px;
	margin-left: -9px;
}
.deal-state.dealStatus-OPEN{
	width: 30px;
	height: 30px;
	background-color: #fff;
}
.deal-state.dealStatus-WON{
	width: 30px;
	height: 30px;
	border-color: black;
}
.deal-state.dealStatus-LOST{
	width: 30px;
	height: 30px;
	border-color: black;
}
#end-zone{
	/*rgb(81,183,73)*/
	background-color: #51B749;
	/*background: linear-gradient(to right, rgba(81,183,73,1), rgba(107,209,99,1));*/
	width: 20%;
	float: left;
	max-width: 20%;
}
.sales-stage-progress{
	background: rgba(255, 255, 255, .25);
	/*	border-top-right-radius:2em;
		border-bottom-right-radius:2em;*/
	margin-right: -5px;
	height: 24px;
	font-size: 12px;
	box-shadow: 10px 6px 12px #888;
}

.sales-stage-progress > .sales-stage {display: inline;}
.sales-stage-progress > .sales-stage img {margin-right: -10px;}

#deal-sales-stage-view-goal-text {
	position: absolute;
	left: 80%;
	top: 40%;
	margin: auto;
	font-size: 32px;
	font-family: 'Roboto Condensed', sans-serif; font-weight: 700;
	color: #000;
	color: rgba(255, 255, 255, 0.5);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	box-shadow: 0 0 7px 7px rgba(255, 255, 255, 0.5);
	padding: 5px;
}

.field-cards{
	transition: background-color,font-size 0.25s ease;
	position: absolute;
	top: -20px;
	left: 0%;
	min-width: 250px;
	padding: 2px 2px 2px 7px;
	font-size: 10px;
	background: linear-gradient(to right, rgba(238,238,238,1), rgba(238,238,238,0));

}

.field-cards:hover{
	background: rgba(238,238,238,1);
	font-size: 12px;
	box-shadow: 10px 6px 12px #888;
	z-index: 55;
}

.field-cards h4 {margin-top: 0px; margin-bottom: 0px; font-size: 15px;}
.field-cards a:hover{cursor: pointer;}

.deal-on-field{
	margin-top:20px;
	position: relative;
	height: 65px;
}

#contact-comment{height: 100px;}

/* dynamically add styles to field based on min-height */
@media (min-height: 660px) {
	#deal-sales-stage-view-container{max-height: 420px; min-height: 420px;}
	#deals-sales-stage-view{min-height: 420px;}
}
@media (min-height: 760px) {
	#deal-sales-stage-view-container{max-height: 520px; min-height: 520px;}
	#deals-sales-stage-view{min-height: 520px;}
}
@media (min-height: 860px) {
	#deal-sales-stage-view-container{max-height: 620px; min-height: 620px;}
	#deals-sales-stage-view{min-height: 620px;}
}
@media (min-height: 960px) {
	#deal-sales-stage-view-container{max-height: 720px; min-height: 720px;}
	#deals-sales-stage-view{min-height: 720px;}
}
@media (min-height: 1060px) {
	#deal-sales-stage-view-container{max-height: 820px; min-height: 820px;}
	#deals-sales-stage-view{min-height: 820px;}
}
@media (min-height: 1160px) {
	#deal-sales-stage-view-container{max-height: 920px; min-height: 920px;}
	#deals-sales-stage-view{min-height: 940px;}
}

/* dynamically add styles to field based on min-width */
@media (min-width: 550px) and (min-height: 660px){
	#deal-sales-stage-view-goal-text{font-size: 42px;}
	.sales-stage-progress {font-size: 12px;}
}
@media (min-width: 650px){
	#deal-sales-stage-view-goal-text{font-size: 52px;}

}
@media (min-width: 750px){
	#deal-sales-stage-view-goal-text{font-size: 62px;}
}
@media (min-width: 900px){
	#deal-sales-stage-view-goal-text{font-size: 72px;  }
	.sales-stage-progress {font-size: 16px;}
	.field-cards{font-size: 11px}
	.deal-state{top: -2px;}

}
@media (min-width: 1100px){
	#deal-sales-stage-view-goal-text{font-size: 82px; left: 81%; padding: 10px; }
	.sales-stage-progress {font-size: 20px;}
	.field-cards{font-size: 12px; padding: 5px 5px 5px 10px;}
	.field-cards:hover{font-size: 14px;}
	.deal-on-field{height: 80px;}
	.deal-state{top: 2px;}
}

@media (min-width: 1300px){
	#deal-sales-stage-view-goal-text{font-size: 82px; left: 82%; padding: 10px; }
	.sales-stage-progress {font-size: 22px;}
	.deal-state{top: 3px;}
}
@media (min-width: 1700px){
	#deal-sales-stage-view-goal-text{font-size: 92px;}
	.sales-stage-progress {font-size: 24px;}
	.deal-state{top: 4px;}
}

#deal-legend{
	margin-top: 80px;
}
#deal-position-legend{
	display: inline-block
}
#goalLine-edit {color:#888;}
#goalLine-edit:hover {color: #000;}

/* change cursor on unknown slider option   */
.goalLine-form #valueConfidenceKnown, .goalLine-form #valueConfidenceKnown + label {cursor: pointer;}
.goalLine-form #closeDateConfidenceKnown, .goalLine-form #closeDateConfidenceKnown + label {cursor: pointer;}
.goalLine-form #salesStageConfidenceKnown, .goalLine-form #salesStageConfidenceKnown + label {cursor: pointer;}
#closeDateConfidence-slider, #valueConfidence-slider, #salesStageConfidence-slider {cursor: pointer;}

#salesStage{cursor: pointer;}

/* goal line sliders*/
.goalLine-form .ui-slider-pips .ui-slider-pip-label .ui-slider-label{ width: 80px; font-size: 12px;}
.goalLine-form .ui-slider-pips .ui-slider-pip-last .ui-slider-label { left: -110%; }
.goalLine-form .ui-slider-horizontal.ui-slider-pips {height: 12px;}

/* Sales stage gates  */
/* gates */
#gate-form #value {height: 150px;}
#gatesOverlay{display: none; height: 100vh !important;}
#gates{
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	width: 400px;
	/*height: 300px;*/
	background-color: white;
	padding: 21px;
	font-family: inherit;
	font-size: 18px;
	color: black;
}
.cover{
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
    z-index:5;
    width:100%;
    height:100%;
    display:none;
}
.configure-cover{
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.6);
	z-index:1000;
	width:100%;
	height:100%;
	display:none;
}
.organization-configure-fields-list {
	height: 525px;
	overflow-y: scroll;
}
.cover-content{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 960px;
	height: 700px;
	max-height: 700px;
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
	background-color: white;
	padding: 21px;
	font-family: inherit;
	font-size: 18px;
	color: black;
}
.configure-cover-content{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 960px;
	height: 700px;
	max-height: 700px;
	background-color: white;
	padding: 21px;
	font-family: inherit;
	font-size: 16px;
	color: black;
}
.cover-close{
	padding: 5px;
	margin: 5px;
	position: absolute;
	right: 10px;
	top: 10px;
}
#gateList{display: none;}
#gateListToggle:hover{cursor: pointer;}

/* All sliders */
.ui-slider-range {
	border-radius: 3px;
	/*background: red !important;*/
}


/* Main field styling end */

/* new deal page */
#deal-ss-cnt{
	/*	background: -webkit-linear-gradient(to top,rgba(136,136,136,1),rgba(136,136,136,0));
		background: -o-linear-gradient(to top,rgba(136,136,136,1),rgba(136,136,136,0));
		background: -moz-linear-gradient(to top,rgba(136,136,136,1),rgba(136,136,136,0));
		background: linear-gradient(to top, rgba(136,136,136,1),rgba(136,136,136,0));*/
	background-color: #ccc;
	/*background-color: rgba(136, 136, 136, 1);*/
	margin-bottom: 0px;
}
#deal-ss {
	margin-top: 20px;
}

#deal-ss-won-lost{
	font-size: 70px;
}

/* Style the slider bar - the default color (out of range if you will)*/
#deal-ss.ui-slider {
	/*background: #d5cebc;*/
	background: #fff;
	border: none;
	border-radius: 3px;
	height: 21px;
	/*margin: 20px 14px;*/
}

/* Styling for the handle (tear drop - hidden for now)*/
#deal-ss.ui-slider .ui-slider-handle {
	width: 20px;
	height: 20px;
	border-radius: 50% 50% 0;
	border-color: transparent;
	transition: border 0.4s ease;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	top: -24px;
	margin-left: -10px;
	display:none;
}

#deal-ss.ui-slider.ui-slider-horizontal .ui-slider-pip {
	top: 20px;
}

/* Selected and out of range labels */
#deal-ss.ui-slider.ui-slider-horizontal .ui-slider-label {
	top: 21px;
	left: -45px;
	/*background: #84EA76; green*/
	/*background: #d5cebc;*/
	background: #d5cebc;
	width: 134px;
	height: 44px;
	padding: 14px 5px 5px 5px;
	/*text-align: center;*/
	color: #888;
	border: #888 solid 1px;
	font-weight: 400;
	transition: height 0.4s ease;
	border-radius: 3px;
	box-shadow: none;
	transition: box-shadow 0.4s ease;
	text-overflow: ellipsis;
	overflow-x: hidden;
	/*display: block;*/
	white-space: nowrap;
}

/* Styles the last pip on the slider - close*/
#deal-ss.ui-slider .ui-slider-pip.ui-slider-pip-last.ui-slider-pip-label > .ui-slider-label{
/*	border-radius: 3px;
	width: 52px;
	height: 52px;
	padding-top: 18px;
	top: 21px;*/
	left: -96px;
	/*z-index: 33;*/
}

/* Styles the first pip on the slider - open*/
#deal-ss.ui-slider .ui-slider-pip.ui-slider-pip-first.ui-slider-pip-label > .ui-slider-label{
/*	border-radius: 3px;
	width: 52px;
	height: 52px;
	padding-top: 18px;
	top: 21px;*/
	left: 15px;
	/*z-index: 33;*/
}

/* Styles the first pip on the slider - open*/
#deal-ss.ui-slider .ui-slider-pip.ui-slider-pip-first.ui-slider-pip-label > .ui-slider-line{
	left: 21px;
	/*top: -3px;*/
}

/* Styles the first line on the slider - open*/
#deal-ss.ui-slider .ui-slider-pip.ui-slider-pip-first.ui-slider-pip-label.ui-slider-pip-selected > .ui-slider-line{
	left: 21px;
	top: -20px;
	border-top-left-radius: 3px;
	height: 52px;
}

/* In range labels */
#deal-ss.ui-slider.ui-slider-horizontal .ui-slider-pip.ui-slider-pip-inrange .ui-slider-label {
	color: #d5cebc;
	border: #d5cebc 1px solid;
	background-color: #888;
}

#deal-ss.ui-slider .ui-slider-handle.ui-state-hover,
#deal-ss.ui-slider .ui-slider-handle.ui-state-focus,
#deal-ss.ui-slider .ui-slider-handle.ui-state-active {
	border-color: #172f38; }

#deal-ss.ui-slider .ui-slider-pip .ui-slider-line {
	background: #fff;
	transition: all 0.4s ease;
}


/* Sets the position, width and height of the lines */
#deal-ss.ui-slider.ui-slider-horizontal .ui-slider-pip .ui-slider-line {
	width: 7px;
	height: 14px;
	margin-left: -7px;
}

/* Sets the dimensions of the pips in range lines. The color is dynamically set with javascript*/
#deal-ss.ui-slider.ui-slider-horizontal .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
	width: 3px;
	height: 21px;
	margin-left: -7px;
}


/* Change the line size when it is selected*/
#deal-ss.ui-slider.ui-slider-horizontal .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line {
	height: 20px;
}


#update-from-crm-confirmation, #delete-confirmation{display: none; width: 185px;}

#deals-table_wrapper{margin-left: 2px;}

/*sub nav*/
#deal-sub-nav a {color: #fff;}
#deal-sub-nav .badge {font-size: 16px; margin: 0px 3px 0px 3px; background-color: #00bbdf; color: #25282b;}
#deal-sub-nav a.sub-active {color: hsla(136, 62%, 41%, 1);}
#deal-sub-nav .next-best-plays-wrap {position: relative; padding-right: 55px;}
#deal-sub-nav .alert-coach {position: absolute; background: url(/images/alert_coach_off_big.png) right bottom no-repeat; width: 60px; height: 56px; right: 0; bottom: 0; z-index: 1000; margin-bottom: -10px;}
#deal-sub-nav .alert-coach.active {background: url(/images/alert_coach_on_big.png);}
#deal-sub-nav .dropdown-menu {background-color:#363b3f; }
#deal-sub-nav .dropdown-menu > li > a:hover, #deal-sub-nav .dropdown-menu > li > a:focus {background-color:#00bbdf;}

/* static panel top * this is the panel that contains the header of the page. It detaches when scroll past the top of it*/
#static-panel-top{margin-top: -10px;}

/* deal header */
.next-best-plays-wrap {position: relative; padding-right: 55px;}
#game-plan-sub-nav .alert-coach {position: absolute; background: url(/images/alert_coach_on_big.png) right bottom no-repeat; width: 60px; height: 56px; right: 10; /*bottom: 0;*/ z-index: 100; margin-bottom: -10px;}

/*coach content*/
.play-time-stamp {
	margin-right: 20px;
	margin-bottom: -8px;
	position: relative;
	z-index: 200;
	background-color: #ccc;
	top: -20px;
	left: 0px;
	padding: 5px;
	border-bottom: gray solid 1px;
	border-right: gray solid 1px;
	-moz-box-shadow: 0 0 15px 2px #888;
	-webkit-box-shadow: 0 0 15px 2px #888;
	box-shadow: 0 0 15px 2px #888;
}
.coach-content {background-color: #f5f5f5;}
.coach-content-new {background-color: hsl(75, 100%, 95%);}
#coach-content-number {margin-left: -3px;}
#sv-tab .coach-list {border: none;}
.coach-list {padding: 14px 0px; border : #888 solid 1px; border-radius: 4px; margin-top: 11px}
.coach-list .badge.power-score-badge { background-color: hsl(75, 100%, 95%); color: #ccc; margin-left: 10px; margin-top: 5px;}
.coach-list form {margin-top: 10px;}
.coach-list .form-control {border-radius: 0px;}
/*video {-moz-box-shadow: 0 0 10px 2px #888;
-webkit-box-shadow: 0 0 10px 2px #888;
box-shadow: 0 0 10px 2px #888;}*/
.video-title { margin: 10px;}
.video-title:hover {cursor: pointer; background-color: #f5f5f5;}

.rec {margin-bottom: 3px;}
.rec-obs-display {background-color: #f5f5f5; padding: 7px; display: none; padding-left: 21px;}
.rec-title-display {padding: 4px;}
.rec-title-display.open {background-color: #f5f5f5;}
.rec-title-display:hover {cursor: pointer; background-color: #f5f5f5;}


/* Media display on gamePlan page*/
.rec-content-container.open{background-color:#f5f5f5;
						  padding-bottom: 21px; margin-bottom: 14px;}
.rec-video {display:none; margin: 10px auto; width: 480px;}
/*.rec-video.display-block {display: block; background-color:#f5f5f5;}*/
.rec-content-container.open .rec-video{display: block !important;
										-moz-box-shadow: 0 0 15px 2px #888;
										-webkit-box-shadow: 0 0 15px 2px #888;
										box-shadow: 0 0 15px 2px #888;
}
.rec-link {display: none; margin :14px;}
.rec-content-container.open .rec-link{display: block !important;}
.rec-content-title {padding: 7px;}
.rec-content-title:hover {cursor: pointer; background-color: #f5f5f5;}
#media-box, #media-box-ss {
	border : #888 solid 1px;
	border-radius: 4px;
	padding: 14px 0px;
}
/* End Media display on gamePlan page*/


.rec-author, .game-plan-author{
	width: 100%;
}
.text-submit{display: none;}
.game-plan-create-submit{display: none;}
.s-rec-template, .v-rec-template, .game-plan-template{display: none;}
.rec-dismiss, .game-plan-dismiss{display: none; float: right;}
.rec-title-display:hover .rec-dismiss, .rec-title-display:hover .game-plan-dismiss{display: inline;}
.rec-title-display:hover .play-resolved + .rec-dismiss, rec-title-display:hover .play-resolved + .game-plan-dismiss{display: none;}

.rec-delete, .game-plan-delete{display: none; float: right;}
.rec-title-display:hover .rec-delete, .rec-title-display:hover .game-plan-delete{display: inline;}

.rec-update, .game-plan-update{display: none; float: right;}
.rec-title-display:hover .rec-update, .rec-title-display:hover .game-plan-update{display: inline;}

.rec-update-form, .game-plan-update-form{display: none;}

#comment-form {margin-top: 0px;}
#file-upload-form {margin: 0 0 14px 0; padding: 14px;
				   /*				   -moz-box-shadow: 0 0 15px 2px #888;
									  -webkit-box-shadow: 0 0 15px 2px #888;
									  box-shadow: 0 0 15px 2px #888;*/
				   border : #888 solid 1px;
				   border-radius: 4px;
}

.content-actions {display: none;}
.contact-note {height: auto; padding: 4px 7px; margin-bottom: 7px; background-color: #fff;}
.content-container {height: auto; padding: 4px 7px; margin-bottom: 7px; background-color: #f5f5f5;}
.content-container:hover { cursor: pointer;}
.content-container:hover .content-actions{display:block;}
.content-container.open {background-color: #f5f5f5;}
.content-meta {padding: 7px;}
.content-meta:hover {cursor: default;}

.reply-comment-form {display: none; padding: 7px; margin-bottom: 7px;}
.comment-reply {margin-left: 21px;}
.comment-meta {padding: 7px;}
.play-comments{
	background-color: #f5f5f5;
}

.game-plan-heading{margin: 0px 0px 14px 0px;}

#insights {height: 185px;}
/* Chrome video control styling */
/*video::-webkit-media-controls-panel {
	background-color: #363b3f;
}

video::-webkit-media-controls-volume-slider-container {
	background-color: #4b60ac;
}

video::-webkit-media-controls-volume-slider {
	background-color: hsl(136, 62%, 41%);
}

video::-webkit-media-controls-timeline {
	background-color: hsl(136, 62%, 41%);
}*/
/* Chrome video control styling */

.playContainer, .faqContainer {margin-right: 4px;}
.playContainer>.panel-body, .faqContainer>.panel-body {padding:0px; border: none; }
.playContainer.panel, .faqContainer.panel {border-radius: 0px; border: none; box-shadow: none; margin: 0px; }
.faqContainer .panel-heading {background-color: white; border: none;border: 0px; padding-bottom: 0px;}
.play-body-display, .faq-answer {margin: 0 0 0 37px;}
.play-body-display, .faq-caret {width: 15px;}



.play-resolved {text-decoration: line-through;}
.play-comment {font-style: italic;}
div.fa-caret-down:hover, div.fa-caret-right:hover, #collapse-all-plays:hover, #expand-all-plays:hover, .fa-edit:hover {cursor: pointer;}
#collapse-all-plays, #expand-all-plays {margin-top: 5px;}

/*footer*/
footer {padding:30px 0 0 0; color: black; font-size: 14px; height: 80px;}
footer a {color: #4C60AC;}
footer a:hover, footer a:active, footer a:focus {color: hsla(136, 63%, 51%, 1);}

/*alerts*/
.alert-success {color: hsla(136, 62%, 41%, 1); background: #363b3f; opacity:  0.80;    border-color: #363b3f;
				border-radius: 0px;}
#msg-alert {
font-weight: 600
;}
.alert-danger {background: #C6C9CC; color:#DC2127; border-radius: 0px;}
div.panel-body.alert-danger {background-color: white;}
table.alert-danger thead {background-color: white; color: black;}
.alert {margin-bottom: 40px; padding: 7px;}
#notification-container{text-align: center; position: relative;}
.well-login #notification-container > .alert-success {display: block;}
#page-msg-notification {display: none;}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {color: #DC2127;}
.has-error .form-control {border-color: #DC2127;}
.has-error .input-group-addon{border-color: #DC2127; color: #DC2127;}
.global-alert {position:relative; z-index: 9999;}

/*wizard*/
.wizard-title {font-size: 12px; font-weight: 500; color: #999; padding-left: 40px; line-height: 46px; white-space: nowrap;}
.three-steps {width: 33.3%;}
.four-steps {width: 25%;}
.fancy-number {font-weight: 500; font-size: 20px;}
.wizard-wrap {margin: 10px 0 30px 0; text-transform: uppercase;}
.wizard-text, .wizard-text a {color: #ccc; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; padding-top: 5px;}
.wizard-wrap .big-number {padding: 10px; border-radius: 50%; width: 70px; height: 70px; border: 5px solid #ccc; margin: auto; line-height: 40px; color: #ccc; background: #eee;}
.wizard-wrap .col-xs-3.active .big-number,
.wizard-wrap .col-xs-4.active .big-number {border-color:#ccc; color: #fff; background: #4b60ac;}
.wizard-wrap .col-xs-3.active .wizard-text, .wizard-wrap .col-xs-3.active .wizard-text a
.wizard-wrap .col-xs-4.active .wizard-text, .wizard-wrap .col-xs-4.active .wizard-text a {color: #4b60ac; font-weight: bold;}

.wizard-step {background: url(/images/h-line.png); background-repeat:no-repeat; background-position: 0 40px;}

/*content*/
.deal-owner-sub-heading{margin-top: -15px; font-weight: 500; color: #999;}
.scroll-container{overflow-y: auto; max-height: 600px;}
.scroll-container-small{overflow-y: auto; max-height: 150px;}
.gold-panel-heading{background-color: #e2f1b8 !important; }
.key-player-panels .panel {margin-bottom: 0;}
.panel .box-action {padding-top: 2px; padding-bottom: 3px;}
.panel .box-action a i {color: #999;}
.panel .box-action a:hover i {color: #666;}
.panel h2 {display: inline-block;}

.badge {background: hsla(4, 72%, 57%, 1); color: #25282b;}
.asterisk:after {content: "*"; color: #DC2127; padding-left: 5px;}
.form-legend {font-size: 12px; text-align: right; color: #DC2127;}
.fa-question-circle{color:lightgray;}

/* IPAA slider help */
/*.slider-help {display: none;}*/
.objectified-ipaa{font-size: 12px; }

.front, .back  {
	background-color:white;
}

/*Key Player Edit */
.keyplayer-auto-manual {
	text-align: center;
}
.keyPlayer-form-fields .well {
	-moz-box-shadow: 0 0 15px 2px #888;
	-webkit-box-shadow: 0 0 15px 2px #888;
	box-shadow: 0 0 15px 2px #888;
}
.keyPlayer-form-fields .inner-well{
	-moz-box-shadow: 0 0 0px 1px #888;
	-webkit-box-shadow: 0 0 0px 1px #888;
	box-shadow: 0 0 0px 1px #888;
}
.outer-well{
	background-color: #FFF;
}
.outer-well > label {
	margin-left: 10px;
}
.inner-well{
	margin-left: 10px;
	margin-right: 10px;
}

#add-comp{
	padding: 2px 5px;
    margin-left: 13px;
}

#kp-comp{display: none;}
.comp-s::placeholder, .comp-w::placeholder {
	color: #ccc;
}

.comp-card{
	border: #25282b solid 1px;
	border-radius: 2px;
	padding-bottom: 7px;
	margin: 9px 0px;
}

/* Competitor pie chart*/
/*.comp-chart-heading {text-decoration: underline;}*/
#compGraphContainer {margin: 0 auto; width: 380px; height: 380px;}
#compGraph {width: 380px; height: 350px; }
#compGraphLegend{position: absolute; width: 380px; height: 20px; border: #000 solid 1px; background: linear-gradient(to left, rgba(253,137,2,1), rgba(253,137,2,0));}
#compGraphLegend #lowLegendDesc {position: absolute; bottom: -3px; padding-left: 5px;}
#compGraphLegend #highLegendDesc {position: absolute; bottom: -3px; right: 0px; color: white; padding-right: 5px;}
#no-comp-defined{display:none; vertical-align:baseline;}
.pieLabel {color: white; font-size: 12px;}

#compGraph2{margin: 0 auto; width: 380px; height: 350px;}
#compGraphContainer2, #compBreakdownGraphContainer {border: #888 solid 1px;
    border-radius: 3px;}
/* kp advocacy Legend */
.kpAdvocacy-For {background-color: #0276FD  ; width: 16px; height: 16px;}
.kpAdvocacy-Unknown {background-color: #888  ; width: 16px; height:16px;}
.kpAdvocacy-Against {background-color: #FD8902  ; width: 16px; height: 16px;}
/*#forCount:hover {cursor: pointer;}
#unknownCount:hover {cursor: pointer;}
#againstCount:hover {cursor: pointer;}*/
#comp-breakdown{
	display: none;
}

/*Feedback styles*/
.feedback-cell-display{width: 500px;}
.feedback { margin-left: 20px; }
.footer-link { margin-right: 15px; }

#salesStageWells .well {cursor: move;}
#salesStageWells .fa-trash {cursor: pointer;}
.wellHover {background-color: #28aa4a20;}

/*  the same as bootstrap form-controll without the width 100%. Need this for
	select drop downs etc
*/
.dcp-form-control{

	/*display: block;*/
	/*    width: 100%;*/
	height: 28px;
	padding: 0px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/*  dcp panel */
/*.panel .box-action a i {color: inherit;}*/
/*.panel .box-action a:hover i {color: #666;}*/

.team-panel{width: 340px; margin-right: 4px; border-color: black; border-width: 1px; border-style: groove;}
.team-panel-body{height: 200px; overflow-y: scroll;}
.t-check, .t-name {cursor:pointer;}
/* deal position chart small container */
.dashboard-container-small {width: 240px; height: 220px; min-width: 220px;}

/* deal position over time chart */
#deal-position-chart {width: 100%; height: 262px; min-height: 262px; background-image: url(/images/bg_well_login.png); background-position: bottom right; background-repeat: no-repeat;}
/* http://stackoverflow.com/questions/459947/how-do-i-control-the-tick-label-size-in-flot */
#deal-position-chart .tickLabel{font-family: 'Roboto', sans-serif; font-size: 13px; font-weight: 550; color: #25282b; padding-right: 9px; padding-top: 5px;}
#deal-position-chart > .chart-placeholder{width: 100%; height: 262px; min-height: 262px;}
/*  Panel customization */
.panel-chart.panel-success>.panel-heading { background-color: #51B749; color: white;}
.panel-chart > .panel-body {background-color: #f5f5f5;}
#flip-icon {position: absolute; top: 40px; left: 23px; color: #25282b; z-index: 3;}
#flip-icon:hover {color: #51B749; cursor: pointer;}
#flip-icon-back {color: white; margin-right: 85px; padding: 15px 15px 15px 5px;}

/* deal position pie chart */
.deal-position-pie-chart {width: 240px; height: 220px;}
.panel-chart-pie.panel-success>.panel-heading {background-color: #999; color: white}

/* deal position bar chart */
.deal-chart-bar-small {width: 220px; height: 160px;}

.deal-chart-background {

	background-position: bottom right;
	background-color: #f9f9f9;
	background-repeat: no-repeat;
	background-image: url(/images/bg_well_login.png);
}

.coach-background-small {

	/*background-position: bottom right;*/
	background-color: #ccc;
	/*background-repeat: no-repeat;*/
	/*background-image: url(/images/bg_well_login.png);*/
	background-size: 65%;

}



/* background control classes */
.default_background {background-color: #f5f5f5;}
.background_white {background-color: white;}


.ui-slider-handle.ui-state-focus:focus, .ui-slider-handle.ui-state-active, .ui-slider-handle.ui-state-focus {
	border-color: #66afe9;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
	outline: 0 none;
}

.ui-slider-handle{
	border-radius: 50%;
	cursor: pointer;
}


/* rating a recommendation */
.rating > .fa-star{color:lightgray; margin-right: 5px;}
.rating > i.hovered, .rating > .star-rating {color: hsla(136, 62%, 41%, 1);}

.well-login {
	/*	background-image: url(/images/website/dealcoach-black.png);
		background-position: top right;
		background-repeat: no-repeat; */
	border-radius: 7px;
	margin-top: 55px;
}
.well-login img {
	position: absolute;

	right: 15px;
	top: 55px;
	/*width: 100%;*/
	/*height: auto;*/
	z-index: 1;
	opacity: 0.08;
}
.well-login .alert {margin-bottom: -5px; margin-top: 10px;}

/*Goal Line*/
.field-goal-line {min-height: 340px; background-size: 100%;}
.field-my-deals {background: url(/images/bg_my_deals.png) repeat-y; padding:30px 0 0 0; min-height: 900px; background-size: 100%;}
.goal-line-progress {background: url(/images/bg_goal_line_progress.png) no-repeat; height:10px; }
.goal-my-deals-progress {background: url(/images/bg_my_deals_progress.png) no-repeat; height:10px; }
.deal-name-field {
	position: absolute;
	left: 25%;
	margin-top: -5px;
	font-size: 28px;
	font-family: 'Roboto Condensed', sans-serif; font-weight: 500;
	color: #000;
	color: rgba(255, 255, 255, 0.5);
}
.runner-wrap {position: relative; margin-top: 135px;}
.runner-wrap-deals {position: relative; margin-top: 45px;}
.runner-wrap p {display: inline-block;}
.runner-bg {background: rgba(255, 255, 255, .25); border-top-right-radius:2em; border-bottom-right-radius:2em; margin-right: -5px;}
.dealsFiedlDetail {position: absolute; z-index: 999; border-color: black; border-width: 2px; border-style: groove; min-width: 350px;}
.runner-bg > .sales-stage {margin-right: -5px;}

.textarea-input {height: 140px !important;}
.text-counter {color: #ccc;}


/*  Game Plan */
#deal-position-container {display: none; margin-top: 55px;}
#deal-position-container.panel {margin-bottom: 13px;}
.days-to-close > .label-default {background-color: rgba(119, 119, 119, 0.32);}
.days-to-close {position: absolute;
				top: 25px;
				z-index: 3;
				left: 30%;}
#lost-reason {position: absolute;
			  top: 65px;
			  z-index: 3;
			  left: 30%;}
.deal-row-display {margin: 0px;}
#goalLineFieldCanvas {position: absolute; top: 56px;}
/* #collapseGoalLine .well {margin: 0px 0px -200px 0px;} */
#gamePlanContainer .runner-wrap {margin-top: 15px;}
#gamePlanContainer {height: 418px;}
#gamePlanContainer #goalLineCard {    position: absolute; top: 130px; margin-left: 25px; z-index: 3;}
#goalLineCard > .panel {
	-moz-box-shadow: 0 0 15px 2px #888;
	-webkit-box-shadow: 0 0 15px 2px #888;
	box-shadow: 0 0 15px 2px #888;
}
#goalLineCard .panel-heading {padding-bottom: 0px;}
.equalizer {padding-right: 5px; padding-top: 2px; padding-bottom: 3px; color: white;}
.game-plan-players-cards .panel > .panel-heading {height: 36px;}

/* Deal Page Goal Line Field */
#goalLineField {width: 100%; height: auto;}
/* Tri color deal position Legend */
.dealPosition-WEAK {background-color: #DC2127  ; width: 16px; height: 16px;}
.dealPosition-OK {background-color: #FBD75B  ; width: 16px; height:16px;}
.dealPosition-STRONG {background-color: #51B749  ; width: 16px; height: 16px;}

/* Deal status legend */
.dealStatus-CLOSED {position:relative;}
.dealStatus-CLOSED:before {font-family: FontAwesome;top:0;padding-right:5px;content: "\f114"; }
.dealStatus-OPEN {background-color: #fff; width: 16px; height: 16px; border-width: 1px; border-color: #25282b; border-style: solid; border-radius: 50%;}
.dealStatus-WON {background-color: #4b60ac  ; width: 16px; height: 16px; border-radius: 50%; border: #4b60ac solid 1px;}
.dealStatus-LOST {background-color: rgb(204,204,204); width: 16px; height: 16px; border-radius: 50%; border: rgb(204,204,204) solid 1px;}

/* Period legend */
.period-CURRENT_MONTH{position:relative;}
.period-CURRENT_MONTH:before {font-family: "Font Awesome 5 Free";top:0;padding-right:5px;content: "\f078"; font-weight: 900;}
.period-CURRENT_QUARTER {position:relative;}
.period-CURRENT_QUARTER:before {font-family: "Font Awesome 5 Free";top:0;padding-right:5px;content: "\f13a"; font-weight: 900; }
.period-PREVIOUS_MONTH{position:relative;}
.period-PREVIOUS_MONTH:before{font-family: "Font Awesome 5 Free";top:0;padding-right:5px;content: "\f053"; font-weight: 900; }
.period-PREVIOUS_QUARTER {position:relative;}
.period-PREVIOUS_QUARTER:before {font-family: "Font Awesome 5 Free";top:0;padding-right:5px;content: "\f137"; font-weight: 900; }
.period-CLOSE_DATE_PASSED {position:relative;}
.period-CLOSE_DATE_PASSED:before {font-family: "Font Awesome 5 Free";top:0;padding-right:5px;content: "\f017"; font-weight: 900;}
#anchor-CLOSE_DATE_PASSED { padding-top: 20px; }


/* Role legend */
.legend-role-manager{background-color: #d9edf7; width: 16px; height: 16px;}

/* Task legends */
.legend_task_due_7 {background-color: lightblue; width: 16px; height: 16px;}
.legend_task_past_due {background-color: lightcoral; width: 16px; height: 16px;}

#won-sub-nav{
	/*background-color: #00bbdf;*/
	/*border: #00bbdf solid 1px;*/
}

#lost-sub-nav{
	/*background-color: rgb(204,204,204);*/
	/*border: rgb(204,204,204) solid 1px;*/
}

#lost-sub-nav:hover{
	/*color:black;*/
}
/*Runner BG Gradients */
.runner-bg.yellow {
	/* fallback */
	background-color: #e3dd0b;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, left top, right top, from(#e3dd0b), to(#d9be0b));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(left, #d9be0b, #e3dd0b);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(left, #d9be0b, #e3dd0b);
	/* IE 10 */
	background: -ms-linear-gradient(left, #d9be0b, #e3dd0b);
	/* Opera 11.10+ */
	background: -o-linear-gradient(left, #d9be0b, #e3dd0b);
}
.runner-bg.green {
	/* fallback */
	background-color: #e3dd0b;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, left top, right top, from(#698c00), to(#2c6629));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(left, #2c6629, #698c00);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(left, #2c6629, #698c00);
	/* IE 10 */
	background: -ms-linear-gradient(left, #2c6629, #698c00);
	/* Opera 11.10+ */
	background: -o-linear-gradient(left, #2c6629, #698c00);
}
.runner-bg.red {
	/* fallback */
	background-color: #e3dd0b;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, left top, right top, from(#e14d43), to(#7f1506));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(left, #7f1506, #e14d43);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(left, #7f1506, #e14d43);
	/* IE 10 */
	background: -ms-linear-gradient(left, #7f1506, #e14d43);
	/* Opera 11.10+ */
	background: -o-linear-gradient(left, #7f1506, #e14d43);
}

/*END Runner BG Gradients */


.goal_0pct {margin-left: 0%;}
.goal_7pct {margin-left: 7%;}
.goal_38pct {margin-left: 38%;}
.goal_58pct {margin-left: 58%;}
.goal_75pct {margin-left: 75%;}
.goal_100pct {margin-left: 100%;}
.player_38pct {padding-top: 38%;}
.player_18pct {padding-top: 18%;}
img.runner {width: 60px; height: 65px; z-index: 99;}

#delete-confirmation{margin: 0px 9px 0px 9px;}

/*Key Players Pg.*/
.grid-header-container {width: 200px; margin-left: auto; margin-right: auto;}
.grid-background { background:url(/images/bg_key_players_graph_tri2.png); background-size: 500px, 500px; }
.grid-background-small { background:url(/images/bg_key_players_graph_tri380.png); background-size: 380px, 380px; }
.grid-heading {text-align: center; vertical-align: middle;}
.key-player {position: relative;}
.key-players-wrap {position: relative;}
.key-players-legend span {text-transform: uppercase; color: #ccc; font-family:'Oswald', sans-serif; display: block; padding-bottom: 5px;}
.key-players-legend img {cursor: pointer;}
.key-players-legend img:hover {opacity: .7;}
.key-player-pie-chart {width: 160px; height: 130px;}
.key-player-category-chart-large {width: 270px; height: 160px;}
.key-player-category-chart-small {width: 240px; height: 140px;}
.tickLabel { font-size: 12px; } /* sets the tick labels on the flot charts */
.kpGridDetail {position: absolute; z-index: 999; min-width: 200px;}
.kpGridDetail2 {margin-right: 4px; border-color: #ccc; border-width: 1px; border-style: solid; min-width: 270px; box-shadow: 5px 5px 10px #ddd; max-width: 270px;}
.kpGridDetailPrint {margin-right: 4px; border-color: #ccc; border-width: 1px; border-style: solid; min-width: 260px; box-shadow: 5px 5px 10px #ddd; max-width: 260px;}
.kpGridDetail2Body {min-height: 366px; max-height: 366px;}
.kpGridDetailBodyPrint {min-height: 342px; max-height: 342px;}
.kp-comments {display: none;}
.kp-detail {display: none;}
.panel > .panel-heading .badge.key-player-role-badge {font-size: 18px; margin-left: 5px; background-color: #00bbdf; color:#fff;}
.power-score-value {font-size: 60px; font-weight: bold; color: #00bbdf; line-height: 50px;}
.power-score {position: relative; padding-bottom: 10px;}
.power-score .percentage-sign {font-size: 40px; color: #ccc; font-weight: bold; position: absolute; top: 0; line-height: 30px;}
.power-score-wrap {font-family:'Roboto Condensed', sans-serif; text-align: center;}
.power-score-badge {font-size:28px; line-height: .75; color: #999; font-weight: bold;}
.panel.decision-influencer {background: #f7f5de; border-color:#e0ddbb; }
.panel.decision-influencer > .panel-heading {background-color: #efecca; border-color: #e0ddbb;}
.panel.decision-influencer hr {border-color:#e0ddbb; }
.kp-delete-confirmation,  .comment-delete-confirmation, .content-delete-confirmation{display: none; margin-top: -4px; overflow: hidden;}
.continue-confirmation {display: none;}
.player-information h4 {text-align: center; max-width: 222px; text-overflow: ellipsis; overflow-x: hidden; white-space: nowrap; padding-left:18px; overflow-y: hidden; margin-bottom: 0;}
.keyplayer-name{font-family:'Roboto Condensed', sans-serif; font-size: 30px; font-weight: 300; line-height: 1.2;}
.kp-role-wrap .kp-type {font-size:40px; font-family:'Roboto Condensed', sans-serif;}
.kp-title, .kp-company {text-align: center; text-transform: uppercase;}
.kp-company {margin: 5px 0;}
.kp-company span {border-top:1px solid #eee; padding: 5px 0; width: 80%; display: block; margin: auto; font-style: italic;}
img.power-player-badge {vertical-align: inherit;}

/* MATCH COLORS WITH BADGE ON CHART */
.kp-role-wrap .kp-color-bar {width:10px; height: 30px; display: inline-block;}
.kp-color-bar.color-2E9292 {background: #2E9292;}
.kp-color-bar.color-69A8BB {background: #69A8BB;}
.kp-color-bar.color-523F6D {background: #523F6D;}
.kp-color-bar.color-496D26 {background: #496D26;}
.kp-color-bar.color-FCD22B {background: #FCD22B;}
.kp-color-bar.color-336699 {background: #336699;}
.kp-color-bar.color-E14D43 {background: #E14D43;}
.kp-color-bar.color-9F2D9F {background: #9F2D9F;}
.kp-color-bar.color-73AE38 {background: #73AE38;}
.kp-color-bar.color-DD823B {background: #DD823B;}

/* Comments */
.comment-container {height: 34px; margin-left: 15px;}
.comment-delete-confirmation, .content-delete-confirmation {width: 200px; padding: 7px;}


.z-top{z-index: 1000;}

/*Best Plays*/
.best-plays-form-headings {font-size: 12px; text-transform: uppercase; font-weight: 600; margin-top: 30px;}
.mini-icon-coach {margin-top: -6px; margin-right: 5px;}
.badge.strenght-badge {background-color: #51B749; color: #fff;}
.panel-default>.panel-heading .badge.strenght-badge {background-color: #51B749; color: #fff;}
.badge.vulnerability-badge {color: #f5f5f5;}
.panel-default>.panel-heading .badge.vulnerability-badge {color: #f5f5f5; background-color: #DC2127;}

/*Commit Dates Table*/
#task-table .alert-info,
#task-table .alert-danger,
#task-table .alert-warning,
#task-table .alert-success {color:#25282b;}
#task-table .alert-info td:first-child {padding-left: 20px; background: url(/images/task-table-alert-info.png) left center no-repeat; color: #999;}
#task-table .alert-danger td:first-child {padding-left: 20px; background: url(/images/task-table-alert-danger.png) left center no-repeat; color: #d2453b; font-weight: 500;}
#task-table .alert-warning td:first-child {padding-left: 20px; background: url(/images/task-table-alert-warning.png) left center no-repeat;}
#task-table .alert-success td:first-child {padding-left: 20px; background: url(/images/task-table-alert-success.png) left center no-repeat;}

#task-table_wrapper{margin-top: 20px;}
#task-table_wrapper .dataTables_length{box-shadow: none;}
#task-table_wrapper .dataTables_filter{box-shadow: none;}

.taskContainer {margin-right: 4px; border-color: black; border-width: 1px; border-style: groove; min-width: 100%;
				-moz-box-shadow: 0 0 15px 2px #888;
				-webkit-box-shadow: 0 0 15px 2px #888;
				box-shadow: 0 0 15px 2px #888;}
.taskContainer.panel {margin-bottom: 8px;}
.taskContainerBody {min-height: 80px;}
.task-filter a i {color: rgb(51, 51, 51);}
/* the task container */
#task-container {overflow-y: auto; max-height: 750px; background-color: #f5f5f5;}
#new-task-create{
    padding-right: 7px;
    z-index: 600;
    padding: 12px 12px 12px 16px;
}
#task-tab #new-task-create{
	position: absolute;
    left: 250px;
    top: 75px;
	z-index: 600;
}

/* Profile */
#mobile-not-good-length {display: none; padding-top: 5px;}
#profile-details #mobile-not-good-length {padding-top: 0;}
#mobile-not-good-length .fa-remove {color: #DC2127;}
#mobile-good-length {display: none; padding-top: 5px;}
#mobile-good-length .fa-check {color: hsl(136, 62%, 41%);}
#mobile-verified-details {display: none;}
#mobile-verified-details .fa-check{color: hsl(136, 62%, 41%);}
#mobile-not-verified-details{display: none;}
#mobile-not-verified-details .fa-remove{color: #DC2127;}
#mobile-not-verified-actions {display: none; padding-top: 5px;}
#mobile-not-verified-actions .fa-remove{color: #DC2127;}
#mobile-verified-actions {display: none; padding-top: 5px;}
#mobile-verified-actions .fa-check{color: hsl(136, 62%, 41%);}
#btn-send-verify-code {display:none;}
#verify-mobile-div{display: none;}
#mobile-not-set-actions {display: none;}

/* Print */
.prnt-col {display: inline-block; max-width: 48%; min-width: 48%; width: 48%; vertical-align: top;}
.prnt-col-lg {display: inline-block; max-width: 800px; min-width: 800px; width: 800px; vertical-align: top;}
.kp-prnt{border: #888 solid 1px; width: 270px; float: left; padding: 7px 7px 7px 14px; margin: 7px 21px 14px 0px; border-radius: 4px}
h4.kp-name-prnt{margin-bottom: 0px;}
/*.prnt-col h3{margin-top:7px;}*/
.prnt-col-lg h3{margin-top:7px;}

@media print{
	footer {display: none;}
	#deal-link, #prnt-link {display: none;}
	#payNow {display: none;}
}
@media all {
	.page-break	{ display: none; }
}

@media print {
	.page-break	{ display: block; page-break-before: always; }
}

/*Datatables*/
.dcp-table-search {width: 270px;}
.dataTables_wrapper .dataTables_paginate .paginate_button {padding: 0 3px  !important; margin-top: 5px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {border: none !important; border-left: 1px solid #ccc !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current:first-child {border-left: none !important;}
table.dataTable thead .sorting_asc {background-image:url(/images/sort_asc.png) !important;}
table.dataTable thead .sorting_desc {background-image:url(/images/sort_desc.png) !important;}
.dataTables_length label, .dataTables_filter label {font-weight: 400; margin-bottom: 0px}
.dataTables_length label>select {margin-left: 3px; margin-right: 3px;}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
	border-radius: 0px;
	-moz-box-shadow: 10px 6px 12px #888;
	-webkit-box-shadow: 10px 6px 12px #888;
	box-shadow: 10px 6px 12px #888;
	padding: 12px 10px 12px 10px;
	background-color: #ccc;
	color: #363b3f;
	margin-bottom: 20px;
}

.dataTables_loading { color: white; background: hsl(136, 62%, 41%); border: 2px solid black; padding: 10px 10px 10px 10px; }
/*.dataTables_filter label:before {font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";top:0;padding-right:5px;content: "\f002"; }*/
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
	background-position: center left;
}
table .dealValue {text-align: right; padding-right: 30px !important;}
table .dealCloseDate {text-align: right;}
.filter-label {font-weight: normal; display: inline;}
.filter-label:hover {font-weight: normal; display: inline; cursor: pointer;}
.filter-deal-owner {white-space: nowrap; overflow: hidden; padding-left: 1px; text-overflow: ellipsis;}
.filter-deal-owner:hover{overflow: visible; z-index: 9999;}

/*Key Player Form*/
.ui-widget-content .ui-slider-label {font-family: 'Roboto', sans-serif; font-weight: 300; height: 100%;}
.ui-widget-header {background: transparent;}
.ui-slider-pips [class*="ui-slider-pip-selected"] {color: #e14d43;}
.deal-slider{margin: 3px; width: 96%;}
.keyplayer-slider, .deal-slider {
	background: linear-gradient(90deg, #DC2127 0%, #FBD75B 33%, #FBD75B 66%, #51B749 100%);
	background-repeat: no-repeat;
	background-size: cover;
	border: none;
	box-shadow: inset 0 0 0px 1px rgba(0, 0, 0, 0.18);
}

.keyplayer-slider .ui-slider-handle, .deal-slider .ui-slider-handle {
	background: rgba(255, 255, 255, 1);
	border-color: rgba(0, 0, 0, 0.56);
	/*box-shadow: inset 0 0 2px 2px rgba(255, 255, 255, 0.89);*/
	border-radius: 50%;
	/*top: -3px;*/
}

/* start - Reporting classes */
.rpt-grid-container {
	display: grid;
	column-gap: 0px;
}
.rpt-grid-item {
	padding: 4px 4px 4px 4px;
	margin-left: 1px;
	margin-right: 1px;
}
.rpt-align-right {
	text-align: right;
}
.rpt-heading-grid-row {
	background: rgba(59, 131, 86, 0.59)
}
.rpt-odd-grid-row {
	background: #CCC
}

.metric-text {
	text-align: center;
	font-size: 26px;
}
.back-to-top {
	float: right;
}

/* end   - Reporting classes */


.label-disabled {
	color: #AAAAAA;
}

/* System Properties Table --------------------- Start */
.sysprops-grid {
	display: grid;
	grid-template-columns: 11fr 7fr 2fr 2fr;
}

.sysprops-grid > span.header {
	background-color: lightgrey;
	font-weight: bold;
}
.sysprops-grid > span {
	padding: 4px;
	border: 1px solid grey;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 34px;
}

.grid-cell-input {
	width: 100%;
}

.sysprops-prop-dropdown {
	height: 100%;
}

span.sysprops-grid-row {
	background-color: lightgrey;
}
/* System Properties Table --------------------- End */

/*  Prescot styles ----------------------------- Start */
.unstyled-list {
	padding: 5px 10px 5px 5px;
	width: auto;
	list-style: none;
	max-height: 200px;
	overflow: auto;
}
.popup-with-shadow {
	padding: 10px;
	background-color: #f1f1f1;
	z-index: 9999;
	-moz-box-shadow: 10px 6px 12px #888;
	-webkit-box-shadow: 10px 6px 12px #888;
	box-shadow: 10px 6px 12px #888;
	border-radius: 0;
}
.popup-main-btn {
	margin-right: 15px;
}

.grid-container {
	display: grid;
	grid-template-columns: auto auto auto;
	/*grid-template-rows: 15% 40% auto;*/
}


.grid-item {
	align-self: flex-start;
	color: black;
	padding: 0 5px 0 5px;
}
/*  Prescot styles ----------------------------- End */

/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}
body {
	/* Margin bottom by footer height */
	height: 100%;
	margin-bottom: 80px;
}
footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 80px;
}


/*shorthand classes*/
.inline {display: inline;}
.font12 {font-size: 12px !important;}
.font14 {font-size: 14px !important;}
.font16 {font-size: 16px !important;}
.font18 {font-size: 18px !important;}
.font20 {font-size: 20px !important;}
.font22 {font-size: 22px !important;}
.font24 {font-size: 24px !important;}

.width30 {width: 30px; display: inline-block;}
.width50 {width: 50px; display: inline-block;}
.width90 {width: 90px; display: inline-block;}

.vp_0 {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}
.vp_1 {
	padding-bottom: 1px !important;
	padding-top: 1px !important;
}
.vp_2 {
	padding-bottom: 2px !important;
	padding-top: 2px !important;
}
.vp_3 {
	padding-bottom: 3px !important;
	padding-top: 3px !important;
}
.vp_4 {
	padding-bottom: 4px !important;
	padding-top: 4px !important;
}
.vp_5 {
	padding-bottom: 5px !important;
	padding-top: 5px !important;
}
.vp_7 {
	padding-bottom: 7px !important;
	padding-top: 7px !important;
}
.vp_10 {
	padding-bottom: 10px !important;
	padding-top: 10px !important;
}
.vp_15 {
	padding-bottom: 15px !important;
	padding-top: 15px !important;
}
.vp_20 {
	padding-bottom: 20px !important;
	padding-top: 20px !important;
}
.vp_25 {
	padding-bottom: 25px !important;
	padding-top: 25px !important;
}
.vp_30 {
	padding-bottom: 30px !important;
	padding-top: 30px !important;
}
.vp_35 {
	padding-bottom: 35px !important;
	padding-top: 35px !important;
}
.vm_0 {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}
.vm_3 {
	margin-bottom: 3px !important;
	margin-top: 3px !important;
}
.vm_5 {
	margin-bottom: 5px !important;
	margin-top: 5px !important;
}
.vm_7 {
	margin-bottom: 7px !important;
	margin-top: 7px !important;
}
.vm_10 {
	margin-bottom: 10px !important;
	margin-top: 10px !important;
}
.vm_15 {
	margin-bottom: 15px !important;
	margin-top: 15px !important;
}
.vm_20 {
	margin-bottom: 20px !important;
	margin-top: 20px !important;
}
.vm_25 {
	margin-bottom: 25px !important;
	margin-top: 25px !important;
}
.vm_30 {
	margin-bottom: 30px !important;
	margin-top: 30px !important;
}
.vm_35 {
	margin-bottom: 35px !important;
	margin-top: 35px !important;
}
.vm_40 {
	margin-bottom: 40px !important;
	margin-top: 40px !important;
}
.hp_0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.hp_1 {
	padding-left: 1px !important;
	padding-right: 1px !important;
}
.hp_2 {
	padding-left: 2px !important;
	padding-right: 2px !important;
}
.hp_3 {
	padding-left: 3px !important;
	padding-right: 3px !important;
}
.hp_4 {
	padding-left: 4px !important;
	padding-right: 4px !important;
}
.hp_5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.hp_10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.hp_15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.hp_20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.hp_25 {
	padding-left: 25px !important;
	padding-right: 25px !important;
}
.hp_30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.hp_35 {
	padding-left: 35px !important;
	padding-right: 35px !important;
}
.hm_0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.hm_2 {
	margin-left: 2px !important;
	margin-right: 2px !important;
}
.hm_3 {
	margin-left: 3px !important;
	margin-right: 3px !important;
}
.hm_5 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}
.hm_10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}
.hm_15 {
	margin-left: 15px !important;
	margin-right: 15px !important;
}
.hm_20 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.hm_25 {
	margin-left: 25px !important;
	margin-right: 25px !important;
}
.hm_30 {
	margin-left: 30px !important;
	margin-right: 30px !important;
}
.hm_35 {
	margin-left: 35px !important;
	margin-right: 35px !important;
}
.bp_0 {
	padding-bottom: 0 !important;
}
.bp_5 {
	padding-bottom: 5px !important;
}
.bp_10 {
	padding-bottom: 10px !important;
}
.bp_15 {
	padding-bottom: 15px !important;
}
.bp_20 {
	padding-bottom: 20px !important;
}
.bp_25 {
	padding-bottom: 25px !important;
}
.bp_30 {
	padding-bottom: 30px !important;
}
.bp_35 {
	padding-bottom: 35px !important;
}
.tp_0 {
	padding-top: 0 !important;
}
.tp_2 {
	padding-top: 2px !important;
}
.tp_3 {
	padding-top: 3px !important;
}
.tp_4 {
	padding-top: 4px !important;
}
.tp_5 {
	padding-top: 5px !important;
}
.tp_10 {
	padding-top: 10px !important;
}
.tp_15 {
	padding-top: 15px !important;
}
.tp_20 {
	padding-top: 20px !important;
}
.tp_25 {
	padding-top: 25px !important;
}
.tp_30 {
	padding-top: 30px !important;
}
.tp_35 {
	padding-top: 35px !important;
}
.tp_40 {
	padding-top: 40px !important;
}
.tp_45 {
	padding-top: 45px !important;
}
.tp_50 {
	padding-top: 50px !important;
}
.tp_60 {
	padding-top: 60px !important;
}
.bm_0 {
	margin-bottom: 0 !important;
}
.bm_3 {
	margin-bottom: 3px !important;
}
.bm_5 {
	margin-bottom: 5px !important;
}
.bm_8 {
	margin-bottom: 8px !important;
}
.bm_10 {
	margin-bottom: 10px !important;
}
.bm_15 {
	margin-bottom: 15px !important;
}
.bm_20 {
	margin-bottom: 20px !important;
}
.bm_25 {
	margin-bottom: 25px !important;
}
.bm_30 {
	margin-bottom: 30px !important;
}
.bm_35 {
	margin-bottom: 35px !important;
}
.bm_40 {
	margin-bottom: 40px !important;
}
.bm_50 {
	margin-bottom: 50px !important;
}
.bm_60 {
	margin-bottom: 60px !important;
}
.tm_0 {
	margin-top: 0 !important;
}
.tm_2 {
	margin-top: 2px !important;
}
.tm_3 {
	margin-top: 3px !important;
}
.tm_5 {
	margin-top: 5px !important;
}
.tm_6 {
	margin-top: 6px !important;
}
.tm_7 {
	margin-top: 7px !important;
}
.tm_8 {
	margin-top: 8px !important;
}
.tm_9 {
	margin-top: 9px !important;
}
.tm_10 {
	margin-top: 10px !important;
}
.tm_15 {
	margin-top: 15px !important;
}
.tm_20 {
	margin-top: 20px !important;
}
.tm_25 {
	margin-top: 25px !important;
}
.tm_30 {
	margin-top: 30px !important;
}
.tm_35 {
	margin-top: 35px !important;
}
.tm_40 {
	margin-top: 40px !important;
}
.tm_50 {
	margin-top: 50px !important;
}
.tm_60 {
	margin-top: 60px !important;
}
.tm_70 {
	margin-top: 70px !important;
}
.lm_minus15 {
	margin-left: -15px !important;
}
.lm_0 {
	margin-left: 0 !important;
}
.lm_5 {
	margin-left: 5px !important;
}
.lm_10 {
	margin-left: 10px !important;
}
.lm_15 {
	margin-left: 15px !important;
}
.lm_20 {
	margin-left: 20px !important;
}
.lm_25 {
	margin-left: 25px !important;
}
.lm_30 {
	margin-left: 30px !important;
}
.lm_35 {
	margin-left: 35px !important;
}
.lm_50 {
	margin-left: 50px !important;
}
.rm_0 {
	margin-right: 0 !important;
}
.rm_3 {
	margin-right: 3px !important;
}
.rm_5 {
	margin-right: 5px !important;
}
.rm_10 {
	margin-right: 10px !important;
}
.rm_15 {
	margin-right: 15px !important;
}
.rm_20 {
	margin-right: 20px !important;
}
.rm_25 {
	margin-right: 25px !important;
}
.rm_30 {
	margin-right: 30px !important;
}
.rm_35 {
	margin-right: 35px !important;
}
.rp_0 {
	padding-right: 0 !important;
}
.rp_3 {
	padding-right: 3px !important;
}
.rp_5 {
	padding-right: 5px !important;
}
.rp_10 {
	padding-right: 10px !important;
}
.rp_15 {
	padding-right: 15px !important;
}
.rp_20 {
	padding-right: 20px !important;
}
.rp_25 {
	padding-right: 25px !important;
}
.rp_30 {
	padding-right: 30px !important;
}
.rp_35 {
	padding-right: 35px !important;
}
.lp_0 {
	padding-left: 0 !important;
}
.lp_3 {
	padding-left: 3px !important;
}
.lp_5 {
	padding-left: 5px !important;
}
.lp_10 {
	padding-left: 10px !important;
}
.lp_15 {
	padding-left: 15px !important;
}
.lp_20 {
	padding-left: 20px !important;
}
.lp_25 {
	padding-left: 25px !important;
}
.lp_30 {
	padding-left: 30px !important;
}
.lp_35 {
	padding-left: 35px !important;
}
.lp_40 {
	padding-left: 40px !important;
}
.lp_100 {
	padding-left: 100px !important;
}

.bolded-col-header thead tr td {
	font-weight: bold;
}


@media(min-width:768px){
	.wizard-title, .wizard ul li {font-size: 18px;}
	.fancy-number {display: inline-block;}
}
@media(min-width:992px){
	/*.nav.navbar-nav {padding-left:48px;}*/
	.wizard-step-left {background-position: left 155px top 40px;}
	.wizard-step-middle {background-repeat:repeat-x; background-position: left 0 top 40px;}
	.wizard-step-right {background-position: right 155px top 40px;}

}
@media(min-width:1200px){
	/*.nav.navbar-nav {padding-left:92px;}*/
	.wizard-step-left {background-position: left 180px top 40px;}
	.wizard-step-middle {background-repeat:repeat-x; background-position: left 0 top 40px;}
	.wizard-step-right {background-position: right 180px top 40px;}

}

#sf-sso-tooltip {
	margin-top: 30px;
	position: relative;
	left: -12px;
}

.replay-kp-icon {
	height: 45px;
	width: 45px;
	border-radius: 45px;
	box-shadow: 0px 2px 2px #ccc;
}

.square-green {
	background-color: rgba(81, 183, 73, 0.3);
}
.square-yellow {
	background-color: rgba(251, 215, 91, 0.3);
}
.square-red {
	background-color: rgba(220, 33, 39, 0.3);
}
.crossed {
	background:
		linear-gradient(to top left,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0) calc(50% - 1.2px),
		rgba(0,0,0,1) 50%,
		rgba(0,0,0,0) calc(50% + 1.2px),
		rgba(0,0,0,0) 100%),
		linear-gradient(to top right,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0) calc(50% - 1.2px),
		rgba(0,0,0,1) 50%,
		rgba(0,0,0,0) calc(50% + 1.2px),
		rgba(0,0,0,0) 100%);
}

.div-square {
	display:inline-block;
	height: 16px;
	width: 16px;
	border: 1px solid black;
	margin: 10px 0 0 10px;
}

.arrow-placement {
	padding-top: 3px;
}

#deal-name-page-header-wrapper > span {
	margin-left: 0 !important;
}

.btn.disabled {
	pointer-events: auto;
}
.tooltip {
	max-width: 350px; /* Adjust the value to fit your needs */
}