@charset "utf-8";
/* CSS Document */

/* START OF post-html.css */
/* SCRAPER RESULTS CSS */
/**********************************************************************************
    This file needs to remain separate from the main custom.css, but always
    included as this one only applies to content rendered in mobile web view. 
**********************************************************************************/
body {
    font-family:'Roboto', sans-serif;
    background: transparent;
    color:#304457;
}

.ios, .android{
    font-size: 14px;
    padding: 12px;
}
.scraper-result {
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 3px 6px -5px #333;
    padding: 15px;
    position: relative;
}

.scraper-result .scraper-images img.scraper-image-fit {
    max-height: 400px;
    max-width: 100%;
    object-fit: contain;
    object-position: center center;
    border-radius: 6px 6px 0 0;
    
}
.scraper-result.row .scraper-images img.scraper-image-fit {
    border-radius: 0;
}
.scraper-result .scraper-website {
    color: #999;
    margin-top: 10px;
    text-transform: uppercase;
}
.scraper-result .scraper-content h4 {
    border-bottom: medium none;
    cursor: pointer;
    font-family: inherit;
    font-size: 1.3em;
    line-height: 1.4em;
    margin-bottom: 15px;
    margin-top: 0;
    padding: 0;
    font-weight: normal;
}

.scraper-content {
    padding-top: 0;
    padding-bottom: 0;
}

/* END SCRAPER RESULTS CSS */

.scraper-result.post-html-preview .scraper-result {
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
}

.scraper-result.post-html-preview {
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: none;
    margin-top: 10px;
    margin-bottom: 0;
}

.scraper-result .scraper-images
{
	margin-top: 0px;
}

.scraper-result .scraper-images .scraper-nav
{
	position: absolute;
	bottom: 5px;
	width: 100%;
	color: #ccc;	
}

.scraper-result .close-window:hover, .scraper-result .close-window:focus {
    opacity: 0.5;
}

.scraper-result .scraper-content input[type=text]
{
	height:55px;
	font-size: 1.75em;
}
.scraper-result .scraper-content h4:hover, 
.scraper-result .scraper-content div:hover
{
	cursor: pointer;
}

.feed-image-post img {

}


.pright-0 {
    padding-right: 0 !important;
}
.pleft-0 {
    padding-left: 0 !important;
}

.mright-0{
    margin-right: 0 !important;
}

.mleft-0 {
    margin-left: 0 !important;
}

.mtop-15 {
    margin-top: 15px !important;
}

.ptop-15 {
    padding-top: 15px;
}

@media all and (max-width:767px) {

	.scraper-images {
    		margin-bottom: 15px;
	}
	.scraper-content .col-xs-12 {
   	 	padding: 0;
	}
}

/* END OF post-html.css */

html.beach {
    background: url('/global/member_engagement/img/bg/beach.jpg') no-repeat center;
    background-attachment: fixed;
    background-size:cover;
}

#wrapper {
    margin: 0 auto;
    overflow:hidden;
    background: #fff;
    position:relative;
}


html, body {
  height: 100%;
}

.canvas {
    position: relative;
    left: 0;
    min-height: 100%;
    background: #e8e9eb;
    background: #eaeff6;
	/*z-index:900; BCS: Remove z-index so YUIs work */
    padding-top:110px;
}

/* Allows the anchor location to be in view below the header area of the page */
.canvas .anchor::before {
    display: block;
    content: " ";
    height: 110px; /* Height of your header which should equal the .canvas[padding-top] for the media */
    margin-top: -110px; /* Negative value of the height of your header */
    visibility: hidden;
}

a, a:hover, a:active, a:focus {
    outline: 0!important;
    -moz-outline: 0;
    -webkit-outline:0;
    text-decoration: none;
}


a {
    color:#3e76da;
}


h1 {
    font-weight:300;
    font-size:3em;
}

h2 {
    font-weight:300;
    font-size:2.25em;
}

h3 {
    font-size:1.75em;
}

h4 {
    font-size:1.125em;
}

.top-bar {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99; /*BCS: z-index shoule be 99 so YUIs work*/
}


/* Modal styling */

.modal .modal-dialog {
    z-index: 10000;
    margin-top:10%;
    width:700px;
}

/* Badges and Labels */

.badge-primary,
.btn .badge-primary {
    background:#3e76da;
}

.badge-success,
.btn .badge-success {
    background:#5cb85c;
}
.badge-danger,
.btn .badge-danger {
    background:#d9534f;
}
.badge-warning,
.btn .badge-warning {
    background:#f0d04e;
}

.badge-default,
.btn .badge-default {
    background: #999;
}

.badge-sm {
   font-size:10px;
    line-height:.95em;
}

.label-muted {
    background-color:#999;
}

/* Buttons */

.btn .badge {
    font-size:9px;
    margin-left:5px;
}

.btn {
    transition: all .3s;
}

.btn-default {
    border-color:#3e76da;
    color:#3e76da;
}

.btn-default.linkedin {
    background-color: #007bb6;
    border-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    padding-right: 15px;
}

.btn-default.linkedin:hover {
    background-color: #005983;
    border-color: rgba(0, 0, 0, 0.2)!important;
}

.linkedin-icon {
    border-right: 1px solid #2a7dbd;
    border-color: rgba(0, 0, 0, 0.2);
    margin-right: 15px;
    padding: 8px 10px;
}

.linkedin-icon img {
    height: 20px;
}

.facebook-icon img {
    height: 21px;
}

.btn-default.facebook {
    background-color: #3d5998;
    border-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    padding-right: 15px;
}

.btn-default.facebook:hover {
    background-color: #2a447e;
    border-color: rgba(0, 0, 0, 0.2)!important;
}

.facebook-icon {
    border-right: 1px solid #375390;
    border-color: rgba(0, 0, 0, 0.2);
    margin-right: 15px;
    padding: 8px 13px;
}

.btn-default .badge {
    background:#3e76da;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-color: #3e76da;
    border-color: #3e76da;
    color: #fff;
}

.btn-default:hover .badge {
    background-color:#fff;
    color:#3e76da;
}

.btn-primary {
    background: #3e76da ;
    border-color:#2a5fbd;
    padding:6px 20px;
}

.btn-primary:hover {
    background: #2e4267;
    border-color:#000;
}

.btn-secondary {
    background: #3e76da;
    color:#fff;
}

.btn-secondary:hover {
    background: #2a6496;
    color:#fff;
}

.btn-xs {
    padding:1px 5px;
}


.text-success {
    color:#5cb85c;
}

.text-warning {
    color:#d2ac15;
}

.text-danger {
    color:#d9534f!important;
}

.ym-orange {color:#f7941d;}
.bg-ym-orange {background: #f7941d;}

.ym-orange2 {color:#fb6232;}
.bg-ym-orange2 {background: #fb6232;}

.ym-blue2 {color:#d8eaf5;}
.bg-ym-blue2 {background: #d8eaf5;}

.ym-blue {color:#8cbed3;}
.bg-ym-blue {background: #8cbed3;}

.ym-navy {color:#2e4267;}
.bg-ym-navy {background: #2e4267;}

.badge-info,
.btn .badge-info {
    background:#5bc0de;
}

.tile.module.group-list {
    padding: 10px;
}

.group-list .module-item-title {
    font-size: 15px;
}

.group-list .list-group-item:last-child {
    border-bottom: medium none;
}

.list-group-item {
    border:none;
    border-bottom:1px dotted #ddd;
    margin-bottom:0;
    border-radius:0!important;
}

.list-group-item.less-p {
    padding:5px 15px;
}

.list-group-item p {
    margin-bottom:0;
    font-size:85%;
}
.module-reply .list-group-item.view-more p {
    font-size: 13px;
}

.module-reply .list-group-item.view-more p {
    font-size: 13px;
}

a.list-group-item {
    color:#3e76da;
    cursor: pointer;
}

a.list-group-item small {
    margin-top:5px;
}

.list-group.hoverable .list-group-item{
    transition: all .5s;
}

.list-group.hoverable .list-group-item:hover {
    background: #f7f7f7;
    text-decoration: none;
}

.view-connections .btn {
    border-color: #ddd;
    color: #666;
}

.logo {
	max-width:375px;
    height:70px;
    margin-left:10px;
    position:absolute;
}

.logo img {
    max-height:50px;
    margin-top:10px;
}

.badge {
    padding: 2px 6px 3px;
}

.admin-bar {
    height: 70px;
    margin-bottom: 0;
    padding:0!important;
	background-color:#fff;
    border-bottom:1px solid #eee;
    transition: all 0.20s ease 0s;
}

.notifications .module-item-img img {
    height: 30px;
    width: 30px;
}

.admin-bar .avatar {
    border:1px solid #fff;
    max-width:50px;
    background-position: 50% 50%;
    background-size: cover;
    height: 50px;
    object-fit: cover;
    width: 50px;
}

#messages table td img {
    height: 24px;
    width:24px;
    object-fit: cover;
    background-position: 50% 50%;
    background-size: cover;
}

#messages .calloutbox .pull-left img {
    background-position: 50% 50%;
    background-size: cover;
    height: 55px;
    object-fit: cover;
    width: 55px!important;
}

.admin-bar h3 {
	line-height:70px;
	margin-top:0;
	margin-bottom:0;
	margin-left:15px;
	font-size:20px;
}

.admin-bar p {
    font-size:100%;
    font-weight: normal;
    margin-bottom:0;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    margin: 0;
    width: auto;
	padding:20px 17px 10px 17px;
    transition: all .5s;
}

.navbar-toggle:hover {
    opacity:0.6;
}

.navbar-toggle .icon-bar:last-child {
    margin-bottom:0;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #fff;
    border-color: transparent;
}

.pull-right.search .input-group-addon {
	padding:3px 12px;
}
.create a.dropdown-toggle:focus {
    color:#999;
}
.create.open a.dropdown-toggle {
    color:#3e76da ;
}

.top-bar .create .dropdown-toggle {
    border:1px solid #fff!important;
    border-bottom:none!important;
}

.top-bar .create a {
    margin-right:0;
}

.create .dropdown-menu {
    min-width:112px;
}

.create .dropdown-menu a {
    border-bottom:1px dotted #ccc;
    transition: all .25s;
}

.create .dropdown-menu a:hover {
    background: #3e76da ;
    color:#fff;
}

.noticebar .open > .dropdown-menu {
    animation-duration: .6s;
    -moz-animation-duration: .6s;
    -o-animation-duration: .6s;
    -webkit-animation-duration: .6s;
    animation-name: flipInX;
    -moz-animation-name: flipInX;
    -o-animation-name: flipInX;
    -webkit-animation-name: flipInX;
    
}

.noticebar .mark-as {
    font-size:11px;
}

.top-bar .nav-tabs > li.active > a,
.top-bar .nav-tabs .active a {
    cursor:pointer!important;
    background: #414c54;
    background: #213141;
    color:#fff;
    border:none;
}

.top-bar .nav-tabs .dropdown li a:hover {
    background: #eee;
    color: #333;
}

.top-bar .nav-tabs li a:focus {
    background: transparent;
}

.top-bar .nav-tabs .dropdown-menu {
    margin-top: 0;
}

.noticebar-menu-view-all a:hover, .mark-as a:hover {
    background: transparent!important;
    color:#3e76da !important;
    text-decoration: none;
}

.nav-tabs {
    border-bottom: medium none;
    padding: 0;
	background:transparent;
    position:relative;
    z-index:1;
}

.nav-tabs li {
    float: left;
    margin-bottom:-2px;
}

.top-bar .nav-tabs li {
    margin-bottom:0;
}

.nav-tabs li a {
	border-radius:0;
    padding:10px 20px;
    color:#fff;
    transition: all .5s;
    border:none;
    margin:0;
    text-align: left;
}

.nav-tabs li a:hover {
    color:#666;
    background: #eee;
    border-color:#ddd #ddd #fff #ddd!important;
}

.nav-tabs li.no-tab a {
    background: transparent;
    border:none;
    color:#fff;
    border-bottom:none;
}

.nav-tabs li.no-tab a:hover {
    color:#333;
}

.content .nav-tabs a {
    color:#666;
    background: #d0d4d6;
    padding: 8px 24px;
    margin: 0 3px;
    border-radius: 6px 6px 0 0;
    font-size: 13px;
}

.content .nav-tabs li:first-child a {
    margin-left:0;
}

.learning-courses {
    border-bottom: medium none !important;
}

.learning-courses .active a {
    border-bottom: 2px solid #3e76da !important;
    font-weight: bold;
}

.nav-tabs.learning-courses li a {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #3e76da;
    font-size: 12px!important;
    margin: 0 6px !important;
    padding: 0!important;
    transition: none;
}

.nav-tabs.learning-courses li.active, .nav-tabs.learning-courses li.active a:focus {
    background: transparent!important;
    color: #3e76da!important;
    border-left: none;
    border-right: none;
    border-top: none;
    padding: 0!important;
}

.nav-tabs.learning-courses li a:hover {
    border-left: none;
    border-right: none;
    border-top: none;
    padding: 0;
    color: #2a6496;
    background: transparent!important;
}

.nav-tabs.learning-courses li.active a:hover {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 2px solid #3e76da !important;
}

.alert-mobile {
    line-height: 50px;
    position: relative;
}

.alert-mobile a {
    color: #fff;
}

.alert-mobile .fa {
    font-size: 1.6em;
}


#GroupSelector {
    background-color: White;
    border: 1px solid #cccccc;
    padding: 1px;
}
#GroupSelector input {
    height: auto;
    margin-bottom: 0;
    width: auto;
}
.GsMain {
    font-size: 12px;
    height: auto;
    overflow: auto;
}
.GsTypeHead {
    background-color: #eeeeee;
    font-style: italic;
    line-height: 21px;
    padding: 0 3px;
}
.GsTypeHead input {
    border: 0 none Transparent;
    height: 9px;
    margin: 6px 0 0 2px;
    padding: 0;
    width: 9px;
}
.GsCheckList {
    overflow: auto !important;
}
.GsListItem {
    font-size: 12px;
    height: 26px !important;
    padding: 4px 3px;
    transition: all 0.25s ease 0s;
    white-space: nowrap;
}
.GsListItem:hover {
    background: #f7f7f7 none repeat scroll 0 0;
}
.GsItemBorder {
    border-top: 1px solid #eeeeee;
}

.GsListItem input[type="checkbox"] ~ label, .GsListItem input[type="radio"] ~ label {
    margin: 0 0 2px;
    font-weight: normal;
}

.member-type li {
    margin-bottom: 2px;
}

.account-settings li {
    margin-bottom: 10px;
    width: 100%;
}

.account-settings li a {
    border-radius: 6px 0 0 6px !important;
    border: medium none !important;
    font-size: 14px !important;
    padding: 11px 15px !important;
    margin: 0 -1px 0 0!important;
}

.account-settings .active a {
    color: #3e76da !important;
    font-weight: bold;
}

.account-settings .active a:after {
    content: "\f105";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    display: inline-block;
    text-decoration: inherit;
    color: #999;
    float: right;
    margin-top: -1px;
}

.account-settings li a i {
    font-size: 15px;
}

div.tab-content.module {
    border-radius: 0 10px 10px 10px;
}

.top-bar .nav-tabs a {
    border:none;
    border-bottom:none;
    font-size:12px;
    background: transparent;
}

.top-bar .nav-tabs a:hover, .top-bar .nav-tabs .open > a, .top-bar .nav-tabs .open > a:hover, .top-bar .nav-tabs .open > a:focus {
    background: #727f89;
    background: #253849;
    color:#fff;
}

.top-bar .nav-tabs a:hover .badge-default {
    background: #666;
}

.main-items .container,
.admin-bar .container {
    width:100%;
    max-width:100%;
    padding:0;
}

.main-items .nav-tabs li {
    text-align: center
}

.main-items .nav-tabs .dropdown-menu li:first-child {
    width:auto;
    text-align: left;
}

/*.main-items .nav-tabs li:first-child {
    text-align: center;
    width: 252px;
}*/

.main-items .dropdown.search {
    margin-right:15px;
    margin-left:15px;
}

.main-items .dropdown.search i {
    margin-right:5px;
}

.top-bar .nav-tabs .dropdown-menu li a {
    border:none!important;
    color: #666;
}

.content .nav-tabs li {
}



.content .nav-tabs a:hover,
.content .nav-tabs a:active,
.content .nav-tabs a:focus{
    background: #f7f7f7;
    border-bottom:none;
}

.dropdown-menu li {
    float:none;
    width:100%!important;
    border:none;
}

.topsearch .dropdown-menu li {
    display: block!important;
}

.topsearch .checklist {
    min-width: 100px!important;
    padding: 11px!important;
    left: 0;
    right: auto;
}

.dropdown-menu li a {
    border-radius:0;
    color:#666;
}

.main {
    width: 99%;
    margin: 0 auto;
    padding: 0 30px 50px;
}

.table-actions .input-group .input-group-addon {
    background: transparent;
    border:none;
    position:absolute;
    left:0;
    z-index:500;
    line-height:14px!important;
    color: #555;
}

.table-actions .input-group .form-control {
    padding-left: 28px!important;
    border-radius: 4px;
}

#rr #connections .input-group .input-group-addon {
    background: transparent;
    border:none;
    position:absolute;
    left:0;
    z-index:500;
    line-height:18px!important;
    color: #555;
}

#rr #connections .input-group .form-control {
    padding-left: 28px!important;
    border-radius: 4px;
}

#rr #connections .input-group {
    width: 100%;
}
#rr .input-group .input-group-addon {
    background: transparent;
    border:none;
    position:absolute;
    left:0;
    z-index:500;
    line-height:18px!important;
    color: #555;
}

#rr .input-group .form-control {
    border-radius: 4px 0 0 4px;
}

#rr .input-group {
    width: 100%;
}

.view-connections .form-control {
     padding: 4px 8px;
}


.page-header {
    background-color: transparent;
    border-bottom: medium none;
    margin: 0;
    padding: 10px 15px;
    background: #eef0f0;
    background: #f6f6f7;
    border-bottom:1px solid #ddd;
    border-bottom: 1px solid #ddd;
    position:relative;
}
.page-header.courses {
    background: transparent;
    border-bottom: none;
    padding: 5px 0 5px 10px;
}
.page-header h2 {
    font-family: "Oswald",sans-serif;
    font-size: 1.15em;
    margin: 3px 0 0;
}

.alert-title h2 {
    font-family: "Oswald",sans-serif;
    font-size: 1.2em;
    margin: 3px 0 0;
    border-bottom: 1px solid #ddd;
}

.page-header i.pull-left {
    padding:2px 0;
    color:#999;
    margin-top:-1px;
    margin-right:5px;
}

.page-header .input-group {
    max-width:200px;
    float:right;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.page-header .input-group .input-group-addon {
    background: transparent;
    border:none;
    position:absolute;
    left:0;
    z-index:98; /* BCS: This needs to be 98 so elements do not appear over the top bar when scrolling down */
    line-height:14px!important;
}

.page-header .input-group .form-control {
    padding-left: 28px!important;
    border-radius: 4px;
}

.page-header .toolbar-right {
    position:absolute;  
    right:10px;
    top:6px;
    width:265px;
}

.page-header .toolbar-right .dropdown {
    display:inline-block;
}

.page-header .toolbar-right .dropdown button {
    border-color:#ddd;
    color:#666;
}

.page-header .input-group input[type="text"] {
    box-shadow: none;
    background: transparent;
    padding: 3px 10px;
    height:26px;
    max-width:200px;
}

.page-header .input-group input[type="text"]:focus {
    border-color:#ccc;
}

.page-header .input-group .input-group-addon {
    background: transparent;
    height:25px;
    line-height:1em;
}

.input-group.pull-right {
    width: 225px;
}

.main-items .input-group-btn {
    line-height: 22px;
    vertical-align: top;
}

.main-items .input-group-addon {
    font-size: 13px;
    line-height: 12px;
    padding: 5px 10px;
}

.main-items .input-group.pull-right .btn {
    border: medium none;
    font-size: 17px;
    line-height: 17px;
    margin-right: 0;
    margin-left: 0;
    padding: 5px 8px;
    vertical-align: top;
}

.main-items .btn.btn-primary.search {
    font-size: 15.5px;
    line-height: 15px;
    padding: 5px 8px 7px;
}

.pull-right.toolbar {
}


.mt-actions a {
    padding:3px 4px;
    text-align: center;
    position:relative;
    transition: all .5s;
}

.mt-actions a:hover {
    color: #3e76da ;
}

h2 .fa.fa-building.fa-rotate-90 {
    font-size: 17px;
    margin-left: 5px;
}

.fa-rotate-90 {
    transform: rotate(90deg);
}

/*
.mt-actions #edit {
    background: #6fb3e0;
}

.mt-actions #custom-ty {
    background: #ffb752;
}

.mt-actions .member-card {
    background: #87b87f;
}*/

.subnav {
    background-color: #ebebeb;
    height: auto;
    padding: 15px 20px;
    width: 100%;
}

.module .subnav {
    background: #fff;
    padding-left:0;
    padding-top:0;
}

.filter {
	background-color:#ccc;
	width:100%;
	padding:15px 60px;
}

.filter .col-md-2 .fa {
    font-size: 17px;
    margin-left: 5px;
}

.filter .col-md-2 {
	text-align:right;
	margin-top:23px;
}

.filter .col-md-2 .dropdown-menu {
	text-align:left;
}

.filter .row h4 {
    margin-top: 0;
	text-align:left;
}

.filter .row .col-md-3 p:last-child {
    margin-bottom: 0;
}

.results-refine {
    padding-top:15px;
}

.results-refine .huge {
    font-weight:300;
    font-size:200%;
}


.results-refine ul.search-terms {
    padding-top:10px;
}

.results-refine ul.search-terms li {
    padding:6px;
    border-bottom:1px dotted #ddd;
    transition: all .5s;
}

.results-refine ul.search-terms li:hover {
    background: #f7f7f7;
}

.results-refine ul.search-terms li:last-child {
    font-size:80%;
    border-bottom:none;
}

.results.pull-right {
    line-height: 35px;
}

.results.pull-right p {
    margin-bottom: 0;
}

.search-filter ul {
    margin-bottom:5px!important;
}

.search-filter li.title {
    font-weight:bold;
}

.search-filter li.title:hover {
    background: #fff!important;
}

.search-filter li {
    padding:3px!important;
    transition: all .5s;
}

.search-filter li:hover {
    background: #eef0f0;
}

.search-filter li input[type="checkbox"] + label span {
    height:16px;
    width:16px;
}

.search-filter li input[type="checkbox"]:checked + label span:before {
    top:-3px;
}

.search-filter li label {
    font-size:85%;
    font-weight:normal;
    margin-right:5px;
}

.ctabar .btn-dark {
    background: transparent;
    border-color:#fff;
    color:#fff;
}

.ctabar .btn-dark:hover {
    background:#fff;
    color:#666;

}

a.help {
    cursor:pointer;
    font-size:14px;
}

.help.group {
    position: absolute;
    right: 0px;
    top: 13px;
}

.primary-group {
    color: #f0ad4e;
}

#group-star {
    position:absolute;
    right:13px;
    top:13px;
}

#group-star .primary-group {
    font-size: 16px;
}


.primary .list-group-item {
    background: transparent;
}

.panel-body.primary {
    background-color: #f6f6f7;
    border-bottom: 1px dotted #ddd;
}

.tooltip-inner {
    border-radius:0;
    width:auto;
    left:auto!important;
    padding:5px 10px;
    text-align: left;
}

.tooltip-inner a {
    color:#fff;
    border-bottom:1px dotted #fff;
}

.tooltip-inner a:hover {
    border:none;
    color:#ccc;
}

.ctabar {
	background: none repeat scroll 0 0 #999;
    height: auto;
	padding:10px 60px;
    border-radius:0 0 6px 6px;
    border-bottom:3px solid #777;
}

.ctabar a {
    color:#fff;
    margin-right:20px;
}

.navaction {
    background: none repeat scroll 0 0 #999;
    height: auto;
    border-radius:6px 6px 0 0 ;
    overflow:hidden;
    margin-top:10px;
}

.tab .active {
    background: none repeat scroll 0 0 #fff;
	color:inherit;
}

.navaction li {
    display: inline;
}

.calloutbox {
    padding: 20px;
    background: #f7f7f7;
    border:1px solid #ddd;
    margin: 20px 0;
}

.infobox {
    padding: 15px;
    background: #f7f7f7;
    border:1px solid #ddd;
}

.editbox {
    padding: 3px 8px;
    background: #f7f7f7;
    font-size: 13px;
    border:1px solid #ddd;
}

.directory {
	padding-bottom:0;
}

.directory ul {
	padding-left:0;
	margin-bottom:0;
}

.directory li {
    display: inline;
}

.directory li a {
    background: none repeat scroll 0 0 #d5d5d5;
    border-radius: 4px 4px 0 0;
    line-height: 29px;
    margin-right: 15px;
    padding: 6px 20px;
    color:#666;
    transition: all .5s;
}

.directory li a:hover {
	background: none repeat scroll 0 0 #fff;
    text-decoration: none;
}

.directory .active {
    background: none repeat scroll 0 0 #fff;
	color:inherit;
}

.divider {
    background: #e7e7e7;
	height:1px;
    margin: 30px 0;
	border-top:none;
}

/* Begin table styling */

.headerBox {
    font-size:85%;
}

.content .content-inner .row:first-child {
	padding-top:0;
}

.content table .subject {
    margin-right:5px;
}

.content table .unread td {
    font-weight:bold;
}
.content table tr {
    transition: all .5s;
}
.content .hoverable-table tr:hover {
    background:#eef0f0;
}

.content table tr.nested:hover {
    background: #fff;
}

.content table tr.company td:first-child {
    font-weight:bold;
}

.content table tr.border td {
    border-bottom:1px dotted #999;
}

.table-condensed th {
    border-bottom:1px solid #ddd;
}

.table-condensed th,
.table-condensed td {
    font-size:12px;
}

.table-condensed input[type="text"],
.table-condensed select {
    border:1px solid #ccc;
    border-radius:2px;
    padding:2px 5px;
}

.tab-content table .actions {
    font-size:85%;
    color:#3e76da;
}

.tab-content table .actions a {
    margin: 0 2px;
}

.tab-content .huge {
    display:block;
    font-size:300%;
    font-weight:300;
}

.tab-content .active-pane {
    padding:10px 0;
    border:5px solid #ebebeb;
    border-radius:10px;
}

.tab-content .active-pane strong {
    font-size:90%;
}

.tab-content {
    padding-top:10px;
}

.table-select-all a {
  margin:3px;
    color:#333;
    transition: all .5s;
}

.table-select-all i {
    padding:1px 2px;
    border:1px solid #333;
}

.table-select-all i:hover {
    background:#fff;
}

.table-title {
    font-size:150%;
    margin: 10px 0;
}

.table-actions {
    padding:0px 0 15px;
}

table .collapse.in {
	display:table-row;
}

.table-responsive  {
    position:relative;
}

.table-responsive .collapsed .fa-plus,
.table-responsive .clickable .fa-plus {
    cursor:pointer;
    color:#3e76da;
}

.table-responsive .collapsed .fa-plus {
    content:"\f067"!important;
}

.table-responsive .open .fa-plus:before {
    content:"\f068"!important;
    cursor:pointer;
    color:#3e76da;
}

.table-responsive .collapse td:nth-child(2),
.table-responsive .collapsing td:nth-child(2){
    padding-left:50px;
    border-left:5px solid #eef0f0;
}

.table-responsive.indicator:before {
    content:" ";
    display:block;
   width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #f2f2f2;
    position:absolute;
    top:-10px;
    left:30px;
}

.table > thead > tr > th {
    vertical-align: middle;
}

.table-footer .results {
    padding: 15px 0;
    color:#999;
}

.table-footer .pagination button {
    color:#999;
}

.table-footer .pagination button:first-child {
    color:#ddd;
    cursor: not-allowed;
}

.table-footer .results p {
    padding:5px 15px;
    border-radius:4px;
    background: #f7f7f7;
}

.content .table-small {
    width:80%;
    margin: 0 auto;
    margin-top:10px;
    text-align: left;
}

.content .table-small th {
    background: #fff;
    font-size:75%;
    padding: 3px 6px;
    border-bottom:1px solid #f4f4f4;
}

.content .table-small td {
    font-size:80%;
    padding: 5px 6px;
}

