/*---------------------------------------------------*/
/*----- SIDEBAR GENERALS -----*/
#pg_jsb_closed, #pg_jsb_open, #pg_jsb_openCloser  
{
-webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .45s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .45s cubic-bezier(.23,1,.32,1);
    -o-transition: all .45s cubic-bezier(.23,1,.32,1);
    transition: all .45s cubic-bezier(.23,1,.32,1);
}

#pg_jsb_closed, #pg_jsb_open {min-height: 280px;position: fixed;border-radius: 7px 0 0 7px;right: -4px;top: 140px;box-shadow: 2px 2px 5px rgba(0,0,0,0.5); z-index: 999;}
#pg_jobsidebar.closed #pg_jsb_closed, #pg_jobsidebar.open #pg_jsb_open {right: 0px}
#pg_jobsidebar.open #pg_jsb_closed, #pg_jobsidebar.closed #pg_jsb_open, #pg_jobsidebar.closed #pg_jsb_openCloser {right: -400px}
#pg_jobsidebar.open #pg_jsb_open #pg_jsb_openCloser {right: 345px}

/*---------------------------------------------------*/
/*----- SIDEBAR CLOSED -----*/
#pg_jsb_closed {background-color: #00335b;border: 2px solid #61728c; width: 50px;color: #fff; cursor: pointer; border-right: none}
#pg_jsb_closed:hover {opacity: 0.8}
#pg_jobHint {position: absolute;font-size: 24px;-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);color: #fff;left: -98px;top: 72px;width: 240px}
#pg_jobcount {background-color: #841347;border: 2px solid #958892;border-radius: 50%;font-size: 20px;font-weight: bold;height: 35px;padding: 0px;text-align: center;width: 35px;position: absolute;bottom: 10px;left: calc(50% - 18px)}

/*---------------------------------------------------*/
/*----- SIDEBAR OPEN -----*/
#pg_jsb_open {background-color: #fff; width: 350px; border: 2px solid #ddd; padding: 25px 25px 60px 25px; min-height: 340px;}
#pg_jobDef {color: #00335b; font-size: 28px; border-bottom: 2px solid #ddd; padding-bottom: 10px; text-align: center}
#pg_jsb_open ul {padding: 0}
#pg_jsb_open ul li {   font-size: 16px;
    line-height: 16px;
    list-style-type: none;
    padding-bottom: 14px;}
#pg_jsb_open ul li a {text-decoration: none; color: #00335b}
#pg_jsb_open ul li a:hover {text-decoration: underline}
#pg_jobCta {position: absolute; bottom: 25px; left: 25px; right: 35px; height: 45px; border-radius: 7px;background-color: #00335b;box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
#pg_jobCta a {display: block; color: #fff; text-decoration: none; text-align: center; padding: 10px 0; font-size: 18px;}
#pg_jobCta:hover{box-shadow: none} 
#pg_jsb_openCloser {position: fixed;right: 340px;top: 160px;width: 50px;height: 50px;background-color: #fff;border-radius: 7px;border: 2px solid #ddd;cursor: pointer; color: #00335b; font-weight: bold; padding: 10px; z-index: 50;}
#pg_jsb_openCloser img {max-width: 100%; height: auto; display: block}