@charset "UTF-8";

/* TAGS */
body {
	background-color: white;
	color: rgba(99,100,102,1.0); /* #636466 */
	font-family: sans-serif;
}

header {
	text-align: center;
	padding: 0px;

	min-height: 60px;
	vertical-align: middle;

	background-color: white;
	width: 100%;

	border-bottom: none;
	height: 60px;
}

body > header {
	z-index: 100;
}

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

strong, dt, .cald_title {
	color: black;
}

.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;
}

a {
	color: #00abe3;
	text-decoration: none;
}

a:hover, a:active {
	color: #00abe3;
	text-decoration: underline;
}

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

h1>a[name], h2>a[name], h3>a[name], h4>a[name], h5>a[name], h6>a[name],
h1>a[name]:hover, h2>a[name]:hover, h3>a[name]:hover, h4>a[name]:hover, h5>a[name]:hover, h6>a[name]:hover,
h1>a[name]:active, h2>a[name]:active, h3>a[name]:active, h4>a[name]:active, h5>a[name]:active, h6>a[name]:active {
	color: black;
	text-decoration: none;
}

h1:not([class="cald_header"]), h2:not([class="cald_header"]) {
	/*color: rgba(0,171,227,1.0);*/
	color: rgba(54,76,160,1.0);
	margin-top: 10px;
}

h3:not([class="cald_header"]) {
	color: #47484a;
	margin-top: 10px;
}


