/* Hide header settings cog */
recruiter-header [uib-popover-template-popup].editor-popover{
  display: none !important;
}
.admin-access-btn{
  display: none;
}

input,
button {
  padding: .35em .75em;
  border: none;
  font-size: 1rem;
  text-decoration: none;
}

/* LAYOUT */
.Field {
  display: flex;
}

.SearchBox-query {
  // Shrink and grow as needed, but never shrink so
  // small that we cant read the placeholder
  flex: 1 0 8em;
}

.SearchBox-submitBtn {
  // Never shrink or grow
  flex: 0 0 auto;
}


/* VISUAL DESIGN DETAILS */
.SearchBox {
  margin: 3rem auto 0;
  max-width: 80%;
}



.SearchBox-query {
  background: #fff;

  // Make sure the placeholder isnt poorly cut off
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.SearchBox-query:focus {
  background: white;
}

.SearchBox-submitBtn {
  border-radius: 0;
  background: #4D8AD6;
  font-weight: 300;
  text-transform: uppercase;
  color: #fff;
  padding: .35em .75em;
  border: none;
  font-size: 28px;
  text-decoration: none;
}
.SearchBox-submitBtn:hover {color:#fff;}

.card-inner {
  height: 25em;
}
.hotOppDesc {
  height: 175px;
}
.container-owl {width:1070px;}
/* Default recruiter style overrides */

.td-savebutton{
  display:none;
}
.toggler{
  display:none;
}
.reportserviceframe{
  width:100%;
}
.default-rec-page table{
  width:100%;
}
.rec-panel{
  width:100%;
  border:0 none;
}



/* bootstrap overrides */
body {font-size:14px;}
.btn,.label, .badge{
  border-radius: 2px;
}
.form-group.label-well{
    padding: 6px;
    background: #f7f7f7;
    border-radius: 4px;
}
.form-group.disabled{
  opacity:0.75;
  cursor:not-allowed;
}
.form-group.label-well label{
  margin-bottom:0;
}
.form-group-lg .control-label {
  font-size:1.2em;
}
.form-group-lg .input-group-btn:last-child>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    border-radius: 0 4px 4px 0;
}

a {
	color:#006bb7;
	text-decoration:none;
	}

a:hover {
	color:#006bb7;
	text-decoration:underline;
	}










/*Breadcrumb links */
.breadcrumb{
    font-size: 13px;
    font-weight: 600;
    padding: 20px 6%;
    background-color: #fff !important;
}

#breadcrumbs.breadcrumb a{
  color: #252525;
  text-decoration: none;
}

#breadcrumbs.breadcrumb a:hover {
	text-decoration:underline;
}

.breadcrumb > .active {
  color: #0072bc;

}

.breadcrumb>li+li:before {
    width: 7px;
    height: 10px;
    display: inline-block;
    background-image: url(https://scc.samaritan.com/custom/501/images/icon_triangle.svg);
    background-size: 12px 7px;
    background-repeat: no-repeat;
    background-position: -2px 2px;
    content: "";
    margin-left: 5px;
}

.breadcrumb li a {
    color: #252525;
}

.header-breadcrumb {
  background-color: #fff !important;
}




/* Groups Modal */
.group-option{
  background:#f7f7f7;
  padding:4px 4px 4px 20px;
  display:block;
  border-bottom:1px solid #eee;
}
.form-groups-list-section .group-option{
  padding:10px;
  padding-left:10px;
}
.group-option.selected{
  padding-left:10px;
}
.group-modify{
  float:right;
  display:block;
  opacity:0.8;
  margin-right:10px;
}
.group-option:hover .group-modify{
  opacity:1;
}
.group-list li{
  background:#f7f7f7;
}
.group-list{
  list-style:none;
  margin:0;
  padding:0;
}















/*Landing Page Styles*/
#intro-container{
  height:60vh;
}

.owl-next, .owl-prev{
  position: absolute; font-size: 70px !important;
  background:transparent !important;
  top: 30%;
  cursor:pointer;
}

.owl-next{
  right:3%;
}

.owl-prev{
  left:3%;
}

