.vcenter {
   display: inline-block;
   vertical-align: middle;
   float: none;
}


.remove-margin-bottom {
    margin-bottom: 0 !important;
}

/* Background Themes */
.themed-background-turquoise {
    background-color: #1ABC9C !important;
}
.themed-background-peter-river {
    background-color: #3498DB !important;
}
.themed-background-auzarin {
    background-color: #E74C3C !important;
}
.themed-background-carrot {
    background-color: #E67E22 !important;
}
.themed-background-sun-flower {
    background-color: #F1C40F !important;
}
.themed-background-emerald {
    background-color: #2ECC71 !important;
}
.themed-background-dark-night {
    background-color: #333333 !important;
}
.themed-background-spring {
    background-color: #27ae60 !important;
}
.themed-background-fire {
    background-color: #e74c3c !important;
}


.objectContainer .row {
    margin-left: 0px !important;
		margin-right: 0px !important;
}
.row1, .row2 {
    margin-left: 5px;
		margin-right: 5px;
}



/*  an override of the bootstrap md-4 class */
/*  To allow the shaded boxes */
.row1 .ec-md-4, .row2 .ec-md-4 {
    float: left;
    position: relative;
		min-height: 270px;
    width: 31.3%; 
    margin: 1%;
    overflow: hidden;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

/* Same as above but smaller default height  */
.row1 .ec-xs-md-4, .row2 .ec-xs-md-4 {
    float: left;
    position: relative;
    min-height: 225px;
    width: 31.3%; 
    margin: 1%;
    overflow: hidden;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

.col-xs-4 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.widget a { color: #333; }
.widget a:hover { text-decoration: none; }

.widget table { 	
    font-size: 13px; 
    margin-left: 5px;
    margin-right: 5px;
    width: 97%;
    border: 1px solid #ddd;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.widget h4 small { font-size: 65% }
.widget h3 { font-size: 22px; }

.widget table>tbody>tr>td, .widget table>tbody>tr>th, .widget table>tfoot>tr>td, 
.widget table>tfoot>tr>th, .widget table>thead>tr>td, .widget table>thead>tr>th {
    padding: 4px !important;
}

.clickable-row { cursor:pointer; }

.ec-glyphicon {
    position: relative;
    top: 17px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
		}
/* end bootstrap overrides */

/* Widgets */
.widget {
    background-color: #ffffff;
    margin-bottom: 10px;
}

.widget .widget-extra-full,
.widget .widget-extra {
    position: relative;
    padding: 15px;
}

.widget .widget-extra {
    padding-top: 1px;
    padding-bottom: 1px;
}

.widget .widget-content-light {
    color: #ffffff;
}

.widget .widget-content-light small {
    color: #eeeeee;
}

.widget .widget-image,
.widget .widget-icon {
    width: 64px;
    height: 64px;
}

.widget .widget-icon {
    display: inline-block;
    line-height: 64px;
    text-align: center;
    font-size: 28px;
    color: #ffffff;
    border-radius: 32px;
}

.widget .widget-icon .gi,
.widget .widget-icon .si,
.widget .widget-icon .hi,
.widget .widget-icon .fi {
    margin-top: -3px;
}

.widget .widget-options,
.widget .widget-options-left {
    position: absolute;
    top: 5px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.widget .widget-options {
    right: 5px;
}

.widget .widget-options-left {
    left: 5px;
}

.widget .widget-options:hover,
.widget .widget-options-left:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.widget-simple {
    padding: 20px 0px;
}

.widget-simple:before,
.widget-simple:after {
    content:" ";
    display:table;
}

.widget-simple:after{
    clear:both;
}

.widget-simple .widget-image,
.widget-simple .widget-icon {
  /*  margin: 0 15px; */
}

.widget-simple .widget-image.pull-left,
.widget-simple .widget-icon.pull-left {
    margin-left: 0;
}

.widget-simple .widget-image.pull-right,
.widget-simple .widget-icon.pull-right {
    margin-right: 0;
}

.widget-simple .widget-content {
    font-size: 18px;
    margin: 12px 0;
}

.widget-simple .widget-content small {
    display: block;
    margin-top: 7px;
    font-size: 13px;
    font-weight: 400;
}

.widget-advanced .widget-header {
    position: relative;
    padding: 15px 15px 50px;
    height: 150px;
    overflow: hidden;
}

.widget-advanced .widget-background {
    position: absolute;
    top: 0;
    left: 0;
    height: 150px;
}

.widget-advanced .widget-background-map {
    height: 180px;
    width: 100%;
}

.widget-advanced .widget-content-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    margin: 0;
    background: url('../img/template/ie8_opacity_dark_60.png') repeat;
    background: rgba(0, 0, 0, 0.6);
}

.widget-advanced .widget-main {
    position: relative;
    padding: 50px 15px 15px;
}

.widget-advanced .widget-image-container {
    position: absolute;
    display: inline-block;
    padding: 5px;
    width: 74px;
    height: 74px;
    top: -36px;
    left: 50%;
    margin-left: -36px;
    border-radius: 36px;
    background-color: #ffffff;
}

.widget-advanced .widget-header .widget-image-container {
    position: static;
    left: auto;
    top: auto;
    margin: 0;
}

.widget-advanced-alt .widget-header,
.widget-advanced-alt .widget-main {
    padding: 15px;
}

.widget-advanced-alt .widget-header {
    height: auto;
    min-height: 150px;
}

/* Link Widgets */
a.widget {
    display: block;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

a.widget:hover,
a.widget:focus,
a.widget:active {
    text-decoration: none;
}

a.widget.widget-hover-effect1:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

a.widget.widget-hover-effect1:active {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

a.widget.widget-hover-effect2:hover {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.2);
}

a.widget.widget-hover-effect2:active {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.widget.widget-hover-effect3:hover {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
}

a.widget.widget-hover-effect3:active {
    -webkit-transform: rotate(2deg) scale(0.95);
    transform: rotate(2deg) scale(0.95);
}

a.widget.widget-hover-effect4:hover {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
}

a.widget.widget-hover-effect4:active {
    -webkit-transform: rotate(-1deg) scale(0.95);
    transform: rotate(-1deg) scale(0.95);
}


/*
==============================================
  Easy Pie Chart
==============================================
*/
.sub-header {
    margin: 10px 0 20px;
    padding: 10px 0;
    border-bottom: 1px dotted #dddddd;

}
.easyPieChart {
    position: relative;
    text-align: center;
    margin: 0 auto;
    font-size: 24px;
    font-weight: 300;
}

.easyPieChart small {
    font-size: 14px;
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

/* Pie Extra Bits */
	.pieDetail {
    background-color: #f9fafc;
    border-bottom: 1px solid #eaedf1;
	}
	
	.pieDetail p {  margin: 7px 5px 0px 2px !important; font-size:16px; }
	
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
			
.pieDetail h1,
.pieDetail h2,
.pieDetail h3,
.pieDetail h4,
.pieDetail h5,
.pieDetail h6 {
		display: inline-block;
		font-size: 14px;
		line-height: 1.4;
		margin: 0;
		padding: 12px 16px 9px;
		font-weight: normal;
}

	
.pieTable {
    display: table;
		width:100%;
        margin-top:7px;
    }

.pieRow  {
    display: table-row;
    }

.pieRowLeft, .pieRowRight,pieRowMiddle {
    display: table-cell;
		padding: 0px 5px;
    }
.pieRowRight,pieRowMiddle {
    display: table-cell;
		vertical-align: top;
		padding: 0px 5px;
    }	





/* Blocks */
.block {
    margin: 0 0 10px;
    padding: 20px 15px 1px;
    background-color: #ffffff;
    border: 1px solid #dbe1e8;
}

.block.full {
    padding: 20px 15px;
}

.block .block-content-full {
    margin: -20px -15px -1px;
}

.block .block-content-mini-padding {
    padding: 8px;
}

.block.full .block-content-full {
    margin: -20px -15px;
}

.block .tab-content .block-content-full,
.block.full .tab-content .block-content-full {
    margin-top: -19px !important;
}

.block-title {
    margin: -20px -15px 20px;
    background-color: #f9fafc;
    border-bottom: 1px solid #eaedf1;
}

.block-title h1,
.block-title h2,
.block-title h3,
.block-title h4,
.block-title h5,
.block-title h6 {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
    padding: 10px 16px 7px;
    font-weight: normal;
}

.block-title h1 small,
.block-title h2 small,
.block-title h3 small,
.block-title h4 small,
.block-title h5 small,
.block-title h6 small {
    font-size: 13px;
    color: #777777;
    font-weight: normal;
}

.block-title h1,
.block-title h2,
.block-title h3 {
    padding-left: 15px;
    padding-right: 15px;
}

.block-title .nav-tabs,
.block-options {
    min-height: 40px;
    line-height: 38px;
}

.block-title .nav-tabs {
    padding: 3px 1px 0;
    border-bottom: none;
}

.block-title .nav-tabs > li > a {
    border-bottom: none;
}

.block-title .nav-tabs {
    margin-bottom: -2px;
}

.block-title .nav-tabs > li > a {
    margin-bottom: 0;
}

.block-title .nav-tabs > li > a:hover {
    background: none;
}

.block-title .nav-tabs > li.active > a,
.block-title .nav-tabs > li.active > a:hover,
.block-title .nav-tabs > li.active > a:focus {
    border: 1px solid #eaedf1;
    border-bottom-color: #ffffff;
    background-color: #ffffff;
}

.block-title code {
    padding: 2px 3px;
}

.block-options {
    margin: 0 6px;
    line-height: 37px;
}

.block-options .label {
    display: inline-block;
    padding: 6px;
    vertical-align: middle;
    font-size: 13px;
}

.block-top {
    margin: -20px -15px 20px;
    border-bottom: 1px dotted #dbe1e8;
}

.block-section {
    margin-bottom: 20px;
}

.block.block-fullscreen {
    position: fixed;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    z-index: 1031;
    margin-bottom: 0;
    overflow-y: auto;
}

.block, .widget {
        margin-bottom: 5px;
    }

.block-title, .block-top {
        margin-left: -20px;
        margin-right: -20px;
    }

.block, .block.full {
        padding-left: 20px;
        padding-right: 20px;
    }


/* Additional HighCharts Settings in the Dashboards */
/* */

.hr-dashboard .widget-content_375 {
  height: 375px;
  padding: 30px;
}
.hr-dashboard .widget-content_400 {
  height: 400px;
  padding: 30px;
}
.hr-dashboard .widget-content_425 {
  height: 425px;
  padding: 30px;
}
.hr-dashboard .widget-content_450 {
  height: 450px;
  padding: 30px;
}

.dashboard-title {
    margin-top: 35px;
    margin-bottom: 35px;
    font-size: 25px;
}

.dashboard-widget {
  border: 1px solid #D3D3D3;
  background: white;
  margin-bottom: 40px;
}

.dashboard-widget-title {
  background: #F4F4F4;
  line-height: 45px;
  width: 100%;
  border-bottom: 1px solid #D3D3D3;
  padding: 0 30px;
  font-size: 14px;
  font-weight: bold;
}

.dashboard-widget-content {
    color: #307FCF;
    padding-top: 25px;
    min-height: 105px;
}
.dashboard-widget-content h4  {
    text-align: center;
   /* height: 125px;
    line-height: 125px;*/
    font-size: 28px;
    font-weight: 400 !important;
}

.dashboard-widget-report {
  border: 1px solid #D3D3D3;
  background: white;
  margin-bottom: 40px;
}

.dashboard-widget-report td, .dashboard-widget-report th {
    font-size: 12px;
	border: 1px solid #ddd;
}

.dashboard-widget-report th  {
  text-align: center;
  padding: 5px !Important;
  background: #eeeeee;
  color: #337ab7;
}


.dashboard-widget-report-title {
  background: #F4F4F4;
  line-height: 55px;
  width: 100%;
  border-bottom: 1px solid #D3D3D3;
  padding: 0 30px;
  font-size: 18px;
  font-weight: bold;
}

.dashboard-widget-report-content {
}

.dashboard_value {
  height: 80px;
  float: left;
  font-size: 30px;
  margin-top: 10px;
}

.gender .dashboard-widget-content {
  height: 155px;
}

.dashboard-widget-report-content table { 	
    font-size: 13px; 
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    border: 1px solid #ddd;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}

/*                */
/*    COPIED     */
/*    CSS        */
/* line 7, ../sass/shared/_main.scss */
.employeeconnect-dashboard .dashboard-title {
  margin-top: 35px;
  margin-bottom: 70px;
}
/* line 11, ../sass/shared/_main.scss */
.employeeconnect-dashboard .widget {
  border: 1px solid #D3D3D3;
  background: white;
  margin-bottom: 40px;
}
/* line 15, ../sass/shared/_main.scss */
.employeeconnect-dashboard .widget .title {
  background: #F4F4F4;
  height: 37px;
  line-height: 37px;
  width: 100%;
  border-bottom: 1px solid #D3D3D3;
  padding: 0 30px;
  font-size: 14px;
  font-weight: bold;
}
/* line 27, ../sass/shared/_main.scss */
.employeeconnect-dashboard table {
  margin-bottom: 0px;
}
/* line 29, ../sass/shared/_main.scss */
.employeeconnect-dashboard table th {
  background: #CBDFEE;
  text-align: center;
}
/* line 33, ../sass/shared/_main.scss */
.employeeconnect-dashboard table tr:nth-child(odd) {
  background-color: #F4F4F4;
}

/* line 37, ../sass/shared/_main.scss */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

/* line 46, ../sass/shared/_main.scss */
.col-xs-15 {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  /* line 51, ../sass/shared/_main.scss */
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  /* line 57, ../sass/shared/_main.scss */
  .col-md-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  /* line 63, ../sass/shared/_main.scss */
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}
/* line 71, ../sass/shared/_main.scss */
.col-xs-17,
.col-sm-17,
.col-md-17,
.col-lg-17 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

/* line 80, ../sass/shared/_main.scss */
.col-xs-17 {
  width: 15.4%;
  float: left;
}

@media (min-width: 768px) {
  /* line 85, ../sass/shared/_main.scss */
  .col-sm-17 {
    width: 15.4%;
    float: left;
  }
}
@media (min-width: 992px) {
  /* line 91, ../sass/shared/_main.scss */
  .col-md-17 {
    width: 15.4%;
    float: left;
  }
}
@media (min-width: 1200px) {
  /* line 97, ../sass/shared/_main.scss */
  .col-lg-17 {
    width: 15.4%;
    float: left;
  }
}
/* line 103, ../sass/shared/_main.scss */
.no-gutter {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* line 10, ../sass/scorecard/_main.scss */
.hr-scorecard .overview .widget {
  height: 137px;
}
/* line 12, ../sass/scorecard/_main.scss */
.hr-scorecard .overview .widget .widget-content {
  text-align: center;
  height: 100px;
  line-height: 100px;
  font-size: 50px;
}
/* line 18, ../sass/scorecard/_main.scss */
.hr-scorecard .overview .widget .widget-content .mini-chart {
  width: 170px;
  margin: 0 auto;
}
/* line 21, ../sass/scorecard/_main.scss */
.hr-scorecard .overview .widget .widget-content .mini-chart .value {
  height: 80px;
  float: left;
  font-size: 38px;
}
/* line 26, ../sass/scorecard/_main.scss */
.hr-scorecard .overview .widget .widget-content .mini-chart .inline-donut {
  width: 80px;
  height: 80px;
  float: left;
  margin-top: 10px;
}
/* line 36, ../sass/scorecard/_main.scss */
.hr-scorecard .overview .widget.headcount .widget-content {
  color: #307FCF;
}
/* line 45, ../sass/scorecard/_main.scss */
.hr-scorecard .headcounters .headcount-over-time .widget-content {
  height: 375px;
  padding: 30px;
}
/* line 51, ../sass/scorecard/_main.scss */
.hr-scorecard .headcounters .headcount-org-unit .widget-content {
  height: 730px;
  padding: 30px;
}
/* line 58, ../sass/scorecard/_main.scss */
.hr-scorecard .gender .widget-content {
  height: 155px;
}
/* line 60, ../sass/scorecard/_main.scss */
.hr-scorecard .gender .widget-content #gender-chart {
  padding: 30px;
}
/* line 65, ../sass/scorecard/_main.scss */
.hr-scorecard .gender .widget-content #gender-chart #gender-bar-chart {
  height: 100px;
}
/* line 77, ../sass/scorecard/_main.scss */
.hr-scorecard .gender-age-group .widget-content {
  height: 475px;
  padding: 40px;
}
/* line 80, ../sass/scorecard/_main.scss */
.hr-scorecard .gender-age-group .widget-content #gender-by-age-group-chart {
  height: 100%;
}
/* line 86, ../sass/scorecard/_main.scss */
.hr-scorecard .turnover-org-unit .widget-content {
  /*height: 450px;*/
  width: 100%;
}
/* line 90, ../sass/scorecard/_main.scss */
.hr-scorecard .turnover-org-unit .widget-content > div {
  height: 60px;
  width: 100%;
  padding: 0 30px;
}
/* line 93, ../sass/scorecard/_main.scss */
.hr-scorecard .turnover-org-unit .widget-content > div:nth-child(even) {
  border-top: 1px solid #D3D3D3;
  border-bottom: 1px solid #D3D3D3;
  background: #F4F4F4;
}
/* line 100, ../sass/scorecard/_main.scss */
.hr-scorecard .turnover-org-unit .widget-content > div ul {
  width: 100%;
  display: inline;
  height: 60px;
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 107, ../sass/scorecard/_main.scss */
.hr-scorecard .turnover-org-unit .widget-content > div ul li {
  line-height: 60px;
  height: 100%;
  float: left;
  margin: 0;
  padding: 0;
}
/* line 113, ../sass/scorecard/_main.scss */
.hr-scorecard .turnover-org-unit .widget-content > div ul li.first-col {
  width: 8%;
}
/* line 115, ../sass/scorecard/_main.scss */
.hr-scorecard .turnover-org-unit .widget-content > div ul li.first-col span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: block;
  margin-top: 20px;
}
/* line 124, ../sass/scorecard/_main.scss */
.hr-scorecard .turnover-org-unit .widget-content > div ul li.second-col {
  width: 22%;
}
/* line 127, ../sass/scorecard/_main.scss */
.hr-scorecard .turnover-org-unit .widget-content > div ul li.third-col {
  width: 15%;
}
/* line 130, ../sass/scorecard/_main.scss */
.hr-scorecard .turnover-org-unit .widget-content > div ul li.fourth-col {
  width: 20%;
}
/* line 132, ../sass/scorecard/_main.scss */
.hr-scorecard .turnover-org-unit .widget-content > div ul li.fourth-col span {
  float: left;
  font-size: 11px;
}
/* line 136, ../sass/scorecard/_main.scss */
.hr-scorecard .turnover-org-unit .widget-content > div ul li.fourth-col .up {
  background: url(../img/up.png) no-repeat;
  height: 100%;
  width: 25px;
  background-position: 0 15px;
}
/* line 142, ../sass/scorecard/_main.scss */
.hr-scorecard .turnover-org-unit .widget-content > div ul li.fourth-col .down {
  background: url("../img/down.png") no-repeat;
  height: 100%;
  width: 25px;
  background-position: 0 15px;
}
/* line 148, ../sass/scorecard/_main.scss */
.hr-scorecard .turnover-org-unit .widget-content > div ul li.fourth-col:after {
  clear: both;
}
/* line 159, ../sass/scorecard/_main.scss */
.hr-scorecard .turnover-org-unit .widget-content > div.sales ul li.first-col span {
  background: #5BC697;
}
/* line 170, ../sass/scorecard/_main.scss */
.hr-scorecard .turnover-org-unit .widget-content > div.finance ul li.first-col span {
  background: #3C97E0;
}
/* line 181, ../sass/scorecard/_main.scss */
.hr-scorecard .turnover-org-unit .widget-content > div.customer-support ul li.first-col span {
  background: #A853DB;
}
/* line 192, ../sass/scorecard/_main.scss */
.hr-scorecard .turnover-org-unit .widget-content > div.marketing ul li.first-col span {
  background: #F17634;
}
/* line 203, ../sass/scorecard/_main.scss */
.hr-scorecard .turnover-org-unit .widget-content > div.logistics ul li.first-col span {
  background: #E03B3B;
}
/* line 214, ../sass/scorecard/_main.scss */
.hr-scorecard .turnover-org-unit .widget-content > div.production ul li.first-col span {
  background: #FEC93F;
}
/* line 225, ../sass/scorecard/_main.scss */
.hr-scorecard .turnover-org-unit .widget-content > div.r-and-d ul li.first-col span {
  background: #30465B;
}
/* line 236, ../sass/scorecard/_main.scss */
.hr-scorecard .staff-movements .widget-content {
  height: 455px;
  padding: 30px;
}
/* line 242, ../sass/scorecard/_main.scss */
.hr-scorecard .perfomance-org-unit .widget-content {
  height: 500px;
  padding: 30px;
}

/* line 13, ../sass/engagement/_main.scss */
.engagement .score .widget-content {
  height: 300px;
}
/* line 16, ../sass/engagement/_main.scss */
.engagement .score .widget-content .chart-container {
  position: relative;
  width: 300px;
  margin: 0 auto;
}
/* line 20, ../sass/engagement/_main.scss */
.engagement .score .widget-content .chart-container .donut {
  position: absolute;
  display: block;
  width: 300px;
  height: 300px;
}
/* line 26, ../sass/engagement/_main.scss */
.engagement .score .widget-content .chart-container .overlay {
  position: absolute;
  width: 300px;
  height: 300px;
  text-align: center;
  padding-top: 90px;
}
/* line 32, ../sass/engagement/_main.scss */
.engagement .score .widget-content .chart-container .overlay p {
  margin: 0;
  padding: 0;
}
/* line 35, ../sass/engagement/_main.scss */
.engagement .score .widget-content .chart-container .overlay p:first-child {
  font-size: 68px;
  font-weight: bold;
}
/* line 39, ../sass/engagement/_main.scss */
.engagement .score .widget-content .chart-container .overlay p:nth-child(2) {
  height: 30px;
  line-height: 30px;
}
/* line 43, ../sass/engagement/_main.scss */
.engagement .score .widget-content .chart-container .overlay p:nth-child(2).up {
  background: url(../img/up.png) no-repeat;
  background-position: 38% 0px;
}
/* line 47, ../sass/engagement/_main.scss */
.engagement .score .widget-content .chart-container .overlay p:nth-child(2).down {
  background: url("../img/down.png") no-repeat;
  background-position: 38% 0px;
}
/* line 60, ../sass/engagement/_main.scss */
.engagement .score-mom .widget-content {
  height: 300px;
  padding: 30px;
}
/* line 66, ../sass/engagement/_main.scss */
.engagement .response-rate .widget-content {
  height: 225px;
}
/* line 68, ../sass/engagement/_main.scss */
.engagement .response-rate .widget-content .chart-container {
  position: relative;
  width: 225px;
  margin: 0 auto;
}
/* line 72, ../sass/engagement/_main.scss */
.engagement .response-rate .widget-content .chart-container .donut {
  position: absolute;
  display: block;
  width: 225px;
  height: 225px;
}
/* line 78, ../sass/engagement/_main.scss */
.engagement .response-rate .widget-content .chart-container .overlay {
  position: absolute;
  width: 225px;
  height: 225px;
  text-align: center;
  line-height: 220px;
}
/* line 84, ../sass/engagement/_main.scss */
.engagement .response-rate .widget-content .chart-container .overlay p {
  margin: 0;
  padding: 0;
  font-size: 32px;
  font-weight: bold;
}
/* line 93, ../sass/engagement/_main.scss */
.engagement .response-rate .widget-content .stats {
  width: 80%;
  margin: 0 auto;
  height: 60px;
  text-align: center;
  background: #F4F4F4;
  margin-top: 10px;
  padding-top: 15px;
}
/* line 101, ../sass/engagement/_main.scss */
.engagement .response-rate .widget-content .stats h2 {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-size: 12px;
}
/* line 108, ../sass/engagement/_main.scss */
.engagement .response-rate .widget-content .stats p {
  font-weight: bold;
  margin: 0;
  padding: 0;
  font-size: 18px;
}
/* line 118, ../sass/engagement/_main.scss */
.engagement .dimensions-all-teams .widget-content {
  height: 504px;
}
/* line 121, ../sass/engagement/_main.scss */
.engagement .dimensions-all-teams .widget-content .progress-indicators .progress-indicator {
  padding-top: 30px;
}
/* line 128, ../sass/engagement/_main.scss */
.engagement .score-teams .widget-content {
  height: 200px;
}
/* line 133, ../sass/engagement/_main.scss */
.engagement .score-levels .widget-content {
  height: 200px;
}
/* line 136, ../sass/engagement/_main.scss */
.engagement .score-levels .widget-content .progress-indicators .progress-indicator {
  padding-top: 20px;
}
/* line 143, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content {
  height: 225px;
}
/* line 145, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .chart {
  height: 15px;
  /*border: 1px solid $widget-border-color;*/
  margin: 20px;
  position: relative;
  overflow: hidden;
}
/* line 152, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .chart .content {
  position: absolute;
  height: 15px;
  top: 0;
  left: 0;
  transition: width 1s ease;
}
/* line 158, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .chart .content.promoter {
  background: #139576;
}
/* line 161, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .chart .content.passive {
  background: #FEB43F;
}
/* line 164, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .chart .content.detractor {
  background: #AE2832;
}
/* line 170, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .breakdown {
  width: 90%;
  margin: 0 auto;
}
/* line 174, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .breakdown .scores ul {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: bold;
}
/* line 180, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .breakdown .scores ul li {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}
/* line 184, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .breakdown .scores ul li span {
  position: absolute;
  right: 0;
  text-align: center;
  width: 60px;
  border-radius: 4px;
  color: white;
}
/* line 196, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .breakdown .scores ul li.promoters span {
  background: #139576;
}
/* line 201, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .breakdown .scores ul li.passive span {
  background: #FEB43F;
}
/* line 206, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .breakdown .scores ul li.detractors span {
  background: #AE2832;
}
/* line 215, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .breakdown .nps p {
  margin: 0;
  padding: 0;
}
/* line 219, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .breakdown .nps .value {
  color: white;
  font-weight: bold;
  font-size: 38px;
  border-radius: 5px;
  width: 90px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
/* line 229, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .breakdown .nps .value.poor {
  background: #AD2023;
}
/* line 233, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .breakdown .nps .value.fair {
  background: #DE6B24;
}
/* line 237, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .breakdown .nps .value.good {
  background: #3996C0;
}
/* line 241, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .breakdown .nps .value.excellent {
  background: #138E69;
}
/* line 245, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .breakdown .nps > div {
  padding-left: 10px;
}
/* line 247, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .breakdown .nps > div span {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  float: left;
}
/* line 252, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .breakdown .nps > div span.up {
  background: url(../img/up.png) no-repeat;
  width: 25px;
}
/* line 256, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .breakdown .nps > div span.down {
  background: url("../img/down.png") no-repeat;
  width: 25px;
}
/* line 264, ../sass/engagement/_main.scss */
.engagement .net-promotorer-score .widget-content .summary {
  clear: both;
  padding-top: 10px;
  text-align: center;
}
/* line 272, ../sass/engagement/_main.scss */
.engagement .progress-indicators {
  width: 80%;
  margin: 0 auto;
}
/* line 275, ../sass/engagement/_main.scss */
.engagement .progress-indicators .progress-indicator {
  width: 100%;
  padding-top: 10px;
}
/* line 278, ../sass/engagement/_main.scss */
.engagement .progress-indicators .progress-indicator .labels {
  position: relative;
  height: 20px;
}
/* line 281, ../sass/engagement/_main.scss */
.engagement .progress-indicators .progress-indicator .labels .name {
  position: absolute;
  left: 0;
  font-weight: bold;
}
/* line 287, ../sass/engagement/_main.scss */
.engagement .progress-indicators .progress-indicator .labels .percentage {
  position: absolute;
  right: 0;
}
/* line 292, ../sass/engagement/_main.scss */
.engagement .progress-indicators .progress-indicator .bar {
  position: relative;
  height: 15px;
  width: 100%;
  border: 1px solid #D3D3D3;
  overflow: hidden;
}
/* line 298, ../sass/engagement/_main.scss */
.engagement .progress-indicators .progress-indicator .bar .bar-content {
  position: absolute;
  transition: width 1s ease;
  height: 15px;
  background: blue;
}
/* line 309, ../sass/engagement/_main.scss */
.engagement .progress-indicators .progress-indicator.poor .bar .bar-content {
  background: #AD2023;
}
/* line 317, ../sass/engagement/_main.scss */
.engagement .progress-indicators .progress-indicator.fair .bar .bar-content {
  background: #DE6B24;
}
/* line 325, ../sass/engagement/_main.scss */
.engagement .progress-indicators .progress-indicator.good .bar .bar-content {
  background: #3996C0;
}
/* line 333, ../sass/engagement/_main.scss */
.engagement .progress-indicators .progress-indicator.excellent .bar .bar-content {
  background: #138E69;
}

/* line 3, ../sass/onboarding/_main.scss */
.attendance .overview .widget {
  height: 137px;
}
/* line 5, ../sass/onboarding/_main.scss */
.attendance .overview .widget .widget-content {
  text-align: center;
  height: 100px;
  line-height: 100px;
  font-size: 50px;
}
/* line 11, ../sass/onboarding/_main.scss */
.attendance .overview .widget .widget-content.labelled {
  line-height: 20px;
}
/* line 14, ../sass/onboarding/_main.scss */
.attendance .overview .widget .widget-content.labelled p:nth-child(odd) {
  margin-top: 20px;
  font-size: 48px;
}
/* line 18, ../sass/onboarding/_main.scss */
.attendance .overview .widget .widget-content.labelled p:nth-child(even) {
  margin-top: 20px;
  font-size: 20px;
  text-transform: uppercase;
}
/* line 31, ../sass/onboarding/_main.scss */
.attendance .second-overview .bar {
  height: 8px;
  background: #E4F1EB;
  width: 100%;
}
/* line 38, ../sass/onboarding/_main.scss */
.attendance .second-overview .counter {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  position: relative;
  height: 74px;
            /*&.accepted{
                img{
                    left: -15px;
                }
            }
            &.provisions{

                img{
                    left: -30px;
                }
            }
            &.statutory{

               img{
                    left: -45px;
                }
            }
            &.personal{

                img{
                    left: -60px;
                }
            }
            &.policy{

                img{
                    left: -75px;
                }
            }*/
}
/* line 44, ../sass/onboarding/_main.scss */
.attendance .second-overview .counter img {
  position: absolute;
  height: 74px;
  width: 135%;
  left: 0;
}
/* line 50, ../sass/onboarding/_main.scss */
.attendance .second-overview .counter .value {
  position: absolute;
  height: 74px;
  width: 135%;
  line-height: 60px;
  font-size: 42px;
  color: white;
  font-weight: bold;
}
/* line 59, ../sass/onboarding/_main.scss */
.attendance .second-overview .counter .label {
  position: absolute;
  text-transform: uppercase;
  color: black;
  font-size: 14px;
  font-weight: 300;
  top: 78px;
}
/* line 102, ../sass/onboarding/_main.scss */
.attendance .onboarding-table {
  margin-top: 30px;
}
/* line 104, ../sass/onboarding/_main.scss */
.attendance .onboarding-table th {
  text-align: left;
}
/* line 107, ../sass/onboarding/_main.scss */
.attendance .onboarding-table td {
  vertical-align: middle;
}
/* line 111, ../sass/onboarding/_main.scss */
.attendance .onboarding-table .profile-pic {
  width: 30px;
  height: 30px;
}
/* line 114, ../sass/onboarding/_main.scss */
.attendance .onboarding-table .profile-pic img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
/* line 122, ../sass/onboarding/_main.scss */
.attendance .onboarding-table .inline-bar .bar {
  width: 80%;
  height: 10px;
  display: inline-block;
  overflow: hidden;
}
/* line 127, ../sass/onboarding/_main.scss */
.attendance .onboarding-table .inline-bar .bar .bar-content {
  transition: width 1s ease;
  width: 0;
  height: 10px;
}
/* line 133, ../sass/onboarding/_main.scss */
.attendance .onboarding-table .inline-bar .value {
  width: 10%;
  display: inline-block;
}
/* line 138, ../sass/onboarding/_main.scss */
.attendance .onboarding-table .onboarding-process {
  width: 15%;
}
/* line 141, ../sass/onboarding/_main.scss */
.attendance .onboarding-table .onboarding-process .bar .bar-content {
  background: #3B97E0;
}
/* line 146, ../sass/onboarding/_main.scss */
.attendance .onboarding-table .tasks {
  width: 15%;
}
/* line 149, ../sass/onboarding/_main.scss */
.attendance .onboarding-table .tasks .bar .bar-content {
  background: #61DAA0;
}

/* line 3, ../sass/performance/_main.scss */
.performance .overview .widget {
  height: 137px;
}
/* line 5, ../sass/performance/_main.scss */
.performance .overview .widget .widget-content {
  text-align: center;
  height: 100px;
  line-height: 100px;
  font-size: 50px;
}
/* line 11, ../sass/performance/_main.scss */
.performance .overview .widget .widget-content .mini-chart {
  width: 170px;
  margin: 0 auto;
}
/* line 14, ../sass/performance/_main.scss */
.performance .overview .widget .widget-content .mini-chart .value {
  height: 80px;
  float: left;
  font-size: 38px;
}
/* line 19, ../sass/performance/_main.scss */
.performance .overview .widget .widget-content .mini-chart .inline-donut {
  width: 80px;
  height: 80px;
  float: left;
  margin-top: 10px;
}
/* line 31, ../sass/performance/_main.scss */
.performance .by-org-unit-and-gender .widget-content {
  height: 450px;
  padding: 30px;
}
/* line 37, ../sass/performance/_main.scss */
.performance .by-age-group-and-gender .widget-content {
  height: 455px;
  padding: 30px;
}
/* line 43, ../sass/performance/_main.scss */
.performance .by-gender .widget-content {
  height: 255px;
  padding: 30px;
}
/* line 49, ../sass/performance/_main.scss */
.performance .by-tenure-and-gender .widget-content {
  height: 475px;
  padding: 40px;
}
/* line 52, ../sass/performance/_main.scss */
.performance .by-tenure-and-gender .widget-content #gender-by-age-group-chart {
  height: 100%;
}
/* line 58, ../sass/performance/_main.scss */
.performance .by-position .widget-content {
  height: 450px;
  width: 100%;
}
/* line 64, ../sass/performance/_main.scss */
.performance .by-org-unit .widget-content {
  height: 455px;
}

/* line 4, ../sass/recognition/_main.scss */
.recognition .overview .widget {
  height: 137px;
}
/* line 6, ../sass/recognition/_main.scss */
.recognition .overview .widget .widget-content {
  text-align: center;
  height: 100px;
  line-height: 100px;
  font-size: 50px;
  position: relative;
}
/* line 13, ../sass/recognition/_main.scss */
.recognition .overview .widget .widget-content .mini-chart {
  width: 170px;
  margin: 0 auto;
}
/* line 16, ../sass/recognition/_main.scss */
.recognition .overview .widget .widget-content .mini-chart .value {
  height: 80px;
  float: left;
  font-size: 38px;
}
/* line 21, ../sass/recognition/_main.scss */
.recognition .overview .widget .widget-content .mini-chart .inline-donut {
  width: 80px;
  height: 80px;
  float: left;
  margin-top: 10px;
}
/* line 31, ../sass/recognition/_main.scss */
.recognition .overview .widget .widget-content .indicator {
  padding-left: 10px;
  font-size: 12px;
  position: absolute;
  bottom: 5px;
  right: 5px;
}
/* line 37, ../sass/recognition/_main.scss */
.recognition .overview .widget .widget-content .indicator span {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  float: left;
}
/* line 42, ../sass/recognition/_main.scss */
.recognition .overview .widget .widget-content .indicator span.up {
  background: url(../img/up.png) no-repeat;
  width: 20px;
}
/* line 46, ../sass/recognition/_main.scss */
.recognition .overview .widget .widget-content .indicator span.down {
  background: url("../img/down.png") no-repeat;
  width: 20px;
}
/* line 55, ../sass/recognition/_main.scss */
.recognition .activity-gauges {
  min-height: 330px;
  margin-bottom: 30px;
}
/* line 56, ../sass/recognition/_main.scss */
.dashboard_gauge_value {
  height: 130px;
  width: 130px;
  border-radius: 50%;
  /* background: #2f4153; */
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-left: -65px;
  margin-top: -65px;
  line-height: 130px;
  /*color: white;*/
  font-weight: bold;
  font-size: 38px;
}
/* line 72, ../sass/recognition/_main.scss */
.recognition .activity-gauges .gauge {
  height: 300px;
}
/* line 75, ../sass/recognition/_main.scss */
.recognition .activity-gauges p {
  text-transform: uppercase;
  font-size: 20px;
}
/* line 83, ../sass/recognition/_main.scss */
.recognition .badge-recipients .widget-content, .recognition .badge-senders .widget-content {
  height: 460px;
}
/* line 86, ../sass/recognition/_main.scss */
.recognition .badge-recipients .widget-content table th, .recognition .badge-senders .widget-content table th {
  text-align: left;
}
/* line 89, ../sass/recognition/_main.scss */
.recognition .badge-recipients .widget-content table td, .recognition .badge-senders .widget-content table td {
  text-align: left;
  vertical-align: middle;
}
/* line 92, ../sass/recognition/_main.scss */
.recognition .badge-recipients .widget-content table td.profile-pic, .recognition .badge-senders .widget-content table td.profile-pic {
  width: 40px;
}
/* line 94, ../sass/recognition/_main.scss */
.recognition .badge-recipients .widget-content table td.profile-pic img, .recognition .badge-senders .widget-content table td.profile-pic img {
  display: inline-block;
  width: 30px;
  border-radius: 50%;
}
/* line 107, ../sass/recognition/_main.scss */
.recognition .top-recognition-badges .widget-content {
  height: 460px;
}
/* line 113, ../sass/recognition/_main.scss */
.recognition .recognition-over-time .widget-content {
  height: 460px;
  padding: 30px;
}
/* line 119, ../sass/recognition/_main.scss */
.recognition .values-by-org-unit .widget-content {
  height: 460px;
}
/* line 124, ../sass/recognition/_main.scss */
.recognition .recognition-by-org-unit .widget-content {
  height: 460px;
  padding: 30px;
}

/* line 4, ../sass/salary/_main.scss */
.salary .overview .widget {
  height: 137px;
}
/* line 6, ../sass/salary/_main.scss */
.salary .overview .widget .widget-content {
  text-align: center;
  height: 100px;
  line-height: 100px;
  font-size: 50px;
}
/* line 12, ../sass/salary/_main.scss */
.salary .overview .widget .widget-content .mini-chart {
  width: 170px;
  margin: 0 auto;
}
/* line 15, ../sass/salary/_main.scss */
.salary .overview .widget .widget-content .mini-chart .value {
  height: 80px;
  float: left;
  font-size: 38px;
}
/* line 20, ../sass/salary/_main.scss */
.salary .overview .widget .widget-content .mini-chart .inline-donut {
  width: 80px;
  height: 80px;
  float: left;
  margin-top: 10px;
}
/* line 32, ../sass/salary/_main.scss */
.salary .by-age-group-and-gender .widget-content {
  height: 500px;
  padding: 30px;
}
/* line 38, ../sass/salary/_main.scss */
.salary .by-org-unit .widget-content {
  height: 500px;
  padding: 30px;
}
/* line 44, ../sass/salary/_main.scss */
.salary .by-org-unit-and-gender .widget-content {
  height: 500px;
  padding: 30px;
}
/* line 51, ../sass/salary/_main.scss */
.salary .by-salary .widget-content {
  height: 475px;
  padding: 30px;
}
/* line 57, ../sass/salary/_main.scss */
.salary .ratio-by-org-unit-and-gender .widget-content {
  height: 475px;
  padding: 40px;
}

/* line 8, ../sass/succession/_main.scss */
.succession .row {
  margin-bottom: 40px;
}
/* line 11, ../sass/succession/_main.scss */
.succession .filters {
  min-height: 120px;
  background: #F4F4F4;
}
/* line 14, ../sass/succession/_main.scss */
.succession .filters .form-horizontal {
  margin-top: 20px;
}
/* line 16, ../sass/succession/_main.scss */
.succession .filters .form-horizontal select {
  width: 100px;
}
/* line 23, ../sass/succession/_main.scss */
.succession .buttons h3 {
  font-size: 18px;
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
}
/* line 29, ../sass/succession/_main.scss */
.succession .buttons button {
  margin: 5px;
  width: 100px;
}
/* line 35, ../sass/succession/_main.scss */
.succession table .profile-pic {
  width: 10%;
  text-align: center;
}
/* line 38, ../sass/succession/_main.scss */
.succession table .profile-pic img {
  width: 45px;
  border-radius: 50%;
  border: 1px solid #D3D3D3;
}
/* line 44, ../sass/succession/_main.scss */
.succession table .employee {
  width: 25%;
}
/* line 46, ../sass/succession/_main.scss */
.succession table .employee h3 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 3px;
}
/* line 53, ../sass/succession/_main.scss */
.succession table .employee p {
  margin: 0 0 2px;
}
/* line 56, ../sass/succession/_main.scss */
.succession table .employee a {
  font-size: 12px;
  color: #69B6D2;
}
/* line 61, ../sass/succession/_main.scss */
.succession table .next-role {
  width: 35%;
}
/* line 63, ../sass/succession/_main.scss */
.succession table .next-role h3 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 3px;
}
/* line 71, ../sass/succession/_main.scss */
.succession table .details {
  width: 30%;
}
/* line 73, ../sass/succession/_main.scss */
.succession table .details ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 78, ../sass/succession/_main.scss */
.succession table .details ul li span {
  font-weight: bold;
}
/* line 83, ../sass/succession/_main.scss */
.succession table .details ul i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}
/* line 88, ../sass/succession/_main.scss */
.succession table .details ul i.low {
  background: #25A350;
}
/* line 91, ../sass/succession/_main.scss */
.succession table .details ul i.medium {
  background: #EF8613;
}
/* line 94, ../sass/succession/_main.scss */
.succession table .details ul i.high {
  background: #AD2620;
}
/* line 100, ../sass/succession/_main.scss */
.succession table td {
  padding: 15px 0px !important;
}
/* line 103, ../sass/succession/_main.scss */
.succession table tr:nth-child(odd) {
  background-color: white;
}
/* line 104, ../sass/succession/_main.scss */
.succession table tr:nth-child(even) {
  background-color: white;
}
/* line 107, ../sass/succession/_main.scss */
.succession .matrix .categories {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 111, ../sass/succession/_main.scss */
.succession .matrix .categories li {
  margin-bottom: 10px;
}
/* line 113, ../sass/succession/_main.scss */
.succession .matrix .categories li i {
  width: 20px;
  height: 20px;
  border: 5px solid green;
  float: left;
  border-radius: 50%;
  margin-right: 5px;
}
/* line 120, ../sass/succession/_main.scss */
.succession .matrix .categories li i.rockstar {
  border-color: #58C796;
}
/* line 123, ../sass/succession/_main.scss */
.succession .matrix .categories li i.rising-star {
  border-color: #4CAAD7;
}
/* line 126, ../sass/succession/_main.scss */
.succession .matrix .categories li i.potential {
  border-color: #F5CF44;
}
/* line 129, ../sass/succession/_main.scss */
.succession .matrix .categories li i.unproven {
  border-color: #EF7532;
}
/* line 132, ../sass/succession/_main.scss */
.succession .matrix .categories li i.detractor {
  border-color: #E03A38;
}
/* line 139, ../sass/succession/_main.scss */
.succession .matrix .chart {
  width: 92%;
  height: 580px;
  position: relative;
  margin: 0 auto;
}
/* line 144, ../sass/succession/_main.scss */
.succession .matrix .chart > section {
  width: 33.33%;
  height: 33.33%;
  float: left;
  border: 1px dashed #D3D3D3;
  /*background: url(../img/2x2grid.png);
  background-size: cover; */
}
/* line 149, ../sass/succession/_main.scss */
.succession .matrix .chart > section p {
  margin: 10px;
}
/* line 154, ../sass/succession/_main.scss */
.succession .matrix .chart > section.blue {
  background: #D1EDFD;
}
/* line 157, ../sass/succession/_main.scss */
.succession .matrix .chart > section.green {
  background: #D3EADD;
}
/* line 160, ../sass/succession/_main.scss */
.succession .matrix .chart > section.yellow {
  background: #F8EDCE;
}
/* line 163, ../sass/succession/_main.scss */
.succession .matrix .chart > section.orange {
  background: #FBE2CF;
}
/* line 166, ../sass/succession/_main.scss */
.succession .matrix .chart > section.red {
  background: #F7CDD7;
}
/* line 170, ../sass/succession/_main.scss */
.succession .matrix .chart .employees {
  position: absolute;
  border: 2px solid #D3D3D3;
  z-index: 1;
  width: 100%;
  height: 580px;
}
/* line 177, ../sass/succession/_main.scss */
.succession .matrix .chart .employees .employee {
  position: absolute;
  transition: all 1s ease;
  left: 0;
  top: 0;
  text-align: center;
  width: 40px;
  height: 70px;
  margin-left: -20px;
  margin-top: -20px;
}
/* line 187, ../sass/succession/_main.scss */
.succession .matrix .chart .employees .employee img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid black;
  padding: 2px;
}
/* line 197, ../sass/succession/_main.scss */
.succession .matrix .chart .employees .employee.rockstar img {
  border-color: #58C796;
}
/* line 203, ../sass/succession/_main.scss */
.succession .matrix .chart .employees .employee.rising-star img {
  border-color: #4CAAD7;
}
/* line 208, ../sass/succession/_main.scss */
.succession .matrix .chart .employees .employee.potential img {
  border-color: #F5CF44;
}
/* line 213, ../sass/succession/_main.scss */
.succession .matrix .chart .employees .employee.unproven img {
  border-color: #EF7532;
}
/* line 218, ../sass/succession/_main.scss */
.succession .matrix .chart .employees .employee.detractor img {
  border-color: #E03A38;
}
/* line 225, ../sass/succession/_main.scss */
.succession .matrix .chart .labels {
  position: absolute;
  height: 580px;
  width: 100%;
}
/* line 230, ../sass/succession/_main.scss */
.succession .matrix .chart .labels ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
/* line 235, ../sass/succession/_main.scss */
.succession .matrix .chart .labels ul li {
  display: inline-block;
  width: 30%;
  text-align: center;
}
/* line 239, ../sass/succession/_main.scss */
.succession .matrix .chart .labels ul li span {
  display: inline-block;
  width: 70px;
  background: #F4F4F4;
}
/* line 246, ../sass/succession/_main.scss */
.succession .matrix .chart .labels h1 {
  font-size: 18px;
  margin: 0;
  padding: 0;
}
/* line 252, ../sass/succession/_main.scss */
.succession .matrix .chart .labels .yaxis {
  position: absolute;
  transform: rotate(270deg);
  /*left: -280px;*/
  left: -55%;
  top: 50%;
  width: 100%;
  text-align: center;
}
/* line 260, ../sass/succession/_main.scss */
.succession .matrix .chart .labels .yaxis h1 {
  margin-bottom: 5px;
}
/* line 264, ../sass/succession/_main.scss */
.succession .matrix .chart .labels .xaxis {
  position: absolute;
  bottom: -50px;
  width: 100%;
  text-align: center;
}
/* line 269, ../sass/succession/_main.scss */
.succession .matrix .chart .labels .xaxis h1 {
  margin-top: 5px;
}




/*Add CSS for Home dashboard & Onboarding home */

/* line 2, ../sass/dashboard/_main.scss */
.dashboard .user-profile {
  margin: 20px 0;
  height: 100px;
}
/* line 5, ../sass/dashboard/_main.scss */
.dashboard .user-profile img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  float: left;
  margin-right: 20px;
}
/* line 12, ../sass/dashboard/_main.scss */
.dashboard .user-profile div {
  float: left;
}
/* line 15, ../sass/dashboard/_main.scss */
.dashboard .user-profile div h1, .dashboard .user-profile div h2, .dashboard .user-profile div h3 {
  margin: 0;
  padding: 2px;
}
/* line 19, ../sass/dashboard/_main.scss */
.dashboard .user-profile div h1 {
  font-size: 28px;
}
/* line 21, ../sass/dashboard/_main.scss */
.dashboard .user-profile div h1 span {
  font-weight: 400;
}
/* line 25, ../sass/dashboard/_main.scss */
.dashboard .user-profile div h2 {
  font-size: 20px;
  font-weight: 300;
}
/* line 29, ../sass/dashboard/_main.scss */
.dashboard .user-profile div h3 {
  font-size: 18px;
  font-weight: 200;
  color: gray;
}
/* line 38, ../sass/dashboard/_main.scss */
.dashboard .user-profile .progress-indicator {
  width: 100%;
  padding-top: 5px;
  padding-bottom: 20px;
}
/* line 42, ../sass/dashboard/_main.scss */
.dashboard .user-profile .progress-indicator .labels {
  position: relative;
  height: 20px;
  width: 100%;
  color: gray;
}
/* line 47, ../sass/dashboard/_main.scss */
.dashboard .user-profile .progress-indicator .labels .name {
  position: absolute;
  left: 0;
}
/* line 52, ../sass/dashboard/_main.scss */
.dashboard .user-profile .progress-indicator .labels .percentage {
  position: absolute;
  right: -40px;
  top: 15px;
}
/* line 58, ../sass/dashboard/_main.scss */
.dashboard .user-profile .progress-indicator .bar {
  position: relative;
  height: 10px;
  width: 100%;
  border: 1px solid #D3D3D3;
  overflow: hidden;
  background: lightgray;
}
/* line 65, ../sass/dashboard/_main.scss */
.dashboard .user-profile .progress-indicator .bar .bar-content {
  position: absolute;
  transition: width 1s ease;
  height: 10px;
  background: blue;
}
/* line 76, ../sass/dashboard/_main.scss */
.dashboard .user-profile .progress-indicator.poor .bar .bar-content {
  background: #AD2023;
}
/* line 84, ../sass/dashboard/_main.scss */
.dashboard .user-profile .progress-indicator.fair .bar .bar-content {
  background: #DE6B24;
}
/* line 92, ../sass/dashboard/_main.scss */
.dashboard .user-profile .progress-indicator.good .bar .bar-content {
  background: #3996C0;
}
/* line 100, ../sass/dashboard/_main.scss */
.dashboard .user-profile .progress-indicator.excellent .bar .bar-content {
  background: #138E69;
}
/* line 109, ../sass/dashboard/_main.scss */
.dashboard .video-thumbnail img {
  margin-top: 20px;
  margin-left: 20px;
  width: 220px;
}
/* line 112, ../sass/dashboard/_main.scss */
.dashboard .video-thumbnail img:hover {
  cursor: pointer;
}
/* line 118, ../sass/dashboard/_main.scss */
.dashboard .overview .widget {
  height: 137px;
  margin-bottom: 20px;
}
/* line 121, ../sass/dashboard/_main.scss */
.dashboard .overview .widget .widget-content {
  text-align: center;
  height: 100px;
  line-height: 100px;
  font-size: 24px;
  position: relative;
}
/* line 127, ../sass/dashboard/_main.scss */
.dashboard .overview .widget .widget-content i {
  font-size: 45px;
  color: lightgray;
  display: block;
  position: absolute;
  top: 25px;
}
/* line 133, ../sass/dashboard/_main.scss */
.dashboard .overview .widget .widget-content i.arrow-up {
  background: url(../img/up.png) no-repeat;
  width: 30px;
  height: 35px;
  top: 40px;
}
/* line 139, ../sass/dashboard/_main.scss */
.dashboard .overview .widget .widget-content i.arrow-down {
  background: url(../img/down.png) no-repeat;
  width: 30px;
  height: 35px;
  top: 40px;
}
/* line 146, ../sass/dashboard/_main.scss */
.dashboard .overview .widget .widget-content i.right {
  right: 0;
}
/* line 149, ../sass/dashboard/_main.scss */
.dashboard .overview .widget .widget-content i.left {
  left: 30px;
}
/* line 156, ../sass/dashboard/_main.scss */
.dashboard .links {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 20px;
  text-align: center;
}

