@charset "UTF-8";

body {
	/*transition: all 1s cubic-bezier(0,0.75,1,0.25);*/
	transition: all 0.5s ease-in;
}

header.cald_header {
	display: none;
}

/* Bootstrap override */
.nav, nav.cald_header {
	width: 165px;
}

div.cald_header {
	padding-left: 165px;
}

.flex {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap; /* wrap to do centering */
	flex-flow: row nowrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
}

.flex-item {
	flex-grow: 1;
	flex-basis: auto;
	flex: 0 1 auto;
}

.grid {
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	grid-template-rows: 25%;
}

.grid-recommendations {
	display: grid;
	grid-template-columns: 33% 33% 33%;
	grid-template-rows: 25%;
}

.grid-notifications {
	display: grid;
	grid-template-columns: 45% 45% 45%;
	grid-template-rows: 25%;
}

.grid-item {
}

.grid-performance {
	display: grid;
	/*grid-template-columns: 13% 20% 27% 30% 10%;*/
	grid-template-columns: 20% 30% 30% 20%;
	grid-template-rows: 25%;
}

.grid-team {
	display: grid;
	grid-template-columns: 20% 35% 40% 5%;
	grid-template-rows: 25%;
}

.grid-item-performance, .grid-item-team {
	vertical-align: middle;
}

.grid-performance.cald_tr_heading, .grid-team.cald_tr_heading {
	color: rgba(99,100,102,1.0);
}

.grid-item-performance.cald_currency, .grid-team.cald_currency {
	color: rgba(99,100,102,1.0);
}

.nav-item strong {
	color: black;
}

#cald_app_name {
	margin-right: 1.0em;
	letter-spacing: 0.01em;
}

#top_menu.navbar-nav > li > a {
	padding-top: 0px;
	padding-bottom: 0px;
}

#top_menu.navbar-nav > li > a:hover {
	background-color: transparent;
	text-decoration: underline;
}

#top_menu {
	height: 40px;
	width: auto;
	margin-left: 30px;
}

#top_menu li {
	margin: 12px;
}

#left_menu li:first-child {
	/*border-bottom: solid 5px #fab423;*/
	border-bottom: solid 5px transparent;
	height: 46px;
}

.cald_searchbar {
	text-align: right;
	padding-top: 3px;
}

#cald_search {
	width: 10em;
	margin-right: 30px;
}

.cald_searchbar .fa-search {
	margin-left: -55px;
	margin-right: 30px;
}

#dashboard {
	margin-left: 140px;
}

.cald_header_menuitem:first-child {
	background-color: white;
	margin-bottom: -1px;
}

.icon-grid {
	padding: 20px 20px;
}

.cald_icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 0.5em;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.cald_crm {
	background-image: url("../img/icons_stroke_bw/L2M_bw_.svg");
}

.cald_cpq {
	background-image: url("../img/icons_stroke_bw/CPQ_bw_.svg");
}

.cald_com {
	background-image: url("../img/icons_stroke_bw/Commissions_bw_.svg");
}

.cald_tb {
	background-image: url("../img/icons_stroke_bw/Thunderbridge_bw_.svg");
}

.cald_tnq {
	background-image: url("../img/icons_stroke_bw/TerritoryAndQuota_bw_.svg");
}

.cald_lr {
	background-image: url("../img/icons_stroke_bw/LeadRocket_bw_.svg");
}

.cald_ena {
	background-image: url("../img/icons_stroke_bw/Enablement_bw_.svg");
}

.cald_lit {
	background-image: url("../img/icons_stroke_bw/Litmos_bw_.svg");
}

nav.cald_header .cald_icon {
	/*filter: invert(100%) brightness(120%) saturate(0%);*/
	margin: -5px calc( 8px + 1em ) 8px 8px;
	margin-top: 3px;
}

nav.cald_header .cald_crm {
}

nav.cald_header .cald_cpq {
}

nav.cald_header .cald_com {
}

nav.cald_header .cald_tb {
}

