/*  THEME COLORs
========================================================================== */
/* Looks good on chrome default color profile */
/* looks good in sRGB but washed up on chrome default 
$color-primary:						#826bb0;
$color-success:						#31cb55;
$color-info:						#5e93ec;
$color-warning:						#eec559;
$color-danger:						#dc4b92;
$color-fusion:						darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
/*  Color Polarity
========================================================================== */
/*  PAINTBUCKET MIXER
========================================================================== */
/* the grays */
/* the sapphires */
/* the emeralds */
/* the amethyths */
/* the topaz */
/* the rubies */
/* the graphites */
/*  Define universal border difition (div outlines, etc)
========================================================================== */
/*  MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
========================================================================== */
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
/* bootstrap reference xs: 0,  sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
/* global var used for spacing*/
/* Uniform Padding variable */
/* Heads up! This is a global scoped variable - changing may impact the whole template */
/*   BOOTSTRAP OVERRIDES (bootstrap variables)
========================================================================== */
/* usage: theme-colors("primary"); */
/* forms */
/*$input-height:							calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
/* links */
/* checkbox */
/*$custom-file-height-inner:				calc(2.25rem - 1px);*/
/* not part of bootstrap variable */
/* custom checkbox */
/* custom range */
/* select */
/* badge */
/* cards */
/*border radius*/
/* alert */
/* toast */
/* breadcrumb */
/* input button */
/* nav link */
/* nav, tabs, pills */
/* tables */
/* dropdowns */
/* dropdowns sizes */
/* popovers */
/* tooltips */
/* modal */
/* reference guide
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
8px = 0.5rem
9px = 0.5625rem
10px = 0.625rem
11px = 0.6875rem
12px = 0.75rem
13px = 0.8125rem
14px = 0.875rem
15px = 0.9375rem
16px = 1rem (base)
17px = 1.0625rem
18px = 1.125rem
19px = 1.1875rem
20px = 1.25rem
21px = 1.3125rem
22px = 1.375rem
24px = 1.5rem
25px = 1.5625rem
26px = 1.625rem
28px = 1.75rem
30px = 1.875rem
32px = 2rem
34px = 2.125rem
36px = 2.25rem
38px = 2.375rem
40px = 2.5rem
*/
/* Fonts */
/* carousel */
/*  BASE VARS
========================================================================== */
/* font vars below will auto change to rem values using function rem($value)*/
/* 11px   */
/* 12px   */
/* 12.5px */
/* 14px   */
/* 15px   */
/* 16px   */
/* 28px   */
/*  Font Family
========================================================================== */
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
/*  ANIMATIONS
========================================================================== */
/* this addresses all animation related to nav hide to nav minify */
/*  Z-INDEX declearation
========================================================================== */
/* we adjust bootstrap z-index to be higher than our higest z-index*/
/*  CUSTOM ICON PREFIX 
========================================================================== */
/*  PRINT CSS (landscape or portrait)
========================================================================== */
/* landscape or portrait */
/* auto, letter */
/*  Common Element Variables
========================================================================== */
/* Z-index decleartion "birds eye view"
========================================================================== */
/*  Components
========================================================================== */
/*  PAGE HEADER STUFF
========================================================================== */
/* colors */
/* height */
/* logo */
/* try not to go beywond the width of $main_nav_width value */
/* you may need to change this depending on your logo design */
/* adjust this as you see fit : left, right, center */
/* icon font size (not button) */
/* search input box */
/* suggestion: #ccced0*/
/* btn */
/* dropdown: app list */
/* badge */
/* COMPONENTS & MODS */
/*  NAVIGATION STUFF

Guide:

aside.page-sidebar ($nav-width, $nav-background)
	.page-logo
	.primary-nav
		.info-card
		ul.nav-menu
			li
				a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
					icon 
					span
					collapse-sign 
					
				ul.nav-menu-sub-one  
					li
						a ($nav-level-1... $nav-sub-link-height)
							span
							collapse-sign

						ul.nav-menu-sub-two
							li
								a ($nav-level-2... $nav-sub-link-height)
									span

		p.nav-title ($nav-title-*...)


========================================================================== */
/* main navigation */
/* left panel */
/* nav parent level-0 */
/* nav icon sizes */
/* badge default */
/* all child */
/* nav title */
/* nav Minify */
/* when the menu pops on hover */
/* navigation Width */
/* partial visibility of the menu */
/* top navigation */
/* nav Info Card (appears below the logo) */
/* width is auto */
/* nav DL labels for all child */
/* will be pulled to left as a negative value */
/*   MISC Settings
========================================================================== */
/* List Table */
/*   PAGE SETTINGS
========================================================================== */
/*   PAGE BREADCRUMB 
========================================================================== */
/*   PAGE COMPONENT PANELS 
========================================================================== */
/*   PAGE COMPONENT PROGRESSBARS 
========================================================================== */
/*   PAGE COMPONENT MESSENGER 
========================================================================== */
/*   FOOTER
========================================================================== */
/*   GLOBALS
========================================================================== */
/* ACCESSIBILITIES */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
body {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial; }