/*Added class for anchor*/
.dashboard .links .dashbtn {
  width: 140px;
  margin-bottom: 10px;
  padding: 10px;
}

/* line 161, ../sass/dashboard/_main.scss */
.dashboard .links button {
  width: 140px;
  margin-bottom: 10px;
  padding: 10px;
}
@media screen and (max-width: 900px) {
  /* line 156, ../sass/dashboard/_main.scss */
  .dashboard .links {
    width: 50%;
  }
}
/* line 172, ../sass/dashboard/_main.scss */
.dashboard .view-controls {
  position: absolute;
  top: 0;
  right: 20px;
}

.dashboard .view-controls ul {
  border: 1px solid black;
  float: left;
  padding: 2px 15px;
  background: #F3F5F6;
}
.dashboard .view-controls ul:hover {
  cursor: pointer;
}
.dashboard .view-controls ul.active {
  background: #144D6A;
  border: 1px solid #144D6A;
  color: white;
}

/* line 176, ../sass/dashboard/_main.scss */
/*.dashboard .view-controls ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 6px;
}*/
/* line 181, ../sass/dashboard/_main.scss */
/*.dashboard .view-controls ul li {
  border: 1px solid black;
  float: left;
  padding: 2px 15px;
  background: #F3F5F6;
}*/
/* line 186, ../sass/dashboard/_main.scss */
/*.dashboard .view-controls ul li:hover {
  cursor: pointer;
}*/
/* line 190, ../sass/dashboard/_main.scss */
/*.dashboard .view-controls ul li.active {
  background: #144D6A;
  border: 1px solid #144D6A;
  color: white;
}*/
@media screen and (max-width: 900px) {
  /* line 172, ../sass/dashboard/_main.scss */
  .dashboard .view-controls {
    top: 70px;
  }
}
/* line 202, ../sass/dashboard/_main.scss */
/*.dashboard .table-widget {
  margin-bottom: 40px;
}*/
/* line 204, ../sass/dashboard/_main.scss */
.dashboard .table-widget .widget-header {
  position: relative;
  height: 100px;
  background: #C9E6F4;
  height: 40px;
  padding: 0 20px;
}
/* Added for the table header text */
.dashboard .table-widget .widget-header .tableheader {  
  font-weight: bold;
  line-height: 40px;
}
.dashboard .table-widget .widget-header .blue {
        color: #2E74B1;
    }