nav.cald_header .cald_header_menuitem, nav.cald_header .cald_header_menuitem_selected, .cald_header_menuitem span[class|="icon"] {
	padding: 10px 10px 10px;
}

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

#cald_app_switcher i.cald_icon.selected {
	filter: none;
	width: 32px;
	height: 32px;
	margin: -8px 0.5em 0px;
}

#cald_app_switcher i.cald_icon.selected.cald_crm {
	background-image: url("../img/icons_circle_color/L2M_circle_.svg");
}

#cald_app_switcher i.cald_icon.selected.cald_cpq {
	background-image: url("../img/icons_circle_color/CPQ_circle_.svg");
}

#cald_app_switcher i.cald_icon.selected.cald_com {
	background-image: url("../img/icons_circle_color/Commissions_circle_.svg");
}

#cald_app_switcher i.cald_icon.selected.cald_tb {
	background-image: url("../img/icons_circle_color/Thunderbridge_circle_.svg");
}

#cald_app_switcher i.cald_icon.selected.cald_tnq {
	background-image: url("../img/icons_circle_color/TerritoryAndQuota_circle_.svg");
}

#cald_app_switcher i.cald_icon.selected.cald_lr {
	background-image: url("../img/icons_circle_color/LeadRocket_circle_.svg");
}

#cald_app_switcher i.cald_icon.selected.cald_ena {
	background-image: url("../img/icons_circle_color/Enablement_circle_.svg");
}

#cald_app_switcher i.cald_icon.selected.cald_lit {
	background-image: url("../img/icons_circle_color/Litmos_circle_.svg");
}

nav.cald_header .cald_header_menuitem_selected i {
	filter: none;
	width: 32px;
	height: 32px;
	margin: -5px 0px 0px;
	margin-right: 1em;
}

nav.cald_header .cald_header_menuitem_selected .cald_crm {
	background-image: url("../img/icons_circle_color/L2M_circle_.svg");
}

nav.cald_header .cald_header_menuitem_selected .cald_cpq {
	background-image: url("../img/icons_circle_color/CPQ_circle_.svg");
}

nav.cald_header .cald_header_menuitem_selected .cald_com {
	background-image: url("../img/icons_circle_color/Commissions_circle_.svg");
}

nav.cald_header .cald_header_menuitem_selected .cald_tb {
	background-image: url("../img/icons_circle_color/Thunderbridge_circle_.svg");
}

nav.cald_header .cald_header_menuitem_selected .cald_tnq {
	background-image: url("../img/icons_circle_color/TerritoryAndQuota_circle_.svg");
}

nav.cald_header .cald_header_menuitem_selected .cald_lr {
	background-image: url("../img/icons_circle_color/LeadRocket_circle_.svg");
}

nav.cald_header .cald_header_menuitem_selected .cald_ena {
	background-image: url("../img/icons_circle_color/Enablement_circle_.svg");
}

nav.cald_header .cald_header_menuitem_selected .cald_lit {
	background-image: url("../img/icons_circle_color/Litmos_circle_.svg");
}

/* Menu collapsed */
.menu_label {
	display: inline;
	opacity(1.0);
	transition: all 1.0s ease-in;
	transition: color 0s linear;
}

#page {
	/*margin-left: 70px;*/
	/*width: 1280px;*/
	width: 100%;
	height: 768px;
}

.menu_labels_off .menu_label {
	display: none;
	transition: all 0.5s ease-in;
}

.menu_labels_off header {
	/*margin-left: 44px;*/
	/*width: calc( 100vw - 60px );*/
	transition: all 0.5s ease-in;
}

.menu_labels_off .nav {
    width: 56px;
	transition: all 0.5s ease-in;
}

.menu_labels_off div.cald_header {
    padding-left: 0px;
	transition: all 0.5s ease-in;
}

.menu_labels_off #app-switch {
	display: inline;
	transition: all 0.5s ease-in;
}

