/** --- PURPLE --- */
/* #613c95 */
/* RGB: rgb(97,60,149) */

/* --- YELLOW --- */
/*
#f6c860
rgb(246,200,96)
 */

/* --- BLUE--- */
/*
#124a80
rgb(18,74,128)
 */

* {
  font-family: 'Open Sans', sans-serif;
}

p {
  font-weight: 400;
}

/* --- COLORS --- */

/* Cobalt - PRIMARY */
/* #1262ae */
/* rgb(18, 98, 174) */
.bg-cobalt {
  background: rgb(18, 98, 174) !important;
}
.text-cobalt {
  color: #1262ae !important;
}

/* Dark Cobalt - SECONDARY */
/* #0d4982 */
/* rgb(13, 73, 130) */
.bg-cobalt-dark {
  background: rgb(13, 73, 130) !important;
}
.text-cobalt-dark {
  color: #0d4982 !important;
}

/* Light Cobalt - TERTIARY */
/* #2693fc */
/* rgb(38,147,252) */
.bg-cobalt-light {
  background: rgb(38, 147, 252) !important;
}
.text-cobalt-light {
  color: #2693fc !important;
}

/* Lightest Cobalt - TERTIARY */
/* #D4EAFF */
/* rgb(212, 234, 255) */
.bg-cobalt-white {
  background: rgb(212, 234, 255) !important;
}
.text-cobalt-white {
  color: #d4eaff !important;
}

/* Royal Puruple - ACCENT PRIMARY */
/* #613997 */
/* rgb(92, 47, 151) */
.bg-royal-purple {
  background: #1c3994 !important;
}
.text-royal-purple {
  color: #1c3994 !important;
}

/* Gold - ACCENT SECONDARY */
/* #f7c956 */
/* rgb(247, 201, 86) */
.bg-gold {
  background: rgb(247, 201, 86) !important;
}
.text-gold {
  color: #f7c956 !important;
}

/* Almost Black */
/* #353738 */
/* rgb(53, 55, 56) */
.bg-almost-black {
  background: rgb(53, 55, 56) !important;
}
.text-almost-black {
  color: #353738 !important;
}

/* Grey */
/* #9b9fa3 */
/* rgb(155,159,163) */
.bg-grey {
  background: rgb(155, 159, 163) !important;
}
.text-grey {
  color: #9b9fa3 !important;
}

/* Light Grey */
/* #DDE3E9 */
/* rgb(221, 227, 233) */
.bg-grey-light {
  background: rgb(221, 227, 233) !important;
}
.text-grey-light {
  color: #dde3e9 !important;
}

/* --- HELPERS --- */
.text-300 {
  font-weight: 300 !important;
}
.text-500 {
  font-weight: 500 !important;
}
.text-600 {
  font-weight: 600 !important;
}
.text-700 {
  font-weight: 700 !important;
}

.component-hide {
  display: none !important;
}

.text-small-label {
  font-size: 0.9em;
}

.text-no-spacing {
  margin-top: 2px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.icon-action {
  margin-left: 5px;
  margin-right: 5px;
}

.icon-connect-thread {
  font-size: 3em;
}

.lh-1 {
  line-height: 1 !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

/* --- SIDEBAR --- */
.sidebar-wrapper .nav-link i {
  color: #613997;
}
.sidebar-wrapper .nav-link p {
  color: #353738;
  font-weight: 500;
}

.nav-active .nav-link {
  background: #613997;
}

.nav-active .nav-link p,
.nav-active .nav-link i {
  color: #ffffff !important;
  font-weight: 600;
}

.nav-active .nav-link:hover p,
.nav-active .nav-link:hover i {
  color: #613997 !important;
  font-weight: 600;
}

.nav-active .nav-link:hover p,
.nav-active .nav-link:hover i {
  color: #613997 !important;
  font-weight: 600;
}

.logo-consorthr {
  width: auto;
  height: 50px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.logo-text-uppercase {
  text-transform: uppercase !important;
}

.sidebar-connect {
  margin-top: 15px;
  text-align: center;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.sidebar-connect .card-avatar {
  margin: -5px auto 0;
  border-radius: 50%;
  overflow: hidden;
  padding: 0;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56),
    0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.sidebar-connect .card-avatar img {
  width: 100%;
  height: auto;
}

.sidebar-connect .card-footer .btn.btn-just-icon {
  font-size: 20px;
  padding: 12px;
  line-height: 1em;
}

.sidebar-connect.card-plain .card-avatar {
  margin-top: 0;
}

.sidebar-connect .card-header:not([class*='card-header-']) {
  background: transparent !important;
}

.sidebar-connect .card-avatar {
  max-width: 100px;
  max-height: 100px;
}

.sidebar-hr-director-subtitle {
  margin: 0;
}

.sidebar-connect-separator {
  border-top: 1px solid #dee0e1;
  margin: 0 15px 0 15px;
  padding: 0;
}

/* --- NAVBAR --- */
.navbar-brand {
  margin-left: 5px;
  margin-right: 0;
}

.navbar-brand small {
  font-size: 0.7em;
}

.img-nav-company-logo {
  padding: 0;
  /* padding-bottom: 4px; */
  height: 55px;
  width: auto;
  border-radius: 3px;
}

#navbar-company-name.active {
  color: #124a80 !important;
  background: rgba(18, 74, 128, 0.1);
  padding-left: 2px;
  border-radius: 5px;
}

/* --- TABS --- */

/* --- IMAGES --- */
.img-avatar-round {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  margin-right: 10px;
}

/* --- CARDS --- */
.icon-column {
  height: 100%;
  padding-right: 23px;
  float: left;
}
.avatar-column {
  height: 100%;
  padding-right: 5px;
  float: left;
}
.avatar-column-wrap {
  padding-right: 5px;
  float: left;
}
.content-column {
  float: right;
}

/* --- Employee Dashboard --- */
.documents-icon {
  font-size: 1.8em !important;
}

.documents-icon i {
  font-size: 1.8em !important;
  color: #f6c860;
}

/* --- Connect Sidebar --- */
.connect-sidebar-content {
  background: #eeeeee;
}

/* --- MODAL HELPERS --- */
.modal-dialog {
  min-height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
}
@media (max-width: 768px) {
  .modal-dialog {
    min-height: calc(100vh - 20px);
  }
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
  padding: 15px 15px 80px;
}

/*Left*/
.modal.left.fade .modal-dialog {
  left: -320px;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
  left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
  right: 0;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
  right: 0;
}

/* --- PLACEHOLDERS --- */

.placeholder-dark {
  color: #1e1e1e !important;
  margin-left: 20px;
}

.bmd-label-floating {
  color: #1e1e1e !important;
}

/*::-webkit-input-placeholder { !* WebKit, Blink, Edge *!*/
/*    color:    #1e1e1e !important;*/
/*}*/
/*:-moz-placeholder { !* Mozilla Firefox 4 to 18 *!*/
/*    color:    #1e1e1e !important;*/
/*    opacity:  1;*/
/*}*/
/*::-moz-placeholder { !* Mozilla Firefox 19+ *!*/
/*    color:    #1e1e1e !important;*/
/*    opacity:  1;*/
/*}*/
/*:-ms-input-placeholder { !* Internet Explorer 10-11 *!*/
/*    color:    #1e1e1e !important;*/
/*}*/
/*::-ms-input-placeholder { !* Microsoft Edge *!*/
/*    color:    #1e1e1e !important;*/
/*}*/

.datepicker {
  z-index: 999 !important;
}