/*button.left, button.right {position: absolute; font-size: 70px;}

button.left {
	top: 35%;
	left:3%;
	}

button.right {
	top: 35%;
	right:3%;
	}*/

.opp-card {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.13);
    margin:20px;
}

.hot-image {
	height:140px;
	width:100%;
  /*Delete this to make image default */
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
.lp-department-list li {
  font-weight:bold;
}
/*Colors*/

.dark-well{
	background: rgba(0,0,0,0.80);color: #fff; border: 0;border-radius: 2px;
}
.dark-well input{
  color:#555;
}
.dark-well h1, .dark-well h2, .dark-well h3, .dark-well h4, .dark-well h5{
	color:#fff;
}
.dark-well a.btn-link, .dark-well button.btn-link{
	color:#F0AD4E;
}
.scc-orange{
	color:#F0AD4E;
}
.scc-orange-bg{
	background:#F0AD4E;
}
.hot-opp-feed{
	font-size:0.9em;
}
#intro_search .btn-primary{
    background: rgba(255,255,255,0.2);
    border: 0 none;
    font-weight:bold;
    font-size:.95em;
}
#intro_search .featured-search-button{
  white-space:normal;
  height:7em;
}
#intro_search .btn-primary:hover, #intro_search .btn-primary.active{
    background: #497BA6;
    border: 0 none;
}
#intro_search .icon{
    font-size:2.4em;
    line-height:1em;
}

/* Custom Header Styles */

#erec_side_nav .custom-hdr-home{
  display: none;
}
.hdr_style_1 #header-vol-name {
    padding: 6px 16px 3px 0;
}
.hdr_style_1 #logged_nav_section {
    font-size: 14px;
}
#page_volunteer_home .header-breadcrumb{
  display: none;
}
#google_translate_element{
    padding-right:15px;
}
.hdr_style_1 a.nav-link, .hdr_style_1 .translateInline #google_translate_element {
  height: 56px;
}
#hdr_nav_links a.custom-hdr-home{
  width: auto !important;
  min-width: auto !important;
}
#hdr_nav_links a.custom-hdr-home .fa{
  margin:6px;
}
.hdr_style_1.scrolled li a.nav-link.custom-hdr-home .fa{
  display: inline-block;
}
.goog-te-gadget-simple{
    border:0 none !important;
    background-color: transparent !important;
    padding-top:4px !important;
}
.goog-te-gadget-simple .goog-te-menu-value span {
    font-size:16px;
}

.translateInline {
  float: right;
}


/*recruiter-header .popover.editor-popover {
display: inline-block !important;
z-index: 2050;
}
*/





/* Feed styles */
#feedNavContainer{
  z-index: 1000;
}






.selected-opp {
    box-shadow: 1px 1px 4px rgba(0,0,0,0.23);
    padding: 10px;
    border-radius: 1px;
}












#parks_erec .featured-search-button:hover, #parks_erec .featured-search-button.active{
  background: #2c590d;
}
h4.intro-text{
  font-weight:300;
  font-size:1.8em;
}

h4.popular {
	font-size:24px;
	color:#000;
	text-transform:uppercase;
}
a.more-searches {color:#000; text-decoration:none;}
.black a, .black button {color:#000;}
a.more-searches:hover {
    text-decoration: underline;
}

html, body, p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	/* font-family: myriad-pro,Helvetica,Arial,sans-serif !important; */
	font-family: 'Noto Sans', sans-serif;
    letter-spacing: -0.5px;


}

.btn.btn-warning{
  background:#ec971f;
}
.btn.btn-warning:hover{
  background:#d88208;
}



/* Custom Dashboard Styles */
#vol_photo_place .photo-container{
  border:1px solid #fff;
  border-radius:50%;
/*  box-shadow: 0 6px 11px rgba(0,0,0,0.15); */
  overflow: hidden;
}
#dashboard_attach_list attachment-list li:nth-child(3){
  display:none;
}
#vol_photo_place .update-photo-btn{
    border-radius:50%;
    width:3em;
    height:3em;
    text-align:center;
    line-height:2.8em;
    position:relative;
    top:-60px;
    padding:0;
    display:table-cell;
}
#vol_photo_place .update-photo-btn span{
    vertical-align: middle;
}
.attach-photo-btn-container{
  height:1px;
}
.dash-link.dash-more-link h4{
    margin: 0 10px 0 0;
    vertical-align: top;
    display:inline-block;
    line-height:3.2em;
}
.dash-link{
	height:auto;
	margin:20px 0;
}
/* Custom Logbook Styles */
.recent-service-log .result-record ul {
	padding-top: 10px;
	padding-bottom: 10px;
	list-style: none;
	border-bottom: 1px solid #ccc;
}
.recent-service-log .result-record li {
	display:inline-block;
	margin-right: 20px;
}
.recent-service-log .result-record li.lbe-opp-title {
  display:block;
  margin-right: 0;
}
.recent-service-log .result-record li.lbe-details-link {
	display:block;
	margin-right:0;
}
.recent-service-log .result-record ul.logbook-detail-list li {
	display:block;
}
.recent-service-log .result-record ul.logbook-detail-list {
	border-bottom:0;
}
/* Custom Opp Profile Styles */
#history_container{
	overflow-y: scroll;
}