.menu_labels_off nav.cald_header {
	display: none;
	transition: all 0.5s ease-in;
}

#app-switch {
	display: none;
	transition: all 0.5s ease-in;
}

nav.cald_header {
	display: inline;
	transition: all 0.5s ease-in;
}
/* End Menu collapsed */


.cald_content {
	/*margin-left: 60px;*/
}

.cald_widget h3 {
	margin-top: 0px;
}

.cald_filter {
	letter-spacing: 0.00em;
	font-size: 0.95em;
	padding: 4px 10px 2px;
}

.cald_filter .icon-close2 {
	font-size:1.25em;
	margin-right:-3px;
}

.cald_filter .icon-pencil {
	margin-top:2px;
}

.cald_ai {
	/*border: solid 2px #dba737;*/
	/*border: solid 2px #f7941d;*/
	border-radius: 5px;
	padding: 5px 5px 5px;
	vertical-align: middle;
	margin: 10px -10px 0px 20px;
	font-weight: normal;
	display: none;
	width: 330px;

	/* [L2M Team] Fix for ThunderBridge AI Recommendations slide */
	background: #f7941d;
	position: absolute;
	right: 15px;
	z-index: 1;
}

@keyframes pulsing-red {
	0% {
		background-color: #f7941d;
	}
	50% {
		background-color: #D04E3B;
	}
	100% {
		background-color: #f7941d;
	}
}

.cald_ai.underperforming {
	background-color: #D04E3B;
	/* Executive team changed mind about pulsing red, just static red now */
	/*animation: pulsing-red 2.5s infinite;*/
	/*animation-timing-function: ease-in-out;*/
}

.cald_ai h1,
.cald_ai h2,
/*.cald_ai h3,*/
/*.cald_ai h4,*/
.cald_ai h5 {
	/* Thunderbridge color - looks like warning, can't use */
	/*color: #d86161 !important;*/
	color: #f7941d !important;
	border: none;
	font-weight: bold;
}

/* Thunderbridge h2 background fix */
.cald_ai h2 {
	background-color: transparent!important;
	color: #fff!important;
}

.cald_recommendations, .cald_tasks {
	background-color: #f3f3f3;
}

.cald_recommendations h3:not([class="cald_header"]), .cald_tasks h3:not([class="cald_header"]) {
	color: #33a6cc;
}

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

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

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

.cald_recommendation {
	/*height: 265px;*/
	/*width: 275px;*/
	height: 300px;
	width: 300px;
	box-shadow: 1px 1px 7px rgba(0,0,0,0.10);
	display: inline-block;
	background-color: white;
	padding: 5px 10px;
	white-space: normal;
	margin-bottom: 10px;
}

.recommendation_count {
	font-weight: bold;
	margin-right: 0.5em;
}

#dashboardSales .kpis {
	height: 378px;
	max-height: 378px;
	width: 260px;
	box-shadow: 1px 1px 7px rgba(0,0,0,0.10);
	display: inline-block;
	background-color: white;
	padding: 10px;
	white-space: normal;
	margin: 10px -10px 10px 10px;
}

.cald_recommendations h3, .cald_tasks h3 {
	letter-spacing: -0.02em;
	margin: 0px 0px 5px;
}

.cald_recommendation h3 {
	margin: 5px 0px 5px;
	padding-top: 0px;
	color: rgba(54,76,160,1.0) !important;
	font-size: 1.15em;
}

.cald_recommendation p {
	color:#636466;
}

p.cald_recommendation_detail, div.cald_recommendation_detail, table.cald_recommendation_detail td {
	color:#636466;
}

.grid-recommendations .cald_button_bar_bottom .cald_button_tertiary + button, .grid-recommendations .cald_button_bar_bottom .cald_button_tertiary + input[type="button"] {
	margin-left: 0px;
}

.task h3 {
	margin: 0px 0px 5px;
	padding-top: 0px;
	color: rgba(54,76,160,1.0) !important;
	font-size: 1.1em;
}