.content-inner .col-md-3 h4, .content-inner .col-md-6 h4 {
    margin-top: 0;
}

.overflow ul {
    list-style: none outside none;
    margin-bottom: 0;
    padding-left: 0;
}

.overflow {
    overflow: scroll;
	height:175px;
	border:1px solid #e7e7e7;
	padding:10px 12px;
}

.navaction ul {
	margin-bottom:0;
	padding-left:60px;
}

.seq .content-inner {
    border-radius:0;
    border-bottom:none;
}

.ctabar {
    border-radius: 6px 6px 0 0;
    overflow:hidden;
}

.seq ul {
	padding-bottom:15px;
    padding-top:15px;
}

.seq li a {
    background: none repeat scroll 0 0 transparent;
    border-radius: 4px;
    line-height: 29px;
    margin-right: 15px;
    padding: 6px 20px;
	color:#fff;
    transition:all .5s;
}

.seq li a:hover {
    background: none repeat scroll 0 0 #3e76da ;
    border-radius: 4px;
    line-height: 29px;
    margin-right: 15px;
    padding: 6px 20px;
    text-decoration: none;
	color:#fff;
}

.seq li .active {
    background: none repeat scroll 0 0 #3e76da ;
    border-radius: 4px;
    line-height: 29px;
    margin-right: 15px;
    padding: 6px 20px;
	color:#fff;
}

.tab li a {
    background: none repeat scroll 0 0 #eaeaea;
    border-radius: 4px 4px 0 0;
    line-height: 29px;
    margin-right: 15px;
    padding: 6px 20px;
}

.tab li a:hover {
	background: none repeat scroll 0 0 #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color:transparent;
}

.navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 4px;
    margin-bottom: 7px;
    width: 39px;
    background: #ccc;
}
.actions i {
    transition:all .5s;
}

.actions a {cursor:pointer;}

.actions i.fa-angle-down {font-size:120%;}
.actions .collapsed i {
    transform: rotate(180deg);
}

.main-items {
    background-color:#5a6771;
    background-color:#2d4358;
    height:37px;
}


.table-actions .search .input-group {
    margin-top:0;
    height:auto;
}

.input-group.pull-right {
    width: 225px;
	margin-top:4px;
}
.search .form-control {
    height: 26px;
    box-shadow:none;
    background:transparent;
    font-size:12px;
}
.search .input-group-addon {
    padding: 5px 12px;
    border-radius:0;
    background:transparent;
    border:none;
    color:#999;
    transition: all .5s;
    font-size:12px;
    position:absolute;
    right:12px;
}

.search .input-group-addon:hover {
    color:#3e76da ;
}

.pull-right.search .form-control {
    height: 28px;  
}

.main-items .search .form-control:focus {
    box-shadow:none!important;
}

.pull-right.search .btn-group button {
    height: 28px;
    line-height: 14px;
}

.btn-group .full {
    width:100%;
    text-align: left;
}

.btn-group .full .caret {
    position:absolute;
    right:10px;
    top:14px;
}

.btn-group.select .btn {
    padding: 3px 12px;
    color: #3e76da;
    font-size:80%;
}

.btn-group.select .dropdown-menu > li > a {
    font-size:80%;
    color:#3e76da;
}

.btn-group.custom-select .dropdown-menu {
    border:1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

#max-width {
    max-width:1200px;
}

#main .table {
}

#main .table th {
    background: none repeat scroll 0 0 #e8e9eb;
    font-size: 12px;
    padding: 10px 20px;
    text-align: left;
}

#main .table th a {
    color:#333;
    border-bottom:1px dotted #000;
    transition: all .25s;
}

#main .table th a:hover {
    text-decoration:none;
    border-color:transparent;
    color:#999;
}

#main .table .header th {
    padding: 8px 12px 10px;
}

#main .invoice.table td, #main .invoice.table th {
    font-size: 13px;
}

#main .table td, #responsive-table .table td {
    border-bottom: 1px solid #f4f4f4;
    border-top:none;
    border-left: none;
    border-right: none;
    padding: 10px 20px;
    text-align: left;
    font-size:13px;
    vertical-align: middle;
}

#main .table td .form-control, #responsive-table .table td .form-control {
    padding: 4px 8px;
    height:28px;
    font-size:100%;
    display: inline;
    width: auto;
}

#main .table.fields td textarea {
    border: 1px solid #ccc;
    display: inline;
    height: auto !important;
    margin-top: 10px;
    width: 100% !important;
}

.learning-links td {
    font-size: 13px!important;
    padding: 12px 15px!important;
}

#main .table.profile td {
    font-size: 13px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 25px;
}

.course-title {
    font-size: 14px;
    color:#3e76da;
}

.credit-title {
    font-size: 13px;
}

#main .table.entry td {
    border-bottom: none;
    font-size: inherit;
}

#main .table.entry #attachVideo, #main .table.entry #tagThisPost {
    vertical-align: top;
}

#main .table.entry td .form-control {
    padding: 6px 12px;
    height: 34px;
    font-size: 13px;
}

.profile .edit-section {
    padding-bottom: 10px !important;
    padding-top: 10px!important;
    text-align: right !important;
    padding-right: 10px!important;
}

#main .table.info td {
    padding: 14px 17px;
    vertical-align: top;
}
html.abstract1 tr.footer{
    color: #fff;
}
.footer {
	width:100%;
	background:#666;
    padding: 10px 0;
    position:relative;
}

.footer p {
    color:#fff;
    font-weight:300;
    font-size:85%;
    margin-bottom:0;

}

.footer a {
    color:#fff;
}

.footer a i {
    margin: 0 2px;
    color:#999;
    display:inline-block;
    width:18px;
    height:18px;
    line-height:16px;
    background: #fff;
    border-radius:50%;
    font-size:12px;
    border:1px solid transparent;
    transition: all .5s;
}

.footer a.facebook {
    margin-left:10px;
}

.controlcenter {
	padding:0 30px 50px;
}

.controlcenter .col-md-3 h3, .controlcenter .col-md-2 h3 {
    margin-top: 0;
	margin-bottom:20px;
}

.module ul {
    list-style: none outside none;
    margin-bottom: 0;
    padding-left: 0;
}

.module, .tile {
    background-color: #fff;
    padding: 20px 20px 10px;
    border:1px solid #d6d9db;
    border-radius:6px;
    position:relative;
    margin-bottom:25px;
}

#home .module, #home .tile {
    padding: 20px 20px 25px;
}

#home .tile.module:last-child {
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

#home .module-message p, .grid.wall .module-message p {
    padding: 15px 0;
}

.grid .module.sm {
    min-height:auto;
}

.grid .module.md {
    min-height:250px;
}

.grid .module.md {
    min-height:280px;
}

ul.page-actions {
    list-style: outside none none;
    margin: 0 0 10px 0;
    padding: 0;
}

.page-actions li {
    border-right: 1px solid #ddd;
    display: inline-block;
    font-size: 13px;
    padding: 0 2px 0 0;
    position: relative;
}

.page-actions li:last-child {
    border-right: medium none;
}
.page-actions li a {
    border-radius: 4px;
    padding: 3px 10px;
    transition: all 0.5s ease 0s;
}
.page-actions li a:hover {
    background: #3e76da none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
}

.page-actions li a.active {
    background: #3e76da none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
    border-right: none;
}

#profile .page-actions {
    margin-bottom: 20px;
}

#profile label {
    font-weight: 400;
    font-size: 13px;
}

#profile .post.tile.user-control.ptop-0 {
    padding-left: 0;
    padding-right: 0;
}

#profile .post.tile.user-control.ptop-0 .module-actions {
    margin-top: 5px;
}

.admin-settings {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    padding-top: 30px;
}

.admin-settings td {
    padding: 15px 10px !important;
}

#brand .image-preview {
    border: medium none;
}

#brand .image-preview td {
    border-bottom: 1px solid #ddd;
}

#brand .image-preview img {
    max-height: 60px;
}

.grid .module,
.grid .tile {
    margin-bottom:0;
    border-radius:0!important;
    border-bottom:none!important;
}

.job-alerts .module {
    border-radius: 6px !important;
    margin-bottom: 20px;
    padding: 10px 15px;
}

.job-alerts .module:last-child {
    margin-bottom: 0;
}

.job-alerts .module.tile {
    border:none;
    box-shadow: none;
    padding: 0;
}

.module.tile.job-alert-tile:last-child {
    margin-bottom: 5px;
}

#alerts .list-group-item {
    border-bottom: 1px dotted #ddd;
    margin-bottom: 15px;
    padding: 7px;
}

#alerts .module-date, #alerts .module-save {
    right: 15px;
}

#alerts #form {
    margin-bottom: 30px;
}

/*
.grid .module:first-of-type {
    border-radius: 0 6px 0 0!important;
}

.grid .module:last-of-type {
    border-radius:0 0 6px 6px!important;
    border-bottom:1px solid #ddd!important;
}


.grid .tab-pane .module:first-of-type {
    border-radius: 0 6px 0 0!important;
    margin-top:0!important;
}

.grid .tab-pane .module:last-of-type {
    border-radius:0 0 6px 6px!important;
    border-bottom:1px solid #ddd!important;
}
*/

#cp.tile {
    border-radius: 6px 6px 0 0!important;
}

#available #cp.tile, #alerts #cp.tile, #saved #cp.tile, #courses #pc.tile, #catalog #pc.tile, #myrecords #pc.tile {
    border-radius: 0 6px 6px !important;
}

#availableJobs .tile, #alerts .tile.job-alerts, #savedJobs .tile, #catalog .tile, #courses .tile, #myrecords .tile {
    border-radius: 0 6px 6px !important;
}

.post.tile.module {
    border-radius: 6px 6px 0 0 !important;
}

.post.tile.module .module-actions {
    border: none;
    padding: 0;
    background: transparent;
}

.module-actions .reply.feed {
    background-color: #fff;
    display: table;
    width: 100%;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 12px;
}

.module-actions .reply.feed .form-control {
    display: table-cell;
    border: none!important;
    width: 100%;
    padding-top: 5px;
    padding-right: 0;
    resize: none;
    font-size: 14px;
}

.module-actions .reply.feed .form-control:focus {
    border: none;
    box-shadow: none;
}

.module-actions .reply.feed .module-item-img {
    padding: 0;
    width: 50px!important;
    height: 50px!important;
    display: table-cell;
}

.module-actions .reply.feed .module-item-img img {
    width: 50px;
    height: 50px;
}

.postImage .tile {
    border: 1px solid #ccc !important;
    box-shadow: none;
    padding: 10px !important;
}

.tile.post-in-feed {
    border-bottom: 1px solid #ddd !important;
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
}
.available-search {
    width: 100%;
}

.module.tile.job-alert-tile {
    background-color: #f9f9f9;
    border: 1px solid #eeeeee !important;
    padding: 20px !important;
    margin-bottom: 25px;
    border-radius: 6px!important;
}

.advanced a {
    font-size: 13px;
}

.credits-earned {
    width: 50%;
}

.tile.last-in-feed {
    border-radius:0 0 6px 6px!important;
    border-bottom:1px solid #ddd!important;
}

#event-page .module {
    border-radius: 0 6px 6px 6px!important;
}

#stream-toggle {
    padding-top:0;
}

#stream-toggle li a, #toggle li a {
    font-size:12px;
    padding: 6px 19px;
    transition: none;
}

#stream-toggle .dropdown-menu a {
    background-color: inherit;
    border-radius: 0;
    font-size: 13px;
    padding: 6px 20px;
    margin: 0;
}

#stream-toggle .dropdown-menu a:hover {
    background-color: #f5f5f5;
    color: #262626;
}
.grid #stream-toggle .dropdown-menu {
    margin-left: 0;
    margin-top: 2px;
    position: relative;
    z-index: 999999;
}
.grid #stream-toggle li.hidden li:last-child a {
    border-bottom: none;
}

#stream-toggle .dropdown-menu {
    margin-left: 3px;
    margin-top: 1px;
}

.tabbed-module .tab-content {
    background: #fff;
}

.module .list-group {
    padding-top:10px;
}

.tile.w-footer,
.module.w-footer{
    padding-bottom:25px;
}

.tile.w-footer .module-item-body + .module-actions {
    border-radius: 0 0 5px 5px;
}

.tile.w-image img {
    display:table;
}

.tile.w-image .module-item-body {
    display:Table;
}

.tile.job-alert, .tile.new-connections {
    background: #eef0f0;
}

.tile.renew {
    background: #FCF8E3;
    color: #8A6D3B;
}

.renewal-alert
{
    z-index: 0 !important;  
}

.renewal-post {
    white-space: pre-wrap;
    line-height: 2; 
}

#connections .tile,
#groups .tile,
#messages .tile,
#favorites .tile,
.profile-tile,
#search-results .tile {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
}

#connections .tile.w-footer {
    padding-bottom:35px;
    padding-top:10px;
    min-height:140px;
}

#connections .tab-content .tile.w-footer:last-child {
    margin-bottom: 0;
}

#groups .tile.w-footer {
    padding-bottom:35px;
    padding-top:10px;
    min-height:140px;
}

#connections .module-actions,
#groups .module-actions {
    bottom: 0;
    display: table-row;
    left: 0;
    padding: 5px;
    position: absolute;
    vertical-align: middle;
    width: 100%;
    font-size:12px;
    /*opacity:0;
    transition: all .5s;*/
}

#search-results .module-actions {
    border-top: 0 none;
    font-size: 12px;
    padding: 10px;
    right: 0;
    top: 0;
    vertical-align: middle;
    width: 100%;
    margin-top: 12px;
    display: none;
}

#search-results .popover-content .module-actions {
    border-top: 0 none;
    font-size: 12px;
    padding: 10px;
    right: 0;
    top: 0;
    vertical-align: middle;
    width: 100%;
    margin-top: 12px;
    display: block;
}

#search-results .popover-content .module-actions a {
    display: block;
    margin-top: 8px;
    width: 100%;
    font-size: 13px;
}

#search-results .popover-content .module-actions a:first-child {
    margin-top: 0;
}

#search-results .module-item-text {
    font-size: 12px;
    line-height: 1.35em;
}

.module-item-text.posts {
    font-size: 11px;
    margin-top: 5px;
    padding-right: 0!important;
}

.module-featured, .job-alerts .module-item-location, .job-alerts .module-save-job, #saved .module-save-job, .module-date {
    display: block;
}

.module-save {
    margin-top: -15px;
    font-size: 13px;
    clear: both;
}

.module-save-job {
    font-size: 13px;
}

#search-results .list-group-item {
    padding: 15px 10px;
}

#search-results .list-group-item .module-item {
    min-height: 80px;
}

#GridPanel.module.tile {
    border: medium none;
    margin-top: 25px;
    padding: 0;
}

#site-search-results .list-group-item {
    padding: 7px 0;
}

/* Animated actions
#connections .list-group-item:hover .module-actions,
#groups .list-group-item:hover .module-actions,
#connections .tile:hover .module-actions,
#groups .tile:hover .module-actions{
    opacity:1;
    bottom:0;
}
*/
.form-control {
    font-size: 13px;
    box-shadow: none;
}

#select-options, .select-all {
    font-size: 13px;
}

#connections .pending, .search-tabs {
    border-radius: 0 6px 6px 6px;
    background: #fff;
    box-shadow: 0 5px 6px -5px #333;
}

#connections .tile .module-item {
    padding-left: 15px;
}

#connections .pending .module-item {
    padding-left: 0;
}

#connections .pending .module-item-body {
    min-width: 100% !important;
}

#connections .pending .tile.module.w-footer {
    padding-left: 15px;
    padding-right: 10px;
}

#connections .pending .connect {
    white-space: nowrap;
}

#connections #multi-select {
    position:absolute;
    left:10px;
    top:10px;
}

#connections #shared-connection {
    position: absolute;
    right:10px;
    top: 10px;
    font-size: 11px;
    color: #5cb85c;
}

#connections #add-connect {
    position: absolute;
    right:10px;
    top: 10px;
    font-size: 11px;
}

#connections #multi-select input[type="checkbox"]:checked + label span:before {
    top:2px;
}

#connections #multi-select a {
    transition: all .25s;
}

#connections #multi-select .selected {
    color:#f0d04e;
}

#connections #multi-select .selected:hover {
    color:#dcba32;
}

#connections #multi-select .fa {
    font-size:18px;
}

#connections #multi-select .text-muted {
    color:#ccc;
}

#connections #multi-select .text-muted:hover {
    color:#999;
}

.fave {
  width: 70px;
  height: 50px;
  display:block;
  background: url(/global/member_engagement/img/twitter_fave.png) no-repeat;
  background-position: 0 0;
  margin-right: -24px;
  margin-top: -15px;
}

.fave.clicked {
  background-position: -3519px 0;
  transition: background 1s steps(55);
}

#cp .nav li a,
#messages .nav li a,
#careers .nav li a {
    padding: 4px 12px;
    font-size:12px;
    border-right:1px solid #ddd;
}

#cp .nav li:last-child a,
#messages .nav li:last-child a,
#careers .nav li:last-child a {
    border-right:none;
}

#cp .nav li.active a,
#messages .nav li.active > a, /* BCS: This needs to be #messages .nav li.active > a */
#careers .nav li.active a{
    background: #3e76da;
    color:#fff;
    font-weight:bold;
}

#cp .nav li a i,
#messages .nav li a i,
#careers .nav li a i {
    margin-right:5px;
}

#cp .navbar-default,
#messages .navbar-default,
#careers .navbar-default {
    min-height:25px;
    overflow:hidden;
}

#profile .photo-gallery img, .group-photos .albums img {
    border: 1px solid #d6d9db;
    border-bottom: none;
}

#profile .albums img, .group-photos .albums img {
    border-radius: 6px 6px 0 0;	
	object-fit: cover;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%; 
    overflow: hidden;
	min-width: 100%;
}

.group-photos .albums img {
	min-height: 250px;
}

#profile .albums img,
#content-features .albums img {
	min-height: 200px;
}

#profile .photos img {
    border-bottom: 1px solid #d6d9db;
    border-radius: 0;
}

.group-photos .photos img {
    border-radius: 0;
    border-bottom: 1px solid #d6d9db;
}

#profile h3 small {
    font-family: "Roboto",sans-serif;
    margin-left: 5px;
}

.group .module-header {
    margin-bottom: 10px;
}

.event {
    border-bottom: 1px solid #eee;
    margin-top: 15px;
    padding-bottom: 15px;
}

.feed-event, .feed-survey, .feed-news-item {
    padding-bottom: 15px;
}

.module.tile.group {
    box-shadow: 0 5px 6px -5px #333;
}

.photos .album-img {
	border: 1px solid #d6d9db;
	border-radius: 6px;
}

.photos .album-img.checked,
.photos .album-img .img-overlay,
.photos .album-img .img-controls {
	border: 1px solid #d6d9db;
}
	.photos .album-img .img-overlay,
	.photos .album-img .img-controls {
		border-radius: 6px;
	}

	.photos .album-img .img-overlay {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}

	.photos .album-img .img-controls {
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}

.photos .album-img.editing,
.photos .album-img.editing .img-overlay,
.photos .album-img.editing .img-controls {
	border: 1px solid #e44014;
}

.photos .img-overlay {
    background-color: #fff;
    bottom: 0;
    color: #666;
    display: none;
    height: auto;
    left: 15px;
    /*opacity: 0.9;*/
    padding: 10px;
    position: absolute;
    right: 15px;
    transition: all 0.5s ease 0s;
    width: auto;
}

.photos .img-controls {
	background-color: #fff;
	top: 0;
    display: none;
    height: auto;
    left: 15px;
	/*opacity: 0.9;*/
    padding: 10px;
    position: absolute;
    right: 15px;
    transition: all 0.5s ease 0s;
    width: auto;
}

	.photos .img-controls .delete,
	.photos .img-controls .settings {
		display: none;
	}

.album-img .img-controls .select .fa-square {
	display: initial;
}

.album-img .img-controls .select .fa-check-square {
	display: none;
}

.album-img.checked img {
	opacity: 0.3;
}

.album-img.checked .img-controls {
	display: initial;
}

.album-img.checked .img-controls .select .fa-square {
	display: none;
}

.album-img.checked .img-controls .select .fa-check-square {
	display: initial;
}

.group-photos .album-img {
	min-height: 250px;
	max-height: 250px;
}

.profile-tile .group-photos .album-img,
#content-features .group-photos .album-img {
	min-height: 200px;
	max-height: 200px;
}

.album-img {	
	overflow: hidden;
}

.album-img:hover .img-overlay,
.album-img:hover .img-controls,
.album-img:hover .img-controls .delete,
.album-img:hover .img-controls .settings {
    display: inline-block;
    transition: all 0.5s ease;
}

.album-info p {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.photo-gallery .album-info {
    border: 1px solid #d6d9db;
    border-top: none;
    padding: 10px;
    border-radius: 0 0 6px 6px;
}

.photo-popup .modal-header {
    border-bottom: none;
}

.photo-popup .modal-dialog {
    width: 85%!important;
    max-width: 1100px;
    margin-top: 3%!important;
}

#newTag .modal-dialog, #deletePost .modal-dialog {
    width: 550px;
}

#SubscribeNewsletter .modal-dialog {
    width: 450px;
}

#LeaveGroup .modal-dialog, #unSubscribe .modal-dialog, .DeleteAlert .modal-dialog {
    width: 350px;
}

.form-control.input-sm.email, .form-control.email {
    display: inline;
    width: auto;
}

.photo-image img {
    margin: 0 auto;
}

.photo-popup .pull-right.link {
    margin-top: 2px;
}

.photo-popup .modal-body {
    padding-top: 5px;
}

.photo-popup .module-item-title a {
    margin: 0;
}

.module-item-text.comment {
    color: inherit;
}

.module-item.full-comment {
    border-bottom: 1px dotted #ddd;
}

#profile .user-control .navbar-default {
    background-color: transparent !important;
    border: medium none !important;
}

#profile .user-control .navbar-default .nav li {
    border-right: 1px solid #ddd;
    display: inline-block;
    font-size: 0.95em;
    padding: 0 3px;
    position: relative;
}
#profile .user-control .navbar-default .nav li:last-child {
    border-right: medium none;
}
#profile .user-control .navbar-default .nav li a {
    border-radius: 4px;
    padding: 3px 10px;
    transition: all 0.5s ease 0s;
    border: none;
}

#profile .user-control .navbar-default .nav li a i {
    margin-right: 3px;
}
#profile .user-control .navbar-default .nav li.active a {
    font-weight: bold;
    border-bottom: 2px solid #3e76da;
    background: transparent;
    border-radius: 0;
    color: #3e76da;
}

.table td.actions {
    padding:10px 15px!important;
    font-size:15px!important;
}

.table td.actions a {
    margin: 0 2px;
}

.module.no-border {
    border:none;
}

.carousel-inner {
    padding:0 0 20px;
}

.carousel-control {
    background-image:none!important;
}

#rr .panel-body .carousel-control {
    top: -38px!important;
}

.carousel-indicators {
    bottom:-5px;
}

.carousel-indicators li {
    border-color:#ccc;
    border-width: 2px;
    transition: all .25s;
}

.carousel-indicators li:hover {
    border-color:#999;
}

.carousel-indicators li.active {
    border-color:#999;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    font-size:20px;
    text-shadow:none;

}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    right:0px;
    margin-right:0;
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    left:0px;
    margin-left:0;
}

#rr .carousel-control .glyphicon {
    width:25px;
    color:#aeaeae;
}

.col-sm-2 .module {
  padding-bottom:15px;  
}

.module-header h3 {
    margin-bottom:10px!important;
    margin-top:0;
    font-size: 1.15em;
    font-family:'Oswald', sans-serif;
    font-weight:300;
}

.module-header {
    border-bottom:1px solid #eee;
    margin-bottom:15px;
}

.module-header ul, .module-header li {
    list-style:none;
    padding:0;
    margin:0;
}

.module-header #today {
    font-style:italic;
    font-size:90%;
}

.module .action-bar {
    padding:10px 0 30px;
}

.module-header li {
    display:inline-block;
    padding: 0 3px;
    font-size:105%;
    font-style: normal!important;
}

.module-header li a {
    color:#999;
    transition: .5s all;
}

.module-header li a.remove span {
    font-size:140%;
    line-height:1px;
}

.module-header li.cog a:hover i {
    -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear!important;
}

.module-header li a:hover {
    color:#3e76da ;
    text-decoration: none!important;
}

.module-header li a.remove {
    font-weight:900;
}

.module .module-body .header {
    border-bottom:1px solid #ddd;
    padding-bottom:8px;
    margin-bottom:15px;
    line-height:28px;
}

.module .module-body .header h2 {
    font-size:1.75em;
    float:left;
    margin:0;
}

#responsive-table .table.profile .header {
    border-bottom: medium none;
    margin: 0;
    padding-bottom: 0;
}

.module .module-item-body .col-sm-4 {
    padding: 0 8px;
}

.module .seperate-container {
    display:block;
    padding:15px;
    border:1px solid #ddd;
    background: #fff;
    border-radius:6px;
}

.image-container img {
    margin:0 0 10px;
    transition: all .25s;
}

.image-container a img:hover {
    opacity:0.75;
}

.module .module-body .header:after {
    visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.module-footer {
    clear:both;
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    /*border-top:1px dotted #ddd;*/
    text-align: left;
    padding:10px;
}

.module-footer a {
    padding: 2px 5px;
    margin: 0 3px;
}

.module-footer .btn-group {
    border-radius: 0 0 10px 10px;
}

.module-footer .btn-group a {
   display:block;
    padding: 8px 0;
    text-align: center;
    cursor:pointer;
    transition: all .5s;
    position:relative;
}

.module-footer .btn-group a:hover {
    background:#f7f7f7;
    color:#3e76da ;
    text-decoration: none;
}

.module-footer .btn-group a:first-child {
    border-radius: 0 0 0 10px;
}

.module-footer .btn-group a:nth-child(2),
.module-footer .btn-group a:nth-child(3),
.module-footer .btn-group a:nth-child(4) {
    border-left:1px dotted #ddd;
}

.module-footer .btn-group a:last-child {
    border-left:1px dotted #ddd;
    border-radius: 0 0 10px 0;
}

.module-footer .btn-group a.col-xs-12 {
    border-radius: 0 0 10px 10px;
    border-left:none;
}

.module-footer .btn-group .dropdown-menu {
    right:0;
    left:auto;
    text-align: center;
    min-width:50%;
    border:1px solid #ccc;
    border-radius:10px;
    overflow:hidden;
    padding:0;
}

.module-footer .btn-group .dropdown-menu a {
    font-size:85%;
    border-bottom:1px dotted #ddd;
    border-radius:0;
}

.tabbed-module {
    position:relative;
    margin-bottom:25px;
}

.tabbed-module .module-header {
    margin-bottom:-1px;
}

.tabbed-module .tab-pane {
    padding: 10px 15px;
}

.list-options {
    padding:15px 0;
}

.list-options .form-control {
    display:inline-block!important;
    width:auto;
    margin-right:5px;
    height:24px;
    font-size:12px;
    margin-bottom:10px;
}

.list-options .btn-group {
    width:auto;
}

.tabbed-module .module-header {
    width:98%;
}

.tabbed-module.w-footer .tab-content {
    border:1px solid #ddd;
    padding-bottom:30px;
    border-radius:0 10px 10px 10px;
}

.module .cert-container {
    padding:10px 10px 15px;
}

.module .cert-container h5{
    font-weight:bold;
    font-size:80%;
}

.module iframe {
    width:100%!important;
}

.panel-body.connections .module-actions .follow {
    margin-left: 0;
}

.panel-body.connections .module-item {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    padding-top: 10px;
}

.panel-body.connections .module-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.panel-body .profile-strength p {
    padding: 5px 0;
    margin:0;
}

.panel-body .profile-strength span,
.panel-body .profile-strength label {
    display:block;
    vertical-align: middle;
    text-align: center;
}

.panel-body .profile-strength span {
    font-weight:700;
    font-size:30px;
    line-height:1em;
}

.panel-body .profile-strength label {
    font-size:14px;
    font-weight:300;
    margin-bottom:0;
}

.panel-body .profile-strength p.profile-item:first-of-type {
    padding-top:10px;
}

.panel-body .profile-strength p.profile-item {
    padding: 5px 10px;
    background: #f6f6f7;
    border-bottom:1px dotted #ddd;
    margin: 0 2px 4px;
}

.panel-body .profile-strength .gb {
    padding: 0 2px;
}

.panel-body .profile-strength .gb img {
    opacity:0.5;
    transition: all .5s;
}

.panel-body .profile-strength .gb img:hover {
    opacity:1;
}

.panel-body .profile-strength p.profile-item:last-of-type {
    padding-bottom:10px;
}

.training-block {
    text-align: left;
    padding:10px 0 0 0;
    transition: all .35s;
}

.training-block img {
    padding-bottom:5px;    
}

.learning-track {
    padding:15px 0;
    border-bottom:1px dotted #ddd;
    width: 100%;
}

#accordion .panel-body {
    border-top:none;
}

