/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
    overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
    padding-top: 34px;
}
footer {
    padding: 30px 0;
}


.navbar-inverse {
    opacity: 0.95;
}

.navbar-toggle {
    padding: 4px 8px;
    margin: 0 13px 0 0;
}

@media(max-width:767px) {
    .navbar-toggle {
        padding: 13px 21px;
        margin: 0 13px 0 0;
    }
}

#navbar > ul > li { padding-left: 3px}
/* 
.collapsing {
    background-color: #5E5D60;
} */

/** TODO these cause issue with panels **/
/* .collapse.in {
    background-color: #5E5D60;
} */

#unm_search_form {
    margin: 1px 0 1px 0

}
#unm_search_form button.btn {
    background-color: #ededed;
    opacity: .99;
}

.home-page-buttons {margin-top: 5px}

div#header {
    padding-top: 15px;
}

#hrlogo {
	height: 76px;
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
}

#hrlogo-footer {
	height:100px;
	position: relative;
	left: -15px;
}

#unm_panel {
    position: absolute;
    width: 100%;
    top: 30px;
    left: 0;
    background-color: #333;
    background-color: rgba(51,51,51,.9);
    color: #FFF;
    display: none;
    z-index: 99;
    padding: 50px 0 20px;
    border-bottom: 5px solid #c10037;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.3);
    font-size: 12px
}

#unm_panel h1 {
    font-size: 24px;
    margin: 0 0 15px;
    border-bottom: 1px solid silver;
    padding-bottom: 4px
}

#unm_panel h2 {
    border-bottom: 1px solid #FFF;
    border-color: rgba(255,255,255,.25);
    font-size: 16px;
    margin: 0
}

#unm_panel a {
    color: #fff
}

#unm_panel .media {
    margin: 0;
    padding: 10px;
    background-color: transparent;
    transition: background-color .5s ease
}

#unm_panel .media:hover {
    background-color: rgba(255,255,255,.2)
}

#unm_panel .quicklinks a {
    text-decoration: none
}

.unm_panel_open a .caret,.unm_panel_open a:hover .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF
}

.unm_panel_open a .caret.up,.unm_panel_open a:hover .caret.up {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #FFF;
    border-top: none
}

#unm_weather .current_conditions {
    font-size: 1.25em
}

#unm_weather .current_temp {
    font-size: 3em;
    line-height: 1
}
.no_underline,
.no_underline:hover,
.no_underline:active,
.no_underline:focus,
.no_underline:visited {
    text-decoration: none;
}

.no_underline:hover {
    text-decoration: none;
}

#horz-nav {
    padding-left: 0;
}
#horz-nav > ul > li > a {
    padding-left: 0;
    border-bottom: solid #c10037 1px;
    text-transform: uppercase;
    color: #3E3E40
}
#horz-nav > ul > li {
    padding-left: 0;
}
#horz-nav > ul > li.dropdown:hover  > ul.dropdown-menu
{
    display: block;
}
#carousel-example-generic > a.left.carousel-control > span.fa.fa-chevron-circle-left {
    position: absolute;
    top: 50%;
    left: 15%
}
#carousel-example-generic > a.right.carousel-control > span.fa.fa-chevron-circle-right {
    position: absolute;
    top: 50%;
    right: 15%
}
#carousel-example-generic > div > div.item.active {
    width: 100%;
}
#carousel-example-generic > div > div > div > a {
    color: #fff;
    text-decoration: underline;
}
.carousel-inner{
    width:100%;
}

.callout {
    padding: 5px 15px;
    margin-bottom: 30px;
}

a .callout:hover {
	text-decoration:underline;
}

.navbar-form {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#color_swatches > div > div {
    padding: 8px
}


#page-header-image > div > div > div {
    text-align: left;
    padding: 0 15px 0 15px;
    bottom: 0;
}

#page-header-image > div > div > div > h1.h3 {
    padding: 0;
    margin: 0;
}

/**Datatables custom styles **/
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none;
    background-color: #D8D7D9;
    border: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: none;
    background-color: #D8D7D9;
    border: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    background: none;
    background-color: #D8D7D9;
    border: none;
}

#gallery > div > div > img {
    margin-bottom:20px;
}
/** TODO this is brute force for the demo check the collapse.in CSS **/
.panel-body {
    background-color: #fff;
}
/* CSS Method for adding Font Awesome Chevron Icons */
.accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family:'FontAwesome';
    content:"\f077";
    float: right;
    color: inherit;
}
.panel-heading.collapsed .accordion-toggle:after {
    /* symbol for "collapsed" panels */
    content:"\f078";
}

#new > div > div > a,
#web-application > div > div > a,
#transportation > div > div > a,
#gender > div > div > a,
#file-type > div > div > a,
#spinner > div > div > a,
#form-control > div > div > a,
#payment > div > div > a,
#chart > div > div > a,
#currency > div > div > a,
#text-editor > div > div > a,
#directional > div > div > a,
#video-player > div > div > a,
#brand > div > div > a,
#medical > div > div > a
{
    color: #3E3E40;
    line-height: 32px;
}

.stickynav {
    position: fixed;
    width: 100%;
    z-index: 999;
    background: #F6F5F5 url('../img/losalamos-bg.jpg') top center repeat-x;
    opacity: .98;
    top: 30px
}

#sidebar {
    margin-top: -10px;
    border-left: 1px solid #ededed;
}

#sidebar-nav > ul > li {
    border-bottom: 1px solid #ededed;
}
#sidebar-nav > ul > li > a:hover {
    border-left: 3px solid #c10037;
    background-color: #ededed;
}
#sidebar-nav > ul > li > ul {
    background-color: #fff;
    list-style-type: none;
    padding-left: 20px;
}
#sidebar-nav > ul > li > ul > li > a{
    border-bottom: 1px solid #ededed;
}
#sidebar-nav > ul > li > ul > li > ul {
    list-style-type: none;
    background-color: inherit;
    padding-left: 13px;
}
#sidebar-nav > ul > li > ul > li > a {
    padding: 10px 15px;
    display: block;
}
#sidebar-nav > ul > li > ul > li > a:hover  {
    background-color: #ededed;
    border-left: 3px solid #c10037;
    text-decoration: none;
}
#sidebar-nav > ul > li > ul > li:last-child{
    border-bottom: none;
}
#sidebar-nav > ul > li > ul > li:last-child > a{
    border-bottom: none;
}