/*Onboarding */
onboarding-steps .btn-primary,
onboarding-steps .check-status {
    color: #fff;
    background-color: #1A3605;
    border-color: #1A3605;
}
onboarding-steps .btn-primary:hover,
onboarding-steps .check-status:hover {
    background-color: #42721f;
    border-color: #42721f;
}
/*onboarding-steps .check-status.clicked {
    background: red;
}*/
onboarding-steps .check-status.clicked:after {
    content: 'Please wait...';
    background: #58607b;
    color: #fff;
    position: absolute;
    top: 14px;
    right: 1.35rem;
    padding: 0.5rem 1.2rem;
}
.ob-step-active {
    background: #eef9e3;
}
.ob-step {
    border: 1px solid #dedede;
    padding: 1rem 1.5rem;
}
.ob-message:not(.waiver-status) {
    padding: 0.5rem 0.75rem 0;
}
.ob-message p {
    font-size: 0.9rem;
    margin-bottom: 0;
}
.ob-message h4 {
    font-size: 0.95rem;
    margin: 0.25rem 0;
}
.ob-message h4 span {
    color: #1a3705;
    font-size: 1rem;
    padding-left: 5px;
}
.ob-step-title {
    color: #1a3705;
    font-size: 1rem;
    font-weight: bolder;
}

/* Calendar Styles */
.tooltip.cal-tooltip{
	opacity:1;
}
.tooltip.cal-tooltip{
	margin-top:3px;
}
.tooltip.cal-tooltip .tooltip-inner{
	max-width: 300px;
	padding: 20px;
	color: #000;
	font-size:1.2em;
	text-align: left;
	text-decoration: none;
	background-color: #fcfcfc;
	border-radius: 0;
	border: 2px solid #fff;
	box-shadow:2px 2px 10px rgba(0,0,0,0.5);
}
.tooltip.cal-tooltip .tooltip-arrow{
	border-top-color:#bbb !important;
	border-width:8px 8px 0;
	bottom:-3px;
	margin-left:-8px;
}
.tooltip.cal-tooltip hr{
	margin:5px 0;
}
.fc-time-grid-event.fc-event{
	background:#D9EDF7;
	border-color:#bce8f1;
	color:#000;
	border-radius:0;
	margin:1px 0;
	padding:2px;
}
.fc-day-grid-event.fc-event{
	border-radius:0;
	margin:1px 0;
	background:#D9EDF7;
	border-color:#bce8f1;
	color:#000;
	padding:2px;
}
.fc-day-grid-event .fc-time {
    font-weight: 700;
    font-size: .8em;
}





/* Map */
#map_info .description{
  font-size:1.4em;
}
















/*Volunteer Profile*/
.ng-touched + .input-error{
    display: block;
    position: relative;
    height:0;
    overflow:visible;
    float: right;
    font-size:.90em;
    font-weight: bold;
    color: #ba2525;
}
.input-error .error + .error{
  display:none;
}
.requireIndicator{
  margin-right:.3em;
  padding:0;
}
.requireOk{
  font-size:.85em;
  margin-right:.1em;
  color:#50a121;
}
.input-messages .error{
  color: #ba2525;
}
.help-text{
  margin-top:5px;
  font-style:italic;
}
.terms-field{
  margin-top:40px;
}




