.task {
	padding: 5px;
	border: solid 1px #bfbfbf;
	margin-bottom: 5px;
	border-radius: 5px;
	background-color: white;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.05);
}

#taskList {
	margin: 0px 0px 5px;
	padding: 0px;
	height: 265px;
	overflow-y: auto;
}

#dashboard {
    margin-left: 56px;
	display: none;
}

#dashboardSales, #dashboardOps, #dashboardMgr, #email_phase {
	display: none;
}

#email_phase {
	margin: 20px;
}

#thunderbridge {
    margin-left: 0px;
	display: none;
}

#histograms {
	margin-left: 10px;
	display: none;
}

#rule_distribution {
	margin-left: 10px;
}

div.cald_sparkline {
	margin-top: 20px;
}

.cald_column {
	height: calc( 100vh - 64px );
}

#chartToolbar .btn.btn-sm.btn-default {
	padding: 6px 12px 0px;
}

#filters strong {
	color: #919293;
}

#filterCreditEdit {
}

#filterCreditSelect_chosen {
	margin-top: -4px;
}

.cald_matrix_link {
	/*font-size: 1.1em;*/
}

.tb_recommendation {
	/* Thunderbridge color - looks like warning, can't use */
	/*border: solid 2px #d86161;*/
	border: solid 2px #f7941d;
	border-radius: 5px;
	padding: 5px 5px 5px;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	font-family: sans-serif !important;
}

h4.tb_recommendation,
h5.tb_recommendation {
	/* Thunderbridge color - looks like warning, can't use */
	/*color: #d86161 !important;*/
	color: #f7941d !important;
	border: none;
	font-weight: bold;
}

#l2mDashboard {
	display: none;
}

#login {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100vh;
	width: 100vw;
	background-color: #c6dce3;
	background-image: url(../img/cloud_one.png), url(../img/cloud_two.png), url(../img/cloud_three.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	z-index: 1500;
	padding: 20%;
}

#login .cald_header_ribbon {
	min-height: 5px;
	max-height: 5px;
	height: 5px;
	width: 100%;
	/*background-color: #c6dce3;*/
	/*display: block;*/
}

#loginBox {
	background-color: white;
	box-shadow: 5px 5px 25px rgba(0,0,0,0.15);
	transform: translate( -50%, -50% );
	margin: 0px;
	border: 0px;
}

#loginButton {
	padding-left: 20px;
	padding-right: 20px;
	letter-spacing: 0.05em;
}

.cald_form_controls {
	margin-top: 20px;
}

.cald_disk_chart {
	height: 225px;
	position: relative;
	overflow: hidden;
}

.cald_disk_data {
	height: 125px;
	width: 125px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}

.cald_disk_point {
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

.cald_disk_mask {
	height: 275px;
	width: 275px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
	background-color: transparent;
	border-radius: 50%;
	border: solid 75px white;
	box-shadow: inset 0px 0px 2px 2px #d4d4d4;
}

.cald_disk_number {
	height: 125px;
	width: 125px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-25%,-15%);
	z-index: 3;
	color: #666666;
	font-size: 2.0em;
}

.cald_disk_number.reverse {
	color: white;
	text-shadow: 0px 0px 3px black;
}

.cald_disk_legend {
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-25%);
	z-index: 4;
	width: 100%;
	line-height: 0.75em;
	font-size: 0.85em;
}

.cald_disk_legend .icon-circle2 {
	margin-right: 10px;
	font-size: 0.85em;
	border: solid 2px #d4d4d4;
	line-height: 0.75em;
	border-radius: 0.85em;
}

#profileWidget {
	padding: 0px;
}

#profileWidget > div {
	margin: 0px;
	display: inline-table;
	padding: 10px;
	min-height: 318px;
	max-height: 318px;
	height: 318px;
	width: 318px;
	position: relative;
	border: solid 10px white;
	border-bottom: solid 200px white;
}