#sidebar-nav > ul > li > ul > li > ul > li > a {
    background-color: inherit;
    padding: 10px 15px;
    display: inherit;
    border-bottom: 1px solid #ededed;
}
#sidebar-nav > ul > li > ul > li > ul > li > a:hover  {
    background-color: #ededed;
    border-left: 3px solid #c10037;
    text-decoration: none;
}
#sidebar-nav > ul > li > ul > li > ul > li:last-child {
    border-bottom: none;
}
#sidebar-nav > ul > li > ul > li > ul > li:last-child > a {
    border-bottom: none;
}
.sidebar-active {
    border-left: 3px solid #ccc;
    border-bottom: 1px solid #ededed;
    background-color: #ededed;
}
.sidebar-highlight {
    border-left: 3px solid #c10037;
    padding: 8px 0 8px 5px;
}

@media screen and (max-width: 767px){
    div.dataTables_filter,
    div.dataTables_length
    {
        text-align: left;
    }
}

.callout a {
    color: #ffffff
}
.callout a:hover {
    color: #ffffff;
    text-decoration: none;
}

.breadcrumb {
    margin-top: 8px;
}

/* ---------Extra Junk---------- */
.sidekick {
    position: relative;
    text-align: center;
}

.carousel-caption a {
    color: #FFFFFF;
}

/*  Celly Phony Portrait  */
@media (max-width: 400px) {
    #hrlogo {
        width: 100%;
    }
}

/*  col-xs  */
@media (max-width: 767px) {

    .social-links {
        display: none;
    }

    .call-home {
        text-align: center;
        width: 100%;
        padding: 0px;
    }

    .sidekick {
        top: 15px;
        padding:15px;
    }

    .
	{
        padding: 0px;
        position: relative;
    }

    .home-page-buttons .fa {
        display: none;
    }

    .carousel-caption {

        height: 210px;
        position: absolute;
        bottom: -50px;
        opacity: .9;
        background-color: #333333;
    }

    .carousel-caption a {
        color: #FFFFFF;

    }

    .carousel-caption h2 {
        font-size: 50pt;
    }

    .carousel-caption p {
        display: none;
    }

    .jssorb21 {
        display: none;

    }

    .img-article {
        width: 100%;
    }

}
@media (max-width: 991px) {
    #sidebar {
        border-left: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .call-home {
        font-size: 5em;
        text-align: center;
        line-height: 2.0em;
        padding-bottom: 20px;
    }
    .sidekick {
        top: -14px;
        padding-bottom: 0;
    }
    .home-page-buttons {
        padding: 0;
        z-index: 100;
    }
    .carousel-caption h2 {
        font-size: 40pt;
    }
    .carousel-caption p {
        padding: 0 20px 0 20px;
    }
    .carousel-caption a {
        color: #FFFFFF;
    }
    .jssorb21 {
        bottom: 25px;
    }
    .social-links {
        width: 210px;
    }
    #top-nav {
        width: 768px;
    }
    .img-article {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1100px){
	.home-page-buttons-test h3{
		font-size: 18px;
	}
	
	.home-page-buttons-test i{
		font-size: 50px;
	}
	
	.home-page-buttons-test img {
		height: 50px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .call-home {
        font-size: 4em;
        text-align: center;
        line-height: 2.0em;
        padding-bottom: 60px;
    }
    .home-page-buttons {
        padding: 0;
		/*width: 14.28%;*/
    }
	
	.home-page-buttons h3{
		height: 110px;
	}
	
	.home-page-buttons-test{
		width:14.28%;
	}
    .carousel-caption p {
        padding: 0 20px 0 20px;
    }
    .carousel-caption a {
        color: #FFFFFF;
        opacity: 1;
    }
    .jssorb21 {
        bottom: 50px;
    }
    .social-links {
        float: right;
        padding-top: 0;
    }
    .img-article {
        width: 75%;
    }
    h3 {
        font-size: 20px;
    }
    .paw-home-icon {
        height: 56px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1300px){
	.home-page-buttons-test h3{
		font-size: 22px;
	}
	
	.home-page-buttons-test i {
		font-size: 65px;
	}
	
	.home-page-buttons-test img {
		height: 65px;
	}
}

@media (min-width: 1200px) and (max-width: 1515px){
	.home-page-buttons h3{
		height: 130px;
	}
}

@media (min-width: 1200px) {
    .social-links {
        float: right;
        padding-top: 0;
    }
    .sidekick {
        padding-bottom: 0;

    }
    .fixed-buttons {
        position: fixed;
        bottom: -130px;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    .fixed-buttons-offset {
        padding-top: 40px;
    }
    .call-home {
        font-size: 5em;
        text-align: center;
        line-height: 2.0em;
        padding-bottom: 60px;
    }
	
    .home-page-buttons {
        padding: 0;
		/*width:14.28%;*/
    }
	.home-page-buttons-test{
		width:14.28%;
	}
    .jssorb21 {
        bottom: 140px;
    }
    .img-article {
        width: 100%;
    }

    .eodslider div div div.carousel-caption {

        height: 150px;
        position: absolute;
        bottom: -30px;
        opacity: .9;
        background-color: #222222;
    }

    .eodslider div div div.carousel-caption h2 {
        font-size: 32pt;
    }

    .eodslider div div.jssorb21 {
        display: none;
    }
}

.img-full {
        width: 100%;
    }

.home-page-buttons:hover {
    z-index: 100;
    -webkit-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.47);
    -moz-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.47);
    box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.47);
}


.post-list {
    list-style-type: none;
}

.carousel-caption a {
    opacity: 1;
    font-weight: bold;
}

.carousel-caption a:hover {
    text-decoration: underline;
    opacity: 1;
    font-weight: bolder;
}

.note {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
}

.note a {
    color: #daa733;
}

.note-comp {

    padding: 15px;
}

.btn-comp {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-top: 20px;

}

.comp-hover:hover {
    opacity: 0.8;
}

.service {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}

.service-tab {
    text-align: center;    
}

.service-tab:hover {
    border-left: 2px solid blue;
}

.bio {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
}

.bg_cherry.bio a {
    color: #FFFFFF;
    text-decoration: underline;
}

.fitness {
    text-decoration: none;
    color: #FF0000;
}

.bold-links a {
    font-weight: bold;
}

.no-decor-link a:hover {
    text-decoration: none;
}

.extra-padding {
    padding: 10px;
}

.extra-padding-cell tr td {
    padding: 10px;
}

.thead-align-bottom thead tr td {
    vertical-align: bottom;
}

.eod-padding {
    padding: 12px;
    margin: 5px;
}

.eod-padding-30 {
    padding: 31px;
    margin: 5px;
}

.padding-30 {
    padding-left: 250px;
    padding-right: 250px;
}

.center-eod {
    text-align: center;
}

.vc {
    position: relative;
    top: 40%;
}

.large {
    font-size: 8em;
}

.hr-agent-links {
    font-size: 2em;
    display: inline-block;
    text-align: center;    
    border: 10px solid #ffffff;
}