.equal, .equal > div[class*='col-'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.fh-h6 {
  font-family: Roboto-Regular;
  font-size: 16px;
  color: #303030;
  letter-spacing: 0;
  text-align: center; }

.fh-h1 {
  font-family: Roboto-Regular;
  font-size: 30px;
  color: #303030;
  letter-spacing: 0;
  text-align: center; }

.fh-large{
  font-size: 14px;
  color: #303030;
}

.fh-xxlarge{
  font-size: 20px;
  color: #303030;
}

/* .navbar-dark .navbar-nav {
  padding: 0px;
  margin-bottom: -8px; }
  .navbar-dark .navbar-nav .nav-link {
    opacity: 0.75;
    font-family: Roboto-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center; }
    .navbar-dark .navbar-nav .nav-link.disabled {
      opacity: 0.75;
      color: #FFFFFF; }
  .navbar-dark .navbar-nav .show > .nav-link,
  .navbar-dark .navbar-nav .active > .nav-link,
  .navbar-dark .navbar-nav .nav-link.show,
  .navbar-dark .navbar-nav .nav-link.active {
    opacity: 1;
    font-family: Roboto-Medium;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    border-bottom: 3px solid #FFFFFF; } */

    .navbar-light .navbar-nav .nav-link .nav-item.active {
      border-bottom: 3px solid #886bb5;
      padding-bottom: 15px;
     } 

.container-fh {
  max-width: 80%;
  width: 80%; }

.bg-fh-navbar-gradient {
  background-image: -webkit-gradient(linear, left top, right top, from(#594475), color-stop(15%, #574779), color-stop(51%, #564C80), color-stop(68%, #554F84), to(#53548A));
  background-image: linear-gradient(90deg, #594475 0%, #574779 15%, #564C80 51%, #554F84 68%, #53548A 100%);
  -webkit-box-shadow: 0 2px 11px 0 rgba(86, 50, 138, 0.42);
          box-shadow: 0 2px 11px 0 rgba(86, 50, 138, 0.42); }

table {
  border-collapse: separate;
  border-spacing: 0 15px; }

.fh-color-blue {
  color: #82C4F8; }

.fh-color-yellow {
  color: #ffe3a7; }

.fh-color-green {
  color: #63e9db; }

.fh-color-pink {
  color: #fe9ecb; }

.fh-color-gray {
  color: #5d5d5d; }

.fh-bg-purple-gradient {
  background-image: -webkit-gradient(linear, left top, right top, from(#A38CC6), to(rgba(163, 140, 198, 0.2)));
  background-image: linear-gradient(90deg, #A38CC6 0%, rgba(163, 140, 198, 0.2) 100%);
  border-radius: 100px 0 0 100px; }

.fh-bg-green-gradient {
  background-image: -webkit-gradient(linear, left top, right top, from(#1DC9B7), to(rgba(29, 201, 183, 0.2)));
  background-image: linear-gradient(90deg, #1DC9B7 0%, rgba(29, 201, 183, 0.2) 100%);
  border-radius: 100px 0 0 100px; }

.published {
  color: #ffc241; }

.unpublished {
  color:#ce0262; }

.hold {
  /* color: #82c4f8; */
  color: #5d5d5d;
}

.closed {
  color: #1dc9b7; }

.unapproved {
  color: #ce0262; }

.fhmargin {
  margin-top: 10px;
  margin-bottom: 10px; }

.form-control-xs {
  height: calc(1em + .375rem + 2px) !important;
  padding: .125rem .25rem !important;
  font-size: .75rem !important;
  line-height: 1.5;
  border: .0px;
  margin-top: -2px; }

.fh-file-label {
  cursor: pointer;
  margin: auto;
  padding: .125rem .25rem !important;
  color: #886ab5;
  /* Style as you please, it will become the visible UI component. */ }

.fh-file-input {
  opacity: 0;
  position: absolute;
  z-index: -1; }

.fh-icon-upload {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: #000;
  -webkit-mask: url("../img/icons/upload.svg") no-repeat center;
  mask: url("../img/icons/upload.svg") no-repeat center; }

.fh-icon-user {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: #000;
  -webkit-mask: url("../img/icons/user.svg") no-repeat center;
  mask: url("../img/icons/user.svg") no-repeat center; }

  .fh-icon-profile {
    width: 25px;
    height: 25px;
    background-color: #fff;
    -webkit-mask: url("../img/icons/user.svg") no-repeat center;
    mask: url("../img/icons/user.svg") no-repeat center; }

  .fh-icon-user-sm {
    display:block;
    width: 35px;
    height:35px;
    background-color: #000;
    -webkit-mask: url("../img/icons/user.svg") no-repeat center;
    mask: url("../img/icons/user.svg") no-repeat center; }

.fh-icon-user-lg {
  display:block;
  width: 75px;
  height:75px;
  background-color: #000;
  -webkit-mask: url("../img/icons/user.svg") no-repeat center;
  mask: url("../img/icons/user.svg") no-repeat center; }

.fh-icon-mail {
  display:inline-block;
  width: 20px;
  height:20px;
  background-color: #000;
  -webkit-mask: url("../img/icons/mail.svg") no-repeat center;
  mask: url("../img/icons/mail.svg") no-repeat center; }

.fh-icon-calendar {
  display:inline-block;
  width: 18px;
  height:18px;
  background-color: #000;
  -webkit-mask: url("../img/icons/calendar.svg") no-repeat center;
  mask: url("../img/icons/calendar.svg") no-repeat center; }

.fh-icon-comment {
  display:inline-block;
  width: 18px;
  height:18px;
  background-color: #000;
  -webkit-mask: url("../img/icons/calendar.svg") no-repeat center;
  mask: url("../img/icons/calandar.svg") no-repeat center; }

.fh-icon-download {
  display:inline-block;
  width: 20px;
  height:20px;
  background-color: #000;
  -webkit-mask: url("../img/icons/download.svg") no-repeat center;
  mask: url("../img/icons/download.svg") no-repeat center; }

.fh-icon-sms {
  display:inline-block;
  width: 20px;
  height:20px;
  background-color: #000;
  -webkit-mask: url("../img/icons/speech-bubble.svg") no-repeat center;
  mask: url("../img/icons/speech-bubble.svg") no-repeat center; }
  
.fh-icon-whatsapp {
  display:inline-block;
  width: 20px;
  height:20px;
  background-color: #000;
  -webkit-mask: url("../img/icons/whatsapp.svg") no-repeat center;
  mask: url("../img/icons/whatsapp.svg") no-repeat center; }

.fh-icon-resume-document {
  display:inline-block;
  width: 20px;
  height:20px;
  background-color: #000;
  -webkit-mask: url("../img/icons/resume-document.svg") no-repeat center;
  mask: url("../img/icons/resume-document.svg") no-repeat center; }

.fh-icon-bookmark-tag {
  display:inline-block;
  width: 20px;
  height:20px;
  background-color: #000;
  -webkit-mask: url("../img/icons/bookmark-tag.svg") no-repeat center;
  mask: url("../img/icons/bookmark-tag.svg") no-repeat center; }

  .fh-icon-edit {
    display:inline-block;
    width: 15px;
    height:15px;
    background-color: #000;
    -webkit-mask: url("../img/icons/edit.svg") no-repeat center;
    mask: url("../img/icons/edit.svg") no-repeat center; }

  .fh-icon-copy {
    display:inline-block;
    width: 15px;
    height:15px;
    background-color: #000;
    -webkit-mask: url("../img/icons/copy.svg") no-repeat center;
    mask: url("../img/icons/copy.svg") no-repeat center; }

.fh-icon-reload {
  display:inline-block;
  width: 15px;
  height:15px;
  background-color: #000;
  -webkit-mask: url("../img/icons/reload.svg") no-repeat center;
  mask: url("../img/icons/reload.svg") no-repeat center; }

.fh-icon-delete {
  display:inline-block;
  width: 15px;
  height:15px;
  background-color: #000;
  -webkit-mask: url("../img/icons/delete.svg") no-repeat center;
  mask: url("../img/icons/delete.svg") no-repeat center; }

.fh-icon-maximize {
  display:inline-block;
  width: 25px;
  height:25px;
  background-color: #000;
  -webkit-mask: url("../img/icons/maximize.svg") no-repeat center;
  mask: url("../img/icons/maximize.svg") no-repeat center; }
  
.fh-icon-excel {
  display:inline-block;
  width: 15px;
  height:15px;
  background-color: #000;
  -webkit-mask: url("../img/icons/excel.svg") no-repeat center;
  mask: url("../img/icons/excel.svg") no-repeat center; }

  .fh-icon-down {
    display:inline-block;
    width: 15px;
    height:15px;
    background-color: #000;
    -webkit-mask: url("../img/icons/down-arrow.svg") no-repeat center;
    mask: url("../img/icons/down-arrow.svg") no-repeat center; }
    

.fh-round-border {
    margin: 30px;
    border-radius: 100px;
    box-sizing: border-box;
    background-color: #ffffff;
    border: 2px solid #5d5d5d;
}

.fh-item
{
  margin-top: 0px;
}

hr
{
  opacity: 0.07; border: 1px solid #140235
}

.fh-anchor
{
  opacity:0.5;
  font-size: 14px;
  color: #000000;
}

.fhcollapse .form-label
{
  opacity:0.5;
  font-size: 12px;
  color: #000000;
}

.fh-pie-title
{
  font-size:14px;
  color:#757575;
}

.fhrow{
  box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
  -webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
  -moz-box-shadow:inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
}

.fhshadow{
  display:block;
  box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
  -moz-box-shadow:0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
}

.fhrowborder{
  position: relative;
}

.fhrowborder:after{
  content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    display: block;
    height: 0;
    border-top: 1px solid rgba(29, 29, 29, 0.07);
    margin-left:3px;
    margin-right:3px;
}

.fhselect {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  font-size: 0.9em;
  border: none;
  padding-left: 0.5em;
  padding-right: 2em;
}
.select-container {position:relative; display: inline;}
.select-container:after {content:""; width:0; height:0; position:absolute; pointer-events: none;}
.select-container:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: .3em;
  right: .75em;
  border-top: 8px solid black;
  opacity: 0.5;
}
.fhselect::-ms-expand {
  display: none;
}

.fhfilterscroll
{
  max-height: 160px;
  overflow-y: scroll;
}
.fhfilterscroll::-webkit-scrollbar {
  -webkit-appearance: none;
}
.fhfilterscroll::-webkit-scrollbar:vertical {
  width: 11px;
}
.fhfilterscroll::-webkit-scrollbar:horizontal {
  height: 11px;
}
.fhfilterscroll::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white; /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, .5);
}

.fhpositionscroll
{
  max-height: 120px;
  overflow-y: scroll;
}
.fhpositionscroll::-webkit-scrollbar {
  -webkit-appearance: none;
}
.fhpositionscroll::-webkit-scrollbar:vertical {
  width: 11px;
}
.fhpositionscroll::-webkit-scrollbar:horizontal {
  height: 11px;
}
.fhpositionscroll::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white; /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, .5);
}

.fhlistscroll
{
  max-height: 420px;
  overflow-y: scroll;
}
.fhlistscroll::-webkit-scrollbar {
  -webkit-appearance: none;
}
.fhlistscroll::-webkit-scrollbar:vertical {
  width: 11px;
}
.fhlistscroll::-webkit-scrollbar:horizontal {
  height: 11px;
}
.fhlistscroll::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white; /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, .5);
}

.fhjoblistscroll
{
  max-height: 390px;
  overflow-y: scroll;
}
.fhjoblistscroll::-webkit-scrollbar {
  -webkit-appearance: none;
}
.fhjoblistscroll::-webkit-scrollbar:vertical {
  width: 11px;
}
.fhjoblistscroll::-webkit-scrollbar:horizontal {
  height: 11px;
}
.fhjoblistscroll::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white; /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, .5);
}

.bg-fhgray
{
  background-color: #f1f1f1;
}

@font-face {
  font-family: 'fhicon';
  src: url('./fhiconset/font/fhicon.eot?73538768');
  src: url('./fhiconset/font/fhicon.eot?73538768#iefix') format('embedded-opentype'),
       url('./fhiconset/font/fhicon.woff?73538768') format('woff'),
       url('./fhiconset/font/fhicon.ttf?73538768') format('truetype'),
       url('./fhiconset/font/fhicon.svg?73538768#fhicon') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
 
.fh-icon
{
  font-family: "fhicon";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  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: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* You can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/*# sourceMappingURL=theme-demo.css.map */