/* Search Page Styles */


#left-search-bar hr{
  border-top:1px solid #e0e0e0;
}
.filter-group{
  border-top:1px solid #e0e0e0;
  padding:.6em 0 .6em 0;
}
.filter-header-btn{
  width:100%;
  text-align:left;
  border:0;
  height:1.5em;
  padding:0;
  background:#f0f0f0;
}
.filter-header{
  margin:0;
  padding:0;
  font-size:1.15em;
}
.filter-header-btn .open-indicator{
  font-size:0.7em;
  float:right;
  padding-top:0.3em;
}
.filter-option-container{
  margin-top:.5em;
}
.left-bar-filter-inner{
  border-right: 1px dotted #aaa;
  padding:20px 10px;
  background: #f0f0f0;
  color:#000;
}

.toggling-left-bar .left-bar-filter-inner{
	border-radius: 0;
	box-shadow: none;

  /*float:left;*/
  border-right: 1px solid #dedede;
}
.left-bar-toggler{
  display:none;
  float:left;
  width:10%;
}
.left-bar-toggler button{
    background: #444;
    color: #fff;
    border: 0 none;
    padding: 30px 10px;
    margin-top: 100px;
    box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.2);
}
.toggling-left-bar .left-bar-toggler{
  display:block;
}
.map-view{
  padding-left:0;
}
.gm-style img.img-responsive{
  width:100% !important;
}
.time-range-picker {
  margin-bottom:.5em;
}
.time-range-picker td+td{
  display:none;
}
.time-range-picker td+td+td+td{
  display:table-cell;
}
.result_record{
  background:#fff;
  -webkit-transition: background 1s; /* Safari */
    transition: background 1s;
    position:relative;
}
.slide-left{
  position:relative;
}
.fade{
  opacity:1;
}





.slide-left.ng-enter, .slide-left.ng-hide-remove {
  -webkit-animation: .4s slide-in;
  -moz-animation: .4s slide-in;
  -o-animation: .4s slide-in;
  animation: .4s slide-in;
}
.slide-left.ng-leave, .slide-left.ng-hide-add {
  -webkit-animation: .2s slide-out;
  -moz-animation: .2s slide-out;
  -o-animation: .2s slide-out;
  animation: .2s slide-out;
}
.fade.ng-enter {
  -webkit-animation: .6s fade-in;
  -moz-animation: .6s fade-in;
  -o-animation: .6s fade-in;
  animation: .6s fade-in;
}
.fade.ng-leave {
  -webkit-animation: 0s fade-out;
  -moz-animation: 0s fade-out;
  -o-animation: 0s fade-out;
  animation: 0s fade-out;
}
.list-view-top-message {padding:10px 0;}
.result_record:hover{
  /* background: #f6f6f6; */
}
.result_record .image_area {
	width:80%;
	margin-top:10px;
  max-height:15em;
  overflow:hidden;
}
.result_record .image_area img{
  width:100%;
}
.result_record .title-block{

}
.search-highlight {
	background: #fff;
}
h3.title{
font-size: 1.4em;

}
.result_record .org-title{
  font-weight:bold;

}
.result_record .details{

}
.result_record .details .heading{
  color:#888;
  font-weight:bold;
}
.result_record .description{
}

.result_record .action_box{
  padding: 1em;
}
.result_record .post_actions{
  padding: 1em 0;
}
.result_record .select-opp-checkbox{
  text-align:right;
  margin-bottom:1em;
}
.result_record .select-opp-checkbox input[type=checkbox]{
  width:1.75em;
  height:1.75em;
  float:right;
}
.result_record .selected-badge, .result_record .select-badge{
  font-size: 1.2em;
  margin-right: .3em;
  height: 1.7em;
  box-sizing:border-box;
}
.result_record .selected-badge{
  background: #5EB95E;
  padding: 0 2em;
  color: #fff;
  font-weight: bold;
}
.result_record .select-badge{
  font-style:italic;
  color: #777;
}
.big_messages{
  margin-top:1em;
}
.big_messages .message{
  font-size:1.4em;
  padding:.2em;
  text-align:center;
}