.contact-table {
    width: 100%;
}

.contact-table tr td {
    padding:  5px 10px;
    vertical-align: top;
}

.contact-table tr td:nth-child(1){
    width: 425px;
}
.contact-table tr td:nth-child(3){
    width: 225px;
}

.contact-table tr th {
    padding:  5px 10px;
    vertical-align: top;
    border-bottom: 1px solid #dddddd;
}

.ctitle {
    text-align: left !important;
    color: #c10037; 
    font-weight: bold;
    height: 55px;
    vertical-align: bottom !important;
}

.contact-table tr td:last-child {
    width: 150px;
    text-align: right;
    vertical-align: top;
}

.contact-table tr th:last-child {
    text-align: right;
}

.department-table tr td:nth-last-child(-n+2) {
    width: 150px;
    text-align: right !important;
    vertical-align: top;
}

.department-table tr th:nth-last-child(-n+2) {
    text-align: right !important; 
}


.document-table tr th {
    border-bottom: 1px solid #dddddd;
}

.padded-list li {
padding-top: 10px;
}

.healthy-eats {
    text-align: center;
}

.healthy-eats img {
    width: 150px;
    padding: 15px;
    vertical-align: bottom;
}


.healthy-modal-body img {
    width: 90%;
}

.healthy-modal-footer {
    text-align: center;
}

.healthy-modal-footer img {
    width: 18%;
    vertical-align: bottom;
}

.btn-recruit {
    text-align: center;
    padding: 25px; 
    margin: 25px;
}

.unmtemps {
    padding: 0px 50px;
}

.btn-unmtemps h4 {
    padding: 10px
}

.vision {
    opacity: 0.9;
}


.pawlist {
    list-style: none;
}

.pawlist li {
    padding-bottom: 10px;
}

.pawlist li:before {
    content: "\f1b0 ";
    color:#c10037;
    font-family: FontAwesome;
    padding-right: 10px;
}

.pawlist li ul li:before {
    content:"";
    padding-right: 0px;
}


.btn-disability {
    padding: 20px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.btn-disability:hover{
    opacity: 0.9;
}

.btn-wellness p {
    height: 50px;
    padding-top: 10px;
}

.btn-grey-border {
	border: 5px solid #63666a;
	border-radius: 10px;
}

/* fix issue with text wrapping in buttons*/
.btn {
	white-space: normal;
}

.toolkit-header-staff {
    background-image: url('../img/city-scape.jpg');
    background-size: cover;
    height: 400px;
    padding: 0;
}

.toolkit-header-hiring {
    background-image: url('../img/hiring-toolkit.jpg');
    background-size: cover;
    height: 400px;
    padding: 0;
}

.toolkit-header-fmla {
    background-image: url('../img/fmla-toolkit.jpg');
    background-size: cover;
    height: 400px;
    padding: 0;
}

.toolkit-header-newemp {
    background-image: url('../img/new-employee-toolkit.jpg');
    background-size: cover;
    height: 400px;
    padding: 0;
}

.toolkit-header-managers {
    background-image: url('../img/managers-toolkit-lg.jpg');
    background-size: cover;
    height: 400px;
    padding: 0;
}

.toolkit-header-title {
    padding: 30px; 
    margin: 0;
    text-align: center;
}

.toolkit-header-caption {
    padding: 30px; 
    height: 100%;
    background-color: #000;
    opacity: .5;
}

.toolkit-header-caption p {
    opacity: 100;
}

.eod-map {
    padding-bottom: 30px;
}

.paw-home-icon {
    height: 70px;
}

.comp-service-row {
    padding: 25px 0;
}

.glossary {
    list-style: none;
}

.glossary li {
    padding-bottom: 20px;

}

.glossary li a {
    text-decoration: none;
    padding-top: 100px;

}

.glossary li strong {
    color: #c10037;
    font-size: 1.15em;
}

.anchor:before {
  content:"";
  display:block;
  height:120px; /* fixed header height*/
  margin:-120px 0 0; /* negative fixed header height */
}

.bio-eod { 
    border: 3px solid #fff;
    border-radius: 100px;
    box-shadow: 1px 1px 2px rgba(0,0,0,.3);
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
    width: 200px;
    transition: .1s;
     }

.bio-eod img {
  height: 100%;
  width: 100%;
}




/* LoboList  */
.lobolist{
    counter-reset: list-counter;
    list-style: none;
    list-style-position: outside;
    float:left;
}

.lobolist li{
    margin: 1.5em 1em;
    text-indent: -1em;
    line-height: 1.5em;
    vertical-align: middle;
}

.lobolist li:before{
    content: counter(list-counter);
    counter-increment: list-counter;
    font-family: arial;
    color:#c10037;
    font: bold;
    font-size: 2em;
    position: relative;
    left: -15px;
    vertical-align: middle;
}

/* LoboTable */

.LoboTable {
    font-size: 10pt;
}

.LoboTable thead tr th {
    background-color: #c10037;
    color: #FFF;
    padding: 15px
}

.LoboTable tbody tr td {
    padding: 15px;
}

.LoboTable tbody tr:nth-child(even) {
  background: #EEEEEE;
}

/*  Responsive Table sheet. */
.wrapz {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  clear: both;
}

h3.table-title {
  color: #c10037;
  font-weight: normal;
  margin: 40px 0 0 10px;
  font-size: 32px;
  font-size: 3.2rem;
}

.comparison-table {
  display: block;
  width: 100%;
  padding: 10px;
  border-collapse: separate;
}
.comparison-table thead tr {
  color: #c10037;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}
.comparison-table thead tr td {
  padding-bottom: 10px;
}
.comparison-table thead tr td {
  border: none !important;
}
@media (max-width: 767px) {
  .comparison-table thead tr {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
  }
}
.comparison-table tr {
  width: 100%;
}
.comparison-table tr td {
  border-right: 2px solid #444444;
}
.comparison-table tr:first-child td {
  border-top: 2px solid #444444;
}
.comparison-table tr:first-child td:first-child {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}
.comparison-table tr:first-child td:last-child {
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}
.comparison-table tr:last-child td {
  border-bottom: 2px solid #444444;
}
.comparison-table tr:last-child td:first-child {
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.comparison-table tr:last-child td:last-child {
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.comparison-table tr td:first-child {
  width: 25%;
  padding: 10px;
  font-weight: bold;
  border-left: 2px solid #444444;
}

.comparison-table tr td.marker {
  width: 10%;
  text-align: center;
  vertical-align: middle;
}

.comparison-table tr td.marker[content="✔"] {
  color: #34b7f0;
}

.comparison-table tr:nth-child(even) {
  background: #d8d7d9;
}
@media (max-width: 525px) {
  .comparison-table td, .comparison-table tr td, .comparison-table tr td.marker, .comparison-table tr td:first-child, .comparison-table tr td:first-child + td {
    position: relative;
    display: block;
    width: 100%;
    border-right: none;
  }

  .comparison-table tr td.marker:last-child {
    border-right: 2px solid #444444;
  }

  .comparison-table tr td.marker {
    padding: 10px;
    border-right: none;
  }
  .comparison-table tr td.marker:before {
    content: "Bronze: ";
  }
  .comparison-table tr td.marker + td.marker:before {
    content: "Silver: ";
  }
  .comparison-table tr td.marker + td.marker + td.marker:before {
    content: "Gold: ";
  }
  .comparison-table thead tr td.marker {
    display: none;
  }
}
#footer-toolbar {
    background-color: #F5F5F5;
    color: #3e3e40;
    border-bottom: 1px solid #dadada;
}
#footer-toolbar h3 > a {
    color: #3e3e40;
}
video
{
    width: 100%;
    height: auto;
}

.overlay {
    background-color: #000;
    color: #fff;
    padding: 10px 10px;
}

/* hovery switchy panely thing  */
.wrapper {
  margin: 15px auto;
}

.wrapper::before, .wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.wrapper .service-panel {
  position: relative;
  margin: 25px 40px;
  padding: 0 20px 20px;
  overflow: hidden;
  float: left;
  height: 380px;
  text-align: center;
  background: #DDDDDD;
  box-sizing: border-box;
}

.comp-panel {
    height: 280px !important;
    }

.wrapper .service-panel i {
    font-size: 36pt;
    padding-top: 25px;
    }

.wrapper .service-panel h3 {
  display: block;
  margin-bottom: 15px;
  color: #c10037;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-shadow: 0 2px 1px #FFF;
}
.wrapper .service-panel p {
  font-size: 14px;
  
}

.wrapper .service-panel .bottom {
  width: 125%;
  height: 80px;
  margin: 0;
  color: #ffffff;
  background-color: #c10037;
  position: absolute;
  bottom: -70px;

  -webkit-transform: rotate(-45deg); 
      -ms-transform: rotate(-45deg); 
          transform: rotate(-45deg);

    -webkit-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.52);
       -moz-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.52);
            box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.52);
}

