@charset "UTF-8";

html, body {
	background-color: white;
	color: rgba(99,100,102,1.0);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, strong {
	color: black;
	text-decoration: none;
}

a, a strong {
	color: #1ea9e0 !important;
	text-decoration: none !important;
}

a:hover, a:active, a:hover strong, a:active strong {
	color: #1ea9e0 !important;
	text-decoration: underline !important;
	cursor: pointer !important;
}

a:active, a:active strong {
	color: #FDB823 !important;
}

a[name], a[name]:hover, a[name]:active {
	color: rgba(99,100,102,1.0) !important;
	text-decoration: none !important;
}

header {
	text-align: center;
	padding: 0px;
	height: 64px;
	min-height: 60px;
	vertical-align: middle;
	border-bottom-color: rgba(0,168,227,1.0);
	border-bottom-style: solid;
	border-bottom-width: 5px;
	background-color: white;
	z-index: 1000;
	width: 100%;
}

header.cald_header {
	position: static;
}

div.cald_header {
	position: relative;
}

nav.cald_header {
	background-color: rgba(190,224,238,1.0);
	height: 40px;
	min-height: 5px;
	width: 100%;
	z-index: 1000;
	margin: 0px;
	padding: 0px;
	position: static;
}

form, blockquote {
	background-color: white;
}

form.navbar-form {
	background-color: rgba(190,224,238,1.0);
}

.alert-danger h1, .alert-danger h2, .alert-danger h3, .alert-danger h4, .alert-danger h5, .alert-danger h6, .alert-danger strong {
	color: #a94442;
	border: none;
	margin-top:0px;
}

.alert-warning h1, .alert-warning h2, .alert-warning h3, .alert-warning h4, .alert-warning h5, .alert-warning h6, .alert-warning strong {
	color: #8a6d3b;
	border: none;
	margin-top:0px;
}

.alert-info h1, .alert-info h2, .alert-info h3, .alert-info h4, .alert-info h5, .alert-info h6, .alert-info strong {
	color: #31708f;
	border: none;
	margin-top:0px;
}

.cald_no_menu {
	height: 5px !important;
}

.cald_app_name, .cald_help_link {
	text-transform: uppercase;
}

.cald_logo {
	background-color: transparent;
	background-image: url("CallidusCloud_logo_product_dark.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 44px;
	width: 117px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 10px 10px 10px -58px;
}

.cald_left {
	float: left;
	padding: 20px 0px 20px 20px;
}

.cald_right {
	float: right;
	padding: 20px 20px 20px 0px;
}

.cald_header_menuitem {
	height: 40px;
	margin: 0px;
	padding: 10px 20px;
	border: none;
	text-align: center;
	vertical-align: middle;
}

.cald_header_menuitem_selected {
	background-color: #72c9e9;
	height: 40px;
	padding: 10px 20px;
	border: none;
	text-align: center;
	vertical-align: middle;
	color: white;
	font-weight: bold;
}

.cald_breadcrumb_heading_separator {
	color: #636466 !important;
	font-size: smaller !important;
}

.cald_bkgd {
	background-color: #f5f3f0;
	padding: 20px;
}

.cald_content {
	background-color: white;
	padding: 20px;
}

.cald_section {
	padding: 10px;
	margin: -20px -20px 20px -20px;
}

.cald_tertiary_bar {
	background-color: #eaeaea !important; 
	padding: 10px; 
	vertical-align: middle; 
	margin: 0px 0px 0px 0px !important;
}

.cald_tertiary_title {
	color: black;
	font-weight: bold; 
	margin-left: 20px !important; 
	padding-top: 20px;
}

.cald_dialog {
	margin:auto auto auto 7%;
	box-shadow: 0px 5px 25px 0px rgba(51,51,51,0.85);
	padding: 10px;
}

.cald_titlebar_icon {
	margin-left: 3px;
}

.cald_dialog_buttonbar {
	text-align: center;
	vertical-align: middle;
	width: 100%;
	padding: 20px;
	padding-bottom: 0px;
}

.cald_button_bar {
	margin-top: 2em;
	text-align: right;
}

.cald_button_bar_left {
	margin-top: 2em;
	text-align: left;
}

.cald_disabled_section {
	background: rgba(0,0,0,0.5) !important;
}

h1.cald_header {
	background-color: black;
	color: white;
	padding: 10px;
	font-size: 1em;
	margin: -10px -10px 10px -10px;
}

h2.cald_header {
	background-color: #00A8E3;
	color: white;
	padding: 10px;
	font-size: 1em;
	margin: -10px -10px 10px -10px;
}

h3.cald_header {
	background-color: #d9d9d9;
	padding: 10px;
	font-size: 1em;
	margin: -10px -10px 10px -10px;
}

h4.cald_header {
	border-bottom: solid 1px #bfbfbf;
	padding: 10px;
	padding-bottom: 9px;
	font-size: 1em;
	margin: -10px -10px 10px -10px;
}

h5.cald_header  {
	background-color: #f3f3f3;
	font-size: 1em;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
}

.cald_subsection  {
	background-color: #f3f3f3;
	padding: 10px;
	margin: 0px;
}

.cald_separator {
	border-bottom: solid 1px #bfbfbf;
}

.cald_vseparator {
	font-size: larger;
	font-weight: lighter;
	color: #d9d9d9;
	margin: 0px 2px;
}

.cald_nav_divider {
	display: inline-block;
	height:40px !important;
	width:1px !important;
	margin: -15px 8px !important;
	border-right: solid 1px #bfbfbf !important;
}

.cald_notification_box {
	padding: 10px;
	margin: 5px;
	border-radius: 0px;
}

.cald_rule_heading {
	margin-top: 40px;
}

.cald_fixed_heading {
    position: fixed !important;
    top: 0px;
	left: 0px;
	width: 100%;
	z-index: 3000;
}

.cald_fixed_toc {
    position: fixed !important;
    top: 135px;
	right: 20px;
/*	z-index: 3000;*/
}



/* Grid styles */
.cald_hover {
	cursor: pointer;
}

.cald_table th, .cald_table td {
	padding: 5px 5px 4px 5px;
}

.cald_tr_heading, .cald_tr_cells {
	border-bottom: solid 1px #bfbfbf;
	padding: 5px 5px 4px 5px;
}

.cald_banded .cald_tr_heading, .cald_banded .cald_tr_cells {
	border: none;
}

.cald_banded th, .cald_banded td {
	border: none;
	padding: 5px;
}

.cald_tr_cells.cald_selected {
	background-color: #fee1a9 !important;
	color: #636466 !important;
}

.cald_tr_cells.cald_hover, .cald_tr_cells.cald_hover a {
	background-color: #FDB823 !important;
	color: white !important;
}

.cald_primary .cald_tr_heading {
	background-color: black;
	color: white;
}

.cald_primary .cald_tr_cells {
}

.cald_primary.cald_banded .cald_tr_cells.cald_even, .cald_primary_section .cald_alternate.cald_banded .cald_tr_cells.cald_even {
	background-color: #d3eef9;
}

.cald_secondary .cald_tr_heading {
	background-color: #00A8E3;
	color: white;
}

.cald_secondary .cald_tr_cells {
}

.cald_secondary.cald_banded .cald_tr_cells.cald_even {
/*	background-color: #d3eef9; */
	background-color: #ececec;
}

.cald_tertiary .cald_tr_heading {
	background-color: #d9d9d9;
}

.cald_tertiary .cald_tr_cells {
}

.cald_tertiary.cald_banded .cald_tr_cells.cald_even {
	background-color: #ececec;
}

.cald_alternate .cald_tr_heading {
	border-bottom: solid 1px #bfbfbf;
	padding-bottom: 4px;
}

.cald_alternate .cald_tr_cells {
}

.cald_alternate.cald_banded .cald_tr_cells.cald_even {
	background-color: #ececec;
}

.cald_tr_footer {
	border-top: solid 1px #bfbfbf;
	padding: 4px 5px 5px 5px;
}

.cald_compact_grid TH, .cald_compact_grid TD {
	padding: 2px 5px;
}

.cald_scrolling_tbody {
	min-height: 40px;
	max-height: 240px;
	overflow: auto;
}

.cald_numeric {
	text-align: right;
}


/* FORM ELEMENTS */
legend {
	font-size: 1.25em;
}

.btn.btn-primary.cald_interactive {
	box-shadow: none; 
	background:-webkit-linear-gradient(#337ab7,#337ab7);
	background:linear-gradient(#337ab7,#337ab7);
}

.btn.btn-default.cald_interactive {
	box-shadow: none; 
	background:-webkit-linear-gradient(#ffffff,#ffffff);
	background:linear-gradient(#ffffff,#ffffff);
}

.btn.btn-primary.cald_interactive:hover, .btn.btn-primary.cald_interactive:active {
	box-shadow: none; 
	background:-webkit-linear-gradient(#337ab7,#337ab7);
	background:linear-gradient(#337ab7,#337ab7);
}

.btn.btn-default.cald_interactive:hover, .btn.btn-default.cald_interactive:active {
	box-shadow: none; 
	background:-webkit-linear-gradient(#ffffff,#ffffff);
	background:linear-gradient(#ffffff,#ffffff);
}

.btn.btn-default.cald_interactive:disabled {
	box-shadow: none; 
	background:-webkit-linear-gradient(#dddddd,#dddddd);
	background:linear-gradient(#dddddd,#dddddd);
}

.cald_3D_button_primary {
	border-radius: 5px; 
	box-shadow:0 0 3px 0px; 
	background:-webkit-linear-gradient(#47a9ff,#337ab7);
	background:linear-gradient(#47a9ff,#337ab7);
}

.cald_3D_button_default {
	background:-webkit-linear-gradient(#ffffff,#dddddd);
	background:linear-gradient(#ffffff,#dddddd);
	border-radius: 5px;
}

.cald_3D_button_primary:hover, .cald_3D_button_primary:active {
	border-radius: 5px; 
	box-shadow:0 0 3px 0px; 
	background:-webkit-linear-gradient(#337ab7,#47a9ff);
	background:linear-gradient(#337ab7,#47a9ff);
}

.cald_3D_button_default:hover, .cald_3D_button_default:active {
	background:-webkit-linear-gradient(#dddddd,#ffffff);
	background:linear-gradient(#dddddd,#ffffff);
	border-radius: 5px;
}

.cald_3D_button_default:disabled {
	background:-webkit-linear-gradient(#ececec,#dddddd);
	background:linear-gradient(#ececec,#dddddd);
	color: #636466;
}

.cald_short_input {
	width: 20em;
	display: inline;
}

/* FIX not working */
.cald_select OPTION:checked, .cald_select OPTION:selected {
	background-color: #fee1a9;
	background:-webkit-linear-gradient(#fee1a9,#fee1a9);
	background:linear-gradient(#fee1a9,#fee1a9);
}

.cald_disabled_label {
	color: #bfbfbf;
}

.cald_progress_bar {
	display: inline-block;
	min-height: 1em;
	background-color: #d9d9d9;
	min-width: 100%;
}

.cald_progress_meter {
/*	padding: 20px; 
	border: solid 1px #bfbfbf;
*/}

.cald_progress_bar_partial {
	display:inline-block;
	min-height:10px;
	min-width:0%;
	background-color:#00A8E3;
	color:white;
	padding-left:0.25em;
}

.cald_progress_bar_incomplete {
	display:inline-block;
	min-height:10px;
	min-width:100%;
	background-color:#d9d9d9;
	text-align:right;
}



#toc {
	display: inline-block;
	margin-right: 40px;
	float: right;
	z-index: 10000;
	position: absolute;
	right: 400px;
	top: 0px;
	background-color: white;
	padding: 7px;
	box-shadow: none;
}

#toc.showing {
	box-shadow: 3px 5px 12px 0px rgba(0,0,0,0.35);
}

#toc2 {
	background-color: white;
	border: solid 1px #bfbfbf;
	margin-right: 0px;
	padding-right: 20px;
}


		
		/* Overrides just for this page */

		.cald_content {
			/*padding: 10px;*/
		}
		
		.cald_summary td {
			padding-left: 10px;
		}
		
		.cald_table th {
			text-align: left;
		}
		
		#plans_page, #plan_page {
			margin: 0px 0px;
			padding: 10px;
			background-color: white;
			position: absolute;
			top: 5;
			right: 0;
			width: 100%;
			height: 75vh;
		}
		
		#plan_page {
			height: 100vh;
		}
		
		section {
			/*border-top: solid 20px #f5f3f0;*/
			background-color: white;
			padding: 20px;
			margin: 0px -10px;
		}

		section h4.cald_header {
			/*margin-top: 20px;*/
		}
		
		.cald_bkgd.cald_page_separator {
			/*margin: 20px -10px 10px; */
			margin: 0px -10px; 
			padding: 10px;
		}
		
		.toc {
			display: inline-block;
			margin-right: 40px;
			float: right;
			z-index: 10000;
			overflow: auto;
			max-height: 100vh;
		}		
		
		.cald_walkme_launcher_container_24915 {
			display: inline-block; 
			margin: 7px 0px;
		}
		
		.cald_walkme_launcher_24915 {
			display: inline; 
			top: 8px; 
			left: -142px; 
			z-index: 2147483627; 
			cursor: pointer;
		}
		
		.cald_walkme_launcher_img_div_24915 {
			background-image: url('https://d2qhvajt3imc89.cloudfront.net/customers/Callidus/4_WalkMeThrough.png'); 
			height: 24px; 
			width: 131px; 
			background-repeat: no-repeat;
		}
		
		.cald_walkme_launcher_container_25577 {
			position: relative; 
			display: inline-block; 
			float: right; 
			margin-right: 20px;
		}
		
		.cald_walkme_launcher_25577 {
			display: inline; 
			top: -0.5px; 
			left: 20.7333px; 
			position: absolute; 
			z-index: 0; 
			cursor: pointer;
		}
		
		.cald_default_period {
			margin: 3px 20px; 
			vertical-align: middle;
		}
		
		.cald_default_period label {
			font-weight: normal; 
			color: #919293;
		}
		
		.cald_advanced_search a {
			padding: 0px 20px;
		}

		.cald_advanced_search input {
			width: 200px !important; 
			margin: -7px 5px 0px;
		}
		
		#edit_incentive_page {
			z-index:2000; 
			position:absolute; 
			top:90px; 
			left:0; 
			width: 100%; 
			background-color: white;
		}
		
		#rule_options {
			font-size: 0.80em;
			font-weight: normal;
			float: right;
			margin: 0px 0px;
		}

		#rule_options a {
			font-size: 0.80em;
			font-weight: normal;
			display: inline-block;
			float: right;
			margin: 5px 10px;
		}

		#copy_from_page {
			z-index: 2001; 
			position: absolute; 
			top: 90px; 
			left: 50%; 
			width: 50%;
			height: 75vh;
			padding: 20px 0px 0px 20px;
		}
		
		#copy_from_page_content {
			height: 75vh;
			overflow: auto;
		}
		
		#test_rule_page {
			z-index: 2001; 
			position: absolute; 
			top: 90px; 
			left: 50%; 
			width: 50%;
			height: 100vh;
			padding: 20px 0px 0px 20px;
		}
		
		#test_rule_page_content {
			height: 74vh;
			overflow: auto;
		}
		
		#test_period_icon:hover {
			cursor:pointer;
		}

#breadcrumb.cald_fixed_heading {
	background-color: white;
	border: solid 20px #f5f3f0;
	padding: 10px;
}

#copy_from_page.cald_fixed_heading, #test_rule_page.cald_fixed_heading {
    top: 105px !important;
	width: 50% !important;
	padding: 20px 20px 0px !important;
}

		.read_only_container, .read_only_row {
			padding-left: 0px;
			padding-right: 0px;
		}
		
		.read_only_container {
			padding-left: 10px;
		}
		
		#rule_search_results_status {
			font-style: italic;
		}

		span.cald_nav_divider {
			height: 30px !important;
			margin: -10px 8px !important;
		}




/* OVERRIDES */
.navbar {
	border-radius: 0px;
	border: none;
}
.navbar-default {
	border-color: transparent;
}

input[readonly] {
	color: #919293;
}

#default_period {
	border: none;
	padding: 3px 5px 4.5px;
	background-color: transparent !important;
	box-shadow: none;
	width: 6.5em;
}

blockquote label {
	font-size: 0.80em;
}

.ui-widget-content .ui-state-hover {
	border-color: #FDB823;
	background: none;
	background: #FDB823;
	color: white !important;
}

.ui-widget-content .ui-state-active {
	border-color: #dddddd;
	background: none;
	background: #fee1a9;
	color: #636466 !important;
}

.chosen-container {
	border-radius: 5px;
}

.chosen-container-single .chosen-single {
	height: 2em;
	border-color: #bfbfbf;
	background: none;
	box-shadow: none;
	color: #636466;
	line-height: 2em;
}

.chosen-container-active.chosen-with-drop .chosen-single {
	border-color: #bfbfbf;
	background: none;
	box-shadow: none;
}

.chosen-container .chosen-drop {
	border-color: #bfbfbf;
	border-top: 0;
	box-shadow: none;
}

.chosen-container-multi .chosen-choices {
	border: 1px solid #bfbfbf;
	background-image: none;
	border-radius: 5px;
}


/* NEW JK */
.breadcrumb-versions {
	line-height:40px;
	color:#666;
	display:inline-block;
	width:50%;
	height:40px;
	float:left;
}

.breadcrumb-actions {
	line-height:40px;
	display: inline-block;
	width:50%;
	height:40px;
}