.opp-img-container {
  background:#fff;
  text-align:center;
}
.opp-img {
  display:inline-block;
}
.subtle-notice{
  color: #777;
  display: inline-block;
  padding:3px;
}
.opp-details-no-tabs small {
  font-size:80%;
  font-weight:bold;
}
/* Opp Details Opportunity Details */

.opp-details-no-tabs{
  background:#f0f0f0;
  background: url('../images/subtle_surface_lt_grey.png');
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.opp-details-no-tabs .split-button .btn-default {
  background:#fff;
}
.schedule_slot_list li{
  padding:8px;
}
.schedule_slot_list li:nth-child(odd){
  background:#f8f8f8;
}
.schedule_slot_list li:hover{
  background:#FFFFE0;
}
.schedule_slot_list .slot-date{
  font-weight:bold;
}
.schedule_slot_list .slot-date, .schedule_slot_list .slot-time{
  min-width:20%;
}
.schedule_slot_list .slot-description p{
  margin:0;
}
.schedule_slot_list .slot-signup-btn{
  padding:10px;
  float:right;
}
.opp-details-no-tabs .label.label-default{
  color:#000;
  font-size:90%;
  background:#dedede;
}
.btn{
  border-radius:0;
}







/*FAQ Styles*/
.question-item{
  margin:0;
  padding:0;
}
.question-item a{
  padding:10px 20px;
  display:block;
  background:#eee;
  border-bottom:1px solid #ccc;
  color:#333;
  text-decoration:none;
}
.faq-section-header{
  padding:5px 10px;
  background:#eee;
}
.answer-container{
  margin:15px 10px 30px 10px;
  font-size:1.1em;
}













/* header styles */
.pagename h2, .pagename h3{
  color:#444;
  margin-bottom:.6em;
  line-height:1em;
}
.message-center{
  overflow:visible;
  position:relative;
  z-index:1000;
}
.show-message-center-btn{
  background: #fff;
    border-radius: 0;
}
.show-message-center-btn:hover{
  background:#f0f0f0;
}
.hdr_style_1 a.nav-link {
  padding: 0;
  min-width: 100px;
}


/* Animation */
.view-container {
  position: relative;
  /*margin-bottom:491px;*/
}
.view-container.minimize {
  min-height:auto !important;
}


@charset "UTF-8";

@font-face {
  font-family: "untitled-font-1";
  src:url("../fonts/untitled-font-1.eot");
  src:url("../fonts/untitled-font-1.eot?#iefix") format("embedded-opentype"),
    url("../fonts/untitled-font-1.woff") format("woff"),
    url("../fonts/untitled-font-1.ttf") format("truetype"),
    url("../fonts/untitled-font-1.svg#untitled-font-1") format("svg");
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: "myriad-pro";
    src: url("../fonts/Myriad Pro Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "untitled-font-1" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "untitled-font-1" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-campsite:before {
  content: "a";
}
.icon-noun-2655:before {
  content: "b";
}
.icon-noun-1116-cc:before {
  content: "c";
}
.icon-noun-667:before {
  content: "e";
}
.icon-noun-171524-cc:before {
  content: "f";
}
.icon-noun-144864-cc:before {
  content: "g";
}
.icon-noun-172650-cc:before {
  content: "d";
}
.icon-noun-42890-cc:before {
  content: "h";
}
.icon-noun-106841-cc:before {
  content: "i";
}
.icon-noun-102096-cc:before {
  content: "j";
}









/* Sam footer */
.samaritan-footer {
    font-size: 12px;
    text-align: center;
    background: #191919;
    font-weight: bold;
    color: #999;
    /* padding: 20px 0; */
    margin-bottom: 0;
}
.samaritan-footer a {
  color: #999;
}
.samaritan-footer a:hover {
  text-decoration: underline;
}
.copyrightClass {
  display: none;
}


/* SCC Footer Styles
Acquired from their website */

.scc-portal-footer-links-container {
    background-color: #252525;
    min-height: 226px;
    overflow: auto;
    width: 100%;
}
/*@media (min-width: 762px ){
  .scc-portal-footer-links-container {
    background-image: url("../images/logo_county_ftr.png");
    background-position: 93.5% 50%;
    background-repeat: no-repeat;
  }
}*/

.scc-portal-footer-links-container .scc-portal-links-container {
    float: left;
    padding: 20px 0 0 6%;
    width: 21%;
}
.scc-portal-footer-links-container .scc-portal-links-container.scc-portal-links-narrow-container {
    width: 17%;
}
@media (max-width: 762px ){
  .scc-portal-footer-links-container .scc-portal-links-container {
      width: 24% !important; /* set to 25% even with 6% left padding because of box-sizing: border-box */
      padding: 20px 0 0 4%;
  }
}
@media (max-width: 600px ){
  .scc-portal-footer-links-container .scc-portal-links-container {
      width: 94% !important; /* set to 25% even with 6% left padding because of box-sizing: border-box */
      float: none;
  }
}

.scc-portal-footer-links-container .scc-portal-links-header h3 {
    border-bottom: 1px dotted #fff;
    color: #fff;
    font-size: 14px;
    margin: 0;
    padding: 10px 0;
    text-transform: uppercase;
}
.scc-portal-footer-links-container ul {
    list-style: outside none none;
    margin: 0;
    padding: 10px 0 0;
}
.scc-portal-footer-links-container li {
    padding: 0 0 6px;
}
.scc-portal-footer-links-container a:link, .scc-portal-footer-links-container a:visited {
    color: #ccc;
    font-size: 14px;
    text-decoration: none;
}
.scc-portal-footer-links-container a:hover {
  color: #ffbf08;
}
.scc-portal-footer-copyright-container {
    background-color: #191919;
    color: #999;
    font-size: 12px;
    font-weight: bold;
    height: 32px;
    padding: 8px 0 4px;
    text-align: center;
    width: 100%;
}

#sam_footer{
  background:#191919;
  color:#eee;
}
#sam_footer a{
  color:#efefef;
}
#sam_footer a:hover{
  color:#fff;
}
.mission {
	background-image: url(../images/bkgnd_topics_news.png);
	background-attachment:fixed;
  margin-bottom: -20px;
}
.mission h3 {
	color:#000;
	text-transform:uppercase;
	margin:0;
	padding:30px 0;
}
.orange-background {
	background-color: #EFAB50;

}
.green-background {
    background-color: #CDD479;

}
.mission ul a {
    color: #333;
    display: block;
    font-size: 18px;
    padding: 10px 0 10px 16px;
    text-decoration: none;
}