.wrapper .service-panel .bottom i {
    font-size: 18pt;
    -webkit-transform: rotate(45deg); 
        -ms-transform: rotate(45deg); 
            transform: rotate(45deg);
    position: relative;
    left: 80px;  
}

.wrapper .service-panel .slide {
  position: absolute;
  bottom: -450px;
  left: 0;
  z-index: 100;
  padding: 20px;
  height: 100%;
  width: 100%;
  text-align: left;
  background: rgba(1, 61, 71, 0.98);
  box-sizing: border-box;
  
}
.wrapper .service-panel .slide h4 {
  margin-bottom: 20px;
  text-align: left;
  text-shadow: none;
  font-size: 18px;
  font-weight: 600;
  color: #39cc62;
}

.wrapper .service-panel .slide {
    color: #FFFFFF;
    text-shadow: none;
}

.wrapper .service-panel .slide i {
    font-size: 14pt;
}

.wrapper .service-panel .slide a {
    color: #39cc62;
    font-weight: 700;
    text-decoration: underline;
    text-shadow: none;
}

.wrapper .service-panel .slide strong {
    color: #39cc62;
}

.wrapper .service-panel .slide ul {
    list-style: none;
}

.wrapper .service-panel .slide ul li {
  padding: 5px 0px 5px 0px;
  line-height: 24px;
  font-size: 13px;
  color: #F0F0F0;
  border-bottom: 1px solid #3e737b;
  position: relative;
  left: -20;
}
.wrapper .service-panel .slide ul li:last-child {
  border: 0;
}
.wrapper .service-panel .slide ul li .fa {
  padding-right: 5px;
  color: #39cc62;
}

.service-panel:hover .slide {
  bottom: 0;
  cursor: pointer;
}

p.title {
  margin: 0 auto;
  padding: 0;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  height: 36px;
  width: 890px;
  background: #013d47;
  border: 1px solid #2ba74e;
  color: #FFF;
  text-align: center;
  border-radius: 5px;
}

.thumbnail {
    padding: 0;
    border: none;
}
.thumbnail .caption {
    padding: 0;
}
.thumbnail > a {
    text-decoration: none;
}

/** Iconize **/
a[href^="http:"]:after {
    content: " \f08e";
    font-family: FontAwesome;
}
a[href^="https:"]:after {
    content: " \f08e";
    font-family: FontAwesome;
}
a[href^="http:"]:after img {
    content: none;
    font-family: FontAwesome;
}
a[href^="https:"]:after img {
    content: none;
    font-family: FontAwesome;
}
a[href*=".unm.edu"]:after,
a[href*="localhost"]:after,
a[href*="192.168.22.10"]:after,
a[href*=".local"]:after
 {
     content: none;
 }
a[href*="https://www.google.com/maps/place/"]:after
{
    content: " \f041";
    font-family: FontAwesome;
}

/* file extensions */
a[href$='.doc']:after, a[href$='.rtf']:after, a[href$='.docx']:after {
    content: " \f1c2";
    font-family: FontAwesome;
}
a[href$='.txt']:after {
    content: " \f0f6";
    font-family: FontAwesome;
}
a[href$='.xls']:after, a[href$='.xlsx']:after, a[href$='.xlsm']:after, a[href$='.xltx']:after, a[href$='.xltm']:after {
    content: " \f1c3";
    font-family: FontAwesome;
}
a[href$='.rss']:after, a[href$='.atom']:after {
    content: " \f09e";
    font-family: FontAwesome;
}
a[href$='.pps']:after,  a[href$='.ppt']:after, a[href$='.pptx']:after {
    content: " \f1c4";
    font-family: FontAwesome;
}
a[href$='.pdf']:after {
    content: " \f1c1";
    font-family: FontAwesome;
}
a[href$='.zip']:after, a[href$='.rar']:after, a[href$='.gzip']:after, a[href$='.tar']:after {
    content: " \f1c6";
    font-family: FontAwesome;
}
a[href$='.ical']:after {
    content: " \f073";
    font-family: FontAwesome;
}
a[href$='.css']:after{
    content: " \f1c9";
    font-family: FontAwesome;
}
a[href$='.jpg']:after, a[href$='.gif']:after, a[href$='.png']:after, a[href$='.bmp']:after, a[href$='.jpeg']:after, a[href$='.svg']:after {
    content: " \f1c5";
    font-family: FontAwesome;
}
a[href$='.mov']:after, a[href$='.wmv']:after, a[href$='.mp4']:after, a[href$='.avi']:after, a[href$='.mpg']:after, a[href$='.webm']:after {
    content: " \f1c8";
    font-family: FontAwesome;
}
a[href$='.mp3']:after, a[href$='.wav']:after, a[href$='.ogg']:after, a[href$='.wma']:after, a[href$='.m4a']:after {
    content: " \f1c7";
    font-family: FontAwesome;
}
/* email */
a[href ^="mailto:"]:after {
    content: " \f003";
    font-family: FontAwesome;
}
/* use this class to make sure that images won't get iconized */