/* CLASSES */
.cald_header_ribbon {
	background-image: linear-gradient( 90deg, #fab423 0%, #94c84a 25%, #00a7e0 50%, #00ABE3 60%, #364CA0 80%, #904D9E 90%, #a96dae 100% );
	background-repeat: no-repeat;
	background-size: contain;
	min-height: 5px;
	max-height: 5px;
	height: 5px;
	width: 100%;
}

.cald_header_ribbon.cald_pinned {
	top: 60px;
	left: 0px;
}

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

.cald_content {
	background-color: white;
	padding: 20px;
	box-shadow: 2px 2px 7px rgba(0,0,0,0.15);
}

.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, .cald_tertiary_bar.cald_branded {
	background-image: url("../img/2017/Pattern-for-CPQ_CLM_Commissions@1x.png"), linear-gradient( 90deg, rgba(54,76,160,1.0) 25%, rgba(0,171,227,1.0) 100% );
}

h2.cald_header {
	background-color: #00abe3;
	background-image: linear-gradient( 90deg, rgba(0,171,227,1.0) 25%, rgba(133,229,255,1.0) 100% );
}

.cald_bkgd .cald_content, .cald_widget {
	border-top: solid 3px rgba(54,76,160,1.0);
}

h1.cald_header, h2.cald_header, h3.cald_header, h4.cald_header {
	margin: 0px 0px 10px 0px;
	color: #47484a !important;
	border-bottom: solid 1px #bfbfbf;
	background: none;
	background-color: white !important;
	background-image: none;
}

/* Font sizes are minor thirds with a 1em base */
h1.cald_header {
	margin: -10px -10px 10px -10px;
	font-size: 1.728em;
	padding: 4px 2px 2px 0px;
	color: rgba(54,76,160,1.0) !important;
}

h2.cald_header {
	margin: -5px -10px 10px -10px;
	font-size: 1.44em;
	padding: 3px 4px 2px 0px;
	color: rgba(54,76,160,1.0) !important;
}

h3.cald_header {
	color: black !important;
	margin: -5px -10px 10px -10px;
	font-size: 1.2em;
	padding: 6px 5px 4px 0px;
}

h4.cald_header {
	color: black !important;
	border-bottom: solid 1px #bfbfbf;
	margin: -3px -10px 10px -10px;
	font-size: 1.0em;
	padding: 7px 10px 5px 0px;
}

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

.cald_bkgd > .cald_content > h1.cald_header, .cald_bkgd > .cald_content > h2.cald_header, .cald_bkgd > .cald_content > h3.cald_header, .cald_bkgd > .cald_content > h4.cald_header {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.cald_toaster {
	width:175px;
	height: 130px;
	position: absolute;
	right: 10px;
	bottom: 20px;
	box-shadow: 0px 7px 15px 0px rgba(187,187,187,0.85);
	/*border: solid 1px #bfbfbf;*/
	padding: 10px;
}

.cald_toaster_msgs {
	overflow-y: scroll; 
	overflow-x: hidden;
	margin: -10px;
	padding: 10px; 
	font-size: smaller;
}

.cald_dialog h1.cald_header, .cald_dialog h2.cald_header, .cald_dialog h3.cald_header, .cald_dialog h4.cald_header,
.cald_toaster h1.cald_header, .cald_toaster h2.cald_header, .cald_toaster h3.cald_header, .cald_toaster h4.cald_header {
	margin: -10px -10px 10px -10px;
} 

.cald_toaster h1.cald_header, .cald_toaster h2.cald_header, .cald_toaster h3.cald_header, .cald_toaster h4.cald_header {
	padding: 10px;
	font-size: 1em;
	color: #47484a !important;
	background-image: url("../img/2017/Pattern-for-CPQ_CLM_Commissions@1x.png"), linear-gradient( 90deg, rgba(121,216,242,1.0) 25%, rgba(162,231,250,1.0) 100% );
	/*background-image: url("../img/2017/Pattern-for-CPQ_CLM_Commissions@1x.png"), linear-gradient( 90deg, rgba(54,76,160,0.25) 25%, rgba(0,171,227,0.25) 100% );*/
	background-image: url("../img/2017/Pattern-for-CPQ_CLM_Commissions@1x.png"), linear-gradient( 90deg, #fafafa 25%, #fafafa 100% );
	border-top: solid 2px rgba(0,171,227,1.0);
} 

.cald_dialog h1.cald_header, .cald_dialog h2.cald_header, .cald_dialog h3.cald_header, .cald_dialog h4.cald_header {
	padding: 10px;
	font-size: 1em;
	color: white !important;
	background-image: url("../img/2017/Pattern-for-CPQ_CLM_Commissions@1x.png"), linear-gradient( 90deg, rgba(54,76,160,1.0) 25%, rgba(0,171,227,1.0) 100% );
} 

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

.cald_center {
	/* requires parent to be position: relative; */
	/* otherwise this centers in the overall page */
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

header.cald_header {
	position: static;
}

header.cald_header.cald_mobile {
	position: static;
	/*height: 32px;*/
	height: 35px;
	min-height: 35px;
}


header.cald_pinned {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 100;
	width: 100%;
	background-color: white;
	transition: top 0.0s linear;
}

div.cald_header {
	position: relative;
}

nav.cald_header {
	height: 40px;
	min-height: 5px;
	width: 100%;
	z-index: 100;
	margin: 0px;
	padding: 0px;
	position: static;

	background-color: white;
	color: #636466;
}


nav.cald_header.cald_pinned {
	position: fixed;
	top: 64px;
	left: 0px;
	z-index: 100;
	width: 100%;
	transition: top 0.0s linear;
}

.cald_header div {
/*	display: inline-block;*/
}

.cald_header.cald_no_menu {
	min-height: 0px !important;
	height: 0px !important;
}

.cald_app_name, .cald_help_link {
/*	Callidus UI Guidelines v2.0 */
/*	text-transform: uppercase;*/
}

.cald_logo {
	background-color: transparent;
	background-image: url("../img/CallidusCloud_logo_product_dark.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 40px;
	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_mobile .cald_logo {
	/*height: 33px;    */
	height: 25px;
    margin: 5px 0px 0px -52px;
}

.cald_mobile .cald_left {
    padding: 10px;
}

.cald_mobile .cald_right {
    padding: 10px;
}

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

.cald_header_menuitem_selected {
	height: 40px;
	padding: 10px 20px;
	border: none;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;

	background-color: white;
	border-bottom: solid 2px rgba(0,171,227,1.0);
	color: black;
}

.cald_header_menuitem_hover {
	height: 40px;
	margin: 0px;
	padding: 10px 20px;
	border: none;
	text-align: center;
	vertical-align: middle;
	/*color: #636466;*/
	font-weight: bold;
	position: relative;

	background-color: white;
	color: black;
}

li.cald_header_megamenu {
	position: relative;
}

.cald_header_megamenu {
	padding: 0px 0px;
	display: inline-block !important;
	box-shadow: 3px 5px 12px 0px rgba(0,0,0,0.35);
	position: absolute;
	top: 40px;
	left: 0px;
	font-weight: normal;
	text-transform: none;

	background-color: white;
	color: #636466;
}


li.cald_header_mega {
	position: relative;
	box-shadow: none;
}

.cald_header_megacontainer {
	top: 40px;
	display: inline-block !important;
	vertical-align: top;
}

.cald_header_submenuheading {
	font-style: italic;
	color: black;
	margin: 10px 0px -5px !important;
}

.cald_header_submenu, .cald_header div .cald_header_submenu {
	padding: 0px 0px;
	box-shadow: 3px 5px 12px 0px rgba(0,0,0,0.35);
	position: absolute;
	top: 40px;
	left: 0px;
	font-weight: normal;

	background-color: white;
	color: #636466;
}

.cald_header_submenuitem {
	height: 40px;
	margin: 0px;
	padding: 10px 30px;
	border: 0px;
	border-radius: 0px;
	text-align: left;
	vertical-align: middle;

	color: #636466;
}

.cald_header_submenuitem_hover {
	color: white;
	height: 40px;
	margin: 0px;
	padding: 10px 30px;
	border: 0px;
	border-radius: 0px;
	text-align: left;
	vertical-align: middle;
	position: relative;

	background-color: #00abe3; /* f7941d #FDB823 */
}

.cald_header_submenuitem_selected:before {
	content: "\f00c";
	font-family: "FontAwesome";
	margin-right: 5px;
	margin-left: -10px;
}

.cald_header_submenuitem_selected {
	height: 40px;
	margin: 0px;
	padding: 10px 20px;
	border: 0px;
	border-radius: 0px;
	text-align: left;
	vertical-align: middle;
	position: relative;

	background-color: white;
	color: #636466;
	/*font-weight: bold;*/
}


.cald_menu_inpage {
	display: inline-block; 
	background-color: #f2f2f2;
}

.cald_menu_pointer_right {
	background-color: #72c9e9;
	height: 40px;
	width: 20px;
	margin: 0px;
	border-top: solid 20px white;
	border-bottom: solid 20px white;
	border-left: solid 10px #bee0ee;
	border-radius: 0px;
	position: absolute;
	top: 0px;
	right: -20px;
}

/* DARK SIDE MENU */
.cald_sidebar {
	background: rgba(54,76,160,1.0);
	background-image: url("../img/2017/Pattern-for-CPQ_CLM_Commissions@1x.png"), linear-gradient( 90deg, rgba(54,76,160,1.0) 25%, rgba(0,132,176,1.0) 100% ); /* rgba(0,171,227,1.0) */
	background-image: linear-gradient( 90deg, rgba(54,76,160,1.0) 25%, rgba(0,132,176,1.0) 100% ); /* rgba(0,171,227,1.0) */
}

.cald_sidebar {
    color: #eee;
    border-top: solid 1px #fff;
    padding-right: 0;
    padding-left: 0;
}

.col-md-2.cald_sidebar {
	padding-right: 0;
	padding-left: 0;
}

.cald_sidebar .nav>li {
	border-bottom: solid 1px #fff;
}

.cald_sidebar .nav>li>a {
	color: #eee;
	padding: 10px;
	font-size: 1.1em;
	text-decoration: none;
	border-left: solid 5px rgba(54,76,160,1.0);
}

.cald_sidebar .nav>li>a.active {
	background-color: #72c9e9;
	color: #fff;
	border-left: solid 5px #72c9e9;
}

.cald_sidebar .nav>li>a:hover, .cald_sidebar .nav>li>a:active, .cald_sidebar .nav>li>a:focus, .cald_sidebar .nav>li>a.cald_focus    {
	background-color: #bee0ee;
	color: #636466;
	border-left-color: rgba(0,171,227,1.0);
}

.cald_sidebar .nav>li>a[aria-expanded="true"], .cald_sidebar ul[aria-expanded="true"]  {
	border-left: solid 5px rgba(0,171,227,1.0);
} 

.cald_sidebar.cald_menu_carousel .nav>li>a[aria-expanded="true"], .cald_sidebar.cald_menu_carousel ul[aria-expanded="true"]  {
	border-left: inherit;
} 

.cald_sidebar .nav>li>a .fa  {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
} 

.cald_sidebar.cald_menu_carousel .nav>li>a .fa  {
	margin-top: 5px;
} 

.cald_sidebar .nav>li>a[aria-expanded="true"] .fa  {
/*
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
*/
} 

.cald_sidebar .nav>li>ul>li>a {
	padding: 10px 10px 10px 25px;
	border-left: 0;
    color: #eee;
}


/* LIGHT SIDE MENU */
.cald_lite.cald_sidebar {
	background: #ececec;
}

.cald_lite.cald_sidebar {
    color: #636466;
    border-top: none;
    padding-right: 0;
    padding-left: 0;
}

.col-md-2.cald_lite.cald_sidebar {
	padding-right: 0;
	padding-left: 0;
}

.cald_lite.cald_sidebar .nav>li {
	border-bottom: none;
}

.cald_lite.cald_sidebar .nav>li>a {
	color: #636466;
	padding: 10px;
	font-size: 1.1em;
	text-decoration: none;
	border-left: #ececec;
}

.cald_lite.cald_sidebar .nav>li>a.active {
	background-color: #ececec;
	color: black;
	border-left-color: rgba(0,171,227,1.0);
	font-weight: bold;
}

.cald_lite.cald_sidebar .nav>li>a:active, .cald_lite.cald_sidebar .nav>li>a:focus, .cald_lite.cald_sidebar .nav>li>a.cald_focus    {
	background-color: #72c9e9;
	color: #fff;
	border-left: solid 5px #72c9e9;
}

.cald_lite.cald_sidebar .nav>li>a:hover {
	background-color: #00abe3;
	color: #fff;
	border-left: solid 5px #00abe3;
}

.cald_lite.cald_sidebar .nav>li>a[aria-expanded="true"], .cald_lite.cald_sidebar ul[aria-expanded="true"]  {
	border-left: solid 5px rgba(0,171,227,1.0);
} 

.cald_lite.cald_sidebar.cald_menu_carousel .nav>li>a[aria-expanded="true"], .cald_lite.cald_sidebar.cald_menu_carousel ul[aria-expanded="true"]  {
	border-left: inherit;
} 

.cald_lite.cald_sidebar .nav>li>a .fa  {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
} 

.cald_lite.cald_sidebar.cald_menu_carousel .nav>li>a .fa  {
	margin-top: 5px;
} 

.cald_lite.cald_sidebar .nav>li>a[aria-expanded="true"] .fa  {
/*
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
*/
} 

.cald_lite.cald_sidebar .nav>li>ul>li>a {
	padding: 10px 10px 10px 25px;
	border-left: 0;
    color: #636466;
}


/* MOBILE SIDE MENU */
.cald_mobile.cald_sidebar {
	background: #636466;
}

.cald_mobile.cald_sidebar {
    color: #d9d9d9;
    border-top: none;
    padding-right: 0;
    padding-left: 0;
}

.cald_mobile.col-md-2.cald_sidebar {
	padding-right: 0;
	padding-left: 0;
}

.cald_mobile.cald_sidebar .nav>li {
	border-bottom: none;
}

.cald_mobile.cald_sidebar .nav>li>a {
	color: #d9d9d9;
	padding: 10px;
	font-size: 1.1em;
	text-decoration: none;
	border-left: #636466;
}

.cald_mobile.cald_sidebar .nav>li>a.active {
	background-color: #636466;
	color: #d9d9d9;
	border-left: solid 5px #636466;
	font-weight: bold;
}

.cald_mobile.cald_sidebar .nav>li>a:active, .cald_mobile.cald_sidebar .nav>li>a:focus, .cald_mobile.cald_sidebar .nav>li>a.cald_focus    {
	background-color: #47484a;
	color: #fff;
	border-left-color: rgba(0,171,227,1.0);
}

.cald_mobile.cald_sidebar .nav>li>a:hover {
	background-color: #00abe3;
	color: #fff;
	border-left: solid 0px #00abe3;
}

.cald_mobile.cald_sidebar .nav>li>a[aria-expanded="true"], .cald_mobile.cald_sidebar ul[aria-expanded="true"]  {
	border-left: solid 5px rgba(0,171,227,1.0);
} 

.cald_mobile.cald_sidebar.cald_menu_carousel .nav>li>a[aria-expanded="true"], .cald_mobile.cald_sidebar.cald_menu_carousel ul[aria-expanded="true"]  {
	border-left: inherit;
} 

.cald_mobile.cald_sidebar ul[aria-expanded="true"]  {
	/*background-color: #555557;*/
} 

.cald_mobile.cald_sidebar .nav>li>a .fa  {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
} 

.cald_mobile.cald_sidebar.cald_menu_carousel .nav>li>a .fa  {
	margin-top: 5px;
} 

.cald_mobile.cald_sidebar .nav>li>a[aria-expanded="true"] .fa  {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
} 

.cald_mobile.cald_sidebar .nav>li>ul>li>a {
	padding: 10px 10px 10px 25px;
	border-left: 0;
    color: #d9d9d9;
}


.cald_page_contents {
	display: inline-block;
}

.cald_tertiary_bar {
	padding: 10px; 
	vertical-align: middle; 
	margin: 0px 0px 0px 0px !important;

	background-color: #fcfcfc !important;
	box-shadow: inset 0px 2px 5px rgba(0,0,0,0.05);
}

.cald_bkgd.cald_tertiary_bar {
	background-color: #eaeaea !important; 
}

.cald_tertiary_title {

	font-weight: bold; 
	margin-left: 20px !important; 
	padding-top: 20px;

	color: #636466;
}

.cald_branded .cald_tertiary_title {
	color: white;
}

.cald_context_menu {
	display: inline-block; 
	border-color: #bfbfbf;
	color: #636466;
	box-shadow: 3px 5px 12px 0px rgba(0,0,0,0.35);
	margin-left: 20px;
}

.cald_menu_compact {
	padding: 5px 20px !important;
	height: 30px !important;
}

/* Grid styles */
.cald_table {
	box-shadow: 2px 2px 12px rgba(0,0,0,0.12);
}

.cald_table.cald_alternate {
	box-shadow: none;
}

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

.cald_table th .cald_truncate, .cald_table td .cald_truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

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

.cald_tr_heading td {
	text-align: center;
}

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

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

.cald_primary .cald_tr_heading {

	background-color: rgba(54,76,160,1.0);
	background-image: linear-gradient( 90deg, rgba(54,76,160,1.0) 25%, rgba(0,171,227,1.0) 100% );
	color: white;
	
	background-color: white;
	background-image: none;
	color:#636466;
	border-top: solid 2px rgba(0,171,227,1.0); /*rgba(54,76,160,1.0)*/
}

.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: #ececec;
}

.cald_secondary .cald_tr_heading {
	background-color: #00A8E3;
	background-image: linear-gradient( 90deg, rgba(0,171,227,1.0) 25%, rgba(133,229,255,1.0) 100% );
	background-image: linear-gradient( 90deg, rgba(0,171,227,1.0) 25%, #b8d6e5 100% );
	/*background-image: none;*/
	color: white;

	background-color: white;
	background-image: none;
	color:#636466;
	border-top: solid 2px rgba(54,76,160,1.0); /*#a96dae*/
}

.cald_secondary .cald_tr_cells {
}

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

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

	background-color: white;
	background-image: none;
	color:#636466;
	border-top: solid 2px #636466;
}

.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_compact_grid th, .cald_compact_grid td {
	padding: 2px 5px;
}

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

td.cald_selected, .cald_tr_cells.cald_even td.cald_selected {
	background-color: #fcd27e !important;
	color: #636466 !important;
}

.cald_hover, .cald_tr_cells.cald_hover, .cald_tr_cells.cald_hover a, .cald_tr_cells.cald_hover .cald_selected, .cald_tr_cells.cald_hover td.cald_selected, .cald_tr_heading th.cald_selected {

	background-color: #f7941d !important;
	color: white !important;
}


.cald_align_top th, .cald_align_top td {
	vertical-align: top;
}

.cald_table input, .cald_currency {
	text-align: right;
}

.cald_table.cald_alternate thead:first-child th, .cald_single_value {
	text-align: center;
}

.cald_analytic th {
	background-color: #ededed;
}

th.cald_dimension, .cald_analytic .cald_tr_heading:first-child th {
	background-color: #d9d9d9;
}

.cald_analytic th, .cald_analytic td {
	border-left: solid 1px #ececec;
	border-right: solid 1px #ececec;
}

.cald_analytic th:first-child, .cald_analytic td:first-child {
	border-left: none;
}

.cald_analytic th:last-child, .cald_analytic td:last-child {
	border-right: none;
}

.cald_analytic .cald_tr_heading, .cald_analytic .cald_tr_cells {
	border-bottom: solid 1px #919293;
}

.cald_analytic .cald_tr_cells td {
	text-align: right;
}



.cald_status_square {
	height: 84px;
	width: 84px;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	margin: 5px;
	color: white;
	display: inline-block;
	background-color: rgba(54,76,160,1.0);
}

.cald_status_square h1, .cald_status_number {
	padding: 0px;
	margin: 5px 0px;
	color: white;
	font-weight: normal;
}

.cald_status_square.cald_success {
	background-color: #309030;
}

.cald_status_square.cald_warning {
	background-color: #d9b500;
}

.cald_status_square.cald_error {
	background-color: #ad3a3a;
}

.cald_status_subtext {
	font-size: smaller;
}

.cald_interactive {
	border-radius: 5px;
}

.cald_interactive:disabled {
	background-color: #ececec;
	color: #636466;
}

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



/* FORM ELEMENTS */
.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_button_tertiary {
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
}

.cald_button_tertiary + button, .cald_button_tertiary + input[type='button'] {
	margin-left: 15px;
}

.cald_button_tertiary.disabled, .cald_button_tertiary.disabled:hover {
	color: #919293;
	text-decoration: none !important;
	cursor: not-allowed;
}

.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, .cald_3D_button_primary.selected {
	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, .cald_3D_button_default.selected {
	background:-webkit-linear-gradient(#dddddd,#ffffff);
	background:linear-gradient(#dddddd,#ffffff);
	border-radius: 5px;
}

.cald_3D_button_primary.selected {
	border: solid 1px #337ab7;
}

.cald_3D_button_default.selected {
	border: solid 1px #337ab7;
}

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

.cald_drop_button {
	position: relative;
	display: inline-block;
}

/* 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_checkbox_label {
	font-weight: normal;
}

.cald_disabled_label {
	color: #bfbfbf;
}

.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_tab_alt LI {
	display: inline-block;
}

.cald_tab_alt LI A:hover {
	background-color: #f9f9f9;
	background: none;
	text-decoration: underline;
}

.cald_tab_alt>li[class~="active"]>a, .cald_tab_alt>li[class~="active"]>a:hover {
	background-color: white;
	text-decoration: none;
	color: black; 
	font-weight: bold;
}

.cald_wizard .tab-content {
	margin: 15px 0px;
	border-top: solid 1px #bfbfbf;
	padding: 20px;
}

.cald_wizard .cald_progress {
	list-style: none;
	margin: 0;
	padding: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
	color: #849397;
	background-color: transparent;
	box-shadow: none;
}

.cald_wizard .cald_progress > li {
	position: relative;
	display: table-cell;
	text-align: center;
}

.cald_wizard .cald_progress > li span.circle {
	display: block;
	margin: 0 auto;
	background: #DFE3E4;
	width: 2.2em;
	height: 2.2em;
	text-align: center;
	margin-bottom: 0.25em;
	line-height: 2.2em;
	border-radius: 100%;
	position: relative;
	z-index: 100;
}

.cald_wizard .cald_progress > li:after {
	content: '';
	position: absolute;
	display: block;
	background: #DFE3E4;
	width: 100%;
	height: 0.5em;
	top: 1em;
	left: 50%;
	/*  margin-left: 1.5em\9;*/
	z-index: 1; /* FIX */
}

.cald_wizard .cald_progress > li:last-child:after {
	display: none;
}

.cald_wizard .cald_progress > li.is-complete {
	color: #00a8e3;
}

.cald_wizard .cald_progress > li.is-complete:before, .cald_progress > li.is-complete:after {
	color: #FFF;
	background: #00a8e3;
	z-index: 1; /* FIX */
}

.cald_wizard .cald_progress > li.is-complete span.check:before {
	content: '\f00c';
	font-family: FontAwesome;
}

.cald_wizard .cald_progress > li.is-complete span.circle, .cald_wizard .cald_progress > li.is-active span.circle  {
	color: #FFF;
	background: #00a8e3;
}

.cald_wizard .cald_progress > li.is-active {
	color: #00a8e3;
}

.cald_wizard .cald_progress > li.is-active:before {
	color: #FFF;
	background: #00a8e3;
}

.cald_wizard .cald_progress .step-indicator {
	position: absolute; 
	color: #888; 
	top: 8px; 
	z-index: 100;
}

.cald_wizard .cald_progress li a, .cald_wizard .cald_progress li a:hover, .cald_wizard .cald_progress li a:active, .cald_wizard .cald_progress li a:focus {
	color: inherit;
	text-decoration: none;
}

/**
 * Needed for IE8
 */
.progress__last:after {
	display: none !important;
}


.cald_dl_list DD {
	margin-bottom: 20px;
}


@keyframes bordercolor1 {
    0%   {
		border-top-color: transparent;
		border-right-color: transparent;
		border-bottom-color: transparent;
		border-left-color: transparent;
	}
    25%   {
		border-top-color: transparent;
		border-right-color: #00A8E3;
		border-bottom-color: transparent;
		border-left-color: transparent;
	}
    50%  {
		border-top-color: transparent;
		border-right-color: #9E57A2;
		border-bottom-color: #9E57A2;
		border-left-color: transparent;
	}
    75%  {
		border-top-color: transparent;
		border-right-color: #FDB823;
		border-bottom-color: #FDB823;
		border-left-color: #FDB823;
	}
    100% {
		border-top-color: #00A8E3;
		border-right-color: #00A8E3;
		border-bottom-color: #00A8E3;
		border-left-color: #00A8E3;
	}
}

@keyframes bordercolor {
    0%   {
		border-top-color: transparent;
		border-right-color: transparent;
		border-bottom-color: transparent;
		border-left-color: transparent;
	}
    25%   {
		border-top-color: transparent;
		border-right-color: #00A8E3;
		border-bottom-color: transparent;
		border-left-color: transparent;
	}
    50%  {
		border-top-color: transparent;
		border-right-color: transparent;
		border-bottom-color: #9E57A2;
		border-left-color: transparent;
	}
    75%  {
		border-top-color: transparent;
		border-right-color: transparent;
		border-bottom-color: transparent;
		border-left-color: #FDB823;
	}
    100% {
		border-top-color: #98C83C;
		border-right-color: transparent;
		border-bottom-color: transparent;
		border-left-color: transparent;
	}
}

.cald_spinner {
	border-radius: 50%;
	border-style: solid;
	border-width: 5px;
	border-color: #98C83C;
	padding: 10px;
/*	animation: bordercolor 3.5s ease-out none 3 forward; /* infinite alternate */
/*    transform: rotate(-45deg);*/

	animation-name: bordercolor;
	animation-duration: 4s;
    animation-iteration-count: 3;
    animation-direction: forward;
	animation-timing-function: linear;
    animation-delay: none;

}

@keyframes progress_message_line {
    from {
		content: " Component is loading...";
	}
    to {
		content: " Component is loading...";
	}
}

.spinner_line span:after {
	content: " Done.";
	color: #636466;
	animation-name: progress_message_line;
	animation-duration: 4s;
    animation-iteration-count: 3;
}

@keyframes progress_message_box {
    from {
		content: "Panel is loading...";
	}
    to {
		content: "Panel is loading...";
	}
}

.spinner_box span:after {
	content: "Done.";
	color: #636466;

	animation-name: progress_message_box;
	animation-duration: 4s;
    animation-iteration-count: 3;

}

.cald_spinner128 {
	height: 128px;
}

.cald_spinner64 {
	height: 64px;
	border-width: 7px;
}

.cald_spinner32 {
	height: 40px;
	padding: 4px;
	border-width: 5px;
}

.cald_spinner16 {
	height: 16px;
	padding: 8px;
	border-width: 7px;
}

.cald_spinner.cald_done {
	border-color: #98C83C;
	animation: none;
}


.cald_header_bar.cald_progress {
	margin-left: -15px;
}

@keyframes nomenubar_progresscolor {
    0% {
		background-color: white;
		width: 0px;
	}
    99% {
		background-color: white;
		width: 99%;
	}
    100% {
		background-color: #bee0ee;
		width: 100%;
	}
}

.cald_header_nomenubar.cald_progress {
	background-color: #bee0ee;
	animation: nomenubar_progresscolor 12s ease-in; /* alternate */
/*	animation-delay: 12s;*/
	animation-fill-mode: forward;
}

@keyframes background_progresscolor {
    from {
		background-color: #98C83C;
		width: 0px;
	}
    to {
		background-color: #98C83C;
		width: 100%;
	}
}

.cald_progress_line {
	font-size: 1pt;
	background-color: transparent;
	height: 5px;
	width: 0px;
	margin: 0px;
	animation: background_progresscolor 12s ease-in; /* alternate */
	animation-fill-mode: inherit;
/*	animation-delay: 2s;*/
}

.cald_progress_bar {
	display: inline-block;
	min-height: 10px;
	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:60%;
	background-color:#00A8E3;
	color:white;
	padding-left:0.25em;
}

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

.cald_header_helpmenu {
	background-color: white;
	display:inline-block; 
	border: none; 
	color: #636466;
	box-shadow: 3px 5px 12px 0px #BBB;
	margin-left: 0px;
}
/*
.cald_header_submenuitem {
	height: 40px;
	margin: 0px;
	padding: 10px 20px;
	border: 0px;
	border-radius: 0px;
	text-align: left;
	vertical-align: middle;
}

.cald_header_submenuitem_hover {
	background-color: #00abe3;
	color: white;
	height: 40px;
	margin: 0px;
	padding: 10px 20px;
	border: 0px;
	border-radius: 0px;
	text-align: left;
	vertical-align: middle;
	position: relative;
}

.cald_header_submenuitem_selected {
	background-color: #bee0ee;
	height: 40px;
	margin: 0px;
	padding: 10px 20px;
	border: 0px;
	border-radius: 0px;
	text-align: left;
	vertical-align: middle;
	position: relative;
}
*/
.cald_login_wrapper {
	position:relative;
/*	top:15%;*/
/*	width: 75% !important;*/
	width: 100% !important;
	border: solid 1px white;
/*	background:rgba(0,0,0,0.35); */
	background-color: white;
}

.cald_login_panel {
	padding: 30px 20px 30px 20px;
	color: #636466;
}

.cald_login_logo {
	display: block;
	background-image: url("../img/CallidusCloud_logo_product_dark.png");
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto;
	height: 91px;
	width: 185px;
}

.cald_login_wrapper .cald_login_logo {
	float: left;
	margin-left: -20px;
}

.cald_l2m_img {
/*	border: solid 1px #bfbfbf;*/
	text-align: right;
/* 788 x 590 */
	width: 100%;
/*	height: 100%;*/
	border:none;
	margin-top: 25%;
	margin-top: 0px;
}

.cald_l2m_div {
	min-width: 368px;
	width: 100%;
	max-width: 66%;
	text-align: right !important;
}

.cald_advertisement {
	/* This gradient/background color needs to change based on the image used */
	background: linear-gradient( #091b49 20%, #3f63a1 30%, #3f63a1 60%, #091b49 100% );
	background-repeat: no-repeat;
	border: solid 1px #bfbfbf;
	height: 100%;
	display: inline-block;
	height: 400px;
}

.cald_advertisement_disclaimer {
	width: 100%;
	text-align: center;
    position: absolute;
    transform: translate(-50%, -100%);
    top: 100%;
    left: 50%;
}

.cald_about_productname {
	font-size: 2.0em;
}

.cald_about_version {
	font-size: 1.5em;
}

.cald_about_copyright {
	font-size: smaller;
}

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

.cald_breadcrumb_arrow_mobile {
	font-weight: bold;
}

.cald_paging {
	font-style: italic;
/*	font-family: Times, "Times Roman", serif;*/
}

.cald_paging a {
	font-style: normal;
/*	font-family: Times, "Times Roman", serif;*/
}

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

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

.cald_page_link {
	display: inline-block;
	height: 44px;
	width: 44px;
	padding-top: 11px;
	border: solid 1px #72c9e9;
	color: #72c9e9;
	background-color: white;
	text-align: center;
	vertical-align: middle;
	border-radius: 5px;
}

.cald_page_link.cald_selected  {
	padding-top: 11px;
	background-color: #72c9e9 !important;
	color: white !important;
}

strong.cald_page_link  {
	margin-top: 11px;
	background-color: #72c9e9;
	color: white !important;
}

.cald_page_link.cald_disabled_label {
	border: solid 1px #bfbfbf !important;
	color: #bfbfbf;
}

.cald_page_link.cald_ellipses {
	border: none;
	color: #bfbfbf;
}

.cald_paging_bar {
	text-align: center;
}

.cald_color_series {
	color: white;
}


.cald_carousel {
	border:solid 1px #bfbfbf;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	box-shadow: inset 5px 0px 5px rgba(0,0,0,0.05),  inset -5px 0px 5px rgba(0,0,0,0.05);
}

.carousel_panes {
	vertical-align: middle;
	position: relative;
	white-space: nowrap;
	position: absolute;
	top: 0px;
	left: 0px;
}

.cald_carousel > i {
	position: absolute;
	top: 45%;
	font-size: 3em;
	cursor: pointer;
	z-index: 10;
}

.cald_carousel > i.fa-angle-left {
	left: 5px;
}

.cald_carousel > i.fa-angle-right {
	right: 5px;
}

.cald_carousel_content {
	display: inline-block;
	margin: 0px;
	border: none;
	padding-left: 40px;
	padding-right: 40px;
}

.cald_carousel_footer {
	position: absolute;
	bottom: 5px;
	left: 45%;
}

.cald_carousel_footer i {
	cursor: pointer;
}



.cald_color_series._1 {
	background-color: #1667bd;
}

.cald_color_series._2 {
	background-color: #00a5ef;
}

.cald_color_series._3 {
	background-color: #97b68c;
}

.cald_color_series._4 {
	background-color: #467dc8;
}

.cald_color_series._5 {
	background-color: #56b397;
}

.cald_color_series._6 {
	background-color: #277876;
}

.cald_color_series._7 {
	background-color: #529bbd;
}

.cald_color_series._8 {
	background-color: #8dd9b5;
}

.cald_color_series._9 {
	background-color: #899884;
}

.cald_color_series._1.warm {
	background-color: #88714b;
}

.cald_color_series._2.warm {
	background-color: #cbc62e;
}

.cald_color_series._3.warm {
	background-color: #c38746;
}

.cald_color_series._4.warm {
	background-color: #7eb070;
}

.cald_color_series._5.warm {
	background-color: #ffc024;
}

.cald_color_series._6.warm {
	background-color: #6ca58a;
}

.cald_color_series._7.warm {
	background-color: #888016;
}

.cald_color_series._8.warm {
	background-color: #8dd9b5;
}

.cald_color_series._9.warm {
	background-color: #899884;
}

.cald_color_series:hover, .cald_color_series.hover, .cald_color_series.cald_hover, .cald_color_series.selected {
	background-color: #9E57A2 !important;
	color: white !important;
}

.cald_currency {
	text-align: right;
}

.cald_ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@keyframes faspin_color { 
	0% {
		color: #00A8E3;
	} 
	25% {
		color: #9E57A2;
	} 
	50% {
		color: #FDB823;
	} 
	75% {
		color: #98C83C;
	} 
	100% {
		color: #00A8E3;
	}
}

span.cald_spinner_color.small i.fa-spin, span.cald_spinner_color.small {
	font-size: 1.25em;
}

span.cald_spinner_color.medium i.fa-pulse, span.cald_spinner_color.medium {
	font-size: 1.775em;
}

span.cald_spinner_color.large i.fa-pulse, span.cald_spinner_color.large {
	font-size: 2.5em;
}

i.cald_spinner_color, span.cald_spinner_color {
	animation: faspin_color 7s infinite linear;
}

i.cald_spinner_color.slow, span.cald_spinner_color.slow {
	animation: faspin_color 15s infinite linear;
}

span.icon-radio-unchecked.done {
	font-size: 1.5em;
	color: #98C83C;
	vertical-align: text-bottom;
	font-weight: 900;
}


.fa-spin.slow {
    -webkit-animation: fa-spin 5s infinite linear;
    animation: fa-spin 5s infinite linear;
}

.fa-pulse.slow {
    -webkit-animation: fa-spin 2s infinite steps(8);
    animation: fa-spin 2s infinite steps(8);
}




/* IDS */


/* OVERRIDES */
.nav-tabs>li>a:hover {
    background-color: #f9f9f9;
    text-decoration: underline;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover {
	font-weight: bold;
	color: black;
	text-decoration: none;
	background: none;
	border-bottom: solid 1px white;
}

span.sr-only {
	margin-right: 1em;
}

.alert-warning h2 {
	color: #8a6d3b;
}