/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */



/*===================================
  Global
 ====================================*/

/* @import url('');
 */

body {
  font-size: .9em;
}

h1 {color: #555;}
a {
 color: #018D2A;
 font-weight: bold;
  -webkit-transition: all 0.4s ease 0s; 
 transition: all 0.4s ease 0s;  
}

a:hover {
  text-decoration: none;
  opacity: 0.7;
}


/*===================================
  Leaderboard
 ====================================*/ 

.pr-leaderboard {
  background: #000;
  color: #fff;
}

#block-acccs-hr-account-menu {  float: right;  }

.pr-leaderboard .menu__item {  float: left;  }

.pr-leaderboard .menu a {
  color: inherit;
  padding: 1em 1.5em;
  margin: 0;
}


.pr-leaderboard .menu a:hover,
.pr-leaderboard .menu-name--account .menu__item:last-child a {
  opacity: 1;
  background-color: #42c379;
}
/*===================================
  Header
 ====================================*/

/* Logo */
#block-acccs-hr-branding {
  float: left;
}

/* Main Menu */

.pr-navbar {
  padding: 1em 0;
  background: #fcfcfc;
}

#block-acccs-hr-main-menu {
  float: right;
  height: 61px
}

.ms-dropmenu .pr-navbar .menu__item {  margin-left: 2.4em;  }

.ms-dropmenu .pr-navbar .menu__item:first-child {  margin-left: 0;  }

.pr-navbar .menu a {
  color: #777;
  border-bottom: 2px solid transparent;
  text-transform: uppercase;
  font: bold 1em 'Raleway', Arial, sans-serif;
  
}

.pr-navbar .menu a.is_active,
.pr-navbar .menu a:focus,
.pr-navbar .menu a:hover {
    border-bottom: 2px solid #018D2A;
    color: #018D2A;
}

.pr-navbar .menu a:focus{
    background-color: transparent;
    color: #018D2A;
}

/* Responsive menu */
.ms-slidedown.rm-is-open .rm-block__content {
  background: #757575;
  text-align: left;
  position: absolute;
  right: 1.25em;
  padding: 0;
}

.ms-slidedown .pr-navbar .menu__item {  margin: .5em;  }

/*===================================
  Main Content
 ====================================*/
.pr-main {  padding: 2em 0;}

/*===================================
  Footer
 ====================================*/

.pr-footer {
  background-color: #161616;
  padding: 2.3em 0;
}

.pr-footer .region {
  color: #afafaf;
  font-size: .8em;
}

.pr-footer .menu a {  color: inherit;  }

.pr-footer a:hover{
  color: #fff;
  opacity: 1;
}

.block {  margin: 0;  }

/* Copyright */
#block-copyright {  float: left;  }

.copyright a {  color: inherit;  }

/* Footer */
#block-acccs-hr-footer {  float: right;  }

.menu-name--footer .menu__item {  float: left;  }

.menu-name--footer .menu__item a:after {
  content: '-';
  width: .9em;
  text-align: center;
}

.menu-name--footer .menu__item:last-child a:after {  display: none;  }

/*===================================
  User UI
 ====================================*/

/* Hide Configure Block link */
.not-admin .contextual-links .block-configure {
    display: none;
}

/*--------------------------
  Filter Page
 ---------------------------*/

/* Dates */
.form-item-after input,
.form-item-before input {
  max-width: 6.5em;
}

/* Category */
details.form-item {
  margin-top: 1.6em;
  max-height: 2.1rem;
}

summary {  padding: .3rem 1rem;  }

/* Submit */
.form--inline .form-actions {
  float: left;
  clear: none;
  margin-top: 1.4rem;
}


/*===================================
  Category List
 ====================================*/
.block-plugin-id--hierarchical-taxonomy-menu .menu-item--expanded {
 position: relative;
}

.block-plugin-id--hierarchical-taxonomy-menu .menu-item:before {
  content: '\f07b';
  font-family: 'FontAwesome';
  line-height: 2.2;
  float: left;
  width: 1.3rem;
  margin: .01em 0 0;
  transition: all 0.4s;
}

.block-plugin-id--hierarchical-taxonomy-menu .menu-item:before {
}

.js .block-plugin-id--hierarchical-taxonomy-menu .menu-item--expanded > .menu {
  /*opacity: 0;*/
  display: block;
  clear: both;
  padding-bottom: .1rem;
}

.js .block-plugin-id--hierarchical-taxonomy-menu .menu-item--active > .menu {  opacity: 1;  }

/* Default status for Folders *
.block-plugin-id--hierarchical-taxonomy-menu .menu-item--expanded:not(.menu-item--active):not(:hover):before {
  text-shadow: 1px 1px 0px #ccc,
   4px 4px 0px #555;
  transition: all 0.2s 0.4s;
}

/* Active status for nonFolders */
.block-plugin-id--hierarchical-taxonomy-menu .menu-item--expanded:before {
  content: "\f07c";
}

/*
.block-plugin-id--hierarchical-taxonomy-menu .menu-item:hover:before,
.block-plugin-id--hierarchical-taxonomy-menu .menu-item--active:before {
  content: "\f07c";
}
*/


.block-plugin-id--hierarchical-taxonomy-menu * {
  transition: none;
  overflow: hidden;
}

.block-plugin-id--hierarchical-taxonomy-menu a {
  float: left;
  width: 90%;
  width: calc(100% - 1.3rem );
}

/*===================================
  Search & Term Pages
 ====================================*/
#colorbox .cbox-display-block {
  display: block;
  border: 0;
  padding: 0;
}

.cbox-display-block,
.file-table .views-field-field-video {  display: none;  }

.view-file-tables .views-field-nothing,
.view-file-tables .views-field-edit-node,
.view-file-tables .views-field-count
{
  text-align: center;
  max-width: 4em;
}

.view-file-tables td p {  margin: 0;  }

/*===================================
  My Payroll page
 ===================================*/
.mypayroll .views-field-edit-node {  margin: -20px 0 20px 0;  }
.mypayroll iframe {
  width: 100%;
  height: 800px;
  border: 1px solid #ccc;
}

/*===================================
  Staff Contacts Page
 ===================================*/
.staff-contacts .views-row {
  float: left;
  text-align: center;
  margin: 1em 2em;
}

.staff-contacts .views-field-field-photo img {
  border-radius: 50%; 
  margin-bottom: 1em;
}

.staff-contacts .views-field-title {
  font-size: 1.6em;
  color: #333;
}



/*===================================
   User Is Read: Policy Progress
 ===================================*/
.file-table--is-read .views-field-nothing-3,
.file-table--is-read .views-field-uid,
.file-table--is-read .views-field-edit-node {
  min-width: 5em;
  width: 9%;
  text-align: center;
}

.file-table--is-read .table__row--is-read {
  opacity: 0.5;
  background: #e8e8e8;
  font-style: italic;
}

.file-table--is-read .fa-check {
  color: #00CC66;
}

.file-table--is-read .fa-times {
/*   color: #DB4C40; */
  color: #FE5F55;
}