#view-category button {
    padding:0 4px;
    border:1px solid #ccc!important;
    color:#666;
}

#view-category .dropdown-menu {
    padding: 5px 0;
}

#view-category .dropdown-menu li {
    font-size:13px;
    color:#666;
    padding: 2px 5px;
    margin-bottom:0;
}

#view-category .dropdown-menu li:last-of-type {
    border-bottom:none;
}

#view-category .dropdown-menu li label {
    margin-bottom:0;
}

.attendees ul li {
    display: inline-block;
    max-width: 32px;
}

.attendees ul li a img {
    transition: all .25s;
}

.attendees ul li a img:hover {
    opacity:0.65;
}

.attendees ul li a {
    font-weight:700;
}

.attendees ul li p {
    color:#999;
    font-size:12px;
}

.attendees.group ul {
    padding-top:5px!important;
}

.attendees.group ul li {
    max-width:28px;
}

.tile .module-message h2 {
    font-size:1.35em;
    font-weight:bold;
    line-height: 28px;
}

.tile .where {
    font-size:90%;
    line-height:1.5em;
    font-weight:300;
    color:#999;
}

.tile-footer p.view-all {
    color:#bbb;
}

.tabs .module-header {
    margin-bottom:-1px;
    width:98%;
    position:relative;
    z-index:1;
    
}

.module-header .nav-tabs {
    padding-left:0;
    z-index:5;
}

.module-header .nav-tabs li {
    margin-bottom:-2px;
    padding: 0 2px;
}

.module-header .nav-tabs li a {
    padding: 15px 10px 5px;
    margin: 0;
}

.module-header .nav-tabs li:first-child {
    margin-left:0;
    padding-left:0;
}

.module-header .nav-tabs li a h3 {
    margin-bottom:0!important;
    font-size:14px;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
}

.module-header .nav-tabs li.active a h3 {
    border-color:#3e76da ;
}

.tabs .module {
    border-radius: 0 10px 10px 10px;
    min-height:322px;
}

.tabs .nav-tabs li a:active {
    border-bottom:1px solid #fff!important;
}

.module-body .nav-tabs {
    border-bottom:1px solid #ddd;
}

.module-body .nav-tabs li a {
    padding:4px 10px;
    font-size:80%;
    
}


.module .table-condensed {
    font-size:90%;
}

.module .table-condensed th {
    font-size:80%;
    border-bottom:1px solid #ccc;
}

.module .table-condensed td {
    padding: 10px 5px;
    border-bottom:1px dotted #ddd;
}


.module .icon-drop .dropdown-menu {
    left:auto;
    top:auto;
    border:1px solid #ddd;
}

.module .icon-drop .dropdown-menu a {
    font-size:85%;
}

.list-group-item.featured {
    background: #fefff5;
}

.list-group-item .featured.label {
    position:absolute;
    right:10px;
    top:30px;
}

.module-item {
    display:table;
    width:100%;
}

.list-group-item.header {
    padding:5px 0;
}

.list-group-item.header h4 {
    font-weight:300;
    color:#666;
    font-size:1em;
    margin:10px 0 0 0;
}

.list-group-item.header:hover {
    background: transparent!important;
    
}

.list-group-item.no-border {
    border-bottom:none;
}

.list-group-item .summary-panel li {
    display:inline-block;
    max-width: 50px;
}

.list-group-item .summary-panel li a {
    transition: all .25s;
}

.list-group-item .summary-panel li a:hover {
    opacity:0.5;
}


.module-item-img, .module-item-body {
    display: table-cell;
    vertical-align: top;
}
.module-item-image i {
    font-size:30px!important;
}
.module-item-img {
    height: 50px;
    min-width: 35px;
    padding: 10px 0 0;
    text-align: center;
    width: 50px;
}

.module-item-img img {
    background-position: 50% 50%;
    background-size: cover;
    height: 50px;
    object-fit: cover;
    width: 50px;
}

.group-content .list-group-item img {
    background-position: 50% 50%;
    background-size: cover;
    height: 18px;
    object-fit: cover;
    width: 18px;
}

.job-alerts .module-item-img {
    display: block;
    vertical-align: middle;
    width: 90px;
    padding-top: 0;
}

.job-alerts .module-item-img img {
    background-position: center center;
    height: auto;
    object-fit: inherit;
    width: 100%;
}

.catalog .module-item-img {
    padding-top: 0;
    width: 75px;
}

.catalog .list-group-item:last-child {
    border-bottom: medium none;
}

.preferences-options {
    border: 1px solid #ddd;
    border-radius: 6px;
    max-height: 200px;
    min-height: 200px;
    overflow: auto;
    padding: 10px;
}

.module-item-body {
    padding: 10px;
    padding-left:10px;
    line-height:normal!important;
    font-size:100%!important;
    min-width:150px;
}

.module-reply .list-group {
    border-top:1px dotted #ddd;
    margin-top:15px;
}

/*
.module-item-body .module-reply .module-actions {
    opacity:1;
    transition: all .25s;
}
*/



.module-item-body .module-reply .module-actions .small {
    font-size:12px;
}

.module-item-body p.group-content {
    font-size:11px;
    color:#777;
    line-height:1.5em;
    margin-bottom:0;
    margin-top:15px;
}

.module-item-body .member-content {
    padding-left:0;
}

.module-item-body .group-content .list-group .heading h3 {
    font-family:'Oswald', sans-serif;
    font-weight:300;
    font-size:1em;
    margin: 0 0 5px;
}

.module-item-body .group-content .list-group-item {
    font-size:12px;
    background: transparent;
}

.module-item-body .member-content p {
    font-size:11px;
    color:#777;
    margin-bottom:0;
    padding:5px 0;
    border-bottom:1px dotted #ddd;
}

.module-item-body .member-content p:last-child {
    border-bottom:none;
}

.module-item-body .member-content li {
    font-size: 11px;
    color: #777;
    margin-bottom: 0;
    padding: 5px 0;
    border-bottom: 1px dotted #ddd;
}

.module-item-body .member-content li:last-child {
    border-bottom: none;
}

.ellipsis {
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-binding: url('ellipsis-xbl.xml#ellipsis');
    white-space: nowrap;
    height: 14px;
    max-width: 295px;
}

.tile.enhanced-group {
    background: url('/global/member_engagement/img/group-bg.jpg') center;
    background-size:100%;
    background-clip:padding-box;
}

.tile.enhanced-group2 {
    background: url('/global/member_engagement/img/group-bg2.jpg') center;
    background-size:100%;
    background-clip:padding-box;
}

.tile.enhanced-group-mini {
    background: url('/global/member_engagement/img/group-fundraising.jpg') center;
    background-size:100%;
    background-clip:padding-box;
}

.tile.enhanced-group-mini .module-item {
    background: rgba(255,255,255,0.9);
    box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

.tile.enhanced-group .highlight,
.tile.enhanced-group2 .highlight{
    padding: 10px;
    background: rgba(255,255,255,0.95);
    box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

.tile.enhanced-group .group-content,
.tile.enhanced-group2 .group-content{
    padding-left:15px;
}

.tile.enhanced-group .group-content .list-group,
.tile.enhanced-group2 .group-content .list-group{
    padding:10px;
    background: rgba(255,255,255,0.9);
    box-shadow: 0 0 5px rgba(0,0,0,0.25);
}


.tile-condensed {
    height:200px!important;
    min-height:inherit!important;
    overflow:hidden;
    transition: all .5s;    
}

.tile-condensed.profile {
    height:290px!important;
    min-height:inherit!important;
    overflow:hidden;
    transition: all .5s;    
}

.grid .tile {
    box-shadow: 0 5px 7px -5px #333;
}

.grid.wall .tile, .grid.group-feed .tile {
    border-bottom: 1px solid #d6d9db !important;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    box-shadow: none;
    padding: 20px 0;
}

.grid.wall .tile:last-child {
    border-bottom: none!important;
    padding-bottom: 0;
}

.grid.group-feed .tile:last-child {
    border-bottom: none!important;
}

#new-content.btn {
    position:fixed;
    top:15px;
    left:0;
    right:0;
    border-radius:.35em;
    padding: 4px 15px 5px;
    line-height:1.5em;
    border: none;
    margin: 0 auto;
    width: 160px;
}

.connections-condensed {
    height:630px!important;
    min-height:inherit!important;
    overflow:hidden;
    transition: all .5s;    
}

.tile-condensed.img-gallery {height: 250px!important;}
.tile-condensed.store-multi { height:350px!important;}
.tile-condensed.img {height:500px!important;}
.tile-condensed.social { height:280px!important;}
.tile-condensed.event { height:550px!important;}
.tile-condensed.website { height:320px!important;}


.toggle-tile {
    position:absolute;
    font-size:11px;
    left:0;
    right:0;
    bottom:0;
    text-align: center;
    display:block;
    padding:30px 0 10px;
    width:100%;
    cursor: pointer;
    opacity:1;
    color:#3e76da;
    text-shadow:1px 1px rgba(255,255,255,0.75);
    transition: all .25s;
   
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 69%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(69%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 69%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 69%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 69%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 69%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    
}

.toggle-tile:before {
    content:"Expand";
}

.toggle-tile:after {
    content:"\f107";
    font-family:'FontAwesome';
    margin-left:5px;
    transition: all .25s;
}

.profile.tile-open {
    height:auto!important;
    margin-bottom:20px!important;
    margin-top:20px!important;
    padding-bottom:35px!important;
}

.tile-open {
    height:auto!important;
    margin-bottom:20px!important;
    margin-top:20px!important;
    padding-bottom:35px!important;
}

.tile-open .toggle-tile:before {
    background: transparent;
    content:"View less";
    font-size:11px;
    text-align: center;
    color:#3e76da;
}

.tile-open .toggle-tile:after {
    content:"\f106";
    font-family:'FontAwesome';
    margin-left:5px;
}

.connections-condensed.tile-open,
.tile-open.img-gallery,
.tile-open.img,
.tile-open.social,
.tile-open.event,
.tile-open.website,
.tile-open.store-multi{
    height:auto!important;
}

.module-item-body #connect {
    font-size:24px;
    color:#ccc;
    transition: all .25s;
}

.module-item-body #connect:hover {
    color:#999;
}

#connections .module-item-text, #group-reps .module-item-text, .tile.new-connections .module-item-text {
    font-size:12px;
    line-height:1.35em;
}

#group-events .module-item-text, #group-news .module-item-text {
    font-size:12px;
    line-height:1.35em;
}

#group-reps .list-group-item:last-child, #group-events .list-group-item:last-child {
    border-bottom: medium none;
    padding-bottom: 0;
}

.groups-photos img {
    margin: 0 auto;
    width: 70%;
}

#connections .module-item-actions {
    font-size:11px;
    line-height:1.35em;
    margin-top: 5px;
    display: block;
}
.module-item-text.post-headline a:first-child{
    font-weight: bold;
}
.module-item-text.post-headline a[href="#"]:first-child{
    font-weight: bold;
    pointer-events: none;
    cursor: default;
    color: #304457;
}

#home .module-item-body .module-item-text, .group-feed .module-item-body .module-item-text, #profile .module-item-body .module-item-text {
    padding-right: 25px;
}
#home .feed-options .dropdown-toggle, #home .comment-options .dropdown-toggle, #profile .feed-options .dropdown-toggle, .grid.wall .comment-options .dropdown-toggle, .grid.group-feed .feed-options .dropdown-toggle, #careers .comment-options .dropdown-toggle, .grid.group-feed .comment-options .dropdown-toggle, .job-alerts .alert-options .dropdown-toggle, .settings .dropdown-toggle  {
    color: #777;
}

#home .feed-options .dropdown-toggle:hover, #home .comment-options .dropdown-toggle:hover, #home .feed-options .dropdown-toggle:focus, #home .comment-options .dropdown-toggle:focus, #profile .feed-options .dropdown-toggle:hover, #profile .feed-options .dropdown-toggle:focus, .grid.wall .comment-options .dropdown-toggle:hover, .grid.wall .comment-options .dropdown-toggle:focus, #careers .comment-options .dropdown-toggle:hover, #careers .comment-options .dropdown-toggle:focus, .grid.group-feed .feed-options .dropdown-toggle:hover, .grid.group-feed .feed-options .dropdown-toggle:focus, .grid.group-feed .comment-options .dropdown-toggle:hover, .grid.group-feed .comment-options .dropdown-toggle:focus, .job-alerts .alert-options .dropdown-toggle:hover, .job-alerts .alert-options .dropdown-toggle:focus, .settings .dropdown-toggle:hover, .settings .dropdown-toggle:focus {
    color: #333;
}

.feed-options .caret, .comment-options .caret {
    display: none;
}

#home .feed-options {
    position: absolute;
    right: 20px;
    top: 20px;
}
.group-feed .feed-options, #profile .feed-options {
    position: absolute;
    right: 10px;
    top: 20px;
}

.job-alerts .alert-options {
    position: absolute;
    right: 32px;
    top: 17px;
    z-index: 1;
}

.job-results {
    border-bottom: 1px dotted #ddd;
    color: #666;
    font-size: 15px;
    padding-bottom: 7px;
}

#careers .comment-options {
    position: absolute;
    right: 25px;
    top: 65px;
    z-index: 999999;
}

#home .comment-options, .grid.wall .comment-options, .grid.group-feed .comment-options {
    position: absolute;
    right: 15px;
    top: 14px;
}

#home .feed-options .dropdown-menu, #home .comment-options .dropdown-menu, #profile .feed-options .dropdown-menu, .grid.wall .comment-options .dropdown-menu, .grid.group-feed .comment-options .dropdown-menu, #careers .comment-options .dropdown-menu, .grid.group-feed .feed-options .dropdown-menu, .job-alerts .alert-options .dropdown-menu {
    left: -120px;
    min-width: 140px;
    z-index: 999999;
}

#more .dropdown-menu {
    left: -80px;
    z-index: 999999;
}

.category-icon {
    position:absolute;
    right:15px;
    top:15px;
    color:#ddd;
    font-size:22px;
    transition: all .25s;
    display: none;
}

.category-icon.sponsor {
    text-transform: uppercase;
    font-size:13px;
    font-weight: bold;
}

.category-icon:hover {
    color:#999;
}

.tile .item-desc h3 {
    font-size:1.25em;
    font-weight:bold;
}

.tile .item-desc p {
    font-size:12px;
    color:#666;
}

.module-actions p {
    margin:0;
}

.module-actions .reply {
    position:relative;
}

.tile.backlog {
    display:none;
    height:0;
    opacity:0;
}

.tile.animated {
    transition: all .5s;
}

#rr h3, #enrolled h3, #grades h3, #credits h3, .group-description h3, .admin-alert .header h3{
    border-bottom: 1px solid #ddd;
    font-family: "Oswald",sans-serif;
    font-size: 1.15em;
    font-weight: 300;
    margin: 0 0 5px;
    padding-bottom: 10px;
}

.group-description .description {
    font-size: 13px;
}

.learning-title h2, .job-alert h2 {
    border-bottom: 1px solid #ddd;
    font-family: "Oswald",sans-serif;
    font-size: 1.25em;
    font-weight: 300;
    margin: 0;
    padding-bottom: 10px;
}

/* Arrow above module actions
.module-actions:after {
    position: absolute;
      display: block;
      content: "";  
      border-color: transparent transparent #f7f7f7 transparent;
      border-style: solid;
      border-width: 8px;
      height:0;
      width:0;
      position:absolute;
      left:10px;
      top:-17px;
}
*/

/* Arrows for reply input
.module-actions .reply:before {
      position: absolute;
      display: block;
      content: "";  
      border-color: transparent #ddd transparent transparent;
      border-style: solid;
      border-width: 8px;
      height:0;
      width:0;
      position:absolute;
      left:-16px;
      bottom:-22px;
}

.module-actions .reply.focus:before {
    border-color: transparent #f7941d transparent transparent;
}

.module-actions .reply:after {
      position: absolute;
      display: block;
      content: "";  
      border-color: transparent #fff transparent transparent;
      border-style: solid;
      border-width: 8px;
      height:0;
      width:0;
      position:absolute;
      left:-14px;
      bottom:-22px;
}
*/
.module-item-body .module-reply .module-actions:hover {
    opacity:1;
}

.module-date {
    color: #777;
    font-size: 12px;
    margin-top: 15px;
}

.module-item-title {
    display: block;
    margin-bottom:5px;
}

.module-item-title.alert-title {
    font-weight: normal;
    font-size: 15px;
}

.module-reply .module-item-title {
    padding-right: 5px;
    font-size: 13px;
    display: inline;
}

.module-reply .module-item-location {
    font-size: 11px;
}

.module-item-text {
    display: block;
    color:#777;
    margin-bottom:5px;
    font-size:90%;
}

.module-item-text .user {
    font-weight:bold;
}

.module-item-posted,
.module-item-location {
   font-size:12px;
    color:#777;
}

.module-item-location .favs-reposts {
    font-size:14px;
}

.module-reply .favs-reposts {
    display:none;
}

.module-item-body .summary {
    
}

.tile.market {
    margin:25px 0 0 0;
    padding-bottom:10px;
    box-shadow:none;
    background: #e5eaee;
    border:1px solid #bfcbd6!important;
}

.tile.viewed {
    background: #f7f7f7;
    border-color:#eee!important;
}

.tile.market .market-title-wrap,
.tile.market .market-contact,
.tile.market .market-description {
    clear:both;
}

.tile.market .btn {
    min-width:100px;    
}

.tile.market .market-title-wrap img {
    max-width:100px;
    margin-right:15px;
    border:1px solid #dae4ee;
}

.tile.viewed .market-title-wrap img {
    border:1px solid #eee;    
}

.tile.market .market-title {
    font-size:1.15em;
    font-weight:bold;
}

.tile.market .market-contact ul {
    float:left;  
}

.tile.market .market-contact {
    height:35px;
    padding:5px 0;
    
}

.tile.market .market-description {
    font-size:.9em;
    
}

.module-item-footer {
    color: #777;
    display: block;
    margin-top:4px;
    font-size:85%;
    text-align: right;
}

.delete-alert {
    position: absolute;
    right: 20px;
    z-index: 9999;
}

.group.module-actions, .alerts.module-actions {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: 0;
    padding: 10px 0;
}

.module-actions {
    display:block;
    padding:10px 10px;
    margin-top:20px;
    border-top:1px dotted #ddd;
    background: #f6f6f7;
    position:relative;
}

.module-actions a {
    margin: 0 5px;
}

/*--BEGIN---------------------------------------------------------------------------------------*/
/* 2017/07/31 CC: Hide Join Group link on Group Admin pages until it can be made into a user control. 
   Until then, Join Group is only available on the Groups Home Page.*/

    /* Classic ASP Desktop */
    .module-actions a[data-target="#JoinGroup"]:not([data-onpage="GroupHome"]) {
        display: none;
    }
    .module-actions a[data-target="#SubscribeNewsletter"]:not([data-onpage="GroupHome"]) {
        display: none;
    }
    .module-actions li[role="separator"][data-use="GroupActions"]:not([data-onpage="GroupHome"]) {
        display: none;
    }
    .module-actions a[data-target="#LeaveGroup"]:not([data-onpage="GroupHome"]) {
        display: none;
    }

    /* ASP.NET Desktop */
    .module-actions a[id$="lbtnJoinGroup"]:not([data-onpage="GroupHome"]) {
        display: none;
    }
    .module-actions a[id$="lbNewsletterSubscription"]:not([data-onpage="GroupHome"]) {
        display: none;
    }
    .module-actions li[id$="leaveGroupSeparator"]:not([data-onpage="GroupHome"]) {
        display: none;
    }
    .module-actions a[id$="lbLeaveGroup"]:not([data-onpage="GroupHome"]) {
        display: none;
    }

    /* Mobile */
    /*.selectpicker optgroup[label="Join"]:not([data-onpage="GroupHome"]) {
        display: none;
    }
    .selectpicker option[value="subscription"]:not([data-onpage="GroupHome"]) {
        display: none;
    }
    .selectpicker option[value="leave"]:not([data-onpage="GroupHome"]) {
        display: none;
    }*/
--END---------------------------------------------------------------------------------------

.favs-reposts a {
    margin: 0;
    color: #999;
    font-size:14px!important;
}

.favs-reposts a:hover {
    color: #3e76da;
}

.module-actions.comment a {
    color: #999;
}

.module-actions.comment a:hover {
    color: #3e76da;
}

.module-actions.comment a.active {
    color: #3e76da;
}

.module-actions.comment a.active:hover {
    color: #2a6496;
}

.comment .small {
    font-size: 14px!important;
}

.comment .reply {
    display: table;
    width: 100%;
}

.comment .reply .form-control {
    height: auto;
    min-height: 34px;
    width: 100%;
    -webkit-appearance: none;
}

.comment-post {
    display: none;
    cursor: none;
    pointer-events: none;
}

.comment-post:hover {
    color: #999!important;
}

.comment-post.activestate {
    color: #3e76da!important;
    cursor: pointer;
    pointer-events: all;
}

.comment-post.activestate:hover {
    color: #2a6496!important;
}

.comment .fav-reports a {
    font-size: 14px!important;
}

.panel-body .module-actions {
    border-top:none;
}

#rr #connections .module-item, #rr #groups .module-item {
    padding: 12px 0;
}

.panel-body .module-actions {
    display:table-row;
    vertical-align: middle;
    position: absolute;
    width:100%;
    bottom:0;
    left:0;
    padding:5px 0;
}

.panel-body .module-actions .fa {
    margin-right:3px;
}

/* Search Results */

.sortName, .longName, .primaryGroup {
    font-size: 90%;
}

.normalName {
    font-weight: bold;
}

.addressOne, .addressTwo, .city, .location, .locationOne, .postalCode, .country, .phoneNumber, .radiusCenter, .nonMemberInfo, .gameLevel, .memberTypeBadge {
    font-size: 12px;
    color: #777;
}

.addressOne {
    margin-top: 5px;
}

.city, .locationOne, .country, .addressTwo {
    margin-left: 12px;
}

.city, .location, .locationOne, .postalCode {
    display: inline;
}

.addressOne:before {
    font-family: FontAwesome;
    content: "\f041";
    font-size: 11px;
    margin-right: 5px;
}

.phoneNumber:before {
    font-family: FontAwesome;
    content: "\f095";
    font-size: 11px;
    margin-right: 5px;
}

.radiusCenter:before {
    font-family: FontAwesome;
    content: "\f124";
    font-size: 11px;
    margin-right: 5px;
}

@media all and (max-width:530px) {
    .list-group-item table td {
        display: block;
        width: 100% !important;
    }
    .list-group-item table td div {
        text-align: left;
    }
    .list-group-item table td:last-child {
        margin-top: 5px;
    }
    .notifications.notification-center .alert-image {
        border: 1px solid #fff;
        display: table-cell;
        float: right;
        height: 50px;
        min-width: 50px;
        width: 50px;
    }
        .notifications.notification-center .alert-image img {
            background-position: 50% 50%;
            background-size: cover;
            height: 50px;
            object-fit: cover;
            width: 50px;
        }
}

/* Search Results End */

/*
.panel-body .module-actions:after {
    position: absolute;
      display: block;
      content: "";  
      border-color: transparent transparent #f7f7f7 transparent;
      border-style: solid;
      border-width: 8px;
      height:0;
      width:0;
      position:absolute;
      left:30px;
      top:-16px;
}
*/

.panel-body .module-actions {
    font-size:12px;
}

#birthday {
    color:#ccc;
}

.progress {
    height: 24px;
    line-height: 24px;
}

#bio .progress {
    max-width: 100%;
    box-shadow: none;
    background: #e8e9eb;
    border-radius: 20px;
    height: 20px;
    margin-bottom: 10px;
}

.courses .progress {
    height: 15px;
    border-radius: 10px;
}

.course-item {
    border: 1px solid #ddd;
    border-radius: 6px;
}



#bio .progress-bar, .courses .progress-bar {
    line-height: 19px;
    font-size: 12px;
    box-shadow: none;
    -webkit-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
    border-radius: 0 20px 20px 0;
}

.learning-tile .progress {
    height: 15px;
    line-height: 15px;
    border-radius: 10px;
}

.progress-marker {
    font-size: 16px;
    margin-top: -12px;
    position: relative;
}

.module-map {
    position:relative;
    padding:20px 20px 10px;
}

.module-reply .module-message p {
    font-size: 13px;
    padding: 5px 15px 5px 0!important;
}

.module-message p {
    padding: 10px 0;
    font-size:100%;
    line-height:1.5em;
    margin:0;
}

.module-reply .module-item-img {
    width: 32px;
    min-width: 32px;
    height: 32px;
}

.module-reply .module-item-img img {
    background-position: 50% 50%;
    background-size: cover;
    height: 32px;
    object-fit: cover;
    width: 32px;
}

#actions-list .list-group-item {
    padding: 8px 10px;
}

#actions-list .list-group-item:last-child {
    border-bottom: none;
}

#actions-list .list-group-item:first-child {
    padding-top: 0;
}

#actions-list .module-item-img {
    height: 35px;
    min-width: 35px;
    width: 35px;
    padding-top: 3px;
}

#actions-list .module-item-img img {
    height: 35px;
    width: 35px;
}

.likeList .modal-dialog, .commentList .modal-dialog, .shareList .modal-dialog {
    width: 425px;
}

.smallModal .modal-dialog
{
    width: 500px;
    margin-top: 7%;
}

.module-message .website-description p {
    color:#666;
    font-size:95%;
}

.module-actions.comment {
    border-bottom: 1px dotted #ddd;
    margin: 0;
    background: #fff;
}

.module-actions.comment.reply {
    border-top: none;
    background: #f6f6f7;
}

#nav-center p {
    font-size:80%;
    margin:0;
    line-height:1.25em;
}

#nav-center h5 {
    margin:0;
    margin-bottom:5px;
    font-size:90%;
}

#nav-center .pleft-0 li:last-child {
    border-bottom:none;
}

#nav-center .nav-center-image {
    font-size:140%;
    width:29px;
    height:50px;
}

#nav-center .nav-center-image i {
    color:#ccc;
    transition: all .5s;
}

.contact-info a {
    color:#333;
    transition: all .5s;
}

.contact-info a:hover,
#nav-center a:hover i {
    color:#3e76da ;
}

#nav-center .nav-center-body, #nav-center .nav-center-image {
    display:table-cell;
    vertical-align: middle;
    white-space: normal;
}

#getting-started.module,
#category-labels {
    box-shadow: 0px 0 7px #999;
    display:none;
}

#getting-started.module .profile-image img {
    max-width:100px;
}

#profile .profile-image img {
    max-width:125px;
}

#getting-started.module .profile-image,
#profile .profile-image{
    border: 1px solid #ddd;
    padding: 2px;
    position: relative;
    display:inline-block;
}

#getting-started.module h2 {
    font-size:1.5em;
    margin-top:10px;
}

#getting-started.module h5 {
    text-transform: uppercase;
    font-weight:700;
    color:#333;
    font-size:16px;
    margin-bottom:5px;
}

#getting-started.module .metrics a {
    color:#666;
    display:block;
    padding:3px 3px;
    transition: all .5s;
    font-size:90%;
}

#getting-started.module .metrics strong {
    margin-right:5px;
}

#getting-started.module .metrics a:hover {
    background:#eef0f0;
    color:#333;
}

#getting-started.module .metrics li {
    border-bottom:1px dotted #ddd;
}

#getting-started.module .metrics li:last-child {
    border-bottom:none;
}

#getting-started.module p {
    font-size:85%;
    line-height:1.25em;
}

#category-labels .label .close {
    float:none;
    margin-left:10px;
    font-size:18px;
    position:absolute;
    top:0px;
}