.dashboard .table-widget .widget-header .green {
        color: #579256;
    }
/* line 210, ../sass/dashboard/_main.scss */
.dashboard .table-widget .widget-header span {
  color: #2E74B1;
  font-weight: bold;
  line-height: 40px;
}
/* line 215, ../sass/dashboard/_main.scss */
.dashboard .table-widget .widget-header .widget-controls {
  position: absolute;
  top: 0;
  right: 20px;
}
/* line 219, ../sass/dashboard/_main.scss */
.dashboard .table-widget .widget-header .widget-controls ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 10px;
}
/* line 224, ../sass/dashboard/_main.scss */
.dashboard .table-widget .widget-header .widget-controls ul li {
  border: 1px solid black;
  float: left;
  padding: 2px 10px;
  font-size: 10px;
  background: #F3F5F6;
}
/* line 230, ../sass/dashboard/_main.scss */
.dashboard .table-widget .widget-header .widget-controls ul li:hover {
  cursor: pointer;
}
/* line 234, ../sass/dashboard/_main.scss */
.dashboard .table-widget .widget-header .widget-controls ul li.active {
  background: #144D6A;
  border: 1px solid #144D6A;
  color: white;
}
/* line 242, ../sass/dashboard/_main.scss */
.dashboard .table-widget .widget-header.green {
  background: #D9EFD0;
}
/* line 244, ../sass/dashboard/_main.scss */
.dashboard .table-widget .widget-header.green span {
  color: #579256;
}

