/* Secondary CSS*/
 * {
     box-sizing: border-box;
}
/* ---- button ---- */
 .btn{
    white-space:normal!important
}
 button {
    justify-content:center;
    align-items:center;
    min-width: 60px
}
/* Reset Default */
 body::-webkit-scrollbar-track, #cssmenu::-webkit-scrollbar-track, #RightPane div > ul::-webkit-scrollbar-track {
     background-color: inherit;
     border-radius: 0;
}
 #LeftMenu ul::-webkit-scrollbar-track{
    background-color:#7a91b1;
    border-radius:10px
}
 html{
    scroll-padding-top:8rem
}
 body::-webkit-scrollbar {
     width: 10px;
     background-color: #F5F5F5;
}
 #LeftMenu ul::-webkit-scrollbar{
    background-color:#375a89;
    width:4px
}
 #RightPane div > ul::-webkit-scrollbar, #cssmenu::-webkit-scrollbar {
     width: 4px;
     background-color: #F5F5F5;
}
 body::-webkit-scrollbar-thumb, #cssmenu::-webkit-scrollbar-thumb {
     background-image: -webkit-linear-gradient(-45deg, rgba(50, 90, 140,1) 0%,rgba(26,66,120,1) 60%) 
}
 #LeftMenu ul::-webkit-scrollbar-thumb {
    background:#1a4278
}
 #RightPane div > ul {
     padding-bottom: 2rem;
}
 .fsRowBody input[type="radio"]:before, .fsRowBody input[type="radio"]:checked:before, .fsRowBody input[type="checkbox"]:before, .fsRowBody input[type="checkbox"]:checked:before{
     margin:auto!important;
}
 html {
    scroll-behavior: smooth
}
 .opacity-0{
     opacity:0;
}
 .opacity-1{
     opacity:0.2;
}
 .opacity-2{
     opacity:0.4;
}
 .opacity-3{
     opacity:0.6;
}
 .opacity-4{
     opacity:0.8;
}
 .opacity-5{
     opacity:1;
}
 svg {
    display: block
}
 .Normal {
     color: inherit;
     line-height: inherit;
     font-weight: inherit;
     font-size: inherit;
}
 a.svgbg:hover {
    text-decoration: none
}
 .dropdown-menu {
    padding:0;
    flex-flow: row wrap;
}
 .container-fluid {
    position:relative
}
 .modal-open {
    overflow: hidden!important
}
 .fade-in{
    opacity: 0;
}
/* scroll down arrow */
 .scroll-arrow a {
     position: absolute;
     bottom: 20px;
     left: 50%;
     z-index: 2;
     display: inline-block;
     -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     -o-transform: translate(0, -50%);
     transform: translate(0, -50%);
     color: #fff;
     font : normal 400 20px/1 'Josefin Sans', sans-serif;
     letter-spacing: .1em;
     text-decoration: none;
     transition: opacity .3s;
     padding-top: 60px;
}
 .scroll-arrow a:hover {
     opacity: .5;
}
 .scroll-arrow a span {
     position: absolute;
     top: 0;
     left: 50%;
     width: 46px;
     height: 46px;
     margin-left: -23px;
     box-sizing: border-box;
     animation: scroll-arrow 1.75s 7s 12 alternate;
}
 @keyframes scroll-arrow {
     0% {
         top: 0;
    }
     100% {
         top: 3rem;
    }
}
 .scroll-arrow a span::after {
     position: absolute;
     top: 50%;
     left: 50%;
     content: '';
     width: 16px;
     height: 16px;
     margin: -12px 0 0 -8px;
     border-left: 2px solid #fff;
     border-bottom: 2px solid #fff;
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
     box-sizing: border-box;
     animation: opacity-arrow 1.75s 7s 12 alternate;
}
 @keyframes opacity-arrow {
     0% {
         opacity: 1;
    }
     50% {
        opacity: 0.8
    }
     100% {
         opacity: 0.1;
    }
}
 .scroll-arrow a span::before {
     position: absolute;
     content: '';
     width: 44px;
     height: 44px;
     border-radius: 100%;
     animation: sdb03 3.5s 24;
}
 @keyframes sdb03 {
     0% {
         opacity: 0;
    }
     30% {
         opacity: 1;
    }
     60% {
         box-shadow: 0 0 0 60px rgba(255,255,255,.1);
         opacity: 0;
    }
     100% {
         opacity: 0;
    }
}
 #GrayPane:empty,#FormsPane:empty {
    display: none !important
}
 .mountains {
     width: 140%;
     height: 4vw;
     position: absolute;
     margin-left: -15px;
     -webkit-mask-image: url('https://montanaworks.gov/_files/images/svg-mountains-range.svg');
     mask-image: url('https://montanaworks.gov/_files/images/svg-mountains-range.svg');
     background-image: linear-gradient(to 80%, rgba(73,73,73,0), rgba(73,73,73,.5));
     background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(58,78,100,0) 25%, rgba(73,73,73,1) 100%);
     background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(58,78,100,0) 25%,rgba(73,73,73,1) 100%);
     background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(58,78,100,0) 25%,rgba(255,255,255,1) 100%);
     bottom: -1px;
     -webkit-mask-size: 100% 133%;
     mask-size: 100% 133%;
}
 .mountains:before {
     content: '';
     width: 120vw;
     height: 6vw;
     position: absolute;
     -webkit-mask-size: 120% 190%;
     mask-size: 120% 190%;
     margin: auto -15px 0;
     -webkit-mask-image: url('https://montanaworks.gov/_files/images/svg-mountains-range.svg');
     mask-image: url('https://montanaworks.gov/_files/images/svg-mountains-range.svg');
     background-image: linear-gradient(to 80%, rgba(21,21,21,0), rgba(255,255,255,1));
     background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,1) 100%);
     background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,1) 100%);
     background: linear-gradient(to bottom, rgba(21,21,21,0) 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,1) 100%);
}
 .mountains.back {
     width: 90vw;
     position: absolute;
     background-image: linear-gradient(to 80%, rgba(21,21,21,0), rgba(255,255,255,1));
     background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,1) 100%);
     background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,1) 100%);
     background: linear-gradient(to bottom, rgba(21,21,21,0) 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,1) 100%);
     -webkit-mask-size: 100% 131%;
     mask-size: 100% 131%;
}
 .list-style {
     margin: 1rem auto 1rem 8ch;
     max-width: 75ch;
     list-style: none;
     line-height: 3rem;
}
 .list-style li:before {
     content: "\203A";
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     width:1.5rem;
     height:1.5rem;
     display:inline-flex;
     justify-content:center;
     align-items:center;
}
/* Board Links Modal */
 .boardLinks li {
     position: relative;
     padding-left: 1rem;
     margin-bottom: 1.5rem;
}
 .boardLinks li:before {
     font-size: .9rem!important;
     transform: scale(.8);
}
 .fsRowBody label.input-has-value {
    transform: none;
}
/* fix for Help-Link form */
 label.control-label {
    top: .5rem;
    left: 1.75rem;
}
 .rcbScroll input:focus + label, .rcbScroll label.input-has-value {
    transform: none !important
}
 .rcbScroll label {
    position: relative !important;
    top: auto !important;
    left: auto !important
}
 .dropdown-item.primary:hover, .dropdown-item.primary:focus {
    background: #217cba;
     color: #fff;
}
 .text-shadow {
    text-shadow: 2px 3px 3px rgba(73,73,73,0.85)
}
 .bg-tprimary {
    background: rgba(26, 66, 120, 0.5);
     mix-blend-mode: hard-light;
     box-shadow: 0px 0px 1px 2px rgb(97, 116, 138);
     transition: all .05s ease-in-out 
}
 .bg-tsecondary {
    background: #494949b0
}
 .bg-dliGreen70 {
    background: #a7b25d;
}
 .text-dliGreen70 {
    color:#3D854D
}
 .bg-lightGreen {
    background: #60ab71
}
 .bg-brightBlue {
    background:#217cba
}
 .text-brightBlue {
    color:#217cba;
}
 .bg-lightGray {
    background-color:#ececec!important;
}
 .text-lightGray {
    color:#757575!important
}
 .text-lightBlue{
    color: #3d67a0!important;
}
 .bg-dliGreen {
    background-color:#3D854D!important;
}
 .text-dliGreen {
    color:#3D854D!important;
}
 .bg-dliRed70 {
    background: #C05457;
}
 .btn-primary {
    color:#fff !important
}
 #sorts :is(.btn-outline-dark), #filters :is(.btn-outline-dark) {
     border-color: #dddddd!important;
}
 .btn-dliGreen {
     color:#fff;
     background-color:#3D854D;
     border-color:#3D854D;
}
 .btn-dliGreen:not(:disabled):not(.disabled).active, .btn-dliGreen:not(:disabled):not(.disabled):active, .show>.btn-dliGreen.dropdown-toggle, .btn-dliGreen:hover, .btn-dliGreen:focus {
    background-color:#165a25;
    border-color:#165a25
}
 a.btn-outline-light:hover, a.btn-outline-light:focus {
    color: #1a4278 !important
}
 #form {
    margin:0
}
 .object-fit {
     object-fit: cover;
     height: 100%;
     width: 100%;
}
 .top-arrow {
    position:relative
}
 .top-arrow:before {
     content: "\A";
     width: 0;
     height: 0;
     border-left: 30px solid transparent;
     border-right: 30px solid transparent;
     border-bottom: 20px solid #1a4279;
     position: absolute;
     left: calc(50% - 29px);
     top: -20px;
}
 .currentPane {
     background: -moz-radial-gradient(center, ellipse cover, rgba(70,117,175,1) 0%, rgba(26,66,120,1) 60%);
     background: -webkit-radial-gradient(center, ellipse cover, rgba(70,117,175,1) 0%,rgba(26,66,120,1) 60%);
     background: radial-gradient(ellipse at center, rgba(70,117,175,1) 0%,rgba(26,66,120,1) 60%);
     overflow: hidden;
}
 .icon-accordion .card, .icon-accordion .card-header {
     background: none;
     border: none;
}
 .icon-accordion .card-header:before {
     font-family: "Font Awesome 5 Free";
     content: "\f146";
}
 .icon-accordion .card-header.collapsed:before {
     content: "\f0fe";
     font-family: "Font Awesome 5 Free";
}
 .icon-accordion a {
     text-decoration: none !important;
}
/* NAVBAR */
 .navbar.bg-custom {
    z-index:1050;
}
/*.nav-down {
    background-color: rgba(26, 66, 120, 1) !important;
    top:0!important
}
*/
 .scroll-lock{
    background-color: rgba(26, 66, 120, 1) !important;
    top:0!important
}
 .navbar-brand svg, .above-footer svg {
     fill: #fff;
}
 .navbar-brand svg {
     max-height: 30px;
     overflow: hidden;
}
 nav a.dli-div {
     position: relative;
     display:flex;
     flex-flow:column wrap;
     white-space:normal!important;
     top:-.2rem;
}
/*text below dli-logo*/
 span.dli-div {
     font-size: .65rem;
     display: block;
     position: absolute;
     opacity: 0.65;
     color: inherit;
     text-transform: uppercase;
     mix-blend-mode: difference;
     letter-spacing: .04em;
     left: 25%;
     bottom: -8px;
}
 .dli-logo.dli-div:before{
     max-height:60px!important;
     width:100%;
     max-width:240px;
}
 .nav-up #PhonePane:after {
    display:none
}
 .nav-up .dli-div:before {
    /* display: none;
    */
}
 .nav-up .dli-logo {
    top:.2rem;
}
 .nav-up span.dli-div {
    /* opacity: 1;
     border: 4px double #516d94;
     position:relative;
     top: 0;
     left:0;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: .5rem;
     font-size: .9rem;
     font-weight: bold;
     text-indent:unset;
     mix-blend-mode:unset;
     transform:unset*/
     bottom:-3px;
     left:28%;
     font-size:.65rem;
}
 .navbar-call:hover, .navbar-call:focus {
     opacity: 0.5;
     color:#fff;
}
 .navbar-call:before {
     content: '';
     opacity: 0;
     transition: opacity .6s ease-in-out;
     position: absolute;
     text-align: center;
     margin: 0 auto;
     width: 138px;
     top:-6px;
}
 .navbar-brand:hover, .navbar-brand:focus {
    opacity: 0.5;
    transform:none!important
}
 .navbar-brand img {
     max-height: 50px;
     padding-right: 0.75rem;
     filter: brightness(0) saturate(100%) invert(50%) brightness(10);
}
 .nav-item {
    min-width: 50px;
}
 .all-services {
    background: #494949 !important;
}
 #navbarSupportedContent ul.navbar-nav {
     max-width: 100vw;
}
 #navbarSupportedContent ul:nth-of-type(2) .nav-item {
    min-width:320px
}
 #navbarSupportedContent .nav-link:hover, #navbarSupportedContent .nav-link:focus {
    background:#1a4279 !important;
    color:#fff !important
}
/* Inner Nav */
 #ml-menu ul:first-of-type {
     margin: .49rem 0 1rem !important;
}
 .icon--arrow-left:before {
     content: '\e901';
}
 .icon--menu:before {
     content: '\e903';
}
 .icon--cross:before {
     content: '\e117';
}
/* Menu styles */
 #MenuPane {
    width:100%
}
 .menu__level {
     overflow: hidden;
     top: 0;
}
 .menu__level:focus {
     outline: none;
}
 .menu__level--current {
     visibility: visible;
     background: #292929;
     z-index: 20;
    /* top: 0;
     left: 0;
     height: 100vh;
     overflow-y: auto;
    */
}
 .menu__item {
     display: block;
}
 .menu__link {
     font-weight: 600;
     position: relative;
     display: block;
     padding: 1em 2.5em 1em 1.5em;
     color: #bdbdbd;
     transition: color 0.1s;
}
 .ellipsis-h:before, .menu__item .nav-link[data-submenu]:after{
     background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20fill%3D%27%233e5d7c%27%20d%3D%27M328%20256c0%2039.8-32.2%2072-72%2072s-72-32.2-72-72%2032.2-72%2072-72%2072%2032.2%2072%2072zm104-72c-39.8%200-72%2032.2-72%2072s32.2%2072%2072%2072%2072-32.2%2072-72-32.2-72-72-72zm-352%200c-39.8%200-72%2032.2-72%2072s32.2%2072%2072%2072%2072-32.2%2072-72-32.2-72-72-72z%27%2F%3E%3C%2Fsvg%3E");
     max-height: 3rem;
     width:1.25rem;
     position: absolute;
     right: 0;
     top:0;
     content: '\00a0';
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
     height: 100vw;
     transition: all .3s ease-in-out;
     display: flex !important;
     margin: 1px auto 0 !important;
     line-height: 1;
}
 .menu__item a i {
     color: #3e5d7c !important;
}
 .menu__link:hover, .menu__link:focus, .menu__link[data-submenu]:hover::after, .menu__link[data-submenu]:focus::after {
     color: #5c5edc;
}
 .menu__link--current::before {
     content: '\00B7';
     font-size: 1.5em;
     line-height: 0;
     position: absolute;
     top: 50%;
     left: 0.5em;
     height: 4px;
     color: #5c5edc;
}
 [class^='animate-'], [class*=' animate-'] {
     visibility: visible;
}
 .animate-outToRight .menu__item {
     -webkit-animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
     animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}
 @-webkit-keyframes outToRight {
     to {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
    }
}
 @keyframes outToRight {
     to {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
    }
}
 .animate-outToLeft .menu__item {
     -webkit-animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
     animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}
 @-webkit-keyframes outToLeft {
     to {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
    }
}
 @keyframes outToLeft {
     to {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
    }
}
 ul.animate-inFromLeft ul.menu__level {
     opacity: 0;
     visibility: hidden;
}
 .animate-inFromLeft .menu__item {
     -webkit-animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
     animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}
 @-webkit-keyframes inFromLeft {
     from {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
    }
     to {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @keyframes inFromLeft {
     from {
         opacity: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
    }
     to {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 .animate-inFromRight .menu__item {
     -webkit-animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
     animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}
 @-webkit-keyframes inFromRight {
     from {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
    }
     to {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @keyframes inFromRight {
     from {
         opacity: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
    }
     to {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 .menu__breadcrumbs {
     font-size: 0.65em;
     line-height: 1;
     position: relative;
     display: flex;
     flex: 1 1 auto;
     max-height: 55px;
     border-bottom: 1px solid #494949;
     align-items: center;
     max-width: 500px;
     justify-content: center;
     align-content: center;
     margin: 0 auto;
}
 .menu__breadcrumbs a {
     font-weight: bold;
     cursor: pointer;
     vertical-align: middle;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: #ececec !important;
     text-align: center;
     line-height: .85rem;
     display: flex;
     justify-content: center;
     align-items: center;
     flex: 0 1 auto;
     padding: 0 .5rem;
}
 .menu__breadcrumbs a:last-child {
     pointer-events: none;
     color: #fcc735 !important;
}
 .menu__breadcrumbs a:hover, .menu__breadcrumbs a:focus {
     color: #90b1de !important;
}
 .menu__breadcrumbs a:not(:last-child)::after {
     content: "\f105";
     font-family: "Font Awesome 5 Free";
     padding:0 0 0 .75rem;
     color: #fcc735;
     transition: 1s all ease-in-out;
}
 .menu__breadcrumbs a:not(:last-child):hover::after, .menu__breadcrumbs a:not(:last-child):focus::after {
     content: "\f105";
     color: inherit;
     transform: rotate(180deg);
     transform-origin: center;
     padding: 0 .75rem 0 0;
     transition: .25s all ease-in-out;
}
 .menu__back {
     font-size: 1.05em;
     position: absolute;
     z-index: 100;
     top: 0;
     right: 2.25em;
     margin: 0;
     padding: 1.365em 0.65em 0 0;
     cursor: pointer;
     color: #2a2b30;
     border: none;
     background: none;
}
 .menu__back--hidden {
     pointer-events: none;
     opacity: 0;
}
 .menu__back:hover, .menu__back:focus {
     color: #fff;
     outline: none;
}
/* Open and close buttons */
 .action {
     position: absolute;
     display: block;
     margin: 0;
     padding: 0;
     cursor: pointer;
     border: none;
     background: none;
}
 .action:focus {
     outline: none;
}
 .action--open {
     font-size: 1.5em;
     top: 1em;
     left: 1em;
     display: none;
     color: #fff;
     position: fixed;
     z-index: 1000;
}
 .action--close {
     font-size: 1.1em;
     top: 1.25em;
     right: 1em;
     display: none;
     color: #45464e;
}
 .menu__level::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     background-color: #F5F5F5;
     border-radius: 0px;
}
 .menu__level::-webkit-scrollbar {
     width: 10px;
     background-color: #F5F5F5;
}
 .menu__level::-webkit-scrollbar-thumb {
     background-image: -webkit-linear-gradient(-45deg, rgba(50, 90, 140,1) 0%,rgba(26,66,120,1) 60%) 
}
/* Breadcrumb */
 .breadcrumbs .breadcrumb a:hover, .breadcrumbs .breadcrumb a:focus {
     text-decoration: underline;
     color: #fff;
}
 .breadcrumb-item+.breadcrumb-item::before {
    color: #bbb
}
 .breadcrumb-item.active{
    color:#bbb!important
}
 .breadcrumbs .breadcrumb {
     color: #fff;
     padding: .5rem 0;
     margin: 0;
     font-size: .75rem;
     background: none;
}
 .breadcrumbs .breadcrumb a, .breadcrumbs .breadcrumb a:visited {
    color: #fff
}
 nav.breadcrumb i {
    padding: 0 .75rem;
    transition: .33s ease-in-out;
    display:inline-flex;
    flex:1 1 auto;
    width:2.5rem
}
 nav.breadcrumb span:hover + i {
     transform: rotate(180deg);
     mix-blend-mode: soft-light 
}
/* LOGIN SCREEN */
 .navbar-nav .login-screen {
     position: fixed;
     float: none;
     background: red;
     width: 500px;
     height: 500px;
     z-index: 99999;
     top: 60px;
}
/* RAISED BUTTONS */
 .btn-primary:hover, .btn-primary:focus {
     color: #fff;
     background:#22559a;
     border-color: #22559a;
}
 .btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow:none;
    border-color:transparent
}
 .jumbotron {
    transition: all .5s ease-in-out
}
 .jumbotron .container-fluid .row {
     max-width: 100%;
}
 .jumbotron h1 {
    font-size: 3.25rem;
    border:none
}
 .jumbotron h1.mainHeader {
     z-index: 0;
     position: absolute;
     border: none;
     bottom: 0;
     color: #fff !important;
     font-size: 2rem;
     border-radius: 150% 150% 0 0;
     width: 100vw;
     background: rgba(26, 66, 120, .7);
     background: -moz-linear-gradient(left, rgba(26,66,120,0) 0%, rgba(26,66,120,0.7) 30%, rgba(26,66,120,0.7) 70%, rgba(26,66,120,0) 100%);
     background: -webkit-linear-gradient(left, rgba(26,66,120,0) 0%,rgba(26,66,120,0.7) 30%,rgba(26,66,120,0.7) 70%,rgba(26,66,120,0) 100%);
     background: linear-gradient(to right, rgba(26,66,120,0) 0%,rgba(26,66,120,0.7) 30%,rgba(26,66,120,0.7) 70%,rgba(26,66,120,0) 100%);
     padding: .25rem 1rem 1.625rem 1rem;
}
 .jumbotron p {
    font-size:1.125rem
}
 .jumbotron .mountains {
    -webkit-mask-size: 100% 113%;
    mask-size: 100% 113%;
    margin:auto;
}
 .jumbotron.contain {
     background-size: contain!important;
     padding: 0!important;
     background-position: center 66px!important;
     overflow: visible!important;
     height: 20vw;
     margin-top: 66px;
     min-height: fit-content!important;
     background-color:#282724 !important;
}
 .jumbotron.contain .lowres {
    display:none!important;
}
 .carousel-thumbnails .carousel-indicators img {
     max-width: 100px;
     height: 50px;
     overflow: hidden;
     display: block;
     object-fit: cover;
}
 .carousel-thumbnails .carousel-indicators li {
     height: auto;
     max-width: 100px;
     width: 100px;
     border: 2px solid #494949;
     background: transparent;
     transition: margin .3s ease-in-out;
     transition: border-width .6s ease-in-out;
}
 .carousel-thumbnails .carousel-indicators li.active {
     border-color: #1a4278;
     border-width: 0 0 2px;
     margin:-3px 0 2px;
}
/* navbar search */
 #search.open {
     -webkit-transform: translate(0px, 0px) scale(1, 1);
     -moz-transform: translate(0px, 0px) scale(1, 1);
     -o-transform: translate(0px, 0px) scale(1, 1);
     -ms-transform: translate(0px, 0px) scale(1, 1);
     transform: translate(0px, 0px) scale(1, 1);
     opacity: 1;
}
 #search input[type="search"] {
     position: relative;
     width: 80vw;
     background: rgba(0, 0, 0, 0);
     font-size: 60px;
     font-weight: 300;
     text-align: center;
     border: 0px;
     margin: 0px auto;
     padding-left: 30px;
     padding-right: 30px;
     outline: none;
     z-index: 0;
     border-bottom: 1px solid #757575 
}
 #search .btn {
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: 61px;
     margin-left: -45px;
     z-index: 0;
}
 #search .close {
     position: fixed;
     top: 15px;
     right: 15px;
     border-color: #646464;
     opacity: 1;
     padding: 9px 17px 15px;
     font-size: 27px;
}
 #search .searchInputContainer {
    position: inherit
}
 a .fa, a .fab, a .fal, a .far, a .fas, a .fa, a .fab, a .fal, a .far, a .fas {
    transition: all .15s ease-in-out;
}
 a:hover .fa, a:hover .fab, a:hover .fal, a:hover .far, a:hover .fas, a:focus .fa, a:focus .fab, a:focus .fal, a:focus .far, a:focus .fas {
     color: inherit;
     transform: scale(1.16);
}
 a.carousel-control:hover span, a.carousel-control:focus span {
     color: #1a4278!important;
}
 .carousel-caption a {
     text-decoration: none!important;
     transition: .5s all ease-in-out;
}
 .carousel-caption a:hover{
    text-decoration:underline #c5d9f5
}
 button.close.bg-primary {
     color: #fff;
     text-shadow: 0 1px 0 #777;
}
/* Navbar Animated Menu */
 .navbar-toggler {
     min-width: 50px;
     padding: 0.5rem !important;
     display: flex;
     justify-content: center;
     align-items: center;
     align-content: center;
     flex-flow: column;
     background: transparent !important;
}
 .navbar-toggler:focus {
     outline: none;
     background: transparent !important;
}
 .navbar-toggler .icon-bar {
     background-color: #fff;
     transform: rotate(0deg) translate(0px, 0px);
     transition: ease all .2s;
}
 .navbar-toggler .icon-bar {
     display: block;
     width: 22px;
     height: 2px;
     border-radius: 1px;
}
 .navbar-toggler .icon-bar+.icon-bar {
     margin-top: 4px;
}
 .icon-bar:nth-child(3) {
     width: 16px;
     transition: ease all .2s;
}
 .navbar-toggler:hover>.icon-bar:nth-child(3), .navbar-toggler:focus>.icon-bar:nth-child(3) {
     width: 22px;
     transition: ease all .2s;
}
 .navbar-toggler:active>.icon-bar:nth-child(3) {
     width: 22px;
     transition: ease all .2s;
}
 .navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
     transform: rotate(45deg) translate(5px, 4px);
     transition: ease all .2s;
     background-color: #ffc735;
}
 .navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
     opacity: 0;
     transition: ease all .2s;
}
 .navbar-toggler:not(.collapsed) .icon-bar:nth-child(4) {
     transform: rotate(-45deg) translate(4px, -4px);
     transition: ease all .2s;
     background-color: #ffc735;
}
 .navbar-dark .navbar-toggler:not(.collapsed) {
    border: 2px solid #fcc735;
}
 .collapse.in {
    display: flex !important;
}
/* Jumbotron MontanaWorks */
 .montanaWorks {
     background-size: cover;
     background-position: center top;
     background-attachment: fixed;
     background-color: #d1d1d1;
     position: relative;
     z-index: 0;
     margin-bottom: 10vh;
     height: 95vh;
     min-height: 535px;
     padding: 5rem 0rem 10rem;
     overflow: hidden 
}
 .montanaWorks:after {
     content: "";
     background: #ffffff;
     height: 140px;
     display: block;
     position: absolute;
     bottom: -120px;
     z-index: 3;
     width: 160%;
     border-radius: 100%;
     left: -31%;
}
 .background2 {
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center top;
     background-attachment: fixed;
     height: 80vh;
     width: 100%;
     position: absolute;
}
/* Responsive Video */
 .video-container {
     width: 100%;
     margin: -10rem auto 0;
     padding: 0 15px;
     position: relative;
     z-index: 3;
     text-align:center;
}
 .video-responsive{
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
     max-width: 100%;
}
 .video-responsive iframe{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .youtube-player {
     position: relative;
     padding-bottom: 56.23%;
    /* Use 75% for 4:3 videos */
     height: 0;
     overflow: hidden;
     max-width: 100%;
     border-radius: 10px;
}
 .youtube-player iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 100;
     background: transparent;
}
 .youtube-player img {
     bottom: 0;
     display: block;
     left: -1px;
     margin: auto;
     max-width: 100.5%;
     width: 100.5%;
     position: absolute;
     right: 0px;
     top: -1px;
     border: none;
     height: auto;
     cursor: pointer;
     -webkit-transition: .4s all;
     -moz-transition: .4s all;
     transition: .4s all;
     background-color: #292929;
}
 .youtube-player img:hover {
     -webkit-filter: brightness(75%);
}
 .youtube-player .play {
     height: 46px;
     width: 66px;
     left: 50%;
     top: 50%;
     margin-left: -33px;
     margin-top: -23px;
     position: absolute;
     cursor: pointer;
     border-radius: 32px;
}
 .youtube-player .play:before {
     content: "\f167";
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     display: inline-block;
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     line-height: 1;
     font-family: "Font Awesome 5 Brands";
     text-align: center;
     font-size: 4rem;
     position: relative;
     top: -10px;
     left: -2px;
}
 .youtube-player:hover .play:before, .youtube-player:focus .play:before {
     color: red 
}
 #video_btn:before {
     content: '\A';
     width: 0;
     height: 0;
     border-top: 7px solid transparent;
     border-bottom: 7px solid transparent;
     border-left: 10px solid #fff;
     display: inline-block;
     margin: 0 10px 0px 0;
}
/* Shadow Effect */
 .shadow-effect {
     position:relative;
}
/*.shadow-effect:before, .shadow-effect:after {
     z-index: -1;
     position: absolute;
     content: '';
     bottom: 1em;
     width: 50%;
     top: 80%;
     background: transparent;
     box-shadow: 0 1.25em 0.8em #777;
}
 */
 .shadow-effect:before {
     transform: rotate(-3deg);
     left: 1.5em;
}
 .shadow-effect:after {
     transform: rotate(3deg);
     right: 1.5em;
}
/* Login Area */
 .login-area .card {
     border:none;
     flex: 1 1 auto;
     max-width: 99.99%;
}
 .login-area .card:after {
     content: "\A";
     display: flex;
     width: 120px;
     border-bottom: 2px solid #ececec;
     margin: auto auto 0;
     transition: border-bottom .33s ease-in-out;
}
 .login-area .card:hover:after, .login-area .card:focus:after {
     content: "\A";
     border-bottom: 2px solid #0f501e;
}
 .login-area a.login {
    display:flex;
    flex:1 1 auto;
    flex-flow:column;
    max-width: 99.99%
}
 .login-area a.login:hover, .login-area a.login:focus {
     text-decoration: none !important;
}
 .login-area a.login:hover h4, .login-area a.login:focus h4 {
     color: #1a4278 !important;
     border-radius: 8px 8px 0 0;
     transition:background .5s ease-in;
}
/* FrontPage */
 h1.frontpage {
    font-size: 3rem;
    letter-spacing:0.05rem;
    text-shadow: 1px 1px 2px #fff;
    outline: 7px double#1a4278;
     outline-offset: 15px;
     border: 0;
    position: relative;
     margin-top: -2.5rem;
}
/* Job Search */
 .job-search p {
    max-width: 330px;
}
 .job-search h2 {
    font-size: 2.33rem;
}
 .job-search-image{
     padding: 0;
     flex: 1 1 auto;
     align-self: center;
     margin-bottom: -7.8%;
     z-index: -2;
     background-image: url('https://montanaworks.gov/_files/images/job-search-woman.jpg');
     padding-bottom: 33%;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: bottom right;
}
/* Apprenticeship */
 .apprenticeship {
    background-color: #3D854D
}
 .apprenticeship a.btn-outline-light:hover, .apprenticeship a.btn-outline-light:focus {
    color:#3D854D !important
}
/* Unemployment */
 #JobSearchPane + #UIPane {
     margin-top: -3rem;
}
 .unemployment {
     background-color: #eaf5fd;
     margin-top: 4rem;
     margin-bottom: 6rem;
     position:relative;
     z-index:-1;
}
 .unemployment .row {
    position:relative
}
 .unemployment a.btn-outline-danger:hover, .unemployment a.btn-outline-danger:focus {
    color:#ffffff !important
}
/* Department Services */
 #deptServ .department-services .btn-group {
     flex: 1 1 auto;
     display: flex;
     text-align: center;
     flex-flow: row nowrap;
     justify-content: center;
     max-width: 1200px;
     width:100%;
}
 .btn:focus {
    box-shadow:none !important
}
 .currentPane .show .container-fluid:nth-of-type(2) {
     min-height: 250px;
     transition: height 1s ease-in-out;
}
 .currentPane .show .container-fluid:nth-of-type(2) {
     min-height: 87px;
}
/* ---- Hidden ---- */
 .hidden{
     visibility: hidden;
     width: 0px!important;
     height: 0px!important;
     margin: 0px!important;
     padding: 0px!important;
     position: absolute !important;
     left: -500rem !important;
     top: 500rem !important;
}
 .department-services .col-auto {
     padding: 0 5px;
     width: auto;
     flex: 1 1 auto;
     margin-bottom: .65rem;
     display: flex;
}
 .department-services .btn {
    flex:1 1 auto !important;
    transition: all .3s ease-in-out;
    min-height: 36px
}
 #deptServ .btn-outline-primary:not(:disabled):not(.disabled).active:focus {
     box-shadow: none;
}
 .secondaryFilter .dropdown-menu {
     background: #1a4278;
     padding: 0 !important;
}
 .secondaryFilter .dropdown-menu button {
     border-bottom: 1px solid #fff !important;
     text-align: left;
     width: 100%;
     border-radius: 0;
     transition: all .3s ease-in-out !important;
     padding: .75rem;
     margin:0 !important;
}
 .secondaryFilter .dropdown-menu button:last-of-type {
    border-bottom-width:0 !important;
}
 .secondaryFilter .dropdown-menu button:nth-of-type(-n+3) {
    width:33%;
    border-radius: 0;
    margin-top: -3px !important;
}
 .sorts .dropdown-menu.show {
    display: flex;
    width:100%;
    min-width:220px
}
 .deptServPanel {
    display: flex
}
 #deptServ .card {
     background: transparent;
     color: #fff;
     display: flex;
     justify-content: center;
     align-content: center;
     align-items: center;
     transition: background .25s ease-in;
     max-width: 340px;
     min-width: 320px;
     margin: auto;
     border:1px solid hsl(200deg 96% 59% / 7%);
     border-radius:1rem;
     text-decoration:none;
}
 #deptServ .card:hover, #deptServ .card:focus {
     background:#217cba;
     background:hsl(213deg 60% 47%);
     text-decoration: none 
}
 .loadAllServices i {
    position: relative
}
 .loadAllServices i:after {
     content: "";
     border-bottom: 2px solid #fff;
     text-align: center !important;
     width: 16px;
     display: block;
     position: absolute;
     bottom: -5px;
     left: -1px;
}
 h1:before {
     margin-right:10px;
}
 h1:after {
     margin-left:10px;
}
 #mtc {
    flex:1 1 auto
}
/* Professional Boards Module */
 #proBoardsModal li {
     padding-bottom: 15px;
     list-style-type: decimal;
}
 #proBoardsModal a:hover, #proBoardsModal a:focus {
    color: red
}
/* Animating Elements */
 .animation-element {
     opacity: 0;
     position: relative;
}
/*animation element sliding left*/
 .animation-element.slide-left {
     opacity: 0;
     -moz-transition: all 500ms linear;
     -webkit-transition: all 500ms linear;
     -o-transition: all 500ms linear;
     transition: all 500ms linear;
     -moz-transform: translate3d(-100px, 0px, 0px);
     -webkit-transform: translate3d(-100px, 0px, 0px);
     -o-transform: translate(-100px, 0px);
     -ms-transform: translate(-100px, 0px);
     transform: translate3d(-100px, 0px, 0px);
}
 .animation-element.slide-left.in-view {
     opacity: 1;
     -moz-transform: translate3d(0%, 0px, 0px);
     -webkit-transform: translate3d(0%, 0px, 0px);
     -o-transform: translate(0%, 0px);
     -ms-transform: translate(0%, 0px);
     transform: translate3d(0%, 0px, 0px);
}
/*animation element fly-left*/
 .animation-element.fly-left {
     opacity: 0;
     transition: all 1s ease-in-out;
     -moz-transform: translateX(-265%);
     -webkit-transform: translateX(-265%);
     -o-transform: translateX(-265%);
     -ms-transform: translateX(-265%);
     transform: translateX(-265%);
}
 .animation-element.fly-left.in-view {
     opacity: 1;
     -moz-transform: translateX(0%);
     -webkit-transform: translateX(0%);
     -o-transform: translateX(0%);
     -ms-transform: translateX(0%);
     transform: translateX(0%);
     animation: fly 1s cubic-bezier(0,1,.8,1) forwards;
}
 .animation-element.fly-left.in-view:before {
     content: "";
     animation: flyy 1s cubic-bezier(.5,1,.8,.9) forwards;
     display: block;
     margin: auto;
}
 @keyframes fly {
     from {
        transform: translateX(-265%)
    }
     to {
        transform: translateX(0%)
    }
}
 @keyframes flyy {
     0% {
        transform: translateY(60px)
    }
     33% {
        transform: translateY(10px)
    }
     66% {
        transform: translateY(2px)
    }
     80% {
        transform: translateY(0px)
    }
     100% {
        transform: translateY(0px)
    }
}
/* Random Image */
 .random-img {
     opacity: 1;
     background-image: var(--randbgIMG);
     background-repeat: no-repeat !important;
     background-size: cover !important;
     background-position: center 25% !important;
     background-attachment: fixed !important;
     animation: fade 1s ease-in-out 
}
 @keyframes fade {
     0% {
        opacity: 0
    }
     1% {
        opacity:0.1
    }
     33% {
        opacity:0.1
    }
     100% {
        opacity: 1
    }
}
/* SVG MT Counties */
 #mtcounties {
     display: block;
     width: 100%;
     overflow: visible;
}
 #mtcounties path{
    fill:transparent;
    stroke:#ffffff;
    stroke-width:2;
    stroke-linejoin:round;
    transition: all .25s ease-in-out
}
 #mtcounties path:hover, #mtcounties path:focus {
    fill:#3D854D !important
}
/* Legend */
 #mtc [data-color] {
     font-size: .8rem;
     margin-right: 1px;
     padding: 0 2px;
}
 #mtc [data-color] i {
     font-size: .65rem;
     padding-right: .2rem;
}
/* Fill based on Unemployment Rate */
 #mtcounties path[data-color="darkest"], [data-color="darkest"] {
     fill: #041d37;
     border-top: 10px solid #041d37;
}
 #mtcounties path[data-color="darker"], [data-color="darker"] {
     fill: #133253;
     border-top: 10px solid #133253;
}
 #mtcounties path[data-color="dark"], [data-color="dark"] {
     fill: #2b4c6f;
     border-top: 10px solid #2b4c6f;
}
 #mtcounties path[data-color="medium"], [data-color="medium"] {
     fill: #4a6b8a;
     border-top: 10px solid #4a6b8a;
}
 #mtcounties path[data-color="light"], [data-color="light"] {
     fill: #738ca6;
     border-top: 10px solid #738ca6;
}
 #mtcounties path[data-color="lightest"], [data-color="lightest"] {
     fill: #bfc9d3;
     border-top: 10px solid #bfc9d3;
}
 .col[data-color]:hover, .col[data-color]:focus {
     background-color: #555e11;
     color: #fff;
}
 #mtcounties path.dataHover {
     fill: #9ca3ab;
     opacity: 0.4;
}
 .graphHover {
     fill:#3D854D !important;
     opacity: 1 !important;
}
/* Custom Tooltip */
 .unemployment-rate .tooltip.show {
    opacity: 1
}
 .unemployment-rate .tooltip>.tooltip-inner {
     background: #3D854D !important;
     padding: .5rem .75rem;
}
/* Tooltip on top */
 .unemployment-rate .tooltip.bs-tooltip-auto[x-placement^=top] .arrow:before, .unemployment-rate .tooltip.bs-tooltip-top .arrow:before, .unemployment-rate .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow:before, .unemployment-rate .tooltip.bs-tooltip-bottom .arrow:before {
     display:none;
}
/* Lazy Load Images */
 .lozad {
     filter: blur(.15rem);
     transition: all .15s ease-in-out;
}
 [data-loaded="true"] {
     filter: blur(0) !important;
}
/* isotope */
 .grid {
    transition:height .33s ease-in-out;
    overflow: hidden
}
/* Sorts */
 .quicksearch {
     margin: 0 !important;
     background: transparent;
     color: #fff;
     font-size: .875rem;
     flex:0 1 auto;
     border:none;
     padding: 0 .5rem;
     text-align: center;
     outline: none;
     width:100%;
}
 .quicksearch::-webkit-input-placeholder {
    color:#fff;
    font-size:.875rem
}
 .quicksearch::-moz-placeholder {
    color:#fff;
    font-size:.875rem
}
 .quicksearch:-ms-input-placeholder {
    color:#fff;
    font-size:.875rem
}
 .quicksearch:-moz-placeholder {
    color:#fff;
    font-size:.875rem
}
 .sorts {
    max-width: 600px !important;
}
 .sorts button[data-sort-by="original-order"] {
    min-width: 105px
}
 .sorts .dropdown {
     flex: 1 1 auto;
     display: flex;
     text-align: center;
     flex-flow: row nowrap;
     justify-content: center;
     max-width: 210px;
     margin-left: -2px;
}
 .sorts .dropdown .btn {
     border-radius: 0 .25rem .25rem 0;
}
 .sorts .dropdown-menu .btn-dliGreen {
    font-size: 0rem
}
 .sorts .dropdown-menu .btn-dliGreen:not(.svgbg) {
     font-size: .8rem;
     white-space: normal !important;
     text-align: center;
     padding: 0 5px;
}
 .unset {
    position: unset !important;
}
 .hidden.unset {
    display: none;
}
/* Overwrite old skin.css */
 .form-group{
    position: relative
}
 .form-group h2{
    margin-top: 1.5rem
}
 .form-group + input {
    margin-top: 1rem
}
 .field-container{
    display: inline-block
}
 #RightPane textarea {
    max-height: 200px
}
 #ContentPane ul, #ContentPane ol {
     font-size: .95rem;
}
 #ContentPane ul > li, #ContentPane ol > li {
     margin-bottom: .75rem;
     padding-left: .5rem 
}
 #ContentPane ul.nav-tabs li {
     margin: 0 -2px -1px;
     padding: 0;
}
 main ol, section ol {
     padding: .75rem 0 .5rem .5rem;
     margin: .75rem auto 0 2rem!important;
     border: 1px solid #f1f1f1;
     border-width: 1px 0;
     font-size: .95rem;
}
 h4 a.link {
     text-overflow: ellipsis;
     white-space: initial;
     overflow: hidden;
     display: block;
     width: 100%;
}
 .nav-tabs > li > a {
     font-weight: normal!important;
}
 .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus {
     border: 0;
     -webkit-box-shadow: inset 0 -2px 0 #2196f3;
     box-shadow: inset 0 -2px 0 #2196f3;
}
 h4 span.centered {
     text-align: center!important;
     display: block;
     font-weight: normal;
}
 .nav-item a:hover {
    background-image: none!important
}
 .grt a.btn {
    text-decoration: none
}
 #FormsPane div {
     max-width: 500px;
     margin: 0 auto;
     display: block;
     flex: 1 1 auto;
}
 #RightPane {
     padding: 0;
     border-radius: .25rem;
     max-width: 260px;
     margin: 4.75rem auto auto auto;
     position: -webkit-sticky;
     position: sticky;
     top: 100px;
}
 #RightPane div {
    background: #fbfbfb;
    box-shadow: inset -2px -2px 2px #e4e4e4
}
 #RightPane div > ul {
    overflow-x: auto;
    max-height: 75vh
}
 #RightPane h2 {
     margin: 0 auto;
     text-align: center;
     padding: .5rem;
     font-size: 1.25rem;
     color: #6a6a6a;
     background: #ebebeb;
}
 #RightPane ul {
    padding-left:0;
    margin-bottom: 0;
    margin-left:0;
    list-style:none
}
 li[role="menuitem"] a.nav-link:hover, li[role="menuitem"] a.nav-link:focus {
    background: #ebebeb
}
 #RightPane > ul > .title {
    font-size: 0.95rem;
    font-weight: 600;
    color: #585858;
    margin:auto
}
 #RightPane li.title:first-of-type {
    margin-top: 0;
    padding-top:0
}
 #RightPane a.disabled, #RightPane li a.active {
    background: #dfebfb;
    box-shadow: inset 0px 0px 2px #e4e4e4, inset 5px 0px 0px #217cba;
}
 #RightPane ul li a {
    width: 100%;
    display: block;
    padding: 0 1rem 0 1rem;
    line-height: 1.75;
    transition: all 1s ease-in-out;
    font-size: .9rem;
    display: flex;
    align-items: center;
}
 #RightPane ul li .nav-link {
    padding: .35rem 1.25rem .35rem 1.25rem!important;
    transition: all .5s ease-in-out;
    position: relative;
    line-height: 1.25rem;
}
 #RightPane .small {
    font-size: .82rem
}
 #RightPane + div + div {
    border-radius: .5rem;
    overflow: hidden
}
 #RightPane + div + div p {
    background: #f1f1f1;
    padding: .25rem 2.25rem
}
 #RightPane div:not(#cssmenu) > ul > li.title {
    border-bottom: 1px solid #ebebeb
}
 #RightPane div:not(#cssmenu) > ul > li.title:last-of-type {
    border-bottom: none
}
 #RightPane > ul > li.title:last-of-type {
    border-bottom: 0
}
 a.folder[aria-expanded="false"]::after, a.folder:focus[aria-expanded="false"]::after, a.folder[aria-expanded="true"]::after, a.folder:focus[aria-expanded="true"]::after, a.other[aria-expanded="false"]::after, a.other:focus[aria-expanded="false"]::after, a.other[aria-expanded="true"]::after, a.other:focus[aria-expanded="true"]::after {
     content: '\0276F';
     font-weight: normal;
     position: absolute;
     right: 0;
     width: 25px;
     height: 25px;
     background: #ebebeb8c;
     display: inline-flex;
     justify-content: center;
}
 a.folder[aria-expanded="true"]::after, a.folder:focus[aria-expanded="true"]::after, a.other[aria-expanded="true"]::after, a.other:focus[aria-expanded="true"]::after {
     transform: rotate(90deg);
     background:none;
}
 #RightPane .title li a.title {
    font-size: .84rem;
    margin:-.25rem auto 0;
}
 .title .title ul a{
    padding-left:2rem;
}
 #RightPane .title.folder > a[aria-expanded="true"], #RightPane .title.other > a[aria-expanded="true"] {
    margin-top:4px;
    background:#ebebeb;
}
 .title.nav-link.folder {
    background: #fbfbfb
}
 #RightPane .title.folder> a[aria-expanded="true"] + ul.show {
     padding-left:.25rem;
     border-bottom:4px solid #e9eef5;
     padding-bottom:.5rem;
     margin-bottom:.5rem;
}
 #RightPane a.folder:hover {
    background: #ebebeb!important;
}
 #RightPane li.title {
    0px 1px 4px -4px
}
 .jumbotron.secondary{
     background-size: cover;
     background-position: center top;
     background-attachment: fixed;
     background-color: #fff;
     position: relative;
     z-index: 0;
     min-height: 300px;
     height:50vh;
     padding: 5rem 0 10rem;
     overflow: hidden;
     margin-bottom:0;
}
 .jumbotron.secondary:after{
    content: "";
    background: #fff;
    height: 140px;
    display: block;
    position: absolute;
    bottom: -120px;
    z-index: 3;
    width: 170%;
    border-radius: 100%;
    left: -36%;
    border-top:2px solid #b6c7da
}
 .jumbotron.highlightTitle:after {
     content: "";
     height: 160px;
     display: block;
     position: absolute;
     bottom: 0;
     z-index: 3;
     width: 100%;
     background: linear-gradient( 0deg , rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%);
     margin: 0 auto;
     border: none;
     left: auto;
     border-radius: unset;
}
 .jumbotron.largeImg{
     height: 85vh;
     max-height:100% 
}
 .largeImg:before {
    content: "";
     opacity: 0
}
 .jumbotron.smallImg{
     height:25vh;
     min-height:120px;
}
 .jumbotron.contain:after,.jumbotron.smallImg:after{
    display:none
}
 .jumbotron.contain.highlightTitle:after{
    display:block
}
 main p:last-of-type, section p:last-of-type {
     margin-bottom: .75rem;
}
 .grt h2, .grt h3, .grt h4, .grt h5, .grt h6 {
    margin-bottom:calc(.25rem + .5vw)
}
 .grt p, .grt ul, .grt ol, .grt blockquote, .grt pre, .grt .alert, .grt .note, .grt .box, .grt .footnotes {
     margin-bottom: calc(1rem + 1vw);
}
 .grt p:not(:last-of-type) + ul {
     margin-top: -.75rem;
     margin-bottom:1.5rem;
}
 .grt p:last-of-type + ul {
     margin-top: 1.25rem;
}
 .grt ul, .grt ol {
     margin-left: 2rem;
}
 .grt ol, ol.list-style {
     list-style: none;
     counter-reset: my-awesome-counter;
     position: relative;
}
 .grt ol > li, ol.list-style > li {
     counter-increment: my-awesome-counter;
}
 .grt ol > li::before, ol.list-style > li::before {
     content: counter(my-awesome-counter);
     background: #809ac9;
     width: 1.75rem;
     height: 1.75rem;
     border-radius: 50%;
     color: #fff !important;
     text-align: center;
     font-size: 1rem;
     position: absolute;
     left: -2rem;
     justify-content: center;
     display: flex;
     align-content: center;
     align-items: center;
     padding-bottom: .15rem;
}
 ol ul > li:before {
     display: none!important;
}
 .grt ul{
    list-style: none
}
 .grt ul:not(.nav):not(.list-style):not(.redactor-toolbar):not(.list-unstyled):not(.accordions) li:before {
     content: "\2022";
     color: #bbb;
     font-weight: bold;
     display: inline-block;
     width: 1rem;
     margin-left: -1.6rem;
     margin-right: .6rem;
}
 .grt li {
     margin-bottom: .75rem;
     line-height: 1.75rem 
}
 .grt sub, .grt sup {
     padding: 0 1px;
}
 .grt .footnotes {
     font-size: 13px;
     line-height: 24px;
     padding-top: 19px;
     border-top: 1px dotted rgba(0,0,0,0.15);
}
 .grt .footnotes p {
     margin-bottom: 19px;
}
 article.grt,section.grt,main.grt {
     padding-top: 22px;
}
 article h1, main h1, section h1 {
    margin-bottom: 1.5rem;
    font-size:2.25rem
}
 article div.row, section div.row, main div.row {
    margin-bottom:0
}
 @media all and (min-width: 828px) {
     .grt {
         padding: 30px;
    }
}
 #FormsPane h2 {
    text-align: center
}
 .c-form .field-container button {
    display: flex;
    margin: auto;
    padding:.5rem 1rem;
    font-size:1.25rem;
    line-height:1.5;
    border-radius:.3rem
}
 .above-footer:before, .above-footer:after{
    display: none
}
 footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
    color: #72a3e6
}
 footer ul {
     margin: 0;
     color: #ececec;
}
/* Specific CSS styles - needs rewritten */
/* dli.mt.gov/jobopenings */
 .job-info-container p {
    text-indent: 0!important;
    font-size: 1rem
}
 .job-info-heading {
     background: linear-gradient(180deg, #376fb9, #4f77ad);
     margin: 2rem auto auto;
     justify-content: center;
     align-content: center;
     align-items: center;
     border-radius: .5rem .5rem 0 0;
}
 .job-info-heading h4 {
     font-size: 1.15rem;
     margin: auto;
     padding: .5rem .25rem;
}
 .btn-default {
     color: #494949;
     border-color: #dddddd;
}
 .btn-default:hover, .btn-default:focus {
     border-color: #a9a9a9;
}
/* wsd.dli/mt.gov/job-seeker/veteran-services */
 #vet-services-banner {
     background-image: url('https://wsd.dli.mt.gov/_images/veteranservices-banner.jpg');
     background-repeat: no-repeat;
     background-position: left center;
     -webkit-box-shadow: inset 0 4px 6px 0px rgba(0,0,0,0.4);
     -moz-box-shadow: inset 0 4px 6px 0px rgba(0,0,0,0.4);
     box-shadow: inset 0 4px 6px 0px rgba(0,0,0,0.4);
     background-color: #fff;
     min-height: 150px;
     padding: 0px 15px 0px 15px;
}
 .nav-tabs {
    margin: auto -15px -2px;
    background:#fbfbfb
}
 .nav-tabs .nav-link {
    text-decoration: none;
    flex:1 1 auto
}
 .nav-tabs > li > a {
     line-height: 1.428571429 !important;
     border: 2px solid #ececec !important;
     border-radius: 4px 4px 0 0 !important;
     color: #666 !important;
     background-color: #f6f6f6 !important;
     text-decoration:none !important;
     text-align: center;
     display:flex;
     flex:1 1 auto;
     justify-content:center;
     align-items:center;
     align-content:center;
}
 .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
     background-color:#eaeaea !important;
}
 .nav-tabs > li > a.active {
     background-color: #1a4278 !important;
     color: #fff !important;
}
 .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
     border-color: #e9ecef #e9ecef #dee2e6;
     background: #e4e4e4;
     color: #757575;
}
 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
     color: #fff!important;
     background-color: #1a4278 !important;
     border-color: #1a4278 #1a4278 #dee2e6;
}
 ul.nav-tabs {
    border-bottom: 1px solid #dee2e6;
    flex: 1 1 auto;
    margin: auto;
}
 ul.nav-tabs li {
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}
 ul.nav.nav-tabs .dropdown-menu.show {
     display: flex;
     background: #494949;
}
 ul.nav.nav-tabs button.btn.btn-secondary.col-6:nth-of-type(odd) {
     border-right: 1px solid #8d8f91 !important;
}
 ul.nav.nav-tabs button.btn.btn-secondary.col-6 {
     margin-bottom: -5px;
     padding-bottom: 10px;
}
 .nav-item a.active {
     margin: -2px 0 0;
     position: relative;
     padding-bottom: .65rem;
     transition:all .3s ease-in-out;
}
 .tab-content {
     padding: 1rem 1.5rem;
     margin: auto;
     border: 2px solid #f1f1f1;
     border-width: 0 2px 2px;
     border-radius: 0 0 .5rem .5rem 
}
 .tab-pane > h2 {
     border-bottom: 1px solid #f1f1f1;
}
 .comp-court h6 {
     margin-bottom: 0;
}
 .dli-newscenter-announcement-item {
     margin-top: 30px;
     min-height: 75px !important;
     max-height: 200px !important;
     padding-bottom: 5px;
     display: flex;
     flex-flow: row wrap;
     height: fit-content;
     background: #f9f9f9;
     margin: 30px auto auto;
     max-width: 47%;
     flex: 1 1 47%;
}
 .dli-newscenter-announcement-item h3 {
     line-height: normal;
     font-size: 18px;
     margin-bottom: 0;
}
 .dli-home-announcement-item h5 a, .dli-newscenter-announcement-item h5 a, .dli-home-announcement-item h3 a, .dli-newscenter-announcement-item h3 a {
     text-decoration: none !important;
     font-weight: 600;
     margin-bottom: 0px !important;
     padding-bottom: 0px !important;
}
 .news {
     border: 2px solid #b1d1e7;
     border-radius:.5rem;
}
 .news a.btn-light {
     min-height: 5.5rem;
}
 .isotope.news a.btn:hover {
     background: #dcebff;
}
 .dli-home-events:hover {
     background-color: white;
}
 .dli-home-events:hover .text-primary {
     color: #217cba!important;
}
 .dli-home-events:hover time {
     color: #217cba;
}
 .post-month {
    color:#4b86d7;
}
 .post-day {
     font-size: 30px;
     font-weight: 700;
     text-align: center;
     height: 60px;
     line-height: 48px;
     width: 60px;
     background-color: #e3ebf1;
     color: #4b86d7;
     border: 4px double #f8f9fa;
     border-radius: 100%;
     margin: -.33rem auto 0;
     display: flex;
     justify-content: center;
     aspect-ratio: 1/1;
     flex-flow: column;
     padding-top: .5rem;
}
 .post-year {
     font-weight: 500;
     color: #3b75c5;
     margin-top: -1.85rem;
     font-size: .6rem 
}
 .post-dates {
     margin-top: .15rem;
     color: #417fd4;
     border-radius: 9999px;
     font-size: .55rem;
}
 .post-time {
     margin-top: .25rem;
     color: #2F72CE;
     border-radius: 9999px;
     font-size: .7rem;
     font-weight: 700;
}
 .post-timeMarker {
     margin: -.05rem auto;
    font-size:.6rem;
}
 .post-timeMarker:before,.post-timeMarker:after {
    content: "\2014";
    padding: .25rem;
}
 .tab-content .events-heading {
     background: #dddddd;
     display: flex;
     justify-content: center;
     align-items: center;
     align-content: center;
     border-radius: .5rem .5rem 0 0;
     padding: .5rem;
}
 .events-heading h3 {
     font-size: 1.5rem;
     font-weight: 500;
     margin: auto;
}
 .dli-category-eventinfo {
     border: 2px solid #dee2e6;
     border-radius: 0 0 .5rem .5rem;
     margin-bottom: 1.25rem;
     padding: .5rem 1rem 0;
}
 .af-slide label {
     position: relative;
}
 label.control-label.af-slide {
     position: relative;
     left: auto;
     text-align: left !important;
     background:transparent;
     color: #000;
}
 .form-group .btn-form {
     margin-top: 1.5rem !important;
}
 .clear input.btn {
     margin-top: .33rem;
}
 .scrolling{
    height: 45vh !important;
    min-height: 33vh
}
/*Apprenticeship Page */
 .justify-content-space-around {
    justify-content: space-around
}
 .justify-content-space-around .col-sm-3.col-md-4.mt-4.mx-2.p-0.d-flex.align-items-stretch {
    max-width: 480px
}
/* apprenticeship Area */
 .apprenticeship-area .card {
     border: none;
     z-index: 0;
     background: transparent;
     order:3;
}
 .apprenticeship-area .main-selection {
    max-width: 450px;
    flex:1 1 50%;
    margin: 0
}
 .apprenticeship-area .svgbg:hover:before {
    transform: none
}
 .apprenticeship-area h4 {
     white-space: nowrap;
     margin: 0;
     width: 100%;
     padding-bottom: .5rem !important;
}
 .apprenticeship-area h4:before {
     content: "";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     display: block;
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     line-height: 1;
     font-size: 2.8rem;
     padding-bottom: .75rem;
}
 .apprenticeship-area .btn-primary.collapsed span {
    color: #494949
}
 .apprenticeship-area .btn-primary:not(.collapsed) span {
    color: #fff;
    z-index: 9
}
 .apprenticeship-area .btn-primary:hover h3, .apprenticeship-area .btn-primary:focus h3, .apprenticeship-area .btn-primary:hover p, .apprenticeship-area .btn-primary:focus p, .apprenticeship-area .btn-primary:hover span, .apprenticeship-area .btn-primary:focus span {
     color: #fff !important;
}
 .apprenticeship-area .card-footer {
     background: none;
     border: none;
     padding: 2rem 1rem;
}
 .apprenticeship-area.make-selection {
    position: relative;
    z-index: 10
}
 .apprenticeship-area a.login {
    display:flex;
    flex:1 1 auto;
    flex-flow:column;
    max-width: 99.99%
}
 .apprenticeship-area a.login:hover, .apprenticeship-area a.login:focus {
     text-decoration: none !important;
}
 .apprenticeship-area .card.button {
     background: transparent;
     border: transparent;
     height: 100%;
     padding: .5rem .25rem;
     display: flex;
     flex-flow: row wrap;
     max-width: 450px;
     border-top: 4px solid #909090;
     border-radius: 0;
     margin: 0 
}
 .apprenticeship-area .card.button:hover, .apprenticeship-area .card.button:focus {
    color:#fff;
    background:#1A4278;
    border-top: 4px solid #FFD700
}
 .apprenticeship-area .card.button:not(.collapsed) {
     background: #217CBA;
     outline: none !important;
     position: relative;
     border-top: 4px solid #FFD700 
}
 .apprenticeship-area a.login:hover h4, .apprenticeship-area a.login:focus h4 {
     color: #1a4278 !important;
     border-radius: 8px 8px 0 0;
     transition:background .5s ease-in;
}
 .apprenticeship-area .card.button:not(.collapsed)::before {
     content: "\A";
     position: absolute;
     bottom: -1.5rem;
     transition: all .3s ease-in-out;
     width: 3rem;
     height: 3rem;
     transform: rotate(45deg);
     z-index: 0;
     transform-origin: center;
     background: #217CBA;
     left: calc(50% - 1.5rem) 
}
 .apprenticeship-area .card.button:not(.collapsed):active::before {
    background:#112b4e;
    transition: none
}
 .apprenticeship-area .login h4 + span {
     margin-top: -.25rem;
     margin-bottom: .5rem;
     font-size: 92%;
}
 .apprenticeship-area .card.button:not(.collapsed) .text-secondary {
    color: #fff !important
}
 .apprenticeship-area #mt span {
     font-size: 3.5rem;
     color: #fff;
     font-weight: bold;
     overflow-wrap: initial 
}
 h5.apprenticeship {
     background: none;
     text-align: left;
     text-transform: uppercase;
     font-size: .85rem;
     padding-top: 2rem;
     font-weight: bold;
}
 ol.apprenticeship-area {
     list-style: none;
     counter-reset: my-awesome-counter;
     padding-left: 3.5rem;
     z-index: 1;
     position: relative;
     margin-top: 1.5rem;
}
 ol.apprenticeship-area li {
     counter-increment: my-awesome-counter;
     margin-bottom: 1rem;
     text-indent: unset;
     display: flex;
     justify-content: flex-start;
     align-content: center;
     align-items: center;
}
 ol.apprenticeship-area li::before {
     background: #1a4278;
     content: counter(my-awesome-counter);
     width: 2.25rem;
     height: 2.25rem;
     border-radius: 2.25rem;
     z-index: -1;
     color: #fff !important;
     text-align: center;
     margin-right: -2rem;
     font-size: 2.2rem;
     position: absolute;
     left: 0rem;
     justify-content: center;
     display: flex;
     align-content: center;
     align-items: center;
     padding-bottom: .15rem;
}
 ol.apprenticeship-area.apprentice li:last-child::before {
     content: "\f005";
     background: #ffc735;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     padding: 0;
     font-size: 1.5rem;
}
 #infographicModal .modal-dialog {
     max-width: 100vh;
}
 #accordion .collapsing {
    opacity: 0
}
 #accordion .collapse {
     transition: opacity .33s ease-in-out;
     opacity: 1;
     position: relative;
     right: auto;
}
 #accordion .card {
     border-bottom: none;
}
 #accordion .card-header .btn-link {
    background-image:none!important;
    padding-bottom:0;
    font-size: 1.25rem;
}
 #accordion .card-header:hover a:before, #accordion .card-header:hover a:focus{
    background:#217CBA!important;
    color:#fff
}
 .card-header:hover span.bg-lightGray, .card-header:hover span.bg-lightGray {
     background: #217CBA!important;
     color: #fff;
}
 .card-header a[aria-expanded]:before {
     background: #ececec;
     content: '\002b';
     display: flex;
     justify-content: center;
     align-items: center;
     padding: .75rem;
     margin: -.72rem .75rem -.73rem -1.25rem!important;
}
 .card-header a[aria-expanded="true"]:before {
    content: '\2212';
    background-color:#217CBA;
    color:#fff
}
 .card-header a.btn-link {
     display: flex;
}
 .card-header a.stretched-link:hover:before, .card-header a.stretched-link:focus:before {
     background: #217CBA;
     color: #fff;
}
/* The animation code */
 @keyframes blur {
     0% {
        filter:blur(15px);
        right:100rem
    }
     33% {
        opacity: .8s;
        right:15rem
    }
     99% {
        right: 0
    }
     100% {
        filter:blur(0px);
        opacity: 1;
        right:auto
    }
}
/* fixes */
 .nav-pills .nav-link{
     color: inherit;
     text-decoration: none;
}
 li p {
    line-height: inherit
}
 a.link {
     color: #1a4278;
     text-decoration: underline #c5d9f5;
}
/* Job Search */
 #jobSearch, #provider-search {
     padding: 20px 0px 30px 0px;
     border-bottom: 2px solid #1A4278;
}
 .pagination {
     overflow-x: auto;
}
 .pagination li {
    margin: 0 0 1rem;
    padding:0!important;
}
 .pagination>li>a, .pagination>li>span {
     position: relative;
     padding: 6px 12px;
     margin-left: -1px;
     line-height: 1.42857143;
     color: #23569C;
     text-decoration: none!important;
     background-color: #fff;
     border: 1px solid #ddd;
}
 .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
     z-index: 2;
     color: #23527c;
     background-color: #eee;
     border-color: #ddd;
}
 .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
     z-index: 3;
     color: #fff!important;
     cursor: default;
     background-color: #1A4278!important;
     border-color: #1A4278;
}
 .page-link.current, .page-link:hover {
     background: #217CBA!important;
     color: #fff!important;
     border: 2px solid #3f98d4;
     padding: 5px 11px;
}
 .job-result-list li:nth-of-type(even){
    background:#f9f9f9
}
 .job-result-list li{
     border-bottom: 1px solid #ececec;
     margin-bottom: 0!important;
     padding: 1.25rem .5rem;
     display: flex;
     flex-flow: column;
     justify-content: center;
     align-content: center;
     align-items: flex-start;
     margin: auto;
}
 .job-service img.img-fluid, .job-service img.img-responsive {
     margin: auto auto -1.85rem auto;
     min-width: 320px;
     min-height: 240px;
     max-height:60vh;
     object-fit: contain;
     object-position: center center;
}
 .job-service h3 {
     color: #1a4278;
     border: 1px solid #efefef;
     padding: .25rem 0 .5rem;
     font-size: 2rem;
     border-width: 1px 0;
}
 .job-service h3:before {
     display: none!important;
}
 .job-service .hours {
     background: #f1f1f1;
     border-radius: .5rem;
     display: flex;
     justify-content: center;
     flex-flow: row wrap;
     text-align: left;
     padding: 1rem .75rem;
}
 .job-service .col-md-3 {
     background: #fdfaf3;
     margin-bottom: 1rem;
     padding: .5rem 1rem;
     border-radius: .5rem;
     margin: 0 auto 1rem 0;
     border-bottom: 1px solid #dadada;
     height:fit-content;
}
 .job-service .col-md-3 p {
     font-size: .9rem;
     line-height: normal;
}
 .job-service .col-md-3 strong {
     font-size: 1.25rem;
     width: 100%;
     display: inline-block;
     padding: 0 .5rem .25rem;
     margin: 0 -.5rem .25rem;
     border: 2px solid #ececec;
     border-width: 0 0 1px;
}
 .job-service .col-md-3 p:last-of-type {
     margin-bottom: .25rem;
}
 .job-service #chevron {
     z-index: 0;
     width: 50%;
     margin: 4% auto 2.75%;
}
 .job-service #chevron:before, .job-service #chevron:after {
     background: #bcc7d7;
     top: -25%;
     filter: unset;
}
 .job-service a {
     text-decoration: none!important;
}
 .local-resources {
     border-bottom: 2px solid #ececec;
     border-radius: .5rem;
     padding: 2rem 1.5rem;
     background: rgb(255,255,255);
     background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 101%);
     background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 101%);
     background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 101%);
}
 .local-resources h3 {
    margin-left:2rem
}
 .local-resources ul {
     list-style: none;
     text-align: left;
}
 #jobLocationsPane .job-service {
     visibility:collapse;
     height:0;
     overflow:hidden 
}
 #jobLocationsPane .job-service.active {
     height: auto;
     visibility: visible;
}
 .carousel-inner>.item {
     position: relative;
     display: none;
     -webkit-transition: .6s ease-in-out left;
     -o-transition: .6s ease-in-out left;
     transition: .6s ease-in-out left;
}
 @media not all, (-webkit-transform-3d){
     .carousel-inner>.item {
         -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition: -o-transform .6s ease-in-out;
         transition: transform .6s ease-in-out;
         -webkit-backface-visibility: hidden;
         backface-visibility: hidden;
         -webkit-perspective: 1000px;
         perspective: 1000px;
    }
}
 @media not all, (-webkit-transform-3d){
     .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
         left: 0;
         -webkit-transform: translate3d(0,0,0);
         transform: translate3d(0,0,0);
    }
}
 .carousel-inner>.active {
     left: 0;
}
 .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
     display: block;
}
 .carousel-caption {
     position: static !important;
     color: #000 !important;
     text-shadow: 0px 0px #000000 !important;
     margin-left: 80px;
     margin-right: 80px;
     min-height: 198px;
     text-align: left !important;
}
/* WCC Menu */
 #ml-menu2 .menu__level--current {
     background: #fbfbfb;
}
 #ml-menu2 a {
     color: inherit;
     text-decoration: none!important;
}
 #ml-menu2 ul li a {
     background: #ffffff;
     text-decoration: none;
     border-color: #f1f1f1;
     color: #494949;
     margin-bottom: -1px;
     border-radius: 0;
}
 #ml-menu2 ul li a:hover {
     background: rgba(252, 194, 53, 0.35)!important;
}
 #ml-menu2 {
     max-height: 50vh;
     overflow-x: hidden;
     overflow-y: auto;
}
 #ml-menu2 .menu__breadcrumbs a {
    color:#494949!important
}
 #ml-menu2 .menu__breadcrumbs a:last-child{
    border: 1px solid #fcc735;
    padding: .25rem;
    background: rgba(252, 199, 53, 0.35)!important;
}
 #ml-menu2 nav.menu__breadcrumbs a{
    background:transparent!important
}
 #ml-menu2 .menu__level--current {
     background: #fbfbfb;
     margin-top: 1rem;
}
 .thead-light tr{
    position:relative
}
 .thead-light th{
    position:-webkit-sticky;
    position:sticky;
    top:0
}
 .logo-bg {
    background-color: rgba(197, 197, 197, 0.75)
}
/* Board Page */
 .heading_wrapper h2 span {
    display:block!important
}
 .board.wrapper {
     margin-top: 67px;
     position: relative;
     width: 100% 
}
 .jumbotron + .board.wrapper {
     margin-top: -40px;
     position: relative;
     width: 100%;
}
 h1 + #quicklinks {
     margin-bottom: -1rem!important;
}
 #LeftMenu {
     min-width: 270px;
     max-width: 360px;
     overflow-y: visible!important;
    /*overflow-x:hidden!important;
    */
     position: -webkit-sticky;
     position: sticky;
     top: 1rem;
    /* background: #375A89;
     */
    /* height: 100%;
     */
     min-height: 98vh;
    /* width: 50vw!important;
     */
     flex-flow: column;
    /*border-radius: 10px 10px 0 0;
    */
     background: linear-gradient(90deg, #375a89 94%, transparent 94%);
    /* position: relative;
     */
     margin-right: -18px;
     flex: 1 1 10%;
}
 #LeftMenu:before {
    content: '\00a0';
    background: #375a89;
    position: relative;
    top: -1rem;
    border-radius: 10px 10px 0 0;
    margin-right: 38px;
    z-index: 99999;
    position: absolute;
    width: 94%;
}
 #LeftMenu ul.board-tabs{
    overflow-y: scroll!important;
    max-height: 91vh;
    overflow:visible;
    background:linear-gradient(90deg, #375a89 94%, transparent 94%);
    max-width: 377px;
    padding-right: 23px;
    direction:rtl;
    height:fit-content;
    position:sticky;
    top:66px;
    margin-bottom:1rem;
    padding-bottom:3rem;
    display: block;
}
 #cssmenu.nav-down {
    top:100px!important
}
 .board-tabs li {
     position:relative;
     border: 1px solid #3c6193;
     border-width: 1px 0 0;
    /* padding: .66rem 0 .66rem 2rem;
     */
     color: #fff;
     line-height: 1.5;
     width: 100%;
     display: flex;
     flex-flow: column;
     flex: 1 1 auto;
     direction:ltr;
}
 .board-tabs li.folder {
     padding: .66rem .5rem .66rem 2rem;
}
 .board-tabs li a {
     padding: .66rem 2rem .66rem 2rem;
     text-decoration: none;
     color: var(--bs-nav-link-color);
}
 .board-tabs li.active, .board-tabs li:hover, .board-tabs li[aria-expanded="true"] {
    background-color: #122F54;
}
 .board-tabs li[aria-expanded="true"] {
    background-color: rgb(255 255 255 / 10%);
    padding-bottom: 1rem!important;
    color: #fff;
}
 .board-tabs li.active:not(.folder):after, .boards-sub-tabs li.active:not(.folder):after {
    -moz-transform: translateY(0px);
    border-top: 10px solid transparent;
    background: transparent!important;
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    content: "\A";
    transition: all .3s ease-in-out;
    width: 0;
    height: 0;
    border-left: 10px solid #4b6b95;
    border-right: 15px solid transparent;
    position: absolute;
    right: -25px;
    top: calc(50% - 10px);
    border-bottom: 10px solid transparent;
}
 .boards-sub-tabs li.active:not(.folder):after {
     right: -29px;
     border-left: 15px solid #217cba;
     border-right: 15px solid transparent;
     border-top: 15px solid transparent;
     border-bottom: 15px solid transparent;
     top: calc(50% - 15px);
}
 .board-tabs li.active > a:hover{
    background:transparent
}
 .board-tabs > .folder[aria-expanded]:before, .boards-sub-tabs > .folder[aria-expanded]:before {
     content: '';
     position: absolute;
     left: .75rem;
     max-width: 1rem;
     max-height: 1rem;
     background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20256%20512%27%3E%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M224.3%20273l-136%20136a23.9%2023.9%200%2001-33.9%200l-22.6-22.6a23.9%2023.9%200%20010-33.9l96.4-96.4-96.4-96.4a23.9%2023.9%200%20010-33.9L54.3%20103a23.9%2023.9%200%200133.9%200l136%20136a24%2024%200%2001.1%2034z%27%2F%3E%3C%2Fsvg%3E");
     background-repeat: no-repeat;
     opacity: 0.33;
     transition: .25s all ease-in;
     top:.95rem;
     max-width:100%;
     width:1em;
     height:1em;
}
 .board-tabs > li[aria-expanded="true"]:before, .boards-sub-tabs > li[aria-expanded="true"]:before {
     transform: rotate(90deg);
     top:1.15rem!important;
     left: .5rem!important;
}
 .boards-sub-tabs > li[aria-expanded="true"]:before {
     top: 1rem;
}
 .boards-sub-tabs {
     margin: -.25rem 0 0 0;
     max-height: 0%;
     display: flex!important;
     opacity: 0;
     transition: .25s opacity ease-in-out;
}
 .boards-sub-tabs.show {
     opacity: 1;
     display: flex!important;
     flex-flow: column;
     max-height: 100%;
     color: #fff;
    /* border-radius: 10px;
     */
    /* overflow: hidden;
     */
}
 .boards-sub-tabs li {
     font-size: .95rem!important;
    /* padding: .5rem .25rem .5rem 2.5rem!important;
     */
     transition: .33s all ease-in-out;
     color: #FFF;
     width: 100%;
    /* padding: 0;
     */
}
 .boards-sub-tabs .not-active a {
     border:none 
}
 .boards-sub-tabs li:hover {
     color:#fff;
    /* background-color: rgb(255 255 255 / 10%);
     */
}
 .boards-sub-tabs li.active {
     background: rgb(33 124 186);
}
 .boards-sub-tabs li.folder.active[aria-expanded="true"] {
     background: #375a89;
     padding-bottom: 1.25rem!important;
}
 .boards-sub-tabs .boards-sub-tabs {
     margin: 0 0 .5rem .5rem;
}
 .boards-sub-tabs .folder[aria-expanded="true"] {
     padding-left: 2.5rem!important;
}
 .board-tabs li[aria-expanded="true"] ul.show {
    /* background: rgb(16 55 105 / 50%);
     */
    /* border-radius: 10px;
     */
    /* overflow: hidden;
     */
}
 .boards-sub-tabs li {
     background: rgb(26 66 120 / 75%);
}
 .board-tabs .dropdown-toggle::after {
    display:none
}
 .board-tabs .dropdown-toggle::before {
     display: inline-block;
     width: 0;
     height: 0;
     vertical-align: .255em;
     content: "";
     border-top: .3em solid transparent;
     border-right: .3em solid transparent;
     border-bottom: .3em solid transparent;
     border-left: .3em solid;
     position: absolute;
     left: -1.25rem;
     top: 1rem;
     opacity: 0.33;
}
 .board-tabs .dropdown-toggle[aria-expanded="true"]::before {
     border-top: .3em solid;
     border-right: .3em solid transparent;
     border-bottom: 0;
     border-left: .3em solid transparent;
     top: 1.25rem;
}
 .boards-sub-tabs:not(.show) {
     max-height:0;
     margin:0!important;
}
 .boards-sub-tabs .boards-sub-tabs.show {
    /* margin-left: -2.6rem;
     */
}
 .boards-sub-tabs li a {
     padding: .66rem .5rem .66rem 2rem!important;
}
 .boards-sub-tabs li {
    /* padding: .5rem;
     */
}
 #LeftMenu a.btn:first-of-type {
     margin: 0 .5rem;
     justify-content: center;
}
 #LeftMenu .btn {
     min-height: 44px;
     align-items:center;
     box-shadow: none;
}
 #LeftMenu .new-license:last-of-type {
     margin-bottom: 1rem;
}
 #NewLicenseLinks li {
    flex: 1 1 auto
}
 #NewLicenseLinks a {
     padding: .5rem .5rem;
}
 #faq-accordion .panel-default {
     margin-bottom: 1.75rem;
}
 #dli-home-news-container {
     border-bottom: 4px solid #DBDBDB;
     padding-bottom: 1rem;
     margin-bottom: 1rem;
}
 #faq-accordion .panel-title {
     background: #f5f5f5;
     border-color: #ddd;
     padding: 0.5rem 1rem !important;
     font-size: 1.3rem;
     margin: auto;
}
 #faq-accordion .panel-collapse {
     padding: .5rem 1rem 1rem;
     border: 1px solid #ddd;
}
 #faq-accordion p {
     margin: 0;
}
 .dli-eventinfo {
     width: 100%;
     overflow-wrap: break-word;
}
 .dli-eventinfo .event-date {
     margin-top: -.5rem;
}
 .dli-eventinfo .event-categories small {
     font-size: .75rem;
     color: #777!important;
     line-height: normal;
     margin-bottom: .66rem;
}
 .menu-button {
     color: #fff;
     font-size: 1.8em;
     height: 4.5rem;
     width: 4.5rem;
     background: #a839a0;
     position: fixed;
     left: 50%;
     bottom: -1.25em;
     border-radius: 50%;
     cursor: pointer;
     z-index: 9999999;
     display: flex;
     justify-content: center;
     align-items: center;
     align-content: center;
     float: none;
     padding: 0 0 2rem 0;
     outline: none!important;
     text-align: center;
}
 .menu-button:hover, .menu-button:active, .menu-button:focus {
     color: #0ebeff;
}
 .menu-button.right {
     left: auto;
     right: -1.75rem;
     bottom: 50%;
     box-shadow: 0px 4px 5px 0 rgba(0, 0, 0, 0.6);
     padding: 0 1.5rem .5rem 0;
}
 .menu-button.active {
     background: #709cac;
     color: #202020!important;
     z-index: 1500;
}
 #LeftMenu .btn-label {
     display: none;
}
 #LeftMenu a.btn:first-of-type:not(.new-license) {
     margin: 0 .5rem;
     justify-content: center;
}
 #LeftMenu .btn {
     margin: auto auto .33rem!important;
}
 .board_action_btn_wrapper {
     background: #415f88;
     margin-top: -3rem;
     padding: 2rem 1rem;
}
 #BoardActionsPane{
    justify-content: space-between;
    align-items:baseline;
    max-width: 850px;
}
/* Secondary Page Left Menu */
 #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
     margin: 0;
     padding: 0;
     list-style: none;
     line-height: 1;
     display: block;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 #cssmenu {
     opacity: 0;
     min-width: 240px;
     max-width: 300px;
     padding-bottom:3rem;
     overflow-x: hidden;
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     background: #3b6296!important;
     overflow-y: auto;
     height: 100vh;
     min-height: 568px;
     width: 50vw!important;
     flex-flow: column;
     animation: fade 2s ease-in-out forwards;
     z-index:1049 
}
 #cssmenu ul ul {
     display: none;
}
 #cssmenu > ul > li.active > ul {
     display: block;
}
 #cssmenu a.disabled {
     cursor: pointer;
     z-index: 2;
     font-size: .9rem;
     text-decoration: none;
     color: #ffffff;
     -webkit-transition: color .2s ease;
     -o-transition: color .2s ease;
     transition: color .2s ease;
     padding-left: 2rem;
     box-shadow: inset -0.15rem 0.15rem 0.25rem -0.075rem #1a4278;
     position: relative;
}
 #cssmenu a.disabled:after {
     content: '';
     background: #19bee3;
     width: 6px;
     height: 100%;
     display: block;
     position: absolute;
     right: -6px;
     top: 0;
}
 #cssmenu li.active {
    border-right: 6px solid #2f6bb7;
}
 #cssmenu li.active li.active {
    border:none!important
}
 #cssmenu .title > a {
     background: transparent;
}
 #cssmenu .open > ul {
     display: block!important;
}
 #cssmenu > ul > li > a:hover {
     color: #d8f3f0;
}
 #cssmenu ul li a:hover {
     color: #ffffff;
}
 #cssmenu .has-sub:before {
     content: '';
     position: absolute;
     left: .95rem;
     width: 100%;
     height: 100%;
     max-width: 1rem;
     max-height: 1rem;
     background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20256%20512%27%3E%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M224.3%20273l-136%20136a23.9%2023.9%200%2001-33.9%200l-22.6-22.6a23.9%2023.9%200%20010-33.9l96.4-96.4-96.4-96.4a23.9%2023.9%200%20010-33.9L54.3%20103a23.9%2023.9%200%200133.9%200l136%20136a24%2024%200%2001.1%2034z%27%2F%3E%3C%2Fsvg%3E");
     background-repeat: no-repeat;
     margin-top: 1rem;
     opacity: 0.5;
     transition: .25s all ease-in;
}
 #cssmenu li.open:before {
     transform: rotate(90deg);
     margin-top: 1.19rem;
     left: .6rem;
}
 #cssmenu li a:hover, #cssmenu a.disabled {
     background: rgba(255, 255, 255, 0.1);
}
 #cssmenu ul li a {
     padding: .95rem 1rem .95rem 2rem!important;
     color: #ddd;
     font-size: .9rem;
}
 .accord-open{
    background:rgba(255, 255, 255, 0.1)
}
 .accord-open + ul {
    background:#1a4278;
    border-bottom: 1px solid #4f72a1;
}
 .accord-open + ul a {
     padding-left: 3rem!important;
     line-height: 1.5!important;
}
 #cssmenu .accord-open {
    background: #2165bd
}
/* Table */
 .table td, .table th {
    padding: .25rem;
    font-size: .9rem
}
 .category-page-list-item {
     border-bottom: 2px solid #e5e5e5;
     margin-bottom: 2rem;
}
 .category-page-list-item:last-child{
    border:none;
}
/* Checkbox */
 .checkbox label {
     position: relative;
     display: block;
     padding: 15px 0 15px 35px;
     margin: 0;
     border-top: 1px solid #eee;
     cursor: pointer;
}
 .checkbox label input {
     display: none;
}
 .checkbox input[type="checkbox"] + span:before {
     position: absolute;
     top: 12px;
     left: 0;
     width: 30px;
     font-family: FontAwesome;
     content: "\f096";
     font-size: 2em;
     line-height: 1;
     color: #aaa;
}
 .checkbox input[type="checkbox"]:checked + span:before {
     content: "\f14a";
     color: #333;
}
 .checkbox label.ng-binding input {
     display: inline-flex;
     margin: 0 6px -1px 0;
}
 .dropdown-absolute .dropdown-panel > div {
     background: #ced4da;
     display: none;
}
 .label-top + input {
     margin-top: .5rem;
}
/* DLI News */
 .dli-news-wrapper h3, .dli-pressrelease-wrapper h3, .newscenter-container h3, .dli-announcements-wrapper h3 {
    font-size: 1.33rem!important;
}
 .dli-news-wrapper > div, .dli-pressrelease-wrapper > div, .dli-pub-wrapper > div, dli-announcements-wrapper > div {
     flex: 1 1 50%;
     background: #f9f9f9;
     padding: 8px 15px;
     border-radius: .5rem;
     margin: 0 auto 2%;
     width: 100%;
     max-width: 48%;
}
/* Fix to Calendar edit mode */
 .DnnModule-DNN_Events {
    min-height: 500px;
    z-index: 99
}
/* Tableau Dashboard Tile Hover */
 .tile {
     position: relative;
     clear: both;
     margin: 0 auto;
     list-style: none;
     text-align: center;
     display:flex;
     justify-content:center;
     flex-flow:row wrap;
}
/* Common style */
 .tile figure {
     position: relative;
     float: left;
     overflow: hidden;
     margin: 10px 1%;
     min-width: 320px;
     max-width: 480px;
     max-height: 360px;
     height: auto;
     background: #3085a3;
     text-align: center;
     cursor: pointer;
     flex: 1 1 31%;
}
 .tile figure img {
     position: relative;
     display: block;
     min-height: 100%;
     max-width: 100%;
     opacity: 0.8;
}
 .tile figure figcaption {
     padding: 2em;
     color: #fff;
     font-size: .9rem;
     text-shadow: 2px 2px 2px #333;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
}
 .tile figure figcaption::before, .tile figure figcaption::after {
     pointer-events: none;
}
 .tile figure figcaption, .tile figure figcaption > a {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
 .tile figure figcaption > a {
     z-index: 1000;
     text-indent: 200%;
     white-space: nowrap;
     font-size: 0;
     opacity: 0;
}
 .tile figure h2 {
     word-spacing: -0.15em;
     font-weight: 400;
}
 .tile figure h2, .tile figure p {
     margin: 0;
}
 figure.tile-effect figcaption::before {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
     background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
     content: '';
     opacity: 0.4;
     -webkit-transform: translate3d(0,10%,0);
     transform: translate3d(0,10%,0);
     font-size:1.5rem;
     font-weight:400 
}
 figure.tile-effect h2 {
     position: absolute;
     top: 50%;
     left: 0;
     width: 100%;
     color: #484c61;
     -webkit-transition: -webkit-transform 0.35s, color 0.35s;
     transition: transform 0.35s, color 0.35s;
     -webkit-transform: translate3d(0,-50%,0);
     transform: translate3d(0,-50%,0);
     font-size:1.75rem;
     text-shadow:1px 1px 4px #333;
}
 figure.tile-effect figcaption::before, figure.tile-effect p {
     -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
     transition: opacity 0.35s, transform 0.35s;
}
 figure.tile-effect p {
     position: absolute;
     bottom: 0;
     left: 0;
     padding: 2em;
     width: 100%;
     opacity: 0;
     -webkit-transform: translate3d(0,10px,0);
     transform: translate3d(0,10px,0);
}
 figure.tile-effect:hover h2 {
     color: #fff;
     -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
     transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}
 figure.tile-effect:hover figcaption::before , figure.tile-effect:hover p {
     opacity: 1;
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
}
/* envelope icon inside contact us sidebar */
 .newsletter-widget .envelope:before {
     position: absolute;
     top: -2rem;
     left: 11rem;
     width: 15rem;
     opacity: 0.075;
     max-height: 15rem;
     transform: rotate(13deg);
     z-index: -1;
}
 .logogrid {
     display: grid;
     grid-gap: 1rem;
     grid-auto-flow: column dense;
     grid-auto-columns: auto;
     grid-auto-rows: auto;
     justify-content: center;
     align-content: center;
     justify-items: stretch;
     align-items: stretch;
     background: #f2f2f2;
     padding: 2.5rem 1rem;
}
 .logogrid > a > img, .logogrid > img {
     background: #fff;
     padding: 1rem;
     display: grid;
     place-items: center;
     object-fit: contain;
     max-width: 200px;
     height: 100;
}
 #countdownClock container {
     border: 4px double lightgray;
}
 #countdownClock .container {
     border-radius: .5rem;
     background: white!important;
     box-shadow: 2px 2px 12px -2px #486894;
     margin: 2rem auto;
}
 #countdownClock li {
     font-weight: 400!important;
}
 #countdownClock li span {
     color: #217cba;
}
 #headline{
     font-size: 2.5rem;
     color: #fff!important;
     border: 2px solid #bfbfbf;
     border-width: 2px 0;
     width: 120%;
     padding: 1rem!important;
     display: inline-block;
     margin: 0 -2.5rem -.5rem!important;
     background: #234a7e;
     border-radius: .25rem;
     box-shadow: 0 25px 15px -15px #999;
}
 #countdownClock:after {
     content: 'Time until event';
     display: block;
     font-size: .85rem;
     position: relative;
     margin: 0 auto;
     width: 100%;
     color: #b5b5b5;
     text-align: center;
     bottom: 1rem;
}
/* Media queries */
 @media only screen and (min-width:1200px) {
     .row-contain {
        max-width: 1140px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
     .eagle {
        margin-left:-4% !important;
        max-width: 20% !important;
        flex:1 1 auto !important
    }
}
 @media only screen and (max-width:1200px){
     #RightPane.active {
        position:fixed;
        top:0;
        right: 0;
        z-index: 999999;
        flex: 1 1 auto!important;
        bottom:.5rem
    }
     #RightPane:not(.active) {
        position:fixed;
        right: -600rem!important;
        transition:.5s all ease-in-out
    }
}
 @media only screen and (min-width:992px) {
     .change {
        max-width: 12vw
    }
     .apprenticeship-area .card.col-lg-4 {
        margin-top: -4.25rem
    }
}
 @media only screen and (max-width:992px) {
     .unemployment-rate .btn {
        padding: .25rem .5rem;
        font-size: .875rem
    }
     #BoardActionsPane {
        max-width:768px
    }
     #BoardActionsPane .btn {
        padding: .25rem .5rem;
        font-size: .875rem;
        line-height: 1.5;
        border-radius: .2rem;
    }
     #cssmenu{
         position: fixed;
         right: 0;
         z-index: 999999;
         flex: 1 1 auto!important;
         bottom: .5rem;
    }
     #cssmenu:not(.active) {
         position: fixed;
         right: -600rem!important;
         transition: .5s all ease-in-out;
    }
}
 @media only screen and (max-width:960px) {
     .notifications a {
        font-size: .6rem;
        text-align: left;
    }
}
 @media only screen and (min-width:768px) and (max-width:960px) {
     #mainServices button {
        font-size: .9rem
    }
     .state-footer {
        font-size:.8rem
    }
}
 @media only screen and (min-width:768px) {
     .login-area .col-md-3 {
         flex: 1 1 33.33333%;
         max-width: 30%;
    }
     .job-search {
        margin-top:6rem !important
    }
     .job-search-image {
        margin-top:-15.33%
    }
     .job-search .mr-auto {
        margin-right: 16.66667%!important;
    }
     .eagle {
        margin:-7.33rem -1.5% 0 -3%
    }
     .department-services .btn-group:first-of-type>.btn:not(:first-child) {
        border-radius:0
    }
     .department-services .btn-group:last-of-type>.btn:first-child {
        border-radius:0
    }
     .department-services .btn-group:first-of-type>.btn:last-child {
        margin-right: -1px
    }
     .department-services .btn-group:last-of-type>.btn:first-child {
        margin-left:-1px
    }
     .currentPane:before {
        display: none;
        top:0;
    }
     .quicksearch {
        text-align: left
    }
}
 @media only screen and (max-width:768px) {
     .apprenticeship-area .ban {
        order: 1
    }
     a.search.nav-link {
         min-width: 54px!important;
         padding: 0 !important;
    }
     #deptServ .department-services .btn-group {
         display: inline-flex;
         flex-flow: row wrap;
    }
     #mainServices button, .sorts button {
         display: inline-flex;
         min-width: 49%;
         justify-content: center;
         align-content:center;
         align-items:center;
    }
     .currentPane:before {
         border-bottom: 20px solid #1a4279;
         border-top: 0px solid transparent;
         content: "\A";
         bottom: 0;
         transition: all .3s ease-in-out;
         width: 0;
         height: 0;
         border-left: 30px solid transparent;
         border-right: 30px solid transparent;
         position: absolute;
         left: calc(50% - 25px);
         top: -18px;
    }
     .service-search-icon {
        width:60%;
        margin: 0 -1px auto;
        justify-content: center;
        align-content: center;
        align-items: center
    }
     .quicksearch{
        text-align: center;
        font-size: 1rem
    }
     .sorts button {
         min-width: 25%;
         display: flex;
    }
     .sorts .svgbg {
        min-width: 15%
    }
     .sorts button {
         flex: 1 1 auto;
         display: inline-flex;
         text-align: center;
         flex-flow: row nowrap;
         justify-content: center;
    }
     .sorts .btn-dliGreen {
        margin:-3px 0 0 0 !important
    }
     .sorts .btn-dliGreen:nth-of-type(2) {
        border: 2px solid #fff;
        border-width: 0 1px;
    }
     .sorts .dropdown {
        margin-left: auto;
        border-radius: .25rem;
        max-width: 600px;
    }
     .eagle {
        margin-left: -20px
    }
     #loginModal.modal {
        padding:0 .3rem !important
    }
     #loginModal .modal-title {
        margin-left: 0;
    }
     #loginModal .modal-content {
        height:auto;
        top:-15px;
        margin-top:0
    }
     #loginModal .modal-dialog:before {
        margin: 0;
        top: -175px;
        width: 200px;
    }
     #loginModal .modal-dialog{
        max-width:320px;
        top:205px;
        margin:0 auto;
    }
     .job-search-image {
        margin-bottom: -5.85%;
        padding-bottom: 43%
    }
     .job-search h2 {
        font-size:2.1rem
    }
     #chevron:before {
         transform:skew(0deg, 12deg);
         top:-9%;
    }
     #chevron:after {
         transform:skew(0deg, -12deg);
         top:-9%;
    }
     .accountgriz {
        display: flex
    }
     .accountgriz img {
        max-width: 500px;
        margin: 0 auto !important;
        align-self: center;
    }
     .department-services .btn-group:first-of-type {
        margin-right:-1px;
    }
     .department-services .btn-group:last-of-type {
        margin-left:-1px;
    }
     #mainServices button:before {
        display:none;
    }
     .grizaccount {
        align-items:center;
        margin:0;
    }
     .accountgriz img {
         position: relative;
         right: auto;
         width: 100%;
    }
     .above-footer:before {
        -webkit-mask-size: 130% 130%;
        mask-size: 130% 130%
    }
     #loginModal .modal-body .btn {
        margin: auto auto .75rem
    }
     .animation-element.slide-left.in-view:before {
         padding-bottom: 29%;
    }
     .state-footer {
        font-size:.9rem
    }
     #LeftMenu {
        position:fixed;
        z-index: 999999;
        flex: 1 1 auto!important;
        top:66px;
        right: -20px;
    }
     #LeftMenu:not(.active) {
        position:fixed;
        right: -600rem!important;
        transition:.5s all ease-in-out
    }
     #LeftMenu:before{
        display:none
    }
     .boards-sub-tabs li.active:not(.folder):after{
        display:none
    }
}
 @media only screen and (min-width:576px) {
     .widget-area .card-deck .card{
        flex:1 1 auto
    }
}
 @media only screen and (max-width:576px) {
     span.dli-div {
        display:none!important;
    }
     .jumbotron.contain{
        background-size:cover!important;
    }
     .nav-item a {
         flex: 1 1 auto;
         min-height: 50px;
         align-items: center;
         justify-content: center;
         display: flex;
    }
     .menu__breadcrumbs a {
        font-size:.6rem;
        padding:0 .25rem
    }
     .jumbotron h1 {
        font-size:1.75rem
    }
     .jumbotron p {
        font-size:calc(1.125rem - .5vw)
    }
     .jumbotron.largeImg {
        margin-bottom: -2vh
    }
     .notifications a {
        width:175px;
    }
     .service-search-icon{
        width: 60%
    }
     .apprenticeship-area .card:not(.collapsed)::before{
        transform: scale(.66)rotate(45deg)!important;
    }
     .apprenticeship-area h4 {
        font-size: 1rem
    }
     .above-footer:before {
        -webkit-mask-size:185% 218%;
        mask-size:185% 218%
    }
     footer .col-6 {
        min-width: 320px;
    }
     .job-search-image {
         margin-bottom: -4.05%;
    }
     #navbarSupportedContent a {
         text-align: center;
         width: 100%;
    }
     #navbarSupportedContent .disabled .nav-link {
         background: #2a2d38;
    }
     .list-style {
        margin:auto;
    }
     ol.numbered-list {
        padding-left:0;
    }
     .department-services .col-auto {
         flex:1 1 185px;
    }
     #mainServices button {
         flex: 1 1 auto;
         margin: auto -1px .5rem;
         font-size: .8rem;
    }
     .department-services .btn, .quicksearch {
        border-radius:0 !important
    }
     #mt span.rate {
        padding-left:initial
    }
     h4 a.link {
         max-width: 10em!important;
    }
     .clive-checkboxes > label, .clive-radiobuttons > label {
        width:100%;
    }
     #countdownClock li {
         font-size:4vw;
    }
     #countdownClock li span {
         font-size:10vw;
    }
}
 @supports (-webkit-overflow-scrolling: touch) {
    /* Target IOS devices */
     .random-img, .prolicensing{
        background-attachment:scroll !important
    }
     .animation-element.fly-left.in-view {
        animation: none;
    }
}
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
     .navbar-brand.apprenticeship-logo:before {
        max-height: 40px;
    }
     .col-12 {
        flex: 1 1 auto !important
    }
     .random-img{
        background-attachment: scroll !important
    }
     .mountains{
        display: none
    }
     .montanaWorks:after {
        opacity:0
    }
     article .grt,main .grt,section .grt{
        max-width:760px;
    }
     .apprenticeship{
        background-position: center center !important
    }
     .apprenticeship:before {
         content: "";
         position: absolute;
         height: 100%;
         width: 100%;
         background: rgba(85, 94, 16, .8);
         margin:-24px;
         z-index: 0;
         max-height: 400px;
    }
     .card .apprenticeship::before{
        background:none
    }
     #mtcounties {
         height: 1px;
         padding-bottom: 57.68%;
    }
     ol.apprenticeship-area li::before {
        position: relative;
        left:-3rem
    }
     #RightPane {
        top:auto
    }
     .above-footer:before, footer:before {
         content: "";
         position: absolute;
         height: 100%;
         width: 100%;
         background: rgba(76, 70, 73, 0.8);
         margin-left:-15px;
         z-index: 0;
    }
     footer.random-img{
        background-image: none!important
    }
}