#category-labels .label {
    position: relative;
    padding-right:25px;
    margin-right:5px;
}

#profile h2 {
    margin-top:10px;
    margin-bottom:5px;
    font-size:1.75em;
    word-wrap: break-word;
}

#profile .header h2 {
    margin:0;
    font-size:1.5em;
}

#profile .header h2 a.small {
    font-size:12px;
    color:#3e76da;
}

#profile .header h2 a.small:hover {
    color:#999;
}

#profile .title,
#profile .location {
    margin:2px 0;
    color:#999;
    display: block;
}

#profile .title {
    font-weight:700;
    color:#666;
    border-top: 1px solid #eee;
    padding-top:5px;
}

#profile #contact-info p {
    font-size:12px;
    color:#666;
    margin:0;
    padding: 5px 3px;
    border-bottom:1px dotted #ddd;
}

#profile #contact-info i {
    color:#999;
}

#profile #contact-info {
    margin: 25px 0 0 0;
    border-top:1px dotted #ddd;
}

#main #profile #ctl00_PageContent_tblAddNetworks td {
    padding-top:0;
    padding-bottom:0;
}

#main #profile td label {
    margin-right:15px;
}

#main #profile p.btop {
    padding-top:15px;
    border-top:1px dashed #ddd;
}

#main #profile table.no-style td {
    padding: 5px;
    border-bottom:none;
}

#main #profile td input.full {
    width:100%;
    margin-bottom:10px;
}

#profile .nav-tabs.larger {
    margin-bottom:15px;
}

#profile .nav-tabs.larger a {
    font-size:85%;
    padding: 8px 15px;
}

#profile .nav-tabs.smaller a {
    font-size:13px;
    padding: 5px 20px;
}

#profile .tab-content {
    padding-top:0px;
    padding: 5px;
}

#main #messages table tr.urgent td {
    background: #f9ebed;
}

#main #messages tr.new td {
    background: #edf9ff!important;
}

.private-toggle,
.edit-toggle {
    position:relative;
}

.private-toggle:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    content:"\f0ac";
    color: #3e76da;
    display:block;
    position:absolute;
    left:-25px;
    top:5px;
    cursor: pointer;
    opacity:0;
    transition: all .5s;
}

.private-toggle.private:before {
    color:#999;
    content:"\f05e";
}

.private-toggle.private {
    opacity:0.35;
}

.edit-toggle:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    content:"\f040";
    color: #3e76da;
    display:block;
    position:absolute;
    left:-25px;
    top:0px;
    cursor: pointer;
    opacity:0;
    transition: all .5s;
}

.private-toggle:hover:before,
.edit-toggle:hover:before{
    opacity:1.0;
    left:-15px;
}

.edit-this {
    position:relative;
    overflow:hidden;
}

.edit-this:hover .edit-container {
    top:0;
    opacity:1;
}

.edit-container {
    padding:10px;
    background: rgba(255,255,255,0.5);
    display:block;
    position:absolute;
    top:-50px;
    right:0;
    z-index: 1000;
    transition: all .35s;
    display: none;
    opacity:0;
}

.edit-container a {
    padding: 0 3px;
}

.profile-header {
    height:95px;
    width:100%;
    background-color: #4392e4;
    position: relative;
    margin-bottom:25px;
    border-radius: 6px 6px 0 0;
    background-image:url(/global/member_engagement/img/bg/bokeh08.jpg);
    background-size:108%;
}

.profile-header .avatar-wrapper {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    display: block;
    left: 0;
    margin: 0 auto;
    width: 102px;
    height: 102px;
    position: absolute;
    right: 0;
    top: 45px;
    /*z-index: 999; BCS: need to remove z-index so the image doesn't go over the top menu */
}

.avatar-wrapper img.avatar{
    padding:2px;
    width:100px;
    height:100px;
    object-fit: cover;
     -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; 
    overflow: hidden;
}

.profile-card {
    padding: 0;
}

.profile-contact {
    border-top: 2px solid #eeeeee;
}

.profile-card .email, .member-content .email {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

#profile .stats {
    list-style: none;
    margin: 0;
}

#profile .stats li {
    border-top: 1px solid #eeeeee;
    padding-top: 12px;
    padding-bottom: 12px;
    margin: 0;
    font-size: 13px;
}

.card-actions {
    border-top: 1px solid #eeeeee;
}

.stats .badge-primary {
    margin-top: 2px;
}

#profile .contact {
    list-style: none;
    margin: 0;
}

#profile .contact li {
    border-top: 1px solid #eeeeee;
    padding-top: 12px;
    padding-bottom: 12px;
    margin: 0;
    font-size: 13px;
}

.profile-contact h3 {
    margin-bottom: 0!important;
    border-bottom: none!important;
}

.resume-header {
    height:150px;
    width:100%;
    background-color: #4392e4;
    position: relative;
    margin-bottom:35px;
    border-radius: 6px 6px 0 0;
    background-image:url(/global/member_engagement/img/bg/bokeh01.jpg);
    background-size:100%;
}

.resume-header .avatar-wrapper {
    position: absolute;
    left:15px;
    bottom:-25px;
    display:block;
    background: #fff;
    border:1px solid #ddd;
    max-width:120px;
    z-index: 99; /* BCS: z-index needs to be 99 so YUIs work */
}

.resume-header .avatar-wrapper img {
    padding:2px;
    width:100%;
    height:auto;
}

.profile-name {
    bottom: 10px;
    float: left;
    left: 150px;
    position: absolute;
}

.profile-name h2 {
    color: #fff;
    display: inline;
    font-size: 28px;
    margin: 0;
}

.profile-actions {
    bottom: 15px;
    position: absolute;
    right: 5px;
}

.public-profile {
    height: 201px;
    margin-bottom: 20px;
}

.profile-nav .navbar-nav li:first-child {
    margin-left: 150px;
}

.profile-nav .dropdown li:first-child {
    margin-left: 0;
}

.profile-nav .navbar-nav > .active > a {
    color: #fff;
    background-color: #3e76da;
}

.profile-nav .dropdown li {
    border-right: none;
}

.profile-nav .nav li {
    border-right: 1px solid #e7e7e7;
}

.profile-tile {
    min-height: 251px;
}

.profile-tile h3 {
    border-bottom: 1px solid #ddd;
    font-family: "Oswald",sans-serif;
    font-size: 1.15em!important;
    font-weight: 300;
    margin: 0 0 5px;
    padding-bottom: 10px;
}

	.profile-tile .group-photos h3 {
		border-bottom: none;
		padding-bottom: 0;
	}

.photo-popup h3 {
    border-bottom: 1px solid #ddd;
    font-family: "Oswald",sans-serif;
    font-size: 1.15em!important;
    font-weight: 300;
    margin: 0 0 10px;
    padding-bottom: 10px;
}

.photo-tag a:first-child {
    margin-left: 0;
}

.photo-tag a {
    white-space: nowrap;
}

.profile-tile .view-all {
    bottom: 10px;
    left: 0;
    position: absolute;
    right: 0;
    font-size: 13px;
}

.wall-item {
    width: 100%;
    border-bottom: 1px solid #eeeeee;
}

.wall-item:last-child {
    border-bottom: none;
}

.profile-nav {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #d6d9db;
    border-left: 1px solid #d6d9db;
    border-radius: 0 0 6px 6px;
    border-right: 1px solid #d6d9db;
    border-top: none;
}

.module .progress {
    max-width:500px;
}

.edit-overlay {
    position:absolute;
    display:table;
    text-align: center;
    background: rgba(255,255,255,0.75);
    padding:2px 6px;
    right:5px;
    top:5px;
    cursor: pointer;
    display:block;
}

#main #file-library .modified {
	font-size:11px;
}

#main #file-library .category {
    width:36px;
}

#main #rr .category {
    width:24px;
    font-size:18px;
    padding-right:0;
}

#main #file-library td {
    font-size:14px;
    color:#666;
    vertical-align: middle;
}

#main #file-library .actions {
    overflow:hidden;
    width:300px;
}

#main #file-library .actions a {
    opacity:0;
    transition: all .5s;
    margin-left:25px;
}

#main #file-library tr:hover .actions a{
    opacity:1.0;
    margin-left:0;
}

#main #file-library .category i {
    font-size:30px;
}

#main #file-library .actions i {
    font-size:20px;
    line-height:30px;
}

#download-container {
    border:none;
    border-radius:6px;
    margin: 0 0 10px;
    padding:10px;
    text-align: center;
    transition: all 1s;
    cursor: pointer;
}

#download-container:hover {
    background: #eef0f0;
}

#download-container .drop-here {
    border:3px dashed #ddd;
    border-radius:6px;
    padding: 20px;
}

#download-container .drop-here span {
    color:#999;
    font-size:24px;
}

#download-container .drop-here small {
	display:block;
	font-size:12px;
}

.split-item {
    display:table;
    width:100%;
    margin-bottom:15px;
}

.split-img,
.split-content {
    display:table-cell;
    vertical-align: top;
}

.split-content span {
    display: block;
}

.split-content .address {
    color: #777;
    font-size: 12px;
}

.split-img {
    width:65px;
    max-width:65px;
    padding-top:3px;
    position:relative;
}

.split-img img {
    max-width:65px;
}

.split-item .class-year {
    font-size:11px;
}

.split-item .degree {
    font-style: italic;
}

/* Tile styling */

.tile {
    min-height:auto;
    position:relative;
}

/*
.tile.active:after {
    content:" ";
    display:block;
   width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #fff;
    position:absolute;
    bottom:-20px;
    left:43%;
}

*/

.tile-header {
    padding-bottom:10px;
}
.tile-header h3 {
    margin:0;
    font-size:90%;
    font-family:'Oswald', sans-serif;
    font-weight:300;
}

.tile.active h3 {
}

/*
.tile .small {
    font-size:80%;
}
*/

/*.tile label {
    display:block;
}*/

.preferences-options label {
    display: inline-block!important;
}

label {
    font-weight: 400;
}

.tile .custom-radio label {
    display: inline;
}

.tile .tile-header h5 {
    font-weight:300;
    margin-bottom:0;
    margin-top:5px;
    font-size:95%;
}

.tile .tile-footer {
    position:absolute;
    width:100%;
    border-top:1px dotted #ddd;
    bottom:0;
    left:0;
    right:auto;
    text-align: center;
}

.tile-footer a {
    display:block;
    padding: 4px 0 8px;
    border-radius: 0 0 6px 6px;
    transition: all .5s;
    cursor: pointer;
}

.tile-footer a:hover {
    background: #eef0f0;
    text-decoration: none;
}

.tile-footer .dropdown-menu {
    text-align: center;
    min-width:100%;
    border:1px solid #ccc;
    border-radius:6px;
    overflow:hidden;
}

.tile-footer .dropdown-menu a {
    font-size:85%;
    padding: 5px 20px;
    color:#3e76da;
    border-bottom:1px dotted #ddd;
}

.tile .text {
    font-size:80%;
}

.huge-money {
    font-size:250%;
    font-weight:300;
    line-height:1em;
    margin-top:5px;
}

.tile-content small {
    display:block;
    color:#999;
    line-height:1em;
}

.tile-content .medium {
    font-size:110%;
}

.tile-content .view-all {
    font-size:11px;
    display:block;
    margin-top:8px;
}

.tile-content .form-control {
    font-size:12px;
    padding:4px 6px;
    height:28px;
    color:#999;
}

.tile-content .datepick input {
    padding:2px 12px 2px 8px;
    font-size:11px;
}

.tile-content .datepick i {
    border-left: 1px solid #ccc;
    padding: 3px 10px 4px;
    position: absolute;
    right: 2px;
    top: 0;
    z-index: 1;
}

.tile-content .list-group {
    margin-bottom:0;
}

.tile .last-run,
.tile .next-run {
    font-size:90%;
}

.tile .last-run span,
.tile .next-run span {
    font-weight:bold;
}

.tile .last-run {
    margin-bottom:3px;
}

.tile .fa-arrow-up.small,
.tile .fa-arrow-down.small{
    font-size:50%;
    margin-left:10px;
}

.tile #sparkline-bar {
    padding-top:10px;
}

.tile ul {
    list-style:none;
    padding:0;
    margin:0;
}

.list-bullets ul {
    list-style: disc;
    padding-left: 30px;
    padding-bottom: 5px; 
}

.tile .dropdown-menu {
    margin: 2px 0 0;
    padding: 5px 0;
}

.tile .dropdown-menu a, .group.module-actions .dropdown a {
    margin: 0;
}

.tile .dropdown.actions .dropdown-menu a, .group.module-actions .dropdown a, #profile .dropdown-menu > li > a, .quick-links .dropdown-menu a {
    font-size: 12px;
}

.dropdown.actions, .dropdown.share {
    display: inline;
}

.dropdown.visibility .dropdown-toggle {
    color: #777;
}
.dropdown.visibility .dropdown-toggle:hover, .dropdown.visibility .dropdown-toggle:focus {
    color: #333;
}

.tile .list-group {
    padding:0;
    border-bottom:none;
}

.tile .list-group .list-group-item {
    padding: 7px 0;
}

.tile .list-group .list-group-item.more-padding {
    padding:10px 0;
}

/*
.tile .list-group-item:last-child {
    border-bottom:none;
}
*/

.tile-content {
    color:#999;
}

.tile-content li.last a {
    border-bottom:none;
}

.tile-content li a:hover {
    text-decoration:none;
    background: #eef0f0;
}

.tighter li a {
    padding: 5px 3px 5px 3px;
    display:block;
    font-size:80%;
    transition:all .5s;
    border-bottom:1px dotted #ddd;
}

.tile-content .huge {
    font-size:230%;
    font-weight:300;
    line-height:1em;
    color:#999;
}

.tile-content .col-xs-4 small {
    margin-bottom:5px!important;
}

.tile-content .col-xs-4 .label {
    font-size:110%;
}

#tile-row {
    max-width:1200px;
}

.tile-content #reportrange {
    display:block;
    border:1px solid #ccc;
    border-radius:4px;
    padding:4px;
    font-size:12px;
    cursor: pointer;
    position:relative;
    overflow:hidden;
}

.tile-content select:hover,
.tile-content #reportrange:hover {
   border-color:#999;
}

.tile-content #reportrange:active {
   border-color: #f7941d;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 3px rgba(247, 148, 29, 0.4); 
}

.tile-content #reportrange span{
    position:absolute;
    margin-left:3px;
    margin-right:3px;
}

.tile-content #reportrange .caret {
    float:right;
    margin-top:7px;
    margin-right:3px;
}

.tile .table-condensed {
    border-top:none;
}

#easypie {
    display: inline-block;
    height: 125px;
    position: relative;
    text-align: center;
    width: 125px;
    margin: 0 auto;
}

#easypie .percent {
    display: inline-block;
    font-size: 2.8em;
    font-weight: 300;
    line-height: 121px;
    width: 125px;
    z-index: 2;
}


#easypie .percent:before {
    content:"+";
    font-size:75%;
    margin-right:2px;
}


#easypie canvas {
    position:absolute;
    left:0;
    top:0;
}

.label-lg {
    font-size:150%;
    margin-top:10px;
    font-weight:300;
}

.label-md {
    font-size:110%;
    font-weight:300;
    padding:0.2em 0.5em 0.3em;
}


/* Group Admin CSS */

.group-admin h4 {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.table-options {
    display: none;
}

.table td:hover .table-options {
    display: block;
}

@media all and (max-width: 768px) {
    .table-options {
        display: block;
    }
}

/* Group Admin CSS End */

/* Stats Module Styling */

#stats h5 {
    text-transform: uppercase;
    font-size:90%;
}

#stats .huge-figure {
    font-size:200%;
    padding-bottom:0px;
}

#stats .huge-figure i {
    font-size:50%;
    margin-left:5px;
    vertical-align:middle;
}

#stats .border {
    border-right:1px dotted #ccc;
}

.dollar-sign {
    font-size:60%;
    line-height: normal;
}

/* Profile Styling */

.profile.info p {
    border-bottom:1px dotted #ddd;
    margin:0;
    font-size:87%;
    padding: 5px 0;
}

.profile.info i {
    color:#999;
}

.profile.info h4 {
    margin-bottom:5px;
}

.row.profile {
    margin-left: 0;
    margin-right: 0;
}

.row.profile.full {
    margin-bottom: 0;
}

.col-md-9.profile {
    background: none repeat scroll 0 0 #ebebeb;
    padding: 25px 35px;
}

.col-md-3.profile input {
    margin-right: 5px;
}

.col-md-3.profile ul {
    list-style: none outside none;
    padding-left: 0;
}

div#profile-pane {
    border-radius:6px;
    border-bottom:3px solid #ccc;
}

#profile-pane .profile-actions {
    background: #f7f7f7;
    padding:10px 15px;
    border-radius:8px;
}

#profile-pane .profile-actions li {
    padding:3px 0;
}

table.updates th,
table.updates td {
    padding:5px 10px;
    font-size:85%;
}

#activity-log p {
    font-size:85%;
}

.btn-group, .btn-group-vertical {
    width:100%;
}

.btn.btn-default.padding {
    padding: 6px 153px 6px 12px;
}

.btn.btn-default.more.padding {
    padding: 6px 150px 6px 12px;
}

.btn.btn-default.less.padding {
    padding: 6px 150px 6px 12px;
}

.btn-sm {
    padding:3px 10px;
}

.btn-tiny {
    border-radius: 3px;
    font-size: 9px;
    line-height: 1.5;
    padding: 1px 3px;
}

.row.last {
    margin-top: 15px;
}

.row.first {
    margin-top: 15px;
}

.row.profile h4 {
    margin-top: 0;
    font-weight:bold;
}

.row.profile .img-border .img-responsive {
    width:100%;
    height:auto;
}

.profile.right .lead {
    margin-bottom: 5px;
}

.col-md-9.profile img {
    margin-left: 15px;
}

.col-md-3.profile {
    background-color: #fff;
    padding: 25px 35px;
}

.col-md-5.profile, .col-md-7.profile {
    padding-left: 0;
}

.options-panel {
    padding: 25px 0 0;
    border-top:1px dotted #ddd;
}

.options-panel .btn {
    border-radius:4px!important;
}

.options-panel input {
    border:1px solid #ccc;
    border-radius:4px;
    padding: 6px;
}

.results .close, .tile-close.close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.results .popover {
    max-width: 450px;
    width: 100% !important;
}

.results .popover h3 {
    font-family: "Oswald",sans-serif;
    font-size: 1.35em;
    font-weight: 300;
    margin: 7px 0 7px;
}

.card-content {
    font-size: 13px !important;
    line-height: 20px;
}

.popover {
	max-width:650px;
}

.popover-content {
    padding:30px;
    font-weight: normal;
}
.popover-content .qp {
    padding-right:25px;
    padding-left:25px;
}
.popover-content .qp label {
    margin-bottom:0;
}
.popover-content .qp p {
    margin-bottom:0;
    padding: 5px 0;
    font-size:90%;
    border-bottom:1px dotted #ddd;
}

.popover-content .qp-actions {
    padding-top:20px;
    padding-bottom:20px;
    background: #f7f7f7;
    border:1px solid #eee;
}

.popover-content .qp-image {
    margin-top:5px;
    padding:0;
}

.popover-content .qp-image .img-border, .profile .img-border {
    padding:5px;
    background:#f7f7f7;
    border:1px solid #ddd;
}

.pop-body {
    position:absolute;
    display:none;
    opacity:0;
    transition: all 1s;
    border:1px solid #ddd;
    box-shadow:1px 2px 3px #999;
    background: #fff;
    padding:10px 20px 20px;
    width: 250px;
    z-index:1000;
    margin:0 auto;
    left: 0;
    right: 0;
}

.danger:hover .pop-body {
    opacity:1;
    display:block;
    
}

.profile .img-border {
    display:inline-block;
}

.alerts-container {
    position:fixed;
    bottom:0;
}

.alert {
    padding-top:20px;
    padding-bottom:20px;
    width:100%;
    margin-bottom:0;
    z-index:12000;
    border-radius:0;
}

.alert button {
    padding-left:30px;
}

.alert small {
    display:block;
    margin-left:15px;
    font-weight:300;
    margin-top:5px;
}

.searched.alert small {
    font-weight: normal;
    font-size: .85em;
}

.searched .input-group {
    width: 100%;
}

.searched .col-sm-5 small {
    margin-top: 7px;
}

.module-body .alert .input-group .input-group-addon {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    left: 0;
    line-height: 21px;
    position: absolute;
    /*z-index: 500;*/
}

.module-body .alert .input-group .form-control {
    border-radius: 4px;
    padding-left: 35px;
}

.alert.alert-danger small {
    margin-left:22px;
}

.alert-info {
    padding: 10px;
    margin-bottom:15px;
}

.alert-info p {
    margin-bottom:0;
}


/* Notice bar styling */

.notifications .module-item-img {
    display: table-cell;
    margin-right: 5px;
    min-width: 30px;
    padding-top: 2px;
    width: 30px;
    height: 30px;
}

.notifications .module-message {
    display: table-cell;
    padding-left: 8px;
}

.notification-center li {
    border-bottom: 1px dotted #ccc;
    line-height: 9px;
}

.notification-center > li > a {
    display: inline-block;
    padding: 13px!important;
    font-size: 13px!important;
    color: #666;
    width: 100%;
}

.notifications .new {
    background: #edf9ff none repeat scroll 0 0;
}

.notification-center > li > a:hover {
    background: #eee!important;
}

.noticebar-menu.notifications ul li > a {
    padding: 14px;
    float: left;
    width: 100%;
}

.noticebar-menu.notifications .view-alerts a {
    padding: 14px;
}

.notifications .module-item-body {
    display: table;
    table-layout: fixed;
    width: 100%;
    word-wrap: break-word;
    padding: 0;
}

.notifications .alert-image img {
    background-position: 50% 50%;
    background-size: cover;
    height: 50px;
    object-fit: cover;
    width: 55px;
}

.notifications .alert-image {
    display: table-cell;
    min-width: 55px;
    width: 55px;
    height: 50px;
    border: 1px solid #fff;
}

.notifications.notification-center .alert-image img {
    height: 50px;
    width: 60px;
    background-position: 50% 50%;
    background-size: cover;
    object-fit: cover;
}

.notifications.notification-center .alert-image {
    display: table-cell;
    min-width: 60px;
    height: 50px;
    width: 60px;
    border: 1px solid #fff;
    float: right;
}

.notifications .module-item-location {
    display: block;
    font-size: 13px;
    margin-top: 5px;
}

.noticebar .location .dropdown-menu {
    min-width:307px;
}

.noticebar .dropdown:last-child .dropdown-menu .dropdown-menu {
    min-width: 150px;
}

.noticebar .dropdown:last-child .dropdown-menu .dropdown-menu li {
    display: block;
}

.noticebar .dropdown:last-child .dropdown-menu .dropdown-menu li a {
    padding: 7px;
}

.noticebar .dropdown-menu.noticebar-menu {
    min-width:238px;
    padding-bottom:0;
    margin-top:0;
}

.noticebar .notifications {
    min-width: 420px!important;
    padding-top:0;
}

.noticebar {
    padding:0;
    margin:0;
    border:none;
    border-left:5px solid #d0d4d6 ;
    background: #eef0f0;
    border-radius:0;
}
.noticebar li {
    display:inline-block;
    list-style:none;
    border-right:1px solid #dadada;
    font-size:100%;
    vertical-align: top;
    
}

.noticebar .nav-header {
    color:#333;
}

.noticebar .dropdown-menu li {
    border-right:none;
}

.noticebar li .dropdown-toggle {
    line-height:70px;
    padding: 25px 20px;
    color:#304457;
    transition: all .5s;
}

.noticebar li .dropdown-toggle.search {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    font-size: 13px;
    line-height: 25px;
    padding: 23px 0 24px 15px;
    border-radius: 0;
}

.noticebar li .dropdown-toggle.search:hover {
    background: transparent;
    color: #666;
}

.topsearch .dropdown-toggle i:hover {
    color: #3e76da;
}

.noticebar li.location {
    display:none;
}

.noticebar .account .dropdown-toggle:hover,
.noticebar .account  .dropdown-toggle:focus,
.noticebar .topsearch .dropdown-toggle:hover,
.noticebar .topsearch  .dropdown-toggle:focus{
    text-decoration:none;
    background:#fff;
}

.btn-group.open .btn-group .btn.dropdown-toggle{
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.topsearch .form-control {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    height: 70px;
    color: #304457;
    width: 190px;
    transition: all .5s;
    padding-right: 25px;
    font-size: 14px;
}

.topsearch .form-control:focus {
    background: #fff;
    border: medium none;
    border-radius: 0;
    transition: all .5s;
    box-shadow: none;
    margin-left: 10px;
    width: 280px;
    color: #555;
}

.open .dropdown-toggle.btn-primary.search {
    background-color:  #3e76da;
}
.open .dropdown-toggle.btn-primary.search:hover {
    background-color:  #2e4267;
}

.topsearch .open .dropdown-toggle.btn-primary.search {
    background-color:  transparent;
    color: #3e76da;
}
.topsearch .open .dropdown-toggle.btn-primary.search:hover {
    background-color:  transparent;
    color: #2a6496;
}

.topsearch .btn {
    background-color:  #3e76da;
    color: #fff;
    font-size: 16px;
}

.topsearch .btn:hover {
    background-color:  #2e4267;
    color: #fff;
}

.noticebar li .dropdown-toggle a {
    line-height:normal;
}

.noticebar-menu .nav-header {
    font-size: 13px;
    font-weight: 600;
    padding: 6px 12px;
}
.noticebar-menu .nav-header a {
    font-weight: 400;
}
.noticebar-menu ul li {
    border-bottom: 1px dotted #ccc;
    display: table;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    width: 100%;
    text-align: left;
}
.noticebar-menu ul li:last-child {
    border-bottom: medium none;
}
.noticebar-menu ul li a {
    font-size: 12px;
    padding: 8px 12px;
    white-space: normal;
}
.noticebar-menu ul li a:hover {
    background-color: transparent;
    color: #333;
}
.noticebar-menu:before, .noticebar-menu:after {
    display: none !important;
}
.noticebar-hoverable ul li > a:hover {
    background-color: #eee;
    color: #333;
}
.noticebar-item-image, .noticebar-item-body {
    display: table-cell;
    vertical-align: middle;
}
.noticebar-item-image i {
    font-size:30px!important;
}
.noticebar-item-image {
    font-size: 30px;
    text-align: center;
    width: 36px;
}
.noticebar-item-body {
    padding-left: 20px;
    padding-left:10px;
    line-height:normal!important;
    font-size:100%!important;
}
.noticebar-item-title {
    display: block;
    color:#2e4267;
    margin-bottom:3px;
}
.noticebar-item-time {
    color: #777;
    display: block;
    margin-top:3px;
}

.noticebar-menu-view-all a {
    background: #eef0f0!important;
}
.dropdown .noticebar-empty {
    padding: 8px 12px!important;
    line-height:normal!important;
    font-size:100%;
}
.noticebar-empty-title {
    color:#fb6232;
    font-weight:bold;
}

p.noticebar-empty-text {
    margin-bottom:10px;
}

.noticebar .weather-container {
    display:inline-block;
    line-height:normal;
    vertical-align: middle;
}

.noticebar .weather-icon i {
    font-size:200%;
    margin-right:10px;
    vertical-align: middle;
    color:#3e76da;
}

.noticebar .weather-icon i[class*="sunny"] {
    color:#f1c40f;
}

/*
.noticebar .weather-icon .wi-day-sunny {
    -webkit-animation: spin 15s infinite linear;
      -moz-animation: spin 15s infinite linear;
      -o-animation: spin 15s infinite linear;
      animation: spin 15s infinite linear;
}*/

.noticebar .weather-container .degrees {
    padding-bottom:3px;
    font-size:130%;
}

.noticebar .weather-container .where {
    font-size:80%;
    padding-top:3px;
    border-top:1px dotted #ddd;
}

.noticebar .weather-container {

}

.dropdown-menu {
    border-radius:0;
    border:none;
}
.account .dropdown-menu a {
    font-size:95%;
}
.dropdown-backdrop {
    position:static;
}

.noticebar li.topsearch {
    height: 70px;
    border-right: none;
}

.noticebar li.topsearch a{
    padding: 25px 20px 25px 17px;
}

.noticebar .topsearch i {
    margin-right:5px;    
}

.topsearch .dropdown-toggle i {
    font-size:22px;
    margin-right: 0;
}
.topsearch .search i {
    font-size:22px;
    margin-right: 0;
    padding: 23px 0 24px 15px;
    line-height: 25px;
}

.dropdown-menu.checklist {
    padding:0 0 10px 0;
}

.dropdown-menu.checklist li {
    color: #666;
    cursor: pointer;
    font-size: 13px;
    padding: 3px 15px;
    transition: all 0.5s ease 0s;
}

.dropdown-menu.checklist li + li.title {
    margin-top:5px;
}

.dropdown-menu.checklist li.title {
    padding-top:4px;
    padding-bottom:4px;
    background: #ddd;
    border-bottom:1px dotted #ccc;
    margin-bottom:2px;
}

.dropdown-menu.checklist li:hover {
    background: #f7f7f7;
}

.dropdown-menu.checklist label {
    font-weight:normal;
    font-size:90%;
}

#NewJobAlert .modal-dialog, #ManageJobAlerts .modal-dialog, .EditJobAlert .modal-dialog {
    width: 850px;
}