/* line 249, ../sass/dashboard/_main.scss */
.dashboard .table-widget .table-responsive {
  display: none;
}
/* line 251, ../sass/dashboard/_main.scss */
.dashboard .table-widget .table-responsive.in {
  display: block;
}
/* line 255, ../sass/dashboard/_main.scss */
.dashboard .table-widget .widget-footer {
  height: 100px;
  background: #C9E6F4;
  height: 40px;
  padding: 0 20px;
  text-align: center;
}
/* line 261, ../sass/dashboard/_main.scss */
.dashboard .table-widget .widget-footer span {
  color: #2E74B1;
  font-weight: bold;
  line-height: 40px;
  display: block;
  width: 100%;
}
/* line 267, ../sass/dashboard/_main.scss */
.dashboard .table-widget .widget-footer span:hover {
  cursor: pointer;
}
/* line 271, ../sass/dashboard/_main.scss */
.dashboard .table-widget .widget-footer.green {
  background: #D9EFD0;
}
/* line 273, ../sass/dashboard/_main.scss */
.dashboard .table-widget .widget-footer.green span {
  color: #579256;
}
/* line 282, ../sass/dashboard/_main.scss */
.dashboard .table-widget.actions table tr td {
  vertical-align: middle;
}
/* line 285, ../sass/dashboard/_main.scss */
.dashboard .table-widget.actions table tr td:last-child img {
  width: 25px;
}
/* line 287, ../sass/dashboard/_main.scss */
.dashboard .table-widget.actions table tr td:last-child img:hover {
  cursor: pointer;
}
/* line 299, ../sass/dashboard/_main.scss */
.dashboard .table-widget.messages table thead tr {
  border-left: none;
}
/* line 303, ../sass/dashboard/_main.scss */
.dashboard .table-widget.messages table tr {
  border-left: 2px solid #4B83C4;
  transition: border-left .4s ease-in-out;
}
/* line 307, ../sass/dashboard/_main.scss */
.dashboard .table-widget.messages table tr th:last-child {
  text-align: right;
}
/* line 311, ../sass/dashboard/_main.scss */
.dashboard .table-widget.messages table tr td {
  vertical-align: middle;
}
/* line 314, ../sass/dashboard/_main.scss */
.dashboard .table-widget.messages table tr td:first-child img {
  width: 50px;
  border-radius: 50%;
}
/* line 319, ../sass/dashboard/_main.scss */
.dashboard .table-widget.messages table tr td:last-child {
  text-align: right;
}
/* line 321, ../sass/dashboard/_main.scss */
.dashboard .table-widget.messages table tr td:last-child button {
  background-image: url("images/action-gray.png");
  background-repeat: no-repeat;
  background-size: 20px;
  height: 25px;
  width: 25px;
  background-color: transparent;
  box-shadow: none;
  transition: background-image .3s ease-in-out;
}
/* line 331, ../sass/dashboard/_main.scss */
.dashboard .table-widget.messages table tr td:last-child button.active {
  background-image: url("../img/action-green.png");
}
/* line 335, ../sass/dashboard/_main.scss */
.dashboard .table-widget.messages table tr td:last-child a {
  font-size: 10px;
  width: 100%;
  display: block;
}
/* line 343, ../sass/dashboard/_main.scss */
.dashboard .table-widget.messages table tr:hover {
  border-left: 2px solid #E4873C;
}
/* line 353, ../sass/dashboard/_main.scss */
.dashboard .table-responsive {
  border: 1px solid lightgray;
  margin-bottom: 0;
}
/* line 356, ../sass/dashboard/_main.scss */
.dashboard .table-responsive th {
  background: none;
  text-align: left;
}
/* line 365, ../sass/dashboard/_main.scss */
.dashboard.employee-view #manager-overview {
  display: none;
}
/* line 368, ../sass/dashboard/_main.scss */
.dashboard.employee-view #manager-links {
  display: none;
}
/* line 374, ../sass/dashboard/_main.scss */
.dashboard.manager-view #employee-overview {
  display: none;
}
/* line 377, ../sass/dashboard/_main.scss */
.dashboard.manager-view #employee-links {
  display: none;
}

