.navbar-brand {
  margin-left: 0 !important;
  padding: 12px 8px;
  width: 236px;
}


.user-menu {
  max-width: 240px;
  /* float: right; */
  display: inline-block;
  margin-top: 12px;
  margin-bottom: 12px;
  float: right;
}

.user-menu .media {
  margin: 0;
  color: #555;
  padding: 8px;
  display: block;
  border-radius: 4px;
}

.user-menu .media:hover {
  background-color: #f1f2f3;
  color: #555;
  text-decoration: none;
}

.user-menu .user-profile-name {
  margin-bottom: 0;
  font-size: 16px;
  color: #C6CDD7;
}

.user-menu .user-profile-position {
  margin-bottom: 0;
  font-size: 12px;
  color: #888;
}

.form-required .form-control {
  border-left: 2px solid #e01d3c;
  padding-left: 14px;
}

.material-icons {
  display: inherit;
}

#main-menu .nav-pills-icon li a {
  /* padding-left: 72px;
  position: relative;
  line-height: 24px;
  min-height: 56px; */
  line-height: 20px;
}

.nav-pills-icon .material-icons {
  margin-right: 36px;
  display: inline-block;
  float: left;
  /* font-size: 18px; */
}

.navbar-nav .material-icons {
  float: left;
  font-size: 18px;
  margin-right: 4px;
  line-height: 24px;
}

.item {
  margin-bottom: 4px;
}

.lead {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 400;
}

.full-screen {
  padding-left: 16px;
  padding-right: 16px;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 576px) {
   .full-screen {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (min-width: 768px) {
  .full-screen {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (min-width: 992px) {
  .full-screen {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (min-width: 1200px) {
  .full-screen {
    padding-left: 48px;
    padding-right: 48px;
  }
}

@media (min-width: 1600px) {
  .full-screen {
    padding-left: 56px;
    padding-right: 56px;
  }
}

.recognition-card {
  width: 100%;
  padding-top: 100%;
  position: relative;
}

.recognition-card img {
  position: absolute;
  top: calc(50% - 45px);
  left: calc(50% - 45px);
}

.recognition-card:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
}

.custom-navbar-nav {
  margin-top: 12px;
  margin-bottom: 12px;
}

.custom-navbar-nav > li > a {
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 24px;
  font-size: 16px;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "ec_web_fonts";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 24px;
  margin-right: 0;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 24px;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.side-bar {
  background: rgb(46,64,82);
  background: -moz-linear-gradient(45deg, rgb(46,64,82) 0%, rgb(80,97,116) 100%);
  background: -webkit-linear-gradient(45deg, rgb(46,64,82) 0%,rgb(80,97,116) 100%);
  background: linear-gradient(45deg, rgb(46,64,82) 0%,rgb(80,97,116) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e4052', endColorstr='#506174',GradientType=1 );height: 100vh;
  /* background-image: url({{ baseurl }}/assets/img/login-background.jpg); */
  background-size: cover;
  background-position: center;
}

.login-side {
  padding-top: calc(50vh - 219px);
  padding-bottom: calc(50vh - 219px);
}

#global-slider {
  position: fixed;
  top: 0;
  right: 0;
  display: none;
  width: 420px;
  height: 100vh;
  background-color: #fafafa;
  padding: 40px;
  padding-top: 120px;
  border-left: 1px solid #d8d8d8;
}















.code-of-conduct-btn {
  display: inline-block;
  padding: 24px;
}

#diverseco-tab .heading-title {
  text-align: center;
}

.media-heading {
  padding-top: 24px;
  padding-bottom: 12px; 
}

.media-heading-title {
  margin: 0;
  margin-bottom: 4px;
}

#commitment .media-heading-title {
  color: #d8c800;
}

#loyalty .media-heading-title {
  color: #009444;
}

#excellence .media-heading-title {
  color: #034ea2;
}

#can-do .media-heading-title {
  color: #f7941d;
}

#caring .media-heading-title {
  color: #ed1c24;
}

.media-heading-subtitle {
  color: #787878;
  font-style: italic;
  font-size: 16px;
  margin: 0;
}