#monthView .modal-dialog {
    margin-top: 8%;
    width: 825px;
}

#Connect .modal-dialog {
    width: 500px;
}

#takeTour .modal-dialog {
    width: 600px;
}

.modal .collapse ul {
    list-style:none;
    padding:0;
    margin:0;
}

.modal .collapse li, 
.modal .collapsing li{
    padding: 0;
    border-bottom:1px dotted #ddd;
    margin-bottom:0;
}

.modal .collapse li a,
.modal .collapsing li a{
    padding: 10px 5px 10px 5px;
    display:block;
    transition:all .5s;
}

.modal li a:hover {
    text-decoration:none;
}

.modal-title {
    font-family: "Oswald",sans-serif;
    font-size: 1.15em;
    font-weight: 300;
}

/* Chat */

.dropdown.contacts .dropdown-menu {
    z-index:9999;
    padding:0;
}

/*
#chat {
    position:fixed;
    right:-250px;
    z-index:1501;
    top:104px;
    transition: all .5s;
}


#chat.visible {
    right:0;
}

#chat .contact-list {
    width:250px;
}

#chat .chat-toggle {
    background: #333;
    color:#fff;
    padding:3px 8px;
    position:absolute;
    top:0;
    left:-30px;
    transition: all .25s;
}

#chat .chat-toggle:hover {
    background: #fff;
    color:#333;
}
*/

#chat .contact-list .list-group-item {
    padding: 5px 10px 5px 20px;
    cursor: pointer;
    transition: all .5s;
}

#chat .contact-list .list-group-item:hover {
    background: #ccc;
}

/*
#chat .contact-list .list-group-item:hover .module-item-title,
#chat .contact-list .list-group-item:hover .module-item-location {
    color:#fff;
}
*/

#chat .contact-list .list-group-item.no-hover {
    padding:10px;
}

#chat .contact-list .list-group-item.no-hover,
#chat .contact-list .list-group-item.no-hover:hover {
    cursor: default;
    transition: none;
    background: #fff;
}

#chat .contact-filter {
    padding:10px 20px!important;
    background: #333;
    border-bottom:1px solid #333;
}

#chat .contact-footer a {
    display:block;
    text-align: center;
    color:#fff;
    padding:10px 0;
    background: #333;
    transition: all .25s;
}

#chat .contact-footer a:hover {
    background: #fff;
    color:#3e76da;
}

#chat .contact-container {
    max-height:340px;
    overflow:hidden;
}


#chat .contact-list .list-group-item.title {
    background: #333;
    border-bottom:1px solid #333;
    cursor: default;
}

#chat .contact-list .list-group-item.title h3 {
    font-family:'Oswald', sans-serif;
    color:#fff;
    margin:0;
    font-size:16px;
    font-weight:300;
    padding:2px 0;
}

#chat .contact-list .list-group-item .module-item-title {
    font-weight:300;
}

#chat .contact-list .list-group-item .module-item-img {
    width:40px;
}

.job-alert .module-col {
    display:block;
}

.job-alert .border {
    border-left:1px dotted #ddd;
    border-right:1px dotted #ddd;
}

.job-alert .list-group-item .module-item-img {
    width:140px;
}

.job-alert .list-group-item .module-item-body {
    padding-left:25px;
}

.job-alert .module-item-body em {
    font-size:12px;
    display:block;
    margin:5px 0;
}

.job-alert .module-item-body p {
    font-size:12px;
    display:block;
    margin:0 0 5px;
}

.tile.job-alert .category-icon {
    color:#ccc;
}

#chat .contact-list .list-group-item .badge {
    text-indent: -5000px;
    position:absolute;
    padding: 0;
    top:30px;
    left:6px;
    min-width:8px;
    height:8px;
}

#chat .contact-list .input-group input[type="text"],
#chat .contact-list .input-group input[type="text"]:focus {
    border-color: #ccc;
    border-right:none;
    box-shadow:none;
}


#chat .contact-list .input-group-addon, .main-items .input-group-addon {
    background: #fff;
}

#chat-bar {
    background-color:#333;
    background: rgba(0,0,0,0.8);
}

#chat-bar li a {
    color:#fff;
    border-right:1px solid #000;
    border-left:1px solid #505050;
}

#chat-bar li:first-child a {
    border-left:none;
}

#chat-bar .navbar-nav {
    border-right:1px solid #505050;
}

#chat-bar li a:hover {
    background-color: #666; 
    background: rgba(0,0,0,0.6);
}

#chat-bar li a img {
    max-width:30px;
    margin-right:10px;
}

.chat-widget.panel {
    position:absolute;
    bottom:69px;
    height:300px;
    width:400px;
}

.panel {
    position:relative;
}

.arrow, .arrow:after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.arrow {
    border-width: 9px;
    z-index: 10;
}

.arrow.right {
    border-left-color: rgba(0, 0, 0, 0.1);
    border-right-width: 0;
    margin-top: -9px;
    right: -9px;
    top: 50%;
}
.arrow.left {
    border-left-width: 0;
    border-right-color: rgba(0, 0, 0, 0.1);
    left: -9px;
    margin-top: -9px;
    top: 50%;
}

.panel .panel-title {
    text-transform: uppercase;
    font-size:12px;
    font-weight:bold;
}

.panel .actions {
    position: absolute;
    right: 10px;
    top: 5px;
}
.panel .actions i {
    font-size: 0.875em;
    margin: 0 3px;
    color:#fff;
}
.panel .actions i:hover {
    cursor: pointer;
}
.panel > .panel-footer {
    font-weight: 400;
    padding: 15px;
    text-transform: uppercase;
}
.panel .panel-body .h1 {
    float: none;
}
.panel-default > .panel-heading {
    background: none repeat scroll 0 0 #333;
    border-color: #000;
    color: #fff;
}
.panel-default .actions i {
    color: #fff;
    margin: 0 3px;
}
.panel-default .actions i:hover {
    color: #767676;
    cursor: pointer;
}
.panel-default > .panel-footer {
    background: none repeat scroll 0 0 #333;
    border-color: #000;
    color: #fff;
    border-radius: 0;
}
.panel-primary > .panel-heading {
    background-color: #556b8d;
    border-color: #556b8d;
    color: #fff;
}
.panel-primary {
    border-color: #1abc9c;
}
.panel-primary > .panel-heading a, .panel-primary > .panel-heading a:hover {
    color: #fff;
}
.panel-solid-default > .panel-body, .panel-solid-default > .panel-footer, .panel-solid-default > .panel-heading {
    background: none repeat scroll 0 0 #909aa0;
    border: medium none;
    color: #fff;
}

.chat-widget .wrapper {
    clear: both;
    margin: 10px 0;
}
.chat-widget .wrapper .avatar {
    height: 50px;
    width: 50px;
}
.chat-widget .wrapper .avatar i {
    border: 2px solid #fff;
}
.chat-widget .wrapper .post {
    border-radius: 3px;
    padding: 7px 10px;
    position: relative;
}
.chat-widget .wrapper .post.default {
    background-color: #e6e6e6;
}
.chat-widget .wrapper .post.primary {
    background-color: #556b8d;
    color: #fff;
}
.chat-widget .wrapper .post.default .arrow {
    border-right-color: rgba(0, 0, 0, 0.1);
}
.chat-widget .wrapper .post.primary .arrow {
    border-left-color: #556b8d;
}



/* Help sidebar */

.help-container {
    display:block;
    width:300px;
    position:fixed;
    right:0;
    background-color: #3e76da ;
    background:rgba(247,148,29,0.9);
    margin-right:-300px;
    transition: all 1s;
    z-index:999;
    height:100%;
    top:0;
    display:none;
}

.help-inner {
    height:100%;
    padding:20px 30px;
}

.help-container.visible {
    margin-right:0;
}

.help-content {
}

.help-content h3 {
    margin-top:0;
    color:#fff;
}

.help-content p {
    color:#fff;
    padding-bottom:20px;
}

.help-button {
    display:block;
    height:28px;
    line-height:28px;
    font-size:20px;
    width:30px;
    background-color: #3e76da ;
    background:rgba(247,148,29,0.9);
    color:#fff;
    text-align: center;
    position:absolute;
    left:-30px;
    border:none;
    transition: all .5s;
    top:73px;
}

.help-button:hover {
    background: #fb6232;
}

.fixed-sidebar h1 {
    font-size:130%;
    display:inline-block;
    text-transform: uppercase;
    font-weight:900;
}

.fixed-sidebar h1 span {
    font-weight:300;
}

.fixed-sidebar {
    position:fixed;
    height:100%;
    background: #666;
    border-radius:0!important;
}

.fixed-sidebar ul {
    padding:20px!important;
}

.fixed-sidebar ul li,
.fixed-sidebar ul li a {
    color:#fff;
}

.fixed-sidebar ul li a {
    display:block;
    padding:5px 6px;
    border-bottom:1px dotted #333;
    transition: all .5s;
}

.fixed-sidebar ul li.active a {
    background: #5c5b5b!important;
}

.fixed-sidebar ul li a:hover,
.fixed-sidebar ul li a:active {
    text-decoration: none;
    background: #333;
}

.fixed-sidebar ul li a:focus {
    text-decoration: none;
    background: transparent;
}

.fixed-sidebar ul .title a {
    border-bottom:0;
    padding:0;
}

.fixed-sidebar ul .title a:hover {
    background: transparent;
}

.section-header h2 {
    border-bottom:1px solid #666;
    font-family:'Oswald', sans-serif;
    font-weight:300;
    font-size:16px;
    padding-bottom:10px;
    padding-top:20px;
    margin-bottom:25px;
    margin-top:0;
}

.section-header h2 .small {
    margin-left:15px;
}

div.white {
    background: #fff;
}

div.grey {
    padding:30px 0 50px;
}

div#icons i {
    margin-right:10px;
}

div#icons li {
    transition: all .2s;
    padding:2px 0;
}

div#icons li:hover {
    font-size:120%;
    background: #f7f7f7;
    cursor: default;
}

.form-control:focus {
    border-color: #3e76da;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 3px rgba(62, 118, 218, 0.4);
    outline: 0 none;
}

.jqstooltip {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}



/* Search form styling */
.content #searchform input[type="text"],
.content #searchform select {
    display: inline-block;
    width:auto;
    max-width:300px;
}

.content #searchform th {
    border-bottom:1px solid #e5e5e5;
    background: #f7f7f7;
}

.content #searchform td,
.content #searchform th {
    padding-top:10px;
    padding-bottom:10px;
    border:none;
}

.content #searchform .border {
    border-top:1px dotted #ddd;
}

#searchform h4 {
    margin-left:15px;
    font-family:'Oswald', sans-serif;
    font-size:110%;
    font-weight:300;
    padding-bottom:8px;
    border-bottom:1px solid #999;
    margin-bottom:15px;
    margin-top:0;
}

#searchform label {
    font-size:95%;
}

td .peekaboo.closed .peekaboo-container {
    height:1px;
    opacity:0;
    display:none;
    transition:all .5s;
}


td .peekaboo.closed h4 {
    margin-bottom:0!important;
}

td .peekaboo.open h4 {
    margin-bottom:15px!important;
}

td .peekaboo.open .peekaboo-container {
    height:100%!important;
    opacity:1!important;
    display:block!important;
    clear:both;
}

td .peekaboo h4 i {
    font-size:90%!important;
}

td .peekaboo.open i.fa-plus:before {
    content:"\f068";
}


td .peekaboo.closed .less {
    display:none;
}

td .peekaboo.open .less {
    display:inline-block;
}

td .peekaboo.open .more {
    display:none;
}

td .peekaboo h4 a {
    display:block;
    padding: 5px 0 8px;
    transition: all .5s;
}

td .peekaboo h4 a:hover {
    background: #eef0f0;
    text-decoration: none;
}

td .peekaboo.closed .show-less {
    display:none;
}

.tab-container.no-tabs {
    padding:0 10px 10px;
    border-bottom:1px dotted #ddd;
}

.tab-container.no-tabs .nav-tabs {
    padding-top:0;
}

.tab-container.no-tabs .nav-tabs li:first-child {
    margin-left:10px;
}

.tab-container.no-tabs .nav-tabs a {
    border:none!important;
    background: transparent;
    font-size:115%;
    padding: 8px 15px;
}
.tab-container.no-tabs .nav-tabs .active a,
.tab-container.no-tabs .nav-tabs a:hover {
   color:#3e76da  
}

.tab-container.no-tabs .tab-content {
    border:none;
    padding:0;
}

#picture .fileinput-new.thumbnail {
    border:3px dashed #ddd;
    border-radius:6px;
}


/* Sidebar Nav styling */


.navmenu-left {
    top:70px;
    background: #fff;
    border-bottom:none;
    border-top:none;
    z-index: 800;
    position:absolute;
    border-radius:0;
}

.navmenu li i {
    font-size:140%;
    transition: all .25s;
    display: inline-block;
    text-align: center;
    width: 28px;
    color:#333;
}

.navmenu li .input-group i {
    color: #fff;
}

.navmenu .nav {
    width:45px;
}

.navmenu li .item,
.navmenu li .badge {
    display:none;
}

.navmenu.in .nav {
    width:100%;
}

.navmenu.in li .item,
.navmenu.in li .badge {
    display:inline;
}



.sidebar-inner {
    padding-top: 10px;
    width: 100%;
    border-right: 1px solid #e2e2e2;
    z-index: 999;
}
    .sidebar-inner .nav a {
        font-size: 14px;
    }

    .sidebar-inner h3 {
        font-family: 'Oswald', sans-serif;
        font-weight: 300;
        font-size: 100%;
        padding-bottom: 5px;
        border-bottom: 1px solid #666;
        margin: 0;
        margin-bottom: 10px;
}

    .sidebar-inner .panel-group .panel {
        border-radius: 5px;
}

.sidebar-inner .panel-heading {
    padding:0;
    background: transparent;
    border:none;
}

.sidebar-inner .panel-default {
    background: transparent;
    border:none;
    box-shadow:none;
}

.sidebar-inner .panel-heading a {
    display:block;
    padding: 10px 8px;
    transition: all 0.5s ease 0s;
    color:#3e76da ;
    font-size:85%;
    background: #fff;
    border-bottom:none;
}

.sidebar-inner .panel-heading a,
.sidebar-inner .panel-heading a:focus,
.sidebar-inner .panel-heading a:active {
    text-decoration:none;
}

.sidebar-inner .panel-heading .collapsed {
    color:#666;
    background: transparent;
}

.sidebar-inner .panel-heading i.pull-right {
   transform: rotate(90deg);
    transition: all .5s;
}

.sidebar-inner .panel-heading .collapsed i.pull-right {
    transform: rotate(0deg);  
}

.sidebar-inner .panel-heading a:hover {
    background: #fff;
    text-decoration: none;
}

.sidebar-inner .panel-collapse ul {
    padding-left:30px;
    text-align: left;
}

.sidebar-inner .panel-collapse li {
    font-size:88%;
    list-style: circle outside none!important;
    color:#bfbfbf;
    padding:3px 0;
}

.sidebar-inner .panel-collapse li a {
    color:#666;
}

.sidebar-inner .panel-body {
    border-top:none;
    padding:0;
    padding-bottom:20px;
}

.sidebar-inner .collapse.in {
    background: #fff;
}

.sidebar-inner .collapsing {
    background: #fff;
}

.sidebar-inner .panel-collapse .highlight a{
    color:#3e76da ;
    font-weight:bold;
}

    .sidebar-inner ul li {
        border-bottom: medium none;
        line-height: 24px;
    }

.sidebar-inner ul li a:hover {
    background: #fff;
    color:#3e76da ;
    text-decoration: none;
}

.sidebar-inner ul li a:hover,
.sidebar-inner ul li a:active,
.sidebar-inner ul li a:focus {
    text-decoration: none;
}

.sidebar-inner .nav {
    margin-bottom:20px;
}

.sidebar-inner .nav a {
    padding:10px 15px;
    font-size:90%;
    color:#333;
    border-radius:4px;
    margin-bottom:5px;
}

.sidebar-inner .nav a:hover {
    background-color:#f7f7f7;
}

.sidebar-inner .nav .active a {
    color:#fff;
    background: #2d4358;
}

.sidebar-inner .nav .active a i {
    color:#fff;
}

.sidebar-inner .nav i {
    margin-right:5px;
}

.sidebar-inner .profile {
    padding-bottom:10px;
    border-bottom:1px dotted #ccc;
    margin-bottom:10px;
}

.sidebar-inner .profile-image, .sidebar-inner .basic-info {
    display: table-cell;
    vertical-align: middle;
}

.sidebar-inner .basic-info {
    padding-left:10px;
}

    .sidebar-inner .profile-image {
        border: 1px solid #ddd;
        padding: 1px;
        position: relative;
}

.sidebar-inner .profile-image .edit-overlay {
    position: absolute;
    width:100%;
    height:100%;
    display:table-cell;
    background: rgba(255,255,255,0.8);
    vertical-align: middle;
    bottom:0;
    top:0;
    right:0;
    left:0;
    opacity:0;
    text-align: center;
    transition: all .5s;
}

.sidebar-inner .profile-image .edit-overlay a {
    margin: 0 5px;
    line-height:70px;
}

.sidebar-inner .profile-image:hover .edit-overlay {
    bottom:0;
    opacity: 1;
}

.sidebar-inner .profile-image img {
    max-width:70px;
    background-position: 50% 50%;
    background-size: cover;
    height: 70px;
    object-fit: cover;
    width: 70px;
}

.sidebar-inner .basic-info .name h2 {
    margin-top:0px;
    margin-bottom:px;
    font-size:1.3em;
}

.sidebar-inner .basic-info .name h5 {
    margin-bottom:5px;
    margin-top:5px;
    font-weight:bold;
    font-size:85%;
}

.sidebar-inner .bio, .sidebar-inner .contact-info {
    padding-top:10px;
    font-size:85%;
}

.sidebar-inner .bio p {
    margin-bottom: 0;
}

.sidebar-inner .contact-info p{
    margin:0;
    padding:5px 0;
}

.sidebar-inner .contact-info i {
    margin-right:8px;
}

.sidebar-inner .contact-info {
    padding-bottom:10px;
}

.sidebar-inner {
    padding:5px 9px 150px;
}

.sidebar-inner .form-control {
    font-size: 13px;
}

.sidebar-inner .btn-primary {
    padding: 6px 10px;
}

a.nav-expander {
    background: #2d4358;
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    font-weight: 400;
    height: 48px;
    margin-left: 0;
    position: absolute;
    left: 0;
    text-decoration: none;
    text-transform: uppercase;
    top: 0;
    transition: left 0.3s ease-in-out 0s;
    width: 55px;
    z-index: 12;
    line-height: 46px;
    text-align: center;
    transition: left 0.3s ease-in-out 0s;
    -webkit-transition: left 0.3s ease-in-out 0s;
    -moz-transition: left 0.3s ease-in-out 0s;
    -o-transition: left 0.3s ease-in-out 0s;
}

    a.nav-expander:hover {
        cursor: pointer;
    }

.nav-expanded a.nav-expander.fixed {
    left: 310px;
}

.mobile-nav {
    background: #fff;
    display: block;
    height: 100%;
    overflow: auto;
    position: fixed;
    left: -310px;
    font-size: 15px;
    top: 0;
    width: 310px;
    z-index: 2000;
    transition: left 0.3s ease-in-out 0s;
    -webkit-transition: left 0.3s ease-in-out 0s;
    -moz-transition: left 0.3s ease-in-out 0s;
    -o-transition: left 0.3s ease-in-out 0s;
}
.nav-expanded nav {
    left: 0;
}

body.nav-expanded {
    margin-left: 0em;
    transition: left 0.4s ease-in-out 0s;
    -webkit-transition: left 0.4s ease-in-out 0s;
    -moz-transition: left 0.4s ease-in-out 0s;
    -o-transition: left 0.4s ease-in-out 0s;
}

#nav-close {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
    font-size: 20px;
    padding-left: 0;
    padding-right: 5px;
    color: #000;
    opacity: .2;
}

    #nav-close:hover {
        opacity: .5;
    }

#rr .panel-group {
    margin-bottom:0;
}

#rr .panel-group .panel {
    border-radius:6px;
    margin-bottom:10px;
}

#rr .panel-heading {
    padding:0;
}

#rr .panel-heading a {
    padding: 10px 15px;
    background: #fff;
}

#rr .panel-heading a:hover {
    background: #eef0f0;
}

#rr .panel-heading h4 {
    font-family:'Oswald', sans-serif;
    font-weight:300;
    color:#333;
    font-size:15px;
}

#rr .panel-heading i.pull-right {
   transform: rotate(90deg);
    transition: all .5s;
}

#rr .panel-heading .collapsed i.pull-right {
    transform: rotate(0deg);  
}

#rr .panel-title > a {
    display:block;
}

#rr .panel-body .item .col-md-12 {
    min-height:100px;
    padding:0;
}

#rr .panel-body .carousel-control {
    top:44px;
}

#rr .group-photos .carousel-control {
    top: -20px;
}

.module-item.group-feed {
    border-bottom: 1px solid #ddd;
}

.module-item.group-feed:last-child {
    border-bottom: none;
}

.module-reply .module-item-body {
    padding: 10px!important;
}

#rr .tile,
#profile.module {
    box-shadow: 0 5px 6px -5px #333;
}

#rr .career-tile label {
    font-weight:300;
    font-size:14px;
    text-align: center;
    
}

#rr.marketplace .feed-tile,
#rr.learning .feed-tile,
#rr.careers .feed-tile,
#rr.marketplace .career-tile,
#rr.learning .career-tile,
#rr.feed .career-tile,
#rr.feed .learning-tile,
#rr.careers .learning-tile,
#rr.marketplace .learning-tile,
#rr.feed .marketplace-tile,
#rr.learning .marketplace-tile,
#rr.careers .marketplace-tile {
    display:none!important;
    height:0;
    opacity:0;
    -webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
}

#rr.marketplace .marketplace-tile,
#rr.careers .career-tile,
#rr.learning .learning-tile,
#rr.feed .feed-tile{
    display:block;
    opacity: 1;
    height:auto;
    -webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
    margin-bottom:25px;
}

.feed-tile .panel-collapse .feed-tile-content {
    word-wrap: break-word;
}


#rr.careers .module-item,
#rr.marketplace .module-item{
    padding-bottom:0;
}

#rr.careers .module-item-body,
#rr.marketplace .module-item-body{
    padding-left:0;
}

#jobtarget .col-sm-4 .seperate-container {
   border:none;
}

#jobtarget .col-sm-4.featured .seperate-container {
   border:1px solid #ddd; 
}

#jobtarget .module-col small {
    display:block;
}

#jobtarget .module-col em {
    display:block;
    font-size:.9em;
    margin:4px 0;
}

#jobtarget hr {
    clear:both;
    border-bottom:1px solid #ddd;
    margin:25px 0 0;
}

.col-sm-7.training-block {
    padding:0 15px;
}
.col-sm-7.training-block a.completed {
    margin-right:15px;
    font-size:.85em;
    line-height:22px;
}

.featured-training .training-container {
    padding:20px;
    border:1px solid #ddd;
}

.featured-training .training-title {
    display:block;
    margin-bottom:15px;
}

.featured-training .featured-img img{
    max-width:150px;
    margin: 0 auto;
}

.featured-training p {
    font-size:.9em;
    margin-bottom:25px;
}

#learning-tracks .panel-heading {
    font-family:'Oswald',sans-serif;
    color:#fff;
    font-weight:300;
    font-size:1.25em;
    letter-spacing: .5px;
    padding: 10px 15px;
    background: #3e76da;
    border-radius:0;
}

#learning-tracks .panel-title .progress {
    float:right;
    width:175px;
}

#learning-tracks .panel-body .progress {
    display:block;
    width:90%;
    margin:0 auto;
    height:15px;
    margin-top:10px;
}

#learning-tracks .progress-bar {
    background:#fdb813;
    line-height:15px;
}

#learning-tracks .progress-bar.completed {
    background: #a6cd34;
}

.progress-bar-yellow {
    background: #f0d04e;
}

.progress-bar-warning {
    background-color: #e1972f;
}

#learning-tracks .panel-title {
    font-weight:300;
    font-size:18px;
}

#learning-tracks .panel {
    border-radius:0;
    margin-bottom:25px;
}
/*
#learning-tracks .panel-body a.learning {
   display:block;
    width:100%;
    padding: 50px 0;
    text-align: center;
    font-size:1.25em;
    font-weight:300;
    background: #eaf1f8;
    transition: all .5s;
}*/

#learning-tracks .carousel .item .learning {
    display:block;
    padding-bottom:8px;
    box-shadow:0 0 2px rgba(0,0,0,0.25);
    transition: all .25s;
}

#learning-tracks .carousel .item small {
    color:#666;
    text-align: center;
    display:block;
    width:100%;
    margin-top:5px;
}

#learning-tracks .carousel .item .learning:hover {
    background: #3e76da;
    color:#fff!important;
}

#learning-tracks .carousel .item .learning:hover p,
#learning-tracks .carousel .item .learning:hover small {
    color:#fff!important;
}

#learning-tracks .carousel .item .learning:hover img {
    opacity:0.75;
}

#learning-tracks .carousel .item .btn {
    position:absolute;
    top:-150px;
    left:0;
    right:0;
    margin: 0 auto;
    width:70%;
    z-index:1000;
    transition: all .5s;
}

#learning-tracks .carousel .item .learning:hover .btn {
    top:75px;
}

#learning-tracks .caption {
    padding-bottom:25px;
}

#learning-tracks .caption .learning-title {
    display:block;
    margin:10px 0 5px;
    padding: 0 10px;
}

#learning-tracks .caption p {
    color:#333;
    font-size:.9em;
    padding: 0 10px;
}

#learning-tracks .panel-body {
    border-radius:0;
}

#learning-tracks .carousel-control {
    text-shadow:none;
    color:#ccc;
    
}

#learning-tracks .carousel-control .glyphicon {
    font-size:26px;
}

/*
#learning-tracks .panel-body a.learning:hover {
    background: #3e76da;
    color:#fff;
}
*/

.tab-pane .module-body > .col-xs-12 .input-group, .module-actions .input-group, .input-group {
   position:relative;
    width:100%;
}

.tab-pane .module-body .input-group .input-group-addon:not(.cal), .module-actions .input-group .input-group-addon:not(.cal), .input-group .input-group-addon:not(.cal) {
    background: transparent;
    border:none;
    position:absolute;
    left:0;
    z-index:9;
    line-height:21px;
}

.tab-pane .module-body .input-group .form-control, .padding.input-group .form-control, .module-actions .input-group .form-control, .input-group.icons .form-control {
    border-radius:4px!important;
    padding-left:30px;
}

.tab-pane .input-group.btn-block {
    padding: 0 15px;
}

.carousel-control.right {
    right:-25px;
    box-shadow: none;
    width:30px;
}

.carousel-control.left {
    left:-25px;
    box-shadow: none;
    width:30px;
}

.photo-popup .carousel-control.left {
    background-color: #fff;
    box-shadow: none;
    left: 15px;
    width: 40px;
}
.photo-popup .carousel-control.right {
    background-color: #fff;
    box-shadow: none;
    right: 15px;
    width: 40px;
}

