﻿
/* HR Boot Strap Sytle Sheet 2.2
 * Created by David Schwab 07/02/2025
 *//
  
root:
{
  --hr-UofURed           : #990000;
  --hr-footer-top-back   : #18191b;
  --hr-footer-top        : #d5d5d5;  
  --hr-footer-bottom-back: #372c2c;
  --hr-footer-font-family: "myriad-pro", sans-serif; 
}

@import"https://use.typekit.net/non8lig.css";
html
{
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body
{
    background-color: #fff;
    color: #47494a;
    font-family: "myriad-pro", sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.8;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
}

.bg-hr-dark {
  background-color: #000 !important;
}

.fakeimg
{
   height: 200px;
   background: #aaa;
}

.hr-btn-side-menu
{    
   background-color: #c00;   
   border-color: #c00;   
   font-size: 0.85em;
   width: 100px;
}

.hr-btn-side-menu:hover
{    
   background-color: #91172c;
   border: #91172c;
   transform: translateY(-1px); 
   box-shadow: 0px 10px 10px 0px rgb(84 117 145 / 20%);
}

.hr-btn-forms
{    
   background-color: #c00;   
   border-color: #c00;   
   font-size: 0.85em;
   min-width: 100px;
   padding: 2px 4px;
   color: #fff;   
}

.hr-btn-forms:hover
{    
   background-color: #91172c;
   border: #91172c;
   transform: translateY(-1px); 
   box-shadow: 0px 10px 10px 0px rgb(84 117 145 / 20%);
}


.hr-btn-admin-quick
{    
   background-color: #c00;   
   border-color: #c00;   
   color: #fff;
   font-size: 0.85em;
   min-width: 250px;
   padding: 2px 4px;   
}

.hr-btn-admin-quick:hover
{
   background-color: #91172c;
   border: #91172c;
   transform: translateY(-1px); 
   box-shadow: 0px 10px 10px 0px rgb(84 117 145 / 20%);
   -webkit-transition:all,.3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
   -ms-transition:all .3s ease-in-out;
   -o-transition:all .3s ease-in-out;
   transition:all .3s ease-in-out;   
}


.hr-btn-ucolor
{    
   background-color: #c00;   
   border-color: #c00;   
}

.hr-btn-ucolor:hover
{    
   background-color: #91172c;
   transform: translateY(-1px); 
   box-shadow: 0px 10px 10px 0px rgb(84 117 145 / 20%);
}

.hr-uofu-button-color
{
   background-color: #6c757d;
}

.hr-btn-toggle
{
   display: inline-flex;
   align-items: left;
   padding: .25rem .5rem;
   font-weight: 600;
   color: rgba(255, 255, 255, .65);
   background-color: transparent;
   border: 0;
   -webkit-transition:all,.3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
   -ms-transition:all .3s ease-in-out;
   -o-transition:all .3s ease-in-out;
   transition:all .3s ease-in-out;
}

.hr-btn-toggle:hover, .hr-btn-toggle:focus
{
   color: rgba(255, 255, 255, .85);
   margin-left: 1.25rem;
   -webkit-transition:all,.3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
   -ms-transition:all .3s ease-in-out;
   -o-transition:all .3s ease-in-out;
   transition:all .3s ease-in-out;
}

.hr-btn-toggle::before
{
   width: 1.25em;
   line-height: 0;
   content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='5' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
   transition: transform .35s ease;
   transform-origin: .5em 50%;
}

.hr-btn-toggle[aria-expanded="true"]
{
   color: rgba(255, 255, 255, .85);
}
.hr-btn-toggle[aria-expanded="true"]::before
{
   transform: rotate(90deg);
}

.hr-btn-toggle-nav a
{
   display: inline-flex;
   padding: .1875rem .5rem;
   margin-top: .125rem;
   margin-left: 1.25rem;
   text-decoration: none;
   -webkit-transition:all,.3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
   -ms-transition:all .3s ease-in-out;
   -o-transition:all .3s ease-in-out;
   transition:all .3s ease-in-out;
   
}
.hr-btn-toggle-nav a:hover, .hr-btn-toggle-nav a:focus
{
   color: rgba(255, 255, 255, .85);
   margin-left: 2.25rem;
   -webkit-transition:all,.3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
   -ms-transition:all .3s ease-in-out;
   -o-transition:all .3s ease-in-out;
   transition:all .3s ease-in-out;
}

.hr-sidenav-header-logo
{
   color: #c00;
   background: rgba(0,0,0,0);
   text-decoration: none;
}

.hr-sidenav-header-logo a img
{
   color: #c00;
   background: rgba(0,0,0,0);
   text-decoration: none;
   margin:0px auto;
   max-width:200px;
   -webkit-transition:all,.3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
   -ms-transition:all .3s ease-in-out;
   -o-transition:all .3s ease-in-out;
   transition:all .3s ease-in-out;
}

@media(max-width: 600px)
{      
   .hr-sidenav-header-logo a img
   {
      margin:0px auto;
      max-width:150px;
   }   
}      

.hr-mobile-sidenav-toggle
{
   position:absolute;
   top:0;
   left:0;
   width:75px;
   height:74px;
}
               
.hr-sidenav-header
{
   text-align:center;
   margin:20px;
   display: inline-flex; 
}

.hr-side-logo
{
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 350px;
}
   
.hr-sidenav-header a img
{
   margin:20px;
   max-width:200px;
   -webkit-transition:all,.3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
   -ms-transition:all .3s ease-in-out;
   -o-transition:all .3s ease-in-out;
   transition:all .3s ease-in-out;
}
   
@media(max-width: 600px)
{   
   .hr-sidenav-header a img
   {
      margin:0px auto;
      max-width:150px;
   }
}
      
.hr-sidenav-menu-title
{
   font-family: "factoria",sans-serif;
   font-size:14px;
   font-weight:800;
   line-height:16px;
   margin:0px;
   color:#fff;
   text-transform:uppercase;
}
  
hr.hr-hr
{
    margin-right: auto;
    margin-left: auto;
    margin-top: 5px;
    margin-bottom: 10px;
    height: 3px;
    width: 100%;
    max-width: 50px;
    background: #c00;
    border: 0px;
    margin-left: 0; 
    opacity: 1;
}

hr.hr-hr-long
{
    margin-right: auto;
    margin-left: auto;
    margin-top: 5px;
    margin-bottom: 10px;
    height: 3px;
    width: 100%;
    background: #c00;
    border: 0px;
    margin-left: 0; 
    opacity: 1;
}

.hr-admin-tools-header
{
   color : #cc0000;
}

.hr-forms-header
{
   color : #cc0000;
}

.hr-button-header
{
   display: block;
}

@media(max-width: 600px)
{   
   .hr-button-header
   {
      display: none;
   }
}

.hr-button-text-header
{
   display: block;
}


.hr-button-header-btn
{
   width: 30px;
   margin-left: 10px;
   margin-right: 10px;
   height: 30px;
}
   
.form-powered-by
{
   color:#fff;
   font-size:12px;
   display:flex;
   flex-flow:row nowrap;
   justify-content:right;
   align-items:center;
   opacity:.6;
   bottom:-40px;
   right:30px;
   pointer-events:none;
}
   
@media(max-width: 600px)
{
   .form-powered-by
   {
      display:none !important;
   }
}
   
.form-powered-by span
{
   font-weight:700;
   margin-right:5px;
}
   
.form-powered-by img
{
   width:60px;
}
   
.form-powered-by.powered-by-google 
{
   display:none;
}
      
.form-powered-by.powered-by-google
{
   display:flex;
} 


.hr-input-group
{
   display:flex;
   flex-flow:row nowrap;
   justify-content:center;
   align-items:flex-end;
   width:100%;
}
   
.hr-input-group
{
   flex:0 0 65px;
   display:flex;
   flex-flow:column nowrap;
   justify-content:center;
   align-items:center;
   height:100%;
   font-size:40px;
   color:#fff;
}
   
@media(max-width: 600px)
{
   .hr-input-group
   {
      font-size:30px;
   }
}
   
.hr-input-group input
{
   flex:1 1 auto;
   color:#fff;
   font-size:32px;
   width:100%;
   box-sizing:border-box;
   position:relative; 
   background-color:rgba(0,0,0,0);
   border-radius:0px;
   padding:5px 0px;
   border:0px;
   outline:none;
   border-bottom:2px solid #fff;
}
   
@media(max-width: 600px)
{
   .hr-input-group input
   {
      font-size:21px;
   }
}

.hr-search-icon
{
   flex:0 0 65px;
   display:flex;
   flex-flow:column nowrap;
   justify-content:center;
   align-items:center;
   height:100%;
   font-size:40px;
   color:#fff;
}
   
@media(max-width: 600px)
{
   .hr-search-icon
   {
      font-size:30px;
   }
}

.hr-search-toggle
{
   border-radius:0px;
   flex:0 0 65px;
   align-self:stretch;
}
   
.hr-search-toggle .search-btn
{
   display:flex;
   justify-content:center;
   align-items:center;
   height:100%;
   font-size:24px;
   background-color:rgba(0,0,0,0);
   border:0px;
   color: #fff;
   box-sizing:border-box;
   border-radius:0px;
   -webkit-transition:all,.3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
   -ms-transition:all .3s ease-in-out;
   -o-transition:all .3s ease-in-out;
   transition:all .3s ease-in-out;
}
   
.hr-search-toggle .search-btn:hover
{
   cursor:pointer;
   background-color:#c00;
}
   
.hr-search-toggle .search-btn.search-open
{
   background-color:#c00;
}
   
@media(max-width: 600px)
{
   .hr-search-toggle
   {
      display:block;
   }
}


.hr-sidenav-toggle,.hr-mobile-sidenav-toggle
{
   flex:0 0 65px;
   height:74px;
   align-self:stretch;
   background-color:rgba(0,0,0,0);
   -webkit-transition:all,.3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
   -ms-transition:all .3s ease-in-out;
   -o-transition:all .3s ease-in-out;
   transition:all .3s ease-in-out;
}
   
.hr-sidenav-toggle:hover,.hr-mobile-sidenav-toggle:hover
{
   background-color:#c00;
}
   
.hr-sidenav-toggle .hamburger,.hr-mobile-sidenav-toggle .hamburger
{
   position:relative;
   top:10px;
   padding:15px 15px;
   display:inline-block;
   cursor:pointer;
   transition-property:opacity,filter;
   transition-duration:.15s;
   transition-timing-function:linear;
   font:inherit;
   color:inherit;
   text-transform:none;
   background-color:rgba(0,0,0,0);
   border:0;
   margin:0;
   overflow:visible;
}
   
.hr-sidenav-toggle .hamburger:hover,.hr-mobile-sidenav-toggle .hamburger:hover
{
   opacity:1;
}
   
.hr-sidenav-toggle .hamburger.sidenav-open:hover,.hr-mobile-sidenav-toggle .hamburger.sidenav-open:hover
{
   opacity:1;
}
   
.hamburger.sidenav-open .hamburger-inner,.hamburger.sidenav-open .hamburger-inner::before,.hamburger.sidenav-open .hamburger-inner::after
{
   background-color:#fff;
}
   
.hamburger-box
{
   width:40px;
   height:24px;
   display:inline-block;
   position:relative;
}
   
.hamburger-inner
{
   display:block;
   top:50%;
   margin-top:-2px;
}
   
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after
{
   width:40px;
   height:2px;
   background-color:#fff;
   border-radius:2px;
   position:absolute;
   transition-property:transform;
   transition-duration:.15s;
   transition-timing-function:ease;
}
   
.hamburger-inner::before,.hamburger-inner::after
{
   content:"";
   display:block;
}
   
.hamburger-inner::before
{
   top:-10px;
}
   
.hamburger-inner::after
{
   bottom:-10px;
}
   
.hr-hamburger .hamburger-inner
{
   top:2px;
   transition-duration:.275s;
   transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
   
.hr-hamburger .hamburger-inner::before
{
   top:10px;
   transition:opacity .125s .275s ease;
}
   
.hr-hamburger .hamburger-inner::after
{
   top:20px;
   transition:transform .275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
   
.sidenav-open .hr-sidenav-toggle
{
   background-color:#c00;
}
   
.hr-hamburger.sidenav-open .hamburger-inner
{
   transform:translate3d(0, 10px, 0) rotate(135deg);
   transition-delay:.075s;
}
   
.hr-hamburger.sidenav-open .hamburger-inner::before
{
   transition-delay:0s;
   opacity:0;
}
   
.hr-hamburger.sidenav-open .hamburger-inner::after
{
   transform:translate3d(0, -20px, 0) rotate(-270deg);
   transition-delay:.075s;
}

.hr-header-logo
{
   flex:0 1 178px;
   height:50px;
   margin:15px 0px 15px 15px;
}
   
.hr-header-logo a
{
   display:block;
   height:50px;
   width:100%;
   background-image:url(../../images/logos/uu-logo-hrz.png);
   background-repeat:no-repeat;
   background-position:center left;
   background-size:contain;
   -webkit-transition:all,.3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
   -ms-transition:all .3s ease-in-out;
   -o-transition:all .3s ease-in-out;
   transition:all .3s ease-in-out;
}
   
@media(max-width: 1260px)
{
   .hr-header-logo a
   {
      background-image:url(../../images/logos/uu-interlocking-u.svg);
   }
}
   
@media(max-width: 600px)
{
   .hr-header-logo a
   {
      background-image:url(../../images/logos/uu-interlocking-u.svg);
      background-position:center center;
   }
}
   
 @media(max-width: 1260px)
{
   .hr-header-logo
   {
      flex:0 0 40px;
      margin:15px;
   }
}

.hr-header-title
{
   font-family: "factoria",sans-serif;
   flex:1 1 auto;
   text-align:left;
   height:100%;
   flex-flow:row nowrap;
   justify-content:center;
   align-items:flex-start;
   border-left:1px solid #463c3c;
   padding-left:25px;   
}
   
.hr-header-title a
{
   text-decoration:none;
   display:inline-block;
   -webkit-transition:all,.3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
   -ms-transition:all .3s ease-in-out;
   -o-transition:all .3s ease-in-out;
   transition:all .3s ease-in-out;
}
   
.hr-header-title a:hover
{
   opacity:.8;
}
         
.hr-header-title h1
{
   color:#fff;
   font-size:21px;
   line-height:1;
   margin:0px;
   text-transform:uppercase;
}
   
.hr-header-title h1 span
{
   display:block;
   font-family: "factoria",sans-serif;
   font-size:16px;
   line-height:1;
   font-weight:600;
   letter-spacing:1px;
   text-transform:uppercase;
   margin-top:5px;
   color:#a09898;   
}
   
@media(max-width: 1260px)
{
   .hr-header-title
   {
      padding-left:15px;
   }
   
   .hr-header-title h1
   {
      font-size:16px;
   }
   
   .hr-header-title h1 span
   {
      font-size:12px;
   }
}
   
@media(max-width: 800px)
{
   .hr-header-title h1
   {
      font-size:15px;
   }
   
   .hr-header-title h1 span
   {
      display:none;
   }
}


.hr-top-footer
{
   
   background-color:#000;
   padding:15px;
   font-size:12px;
}
   
.hr-top-footer .hr-top-footer-container
{
   display:flex;
   flex-flow:row nowrap;
   max-width:1400px;
   padding:40px 20px;
   margin:0px auto;
}
   
.hr-top-footer .hr-top-footer-container 
{
   margin-top:30px;
   margin-bottom:0px;
   color:#fff;
   font-family: "myriad-pro",sans-serif;
   font-size:13px;
   font-weight:700;
   text-transform:uppercase;
}
   
.hr-top-footer .hr-top-footer-container ul
{
   list-style-type:none;
   margin:0px;
   padding:0px;
}
   
.hr-top-footer .hr-top-footer-container ul li
{
   margin:0px;
}
   
.hr-top-footer .hr-top-footer-container ul li::before
{
   content:"";
   display:none;
}
   
.hr-top-footer .hr-top-footer-container ul li a
{
   -webkit-transition:all,.3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
   -ms-transition:all .3s ease-in-out;
   -o-transition:all .3s ease-in-out;
   transition:all .3s ease-in-out;
   color:#d5d5d5;
   text-decoration:none;
   font-size:12px;
   line-height:2;
   font-family: "myriad-pro",sans-serif;
   margin:0px;
}
   
.hr-top-footer .hr-top-footer-container ul li a:hover
{
   color:#c00;
}
   
.hr-top-footer .hr-top-footer-container 
{
   padding:1%;
}
   
.hr-top-footer .hr-top-footer-container 
{
   flex:1 1 25%;
   order:1;
   text-align:left;
}
   
.hr-top-footer .hr-top-footer-container hr
{
   margin-left:0;
}
   
.hr-top-footer .hr-top-footer-container
{
   flex:1 1 25%;
   order:2;
   text-align:left;
}
   
.hr-top-footer .hr-top-footer-container .hr-footer-menu3 hr
{
   margin-left:0;
}
   
.hr-top-footer .hr-top-footer-container .hr-footer-dept
{
   margin-top:30px;
   text-align:center;
   flex:1 1 50%;
   order:3;
}
   
.hr-top-footer .hr-top-footer-container .hr-footer-dept .hr-footer-dept-logo img
{
   max-width:80px;
}
   
.hr-top-footer .hr-top-footer-container .hr-footer-dept .hr-footer-dept-name
{
   font-size:14px;
   font-weight:700;
   color:#d5d5d5;
   margin:0px;
   text-transform: none;
}
   
.hr-top-footer .hr-top-footer-container .hr-footer-dept .hr-footer-dept-address,.hr-top-footer .hr-top-footer-container .hr-footer-dept .hr-footer-dept-phone
{
   font-size:13px;
   line-height:16px;
   color:#d5d5d5;
   margin:0px;
   text-transform:uppercase;
}

.hr-footer-dept-phone a
{
   text-decoration:none;
   color: #d5d5d5;
   text-transform:uppercase;
   -webkit-transition:all,.3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
   -ms-transition:all .3s ease-in-out;
   -o-transition:all .3s ease-in-out;
   transition:all .3s ease-in-out;
}

.hr-footer-dept-phone a:hover
{
   color: #fff;
}

   
.hr-top-footer .hr-top-footer-container 
{
   flex:1 1 25%;
   order:4;
   text-align:right;
}
   
.hr-top-footer .hr-top-footer-container hr
{
   margin-right:0;
}
   
.hr-top-footer .hr-top-footer-container 
{
   flex:1 1 25%;
   order:5;
   text-align:right;
}
   
.hr-top-footer .hr-top-footer-container hr
{
   margin-right:0;
}
   
@media(max-width: 1200px)
{
   .hr-top-footer .hr-top-footer-container
   {
      flex-flow:column nowrap;
   }
   
   .hr-top-footer .hr-top-footer-container .hr-footer-dept 
   {
      order:1;
   }
   
   .hr-top-footer .hr-top-footer-container  
   {
      order:2;
      text-align:center;
   }
   
   .hr-top-footer .hr-top-footer-container hr
   {
      margin-left:auto;
   }
   
   .hr-top-footer .hr-top-footer-container 
   {
      order:3;
      text-align:center; 
   }
   
   .hr-top-footer .hr-top-footer-container hr
   {
      margin-right:auto;
   }
   
   .hr-top-footer .hr-top-footer-container 
   {
      order:4;
      text-align:center;
   }
   
   .hr-top-footer .hr-top-footer-container hr
   {
      margin-left:auto;
   }
   
   .hr-top-footer .hr-top-footer-container
   {
      order:5;
      text-align:center;
   }
   
   .hr-top-footer .hr-top-footer-container hr
   {
      margin-right:auto;
   }
}

.hr-bottom-footer
{
   background-color:#372c2c;
}
   
.hr-bottom-footer .hr-bottom-footer-container
{
   display:flex;
   flex-flow:row nowrap;
   justify-content:center;
   align-items:center;
   align-content:center;
   max-width:1400px;
   padding:20px;
   margin:0px auto;
}
   
.hr-bottom-footer .hr-bottom-footer-container .hr-footer-logo
{
   flex:1 1 25%;
   align-self:flex-start;
   box-sizing:border-box;
   padding:1%;
   text-align:left;
   order:1;
}
   
.hr-bottom-footer .hr-bottom-footer-container .hr-footer-logo a
{
   display:block;
   margin:0px;
   height:38px;
   width:178px;
   background-image:url(../../images/logos/uu-logo-hrz.png);
   background-repeat:no-repeat;
   background-position:center left;
   background-size:contain;
   -webkit-transition:all,.3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
   -ms-transition:all .3s ease-in-out;
   -o-transition:all .3s ease-in-out;
   transition:all .3s ease-in-out;
}
   
.hr-bottom-footer .hr-bottom-footer-container .hr-footer-links
{
   flex:1 1 50%;
   box-sizing:border-box;
   padding:1%;
   text-align:center;
   font-size:13px;
   text-transform:uppercase;
   color:#9d9595;
   order:2;
}
   
.hr-bottom-footer .hr-bottom-footer-container .hr-footer-links p
{
   margin:0px;
}
   
.hr-bottom-footer .hr-bottom-footer-container .hr-footer-links ul
{
   margin:0px;
   padding:0px;
   list-style-type:none;
}
   
.hr-bottom-footer .hr-bottom-footer-container .hr-footer-links ul li
{
   position:relative;
   display:inline-block;
   margin-left:5px;
   padding-left:5px;
}
   
.hr-bottom-footer .hr-bottom-footer-container .hr-footer-links ul li::before
{
   position:absolute;
   top:0;
   left:-5px;
   content:"/";
}
   
.hr-bottom-footer .hr-bottom-footer-container .hr-footer-links ul li a
{
   text-decoration:none;
   color:#9d9595;
   text-transform:uppercase;
   -webkit-transition:all,.3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
   -ms-transition:all .3s ease-in-out;
   -o-transition:all .3s ease-in-out;
   transition:all .3s ease-in-out;
}
   
.hr-bottom-footer .hr-bottom-footer-container .hr-footer-links ul li a:hover
{
   color:#fff;
}
   
.hr-bottom-footer .hr-bottom-footer-container .hr-footer-links ul li:first-child
{
   margin-left:0px;
   padding-left:0px;
}
   
.hr-bottom-footer .hr-bottom-footer-container .hr-footer-links ul li:first-child::before
{
   content:"";
}
   
.hr-bottom-footer .hr-bottom-footer-container .hr-footer-social
{
   flex:1 1 25%;
   align-self:flex-end;
   box-sizing:border-box;
   padding:1%;
   text-align:right;
   order:3;
}
   
.hr-bottom-footer .hr-bottom-footer-container .hr-footer-social ul
{
   list-style-type:none;
   margin:0px;
   padding:0px;
}
   
.hr-bottom-footer .hr-bottom-footer-container .hr-footer-social ul li
{
   display:inline-block;
   margin:0px 10px;
   padding-left:0px;
}
   
.hr-bottom-footer .hr-bottom-footer-container .hr-footer-social ul li::before
{
   content:"";
   display:none;
}
   
.hr-bottom-footer .hr-bottom-footer-container .hr-footer-social ul li a
{
   color:#fff;
   font-size:18px;
   -webkit-transition:all,.3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
   -ms-transition:all .3s ease-in-out;
   -o-transition:all .3s ease-in-out;
   transition:all .3s ease-in-out;
}
   
.hr-bottom-footer .hr-bottom-footer-container .hr-footer-social ul li a:hover
{
   color:#c00;
}
   
.hr-bottom-footer .hr-bottom-footer-container .hr-footer-social ul li a:hover svg
{
   transform:scale(1.5);
}
   
@media(max-width: 1200px)
{
   .hr-bottom-footer .hr-bottom-footer-container
   {
      flex-flow:column wrap;
   }
   
   .hr-bottom-footer .hr-bottom-footer-container .hr-footer-logo,.hr-bottom-footer .hr-bottom-footer-container .hr-footer-links,.hr-bottom-footer .hr-bottom-footer-container .hr-footer-social
   {
      flex:1 1 98%;
      padding:20px 1%;
      align-self:center;
   }
   
   .hr-bottom-footer .hr-bottom-footer-container .hr-footer-links
   {
      order:3;
   }
   
   .hr-bottom-footer .hr-bottom-footer-container .hr-footer-social
   {
      order:2;
   }
}

   
@media(max-width: 600px)
{
   .hr-bottom-footer
   {
      padding-bottom:110px;
   }
}

.hr-carousel-image
{
   width:100%; 
   filter: brightness(50%);   
   height: 550px;
   background-repeat: no-repeat;
   background-position: center center;   
}

@media(max-width: 1400px)
{      
   .hr-carousel-image
   {
      height: 401px;
   }   
} 

@media(max-width: 1200px)
{      
   .hr-carousel-image
   {
      height: 343px;      
   }   
} 

@media(max-width: 992px)
{      
   .hr-carousel-image
   {
      height: 284px;            
   }   
} 

@media(max-width: 768px)
{      
   .hr-carousel-image
   {
      height: 220px;                  
   }   
} 

@media(max-width: 567px)
{      
   .hr-carousel-image
   {
      height: 162px;                  
   }   
} 

.hr-title-image
{
   width:100%; 
   filter: brightness(50%);   
   height: 350px;
   background-repeat: no-repeat;
   background-position: center center;   
}

@media(max-width: 1400px)
{      
   .hr-title-image
   {
      height: 225;
   }   
} 

@media(max-width: 1200px)
{      
   .hr-title-image
   {
      height: 218px;      
   }   
} 

@media(max-width: 992px)
{      
   .hr-title-image
   {
      height: 180px;            
   }   
} 

@media(max-width: 768px)
{      
   .hr-title-image
   {
      height: 140px;                  
   }   
} 

@media(max-width: 567px)
{      
   .hr-title-image
   {
      height: 103px;                  
   }   
} 

.hr-title-image-orginal
{
   width:100%; 
   height: 350px;
   background-repeat: no-repeat;
   background-position: center center;   
}

@media(max-width: 1400px)
{      
   .hr-title-image-orginal
   {
      height: 225;
   }   
} 

@media(max-width: 1200px)
{      
   .hr-title-image-orginal
   {
      height: 218px;      
   }   
} 

@media(max-width: 992px)
{      
   .hr-title-image-orginal
   {
      height: 180px;            
   }   
} 

@media(max-width: 768px)
{      
   .hr-title-image-orginal
   {
      height: 140px;                  
   }   
} 

@media(max-width: 567px)
{      
   .hr-title-image-orginal
   {
      height: 103px;                  
   }   
} 

.hr-page-title
{   
   position: relative;
   text-align: center;
   color: white;
}

.hr-page-title-center
{
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.hr-page-title-center-text
{
   color:white;
   position: absolute;
}

.hr-cursor-pointer
{
   cursor: pointer;
}

.hr-online-search-line a
{
   padding: 0px;
   margin: 0px;
   border-bottom: 1px solid;
   cursor: pointer;   
   display:block;
   text-decoration:none;
   color: black;
   border-color: black;
}

.hr-online-search-line:hover
{
   background-color: #e5e5e5;;
}

.hr-online-search-box
{
   position: absolute;
   display:none;
}

.hr-error-color-header
{
   color : #cc0000;
}

.hr-error-input
{
   border-color: #cc0000;  
   background-color: #cc0000;   
   color: #fff;
}

.hr-input-required
{
   border-color: #cc0000;     
}

.hr-error-input-dev
{
   border-color: #cc0000;  
   background-color: #ffecff;   
   color: #000000;
}

.hr-input-required-dev
{
   border-color: #cc0000;     
}

.hr-form-accord-button
{
   color : #cc0000;
   font-size: 0.80em;
}

.hr-form-accord-button:hover
{
   font-weight: bold;   
   transition:all .3s ease-in-out;      
}

.hr-form-accord-button-1
{
   color : #cc0000;
   font-size: 0.80em;
   transition:all .3s ease-in-out;      
}

.hr-form-accord-button-1:hover
{
   font-weight: bold;   
}

.hr-faq-accord-button
{
   color : #cc0000;
   font-size: 0.80em;
}

.hr-faq-accord-button:hover
{
   font-weight: bold;   
   transition:all .3s ease-in-out;      
}



.hr-related-links-button
{
   color : #cc0000;
   transition:all .3s ease-in-out;   
}

.hr-related-links-button:hover
{
   font-weight: bold;
}

.hr-related-links-text
{
   font-size: 0.85em;
   color : #cc0000;
}

.hr-related-links-text a
{
   text-decoration:none;   
   color : #cc0000;   
   transition:all .3s ease-in-out;      
}

.hr-related-links-text a:hover
{
   color : #c00;   
   font-weight: bold;
}


.hr-admintools-links-text a
{
   text-decoration:none;   
   color : #000000;   
   transition:all .3s ease-in-out;      
}

.hr-admintools-links-text a:hover
{
   color : #cc0000;   
}

.hr-admin-accord-button
{
   color : #cc0000;
   font-size: 0.80em;
   transition:all .3s ease-in-out;   
}

.hr-admin-accord-button:hover
{
   font-weight: bold;   
}

.hr-heading-box
{
   color : #ffffff;     
   background-color: #990000;
   font-size: 0.80em;
   transition:all .3s ease-in-out;   
}

.hr-heading-box-normal-text
{
   color : #ffffff;     
   background-color: #990000;
}


.hr-contact-accord-button
{
   color : #ffffff !Important;     
   background-color: #990000 !Important;
   font-size: 0.80em;
   transition:all .3s ease-in-out;   
}

.hr-contact-accord-button span
{
   font-style:italic;
   position: absolute;
   right: 60px;
}

.hr-contact-accord-button:hover
{
   font-weight: bold;   
}

@media(max-width: 576px)
{      
   .hr-contact-accord-button span
   {
      display: none;                
   }   
} 

.hr-forms-links-text a
{
   text-decoration:none;   
   color : #000000;   
   transition:all .3s ease-in-out;      
}

.hr-forms-links-text a:hover
{
   color : #cc0000;   
   font-weight: bold;
}

.hr-table-no-scroll
{
   font-size: 0.85em;
}

.hr-table table
{
   border-collapse: collapse;
   width: 100%;
   border: 1px solid #000000;      
}

.hr-table tr td
{
   border: 1px solid #000000;      
   padding-left: 3px;
}

.hr-table tr:nth-child(even)
{
   background-color: #f5f5f5;
}

.hr-table tr:hover
{
   background-color: #ffff99;
}

.hr-table th
{
   border: 1px solid #000000; 
   color: #ffffff;
   background: #a80000;
}




.hr-table-scroll
{
   overflow-y: auto;
   overflow-x: auto;   
   height: 400px;   
   font-size: 0.85em;   
}

.hr-table-scroll table
{
   border-collapse: collapse;
   width: 100%;   
   min-width: 880px;
   border: 1px solid #000000;   
}

.hr-table-scroll tr td
{
   border: 1px solid #000000;      
   padding-left: 3px;   
}

.hr-table-scroll tr:nth-child(even)
{
   background-color: #f5f5f5;
}

.hr-table-scroll tr:hover
{
   background-color: #ffff99;
}

.hr-table-scroll th
{
   border: 1px solid #000000;  
   padding-left: 3px;   
   color: #ffffff;
   background: #a80000;
}

.hr-table-scroll thead th
{
   position: sticky;
   top: 0;
}

.hr-table-scroll a
{
   display:block;
   text-decoration:none;
   cursor: pointer;   
   color: #000000;
}

.hr-table-scroll th>a
{
   display:block;
   text-decoration:none;
   cursor: pointer;   
   color: #ffffff;   
}

.hr-table-no-scroll
{
   font-size: 0.85em;
}

.hr-table-no-scroll table
{
   border-collapse: collapse;
   width: 100%;
   border: 1px solid #000000;      
}

.hr-table-no-scroll tr td
{
   border: 1px solid #000000;      
   padding-left: 3px;
}

.hr-table-no-scroll tr:nth-child(even)
{
   background-color: #f5f5f5;
}

.hr-table-no-scroll tr:hover
{
   background-color: #ffff99;
}

.hr-table-no-scroll th
{
   border: 1px solid #000000; 
   color: #ffffff;
   background: #a80000;
}

.hr-table-no-scroll a
{
   display:block;
   text-decoration:none;
   cursor: pointer;   
   color: #000000;
}

.hr-table-no-scroll th>a
{
   display:block;
   text-decoration:none;
   cursor: pointer;   
   color: #ffffff;   
}

.hr-table-no-scroll-pointer
{
   font-size: 0.85em;
}

.hr-table-no-scroll-pointer table
{
   border-collapse: collapse;
   width: 100%;
   border: 1px solid #000000;      
}

.hr-table-no-scroll-pointer tr td
{
   border: 1px solid #000000;      
   padding-left: 3px;
}

.hr-table-no-scroll-pointer tr:nth-child(even)
{
   background-color: #f5f5f5;
}

.hr-table-no-scroll-pointer tr:hover
{
   background-color: #ffff99;
}

.hr-table-no-scroll-pointer th
{
   border: 1px solid #000000; 
   color: #ffffff;
   background: #a80000;
}

.hr-table-no-scroll-pointer a
{
   text-decoration:none;
   cursor: pointer;   
   color: #000000;
}

.hr-table-no-scroll-pointer th>a
{
   display:block;
   text-decoration:none;
   cursor: pointer;   
   color: #ffffff;   
}

.hr-table-kronos
{
   font-size: 0.85em;
}

.hr-table-kronos table
{
   border-collapse: collapse;
   width: 100%;
   vertical-align: text-top;
}

.hr-table-kronos tr td
{
   border-bottom: 1px solid gray; 
   vertical-align: text-top;
   padding-left: 3px;
}


.hr-right
{
   text-align: right;
   padding-right: 3px;
}


.hr-team-name
{
   font-size: 21px;
   color: #cc0000;
   font-weight: bold;
}

.hr-team-title
{
   font-size: 18px;
   color: #000000;
   margin-bottom: 10px;   
   padding-bottom: 10px;
}

.hr-team-detail
{
   font-size: 16px;
   color: #000000;
}

.hr-team-detail a
{
   text-decoration: none;
   color: #000000;
   transition:all .3s ease-in-out;         
}

.hr-team-detail a:hover
{
   color: #cc0000;
}

.hr-text-link a
{
   text-decoration: none;
   color: #cc0000;
   transition:all .3s ease-in-out;         
}

.hr-text-link a:hover
{
   font-weight: bold;   
}

.hr-contact-traditional
{
   background-color : #999999;
   color: $ffffff;   
}

.hr-contact-embedded
{
   background-color : #cc0000;
   color: $ffffff;      
}

.hr-contact-hospital
{
   /* background-color : #0dcaf0; */
   background-color : #000000;
   color: $ffffff;      
}

.hr-contact-detail-info a
{
   text-decoration: none;
   color: #cc0000;
   transition:all .3s ease-in-out;         
}

.hr-contact-detail-info a:hover
{
   font-weight: bold;   
}

.hr-contact-detail-info table
{
   width: 100%;
   border-spacing: 0px;
   padding: 0px;
   vertical-align: top;
}

.hr-contact-row-header
{
   border-top: 3px #990000 solid;
   vertical-align: top;   
}