/*Add CSS for Progress Bar*/
/*
*, *:before, *:after {
    box-sizing: inherit;
    max-width: 100%;
}
*/
.progress__title {
    position: relative;
    height: 3rem;
}

.progress__text {
    font: 600 2.4rem "Neue Helvetica", Helvetica, Arial, sans-serif;
    text-transform: capitalize;
    color: #2C3E50;
    position: absolute;
    transition: all 300ms ease-out;
}

#text01 {
    opacity: 1;
}

#text02 {
    opacity: 0;
}

#text03 {
    opacity: 0;
}

#text04 {
    opacity: 0;
}

.progressbar {
    margin-top: 2rem;
	width: 95%;
    height: 85px;
	background-color:#fff;
	
}

.progress__track {
    
    position: relative;
    overflow: hidden;
    display: flex;
	background-color:#fff;
}

.progress__item {
    position: relative;
    display: flex;   
    align-items: center;
}

.progress__item:not(:last-of-type){
    width: 100%;
}

.progress__item:not(:last-of-type):after {
    content: '';
    width: 100%;
    height: .5rem;
    display: flex;
    margin: 0 .5rem;
    box-shadow: inset 0 0 2px 2px #c7c7c7;
}

.progress__item_content {
    display: flex;
    flex-direction: column;
}