.glyphicon-chevron-left::before, .glyphicon-chevron-right::before {
    color: #555;
}

.glyphicon-chevron-left::before {
    margin-left: 8px;
}

.glyphicon-chevron-right::before {
    margin-right: 8px;
}

.carousel-control i {box-shadow:none; }

.carousel-inner .active.left  { left: -33%;             }
.carousel-inner .active.right { left: 33%;              }
.carousel-inner .next         { left: 33%               }
.carousel-inner .prev         { left: -33%              }
.carousel-control.left        { background-image: none; }
.carousel-control.right       { background-image: none; }
.carousel-inner .item         { background: white;      }


#rr .carousel-inner .active.left {left:-100%;}
#rr .carousel-inner .active.right {left:100%;}

#rr .carousel-inner .module-tem {background:#fff;}

.canvas .content {
    /*margin-left:250px;*/
    padding:15px 0 0;
    min-height:700px;
    max-width:1200px;
    margin: 0 auto;
    /*
    -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.15);
    box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.15);
    */
}

.col-sm-1-5 {
    width:20%;
    float:left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    position: relative;
}


/* BG toggle widget */
#bg-toggle {
    position:fixed;
    right:-81px;
    top:165px;
    z-index: 1500;
    background: rgba(255,255,255,0.8);
    transition: all .5s;
    box-shadow: -1px 0 3px #999;
    display: none;
}

bg-toggle:hover {
    right:-53px;
}

#bg-toggle.visible {
    right:0;
}

#bg-toggle .bg-toggle-button {
    position:absolute;
    padding:3px 10px;
    margin-left:-32px;
    background: rgba(255,255,255,0.8);
    top:8px;
}

#bg-toggle ul .btn img {
	max-width:50px;
	height:auto;	
}

html {background: #999;}
/*
html.abstract1 {background: url('../img/bg/abstract01.jpg') no-repeat; background-size:cover; background-attachment: fixed;}
html.abstract1 .canvas {background: url('../img/bg/abstract01.jpg') no-repeat; background-size:cover;background-attachment: fixed;}
*/
html.abstract1 .main-items,
html.abstract1 #sidebar .nav .active a,
html.abstract1 .footer {background: #2a3035;}
html.abstract1 .top-bar .nav-tabs a:hover, .top-bar .nav-tabs .open > a, .top-bar .nav-tabs .open > a:hover, .top-bar .nav-tabs .open > a:focus {
    background: #1c2125 none repeat scroll 0 0;
    color: #fff;
}
html.abstract1 a.nav-expander {
    background: #2a3035;
}

html.abstract1 .top-bar .nav-tabs > li.active a {background: #1c2125;}
html.abstract1 .admin-bar {background: #32393f; border-color:#2a3035;}
html.abstract1 .noticebar li {border-color:#0c1c35;}
html.abstract1 .noticebar li img {border-color:#2a3035;}
html.abstract1 .noticebar li a.dropdown-toggle {color:#fff;}
html.abstract1 .noticebar li .dropdown-toggle {color: #fff;}
html.abstract1 .noticebar {background: #434b51; border-color:#2a3035;}
html.abstract1 .noticebar li .dropdown-toggle:hover,
html.abstract1 .noticebar li .dropdown-toggle:focus,
html.abstract1 .noticebar .dropdown-menu a:hover {background: #5a6771; color: #fff;}
html.abstract1 .noticebar .dropdown-menu a, html.abstract1 .noticebar .dropdown-menu .view-alerts a, html.abstract1 .noticebar .dropdown-menu .module-item-location {
    color: #fff;
}
html.abstract1 .noticebar li .dropdown-toggle.search:hover {background: transparent;}
html.abstract1 .noticebar .dropdown-menu {background: #434b51; color: #fff;}
html.abstract1 .noticebar li.new a {color:#fff; background: #434b51;}
html.abstract1 .noticebar li.new a:hover {color:#fff; background: #5a6771;}
html.abstract1 .dropdown-menu.checklist li:hover {color: #555;}
html.abstract1 .noticebar .new .module-item-body {color: #fff;}
html.abstract1 .topsearch .search i { color: #fff;}
html.abstract1 .noticebar-menu.notifications .new { background: #2a3035;}

html.abstract2 {background: url('/global/member_engagement/img/bg/abstract02.jpg') no-repeat; background-size:cover;background-attachment: fixed;}
html.abstract2 .canvas {background: url('/global/member_engagement/img/bg/abstract02-canvas.jpg') no-repeat; background-size:cover;background-attachment: fixed;}
html.abstract2 .main-items,
html.abstract2 #sidebar .nav .active a,
html.abstract2 .footer {background: #53962c;}
html.abstract2 .top-bar .nav-tabs > li.active a {background: #326e10;}

html.sea {background: url('/global/member_engagement/img/bg/geosea.jpg') no-repeat; background-size:cover;background-attachment: fixed;}
html.sea .canvas {background: url('/global/member_engagement/img/bg/geosea-canvas.jpg') no-repeat; background-size:cover;background-attachment: fixed; }
html.sea .main-items,
html.sea #sidebar .nav .active a,
html.sea .footer {background: #25889c;}
html.sea .top-bar .nav-tabs > li.active a {background: #0d6b7e;}

html.bokeh1 {background: url('/global/member_engagement/img/bg/bokeh01.jpg') no-repeat; background-size:cover;background-attachment: fixed;}
html.bokeh1 .canvas {background: url('/global/member_engagement/img/bg/bokeh01-canvas.jpg') no-repeat; background-size:cover; background-attachment: fixed;}
html.bokeh1 .main-items,
html.bokeh1 #sidebar .nav .active a,
html.bokeh1 .footer {background: #bb1916;}
html.bokeh1 .top-bar .nav-tabs > li.active a {background: #7d0d0b;}



h4.discount_brag {
    background-color: #9b988f;
    border-bottom: 1px solid #cccccc;
    color: #ffffff;
    font-size: 1.083em;
    font-weight: bold;
    padding: 0.5em 0;
}

#home .text-danger.delete {
    position: absolute;
    right: 12px;
    top: 12px;
}

/* ScrollYou Styling */

.scrollyou {
    overflow: hidden !important;
    position: relative;
}

.scrollyou .scrollyou-bar {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 7px;
    height: 32px;

    -webkit-border-radius: 10px;
            border-radius: 10px;

    -webkit-transition: background 0.2s ease-in-out;
       -moz-transition: background 0.2s ease-in-out;
        -ms-transition: background 0.2s ease-in-out;
         -o-transition: background 0.2s ease-in-out;
            transition: background 0.2s ease-in-out;
}

.scrollyou:hover .scrollyou-bar {
    background-color: rgba(0,0,0,0.25);
}

.scrollyou-show {
    background-color: rgba(0,0,0,0.25);
}

.module-reply {
    display:block;
    width:100%;
}

.module-reply .list-group {
    margin-top:0;
    padding-top:0;
    border:none;
}

.module-reply .list-group-item {
    background:#f6f6f7;
    border-bottom:1px dotted #ddd;
    padding:2px 10px!important;
}

.module-reply .list-group-item.view-more {
    padding: 10px 0 !important;
}

.module-message .module-actions.comment {
    background: transparent none repeat scroll 0 0;
    border-bottom: 0 none;
    border-top: 0 none;
    padding: 2px 0 5px;
}

.module-message .module-actions.comment a {
    font-size: 13px !important;
}

.ambassador .fa {
    cursor: pointer;
    border: none;
    padding: 0;
    background: transparent;
    font-size: 14px;
}
.ambassador .tooltip
{
    font-weight: 300;
}

/*
.module-reply .list-group-item .module-item:after {
    content:" ";
    display:block;
    width: 0; 
	height: 0; 
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 10px solid #f3f9fc;
    position:absolute;
    top:-10px;
    left:22px;
}
.module-reply .list-group-item .module-item:before {
    content:" ";
    display:block;
    width: 0; 
	height: 0; 
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 10px solid #d9e6ee;
    position:absolute;
    top:-11px;
    left:22px;
}
*/

#dpd1, #dpd2 {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px 8px;
    position: relative;
}

.mobile-options {
    position:fixed;
    z-index:1500;
    bottom:25px;
    right:25px;
}

.mobile-options .popover.top {
    margin-left:-35px;
    left:-70px!important;
}

.mobile-options .popover.top > .arrow {
    margin-left:33px;
}

.mobile-options .popover-content {
    padding:10px;
    min-width:150px;
}

.mobile-options .popover-content .list-group {
    margin-bottom:0;
}

.mobile-options .button {
    display:block;
    padding:5px 0;
    width:35px;
    text-align: center;
    background: #3e76da;
    color:#fff;
    font-size:18px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.menu-open-shadow,
.table-shadow {
    position:Absolute;
    height:100%;
    width:50px;
    right:0;
    top:69px;
    box-shadow: inset -7px 0 9px -7px rgba(0,0,0,0.9);
    z-index:998;
}

body[style*="overflow: hidden;"] .menu-open-shadow {
    display:block;
    height:100%;
    width:50px;
    box-shadow: inset -7px 0 9px -7px rgba(0,0,0,0.9);
}

/* Navbar toggle - off canvas/mobile menu */
.navbar-toggle {
    height:44px;
    width:45px;
    padding:0px 9px;
    display:block;
    text-align: center;
    border-radius:4px;
    margin:0 0 10px;
    background: #fff;
    float:none;
    border:1px solid #333;
    position: absolute;
}

.navbar-toggle span, .navbar-toggle span:before, .navbar-toggle span:after {
cursor: pointer;
border-radius: 1px;
height: 3px;
width: 25px;
background: #fff;
position: absolute;
display: block;
content: '';
}

.navbar-toggle span:before {
top: -8px;
}
.navbar-toggle span:after {
bottom: -8px;
}

.navbar-toggle label {
    text-transform: uppercase;
    position:absolute;
    bottom:0px;
    left:0;
    right:0;
    color:#fff;
    font-size:11px;
}

.navbar-toggle span, .navbar-toggle span:before, .navbar-toggle span:after {
transition: all 500ms ease-in-out;
}
.navbar-toggle.active span {
background-color: transparent;
}
.navbar-toggle.active span:before, .navbar-toggle.active span:after {
    left: 2px;
    top: -8px;
    width: 20px;
}

.navbar-toggle:hover {
    transition: all .25s;
}
.navbar-toggle.active span:before {
    left: 2px;
    top: 4px;
    transform: rotate(45deg);
    width: 20px;
}
.navbar-toggle.active span:after {
transform: rotate(-45deg);
}

.weather-forecast {
    list-style:none;
    padding:8px 5px 15px;
    margin:0;
}

.weather-forecast:after,
.weather-forecast li .weather-temps:after {
    visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0; 
}

.weather-forecast li {
    display:inline-block;
    list-style:none;
    width:33.3%!important;
    float:left;
    text-align: center;
    padding: 0 20px;
    border-right:1px dotted #ddd!important;
    transition: all .35s;
    cursor:default;
}

.weather-forecast li:hover {
    background: #eef0f0;
}

.weather-forecast li:last-child {
    border-right:none!important;
}

.weather-forecast li h5 {
    font-family:'Oswald', sans-serif;
    font-weight:300;
    color:#999;
    font-size:13px;
}

.weather-forecast i {
    color:#3e76da;
}

.weather-forecast li .weather-temps {
    font-size:100%;
    padding:10px 0;
}

.weather-forecast li .weather-temps .temp-hi {
    float: left;
    font-weight:700;
}

.weather-forecast li .weather-temps .temp-low {
    float: right;
}

/* Start Brett's css additions for My Learning area*/

.module.tile.grey-bg {
    background-color: #eef0f0; 
}

#main table.enrolled-courses tr {
    background: #fff;
}

#main table.enrolled-courses .header th {
    font-size: 14px;
    background: #a2a9af;
    color: #fff;
    vertical-align: middle;
}

#main table.enrolled-courses td {
    vertical-align: middle;
}

#main table.enrolled-courses .title {
    font-size: 15px;
    font-weight: bold;
}

#main table.enrolled-courses .course-info .btn {
    padding: 3px 10px;
    position: relative;
}

#main table.enrolled-courses .course-info .btn:before {
    content: "|";
    position: absolute;
    left: -15px;
    color: #CACACA;
}

.courses-slider {
    padding: 0 20px;
    position: relative;
}

.courses-slider .item {

}

.courses-slider .item > div {

}

.courses-slider .carousel-control.left {
    left: -10px;
}

.courses-slider .carousel-control.right {
    right: -10px;
}

.courses-slider .img-responsive {
    width: 100%;
    height: auto;
    border-radius: 6px 6px 0 0;
}

.courses-slider .title {
    margin-bottom: 7px;
    font-size: 16px;
    font-family: "Oswald",sans-serif;
    font-weight: 300;
}

.courses-slider .caption {
    padding: 0 15px 12px 15px;
    display: block;
}

.course-item .caption p {
    font-size: 13px;
}

.morris-hover{position:absolute;z-index:1000}
.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-family:sans-serif;font-size:12px;text-align:center}
.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0}

.courses .col-xs-12 {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.label.credits {
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 85%;
    padding: 0.4em 0.8em 0.4em;
}

.label.recommended {
    font-size: 85%;
    padding: 0.4em 0.8em 0.4em;
    position: absolute;
    right: 25px;
    top: 25px;
}

.recommendation .label.credits {
    position: absolute;
    right: 25px;
    top: 53px;
    font-size: 85%;
    padding: 0.4em 0.8em 0.4em;
}

.recommendation  .label.recommended {
    font-size: 85%;
    padding: 0.4em 0.8em 0.4em;
    position: absolute;
    right: 25px;
    top: 25px;
}

.courses-title {
    font-size: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    color:#3e76da;
}

#notifications .badge {
    line-height: 1em;
    position: absolute;
    right: 13px;
    top: 20px;
}

.alert-mobile .badge {
    line-height: 1em;
    position: absolute;
    right: 21px;
    top: 10px;
}

.course-buttons .btn {
    display: block;
}

.course-img img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 210px;
    object-fit: cover;
    overflow: hidden;
    width: 100%;
    border-radius: 6px;
}

.col-sm-4.courses {
        
}

.course-description {
    color: #777;
    margin-bottom: 35px;
    overflow: hidden;
    height: 60px;
    width: 100%;
    text-overflow: ellipsis;
}

.learning-cart {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    font-size: 13px;
    margin-top: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 2px;
    z-index: 9999;
}

.learning-cart .dropdown-menu {
    border-radius: 6px;
    left: -200px;
    top: 20px;
    width: 280px;
}

.learning-cart .dropdown-menu li {
    padding: 7px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dotted #ddd;
}

.learning-cart .dropdown-menu li:last-child {
    border-bottom: none;
}

.learning-cart .dropdown-menu li a {
    color: #3e76da;
    font-size: 14px;
    margin: 0;
}

.learning-cart .dropdown-menu li a:hover {
    color: #2a6496;
}

.learning-cart .dropdown-menu li .btn {
    display: block;
    border-radius: 4px;
    margin-top: 7px;
    color: #fff;
}

.learning-cart .dropdown-menu li .btn:hover {
    color: #fff;
    border-color: #000;
}

.learning-progress .bar {
    height: 50px;
    padding: 0 8px;
    text-align: center;
    float: left;
    width: 21%;
}

.learning-progress .bar .bar-outer {
    height: 100%;
    background: #eaedf3;
    position: relative;
}

.learning-progress .bar .bar-progress {
    position: absolute;
    width: 100%;
    background: #2577B5;
    bottom: 0;
}

.learning-progress .bar .bar-label {
    font-size: 11px;
}

.learning-progress .total-xp {
    text-align: center;
    float: right;
    width: 37%;
}

.learning-progress .total-xp .total {
    font-weight: bold;
    font-size: 33px;
}

.learning-progress .total-xp .xp-label {
    color: #333;
    font-size: 12px;
    position: relative;
    top: -7px;
}

.learning-progress #area-example {
    margin-left: -15px;
}

.img-wrap {
    border-radius: 6px 6px 0 0;
    height: 247px;
    overflow: hidden;
    width: 100%;
}

.photo-gallery.photos .img-wrap {
    border-radius: 0;
}

.img-wrap1 {
    background: rgba(0, 0, 0, 0) url("/global/member_engagement/img/glennz.jpg") no-repeat scroll 50% 50%;
}

.img-wrap2 {
    background: rgba(0, 0, 0, 0) url("/global/member_engagement/img/glennz2.jpg") no-repeat scroll 50% 50%;
}

.img-wrap3 {
    background: rgba(0, 0, 0, 0) url("/global/member_engagement/img/glennz3.jpg") no-repeat scroll 50% 50%;
}

.img-wrap4 {
    background: rgba(0, 0, 0, 0) url("/global/member_engagement/img/glennz4.jpg") no-repeat scroll 50% 50%;
}

.img-wrap5 {
    background: rgba(0, 0, 0, 0) url("/global/member_engagement/img/glennz.jpg") no-repeat scroll 50% 50%;
}

.img-wrap6 {
    background: rgba(0, 0, 0, 0) url("/global/member_engagement/img/glennz2.jpg") no-repeat scroll 50% 50%;
}

.img-wrap7 {
    background: rgba(0, 0, 0, 0) url("/global/member_engagement/img/glennz3.jpg") no-repeat scroll 50% 50%;
}

.img-wrap8 {
    background: rgba(0, 0, 0, 0) url("/global/member_engagement/img/glennz4.jpg") no-repeat scroll 50% 50%;
}

.grouped-checkbox-groups
{
	width: 250px;
	padding: 0;
	height: 110px;
	overflow-y: scroll;
	overflow-x: hidden;
	/*border:thin;
	border-style: solid;
	border-color:#808080;*/
}

.grouped-checkbox-groupbox
{
	background: white !important;
	padding-left: 3px;
}

.grouped-checkbox-groupbox .grouped-checkbox-checkboxchoice label {
	top: 0px!important;
	vertical-align: bottom;
    display: inline;
}

.grouped-checkbox-checkboxchoice input 
{ 
    margin-top: 1px!important;
	margin-left: 4px !important;
	margin-right: 3px !important;
	vertical-align: text-top;
}

/* Common styles */

#dAdvancedSearch .Groups label, .DisplayInline {
         display: inline;
     }

#dAdvancedSearch .Groups input[type="checkbox"] {
    margin-top: 0;
}

#dAdvancedSearch .CheckBoxChoice {
    clear: both;
    display: block;
}
 #dAdvancedSearch .CheckBoxChoice label  {
    display: inline;
    top: 3px;
}


.larger {font-size:125%!important;}
.smaller {font-size:90%!important;}
.orange {color:#3e76da !important;}

ul.no-style,
ul.no-style li { list-style:none;padding:0;margin:0; }

.empty-state h3 {
    border: medium none !important;
    color: #666;
    font-family: inherit !important;
    font-size: 21px !important;
    font-weight: inherit !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    padding: 0 !important;
}

.sans-m { margin:0!important;}
.sans-p { padding:0!important;}
.mtop-0 { margin-top:0px!important;}
.mtop-5 { margin-top:5px!important;}
.mtop-10 { margin-top:10px!important;}
.mtop-15 { margin-top:15px!important;}
.mtop-20 { margin-top:20px!important;}
.mtop-25 { margin-top:25px;}
.mtop-30 { margin-top:30px;}
.mtop-35 { margin-top:35px;}
.mtop-40 { margin-top:40px;}
.mtop-50 { margin-top:50px;}
.mbottom-0 { margin-bottom:0px!important;}
.mbottom-5 { margin-bottom:5px!important;}
.mbottom-10 { margin-bottom:10px!important;}
.mbottom-15 { margin-bottom:15px!important;}
.mbottom-20 { margin-bottom:20px!important;}
.mbottom-25 { margin-bottom:25px!important;}
.mbottom-35 { margin-bottom:35px!important;}
.mbottom-50 { margin-bottom:50px!important;}
.mbottom-55 { margin-bottom:55px!important;}
.mbottom-60 { margin-bottom:60px!important;}
.mleft-0 { margin-left:0px!important;}
.mleft-5 { margin-left:5px!important;}
.mleft-10 { margin-left:10px!important;}
.mleft-15 { margin-left:15px;}
.mleft-25 { margin-left:25px;}
.mleft-30 { margin-left:30px;}
.mleft-35 { margin-left:35px;}
.mleft-50 { margin-left:50px!important;}
.mleft-55 { margin-left:55px!important;}
.mleft-80 { margin-left:78px!important;}
.mleft-105 { margin-left:102px!important;}
.mright-0 { margin-right:0!important;}
.mright-5 { margin-right:5px!important;}
.mright-3 { margin-right:3px!important;}
.mright-10 { margin-right:10px!important;}
.mright-15 { margin-right:15px!important;}
.mright-25 { margin-right:25px;}
.mright-50 { margin-right:50px;}
.sans-m {padding:0!important;}
.sans-p {padding:0!important;}
.ptop-0 { padding-top:0px!important;}
.ptop-5 { padding-top:5px!important;}
.ptop-10 { padding-top:10px!important;}
.ptop-15 { padding-top:15px;}
.ptop-20 { padding-top:20px;}
.ptop-25 { padding-top:25px!important;}
.ptop-30 { padding-top:35px!important;}
.ptop-50 { padding-top:50px;}
.pbottom-0 { padding-bottom:0px!important;}
.pbottom-5 { padding-bottom:5px!important;}
.pbottom-10 { padding-bottom:10px!important;}
.pbottom-15 { padding-bottom:15px!important;}
.pbottom-20 { padding-bottom:20px;}
.pbottom-25 { padding-bottom:25px;}
.pbottom-35 { padding-bottom:35px;}
.pbottom-50 { padding-bottom:50px;}
.pleft-0 { padding-left:0px!important;}
.pleft-5 { padding-left:5px!important;}
.pleft-10 { padding-left:10px;}
.pleft-15 { padding-left:15px;}
.pleft-25 { padding-left:25px;}
.pleft-50 { padding-left:50px;}
.pright-0 { padding-right:0px!important;}
.pright-10 { padding-right:10px;}
.pright-25 { padding-right:25px;}
.pright-50 { padding-right:50px;}
.pright-70 {padding-right:70px;}
.pright-115 { padding-right:115px;}
/* MEDIA QUERIES */

@media all and (max-width:1325px) {
	.controlcenter .col-md-3 h3, .controlcenter .col-md-2 h3 {
		font-size:20px;
	}
}
@media all and (max-width:1220px) {
    body {font-size:13px;}
    #stats .border {border-right:none; border-bottom:1px dotted #ccc; padding: 25px 0;}
    #nav-center h5 {font-size:110%;}
    #nav-center p {font-size:95%;}
    .m-mbottom-25 {margin-bottom:25px!important;}
}
@media all and (max-width: 1190px) {
    .top-bar .nav-tabs a {padding: 10px 16px;}
}
@media all and (max-width: 1020px) {
    .top-bar .nav-tabs a {padding: 10px 12px;}
    .top-bar .nav-tabs a .fa, .top-bar .nav-tabs a .md {
        display: none;
    }
}
@media all and (max-width:1145px) {
	.main-items .create {
		display:none;
	}
}
@media all and (max-width: 1190px) {
    #profile #stream-toggle li a {
        padding: 6px 15px;
    }
    .engagementlevel1 .mleft-80 {
        margin-left: 27% !important;
    }
    .engagementlevel2 .mleft-105 {
        margin-left: 35% !important;
    }
    .engagementlevel3 .animate-border, .engagementlevel4 .animate-border {
        height: 90px;
    }
}
@media all and (max-width:1080px) {
    .account-settings li a {
        font-size: 12px!important;
    }
    #rr .linkedin-icon {
        margin-right: 10px;
        padding: 8px;
    }
    #rr .btn-default.linkedin {
        font-size: 13px;
        padding-right: 10px;
    }
    .img-wrap {
        height: 200px;
    }
}
@media all and (max-width: 1130px) {
    #profile #stream-toggle li a {
        padding: 6px 11px;
    }
}
@media all and (max-width: 1060px) {
    #profile #stream-toggle li a {
        padding: 6px 10px;
        font-size: 11px;
    }
}
@media all and (max-width:1040px) {
    .card-actions .btn.mright-10 {
        margin-right: 5px !important;
    }
    .card-actions .btn {
        padding: 3px 8px;
    }
}
@media all and (max-width: 991px) {
    .tab-content.profile-tile.module {
        border-radius: 6px;
    }
    #profile .user-control {
        padding-bottom: 25px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .courses-title {
        font-size: 14px;
    }
    .available-search {
        width: auto;
    }
    .credits-earned {
        width: 100%;
    }
    .table.main .table.info td {
        display: block;
        padding: 11px 14px;
        width: 100%!important;
    }
    .table.main .table.info .account-options {
        border-bottom: medium none;
        padding-bottom: 0;
    }
    #main .table td.field {
        border-bottom: medium none;
        padding-bottom: 5px !important;
    }
    .form-wrap td {
        display: block;
        width: 100%;
    }
    .img-wrap {
        height: 230px;
    }
    #main .table.info .account-options {
        border-bottom: medium none!important;
        padding-bottom: 0;
    }
    #main .table.info .account-options.empty {
        padding: 0;
        display: none!important;
    }
    #main .table.info .field {
        padding-bottom: 0px!important;
        border-bottom: none!important;
    }
    .photo-popup .photo-image {
        margin-bottom: 20px;
    }
    #monthView .modal-dialog {
        width: 700px
    }
    #NewJobAlert .modal-dialog, #ManageJobAlerts .modal-dialog, .EditJobAlert .modal-dialog, #Preferences .modal-dialog, #CourseDetails .modal-dialog, #CourseDetailsPurchase .modal-dialog, .modal .modal-dialog {
        width: 97%;
    }
    .smallModal .modal-dialog {
         width: 97%;
     }
}
@media all and (max-width:990px) {
    .account-settings .active a:after {
        display: none;
    }
    .topsearch .form-control {
        width: 170px;
    }
    .topsearch .form-control:focus {
        width: 210px;
    }
}
@media all and (max-width:920px) {
    .nav li a {
    	padding:8px 6px;
	}
    .noticebar .navbar-visible-collapsed {display:none;}
    .cockpit li a {padding: 9px 10px;}
    .module.w-footer,
    .tabbed-module.w-footer .tab-content {
        padding-bottom:50px;
    }
    .noticebar .location .dropdown-menu {
        min-width:142px;
    }
    .noticebar .dropdown-menu {
        min-width:220px;
    }
    .noticebar .notifications {
        min-width: 350px!important;
    }
    .sans-p-mobile {padding:0!important;}
    #main #file-library tr .actions a{
        opacity:1.0;
        margin-left:0;
    }
}

@media all and (max-width:800px) {
    .img-wrap {
        height: 200px;
    }
    
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
      #profile .col-md-4.hidden-xs {
        display: none;
      }
      .photos .img-overlay,
	  .photos .img-controls,
	  .photos .img-controls .delete,
	  .photos .img-controls .settings {
        display: block;
    }

    .post-actions #image-upload {
        display: block;
        font-size: 13px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .avatar-wrapper .img-overlay, .profile-image .img-overlay {
        display: block;
    }

    #profile #photo-edit {
        display: block!important;
    }
    input[type="text"], textarea {
        -webkit-appearance: none;
    }

    .main-items .nav-tabs {
        display: none!important;
    }
    .controlcenter .row .full  {
        padding: 0;
    }
    .main-items {
        height: 50px;
    }
    .top-bar .pull-right.toolbar {
        display: none!important;
    }
    .alert-mobile, .connection-mobile, .feed-mobile {
        display: block!important;
    }
    #new-content.btn {
        display: none!important;
    }
    .comment .favs-reports a {
        font-size: 15px!important;
    }
    .module-message .module-actions.comment a {
        font-size: 14px!important;
    }
    .canvas {
        padding-top: 120px;
    }
    /* Allows the anchor location to be in view below the header area of the page */
    .canvas .anchor::before {
        display: block;
        content: " ";
        height: 120px; /* Height of your header which should equal the .canvas[padding-top] for the media */
        margin-top: -120px; /* Negative value of the height of your header */
        visibility: hidden;
    }
    .main-items .mobile-navbar {
        margin: 1px 10px;
        background: transparent;
        border: none;
        display: block!important;
    }
    #main .mobile-navbar {
        display: block!important;
    }
    .likeList .modal-dialog, .commentList .modal-dialog, .shareList .modal-dialog {
        width: 425px;
}

    .modal .modal-dialog {
        width: 600px;
    }
}

