@charset "UTF-8";

/* Early cut at some v4.0 UI Guidelines - just tweaking/extending v3.0 at this point */

body {
	color: #919293;
	letter-spacing: 0.02em;
}

header {
	min-height: 60px;
	height: 60px;
	/*margin-left: 146px;*/ /* scrollbar */
	/*width: calc( 100vw - 162px );*/
	/*border-bottom: solid 1px #c6dce3;*/
	padding-right: 20px;
}

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

a:visited {
	color: #bda36c;
}

nav.cald_header {
	min-height: 5px;
	height: 100vh;
	display: inline-table;
	float: left;
	/*background-color: #2f535e;*/
	position: absolute;
	top: 0px;
	left: 0px;
	/*border-right: solid 3px #71c7e3;*/
	color: #919293;
	box-shadow: 4px 0px 8px rgba(0,0,0,0.15);
	transition: width 1.0s ease-in;
}

nav.cald_header strong {
	color: #919293;
}

div.cald_header:first-child {
	text-align: left;
}

ul.nav.nav-pills li {
	text-align: left;
	vertical-align: middle;
}

li.cald_icon_only {
	height: 40px;
	padding: 10px 20px;
}
			
.nav.nav-pills li span[class^='icon-'], .nav.nav-pills li i[class^='fa'] {
	margin-right: 0.5em;
}			
			
nav.cald_header li {
	letter-spacing: 0.00em;
}

div.cald_header li {
	letter-spacing: 0.00em;
}

.cald_logo {
	background-color: white;
	background-image: url("../img/CallidusCloud_logo_product_dark.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 26px;
	width: 69px;
	display: none;
	margin: 6px 10px 10px 0px;
	transform: translate(-50%, -75%);
}
			
.cald_logo_small {
	background-color: white;
	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;
	margin: 7px 10px 10px 40px;
}

.cald_bkgd {
	/*background-color: #f5f9fa;*/
}

.cald_bkgd .cald_content {
	border-top: none;
}

.cald_content {
	box-shadow: none;
	letter-spacing: 0.01em;
	line-height: 1.1em;
}

.cald_widget {
	border-top: none;
	/*border: solid 1px #e9ebe6;*/
	border: solid 1px #ebebeb;
	box-shadow: 1px 2px 5px rgba(0,0,0,0.15);
	margin: 10px;
	display: inline-table;
	padding: 10px;
	min-height: 320px;
	max-height: 320px;
	height: 320px;
}

.cald_widget.single {
	width: 320px;
}

.cald_widget.double {
	width: 660px;
}

.cald_widget.triple {
	width: 840px;
}

.cald_widget.quad {
	width: 980px;
}

.cald_content:first-child {
	height: auto;
	border-top: none;
	box-shadow: none;
	margin-left: 140px;
	padding-left: 30px;
}

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

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

i/*, span[class|="icon"]*/ {
	color: #bcbcbc;
}

button i, button span[class|="icon"] {
	color: #203840;
}

.cald_header_menuitem:hover, .cald_header_menuitem_selected:hover {
	cursor: pointer;
	font-weight: bold;
	color: #636466;
}

.cald_header_menuitem:hover, 
.cald_header_menuitem:hover i, 
.cald_header_menuitem:hover span[class|="icon"], 
li.cald_icon_only:hover , 
li.cald_icon_only:hover i, 
li.cald_icon_only:hover span, 
li.cald_icon_only:hover strong {
	cursor: pointer;
	/*color: white;*/
}

.cald_header_menuitem:hover i {
	/*filter: invert(100%) brightness(200%) saturate(0%);*/
}

.cald_header_menuitem_selected {
	border-bottom: none;
	/*background-color: #2f535e;*/
	font-weight: bold;
	/*color: white;*/
}

.cald_header_menuitem_selected i, .cald_header_menuitem_selected span[class|="icon"] {
	color: #000000;
}

.cald_header_menuitem_selected:first-child {
}

.cald_tertiary_bar {
	display: none;
}

.cald_button_bar_bottom {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	text-align: right;
	padding: 0px 10px 10px;
	white-space: nowrap;
}


/* 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: #5596ab !important;*/
}

h2.cald_header {
	margin: -5px -10px 10px -10px;
	font-size: 1.44em;
	padding: 3px 4px 2px 0px;
	/*color: #33a6cc !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;
}

h1.cald_header, h2.cald_header, h3.cald_header, .cald_recommendations h3, .cald_tasks h3, h4, h5 {
	letter-spacing: -0.02em;
	margin: 0px 0px 5px;
}

.cald_table {
	box-shadow: none;
}

.cald_table th/*, .cald_table td*/ {
	color: #636466;
}

.cald_table tr th, .cald_table tr td {
	padding: 7px;
	padding-left: 14px;
	padding-right: 14px;
	font-size: 0.85em;
	letter-spacing: 0.00em;
}

.cald_currency {
	letter-spacing: 0.00em;
}


/* 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.0em;*/
	font-size: smaller;
	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    {
	background-color: #72c9e9;
	color: #fff;
	border-left: solid 5px #72c9e9;
}

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

.cald_lite.cald_sidebar .nav>li>a:hover {
	background-color: #00abe3;
	color: #fff;
	border-left: solid 0px #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.25s ease;
	transition: all 0.25s ease;
} 

.cald_lite.cald_sidebar .nav>li>a:hover .fa  {
	color: white;
} 

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

.btn, .btn:hover, .btn:active, .cald_3D_button_default, .cald_3D_button_default:hover, .cald_3D_button_default:active, .cald_3D_button_default.selected, .cald_button_tertiary {
	border-radius: 16px !important;
	letter-spacing: -0.02em !important;
	line-height: 1.6em !important;
	padding: 6px 12px 4px !important;
}

.btn.btn-primary {
	box-shadow: none; 
	background:linear-gradient(#71c7e3,#71c7e3);
	background:linear-gradient(#71c7e3,#71c7e3);
	border-color: #00abe3;
	color: #fff;
	text-shadow: none;
}


.btn.btn-default {
	box-shadow: none; 
	background:linear-gradient(#ffffff,#ffffff);
	border-color: #bfbfbf;
	color: #203840;
	text-shadow: none;
}

.btn.btn-primary:hover, .btn.btn-primary:active {
	box-shadow: none; 
	background:linear-gradient(#00abe3,#00abe3);
	border-color: #00abe3;
	text-shadow: none;
}

.btn.btn-default:hover, .btn.btn-default:active {
	box-shadow: none; 
	background:linear-gradient(#ffffff,#ffffff);
	border-color: #bfbfbf;
	color: #203840;
	text-shadow: none;
}

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

.cald_advertisement {
	background: none;
	background-color: #d4d4d4;
	border: solid 1px #bfbfbf;
	height: 100%;
	display: inline-block;
	/*height: 400px;*/
}

/* JQuery UI */
.ui-effects-transfer {
    /*border: 1px dotted black;*/
    border: 1px dotted rgba(54,76,160,1.0);
	/*background-color: rgba(228,239,243,0.5);*/
	background-color: rgba(54,76,160,0.15);
  }

/* Highcharts */
.highcharts-plot-band-label {
	background-color: beige;
	border: solid 1px #bfbfbf;
	padding: 3px 3px 2px;
	color: black;
}