.no-icon-link:after {
    content: none !important;
}

/* Pop-uppy Thing for EHP/Wellness */
.modal.modal-wide .modal-dialog {
  width: 90%;
}
.modal-wide .modal-body {
  overflow-y: auto;
}

.modal-center {
    position: absolute;
    top: 15%;
    left: 50%;
    margin-top: -25px;
    margin-left: -200px;
    padding: 10px;
}

.satellite-content {
    width: 470px;
}
.satellite-body {
    width: 470px;
}

.satellite-body img {
    width: 453px;
}
.satellite-footer {
    width: 453px;
}
.satellite-footer img {
    width: 70px;
}
/** Removes external icon link from Social Media icons under the More button **/
#unm_panel > div > div > div > ul > li > a:after {
    content: none !important;
}

[data-developer-note] {
    outline: #c10037 dotted 1px;
}

[data-developer-note]:hover:after {
    content: "**Note**\A" attr(data-developer-note);
    white-space: pre-wrap;
    background-color: gold;
    font-weight: normal;
    color: black;
    padding: 5px 10px;
    box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.15), 0 -6px 0 0 rgba(0, 0, 0, 0.1);
    width: 100%;
    display: inline-block;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
}

@media print {
    /* All your print styles go here */
    #unm_panel, .navbar, #nav, #footer-toolbar, footer, #sidebar, .fsLightboxHandle, .social-links, .home-page-buttons, #slider, .breadcrumb
    {
        display: none !important;
    }
    #header {
        padding: 0 !important;
        margin: 0 !important;
    }
    .page_header {
        margin: 0 !important;
        padding: 0 !important;
    }
    body {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 1.42857143;
        color: #3e3e40;
        width: 100%; margin: 0; float: none;
    }
    a:link:after {
        content: " (" attr(href) ") ";
    }
    #header > div > a:link:after {
        content: none
    }

}

/** Lobo Alert default styles **/
/* @group LoboAlert */
#unm_alert {
    padding: 15px 100px;
    background: #c10037 url('https://webcore.unm.edu/v1/images/message_icons/alert.png')
    60px 10px no-repeat;
    font-size: 1.25em;
    font-weight: bold;
    color: #fff;
    margin: 0;
}
#unm_alert h1 {
    color:#fff;
    margin-bottom:.25em;
    font-size:1.5em;
}
#unm_alert a {
    color: #fff;
}
#unm_alert p {
    margin: 0;
}
/* @end */
/*           Wellness panels?!?!   */

@media (max-width: 767px) {
    .wrapper .wellness-panel {
      position: relative;
      margin: 25px 0px;
      padding: 0 20px 20px;
      overflow: hidden;
      height: 230px;
      text-align: center;
      background: #DDDDDD;
      box-sizing: border-box;

    }


}

@media (min-width: 768px) {
    .wrapper .wellness-panel {
      position: relative;
      margin: 25px 0px;
      padding: 0 20px 20px;
      overflow: hidden;
      height: 150px;
      text-align: center;
      background: #DDDDDD;
      box-sizing: border-box;
    }

    #formsTable {
        overflow-x: hidden !important;
    }
}

.wrapper .wellness-panel .side i {
    font-size: 80pt;
    padding-top: 25px;
    float: left;
    }

.wrapper .wellness-panel h3 {
  display: block;
  color: #c10037;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-shadow: 0 2px 1px #FFF;
}

.wrapper .wellness-panel p {
  font-size: 14px;  
}

.wrapper .wellness-panel .bottom {
  height: 150px;
  margin: 0;
  color: #ffffff;
  background-color: #c10037;
  left: 20px;
    -webkit-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.52);
       -moz-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.52);
            box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.52);
}

.wrapper .wellness-panel .bottom i {
    font-size: 25pt;
    position: relative;
    top: 60px;    
}

.wrapper .wellness-panel .slide {
  position: absolute;
  bottom: -450px;
  left: 0;
  z-index: 100;
  padding: 20px;
  height: 100%;
  width: 100%;
  text-align: left;
  background: rgba(1, 61, 71, 0.98);
  box-sizing: border-box;
  
}
.wrapper .wellness-panel .slide h4 {
  margin-bottom: 20px;
  text-align: left;
  text-shadow: none;
  font-size: 18px;
  font-weight: 600;
  color: #39cc62;
}

.wrapper .wellness-panel .slide {
    color: #FFFFFF;
    text-shadow: none;
}

.wrapper .wellness-panel .slide i {
    font-size: 14pt;
}

.wrapper .wellness-panel .slide a {
    color: #39cc62;
    font-weight: 700;
    text-decoration: underline;
    text-shadow: none;
}

.wrapper .wellness-panel .slide strong {
    color: #39cc62;
}

.wrapper .wellness-panel .slide ul {
    list-style: none;
}


.wrapper .wellness-panel .slide ul li {
  padding: 5px 0px 5px 0px;
  line-height: 24px;
  font-size: 13px;
  color: #F0F0F0;
  border-bottom: 1px solid #3e737b;
  position: relative;
  left: -20;
}
.wrapper .wellness-panel .slide ul li:last-child {
  border: 0;
}
.wrapper .wellness-panel .slide ul li .fa {
  padding-right: 5px;
  color: #39cc62;
}


.wellness-panel:hover .slide {
  bottom: 0;
  cursor: pointer;
}

/*   Blog Sidebar Syles  */

.blogSidebar ul.category-list {
    list-style: none !important; 
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px !important;

}

.blogSidebar .year_list, .month, .month_list {

    list-style: none !important;
    padding-left: 0 !important;

}

.blogSidebar .month {
    padding-left: 8px;
    padding-top: 10px;
}

.blogSidebar .month_list {
    padding-left: 15px;
}

.anchor-list {
    list-style: none;
    text-align: center;
    padding: 15px 0 15px 0;
}

.anchor-list li {
    display: inline-block;
    padding: 5px;
}
.anchor-list li a {
    font-weight: bold;
    font-size: 12pt;
}

.anchor {
    font-size: 14pt;
    font-weight: bold;
    margin-top: 15px; 

}

.anchor-inactive {
    color: #BBBBBB;
    text-decoration: none;
}