@media all and (max-width: 768px) {
    .col-sm-4.courses {
        width: 100%;
    }
    .course-buttons .col-sm-6:first-child, .courses .col-xs-12 {
        margin-bottom: 20px;
    }
    .module-actions #image-upload {
        display: block;
        font-size: 13px;
        padding-bottom: 5px;
        padding-top: 5px;
}
    .comment .reply {
        display: table;
        width: 100%;
}
    input[type="text"], textarea {
        -webkit-appearance: none;
    }
    .comment .reply .form-control {
        width: 99%;
}
    .comment-post {
        display: table-cell;
        font-size: 15px !important;
        margin: 0 !important;
        padding: 0 8px 5px;
        vertical-align: bottom;
        width: 39px;
    }
    
}

@media all and (max-width:767px) {
    .scale-input input, .scale-input select {
        width: 100%!important;
    }
    #content-features .headerBox table, #content-features .headerBox td input {
        width: 100%;
    }
    #content-features .headerBox td {
        display: block;
        margin-top: 5px;
        width: 100%;
    }
        #content-features .headerBox td input.btn {
            width: auto;
        }
    .promo-code input {
        width: 100%!important;
        margin-bottom: 10px;
    }

    .name-card input {
        width: 100%!important;
    }

    .name-card input:first-child {
        margin-bottom: 10px;
    }
    .scraper-images {
        margin-bottom: 15px;
    }

    .scraper-content .col-xs-12 {
        padding: 0;
    }

    .logo {
        max-width:100%;
    }
    .admin-hide .admin-bar {
        height: 0;
    }

    .admin-hide .admin-bar .container {
        display: none;
    }

    .admin-hide #sidebar {
        padding-top: 0;
    }
    #search-results .popover-content, .results .popover {
        display: none!important;
    }
    #search-results .module-actions {
        border-top: 0 none;
        bottom: 0;
        display: block;
        font-size: 12px;
        margin-top: 12px;
        padding: 10px;
        position: absolute;
        right: 0;
        top: auto;
        vertical-align: middle;
        width: 100%;
    }

    #dAdvancedSearch td {
        display: block;
        margin-bottom: 5px;
        text-align: left;
        width: 100%;
    }
    #dAdvancedSearch .Groups {
        width: 100%;
    }
     #dAdvancedSearch .Groups label {
         display: inline;
     }
      #tResults td div {
        display: block !important;
        float: none !important;
        margin-bottom: 15px;
        text-align: left !important;
        width: 100% !important;
    }
    .learning-cart {
        top: -8px;
    }
    .grid.learn {
        margin-top: 25px;
    }
    #main .table.entry td {
        display: block;
        padding: 6px 0;
        width: 100%;
    }
    .img-wrap {
        height: 280px;
    }
    .mbottom-10-small {
        margin-bottom: 10px;
    }
    #main .table.entry td .form-control {
        width: 100%;
    }
    .modal .modal-dialog, #directMessage .modal-dialog, #Message .modal-dialog, #newTag .modal-dialog, #postInfo .modal-dialog, #deletePost .modal-dialog, #monthView .modal-dialog, #EditPhoto .modal-dialog {
        width: 97%;
    }

    #connections .tile .module-item {
        padding-left: 0;
    }
    .photo-popup .modal-dialog {
        margin: 4% auto 0 !important;
    }
    .photos .img-overlay,
	.photos .img-controls,
	.photos .img-controls .delete,
	.photos .img-controls .settings {
        display: block;
    }
    .card-actions .btn.mright-10 {
        margin-right: 10px !important;
    }
    .card-actions .btn {
        padding: 3px 10px;
    }
    .alert {
        text-align:left;
    }
    .main-items {
        height:50px;
    }
    .account-settings li {
        margin-right: 10px;
        margin-bottom: 0;
        width: auto;
    }
    .account-settings li a {
        border-radius: 6px 6px 0 0 !important;
        margin: 0 0 -1px 0 !important;
        padding: 11px 17px !important;
        height: 41px;
    }
    .account-settings li a i {
        font-size: 16px;
        margin-right: 0 !important;
    }
    .account-settings .active a {
        font-weight: normal;
    }
    .results .popover {
        max-width: 350px;
    }
    .main-items .navbar-toggle {
       margin:3px 10px;
        background: transparent;
        border:none;
    }
    #sidebar {
        padding-top:60px;
        width:100%;
    }
    .help-button {
        margin-top:8px;
    }
    .canvas {
        overflow:visible;
        background: #ebebeb;
        background: #eaeff6;
        top:0!important;
        padding-top:120px;
    }
    /* Allows the anchor location to be in view below the header area of the page */
    .canvas .anchor::before {
        display: block;
        content: " ";
        height: 55px; /* Height of your header which should equal the .canvas[padding-top] for the media minus the .admin-bar height (which gets hidden on scroll) plus 5px padding */
        margin-top: -55px; /* Negative value of the height of your header */
        visibility: hidden;
    }
    .canvas .content {
        margin-left:0;
        padding-top:25px;
    }
    .module-message p {font-size:115%;}
    .module-item-text {font-size:100%; line-height:1.5em;}
    #rr .module-item-text {
        margin-bottom:5px;
    }
    #home .module-item-img {
        width:35px;
    }
    .module-item-body .member-content {padding-left:15px;}
    .module-item-body .group-content {padding:15px 0!important;}
    .module-item-body p.group-content {padding:0!important;}
    .module-item-body .group-content .list-group-item {line-height:30px; font-size:1em;}
    .module-item-body .group-content .list-group-item img{max-width:30px;}
    .module-item-body .group-content .list-group .heading h3 {font-size:.9em;}
    #rr .module-item-img {
        padding-top:15px!important;
    }
    .list-group-item .summary-panel li {
        max-width:40px;
    }
    .controlcenter .col-lg-8.col-sm-12 {
        padding:0;
        margin-bottom:25px;
    }
    #sidebar .nav a {
        font-size:110%;
    }
    #main .navmenu-fixed-left {
        z-index:0;
        top:70px;
        background: #fff;
    }
    #stream-toggle li {
        display:none;
    }
    #stream-toggle li.hidden {
        display:block!important;
        visibility: visible!important;
        width:100%;
    }

    #stream-toggle li.hidden button {
        width:100%;
        border-color:#ced0d1;
        border-bottom:none;
        margin-bottom:-2px;
        background: #d0d4d6;
        color:#666;
        border-radius: 6px 6px 0 0;
        padding: 8px 12px;
    }
    #stream-toggle li.hidden button:focus, #stream-toggle li.hidden button:hover {
        background: #ced0d1;
        border-color:#ced0d1 !important;
        color: #666!important;
    }
    #stream-toggle li.hidden li {
        display:block!important;
        visibility:visible!important;
    }
    #stream-toggle li.hidden .dropdown-menu {
        width:100%;
    }
    #stream-toggle li.hidden li a {
        background: transparent;
        border-radius:0;
        padding: 10px 5px;
        border-bottom:1px dotted #ddd;
        text-align: center;
    }
    #stream-toggle li.hidden li a:hover {
        background: #f7f7f7;
        color:#3e76da;
    }
    #bg-toggle {
        display:none;
    }
    .module {
        min-height:auto!important;
    }
    .module.w-footer {
        padding-bottom:40px!important;
    }
    .module-footer .btn-group a {
        padding: 15px 0;
    }
    .module-item-body .group-content,
    .module-item-body .member-content {
        padding-top:15px;
    }
    .comment .favs-reports a {
        font-size: 15px!important;
    }
    .module-message .module-actions.comment a {
        font-size: 14px!important;
    }
    .top-bar {
        position: fixed;
    }
    .top-bar li {
        display:block;
        width:100%;
        background-color:#fff;
        background: rgba(255,255,255,0.9);
        border-bottom:1px dotted #ddd;
    }
    .top-bar li.dashboard {
        border-left:5px solid #ddd;
        background: #f7f7f7;
    }
    .top-bar li a {
        padding: 15px 20px;
        display:block;
        font-size:14px;
        transition: all .5s;
    }
    .top-bar li.dashboard a {
        color:#999;
    }
    .top-bar li a:hover {
        background: #eee;
        text-decoration: none;
    }
    .top-bar .pull-right.toolbar {
        width:100%;
    }
    .row .col-lg-4 {
        padding-left:0;
        padding-right:0;
    }
    .module-header .nav-tabs li a {
        padding-left:15px;
        padding-right:15px;
    }
    #getting-started .col-md-3 {
        padding: 15px 25px;
        border-top:1px dotted #ddd;
    }
    #getting-started .col-md-3:first-child {
        border-top:none;
    }
    .discount_logos {
        width:100%!important;
        height:auto!important;
    }
    .nav-tabs.larger li {
        float:none;
        margin-bottom:5px;
    }
    .nav-tabs.larger a {
        display:block;
        border-radius:8px;
    }
    #messages .nav {
        margin:0;
    }
    #cp .navbar-default,
    #messages .navbar-default {
        border-radius: 6px;
    }
    #cp .navbar-default li,
    #messages .navbar-default li {
        border-right:none;
        border-bottom:1px dotted #ddd;
    }
    #cp .navbar-default li a,
    #mesasges .navbar-default li a {
        border-right:none;
    }
    #cp .nav li a, #messages .nav li a, #careers .nav li a {
        border-right:none;
    }
    #messages .navbar-default li.pull-right {
        float:none!important;
    }
    #messages .dropdown-menu {
        width:100%;
    }
    #messages .navbar-right .search.pull-left {
        clear:both!important;
        width:100%!important;
        margin-left:0!important;
        margin-bottom:15px!important;
    }
    #messages .navbar-right {
        clear:both!important;
        width:100%;
        padding: 10px 0;
    }
    
    .controlcenter .row .full  {
        padding: 0;
    }
    
    #messages .search {
        margin-top:15px;
        position:relative;
    }
    #messages .search .form-control {
        min-width:220px;
        height:32px;
    }
    #messages .search .input-group-addon {
        padding: 8px 12px;
    }
    .table-container {
        width:100%;
        overflow-y:hidden;
        overflow-x:auto;
    }
    .table-container td {
        white-space: nowrap;
    }
    #home .module.w-footer {
        padding-bottom:20px!important;
    }
    .category-icon {top:25px;}
    #home .module {
        padding-top:20px;
    }
    #home .module.job-alert {
        padding-top:35px!important;
    }
    #home #cp + .job-alert {
        padding-top:50px!important;
    }
    #home #cp + .job-alert .category-icon.sponsor {
        top:35px;
    }
    /*
    .tile .col-sm-4 {
        padding:0;
    }
        */
    .col-sm-4.courses {
        padding-left: 15px;
        padding-right: 15px;
    }
    .course-buttons .col-sm-6:first-child, .courses .col-xs-12 {
        margin-bottom: 20px;
    }
    .tile-condensed {
        height:250px!important;
    }
    .tile-condensed.website {
        height: 370px !important;
    }
    .tile-condensed.img-gallery {
        height: 350px !important;
    }
    .tile-condensed.tile-open {
        height:auto!important;
    }
    small.module-item-text {
        font-size: 85%;
    }
    .module-item-text.comment {
        font-size: 95%;
    }
    .seperate-container {
        margin: 10px 0 15px;
    }
    .store-tile .seperate-container {
        margin:5px 0;
    }
    .nav-tabs.larger .active a,
    .nav-tabs.larger .active a:focus,
    .nav-tabs.larger .active a:active {
        border:1px solid #ddd;
        font-weight:bold;
    }
    .split-item {
        border-bottom:1px dotted #ddd;
    }
    
    .split-img, .split-content {
        display:table
    }
    
    .split-img img{
        margin-bottom:10px;
    }
    .module-actions a.small {
        padding: 10px 3px;
        font-size:90%;
    }
    .comment .favs-reports a {
        font-size: 14px!important;
    }
    
    .module-item-text .attendees.group {
        position:absolute;
        top:22px;
        left:65px
    }
    .yamm .dropdown-menu.text-left
    { left: -160px; }
    .yamm .dropdown-menu
    { min-width: 220px; }
    .yamm .dropdown-menu .list-unstyled
    { padding-right: 15px!important; padding-left: 15px!important; }

}
@media all and (max-width:600px) {

    .module-reply .module-item-location {
        margin-top: 3px;
        display: block;
    }
    #home .text-danger.delete {
        top: 25px;
        right: 10px;
    }
    .img-wrap {
        height: 220px;
    }
    #responsive-table .table.profile td {
        padding-top: 14px!important;
    }
    #main #file-library td {
        width: 100%;
        display: block;
        padding-bottom: 15px;
}
    #main #file-library td input[type="text"], #main #file-library td textarea {
        width: 100%;
    }
    #main #file-library td:nth-child(2n+1) {
        border-bottom: medium none;
        padding-bottom: 0;
        padding-top: 10px;
    }
}
@media all and (max-width:480px) {
    .module-actions .reply.feed .module-item-img {
        padding: 0;
        width: 40px!important;
        height: 40px!important;
        display: table-cell;
    }
    .module-actions .reply.feed .module-item-img img {
        width: 40px;
        height: 40px;
    }
    #main #profile td {
        display: block;
        width: 100%;
    }
    .table-actions #CreateForm a {
        clear: both;
        display: block;
        float: none !important;
        margin-bottom: 10px;
}
     .notifications.notification-center .alert-image {
        border: 1px solid #fff;
        display: table-cell;
        float: right;
        height: 45px;
        min-width: 45px;
        width: 45px;
    }
        .notifications.notification-center .alert-image img {
            background-position: 50% 50%;
            background-size: cover;
            height: 45px;
            object-fit: cover;
            width: 45px;
        }
.table-actions #CreateFolderInput {
        margin-bottom: 15px;
}

.table-actions #CreateFolderInput input#strFolderName {
        margin-bottom: 10px;
        width: 95%;
}

        #main #profile td input, #main #profile td select {
            width: 100%;
            margin-bottom: 10px;
        }
    #main #profile td textarea {
        width: 100%;
        height: 60px;
    }
    #dAdvancedSearch td input {
        width: auto !important;
    }

    .module-actions.comment {
        padding: 10px 0;
    }

        .module-actions.comment.reply {
            padding: 10px;
        }

    .list-functions small {
        display: block;
        margin-bottom: 10px;
        width: 100%;
        margin-top: 10px;
    }

        .list-functions small:first-child {
            margin-top: 0;
        }

    .list-functions select {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .list-functions .input-group {
        width: 100% !important;
    }

    .img-wrap {
        height: 280px;
    }

    input[type="radio"], input[type="checkbox"] {
        width: auto !important;
    }

    .module-date {
        display: block;
        margin-bottom: 15px;
        position: inherit;
    }

    #main .table.info .account-options {
        display: none !important;
    }

    .module-save {
        clear: both;
        display: block;
        float: left !important;
        font-size: 13px;
        margin-top: 5px;
        position: inherit;
    }

    .job-alerts .module-item-img {
        display: none;
    }

    .job-alerts .module-featured, .job-alerts .module-item-title, .job-alerts .module-item-location {
        padding-right: 0 !important;
    }

    .connections .module-item-body, .connections .module-item-img {
        padding-top: 20px;
    }

    .connection-requests .module-item-body, .connection-requests .module-item-img {
        padding-top: 10px;
    }    

    .input-group.view-connections, .input-group .dropdown.view-connections {
        margin-top: 10px;
    }

    #directMessage .modal-dialog, #Connect .modal-dialog, #Message .modal-dialog, #newTag .modal-dialog, #LeaveGroup .modal-dialog, #SubscribeNewsletter .modal-dialog, #unSubscribe .modal-dialog, #postInfo .modal-dialog, #deletePost .modal-dialog, #monthView .modal-dialog, #NewJobAlert .modal-dialog, #ManageJobAlerts .modal-dialog, .DeleteAlert .modal-dialog, .EditJobAlert .modal-dialog, #Preferences .modal-dialog, #CourseDetails .modal-dialog, #CourseDetailsPurchase .modal-dialog, .likeList .modal-dialog, .commentList .modal-dialog, .shareList .modal-dialog, #EditPhoto .modal-dialog {
        width: 94%;
    }

    .profile-main.col-md-12.col-sm-12 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .photo-gallery .albums {
        width: 100%;
    }

    .photo-popup .modal-dialog {
        width: 90% !important;
    }

    #connections .module-item-body .col-sm-6 {
        padding-left: 5px;
        padding-right: 0;
    }

    #connections .module-item-body .member-content p {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
    }
}
    @media all and (max-width: 375px) {
        .ellipsis {
            max-width: 200px;
        }
    }
@media all and (max-width:374px) {
    .mobile-nav {
        width: 255px!important;
    }
    .nav-expanded a.nav-expander.fixed {
        left: 255px!important;
    }
    .ellipsis {
        max-width: 160px;
    }
}

@media all and (max-width: 360px) {
    .favs-reposts {
    margin-top: 10px;
    text-align: right;
    width: 100%;
    }
}
@media all and (max-width: 340px) {
    .linkedin-icon {
        margin-right: 10px;
        padding: 8px;
    }
    .btn-default.linkedin {
        font-size: 13px;
        padding-right: 10px;
    }
    .img-wrap {
        height: 230px;
    }
}
@media all and (max-width:400px) {
    .account-settings li {
        margin-right: 10px;
        margin-bottom: 0;
        width: auto;
    }
    .account-settings li a {
        border-radius: 6px 6px 0 0 !important;
        margin: 0 0 -1px 0 !important;
        padding: 11px 12px !important;
        height: 41px;
    }
    .account-settings li a i {
        font-size: 13px;
        margin-right: 0 !important;
    }
    .page-header .input-group {
        max-width: 170px;
    }
    .learning-cart.module-actions a {
        font-size: 13px!important;
    }
    .learning-cart .dropdown-menu {
        border-radius: 6px;
        left: -145px;
        top: 20px;
        width: 240px;
    }
}
@media all and (max-width: 360px) {
    .course-img img {
        height: 150px;
    }
}

.custom-radio label,
.custom-checkbox label {
    font-weight:400;
}

/* Checkbox styling */

.selectpicker,
.bootstrap-select {
    width:100%!important;
}

.selectpicker option,
.bootstrap-select option {
    font-size:1.25em;
}

.bootstrap-select .text {
    font-size:100%;
}

.module-item-title input[type="checkbox"]:checked + label span:before {
    top:1px;
}

#GroupSelector input[type="checkbox"] + label span {
    width:14px;
    height:14px;
}

#GroupSelector input[type="checkbox"]:checked + label span:before {
    left:0;
    top:-4px;
}

.folding-tiles {position:relative;}

#new-content {
    border-radius: 0 0 6px 6px;
    left: 39%;
    line-height: 1.5em;
    padding: 2px 20px;
    position: absolute;
    right: auto;
    top: 0;
    z-index:1000;
    transition: all .25s;
    opacity:1;
}

.folds{perspective:2000px;perspective-origin:50% 0; height:0px;opacity:0;}
.folds .fold{height:auto;background-color:#666;transform-style:preserve-3d;transform-origin:center top;transition:transform .5s ease-in-out,background-color .5s ease-in-out}
.folds .fold .fold{background-color:#ddd}
.folds .fold .tile{height:auto}
.folds>.fold{transform:rotate3d(1,0,0,-90deg)}
.folds>.fold .fold{transform:rotate3d(1,0,0,179.9deg)}

.moveable{transform:translate3d(0,0,0);transition:transform .5s cubic-bezier(0.7,0,.525,.915); margin-bottom:25px!important;}

.moveable .tile:first-child {
    margin-top:0!important;
}

#new-content.active{background-color:red; opacity:0;}
#new-content.active~.hidden-container .folds {height:auto;opacity:1;}
#new-content.active~.hidden-container .folds .fold{background-color:transparent;transform:none}
#new-content.active~.hidden-container .moveable{transform:translate3d(0,auto,0);transition-timing-function:cubic-bezier(0.4,.042,.32,.925)}

<!-- Calendar CSS -->


#Calendar {
}
#Calendar th {
    background-color: #999;
    color: #ffffff;
    text-align: center;
    padding: 3px;
}
#Calendar th.Head {
    background-color: transparent;
    color: #333333;
    font-size: 17px;
    padding: 5px;
}
#Calendar th.Head a {
    font-size: 12px;
}
#Calendar tr.Normal {
    background-color: #ffffff;
}
#Calendar tr.Highlight {
}
#Calendar td {
    border: 1px solid #ccc;
    height: 70px;
    padding: 3px;
    vertical-align: top;
    width: 110px;
}
#Calendar td.MonthPrevNext {
    background-color: #eeeeee;
}
#Calendar td.EndWeek {
    border: medium none;
    vertical-align: middle;
    text-align: center;
}
#Calendar tr.Normal a.MonthDay, tr.Normal a.MonthDayNow {
    border: 1px solid #ccc;
    border-radius: 6px;
    display: block;
    float: right;
    height: 28px;
    padding: 0;
    text-align: center;
    width: 31px;
    font-size: 13px;
}
#Calendar tr.Highlight a.MonthDay, tr.Highlight a.MonthDayNow {
    border-radius: 6px;
    border: 1px solid #ccc;
    color: #ffffff;
    display: block;
    float: right;
    height: 28px;
    padding: 0;
    text-align: center;
    text-decoration: underline;
    width: 31px;
}
#Calendar a.MonthDay {
    background-color: transparent;
    border: 1px solid #ccc;
    color: #333333;
}
#Calendar a.MonthDayNow {
    background-color: #999;
    color: #ffffff;
    font-weight: bold;
}
#Calendar a.MonthDay:hover, a.MonthDayNow:hover {
    background-color: #999;
    color: #ffffff;
}
#Calendar ul.EventDetails {
    font-size: 11px;
    margin: 0;
    padding: 2px;
}
#Calendar ul.EventDetails li {
    border: 1px solid #bbbbbb;
    list-style: outside none none;
    margin: 0;
    padding: 0 0 5px 5px;
}

#GroupSelector {
    background-color: White;
    border: 1px solid #cccccc;
    padding: 1px;
}
	
.GsListItem {
    font-size: 12px;
    height: 26px !important;
    padding: 4px 3px;
    transition: all 0.25s ease 0s;
    white-space: nowrap;
}
.GsListItem:hover {
    background: #f7f7f7 none repeat scroll 0 0;
}
.GsItemBorder {
    border-top: 1px solid #eeeeee;
}

.engagement-info .small {
    font-size: 13px;
}

.rating {
    background: #85ca85 none repeat scroll 0 0;
    border-radius: 10px;
    height: 80px;
    width: 100%;
}

#rating1 {
    height: 20px;
    margin-top: 55px;
}
#rating2 {
    height: 25px;
    margin-top: 50px;
}
#rating3 {
    height: 30px;
    margin-top: 45px;
}

#rating4 {
    height: 35px;
    margin-top: 40px;
}
#rating5 {
    height: 40px;
    margin-top: 35px;
}
#rating6 {
    height: 45px;
    margin-top: 30px;
}
#rating7 {
    height: 50px;
    margin-top: 25px;
}
#rating8 {
    height: 55px;
    margin-top: 20px;
}
#rating9 {
    height: 60px;
    margin-top: 15px;
}
#rating10 {
    height: 65px;
    margin-top: 10px;
}
#rating11 {
    height: 70px;
    margin-top: 5px;
}
#rating12 {
    height: 75px;
}

/* Engagement Animation */

/* Animation Info */

.animate, .animate1, .animate2, .animate3, .animate4, .animate5, .animate6, .animate7, .animate8, .animate9, .animate10, .animate11, .animate-border {
    opacity: 0;
}

@keyframes load {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.animate, .animate1, .animate2, .animate3, .animate4, .animate5, .animate6, .animate7, .animate8, .animate9, .animate10, .animate11, .animate-border  {
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
    
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:.5s;
    -moz-animation-duration:.5s;
    animation-duration:.5s;
}

/* Animation Info End */

/* Just Getting Started */

.animate1 {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.animate2 {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    animation-delay: .4s;
}

.animate3 {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-delay: .6s;
}

.animate4 {
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    animation-delay: .8s;
}

.animate5 {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}

.animate6 {
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.animate7 {
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.animate8 {
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    animation-delay: 1.6s;
}

.animate9 {
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

.animate10 {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
}

.animate11 {
    -webkit-animation-delay: 2.2s;
    -moz-animation-delay: 2.2s;
    animation-delay: 2.2s;
}

/* Animation Fill */

.green1 {
    opacity: .9;
}
.green2 {
    opacity: .8;
}
.green3 {
    opacity: .7;
}
.green4 {
    opacity: .6;
}
.green5 {
    opacity: .5;
}
.green6 {
    opacity: .4;
}
.green7 {
    opacity: .3;
}
.green8 {
    opacity: .2;
}
.green9 {
    opacity: .15;
}
.green10 {
    opacity: .1;
}
.green11 {
    opacity: .05;
}
.engagementLevel5 .green11 {
    opacity: .15;
}
.engagementLevel1 .green1, .engagementLevel1 .green2, .engagementLevel2 .green1, .engagementLevel2 .green2, .engagementLevel2 .green3, .engagementLevel2 .green4, .engagementLevel3 .green1, .engagementLevel3 .green2, .engagementLevel3 .green3, .engagementLevel3 .green4, .engagementLevel3 .green5, .engagementLevel3 .green6, .engagementLevel4 .green1, .engagementLevel4 .green2, .engagementLevel4 .green3, .engagementLevel4 .green4, .engagementLevel4 .green5, .engagementLevel4 .green6, .engagementLevel4 .green7, .engagementLevel4 .green8, .engagementLevel4 .green9, .engagementLevel5 .green1, .engagementLevel5 .green2, .engagementLevel5 .green3, .engagementLevel5 .green4, .engagementLevel5 .green5, .engagementLevel5 .green6, .engagementLevel5 .green7, .engagementLevel5 .green8, .engagementLevel5 .green9, .engagementLevel5 .green10 {
    opacity: 1;
}

.engagementLevel1 .green3, .engagementLevel1 .green4, .engagementLevel1 .green5, .engagementLevel1 .green6, .engagementLevel2 .green5, .engagementLevel2 .green6, .engagementLevel3 .green7 {
    opacity: .3;
}
.engagementLevel1 .green7, .engagementLevel2 .green7 {
    opacity: .25;
}
.engagementLevel1 .green8 {
    opacity: .2;
}
.engagementLevel1 .green9 {
    opacity: .15;
}
.engagementLevel1 .green10 {
    opacity: .1;
}
.engagementLevel1 .green11 {
    opacity: .05;
}

#home .module-message, .grid.wall .module-message, grid.group-feed .module-message {
    display: table;
    table-layout: fixed;
    width: 100%;
    word-wrap: break-word;
}

.module-actions.comment a.active {
    color: #3e76da;
}

.module-actions.comment a.active:hover {
    color: #2a6496;
}

.select-padding {
    padding: 10px 5px!important;
}

.vertical-line {
    border: 1px solid #ebebeb;
    margin-bottom: 15px;
    padding: 15px 15px 0;
}

.account .noticebar-menu li {
border-bottom: 1px dotted #ccc;
display: table;
margin-left: 0;
margin-right: 0;
padding: 0;
text-align: left;
width: 100%;
}
.noticebar .account .dropdown-menu.noticebar-menu {
    max-width: 238px !important;
}

.account .noticebar-menu > li > a {
    padding: 8px 12px;
    white-space: normal;
   Font-size: 13px;
}


/* new css to handle the new headline for shared posts, person commented on post, etc */
.module-post-info {
    border-bottom: 1px solid #ebebeb;
    display: block;
    margin-bottom: 5px;
    padding-bottom: 3px;
    padding-right: 30px;
}
/* Animation Fill End */

/* EVERYTHING BELOW THIS COMMENT WAS ADDED BY DEV */
/* When updating from Design (Mike Cross), paste over everything above with his new version */
/* WATCH OUT FOR Z-INDEXES - they are too high in design's version */


button.DisplayCurrButton {
    width: 20px;
    height: 20px;
}
#account-settings .user-control .navbar-default {
    background-color: transparent !important;
    border: medium none !important;
}

#account-settings .user-control .navbar-default .nav li {
    border-right: 1px solid #ddd;
    display: inline-block;
    font-size: 0.95em;
    padding: 0 3px;
    position: relative;
}
#account-settings .user-control .navbar-default .nav li:last-child {
    border-right: medium none;
}
#account-settings .user-control .navbar-default .nav li a {
    border-radius: 4px;
    padding: 3px 10px;
    transition: all 0.5s ease 0s;
    border: none;
}