#profileWidget.female > div {
	background-image:  url(../img/Pattern-for-CPQ_CLM_Commissions@1x.png), url(../img/cloud_two.png), linear-gradient(to right, rgba(54,76,160,0.75),rgba(176,48,146,0.6));
	background-repeat: no-repeat;
	background-size: 250% 250%;
	background-position: center -75px;
}

#profileWidget.mgr > div {
	background-position: center -220px;
	background-image:  url(../img/Pattern-for-CPQ_CLM_Commissions@1x.png), url(../img/cloud_three.png), linear-gradient(to right, rgba(247,148,29,0.75),rgba(29,153,100,0.6));
	background-repeat: repeat;
	background-size: auto;
}

#profileWidget.male > div {
	background-position: center -95px;
	background-image:  url(../img/Pattern-for-CPQ_CLM_Commissions@1x.png), url(../img/cloud_two.png), linear-gradient(to right, rgba(54,76,160,0.75),rgba(29,153,100,0.6));
	background-repeat: repeat;
	background-size: auto;
}

#profileWidget img.cald_profile_img {
	position: absolute;
	border-radius: 160px;
	height:9em;
	width:9em;
	border: solid 5px white;
	margin-top: -40px;
}

#profileWidget div#profileDescription {
	position: absolute;
	width: 100%;
	text-align: center;
	margin-top: 60px;
}

#profileWidget > div > p {
	position: absolute;
	bottom: 0px;
	left: 10px;
}

#profileWidget div h2 {
	border-bottom: none;
}

.cald_badge {
	border: solid 1px #10a892;
	border-radius: 24px;
	height: 24px;
	width: 24px;
}

#cald_profile_image {
	border: solid 1px #10a892;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: center;
	margin: 16px 10px 10px 40px;
	position: relative;
}

#cald_profile_image .caret {
	position: absolute;
	right: -15px;
	top: 50%;
	transform: rotateY(-50%);
}

#cald_profile_image.rose {
	background-image: url(../img/rose.jpg);
}

#cald_profile_image.julie {
	background-image: url(../img/rose.jpg);
}

#cald_profile_image.rory {
	background-image: url(../img/Rory-Cameron.jpg);
}

#cald_profile_image.melissa {
	background-image: url(../img/melissa.png);
}

#cald_profile_image.roxanne {
	background-image: url(../img/Roxanne-Oulman.jpg);
}

#cald_profile_image.george {
	background-image: url(../img/george.png);
}

#cald_profile_image.christine {
	background-image: url(../img/Christine-Dorrion.jpg);
}

#profileDropMenu {
	position: absolute;
	left: -75px;
	/* bottom: 0px; box-shadow css fix */
	width: 120px;
	box-shadow: 3px 5px 12px 0px rgba(0,0,0,0.35) !important;
	z-index: 5000;
}

.cald_header_submenuitem {
    background-color: white;
}

.cald_header_submenuitem:hover {
    background-color: #00abe3;
    color: #ffffff !important;
}

/*#cald_recommendation_action {*/
	/*position: absolute;*/
	/*top: 6px;*/
	/*left: 50%;*/
	/*transform: translatex(-50%);*/
	/*font-size: smaller;*/
	/*width: 380px;*/
	/*padding-bottom: 2px;*/
	/*margin-top: 1px;*/
/*}*/

/*#cald_recommendation_action img {*/
	/*height: 16px;*/
	/*width: 16px; */
	/*margin-top: -1px;*/
	/*margin-right: 1em;*/
	/*backround-color: #f7941d;*/
	/*filter: sepia(100%) saturate(1500%) brightness(1.0) contrast(200%) hue-rotate(45deg);*/
/*}*/

/*#cald_recommendation_action h5 {*/
	/*margin: 0px;*/
	/*padding:0px;*/
	/*display:inline-block;*/
	/*margin-right: 1em;*/
/*}*/

/*#cald_recommendation_action strong a {*/
	/*margin-top: -2px;*/
/*}*/

.cald_close_recommendations:hover {
	cursor: pointer;
}