.mission .list-unstyled a {
    font-size: 18px;
    text-decoration:none;
    padding: 10px 0 10px 10px;
    color:#000;
}

.mission .list-unstyled a:hover {
    color:#006bb7;
}

.relative {position:relative;}

.scc-portal-popular-service-icon img {
    border: 0 none;
    outline: medium none;
    width: 15%;
}

#intro_search .form-group-lg .form-control {
	border-radius:0;
	height:63px;
	}





#training h1 {
  font-family: 'Noto Sans', sans-serif;
  letter-spacing: -1px;
  color: #337ab7;
  font-weight: bold;
  text-align: center;
  margin-top: 70px;
}

#training table {
  font-family: 'Noto Sans', sans-serif;
  margin: 25px auto;
  border-collapse: collapse;
  border: 1px solid #eee;
  border-bottom: 2px solid #0072BC;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.10),
     0px 10px 20px rgba(0,0,0,0.05),
     0px 20px 20px rgba(0,0,0,0.05),
     0px 30px 20px rgba(0,0,0,0.05);
}
#training table tr:hover{
  background: #f4f4f4;
}
#training table td {
  color: #555;
}
#training table th, #training table td {
  color: #999;
  border: 1px solid #eee;
  padding: 12px 35px;
  border-collapse: collapse;
}
#training table th{
  background: #337ab7;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
}
#training table th.last {
  border-right: none;
}