.anchor:before { 
  display: block; 
  content: " "; 
  margin-top: -180px; 
  height: 180px; 
  visibility: hidden; 
  z-index: 0;
}


.anchor-eod:before {
    display: block; 
    content: " "; 
    margin-top: -180px; 
    height: 180px; 
    visibility: hidden; 
    z-index: 0;
}

.anchor-unm:before {
    display: block; 
    content: " "; 
    margin-top: -180px; 
    height: 180px; 
    visibility: hidden; 
    z-index: 0;
}

.oe-leadership {
    font-size: 14pt;
    text-decoration: none;
    padding: 15px;
}


.blog-homepage {
    border-bottom: 1px solid #F1F1F1;
}

.hovery:hover {
    -webkit-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.52);
       -moz-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.52);
            box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.52);
}

.smallcal {
    height: 80px !important;
	display: inline-table;
}

.ehp-bio-image {
    float: left;
    position: relative;
    left: -34px;
	top: 10px;
	margin-bottom: 20px;
	width: 160px;
}

@media (max-width:1199px){
	.ehp-bio-image{
		margin-bottom:50px;
	}
}

@media (max-width:767px){
	.ehp-bio-image{
		margin-bottom:34px;
	}	
}

.benefits-alert {
    text-align: center;
}

a.alert-link-cherry {
    color: #FFFFFF;
}

a.alert-link-cherry:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.heading-ehp {
    padding: 10px;
}

.wellness-faq-header {
    background-color: #F1F1F1;    
}

.wellness-nav {
	padding: 10px 6px !important;
}


.list-ehp li {
    padding-bottom: 10px;

}

.list-ehp-dropdown {
    float: right;
}

.padding-comment-eod {
    padding:90px 0;

}

.flsa-resources-list li {
    padding-bottom: 20px;
}

section {
    padding-bottom: 10px;
    padding-top: 10px;
}

.shp-list tr td:nth-child(1) {
    width: 50%;
}

.shp-list2 {
    list-style: none;
}

.shp-list2 li {
    padding: 5px;
}

.flsa-list-heading {
    font-size: 12pt;
}

.financial-wellness-table thead tr th:nth-child(2) {
    width: 40%;
}

.staffing-panel {
    padding: 0 0;
}

.staffing-panel img {
    width: 100%;
}

.staffing-panel div {
    padding: 15px;
}

.staffing-panel h2 {
    color: FFFFFF;
}

.boxshadow {
   position:relative;
   overflow: visible !important;
}

.boxshadow:before, .boxshadow:after {
   content: " ";
   position: absolute;
   display: block;
   border: 0;
}
.boxshadow:before {
   top: 0;
   left: 100%;
   height: 100%;
   width: 0;
   padding-right: 100%;
   transform-origin: 0% 0%;
   transform: skew(0deg, 45deg);
   background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
   box-shadow: 0px 1px 0px 0 rgba(0,0,0,.1);
}

.boxshadow:after {
   top: 100%;
   left: 0;
   width: 100%;
   height: 0;
   padding-top: 100%;
   transform-origin: 0% 0%;
   transform: skew(45deg, 0deg);
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
   box-shadow: 1px 0px 0px 0 rgba(0,0,0,.1);
}

.stucco { 

}