/* Overrides */
.nav > li {
	font-size: smaller;
}

.nav > li > a {
	display: inline-block;
	background-color: transparent;
}

ul.nav.cald_tab_alt {
	/*width: 98%;*/
	width: 100%;
	border-bottom: solid 1px #d4d4d4;
	margin-bottom: 10px;
}

.cald_tab_alt > li[class~="active"] {
	border-bottom: solid 2px rgba(0,171,227,1.0);
}

.cald_tab_alt > li[class~="active"] > a, .cald_tab_alt > li[class~="active"] > a:hover {
	background-color: transparent;
}

.nav.cald_tab_alt li small {
	margin-left: -10px;
}

.cald_txn_link {
	margin-top: 40px;
	width: 100%;
	text-align: center;
}


/* Some kind of library used by Enablement for Portal/dashboard widgets */
.bdr-bottom {
	border-bottom: 1px solid #d9d9d9;
}

.txt-align-cntr {
	text-align: center !important;
}

.Sec {
	margin-bottom: 0px;
}

.card {
    word-wrap: initial;
    color: #a3a4a6;
    position: relative;
}

.card > .card-block {
    padding: 10px 0px 0px;
    margin-bottom: 10px;
}

.card-grp {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.card-grp > .card {
    flex: 1 0 50%;
    border-right: 1px #bdbdbf;
    /*border-bottom: 1px solid #bdbdbf;*/
}

.card-grp > .card:nth-child(2n) {
    border-right: none;
}

H4.card-title {
	font-size: 2.5em !important;
	color: #919293 !important;
	font-weight: normal !important;
}

.Wrp {
	margin: 0;
	padding: 0;
	position: relative;
}

.Flx {
	display: flex;
}

.Flx-row > .Wrp {
	flex: 1 1 50%;
	overflow-y: auto;
	overflow-x: hidden;
}


/* Tweaks just for C3 - to make elements show on TV display */
.c3 .flex-item {
	/*border: solid 1px #d4d4d4;*/
}

.c3 .cald_widget {
	/*box-shadow: 2px 3px 10px rgba(0,0,0,0.35);*/
	/*box-shadow: 2px 2px 7px rgba(0,0,0,0.20);*/
}
.c3 .cald_ai .cald_widget {
	border: none;
}

.c3 .cald_recommendations, .c3 .cald_tasks {
	/*background-color: #c3dce3;*/
	background-color: #ebebeb;
	/*background-color: #f0f2ed;*/
	/*background-color: #e4eff3;*/
	box-shadow: none;
}

.c3 .cald_recommendations {
	margin: 5px 0px 0px;
	min-width: 320px;
	/* */
	/*max-width: 320px;*/
	/*width: 320px;*/
	box-shadow: 1px 1px 7px rgba(0,0,0,0.10);
}

.c3 .cald_recommendations h3:not([class="cald_header"]), .c3 .cald_tasks h3:not([class="cald_header"]) {
	color: white;
	text-shadow: 1px 2px 6px rgba(0,0,0,0.60);
	/*color: #2f535e;*/
	color: rgba(54,76,160,1.0);
	text-shadow: none;
}

body:not(.menu_labels_off) .navigation_background {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 100;
	transition: all 0.25s cubic-bezier(0.4, 0.0, 0.2, 1);
}

/* OVERRIDES */
.cald_logo_small {
	display: inline-block;
	position: absolute;
	margin: 8px 10px 10px -35px;
	left: 50%;
	top: 50%;
	/* Uncomment to fix shifting logo */
	/*transform: translate(-25%,-0%);*/
}

.notification_icon {
	cursor: pointer;
	position: relative;
	margin-top: 7px;
}

.notification_icon.cald_right {
	padding-top: 9px;
	padding-right: 0;
}

.notification_icon i {
	color: #636466;
	font-size: 2.25em;
}

.notification_icon.has-notification i {
	animation: ring 7.5s .5s ease-in-out infinite;
	transform-origin: 50% 4px;
}

.notification_icon .notification_icon--indicator {
	display: none;

	color: white;
	font-weight: bold;
	line-height: 18px;
	text-align: center;

	background-color: red;
	border-radius: 50%;

	position: absolute;
	right: 0;
	top: 3px;
	width: 16px;
	height: 16px;
}

.notification_icon.has-notification .notification_icon--indicator {
	display: block;
}


@keyframes ring {
	0% { transform: rotate(0); }
	1% { transform: rotate(30deg); }
	3% { transform: rotate(-28deg); }
	5% { transform: rotate(34deg); }
	7% { transform: rotate(-32deg); }
	9% { transform: rotate(30deg); }
	11% { transform: rotate(-28deg); }
	13% { transform: rotate(26deg); }
	15% { transform: rotate(-24deg); }
	17% { transform: rotate(22deg); }
	19% { transform: rotate(-20deg); }
	21% { transform: rotate(18deg); }
	23% { transform: rotate(-16deg); }
	25% { transform: rotate(14deg); }
	27% { transform: rotate(-12deg); }
	29% { transform: rotate(10deg); }
	31% { transform: rotate(-8deg); }
	33% { transform: rotate(6deg); }
	35% { transform: rotate(-4deg); }
	37% { transform: rotate(2deg); }
	39% { transform: rotate(-1deg); }
	41% { transform: rotate(1deg); }

	43% { transform: rotate(0); }
	100% { transform: rotate(0); }
}


@keyframes border_radiate {
	0% {
		border-color: transparent;
		border-width: 3px;
	}
	1.5% {
		border-color: transparent;
		border-width: 3px;
	}
	3% {
		border-color: rgba(255,0,0,0.66);
		border-width: 24px;
	}
	6% {
		border-color: transparent;
		border-width: 48px;
	}
	9% {
		border-color: transparent;
		border-width: 3px;
	}
	10% {
		border-color: rgba(255,0,0,0.66);
		border-width: 24px;
	}
	13% {
		border-color: transparent;
		border-width: 48px;
	}
	16% {
		border-color: transparent;
		border-width: 3px;
	}
	100% {
		border-color: transparent;
		border-width: 3px;
	}
}

.radiate {
	height: 1px;
	width: 1px;
	padding: 0px;
	border-color: transparent;
	border-style: double;
	border-width: 3px;
	border-radius: 50%;
	/*animation: border_radiate 15s .5s ease-in-out infinite;*/
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -33.3333% );
	overflow: hidden;
}