.progress__icon {
    height: 5rem;
    width: 5rem;
    border-radius: 50%;
    border: 1px solid #BDC3C7;
    position: relative;
    display: flex;    
}

.icon__off {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 80%;
    width: 80%;
    background-color: #BDC3C7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 600 2rem "Neue Helvetica", Helvetica, Arial, sans-serif;
    color: #4b4b4b;
}

.icon__on {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 80%;
    width: 80%;
    background: #1abc9c;
    border-radius: 50%;
    transition: all 300ms ease-out;
    display: none;
}

#payroll02 {
    background: #3498DB;
    color: #fff;
}

.icon__on:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 45%;
    width: 45%;
    background-image: url(Images/mark.png);
    background-position: center;
    background-size: cover;
    border-radius: 50%;
}

.progress__title {
    font: 1.rem "Neue Helvetica", Helvetica, Arial, sans-serif;
    text-transform: capitalize;
    margin-top: .5rem;
    text-align: center;
}

.main {
    /*margin-top: 22.5rem;*/
}

.main__container {
    justify-content: space-between;
    flex-wrap: wrap;
}

.main__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #e6e6e6;
    border-radius: .6rem;
    padding: 2rem;
    color: #A8A8A8;
    position: relative;
    width: 32%;
    margin-bottom: 2rem;
    transition: all 300ms ease-out;
    text-align: center;
}