.stucco::after {
  content: "";
  background: url(//webcore.unm.edu/v2/images/stucco.png);
  opacity: 0.4;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-color: #ededed;   
}

.text-shadow-gray{
    text-shadow: #4b4a4d 200px 200px,#4b4a4d 199px 199px,#4b4a4d 198px 198px,#4b4a4d 197px 197px,#4b4a4d 196px 196px,#4b4a4d 195px 195px,#4b4a4d 194px 194px,#4b4a4d 193px 193px,#4b4a4d 192px 192px,#4b4a4d 191px 191px,#4b4a4d 190px 190px,#4b4a4d 189px 189px,#4b4a4d 188px 188px,#4b4a4d 187px 187px,#4b4a4d 186px 186px,#4b4a4d 185px 185px,#4b4a4d 184px 184px,#4b4a4d 183px 183px,#4b4a4d 182px 182px,#4b4a4d 181px 181px,#4b4a4d 180px 180px,#4b4a4d 179px 179px,#4b4a4d 178px 178px,#4b4a4d 177px 177px,#4b4a4d 176px 176px,#4b4a4d 175px 175px,#4b4a4d 174px 174px,#4b4a4d 173px 173px,#4b4a4d 172px 172px,#4b4a4d 171px 171px,#4b4a4d 170px 170px,#4b4a4d 169px 169px,#4b4a4d 168px 168px,#4b4a4d 167px 167px,#4b4a4d 166px 166px,#4b4a4d 165px 165px,#4b4a4d 164px 164px,#4b4a4d 163px 163px,#4b4a4d 162px 162px,#4b4a4d 161px 161px,#4b4a4d 160px 160px,#4b4a4d 159px 159px,#4b4a4d 158px 158px,#4b4a4d 157px 157px,#4b4a4d 156px 156px,#4b4a4d 155px 155px,#4b4a4d 154px 154px,#4b4a4d 153px 153px,#4b4a4d 152px 152px,#4b4a4d 151px 151px,#4b4a4d 150px 150px,#4b4a4d 149px 149px,#4b4a4d 148px 148px,#4b4a4d 147px 147px,#4b4a4d 146px 146px,#4b4a4d 145px 145px,#4b4a4d 144px 144px,#4b4a4d 143px 143px,#4b4a4d 142px 142px,#4b4a4d 141px 141px,#4b4a4d 140px 140px,#4b4a4d 139px 139px,#4b4a4d 138px 138px,#4b4a4d 137px 137px,#4b4a4d 136px 136px,#4b4a4d 135px 135px,#4b4a4d 134px 134px,#4b4a4d 133px 133px,#4b4a4d 132px 132px,#4b4a4d 131px 131px,#4b4a4d 130px 130px,#4b4a4d 129px 129px,#4b4a4d 128px 128px,#4b4a4d 127px 127px,#4b4a4d 126px 126px,#4b4a4d 125px 125px,#4b4a4d 124px 124px,#4b4a4d 123px 123px,#4b4a4d 122px 122px,#4b4a4d 121px 121px,#4b4a4d 120px 120px,#4b4a4d 119px 119px,#4b4a4d 118px 118px,#4b4a4d 117px 117px,#4b4a4d 116px 116px,#4b4a4d 115px 115px,#4b4a4d 114px 114px,#4b4a4d 113px 113px,#4b4a4d 112px 112px,#4b4a4d 111px 111px,#4b4a4d 110px 110px,#4b4a4d 109px 109px,#4b4a4d 108px 108px,#4b4a4d 107px 107px,#4b4a4d 106px 106px,#4b4a4d 105px 105px,#4b4a4d 104px 104px,#4b4a4d 103px 103px,#4b4a4d 102px 102px,#4b4a4d 101px 101px,#4b4a4d 100px 100px,#4b4a4d 99px 99px,#4b4a4d 98px 98px,#4b4a4d 97px 97px,#4b4a4d 96px 96px,#4b4a4d 95px 95px,#4b4a4d 94px 94px,#4b4a4d 93px 93px,#4b4a4d 92px 92px,#4b4a4d 91px 91px,#4b4a4d 90px 90px,#4b4a4d 89px 89px,#4b4a4d 88px 88px,#4b4a4d 87px 87px,#4b4a4d 86px 86px,#4b4a4d 85px 85px,#4b4a4d 84px 84px,#4b4a4d 83px 83px,#4b4a4d 82px 82px,#4b4a4d 81px 81px,#4b4a4d 80px 80px,#4b4a4d 79px 79px,#4b4a4d 78px 78px,#4b4a4d 77px 77px,#4b4a4d 76px 76px,#4b4a4d 75px 75px,#4b4a4d 74px 74px,#4b4a4d 73px 73px,#4b4a4d 72px 72px,#4b4a4d 71px 71px,#4b4a4d 70px 70px,#4b4a4d 69px 69px,#4b4a4d 68px 68px,#4b4a4d 67px 67px,#4b4a4d 66px 66px,#4b4a4d 65px 65px,#4b4a4d 64px 64px,#4b4a4d 63px 63px,#4b4a4d 62px 62px,#4b4a4d 61px 61px,#4b4a4d 60px 60px,#4b4a4d 59px 59px,#4b4a4d 58px 58px,#4b4a4d 57px 57px,#4b4a4d 56px 56px,#4b4a4d 55px 55px,#4b4a4d 54px 54px,#4b4a4d 53px 53px,#4b4a4d 52px 52px,#4b4a4d 51px 51px,#4b4a4d 50px 50px,#4b4a4d 49px 49px,#4b4a4d 48px 48px,#4b4a4d 47px 47px,#4b4a4d 46px 46px,#4b4a4d 45px 45px,#4b4a4d 44px 44px,#4b4a4d 43px 43px,#4b4a4d 42px 42px,#4b4a4d 41px 41px,#4b4a4d 40px 40px,#4b4a4d 39px 39px,#4b4a4d 38px 38px,#4b4a4d 37px 37px,#4b4a4d 36px 36px,#4b4a4d 35px 35px,#4b4a4d 34px 34px,#4b4a4d 33px 33px,#4b4a4d 32px 32px,#4b4a4d 31px 31px,#4b4a4d 30px 30px,#4b4a4d 29px 29px,#4b4a4d 28px 28px,#4b4a4d 27px 27px,#4b4a4d 26px 26px,#4b4a4d 25px 25px,#4b4a4d 24px 24px,#4b4a4d 23px 23px,#4b4a4d 22px 22px,#4b4a4d 21px 21px,#4b4a4d 20px 20px,#4b4a4d 19px 19px,#4b4a4d 18px 18px,#4b4a4d 17px 17px,#4b4a4d 16px 16px,#4b4a4d 15px 15px,#4b4a4d 14px 14px,#4b4a4d 13px 13px,#4b4a4d 12px 12px,#4b4a4d 11px 11px,#4b4a4d 10px 10px,#4b4a4d 9px 9px,#4b4a4d 8px 8px,#4b4a4d 7px 7px,#4b4a4d 6px 6px,#4b4a4d 5px 5px,#4b4a4d 4px 4px,#4b4a4d 3px 3px,#4b4a4d 2px 2px,#4b4a4d 1px 1px;

}

.no-border{
    border: 0px !important;
}



@media (min width: 1080px){
	.col-md-2, .home-page-buttons{
		width:14.28%
	}
}

.btn:hover, .btn:focus {
	opacity: .8;
}

.bg_cherry.btn:hover, .bg_cherry.btn:focus{
		color: #a7a8aa;
}

.bg_teal.btn:hover, .bg_teal.btn:focus{
		color: #a7a8aa;
}

.bg_green-chile {
	background-color: #a8aa19;
	color: #000;
}

.bg_green-chile.btn:hover, .bg_green-chile.btn:focus{
		color: #63666a;
}

.green-chile {
	color: #a8aa19;
}

.bg_deep-dusk{
	background-color: #8a387c;
	color: #fff;
}

.bg_deep-dusk.btn:hover, .bg_deep-dusk.btn:focus{
		color: #a7a8aa;
}

.bg_deep-dusk a{
	text-decoration: underline;
	color: #ffc600;
}

.deep-dusk{
	color: #8a387c;
}

.bg_terra{
	background-color: #c05131;
	color: #fff;
}

.bg_terra.btn:hover, .bg_terra.btn:focus{
		color: #a7a8aa;
}

.terra{
	color: #c05131;
}

.bg_high-noon{
	background-color: #ffc600;
	color: #000;
}

.bg_high-noon.btn:hover, .bg_high-noon.btn:focus{
		color: #63666a;
}

.high-noon{
	color: #ffc600;
}

.bg_sandia-sunset{
	background-color: #ed8b00;
	color: #000;
}

.bg_sandia-sunset.btn:hover, .bg_sandia-sunset.btn:focus{
		color: #63666a;
}

.sandia-sunset{
	color: #ed8b00;
}

.bg_mesa{
	background-color: #d6a461;
	color: #000;
}

.bg_mesa.btn:hover, .bg_mesa:focus{
		color: #63666a;
}

.mesa{
	color: #d6a461;
}

.lobo-gray{
	color: #63666a;
}

.bg_lobo-gray{
	background-color: #63666a;
	color: #fff;
}

.bg_silver.btn:hover, .bg_mesa:focus{
		color: #63666a;
}

.border_lobo-gray{
	border: 1px solid #63666a;
}


.table-bg_gray_base {
  background-color: #000000 !important;
  color: #fff;
}
.table-bg_gray_darker {
  background-color: #3e3e40 !important;
  color: #fff;
}
.table-bg_gray_dark {
  background-color: #5e5d60 !important;
  color: #fff;
}
.table-bg_gray {
  background-color: #a4a3a7 !important;
  color: #fff;
}
.table-bg_gray_light {
  background-color: #d8d7d9 !important;
}
.table-bg_gray_lighter {
  background-color: #ededed !important;
}

.no-icon::after {
	display:none;
}

@media(max-width:500px) {
	.img-mobile{
		width: 100%;
	}
}

@media(max-width: 700px) {
	.video-mobile {
		width:85vw !important;
		height:47vw !important
	}
}

.panel-table .panel-nospace{
	padding-left:0;
	padding-right:0;
	border-width:0;
	margin-bottom:0;
}

@media(min-width: 992px) {
	.panel-nospace .panel-body {
		border-left-width:0;
	}
	
	.panel-table .panel-nospace{
		margin-bottom: 20px;
	}
	
	.panel-table > :first-child  > .panel-body{
		border-left-width: 1px;
	}
	
	.panel-table{
		height: 400px;
	}
	
	.panel-table .panel-body{
		height: 25em;
	}
	
	.panel-table .panel-heading{
		height: 18%;
	}
}

@media(min-width: 1200px) {
	.panel-table{
		height: 350px;
	}
	
	.panel-table .panel-body {
		height: 20em;
	}
}

.oe-alert{
	border: 4px solid #ed8b00;
}
.oe-alert-mesa{
	border: 4px solid #d6a461;
}
.oe-alert-deep-dusk{
	border: 4px solid #8a387c;
}

/*disciplinary matrix table borders*/
.disciplinary-matrix > thead > tr > th, .disciplinary-matrix > tbody > tr > th, .disciplinary-matrix > tfoot > tr > th, .disciplinary-matrix > thead > tr > td, .disciplinary-matrix > tbody > tr > td, .disciplinary-matrix > tfoot > tr > td, .table > thead:first-child > tr:first-child > th{
	border: 1px solid #d8d7d9;
}

/*temporary unmbrand font */
.unm-brand-font{
	font-family: "Gotham A","Gotham B","Helvetica Neue",Helvetica,Arial,sans-serif;
}

/*New Slider Brute Force Fixes*/
.slick-slide {
	height:auto !important;
}

.slide-content:hover h1 {
    text-decoration: underline;
    opacity: 1;
}

.slide-content h1 {
	font-weight: bold;
}

.slide-content {
  position: absolute;
  left: 0%;
  right: 0%;
  bottom: 280px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: #000;
  opacity: 1;
  font-weight: bold;
  width: 100%;
}

.slick-next, .slick-prev {
	top:auto !important;
	bottom:340px;
}

.slick-dots {
	bottom:250px !important;
}

.slick-dots li button:before {
	font-size:16px !important;
}

.slick-dotted.slick-slider {
	margin-bottom:0 !important;
}

@media (max-width: 1400px) {
	.slide-content{
		bottom:160px;
	}
	
	.slick-next, .slick-prev {
		bottom:220px;
	}
	
	.slick-dots {
		bottom:130px !important;
	}
}

@media (max-width: 768px){
	.slide-image {
		min-height: 300px !important;
	}
	
	.slide-content{

        height: 210px;
        position: absolute;
        bottom: -100px;
        opacity: .9;
        background-color: #333333;
    }

    .slide-content a {
        color: #FFFFFF;

    }

    .slide-content p {
        display: none;
    }
	
	.slide-content h1 {
		font-size: 25px;
	}
	
	.slick-next, .slick-prev {
		bottom: 40px;
	}
	
	.slick-dots {
		display:none !important;
	}
}

.slick-prev:focus:before, .slick-next:focus:before {
    outline: thin dotted !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}
.slick-prev:focus:before, .slick-prev:hover:before, .slick-next:focus:before, .slick-next:hover:before {
	color: #c10037;
}

.slick-dots button:focus:before{
    outline: thin dotted !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

@media (min-width: 768px){
  .slide-content {
    padding-bottom: 30px;
    background-color: #000;
    opacity: .9;
    color: #fff;
    width: 100%;
    left: 0%;
    right: 0%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
    .slide-content h2 {
        font-size: 40pt;
    }
    .slide-content p {
        padding: 0 20px 0 20px;
    }
    .slide-content a {
        color: #FFFFFF;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .slide-content p {
        padding: 0 20px 0 20px;
    }
    .slide-content a {
        color: #FFFFFF;
        opacity: 1;
    }
}

.slide:focus h1 {
	outline: thin dotted !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
	text-decoration: underline;
}

.inline {
	display: inline !important;
}

.underline {
	text-decoration: underline !important;
}

.cherry-hr {
	margin-top:20px;
	margin-bottom:20px;
	border:0;
	border-top: 2px solid #c10037;
}

.hr {
	margin-top:20px;
	margin-bottom:20px;
	border:0;
	border-top: 2px solid;
}

.panel-bordered {
	border-color: #000;
}

.panel-bordered .panel-heading {
	border-color: #000;
}

.btn:is(.bg_cherry, .bg_teal, .bg_lobo-gray, .bg_terra, .bg_deep-dusk) :is(h1,h2,h3,h4,h5,h6){
			text-shadow:2px 2px 1px #000000;
}
		
.btn:is(.bg_high-noon, .bg_sandia-sunset, .bg_mesa, .bg_green-chile, .bg_silver) :is(h1,h2,h3,h4,h5,h6){
	text-shadow:2px 2px 1px #63666a;
}

:is(.bg_cherry, .btn-primary, .bg_teal, .bg_lobo-gray, .bg_terra, .bg_deep-dusk) .text-shadow{
	text-shadow:2px 2px 1px #000000;
}

:is(.bg_high-noon, .bg_sandia-sunset, .bg_mesa, .bg_green-chile,  .bg_silver) .text-shadow {
	text-shadow:2px 2px 1px #63666a;
}

@media (min-width: 768px){
	.wrapper { display: flex; flex-wrap: wrap; justify-content: center;}
	.callout { align-items: stretch; }
}
		
@media (min-width: 768px){
	.wrapper { display: flex; flex-wrap: wrap; justify-content: center;}
	.btn { align-items: stretch; }
}

@media (min-width: 992px){
	.wrapper .btn {
		background-clip:content-box;
	}
}

.wrapper .panel-bordered {
    outline: 1px solid #000;
    border: none;
    outline-offset: -5px;
    padding: 5px;
}

.panel-bordered p {
    padding: 10px 15px;
}

.btn > * {
	margin:20px 10px;
	display:inline-block;
}

#unm_search_for_submit > * {
	margin:inherit;
}

.dropdown-menu > li > ul{
	list-style: none;
}
.dropdown-menu > li > ul > li > a {
	display: block;
	color: #5e5d60;
}

.dropdown-menu > li > ul > li > a:hover {
	text-decoration: none;
    color: #515053;
    background-color: #f5f5f5;
}
.dropdown-menu > li > ul > li > a:focus {
	text-decoration: none;
    color: #515053;
    background-color: #f5f5f5;
}

.dropdown-menu > li {
	padding: 3px 20px;
	white-space: nowrap;
}

.dropdown-menu > li > a {
	padding: 0px;
}