.has-notification .radiate {
	animation-name: border_radiate;
	animation-duration: 7.5s;
	animation-delay: 0.25s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-fill-mode: backwards;
	animation-play-state: running;
}


/* Smartphones - Bootstrap default */
@media only screen and (max-width : 576px) {

}

/* Landscape phones */
@media only screen and (min-width : 576px) {

}

/* iPads */
@media only screen and (min-width : 768px) {

}

/* Laptops */
@media only screen and (min-width : 992px) {

}

/* Desktops */
@media only screen and (min-width : 1382px) {
	.cald_widget.single {
		width: 25%;
	}
	.cald_widget.double {
		width: 51%;
	}
	.cald_widget.single:nth-child(2), .cald_widget.single:nth-child(3) {
		width: 25%;
	}
	#profileWidget {
		/*width: 320px;*/
		width: 25%;
		position: relative;
	}
	#profileWidget > div {
		margin: 0px;
		padding: 10px;
		width: 100%;
		border: solid 10px white;
		border-bottom: solid 200px white;
		position: absolute;
		top: 1px;
		left: 50%;
		transform: translate(-50%,-0%);
	}
	H1.card-title {
		font-size: 3.5em !important;
	}
	H4.card-title {
		font-size: 3.25em !important;
	}
	.cald_transactions_title {
		padding: 0px;
	}
	.cald_transactions_title H1.card-title {
		font-size: 3.0em !important;
	}
}

/* iPhone 4++ ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

}