.main__item:hover {
    color: #2C3E50;
}

.main__item_style {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #e6e6e6;
    border-radius: .6rem;
    opacity: 0.5;
    transition: all .5s ease-out;
    z-index: 2;
}

.main__item:hover .main__item_style {
    opacity: 0;
    animation: move  .5s forwards step-end;
}

.input:checked + .label + .main__item_style {
    opacity: 0;
    animation: move  .5s forwards step-end;
}

@keyframes move {
    100% {z-index: -1;}
}

.input {
    display: none;
}

.input:checked + .label {
   background-color: #1abc9c;
}

.input:checked + .label .label__check {
   display: flex;
}
/*
.label {
    height: 2rem;
    width: 2rem;
    position: absolute;
    right: 2rem;
    top: 2rem;
    border-radius: .5rem;
    background-color: #BDC3C7;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 300ms ease-out;
}

.label__check {
    height: 70%;
    display: none;
    transition: all 300ms ease-out;
}

.label:hover .label__check {
   display: flex;
}*/

.container__image {
    height: 10rem;
    border-radius: 50%;
    background-color: #A8A8A8;
    transition: all 300ms ease-out;
    position: relative;
}

.item__image02 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transition: all 300ms ease-out;
}

.main__item:hover .container__image {
    background-color: #2C3E50;
}

.main__item:hover .container__image .item__image02{
    opacity: 0;
}

.input:checked + .label + .main__item_style + .container__image {
    background-color: #2C3E50;
}

.input:checked + .label + .main__item_style + .container__image .item__image02 {
    opacity: 0;
}

.input:checked + .label + .main__item_style + .container__image + .h2__headline + .p__text + .button{
    background-color: #1abc9c;
}

.input:checked + .label + .main__item_style + .container__image + .h2__headline {
    color: #2C3E50;
}

.input:checked + .label + .main__item_style + .container__image + .h2__headline + .p__text {
    color: #2C3E50;
}

.h2__headline {
    font: 600 2.4rem "Neue Helvetica", Helvetica, Arial, sans-serif;
    margin-top: 1rem;
    text-transform: capitalize;
}

.p__text {
    font: 400 1.4rem "Neue Helvetica", Helvetica, Arial, sans-serif;
    margin-top: 1rem;
    flex: 1 0 auto;
}