#account-settings .module-body {
    min-height: 250px;
}

#account-settings .user-control .navbar-default .nav li a i {
    margin-right: 3px;
}
#account-settings .user-control .navbar-default .nav li.active a {
    font-weight: bold;
    border-bottom: 2px solid #3e76da;
    background: transparent;
    border-radius: 0;
    color: #3e76da;
}

#account-settings #cp .nav li.active a {
    background-color: transparent;
    border-bottom: 2px solid #3e76da;
    border-radius: 0;
    color: #3e76da;
    font-weight: bold;
}

#account-settings .tab-content {
    padding-top:0px;
}

.redalert {
	color: red;
}

.pagination .btn-primary {
	padding: 6px 12px;
	cursor: default;
}

	.pagination .btn-primary:hover {
		background-color: #3e76da;
		border-color: #2a5fbd;
	}

.anchored-alert-top {
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 0;
	max-width: 600px;
	z-index: 1000;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	margin-bottom: 0;
	position: relative;
	top: -2px;
	padding-left: 5px;
	font-weight: normal;
}

input[type="radio"] + label + a,
input[type="checkbox"] + label + a {
	margin-bottom: 0;
	position: relative;
	top: -2px;
}

.table tr.delitem td {
	background-color: #f2dede!important;
	border-bottom-color: #ebccd1!important;
    color:#a94442!important;
}

#SpContent {
	min-height: 500px;
    width:100%;
}

#SpContent_Container {
	vertical-align: top!important;
}

.table tr.item td {
	background-color: #f9f9f9!important;
}


textarea {
	width: 100%;
}

#TopToolBar label {
	display: inline!important;
	margin-bottom: 0!important;
	font-weight: normal!important;
}
/* disable transitions for everything in a YUI overlay */
.yui-skin-sam * {
	transition: all 0s !important;
}
.yui-skin-sam .yui-panel .hd {
	background: #f6f6f7!important;
	color: #304457!important;
}
.yui-skin-sam .yui-panel .hd b {
	color: #304457!important;
}

#FormErrors {
	width: 100%;
	border-radius: 0;
	background-color: #f2dede;
	color: #a94442;
	padding: 15px;
	border: 1px solid transparent;
	border-color: #ebccd1;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px
}

	#FormErrors .redalert {
		color: #a94442!important;
	}

	#FormErrors ul {
		padding-left: 0!important;
	}

ul.ui-autocomplete li.ui-menu-item a {
	color: #304457;
	font-size: 13px;
}

#connections a[id^="add-connect-"] {
    position: absolute;
    right:10px;
    top: 10px;
    font-size: 11px;
}

/* My Wall */
.loading-in-textbox
{
	top: 10px;
	right: 10px;
	position: absolute;
	display: none;
}

#profile .contact .my-networks-dropdown .dropdown-menu li {
	border: none!important;
	padding: 0!important;
	margin: 0!important;
	font-size: 11px!important;
}

profile-container li.dropdown.active,
profile-container li.dropdown.active a#more-options {
	cursor: pointer;
}
profile-container ul#more-contents li.active {
	background-color: #f5f5f5;
	cursor: default;
}

.card-actions .modal-header,
.card-actions .modal-body {
	text-align: left;
}

#divProfileCard_Message .modal-body {
	padding-bottom: 0px;
}

.datepick {
    position:relative;
    width:100%;
}
.datepick input {
   border:1px solid #ccc;
    border-radius:4px;
    padding: 6px 12px;
    position:relative;
    z-index:5;
    background: transparent;
    width:100%;
}
.datepick i, .datepick a {
    padding: 9px 10px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 10;
	width: 34px;
	height: 34px;
}
	.datepick i {
		border-left: 1px solid #ccc;
		width: 34px;
		height: 34px;
	}
.lineitem td {
    border:none;
}
.results .popover {
    max-width: 450px;
    width: 100% !important;
}
.results .close, .tile-close.close {
    position: absolute;
    right: 10px;
    top: 10px;
}
#connections .module-actions, #groups .module-actions {
    bottom: 0;
    display: table-row;
    font-size: 12px;
    left: 0;
    padding: 5px;
    position: absolute;
    vertical-align: middle;
    width: 100%;
}

.module.tile.group {
    box-shadow: 0 5px 6px -5px #333;
}

.groupTableZone1 {
    border:0;
}
.groupTableZone2 {
    border:0;
}

.group.module-actions.text-right .groupAdminDD .dropdown-menu {
    min-width:410px;
    text-align:left;
    left:-350px;
    
}

.group.module-actions.text-right .groupAdminDD.pull-right {
    float: none!important;
}

.engagement-horizontal-mini-menu {
    margin-top:10px;
    display:block;
}
.engagement-horizontal-mini-menu a {
    font-size:12px;
    margin: auto 5px;
}

#SpNavBar a {
    font-size:12px;
}
.groupAdminDD {
    display:inline-block;
    margin-bottom: 15px;
    margin: 0 5px;
    padding: 0;
}
.top-forum-posters .groupAdminDD {
	padding-top:0px;	
}
.groupAdminDD .dropdown-menu {
    min-width:410px;
    
}
    .groupAdminDD .dropdown-menu a {
        padding:4px 20px;
        display:block;
    }
    .groupAdminDD .dropdown-menu a:hover {
        background: #f5f5f5;
        color: #262626;
    }
    
#ContextualHelpHead img {
	margin-right: 5px;
	position: relative;
	top: 2px;
}
.groupPagesDD {
    display:inline-block;
    margin-bottom: 15px;
    margin: 0 5px;
    padding: 0;
}
.panel-body th {
    display:none;
}
span.block {
	display: block;
	padding-bottom: 10px;
}
.groupActionsDD {
    display:inline-block;
    margin-bottom: 15px;
    margin: 0 5px;
    padding: 0;
}

.joinGroupMenuItem {
    display:inline-block;
    margin-bottom: 15px;
    margin: 0 5px;
    padding: 10px 0;
}
#tat_table td {
    padding:5px;
    background-color:#fff;
    color:#000 !important;
    border: 1px solid #ccc;
}
#tat_table tr:not([id^=tat_tr]):first-child td {
    display:none;
}
#tat_table tr:not([id^=tat_tr]):last-child td {
    display:none;
}
.blog-comment-body {
    width:100%;
}
.post-comment label {
    display:inline;
}

.blog-post-form .form-control {
    margin-bottom:20px;
}
.blog-post-form td {
    vertical-align:top;
}
.radioArea1 input[type=text] {
    width:200px;
}
.blog-post-form label {
    display:inline;
}
.blog-post-form td {
    padding-bottom:15px;
}

.blog-post-form #tblEditor_strBody td {
	padding-bottom: 0;
}

#blnPostToWall {
    margin-right:10px;
}
table#SpSubHead {
    width:100%;
}

.forum-post .module-item-body {
    width:100%;
}

.social-buttons {
    margin-top:10px;
}
.social-buttons .row {
    margin-top: 15px;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
}
    .social-buttons img {
        border-radius:4px;
    }
    .social-buttons .btn-info {
        border-color:#3e76da;
        background-color:#3e76da;
    }
    .social-buttons .btn-info:hover {
        border-color:#304457;
        background-color:#304457;
    }
    .social-buttons .btn-success {
        border-color:#5cb85c;
        background-color:#5cb85c;
    }

.catalog .module-item-img {
    width:95px;
    padding:10px;
}
.learning-title h2 {
    border-bottom: 1px solid #ddd;
    font-family: "Oswald",sans-serif;
    font-size: 1.25em;
    font-weight: 300;
    margin: 0;
    padding-bottom: 10px;
}

.engagementFeaturesTile .module-actions  {
    position:relative;
}
.engagementFeaturesTile .module-actions a {
    display:block;
}

#profile .progress {
    max-width: 100% !important;
    box-shadow: none;
    background: #e8e9eb;
    border-radius: 20px;
    height: 20px;
    margin-bottom: 10px;
}

textarea.resize-vertical, div[contenteditable] {
    resize: vertical;
}

.word-wrap{
    max-height: 300px;
    overflow-y: auto;

 /* Non standard for webkit */
     word-wrap: break-word;

    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}
textarea.no-resize {
    resize: none;
}

#EditPhoto .avatar-wrapper {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    display: block;
    max-width: 102px;
    max-height: 102px;
    margin: 0 auto;
}

#EditPhoto .avatar-wrapper img {
    padding:2px;
    width:100px;
    height:100px;
    object-fit: cover;
     -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; 
    overflow: hidden;
}

.dropzone {    
    background: none no-repeat scroll 0 0 rgba(0, 0, 0, 0.0);
            background-image: url("/global/global_graphics/upload-photo.png");
            background-position: center center;
    border: 1px dashed #ddd;
    border-radius: 0;
    min-height: 128px;
    padding: 0;
    z-index: 1;
}
.dropzone .dz-default.dz-message {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    width: 428px;
    height: 123px;
    margin-left: -214px;
    margin-top: -61.5px;
    top: 50%;
    left: 50%;
}
.avatar-wrapper .img-overlay, .profile-image .img-overlay {
    background-color: #fff;
    border-radius: 0 6px 0 0;
    bottom: 0;
    color: #666;
    display: none;
    height: auto;
    left: 0;
    opacity: 0.9;
    padding: 4px 8px;
    position: absolute;
    right: 15px;
    transition: all 0.5s ease 0s;
    width: 65px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    
}

.avatar-wrapper:hover .img-overlay, .profile-image:hover .img-overlay {
    display: inline-block;
    transition: all 0.5s ease;
}

.profile-image .img-overlay {
    width: 30px;
    display: inline-block;
    font-size: 12px;
}

.img-overlay a {
    color: #666;
    display: block;
    font-size: 12px;
    text-align: center;
}

.postImage {
    display: inline-block;
    margin-top: 15px;
    width: 100%;
}

.postImage .tile {
    border: 1px solid #ccc !important;
    box-shadow: none;
    padding: 10px !important;
}

.postImage .tile-close.close {
    right: 5px;
    top: 5px;
}

.imageUpload {
    float: left;
    max-height: 90px;
    max-width: 156px;
    overflow: hidden;
    position: relative;
}

.uploadInfo {
    color: #777;
    display: table;
    float: left;
    height: 90px;
    margin-left: 15px;
    vertical-align: middle;
    width: auto;
}

.imageUpload img {
    display: block;
    height: 90px;
}

.uploadInfo p {
    display: table-cell;
    vertical-align: middle;
}

textarea.autoresize{
    max-height: 200px;
}
/* New loading bar to replace modal and overlay */
#loadingBar{
    position: fixed; 
    top: 0px; 
    left:0px; 
    right: 0px; 
    margin: 0px; 
    padding: 0px; 
    z-index: 999999; 
    height: 3px;
}
#loadingBar .progress-bar{
    background-color: #3e76da;
    height: 3px;
}

/* experimental iPhone 6 vs Desktop*/
@media only screen
    and (max-device-width: 667px) 
    and (-webkit-min-device-pixel-ratio: 2) { 

    .desktop{
        display: none !important;
    }
    .mobile {
        display: block !important;
    }
}
@media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px) 
    and (-webkit-min-device-pixel-ratio: 1) {
    .desktop{
        display: none !important;
    }
    .tablet {
        display: block !important;
    }
}
@media only screen
    and (min-device-width: 668px){
    .desktop {
        display: block !important;
    }
    .mobile{
        display: none !important;
    }
}

.breadCrumb {
	padding-top: 0!important;
}

[contenteditable]:empty:before {
  content: attr(placeholder);
  display: block; /* For Firefox */
  color: #999;
}

.ScoreControl a {
	margin: 0;
}

.ScoreControl_bias {
	position: relative;
	top: 3px;
}

.modal-comments.photo-options {
	position: absolute;
	top: 15px;
	right: 15px;
}

.modal-comments.photo-options .dropdown-menu {
	right: 0;
	left: initial;
}

.modal-comments.photo-options a {
	color: #777;
}

.mobile-photo-actions a.active {
	color: #639bff;
	font-weight: bold;
}

.photo-loading-overlay {
	/*background-color: black;
	opacity: .25;*/
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
}

	.photo-loading-overlay fa-refresh {
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
	}

.non-draggable-image {
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.feed-image-post .single-image .img-responsive {
    border-bottom: 0 none !important;
    border-right: 0 none !important;
    height: auto !important;
    max-height: 400px;
    object-fit: inherit !important;
    width: auto !important;
}

.feed-image-post .img-responsive {
    height: 200px;
    object-fit: cover;
    width: 100%;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
}


.photo-overlay {
    background-color: rgba(153, 153, 153, 0.7);
    bottom: 3px;
    height: auto;
    left: 0;
    position: absolute;
    right: 3px;
    top: 0;
    width: auto;
}

.count-inner {
    display: table-cell;
    vertical-align: middle;
}

.overlay-count {
    color: #fff;
    font-size: 42px;
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    text-align: center;
    display: table;
}

.overlay-count .fa {
    font-size: 28px;
}

div.modal,
div#jsPageAlert,
div#jsPageAlert div.anchored-alert-top {
	z-index: 100000!important;
}

#photogallerywrapper {    
    padding-bottom: 10px;    
    padding-top: 10px;
}

#photogallerywrapper .ViewImage {
    border-bottom: 5px solid #fff;
    border-right: 5px solid #fff;
    display: inline-block;
    width: 33%;
}

#photogallerywrapper .ViewImage img {
    background-position: 50% 50%;
    background-size: cover;
    height: 75px;
    margin: 0;
    object-fit: cover;
    vertical-align: top;
    width: 100%;
}

.photo-comment-box {
	resize: none;
}

/* First Time Experience */

.dot-separator .fa {
    font-size: 3px;
    line-height: 7px;
    vertical-align: middle;
}

.firstTimeExperience .canvas .content {
    max-width: 950px;
    width: 92%;
    margin: 0 auto !important;
    padding-top: 0;
}

.firstTimeExperience .controlcenter {
    padding: 0;
}

.firstTimeExperience {
    background-color: #b7b7b7;
    background-image: url("/global/member_engagement/img/bg/firsttime-bg.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center top;
    color: #2d4358;
}

.firstTimeExperience #wrapper, .firstTimeExperience .canvas {
    background-color: transparent;
}

.firstTimeExperience .tile {
    box-shadow: 0 5px 6px -5px #333;
    padding-bottom: 100px;
}

.firstTimeExperience .next-button {
    bottom: 25px;
    position: absolute;
    right: 25px;
}

.firstTimeExperience .content .nav-tabs a {
    background: transparent none repeat scroll 0 0;
    border: medium none!important;
    font-size: 15px;
    padding: 0 3px;
    color: #666!important;
}

.firstTimeExperience .content .nav-tabs .active a::after {
    content: "";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    left: 16px;
    margin-left: -13px;
    position: absolute;
    top: 0;
}

.firstTimeExperience .item-connect {
    display: table-cell;
    font-size: 28px;
    font-weight: 600;
    width: 45px;
    vertical-align: middle;
    transition: all 0.5s ease 0s;
}

.firstTimeExperience .item-connect a {
    transition: all 0.5s ease 0s;
}

.firstTimeExperience .item-connect .sent {
    color: #5cb85c;
    transition: all 0.5s ease 0s;
}

.firstTimeExperience .sentRequest {
    font-size: 14px;
    font-weight: normal;
    display: block;
    margin-top: -5px;
}

.firstTimeExperience .tile .list-group .list-group-item {
    border: medium none;
    padding: 12px 0;
}

.firstTimeExperience .btn-lg.btn-primary {
    padding: 10px 24px;
    font-size: 17px;
}

.firstTimeExperience .module-actions {
    padding: 15px;
}

.firstTimeExperience #buildCommunity .fa {
    color: #dfdfdf;
    font-size: 180px;
}

.firstTimeExperience #buildCommunity .fa.small {
    font-size: 100px;
    margin-left: -80px;
}

.firstTimeExperience .noPhoto {
    background-color: #f6f6f7;
    border: 1px dotted #ddd;
    display: table;
    height: 160px;
    margin: 0 auto;
    position: relative;
    width: 160px;
    padding: 15px;
}

.firstTimeExperience .noPhoto .fa {
    display: table-cell;
    font-size: 100px;
    vertical-align: middle;
    color: #ccc;
}


.firstTimeExperience .noPhoto span {
    background-position: 50% 50%;
    background-size: cover;
    bottom: 0;
    height: 100px;
    left: 0;
    margin: auto;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}

.firstTimeExperience .noPhoto span img {
    background-position: 50% 50%;
    background-size: cover;
    height: 100px;
    object-fit: cover;
    width: 100px;
}

@media all and (max-width: 480px) {
    .firstTimeExperience h2 {
        font-size: 1.85em;
    }
    #photoUpload .pleft-15.pright-15, #inviteToConnect .pleft-15.pright-15, #firstPost .pleft-15.pright-15 {
        padding: 0;
    }
    .smallModal .modal-dialog {
         width: 94%;
     }

}

/* End First Time Experience */

/* ENGAGEMENT RANK */

.item-number {
    color: #777;
    display: table-cell;
    font-size: 18px;
    font-weight: 600;
    width: 25px;
}

#engagement-rankings .item-number, #available-connections .item-number {
    padding-right: 10px;
    padding-top: 10px;
    width: 32px;
}

#engagement-rankings .list-group-item .module-item , #available-connections .list-group-item .module-item {
    padding: 5px 10px;
}

#engagement-rankings .list-group-item, #available-connections .list-group-item {
    padding: 0;
}

#engagement-rankings .list-group-item .module-actions, #available-connections .list-group-item .module-actions {
    margin-top: 0;
    padding: 5px;
    font-size: 12px;
}

#engagement-rankings .module-item-text, #available-connections .module-item-text {
    font-size: 12px;
    line-height: 1.35em;
}

#engagement-rankings .list-group-item:last-child, #available-connections .list-group-item:last-child {
    border-bottom: medium none;
}

.module-item-text.ranking {
    font-size: 13px !important;
}

.ranking a {
    font-size: 15px;
}

.my-rank .module-item-text.ranking {
    font-size: 15px !important;
    margin-bottom: 7px;
}

.my-rank .module-item-text.ranking .text-info {
    font-size: 17px;
}

#rr .list-group-item.your-rank .module-item-img img {
    background-position: 50% 50%;
    background-size: cover;
    height: 45px;
    object-fit: cover;
    width: 45px;
}

.my-rank .module-item-img {
    height: 80px;
    min-width: 35px;
    padding: 10px 0 0;
    text-align: center;
    width: 80px;
}

.my-rank .module-item-img img {
    background-position: 50% 50%;
    background-size: cover;
    height: 80px;
    object-fit: cover;
    width: 80px;
}

.my-rank .module-item-body {
    padding-left: 20px;
    vertical-align: middle;
}

#engagement-rankings .your-ranking {
    background: #edf9ff none repeat scroll 0 0;
}

#engagement-rankings .item-number {
    padding-right: 10px;
    padding-top: 10px;
    width: 32px;
}

#rr #connections .list-group-item, #rr #groups .list-group-item {
    padding: 0;
} 
 
#rr #connections .module-item-img, #rr #groups .module-item-img {
    padding-top: 0;
}

#rr #connections .module-item-body, #rr #groups .module-item-body {
    padding: 0 0 0 10px;
}

#rr .list-group-item .module-item-img {
    height: 40px;
    min-width: 35px;
    padding: 10px 0 0;
    text-align: center;
    width: 40px;
}

#rr .list-group-item .module-item-img img {
    background-position: 50% 50%;
    background-size: cover;
    height: 40px;
    object-fit: cover;
    width: 40px;
}

#engagement-rankings .list-group-item, #available-connections .list-group-item{
    padding: 10px 0;
}

.module-item-body.results {
    padding: 0 0 0 10px;
}

.pleft-42 { padding-left:42px;}

/* ENGAGEMENT RANK END */

/* Membership Renewal page START */
#tMembershipModifiers input[type=checkbox]
{
    margin-right : 5px;
    margin-left : 7px;
}

#tMembershipModifiers .ContentTopDivider
{
    border-top : none;
    padding : 0 10px;
}

#tMembershipModifiers label
{
    display : inline;
}


#dCharacteristicRules li
{
    list-style : none;
    margin-bottom : 5px;
}
#dCharacteristicRules
{
    margin-bottom : 20px;
}

/* Membership Renewal page END */

/* Mobile Toolbar START*/

.connection-mobile .md {
    font-size: 2em;
}

.alert-mobile .fa {
    font-size: 1.6em;
}

.alert-mobile {
    line-height: 50px;
    padding-right: 15px;
    position: absolute;
    right: 0;
    text-align: right;
}

.alert-mobile .badge {
    line-height: 1em;
    position: absolute;
    right: 21px;
    top: 10px;
}

.connection-mobile {
    line-height: 50px;
    position: absolute;
    right: 70px;
}

.connection-mobile .badge {
    line-height: 1em;
    position: absolute;
    right: 5px;
    top: 10px;
}

.feed-mobile {
    line-height: 50px;
    position: absolute;
    right: 125px;
}

.feed-mobile .badge {
    line-height: 1em;
    position: absolute;
    right: 8px;
    top: 10px;
}

.alert-mobile a, .connection-mobile a, .feed-mobile a {
    color: #fff;
    display: block;
    padding: 0 13px;
}

.alert-mobile.open {
    width: 100%;
}

.notifications-mobile {
    left: 0;
    width: 100% !important;
    margin: 0;
    padding: 0;
}

.notifications-mobile .module-message {
    font-size: 13px;
}

.notifications-expanded {
  height: 100%;
  overflow: hidden;
}

.alert-mobile .module-item-location .fa {
    font-size: inherit;
}

#notification-mobile  .view-alerts a {
    font-size: 14px;
    line-height: 36px;
    padding: 14px;
}

#notification-mobile li:last-child {
    padding-bottom: 125px;
}

.admin-hide #notification-mobile li:last-child {
    padding-bottom: 55px;
}

/*Mobile Toolbar END*/

/* AngularJS Stuff */
.form-control.ng-invalid-pattern:not(.has-focus)
{
	border: 1px solid #FF3333;
	box-shadow: #FF3333 0 0 10px;
}

.results .badge {
    padding: 4px 10px 5px;
}

.connection-requests .tile.w-footer {
    min-height: 125px !important;
    padding-bottom: 35px;
    padding-top: 10px;
}

.connection-requests .list-group-item .module-item {
    padding: 5px 10px;
}

.connection-requests.see-more {
    border-top: 1px dotted #ddd;
}

.connections .dropdown-menu.checklist {
    min-width: 180px;
}

.dropdown-menu.checklist label {
    display: inline;
    font-size: 90%;
    font-weight: normal;
    margin: 0;
}
.requests-btn {
    position: absolute;
    right: 6px;
    top: 7px;
}
.connections-options .dropdown-menu {
    left: -105px;
}

.connections-options .dropdown-menu a {
    font-size: 12px;
}

.connections-options {
    font-size: 13px;
}

.connection-requests .module-actions a {
    display: block;
    float: left;
    margin: 0;
    text-align: center;
    width: 50%;
    padding: 9px 5px;
    font-size: 13px;
}

.connection-requests .module-actions a:first-child {
    border-right: 1px dotted #ddd;
}

.connection-requests .module-item-img {
    height: 40px;
    width: 40px;
}

.connection-requests .module-item-img img {
    height: 40px;
    width: 40px;
}

.connection-requests .module-actions {
    margin-top: 0 !important;
    padding: 0!important;
}

.connection-requests .tile.w-footer {
    min-height: 130px!important;
    padding-bottom: 35px;
    padding-top: 10px;
}
.requests-btn .btn-default {
    background: transparent none repeat scroll 0 0;
    border-color: #ddd;
    color: #777;
}
.requests-btn .btn-default:hover {
    background: transparent none repeat scroll 0 0;
    border-color: #c0c0c0 !important;
    color: #333 !important;
}

.dropdown-menu.checklist li.divider {
    padding: 0;
}

.dropdown-menu.checklist {
    padding: 5px 0;
}

.connections .dropdown-menu.checklist {
    min-width: 180px;
    z-index: 9;
}

#connections .module-actions, #groups .module-actions, .connection-requests .module-actions {
    bottom: 0;
    display: table-row;
    font-size: 12px;
    left: 0;
    padding: 5px;
    position: absolute;
    vertical-align: middle;
    width: 100%;
}

.page-header h2 .badge {
    font-family: "Roboto",sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1em;
    margin-top: 3px;
    padding: 2px 6px 3px;
    position: absolute;
}

.connection-requests .list-group-item:last-child {
   border-bottom : none;
    
}

/* UL PAGINATION */

ul.pagination li a {
    color: #3e76da;
    padding: 9px 16px;
}

ul.pagination .first-last a {
    cursor: pointer;
    padding: 14px 20px;
    font-size: 14px;
    line-height: 21px;
    height: 51px;
}

ul.pagination .previous-next a {
    cursor: pointer;
    padding: 10px 24px;
    font-size: 20px;
    line-height: 29px;
    height:51px;
}

ul.pagination .page-numbers span {
    color: #666;
    padding: 9px 16px;
    font-size: 14px;
    line-height: 31px;
    height:51px;
}

ul.pagination .page-numbers span:hover {
    background-color: #fff;
    color: #666;
}

ul.pagination .page-numbers .form-control {
    width: 45px;
    display: inline;
    padding: 6px;
    height: 30px;
    font-size: 14px;
    -webkit-appearance: none;
}

@media all and (max-width: 767px) {
    ul.pagination .first-last a {
        font-size: 20px;
        padding: 10px 22px;
        line-height: 29px;
    }
    ul.pagination .page-numbers span {
        padding: 9px 12px;
    }
}

@media all and (max-width: 413px) {
    ul.pagination .first-last a, 
    ul.pagination .previous-next a {
        font-size: 16px;
        padding: 10px 18px;
    }
    ul.pagination .page-numbers span {
        padding: 7px 16px;
        font-size: 13px;
        line-height: 35px;
    }
    ul.pagination .page-numbers .form-control {
        font-size: 13px;
        height: 29px;
    }
}

@media all and (max-width: 374px) {
    ul.pagination .first-last a, 
    ul.pagination .previous-next a {
        font-size: 15px;
        padding: 10px 13px;
        line-height: 27px;
    }
    ul.pagination .page-numbers span {
        padding: 6px 10px;
        font-size: 13px;
    }
    ul.pagination .page-numbers .form-control {
        font-size: 13px;
        height: 29px;
    }
}

/* UL PAGINATION END */

/* Available Connections */

.new-connections .seperate-container {
    min-height: 250px;
    padding-bottom: 55px;
    position: relative;
}

.new-connections .btn-default {
    position: absolute;
    width: auto;
    left: 15px;
    right: 15px;
    bottom: 15px;
}

.new-connections .module-item-body, .new-connections .module-item-location {
    display: block;
}

.new-connections .module-item-text.title, .new-connections .module-item-title, .new-connections .module-item-location {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.tile.new-connections .module-item-img img {
    width: 80px;
    height: 80px;
}

.tile.new-connections .module-item-img {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

@media all and (max-width: 767px) {
    .tile.new-connections .module-item-img {
        display: table-cell;
        height: 60px;
        width: 60px;
    }
    .tile.new-connections .module-item-img img {
        height: 60px;
        width: 60px;
    }
    .new-connections .module-item-body {
        display: table-cell;
        padding-top: 0;
        padding-left: 10px!important;
    }
    .new-connections .seperate-container {
        min-height: auto;
        padding-bottom: 70px;
        position: relative;
    }
}

@media all and (max-width:500px) {
    .tile.new-connections .module-item-img {
        display: block;
        height: 90px;
        width: 90px!important;
        margin: 0 auto;
    }
    .tile.new-connections .module-item-img img {
        height: 90px;
        width: 90px;
    }
    .new-connections .module-item-body {
        display: block;
        padding-left: 0 !important;
        padding-top: 10px;
    }
}

/* Available Connections END */

/* The starting CSS styles for the enter animation 
.tile.module.w-footer.ng-enter {
  transition:0.5s linear all;
  opacity:0;
}

 The finishing CSS styles for the enter animation 
.tile.module.w-footer.ng-enter-active {
  opacity:1;
}*/