@charset "utf-8";

/* CSS Document */

body
{
	padding: 90px 0 0!important;
    font-family:'Roboto', sans-serif;
    color: #304457;
}

html, body
{
	height: 100%; 
}

#main
{
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	/*height: 100vh;*/
}

.canvas
{
	width: 100%;
	flex: 1 0 auto;
}

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

a
{
    color:#3e76da;
}

a:hover
{
    color:#3564b8;
}

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

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

h3
{
    font-size:1.5em;
    margin-bottom:5px;
    margin-top:0;
}

h4
{
    font-size:1.125em;
}

label
{
	font-weight: normal;
	margin: 0;
}

.admin-bar
{
    height: 50px;
    margin-bottom: 0;
    padding:0!important;
	background-color:#fff;
	border-bottom: 1px solid #eee;
}

.admin-bar .logo-container
{
    padding-right: 15px;
    border-right: 2px solid #EDEDED;
    position: absolute;
    top: 12px;
    left: 14px;
    height: 25px;
}

.admin-bar .sitename-container
{
    margin-left: 166px;
    margin-right: 420px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-bar .sitename-container h3
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.admin-bar .welcome-container
{
	position: absolute;
	top: 0;
	right: 0;
}	

.top-bar
{
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

.top-bar .support .dropdown-toggle
{
    transition: all .5s;
}

.top-bar .support .dropdown-toggle:hover
{
    background:#a8ad00;
    color:#fff;
}

.btn
{
    transition: all .3s;
}

.btn-default
{
    border-color:#666;
}

.btn-default:hover {

    color: #333;
    background-color: #f5f5f5;
    border-color: #adadad;

}

.btn-default.dropdown-toggle,
.pagination .btn-group .btn-default,
.input-group .btn
{
    border-color:#ccc;
}

.pagination
{
    margin-bottom:0;
}

/* Button styling */
.btn-primary, 
.formbutton, 
.formButton,
.FormButton,
.duesRulesButton {
    background: #3e76da ;
    border:1px #2a5fbd solid ;
    padding:6px 20px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color:#fff;
    line-height: 1.42857em;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    font-family:Roboto, sans-serif;
    white-space: nowrap;
    transition: all .25s;
    -moz-transition: all .25s;
    -o-transition: all .25s;
    -webkit-transition: all .25s;
}

.btn-primary:hover,
.formbutton:hover,
.formButton:hover,
.FormButton:hover,
.duesRulesButton:hover {
    background: #2e4267;
    border-color:#000;
}

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

.btn.disabled {
    cursor: not-allowed!important;
}

.disable-click {
    pointer-events: none; 
    color: graytext;
}

/* Changes 'Delete' and 'Cancel' buttons to secondary style */
input.formbutton[name="btnCancel"],
input.formbutton[value="Cancel"] {
    background: transparent;
    border:1px solid #333;
    color:#333;
}

input.formbutton[name="btnDelete"] {
    background: transparent;
    border:1px solid #333;
    color:#333;
}

    input.formbutton[name="btnCancel"]:hover,
    input.formbutton[name="btnDelete"]:hover,
    input.formbutton[value="Cancel"]:hover {
        background: #ddd;
        color:#333;
}

/* Animate refresh buttons that have the refresh icon in them */
.btn-animated .fa-refresh {
    transition: all .25s;
}

.btn-animated:hover .fa-refresh {
    transform:rotate(180deg);
}


/* /secondary buttons */

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

.text-danger {
    color:#d9534f;
}

.text-muted {
    color:#777;
}

.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;
}

.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;
}

.label-lg {
    font-size:150%;
    margin-top:10px;
    font-weight:400;
}

.label-md {
    font-size:110%;
    font-weight:400;
    padding:0.2em 0.5em 0.3em;
}


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

.label-muted[href]:hover {
    background-color:#333;
}

.label-warning {
    background-color:#F0AD4E;
}

.label-warning[href]:hover {
    background-color:#e8c225;
}

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

.list-group.hover li {
    transition: all .5s;
}

.list-group.hover li:hover {
    background: #f7f7f7;
}

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

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

.list-group-item p {
    margin-bottom:0;
    font-size:85%;
}

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

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

.list-group-item a:hover {
    background: transparent;
}

.list-group .list-group-item a.block {
    display:block;
}

.list-group .list-group-item a.inline {
    display:inline-block;
}


.navmenu-fixed-left, .navbar-offcanvas.navmenu-fixed-left {
	top:60px;
}

.logo img {
    height: 25px;
}

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

.admin-bar .avatar {
    border:1px solid #fff;
}


.admin-bar h3 {
    margin: 16px 0 0 15px;
    font-size: 15px;
}

.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;
}

.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:#304457;
}

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

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

.open > .dropdown-menu {
    animation-duration: .6s;
    animation-name: fadeIn;
}

.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;
}

.nav-tabs .active a {
    cursor:pointer!important;
}

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

.nav-tabs {
    border-bottom: medium none;
    padding: 5px 0 0 0;
	background:transparent;
    position:relative;
}

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

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

.nav-tabs li a {
	border-radius:4px 4px 0 0;
    padding:8px 12px;
    color:#fff;
    transition: all .5s;
    border:none;
}

.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:#3e76da;
    border-bottom:1px dotted transparent;
}

.nav-tabs li.no-tab a:hover {
    background: transparent;
    color:#999;
    border-bottom:1px dotted #999;
}

.content .nav-tabs a {
    color:#666;
    background: #dedede;
    padding: 8px 15px;
    margin: 0 2px;
    border-radius: 6px 6px 0 0;
}

.no-gutter {
    padding-right:0;
    padding-left:0;
}
.invoice-item {
	border-bottom:2px dotted #d1d1d1;
}
.invoice-head {
    background-color: #f6f6f6;
}
.invoice-fill {
    background-color: #ffffff;
    padding-bottom: 50px;
}

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

div.tab-content.module {
    border-radius: 0 10px 10px 10px;
    padding:0 20px 20px 20px;
    border:1px solid #ddd;
    display:table;
}

.top-bar .nav-tabs a {
    border:1px solid #2d4358;
    border-bottom:none;
    font-size:90%;
}

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

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

.create .dropdown-menu a:hover {
    background: #eee;
    color:#304457;
}

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

#divModifyGroupMembership .GsMain {
    max-height: 150px;
}

#divModifyGroupMembership #GroupSelector {
    width: 100%;
}

#divAssignMasterAccount .modal-dialog {
    width: 400px;
}

.newDropdown.dropdown .btn .fa {
    padding-left: 50px;
    font-size: 16px;
}

.newDropdown.dropdown .dropdown-menu {
    min-width: 210px;
    margin-top: 5px;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    box-shadow: 0px 0px 5px rgba(0,0,0,.1);
}

.newDropdown.dropdown .dropdown-menu li a {
    color: #333;
    font-size: 13px;
    padding: 10px 20px;
    cursor: pointer;
}

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

.newCustomDropdown .dropdown-menu {
    min-width: 200px;
    margin-top: 5px;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    box-shadow: 0px 0px 5px rgba(0,0,0,.1);
    text-align: left;
}

.newCustomDropdown .dropdown-menu li a {
    color: #333;
    font-size: 13px;
    padding: 10px 16px;
    cursor: pointer;
}

.newCustomDropdown.dropdown .dropdown-menu li .disabledOption {
    color: #777;
    font-size: 13px;
    padding: 10px 16px;
    cursor: default;
    display:block;
}

.top-bar .nav-tabs li a[href="/admin/dashboard.aspx"] {
    width:250px;
    text-align: center
}

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

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

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

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

    .main-items .search-dropdown a {
        margin-right:0;
    }

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

.main-items .search-dropdown.open .dropdown-toggle {
    color:#304457;
}

.main-items .search-dropdown #search {
    padding:10px 20px 20px;
}

.main-items .search-dropdown .dropdown-menu {
    min-width:260px;
}

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

.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;
}

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

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

.page-header {
    background-color: transparent;
    border-bottom: medium none;
    margin: 0;
    padding: 10px;
    background: #f1f1f1;
    border-bottom:1px solid #ddd;
}

.page-header h2 {
    font-size:105%;
    margin:0;
    font-family:'Oswald', sans-serif;
}

.controlcenter h2 {
    background-color: transparent;
    border-bottom: medium none;
    margin: 0;
    padding: 8px 10px;
    background: #f1f1f1;
    border-bottom:1px solid #ddd;
    font-family:Oswald, sans-serif;
    letter-spacing:0.5px;
    font-weight:300;
    font-size:1.2em;
    margin-bottom:15px;
    letter-spacing:.25px;
}

    .controlcenter h2 + .mbottom-10 {
        margin-bottom:20px!important;
    }

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

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

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

.page-actions li:last-child {
    border-right:none;
}

.page-actions li a {
    padding: 3px 10px;
    border-radius:4px;
    transition: all .5s;
}

.page-actions li a:hover, .page-actions li.active a{
   background: #3e76da;
    color:#fff;
    text-decoration: none;
}

.page-actions li a i.fa {
    margin-right:3px;
}

.page-actions .custom-dropdown .dropdown-menu {
    border:1px solid #ddd;
}

.page-actions .custom-dropdown .dropdown-menu li {
    padding-right:0;
    border-right:none;
    border-bottom:1px dotted #ddd;
}
.page-actions .custom-dropdown .dropdown-menu li a {
    border-radius:0;
}
.page-actions .dropdown-menu li:last-child {
    border-bottom:none;
}

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


.pull-right.toolbar {
}


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

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

/*
.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: #f1f1f1;
}

.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;
}

.tooltip-inner {
    width:auto;
    left:auto!important;
    padding:5px 10px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
}

.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;
}

.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 */

.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;
}

/* fix for the above transition in YUI dialogs (table rows stay visible after background disappears */
.yui-panel-container table tr {
    transition: none;
}

.yui-panel-container .btn-default,
.yui-panel-container .btn-primary, 
.yui-panel-container .formbutton, 
.yui-panel-container .formButton, 
.yui-panel-container .FormButton {
    transition: none;
}

.yui-panel-container * {
    transition: none;
}

/* end YUI fix */

.content .hoverable-table tr:hover {
    background:#f1f1f1;
}

.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 td {
    font-size:.95em;
    white-space: nowrap;
}

.table-condensed th {
    font-size:90%;
    border-bottom:1px solid #ccc;
    white-space:nowrap;
}

    .table-condensed tr:hover th {
        background: transparent!important;
    }

.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%;
}

.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 #f1f1f1;
}

.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;
}

table td.text-right {
    padding-right:0!important;
}

.item-fail {
    font-size:85%;
    white-space:nowrap;
}

.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 #FF9436;
    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 #FF9436;
    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;
}
.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:#2d4358;
}

.datepick input {
   border:1px solid #ccc;
    border-radius:4px;
    padding: 6px 12px;
    position:relative;
    z-index:5;
    background: transparent;
    width:100%;
}

.datepick {
    position:relative;
    width:100%;
}

#dpd1,#dpd2 {
    position:relative;
}
.datepick i {
    /*border-left: 1px solid #ccc;*/
    padding: 9px 10px;
    /*position: absolute;*/
    right: 2px;
    top: -7px;
    z-index: 1;
}

.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);
}

.pull-right.search .btn-group.pull-left {
    margin-top: 4px;
}

.pull-right.search .input-group-addon {
	font-size:13px;
	padding:3px 12px;
}

.inner a {
	padding:0 8px;
}

.nopadding {
	padding:0!important;
}

.content-inner {
	padding:15px 60px 60px;
    background: #fff;
    border-bottom:3px solid #ccc;
    border-radius:6px;
}

.image {
	text-align:center;
	margin-top:15px;
	margin-bottom:20px;
    background: #fff;
    border-radius:4px;
    padding-top:50px;
    padding-bottom:50px;
    border-bottom:3px solid #ccc;
}

.image img {
    margin: 0 auto;
}

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

#main .table th {
    background: none repeat scroll 0 0 #f2f2f2;
    font-size: .95em;
    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 td {
    border-bottom: 1px solid #f4f4f4;
    border-top:none;
    padding: 8px 20px;
    font-size:12px;
    transition: all .5s;
}

#main .table.lg td {
    font-size:1em;
}

#main .table img {
    vertical-align:inherit;
}

#main .table td .form-control {
    padding: 4px 8px;
    height:28px;
    font-size:100%;
}


ul.dropdown-menu .fa-plus {
    color:#6fb3e0;
}

.footer
{
	width: 100%;
	height: auto;
	background: #666;
    padding: 25px 0 30px;
    bottom: 0;
	position: relative;
	flex-shrink: 0;
}

.footer p {
    color: #fff;
    font-weight: 300;
    font-size: 85%;
    margin: 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;
}
.sitefooter {
  background: #666;  
  padding: 25px 0 30px;
  text-align: center;
  position: relative;
}

.sitefooter-text {
  font-size: 85%;
  color: #fff;
  line-height: 1.6;
  margin: 0 auto;
  max-width: 90%;
  word-wrap: break-word;
}
.sitefooter a {
    color: #fff;
    text-decoration:underline;
}
/* On wider screens, hide the line breaks */
@media (min-width: 768px) {
  .sitefooter-text {
    max-width: 100%;
    white-space: nowrap;
  }

  .siteline-break {
    display: none;
  }
}
/* Campaign Flow CSS */

.maxWidth {
    max-width: 1100px;
    margin: 0 auto;
}

.tab-container.campaignFlow .tab-content.module {
    padding:30px;
}

.campaignTitle, .listTitle, .chartTitle {
    font-size:20px;
    font-weight:600;
}

.activityNumber {
    font-size: 20px;
}

.activityIndicator {
    font-size:16px;
    width:15px;
    text-align:center;
    display: inline-block;
    vertical-align:top;
    z-index:999;
}

.activityInfo {
    display: inline-block;
}

.activityLifeCycle {
    position:relative;
    margin-bottom:15px;
}

.emailActivity .activityLifeCycle:last-child .activityLine {
    display:none;
}

.activityLine {
    position: absolute;
    left: 6px;
    top: 16px;
    width: 3px;
    z-index: -999;
    height: 50px;
    background: #D8D8D8;
}

.campaignFlow .nav-tabs .text-muted {
    color:#999;
}

.recipientInfo {
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    padding: 15px 20px;
}

.recipientInfo .infoItem, .infoItem {
    border-bottom:1px dotted #D8D8D8;
}

.recipientInfo .infoTotal {
    border-top:1px dotted #D8D8D8;
}

.infoTitle {
    font-weight:600;
    font-size:16px;
}

.listCount {
    font-size: 16px;
}

/* Campaign Flow END*/

/* Campaign Report CSS */

.largeStat {
    font-size:32px;
    line-height:34px;
}

.mediumStat {
    font-size:16px;
}

.appMenu {
    border-bottom:1px solid #D8D8D8;
    padding-bottom:10px;
}

.appMenu a {
    color:#333333;
    padding-right: 40px;
    box-shadow:none!important;
}

.appMenu a:hover {
    color:#3564b8;
}

.appMenu a.active {
    color:#3e76da;
}

/* Campaign Report CSS END */

/* TABBED CSS */

.tabs-bg {
    padding:0 30px 50px;
    margin : 0 -30px -30px;
    background-color: #eaeff6;
}

.tabs-centered {
    display: inline-block;
}

#stream-toggle.nav-tabs li {
    margin-bottom: -6px;
}

#stream-toggle.nav-tabs li a {
    padding: 8px 12px;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-top: 1px solid #dedede;
    background: #f7f7f7;
}

#stream-toggle.nav-tabs li a:hover {
    background: #ededed;
}

#stream-toggle.nav-tabs li.active a {
    border-bottom: none;
    background: #eaeff6 none repeat scroll 0 0;
    border-left: 1px solid #cfd8e4;
    border-right: 1px solid #cfd8e4;
    border-top: 1px solid #cfd8e4;
}

.settings-tile {
    border: 1px solid #E7E7E7;
    border-radius: 4px;
    padding:25px;
}

#community .tile.third {
    min-height: 500px;
}

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

.tile.third .tile-header h3 {
    font-size: 1.2em;
}

.tile-item {
    display: table;
    width: 100%;
    padding: 14px 0;
    border-bottom: 1px solid #eee;
}

.tile-item:first-child {
    padding-top: 0;
}

.tile-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.tile-item-img {
    min-width: 35px;
    text-align: center;
    width: 52px;
    display: table-cell;
    vertical-align: top;
}

.tile-item-img img {
    width: 100%;
}

.tile-item-body {
    font-size: 100% !important;
    line-height: normal !important;
    min-width: 150px;
    padding: 0 10px 0 10px;
    display: table-cell;
    vertical-align: top;
}

.tile-item-title {
    display: block;
    margin-bottom: 1px;
    color: #777;
}

.tile-item-title.post {
    color: #777;
}

.tile-item-text {
    color: #777;
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
}

.tile-item-text b, .tile-item-text b {
    font-size: 16px;
}

.newTile {
    border:1px solid #E7E7E7;
    border-radius:4px;
}

.newTile .title {
    font-weight:600;
    padding:18px 25px 0 25px;
    font-size:16px;
}

.newTileInner {
    padding:25px 25px 30px 25px;
}

.newTileOptions {
    padding:15px 20px;
    border-top:1px solid #E7E7E7;
}

.view-filter {
    font-size: 14px;
}

.activities {
    color: #777;
    cursor: pointer;
}

.activities {
    border-left: 1px solid #e0e0e0;
    padding-left: 30px !important;
}

.activities li {
    margin-bottom: 40px;
}

.activities li:last-child {
    margin-bottom: 0;
}

.activities li::before {
    background-color: #fff;
    content: "";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    left: 14px;
    position: absolute;
}

.activities li:nth-child(1)::before {
    color: #858585;
}

.activities li:nth-child(2)::before {
    color: #aaaaaa;
}

.activities li:nth-child(3)::before {
    color: #c5c5c5;
}

.activities li:nth-child(4)::before {
    color: #dddddd;
}

.activities li:nth-child(5)::before {
    color: #e7e7e7;
}

.activities .tile-item-text {
    color: #bcbcbc;
}

.community-tile .tile-item-img {
    display: table-cell;
    min-width: 35px;
    text-align: center;
    vertical-align: top;
    width: 35px;
    height: 35px;
}

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

.community-tile .main-title {
    font-family: "Oswald",sans-serif;
    font-size: 1.2em!important;
    font-weight: 300;
    letter-spacing: 0.25px;
    margin: 0;
    line-height: 1.1em;
}

.community-tile .secondary-title {
    font-size: 13px!important;
    font-weight: normal;
    text-transform: uppercase;
    color: #999;
}

.community-tile th {
    background: transparent none repeat scroll 0 0 !important;
    border-bottom: 1px solid #eee;
    border-top: medium none !important;
    padding: 0 0 9px !important;
    vertical-align: middle!important;
}

.community-tile td {
    padding: 20px 10px !important;
    vertical-align: middle!important;
    color: #777;
    border-bottom: none!important;
}

.community-tile tr {
    border-bottom: 1px solid #f4f4f4;
}

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

.community-tile .numbers {
    color: #666;
    font-size: 20px!important;
    font-weight: 300;
    padding-left: 0 !important;
    padding-right: 25px !important;
}
.leading .numbers {
    cursor:pointer;
}

.trending tr
{
    cursor: pointer;
}

.trending .numbers {
    padding-right: 15px!important;
}

.community-tile .tile-item-body {
    vertical-align: middle;
}

.community-tile .numbers:last-child {
    padding-right: 10px !important;
}

.trending .tile-item-body {
    line-height: 1.5em !important;
}

.show-count, .second-count {
    display: none;
}

.show-count, .second-count-ambassadors {
    display: none ;
}

.editTemplate {
    color:#fff;
}

.editTemplate:hover {
    color:#fff;
}

.editMarkupName {
    font-size:14px;
    color:#333;
}

.editMarkupName input {
    display:inline;
    height:22.5px;
}

/* Ambassador */

.ambassador-tile .tile-item-img {
    display: table-cell;
    min-width: 35px;
    text-align: center;
    vertical-align: top;
    width: 35px;
    height: 35px;
}

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

.ambassador-tile .main-title {
    font-family: "Oswald",sans-serif;
    font-size: 1.2em!important;
    font-weight: 300;
    letter-spacing: 0.25px;
    margin: 0;
    line-height: 1.1em;
}

.ambassador-tile .secondary-title-ambassadors {
    font-size: 13px!important;
    font-weight: normal;
    text-transform: uppercase;
    color: #999;
}

.ambassador-tile th {
    background: transparent none repeat scroll 0 0 !important;
    border-bottom: 1px solid #eee;
    border-top: medium none !important;
    padding: 0 0 9px !important;
    vertical-align: middle!important;
}

.ambassador-tile td {
    padding: 20px 10px !important;
    vertical-align: middle!important;
    color: #777;
    border-bottom: none!important;
}

.ambassador-tile tr {
    border-bottom: 1px solid #f4f4f4;
}

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

.ambassador-tile .numbers-ambassadors {
    color: #666;
    font-size: 18px!important;
    font-weight: 300;
    padding-left: 0 !important;
    padding-right: 25px !important;
}

.ambassador-tile .numbers-ambassadors.activity {
    font-size: 14px!important;
    font-weight: normal;
}

.ambassador-tile .tile-item-body {
    vertical-align: middle;
}

.ambassador-tile .numbers:last-child {
    padding-right: 10px !important;
}

.ambassador-popover
{
    font-size: 13px;
    line-height: 20px;
    padding: 10px 15px;
}

.ambassador, .ambassador-mobile {
    cursor: pointer;
    border: none;
    padding: 0;
    font-weight: 400;
    background: transparent;
    font-size: 14px;
}

.ambassador .text-warning, .ambassador-mobile .text-warning {
    color: #d2ac15;
}

.day-count {
    color: #bcbcbc;
    margin-top: -15px;
    padding-right: 25px;
}

.item-number {
    display: table-cell;
    font-size: 18px;
    font-weight: 600;
    vertical-align: middle;
    width: 35px;
    text-align: center;
    padding-right: 10px;
}

.stat-number {
    font-size: 40px;
    color: #304457;
}

.stat {
    color: #999;
    text-transform: uppercase;
    font-size: 15px;
}

.stat .tooltip {
    text-transform: none;
}

.stat .fa {
    font-size: 20px;
}

.chart-responsive path:nth-child(4), .chart-responsive path:nth-child(6) {
    display: none;
}

/* TABBED CSS END */

/*  Morris charts CSS */
.morris-hover{
    position:absolute;
}
.morris-hover.morris-default-style{
    border-radius:6px;
    padding:11px;
    color:#f9f9f9;
    background:#424a53;
    font-weight: 400;
    font-size:14px;
    text-align:center;
}
.morris-hover.morris-default-style .morris-hover-row-label{
    font-weight:400;
    margin:0.25em 0;
}
.morris-hover.morris-default-style .morris-hover-point{
    white-space:nowrap;
    margin:0.1em 0; 
    color: #fff!important;
}

/*  Morris charts CSS END*/

/* Tile styling */

.tile {
    background: #fff;
    padding: 20px 20px 30px;
    border:1px solid #ddd;
    border-radius:10px;
    position:relative;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}


.sort-order {
    box-shadow: none;
    padding: 12px!important;
    border:1px solid #ddd!important;
    border-radius: 10px;
}

#main .sort-order .table tr:last-child td {
    border-bottom: none;
}

.tile.mini {
    min-height:240px;
    position:relative;
}

.tile.mini .tile-header {
    padding-bottom: 20px;
}

.tile.lg {
    height:390px;
}

.tile-header:after, 
.tile-content:after,
.tile-footer:after {
    content: "";
    display: table;
    clear: both;
}

.tile-header {
    padding-bottom:10px; 
}

.tile-header h3 {
    margin:0;
    font-size:1.2em;
    letter-spacing:0.25px;
    font-family:'Oswald', sans-serif;
    font-weight:300;
}

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

.tile.lg .tile-header, .tile.mini.bordered-bottom .tile-header {
    border-bottom:1px solid #eee;
    margin-bottom:15px;
}

.tabbed-tile .tile-header {
    padding-bottom:0;
}

.tabbed-tile.lg .tab-content {
    padding: 20px 20px 30px;
    background-color : white;
}

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

.tile-header .nav-tabs li a h3 {
    margin-bottom:0!important;
    font-size:1.1em;
    padding-bottom:10px;
    border-bottom:1px solid #fff;
}

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

.tabbed-tile.lg .tile-content {
    border-radius: 0 10px 10px 10px;
    min-height:339px;
    border:1px solid #ddd;
    position: relative;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.tabbed-tile .list-group .list-group-item {
    font-size: 12px;
    padding: 10px 5px;
}

.tabbed-tile .list-group .list-group-item:first-child {
    padding-top: 0;
}

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

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

.tile.lg .table-condensed td {
    padding: 10px 5px;
    border-bottom:1px dotted #ddd;
    white-space:normal;
}

.tile .icon-drop {
    white-space:nowrap;
}

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

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

.tabbed-tile .nav-tabs {
    padding-top:0;
}

.tabbed-tile .nav-tabs a {
    padding-top:15px;
}

.tile .actions {
    line-height:1.1em;
}

.tile .small {
    font-size:.825em;
}

.tile label,
.tile-content label {
    display:block;
    margin-bottom:5px;
}

.tile .tile-footer,
.tabbed-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: 6px 0 6px;
    border-radius: 0 0 8px 8px;
    transition: all .5s;
    cursor: pointer;
}

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

.tile-footer a:hover {
    background: #f1f1f1;
    text-decoration: none;
}

.tile-footer .dropdown-menu {
    text-align: center;
    min-width:100%;
    border:1px solid #ccc;
    border-radius:10px;
    overflow:hidden;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.tile-footer.x2 .dropdown-menu {
    right:0;
    left:auto;
    min-width:50%;
}

.tile-footer.x2 a:first-child,
.tile-footer.x3 a:first-child {
    border-radius:0 0 0 8px;
}

.tile-footer.x2 a + a,
.tile-footer.x3 a + a + a {
    border-radius:0 0 8px 0;
}

.tile-footer.x3 .dropdown-menu {
    right:0;
    left:auto;
    min-width:33%;
}

.tile-footer .dropdown-menu a {
    font-size:85%;
    padding: 5px 20px;
    border-left:none!important;
    border-right:none!important;
    color:#3e76da;
    border-bottom:1px dotted #ddd;
    border-radius:0!important;
}

.tile-footer .btn-group.open .dropdown-toggle {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    background:#f7f7f7;
}

.tile-content .b-right {
    border-right:1px dotted #ddd;
}

.tile-content small {
    display:block;
    color:#304457;
    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;
}

.tile .list-group {
    padding:0;
    border-bottom:none;
}

.tile .list-group .list-group-item {
    padding: 5px 0;
    border-bottom:1px dotted #ddd;
}


.list-group.more-padding .list-group-item,
.tile .list-group .list-group-item.more-padding {
    padding:10px 0;
}

.tile .list-group-item:last-child,
.tabbed-tile .list-group-item:last-child {
    border-bottom:none;
}

.tile-content {
    color:#304457;
}

.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:1.1em;
}

.tile-content .cents {
    font-size:65%;
    letter-spacing: .5px;
}

.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-content .fineprint
{
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: right;
	padding-right: 30px;
	padding-bottom: 10px;
}

/* Specific tile adjustments */

#ctl00_PageContent_dtAdditionalRevenue_dtAdditionalRevenue_pnlTile .col-xs-6.ptop-10 {
    padding-top:0px!important;
}

#ctl00_PageContent_dtAdditionalRevenue_dtAdditionalRevenue_pnlTile .col-xs-6.pbottom-10 {
    padding-bottom:6px!important;
}

#ctl00_PageContent_dtForums_dtForums_pnlContent .table-condensed th {
    padding: 0 5px!important;
    font-size:.9em;
}

#ctl00_PageContent_AlertsActionsTile_dtAlerts_pnlContent .tile-content{
}

    #ctl00_PageContent_DashboardAdminTabs_dttAdminTabs_pnlAnnouncements {
        max-height:280px;
        overflow-x:auto;
    }

/* Alerts + Actions */

#ctl00_PageContent_AlertsActionsTile_dtAlerts_ctl00_tblAlertsActions {
    margin-bottom:0!important;
}

    #ctl00_PageContent_AlertsActionsTile_dtAlerts_ctl00_tblAlertsActions td {
        padding:7px 10px!important;
    }

    #ctl00_PageContent_AlertsActionsTile_dtAlerts_ctl00_tblAlertsActions tr:last-child td {
        border-bottom:none!important;
    }

#ctl00_PageContent_AlertsActionsTile_dtAlerts_pnlTile .tile-content,
#ctl00_PageContent_dtCalendar_dtCalendar_pnlTile .tile-content {
    max-height:292px;
     overflow-x:auto;
}

#ctl00_PageContent_dtCalendar_dtCalendar_pnlTile td {
    font-size:1em;
}

#ctl00_PageContent_dtAdditionalRevenue_dtAdditionalRevenue_pnlTile .medium {
    line-height:.97em;
}

#ctl00_PageContent_dtCareerCenter_dtCareerCenter_hlFooterButton,
#ctl00_PageContent_dtEvents_dtEvents_hlFooterButton,
#ctl00_PageContent_dtContactForms_dtContactForms_hlFooterButton,
#ctl00_PageContent_dtIdeaBox_dtIdeaBox_hlFooterButton,
#ctl00_PageContent_dtLatestNews_dtLatestNews_hlFooterButton,
#ctl00_PageContent_dtStaffList_dtStaffList_hlFooterButton,
#ctl00_PageContent_AlertsActionsTile_dtAlerts_hlFooterButton {
    border-left:none;
    border-radius: 0 0 6px 6px;
}


#adminnews,
#adminnews span,
#adminnews a {
    font-size:12px;
    line-height:1.5em;
}



#nav-center p {
    font-size: 12px;
    line-height: 1.25em;
    margin: 0;
}
#nav-center h5 {
    font-size: 90%;
    margin: 0 0 5px;
}
#nav-center .pleft-0 li:last-child {
    border-bottom: medium none;
}
#nav-center .nav-center-image {
    font-size: 140%;
    height: 50px;
    width: 29px;
}
#nav-center .nav-center-image i {
    color: #ccc;
    transition: all 0.5s ease 0s;
}
#nav-center a:hover i {
    color: #ff9436;
}
#nav-center .nav-center-body, #nav-center .nav-center-image {
    display: table-cell;
    vertical-align: middle;
    white-space: normal;
}

#ctl00_PageContent_dtTotalMembers_dtTotalMembers_pnlTile .col-xs-6:first-child {
    padding-right:0!important;
}

#easypie {
    display: inline-block;
    height: 90px;
    position: relative;
    text-align: center;
    width: 90px;
    margin: 0 auto;
    margin-top:10px;
}

#easypie .percent {
    display:inline-block;
    line-height:92px;
    z-index:2;
    font-size:150%;
    font-weight:300;
}

#easypie .percent:after {
    content:"%";
    font-size:75%;
    margin-left:2px;
}

#easypie canvas {
    position:absolute;
    left:0;
    top:0;
}

.tile .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;
}

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

.admin-preview .btn-default:hover, .admin-preview .btn-default:active, .admin-preview .btn-default:focus {
    background: #3e76da none repeat scroll 0 0;
    border-color: #3e76da !important;
    color: #fff !important;
}

.admin-preview .btn-primary {
    background: #3e76da none repeat scroll 0 0;
    border-color: #2a5fbd;
    padding: 6px 20px;
}

.admin-preview .btn-primary:hover {
    background: #2e4267 none repeat scroll 0 0;
    border-color: #000;
}

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

.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;
}

/* Popovers */

.popover {
	max-width:700px;
}

.popover-content .close {
    position: absolute;
    right: 20px;
    top:15px;
}

.popover-content {
    padding:30px 30px 55px 30px;
}
.popover-content .qp {
    padding-right:25px;
    padding-left:25px;
}
.popover-content .qp label {
    font-weight: bold;
    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 {
    background: #F8F8F8;
    border-top:1px solid #DCDCDC;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0 0 4px 4px;
}

.popover-content .qp-actions .profileOptions {
    padding-top:17px;
    padding-bottom:18px;
    border-right: 1px solid #ECECEC;
}

.popover-content .qp-actions .profileOptions:last-child {
    border-right:none;
}

.popover-content .qp-image {
    padding:0;
}

.popover-content .qp-image .img-border, .profile .img-border {
    padding:5px;
    background:#f7f7f7;
    border:1px solid #ddd;
}

.popover-markup .popover {
    min-width: 675px;
}

.imageLeft {
    display: inline-block;
    vertical-align:top;
    max-width:100px;
}

.additionalItems .btn {
    padding:0;
    border:none;
    background:transparent;
    color: #3e76da;
    font-size:13px;
}

.additionalItems .btn:hover {
    color:#3564b8;
    text-decoration:underline;
}

.additionalItems.open .dropdown-toggle {
    box-shadow:none;
    background-color:transparent;
    color:#3564b8;
    text-decoration:underline;
}

.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;
}

.link-popover:hover .pop-body {
    opacity:1;
    display:block;
    
}

.profile .img-border {
    display:inline-block;
}

/* Alerts */

.alerts-container {
    position:fixed;
    bottom:0;
}

.alert h2 {
    background: transparent;
    border-bottom:none;
    font-family:Roboto, sans-serif;
    padding:0;
    margin-bottom:8px;
    margin-top:0;
    font-size:1.25em;
}

.alert {
    padding-top:20px;
    padding-bottom:20px;
    width:100%;
    margin-bottom:15px;
    z-index:12000;
    border-radius:0;
    border:none;
}

.alert button {
    padding-left:30px;
}

.alert small {
    display:block;
    margin-left:15px;
    font-weight:300;
    margin-top:5px;
}

.alert.alert-danger small {
    margin-left:22px;
}


/* Notice bar styling */

.noticebar .dropdown-menu {
    min-width:231px;
    padding-bottom:0;
}

.noticebar .dropdown:last-child .dropdown-menu {
    min-width:200px;
}

.noticebar .account:last-child .dropdown-menu {
    min-width:100%;
}


.noticebar {
    padding:0;
    margin:0;
    background: #f1f1f1;
    border:none;
    border-left:5px solid #aaaf37;
    border-radius:0;
}
.noticebar li {
    display:inline-block;
    list-style:none;
    border-right:1px solid #dadada;
    font-size:.95em;
	z-index: 2000;
}

.noticebar .nav-header {
    color:#333;
}

.noticebar .dropdown-menu li {
    border-right:none;
}

.noticebar li .dropdown-toggle {
    line-height:48px;
    padding: 17px 20px;
    color:#304457;
}

.noticebar li .dropdown-toggle .badge {
    background: #b6b6b6;
}

.noticebar li .dropdown-toggle:hover,
.noticebar li .dropdown-toggle:focus{
    text-decoration:none;
    background:#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 > li {
    border-bottom: 1px dotted #ccc;
    display: table;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    width: 100%;
    text-align: left;
}
.noticebar-menu > li:last-child {
    border-bottom: medium none;
}
.noticebar-menu > li > a {
    font-size: 12px;
    padding: 8px 12px;
    white-space: normal;
}
.noticebar-menu > li > a:hover {
    background-color: transparent;
    color: #333;
}
.noticebar-menu:before, .noticebar-menu:after {
    display: none !important;
}
.noticebar-hoverable > 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: #f1f1f1!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;
}

.dropdown-menu {
    border-radius:0;
    border:none;
}

.dropdown-backdrop {
    position:static;
}

.dropdown-menu.checklist {
    padding:0 0 10px 0;
}

.dropdown-menu.checklist li {
    transition: all .5s;
    padding: 2px 10px 0;
    cursor:pointer;
}

.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%;
}

.noticebar .open a{
    background: #fff;
}


/* Modal styling */
.modal
{
	z-index: 10000;
}

.modal .modal-dialog {
    z-index: 10000;
	width: 650px;
    margin-top:10%;
	overflow-x: hidden;
}

.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-footer {
    text-align:right!important;
}

.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;
    background: #f1f1f1;
}

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

.modal .datagrid1 i.text-success {
	font-size: 120%;
}

.modal .datagrid1 .btn-sm.btn-default {
	border-color: #5cb85c;
	color: #5cb85c;
}

.modal .modal-body div[style*="background-color:#f6f4ee;"] {
	background: none repeat scroll 0 0 #f1f1f1 !important;
	font-size: 90%;
}

.domainModal .modal-dialog {
    width: 95%;
    margin-top: 50px;
    max-width: 1200px;
}

.domainModal .modal-dialog .newgrid1 td {
    word-break: break-all;
}
.railboxhead {
	color: #d9534f;
	font-weight: bold;
	padding: 10px;
}

/* Help sidebar */
.help-container {
    display:block;
    position:fixed;
    right:0;
    background:rgba(169,174,0,0.95);
    transition: all 1s;
    z-index:9999;
    height:100%;
    top:0;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.175);
    width: 325px;
    margin-right: -335px;
}

/* Help flyout: KB search */
.help-container .close {
    font-size: 22px;
    line-height: 20px;
    margin: 0;
    position: absolute;
    top: 15px;
    left: 20px;
}
.help-inner {
    overflow-x:auto;
    padding: 25px;
    overflow-y: auto;
    height: -moz-calc(100% - 75px);
    height: -webkit-calc(100% - 75px);
    height: -o-calc(100% - 75px);
    height: calc(100% - 75px);
}

.help-container .help-search i#iSearchIcon {
	position: absolute;
	margin-top: 14px;
	margin-left: 10px;
	color: #666;
	cursor: default;
}

.help-container .help-search #txtSearchKnowledgeBase {
	padding: 10px;
	padding-left: 35px;
    border-radius:6px;
    border: 1px solid #ccc;
    width: 100%;
}

.help-container .help-search #divSearchResults ol,
.help-container .help-search #divSearchResults ul {
	padding-left: 20px;
	margin-bottom: 0;
}


.help-container.visible {
    margin-right:0;
}

.help-content {
}

.help-button {
    display:block;
    height:30px;
    line-height:28px;
    font-size:20px;
    width:30px;
    background-color: #ff9436;
    background:rgba(247,148,29,0.9);
    color:#fff;
    text-align: center;
    position:absolute;
    left:-30px;
    border:none;
    padding:0 5px;
    transition: all .5s;
    top:55px;
}

.help-button:hover {
    background: #fb6232;
}

.help-button i {
    position:absolute;
    top:5px;
    left:8px;
}

#divHelpFooterLinks {
    clear:both;
    background: #f1f1f1;
    height: auto;
    text-align: right;
    padding: 13px 10px 16px 0;
}

#divHelpFooterLinks .col-xs-6:first-child:after {
    content:" ";
    display:block;
    width:1px;
    position:absolute;
    top:5px;
    right:0;
    height:30px;
    border-left:1px solid #fff;
}

#divHelpFooterLinks a {
    width:100%;
    text-align: center;
        color: #3E76DA;
        display: inline;
        padding: 0 15px;
        font-size: 18px;
    }

#divHelpFooterLinks a:hover {
    text-decoration: underline;
    color: #3564b8;
    border-color: #3564b8;
}
#divHelpFooterLinks a:first-child {
    border-right: 1px solid #DDD;
}

.help-content h3 {
    margin-top: 0;
    color: #304457;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 15px;
}
.help-content p {
    color: #304457;
    padding-bottom: 20px;
    line-height: 22px;
}
.help-inner a {
    color: #3E76DA;
    border-bottom: none;
}
.help-inner a:hover {
    text-decoration: underline;
    color: #3564b8;
    border-color: #3564b8;
}
.help-container .help-search #divSearching {
    background: none repeat scroll 0 0 #f1f1f1;
    color: #304457;
	font-size: 12px;
	display: none;
	border-radius: 5px;
	padding: 10px;
}
    
.help-container .help-search #divSearchResults {
    background: none repeat scroll 0 0 #f1f1f1;
    color: #304457;
    width: 100%;
    padding: 12px 10px 8px;
    font-size: 13px;
	border-radius: 5px;
	display: none;
}     
.help-container #divChatLink {
    background: none repeat scroll 0 0 #f1f1f1;
    color: #304457;
    width: 100%;
    padding: 12px 10px 8px;
    font-size: 15px;
	border-radius: 5px;
    text-align: center;
}
.help-container #divSupportHome {
    background: none repeat scroll 0 0 #f1f1f1;
    width: 100%;
    padding: 12px 10px 8px;
    font-size: 15px;
	border-radius: 5px;
    text-align: center;
}
.help-container #divSupportAccountInfo {
    background: none repeat scroll 0 0 #f1f1f1;
    width: 100%;
    padding: 12px 10px 8px;
    font-size: 12px;
    color: #304457;
	border-radius: 5px;
}
.help-container .help-search #divSearchResults a {
    color: #3E76DA;
    border: none;
}
.help-container .help-search #divSearchResults a:hover {
    text-decoration: underline;
    color: #3564b8;
    border-color: #3564b8;
}
.help-container .help-search {
    margin-top: 10px;
    position: relative;
    padding-bottom: 20px;
}
.help-container .help-search #divSearchResults li {
    margin-bottom: 9px;
}

/* _Elements section */

.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:40px;
    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;
    line-height:30px;
}

div#icons li:hover {
    font-size:120%;
    background: #f7f7f7;
    cursor: default;
}

.form-control {
    box-shadow:none;
}

.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:'Roboto', sans-serif;
    font-size:120%;
    font-weight:400;
    padding-bottom:8px;
    border-bottom:1px solid #999;
    margin-bottom:15px;
    margin-top:0;
}

#searchform label {
    font-size:1em;
	font-weight: bold;
	margin-bottom: 5px;
}

#searchform input[type="checkbox"] + label,
#searchform input[type="radio"] + label
{
	font-weight: normal;
	margin-bottom: 0px;
}


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;
}

.peekaboo h4 i.pull-left
{
    font-size:100%!important;
    margin-right:8px;
}

.peekaboo h4 i.pull-right
{
    font-size:120%!important;
}

.peekaboo h4 i.fa-square-o
{
    color:#ccc;
}

.peekaboo.open i.fa-angle-right
{
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
}

.peekaboo.open i.fa-angle-right
{
    transform: rotate(90deg);
}

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: 8px 5px 8px;
    transition: all .5s;
}

td .peekaboo h4 a:hover
{
    background: #f1f1f1;
    text-decoration: none;
}

td .peekaboo.closed .show-less
{
    display:none;
}


/* Sidebar Nav styling */

#sidebar
{
    width:250px;
    float:left;
    background: #ebebeb;
    height:100%;
    position: fixed;
    /*overflow-y:auto;*/
    -webkit-box-shadow: 1px 0px 2px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 0px 2px 0px rgba(0,0,0,0.25);
    box-shadow: 1px 0px 2px 0px rgba(0,0,0,0.25);
}

#sidebar h3
{
    font-family:'Oswald', sans-serif;
    font-weight:300;
    letter-spacing:0.25px;
    font-size:1.1em;
    padding-bottom:5px;
    border-bottom:1px solid #666;
    margin:0;
    margin-bottom:10px;
}

#sidebar .panel-group .panel
{
    border-radius:5px;
}

#sidebar .panel-heading
{
    padding:0;
    background: transparent;
    border:none;
}

#sidebar .panel-default
{
    background: transparent;
    border:none;
    box-shadow:none;
}

    #sidebar .panel-heading .fa.mright-10
	{
        margin-right:5px!important;
    }

#sidebar .panel-heading a
{
    display:block;
    padding: 10px 8px;
    transition: all 0.5s ease 0s;
    color:#304457;
    font-size:85%;
    background: #fff;
    border-bottom:none;
}

#sidebar .panel-heading a,
#sidebar .panel-heading a:focus,
#sidebar .panel-heading a:active
{
    text-decoration:none;
}

#sidebar .panel-heading .collapsed
{
    color:#304457;
    background: transparent;
}

#sidebar .panel-heading i.pull-right
{
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -o-transform: rotate(90deg);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}

#sidebar .panel-heading .collapsed i.pull-right
{
    transform: rotate(0deg); 
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

#sidebar .panel-heading a:hover
{
    background: #fff;
    text-decoration: none;
}

#sidebar .panel-collapse ul
{
    padding-left:30px;
    text-align: left;
}

#sidebar .panel-collapse li
{
    font-size:.9em;
    list-style: circle outside none!important;
    color:#bfbfbf;
    padding:3px 0;
}

#sidebar .panel-collapse li a
{
    color:#304457;
}

#sidebar .panel-body
{
    border-top:none;
    padding:0;
    padding-bottom:20px;
}

#sidebar .collapse.in
{
    background: #fff;
}

#sidebar .collapsing
{
    background: #fff;
    border:none;
}

#sidebar .panel-collapse .highlight a
{
    color:#304457;
    font-weight:bold;
}

#sidebar ul li a:hover
{
    background: #fff;
    color:#3e76da;
    text-decoration: none;
}

#sidebar ul li a:hover,
#sidebar ul li a:active,
#sidebar ul li a:focus
{
    text-decoration: none;
}

.sidebar-inner
{
    padding:20px 15px 100px;
}

.canvas .content
{
    margin-left:250px;
    padding:15px 0 0;
}

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

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

.col-sm-1-5
{
    width:20%;
    float:left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.col-sm-4-5 
{
    width:80%;
    float:left;   
    padding-bottom:13px; clear:both;
    position: relative;
}

.col-sm-4-5 .FiscalStartMonth
{
  background-color: #eaeff6;
  float:left;
  padding-right:15px;
}

.col-sm-4-5 hr 
{
    margin-bottom: 0px;
    margin-top: 15px;
    border-top-color: rgb(214, 217, 219);/*#c5d4dc;*/
    border-top-width:2px;
}

/* Code Styling */

pre
{
   margin-top:20px!important;
    line-height:1.6em;
    border-radius:0;
    border:none;
    color:#999;
    font-family:'Source Code Pro', monospace;
}

.show-grid [class^="col-"]
{
    background-color: rgba(255, 148, 54, 0.15);
    border: 1px solid rgba(255, 148, 54, 0.2);
    padding-bottom: 10px;
    padding-top: 10px;
}

#pageSettings .toggle-btn {
    margin-bottom: 0;
}

/* Common styles */
.fullWidth {width:100%;}
.larger {font-size:125%!important;}
.smaller {font-size:90%!important;}
.orange {color:#ff9436!important;}

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

.sans-m { margin:0!important;}
.sans-p { padding:0!important;}
.mtop-0 { margin-top:0px!important;}
.mtop-4 { margin-top:4px!important;}
.mtop-5 { margin-top:5px!important;}
.mtop-10 { margin-top:10px;}
.mtop-15 { margin-top:15px;}
.mtop-20 { margin-top:20px;}
.mtop-25 { margin-top:25px;}
.mtop-30 { margin-top: 30px;}
.mtop-35 { margin-top: 35px;}
.mtop-50 { margin-top:50px;}
.mtop-75 { margin-top:75px;}
.mbottom-0 { margin-bottom:0px!important;}
.mbottom-5 { margin-bottom:5px!important;}
.mbottom-10 { margin-bottom:10px!important;}
.mbottom-15 { margin-bottom:15px;}
.mbottom-20 { margin-bottom:20px!important;}
.mbottom-25 { margin-bottom:25px;}
.mbottom-35 { margin-bottom:35px;}
.mbottom-50 { margin-bottom:50px;}
.mleft-0 { margin-left:0px!important;}
.mleft-2 { margin-left:2px!important;}
.mleft-5 { margin-left:5px!important;}
.mleft-10 { margin-left:10px!important;}
.mleft-15 { margin-left:15px;}
.mleft-25 { margin-left:25px;}
.mleft-50 { margin-left:50px!important;}
.mright-0 { margin-right:0!important;}
.mright-5 { margin-right:5px!important;}
.mright-10 { margin-right:10px;}
.mright-15 { margin-right:15px;}
.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;}
.leftZero { padding-left:0px;}
.rightZero { padding-right:0px;}
.ptop-5 { padding-top:5px!important;}
.ptop-10 { padding-top:10px;}
.ptop-15 { padding-top:15px;}
.ptop-25 { padding-top:25px!important;}
.ptop-50 { padding-top:50px;}
.pbottom-0 { padding-bottom:0px!important;}
.pbottom-10 { padding-bottom:10px;}
.pbottom-15 { padding-bottom:15px;}
.pbottom-25 { padding-bottom:25px;!important}
.pbottom-50 { padding-bottom:50px;}
.pleft-0 { padding-left:0px!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;}

/* MEDIA QUERIES */

@media all and (max-width: 1500px) {
    .secondary-title, .numbers {
        display: none!important;
    }
    .second-count {
        display: block;
    }
    .community-tile td {
        width: 100%!important;
        display: block;
        padding: 15px 0 15px 0!important;
    }
    .community-tile tr:last-child td {
        padding-bottom: 0!important;
    }
    .item-number {
        vertical-align: top;
    }
}

@media all and (max-width:1280px) {
    .top-bar .nav-tabs a {padding: 8px 10px 9px 10px;}
}

@media all and (max-width:1275px) {
    .main-items .nav li a .fa {
        display: none;
    }
    .main-items .search-dropdown {
        margin-left: 5px;
        margin-right: 11px;
    }
    .top-bar .nav-tabs li a[href="/admin/dashboard.aspx"], .top-bar .nav-tabs li a[href="yourdashboard.html"] {
        text-align: center;
        width: 200px;
    }
}

/* TABBED CSS */

@media all and (max-width: 1270px) {
    #community .col-md-3 {
        width: 50%;
        margin-bottom: 25px;
    }
    #community .community {
        width: 100%;
    }
    #community .tile.third {
        min-height: auto;
    }
}

@media all and (max-width: 1199px) {
    .col-sm-1-5 {
        width: 100%;
    }
    .col-sm-4-5 hr {
        margin-bottom: 0px;
        margin-top: -10px;
        border-top: none;
    }
}

@media all and (max-width: 991px) {
    .community .third {
        min-height: auto;
    }
    #community .col-md-3 {
        width: 100%;
    }
    .sort-order .table td {
        display: block;
        width: 100% !important;
        padding: 6px 10px!important;
    }
    .sort-order .table td:nth-child(1), .sort-order .table td:nth-child(2) {
        border-bottom: medium none !important;
    }
    .sort-order .table td:last-child {
        padding-bottom: 15px!important;
    }
    .leftZero { padding-left:15px;}
    .rightZero { padding-right:15px;}
    .allZero {padding-left:0px; padding-right:0;}
}

@media all and (max-width: 900px) {
    .ambassador-tile td {
        width: 100%!important;
        display: block;
        padding: 15px 0 15px 0!important;
    }
    .ambassador-tile tr:last-child td {
        padding-bottom: 0!important;
    }
    .secondary-title-ambassadors, .ambassador-tile .numbers-ambassadors {
        display: none;
    }
    .second-count-ambassadors {
        display: block;
    }
}

@media all and (max-width: 480px) {
    .stat-number {
        font-size: 36px;
    }
    .stat {
        font-size: 13px;
    }
    .stat .fa {
        font-size: 26px;
    }

    /*SocialLink Dashboard*/
    .community .tile-item-img {
        width: 35px;
    }
    .community .mleft-2 {
        display: none;
    }
    .third-info {
        display: block;
        margin-bottom: 5px;
    }
    .community .third-info:last-child {
        margin-bottom: 0;
    }
    .community .third-info:first-child {
        margin-top: 10px;
    }
    .community .item-number {
        vertical-align: top;
    }

}


@media all and (max-width:600px) {
    .filter-divider {
        display: none;
    }
    .view-filter {
        display: block;
        margin-top: 20px;
    }
}
/* TABBED CSS END */

@media all and (max-width:1070px) {
    .top-bar .nav-tabs li a[href="/admin/dashboard.aspx"], .top-bar .nav-tabs li a[href="yourdashboard.html"] {
        text-align: center;
        width: 120px;
    }  
}

@media all and (max-width:955px) {
    .top-bar .nav-tabs a {
        font-size: 11.5px;
        padding: 8px 6px 10px;
    }
} 

@media all and (max-width:940px) {
    .nav li a {
    	padding:8px 6px;
	}
}

@media all and (max-width:855px) {
    .nav-tabs li {
        width:33%;
    }
    #stream-toggle.nav-tabs li {
        width: auto;
        margin-bottom: -11px;
    }
    .main-items .col-md-9.col-sm-9 {
        width: 100%;
    }
    .main-items .col-md-3.col-sm-3 {
        width: 100%;
    }
    .top-bar .nav-tabs a {
        text-align: center;
    }
    .nav.nav-tabs.alt {
        background-color: #fff;
        padding: 0;
    }
    .top-bar .create .dropdown-toggle {
        background-color: #e5e5e5;
        border-bottom: medium none;
        border-radius: 0;
        color: #666;
        border: none!important;
    }
    .search-dropdown .dropdown-toggle {
        background-color: #d4d4d4;
        border: medium none !important;
        border-radius: 0;
        color: #666;
    }
    .search-dropdown a.dropdown-toggle {
        background-color: #f2f2f2;
    }
    .create.open a.dropdown-toggle {
        background-color: #f2f2f2;
    }
    .main-items .search-dropdown i {
        margin-right: 0;
    }
    .toptext-hide, .create .caret {
        display: none;
    }
    .top-bar .create .dropdown-toggle {
        border-bottom: medium none !important;
    }
    .main-items .search-dropdown {
        margin-left: 0;
        margin-right: 10px;
        width: 30px;
    }
    .top-bar .nav-tabs a {
        font-size: 12px;
    }
    .main-items .create {
        width: 30px;
    }
    .main-items .nav li a .fa {
        display:inline;
        display:inline;
    }
    .top-bar .nav-tabs li a[href="/admin/dashboard.aspx"], .top-bar .nav-tabs li a[href="yourdashboard.html"] {
        width: auto;
    }
    .nav-tabs li a {
        border-radius:4px;
    }
    body {
        padding: 166px 0 0 !important;
    }
    .main-items .search-dropdown {
        margin-left: 0;
        margin-right: 5px;
    }
    .nav-tabs {
        padding: 5px 0;
    }
    .top-bar .create .dropdown-toggle {
        border-bottom:1px solid #fff!important;
    }
    .top-bar .create .dropdown-menu a {
        border-radius: 0;
    }
}

@media all and (max-width:767px) {
    body {
        padding: 137px 0 0 !important;
    }
    #stream-toggle.nav-tabs li {
        margin-bottom: -16px;
    }
    #community .container {
        padding: 0;
    }
    #AnnouncementImage .modal-dialog {
        width: 95%;
    }
    /*
    .box.box-info {
        display: none;
    }
    .stat {
        border-bottom: none;
        padding-bottom: 0;
    }
    .tile.third {
        padding: 20px;
    }
    */
    .navbar-toggle .icon-bar {
        background-color: #fff;
        border-radius: 1px;
        display: block;
        height: 3px;
        margin-bottom: 5px;
        width: 30px;
    }
    .navbar-toggle.collapsed, .navbar-toggle {
        background-color: #999;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        float: left;
        margin-bottom: 8px;
        margin-left: 10px;
        margin-top: 8px;
        padding: 8px;
        position: relative;
    }
    .navbar-toggle {
        background-color: #555555;
    }
    .nav-tabs li {
        width: 100%;
    }
    .nav-tabs {
        padding: 10px 0;
    }
    .top-bar .nav-tabs a {
        border: none;
        font-size: 13px;
        text-align: left!important;
        padding: 8px 11px;
        margin-bottom: 5px;
    }
    .search-dropdown a.dropdown-toggle {
        background-color: #f2f2f2;
        padding: 8px !important;
    }
    .icon-bar.last {
        margin-bottom: 0;
    }
}


/* Legacy backend styling */

/* Begin default form table style definition */
table
{
    font-family:Roboto, sans-serif;
}


.formtable1
{
    margin:25px 0;
}

.formtable1 td,
.formTable1 td,
.FormTable1 td
{
	height: 29px;
	font-family: 'Roboto', sans-serif;
	font-size: .95em;
	padding: 8px 8px 8px 8px;
	background-color: #fff;
	border-bottom: solid 1px #f4f4f4;
}

	.formtable1 td.alt,
	.formTable1 td.alt,
	.FormTable1 td.alt
	{
		background-color: #f1f1f1;
	}

	.formtable1 td.head,
	.formTable1 td.head,
	.FormTable1 td.head
	{
		font-size: 14px;
		font-weight: bold;
		color: #333;
		background-color: #f2f2f2;
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
	}

		.formtable1 td.head a,
		.formTable1 td.head a,
		.FormTable1 td.head a
		{
			color: #3e76da;
			font-weight: normal
		}

		.formtable1 td.head img,
		.formTable1 td.head img,
		.FormTable1 td.head img
		{
			margin-right: 2px;
		}

		.formtable1 td.head a i.fa-question-circle,
		.formTable1 td.head a i.fa-question-circle,
		.FormTable1 td.head a i.fa-question-circle
		{
			color: #3e76da;
		}

		.formtable1 td.head a i.fa-question-circle:hover,
		.formTable1 td.head a i.fa-question-circle:hover,
		.FormTable1 td.head a i.fa-question-circle:hover
		{
			color: #2A6496;
		}

.formtable1 th,
.formTable1 th,
.FormTable1 th
{
	height: 29px;
	line-height: 21px;
	text-align: left;
	color: #333;
	font-size: 12px;
	padding: 8px 8px 8px 8px;
	font-weight: bold;
	background-color: #fff;
	border-bottom: solid 1px #f4f4f4;
	vertical-align: top;
}

	.formtable1 th div,
	.formtable1 th span,
	.formTable1 th div,
	.formTable1 th span,
	.FormTable1 th div,
	.FormTable1 th span
	{
		line-height: 13px;
	}

	.formtable1 th.center,
	.formTable1 th.center,
	.FormTable1 th.center
	{
		text-align: center;
	}

.formtable1 td.info,
.formTable1 td.info,
.FormTable1 td.info
{
	background-color: #fbfbd9;
	padding: 12px 8px 12px 8px;
	border-bottom: dashed 1px #FFED00;
}

.formtable1 td.break,
.formTable1 td.break,
.FormTable1 td.break
{
	height: 20px;
	border: none 0px;
	background-color: Transparent;
}

.formtable1 td.nostyle,
.formTable1 td.nostyle,
.FormTable1 td.nostyle
{
	padding: 0px;
	border: none 0px;
	background-color: Transparent;
}

.formtable1 tr.noline td,
.formTable1 tr.noline td,
.FormTable1 tr.noline td
{
	border: none 0px;
}

.formtable1 div,
.formTable1 div,
.FormTable1 div
{
	text-align: left;
	font-weight: normal;
}

.formtable1 textarea,
.formTable1 textarea,
.FormTable1 textarea
{
	width: 100%;
}

.FormTable1 td.label
{
    text-align: left;
    color: black;
    display: table-cell;
    vertical-align: middle;
	white-space: normal;
}

.formtable1 .AlertRow td
{
	background-color: #EECCCC;
}

.formtable1 .AlertRow th
{
	background-color: #EEAAAA;
}

/* This form table style was built for the purpose of sharing forms with the frontend */
.formtable2,
#tblEditor_mem_eventComments {
    max-width:1200px;
}

.formtable2 td,
.formtable2 th
{
	height: 29px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	padding: 10px 8px 10px 8px;
}

.formtable2 td
{
	background-color: #fff;
	border-bottom: solid 1px #f4f4f4;
}

.formtable2 th
{
	font-weight: bold;
	color: #333;
	background-color: #f1f1f1;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}

	.formtable2 th a
	{
		color: #333;
		font-weight: normal;
		border-bottom:1px dotted #333;
	}

	.formtable2 th img
	{
		margin-right: 2px;
	}

.formtable2 td.label
{
	line-height: 21px;
	text-align: left;
	color: #333;
	font-weight: bold;
	background-color: #fff;
	border-bottom: solid 1px #f4f4f4;
	vertical-align: top;
    display:table-cell;
    border-radius:0;
    white-space:normal;
}

	.formtable2 td.label div,
	.formtable2 td.label span
	{
		line-height: 13px;
	}

.formtable2 td.info
{
	background-color: #fbfbd9;
	border-bottom: dashed 1px #FFED00;
}

.formtable2 td.break
{
	height: 20px;
	border: none 0px;
	background-color: Transparent;
}

.formtable2 td.nostyle
{
	padding: 0px;
	border: none 0px;
	background-color: Transparent;
}

.formtable2 div
{
	text-align: left;
	font-weight: normal;
    font-size:12px;
}

blockquote div {
    padding:10px 0;
}

.formtable2 textarea
{
	width: 100%;
}

#Form1 td,
#Form1 th {
    padding:5px 10px;
}

.PrintHeadline
{
	font-size: 16px;
	font-weight: bold;
	margin: 15px 0px 15px 0px;
}

.printtable1 td
{
	height: 29px;
	font-family: Arial,Helvetica;
	font-size: 12px;
	padding: 3px 8px 3px 8px;
	background-color: #fff;
	border-bottom: dashed 1px #999;
}

	.printtable1 td.bottom
	{
		height: 29px;
		font-family: Arial,Helvetica;
		font-size: 12px;
		padding: 0px 8px 0px 8px;
		background-color: #fff;
		border-bottom: dashed 0px;
	}

	.printtable1 td.head
	{
		font-family: Tahoma,Verdana,Arial,Helvetica;
		font-size: 14px;
		font-weight: bold;
		color: #333;
		background-color: white;
		border-top: solid 1px #333;
		border-right: solid 1px #333;
		border-left: solid 1px #333;
		border-bottom: solid 1px #333;
	}

.printtable1 th
{
	height: 29px;
	text-align: left;
	font-family: Arial,Helvetica;
	color: Black;
	font-size: 12px;
	padding: 3px 8px 3px 8px;
	font-weight: bold;
	background-color: #fff;
	border-bottom: dashed 1px #999;
}

	.printtable1 th.bottom
	{
		height: 29px;
		text-align: left;
		font-family: Arial,Helvetica;
		color: Black;
		font-size: 12px;
		padding: 0px 8px 0px 8px;
		font-weight: bold;
		background-color: #fff;
		border-bottom: dashed 0px;
	}

.printtable1 td.title
{
	padding: 0px;
	border: none 0px;
	font-size: 15px;
	font-weight: bold;
	background-color: #fff;
}

a.external
{
	background-image: url(/global_graphics/external.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
}

.AVD_StatusBox
{
	text-align: center;
	font-size: 10px;
}

.AVD_StatusText
{
	font-size: 12px;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
}

	.AVD_StatusText A
	{
		font-size: 10px;
		text-decoration: underline;
	}

.AVD_StatusImage
{
}


#UserFilterForm
{
    margin-bottom:15px;
}

/* Begin toolbar style definition */
table.toolbar
{
	border: solid 1px #ddd;
	height: 24px;
	width: 100%;
}

	table.toolbar td
	{
		background: #f1f1f1;
		padding: 0px;
	}

	table.toolbar a,
	table.toolbar label
	{
		color: #666;
		font-size: 11px;
		font-weight: bold;
		line-height: 21px;
		padding: 3px 12px 3px 12px;
	}

	table.toolbar a
	{
		border-right: solid 1px #ddd;
		display: block;
		float: left;
	}

		table.toolbar a img
		{
			margin: 3px 4px 0px 0px;
		}

		table.toolbar a:hover
		{
			background: #ebebeb;
			color: #333;
		}

		table.toolbar a.disabled,
		table.toolbar a.disabled:hover
		{
			color: #999;
			cursor: not-allowed;
			text-decoration: none;
		}


/* Misc table + element styling */
#table1 tr th,
#table1 tr td
{
    padding:10px!important;
}

#table1 td.info, #table1 td.divider
{
    padding: 10px!important;
}

a.inlinehelp
{
    color:#333;
    max-width:1200px;
    display:inline-block!important;
    border-bottom:none!important;
}

a[href="/admin/saved_queries.asp"]
{
    border-bottom:none!important;
}

    a.inlinehelp:hover
	{
        text-decoration:none;
    }

a[id*="HelpLink"]
{
    margin: 0 5px;
}

.ComboBox
{
	border: solid 1px #cccccc;
}

.ComboBoxList
{
	background-color: White;
	overflow: auto;
	white-space: nowrap;
	padding-left: 3px;
}

	.ComboBoxList input
	{
		margin-bottom: 0px;
	}

.ComboBoxListItem
{
    transition: all .25s;
}

    .ComboBoxListItem:hover
	{
        background: #f1f1f1;
    }

#ctl00_PageContent_pnlDirectorySearchLayout>div
{
    padding:10px 20px 20px;
    background: #f1f1f1!important; 
}

.infoBox, .infobox
{
	background-color: #d9edf7;
	padding: 15px 10px;
	border: solid 1px #bce8f1;
    margin:15px 0;
    color: #31708f;
}

    .infoBox h3
	{
        font-size:1.25em;
    }


/*Group Layout Toool*/
#GroupHompageLayout .zone
{
	min-height: 300px; /*ff*/
	height: auto !important; /*ie7 */
	height: 300px; /*ie6 */
}

#GroupHompageLayout .zonebox
{
	border: dotted 1px #666666;
	margin: 0 0 10px 0;
	padding: 5px;
	min-height: 300px; /*ff*/
	height: auto !important; /*ie7 */
	height: 300px; /*ie6 */
}

#GroupHompageLayout .headzone
{
	max-width: 100%;
	width: auto !important;
	width: 100%;
	min-height: 100px; /*ff*/
	height: auto !important; /*ie7 */
	height: 100px; /*ie6 */
}

#tdZone1 .zonebox
{
	margin-right: 5px;
}

#tdZone2 .zonebox
{
	margin-left: 5px;
}

#GroupHompageLayout .ctrl
{
	border: solid 3px #666666;
	margin: 5px;
	padding: 5px;
	max-width: 100%;
	cursor: move;
	background-color: #FFFFFF;
}

#GroupHompageLayout .placeholder
{
	height: 100px;
	width: 100%;
	background: #f0f0f0;
	border: 1px dashed #ddd;
	visibility: visible !important;
}
/*End Group Layout Tool */

/* Begin newgrid1 style definition */

.horizontalTable {
    overflow-x: auto;
    border:1px solid #EDEDED;
}

.horizontalTable .newgrid1 {
    border:none!important;
}

.horizontalTable .newgrid1 tr:last-child td {
    border-bottom:none!important;
}

.horizontalTable .newgrid1 .header td, .horizontalTable .newgrid1 .header th {
    border-top:none!important;
}

#main .newgrid1 .header td, #main .newgrid1 .header th {
    background: none repeat scroll 0 0 #F8F8F8;
    font-size: 14px;
    padding: 15px 20px 17px;
    text-align: left;
    border-top: solid 1px #EDEDED;
    border-bottom: solid 1px #EDEDED;
    font-weight: bold;
    color: #333;
}

#main .newgrid1 {
    border: 1px solid #EDEDED;
    width: 100%;
}

#main .newgrid1 td {
    border-bottom: 1px solid #F4F4F4;
    border-top: none;
    padding: 15px 20px 18px;
    font-size: 13px;
}
    
#main .newgrid1 td input[type="text"] {
    box-shadow: none;
}
    
#main .newgrid1 tr {
    transition: none !important;
}

.item.active {
    -webkit-box-shadow:inset 5px 0px 0px 0px #3E76DA ;
    -moz-box-shadow:inset 5px 0px 0px 0px #3E76DA ;
    box-shadow:inset 5px 0px 0px 0px #3E76DA ;
}
    
#main .newgrid1 .collapse-wrap {
    -webkit-box-shadow:inset 4.5px 0px 0px 0px #3E76DA ;
    -moz-box-shadow:inset 4.5px 0px 0px 0px #3E76DA ;
    box-shadow:inset 4.5px 0px 0px 0px #3E76DA ;
}
    
.item.active {
    background: #F4FAFE;
}
    
.item.active td {
    border-bottom: none!important;
}
    
.collapse-wrap {
    padding: 25px!important;
}

.expandTable td {
    border-bottom: none !important;
}

.newgrid1 tr .expandTable:hover {
    background: #F4FAFE;
    cursor: pointer;
}
.newgrid1 tr {
    transition: none !important;
}

.newgrid1 tr.active {
    box-shadow: inset 5px 0px 0px 0px #3E76DA;
    -webkit-box-shadow:inset 5px 0px 0px 0px #3E76DA ;
    -moz-box-shadow:inset 5px 0px 0px 0px #3E76DA ;
}

.newgrid1 tr.active .expandTable {
    background: #F4FAFE;
    box-shadow: inset 4.5px 0px 0px 0px #3E76DA;
    -webkit-box-shadow:inset 4.5px 0px 0px 0px #3E76DA ;
    -moz-box-shadow:inset 4.5px 0px 0px 0px #3E76DA ;
}

.newgrid1 caption {
    background-color: transparent;
    border-bottom: medium none;
    padding: 8px 10px;
    background: #f1f1f1;
    border-bottom:1px solid #ddd;
    font-family:Oswald, sans-serif;
    letter-spacing:0.5px;
    font-weight:300;
    font-size:1.2em;
    margin-top:5px;
    letter-spacing:.25px;
}

/* End newgrid1 style definition */

/* Begin newPagination style definition */

.newPagination ul.pagination .first-last a {
    cursor: pointer;
    padding: 14px 20px;
    font-size: 14px;
    line-height: 21px;
    height: 51px;
}

.newPagination ul.pagination .previous-next a {
    cursor: pointer;
    padding: 10px 24px;
    font-size: 20px;
    line-height: 29px;
    height:51px;
}

.newPagination ul.pagination .page-numbers span {
    color: #666;
    padding: 9px 16px;
    font-size: 14px;
    line-height: 31px;
    height:51px;
}

.newPagination ul.pagination .page-numbers span:hover {
    background-color: #fff;
    color: #666;
}

.newPagination ul.pagination .page-numbers .form-control {
    width: 45px;
    display: inline;
    padding: 6px;
    height: 30px;
    font-size: 14px;
    -webkit-appearance: none;
    box-shadow: none;
}

/* Begin newPagination style definition END */

/* Begin datagrid1 style definition */
.datagrid1
{
	clear: both;
}
	.datagrid1 td {
		font-size: .95em;
		padding: 10px 8px 10px 8px; /* !important;*/
		border-bottom: dotted 1px #ddd; /* !important;*/
		height: 29px; /* !important;*/
	}
		.datagrid1 td.nopad
		{
			padding: 0px 0px 0px 0px;
		}

		.datagrid1 td.nostyle
		{
			border-bottom: none;
			padding: 10px 0px;
		}

	.datagrid1 p
	{
		font-size: 13px;
	}

	.datagrid1 tr.overhead td
	{
		height: auto;
		padding: 5px 8px 5px 8px;
	}

		.datagrid1 tr.overhead td.tab
		{
			background: #EBEDF0;
			border-top: dotted 1px #C1C7CD;
			border-bottom: none 0px;
			color: #7E8895;
			font-weight: bold;
			text-align: center;
		}

	.datagrid1 tr.header td,
	.datagrid1 tr.header th, .rgHeader
	{
		background: #f2f2f2;
		border-top: solid 1px #ddd;
        border-bottom: solid 1px #ddd;
		color: #333;
        font-weight:bold;
        font-size:13px;
	}

		.datagrid1 tr.header a i.fa-question-circle
		{
			color: #3e76da;
			border-bottom: none;
		}

		.datagrid1 tr.header a i.fa-question-circle:hover
		{
			color: #2A6496;
		}

        #main .datagrid1 {
            border: 1px solid #EDEDED;
        }

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

        table tr.header a[title="Select All"],
        table tr.header a[title="Select None"]
		{
            border-bottom:none;
        }

        table tr.header a:hover
		{
            text-decoration:none;
            border-bottom:none;
            color:#999;
        }



.datagrid2 table
{
	border: 0;
}

.datagrid2 th,
.datagrid2 td
{
	border: none !important;
}

.datagrid2 th
{
	background-color: #f2f2f2 !important;
	color: #333 !important;
	font-weight: 700 !important;
	padding: 8px 4px;
	cursor: default !important;
}

.datagrid2-rowhover tr:hover
{
	background-color: #f1f1f1;
	-moz-transition: background-color 200ms ease-in-out;
	-webkit-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}

.datagrid2-rowmove tr:hover
{
	cursor: move;
}


.datagrid2 td
{
	padding: 8px 4px;
}

.datagrid2-item
{
}

.datagrid2-altitem
{
	background-color: #EFEFEF;
}

.datagrid2-selecteditem
{
	background-color: #FBFBD9;
}

.datagrid2 .rgHeaderWrapper
{
	background-color: #CCCCCC;
	cursor: default !important;
}

.datagrid1 tr.item td
{
	background-color: #fff;
}

	.datagrid1 tr.item td.alt
	{
		background-color: #d5d4cf !important;
	}

.datagrid1 tr.altitem td
{
	background-color: #ffffff;
}

	.datagrid1 tr.altitem td.alt
	{
		background-color: #d5d4cf;
	}

.datagrid1 tr.edititem td
{
	background-color: #fbfbd9;
	border-bottom-color: #FFED00;
}

.datagrid1 tr.delitem td
{
	background-color: #f2dede;
	border-bottom-color: #ebccd1;
    color:#a94442;
}

.datagrid1 tr.remitem td
{
	background-color: #D0CEC5;
	border-bottom-color: #B5B2A3;
	color: #A4A194;
	font-style: italic;
	text-align: center;
}

table input[type="image"]
{
    vertical-align:middle;
}

.descriptive
{
    max-width:1200px;
}

.headerBox
{
	border: none;
	background-color: #fff;
	padding: 5px;
    margin-bottom:30px;
    max-width:1200px;
    font-size:90%;
}

#calendar-filter
{
	border-bottom: 3px solid #ddd;
	border-top: 1px solid #ddd;
	max-width: 600px;
	padding-bottom: 15px;
}

	#calendar-filter input[type="text"], #calendar-filter select
	{
		width: 100%;
	}

	#calendar-filter label
	{
		font-size: 12px;
		font-weight: 700;
		margin: 0 0 3px;
	}

.headerBox .row
{
	padding: 10px 0;
}

    .headerBox table
	{
        width:auto;
        /*border-top:1px solid #ddd;
        border-bottom:3px solid #ddd;*/
    }

        .headerBox table:first-of-type
		{
            border-top:1px solid #ddd;
        }

            .headerBox table:first-of-type tr:first-child td
			{
                padding-top:20px!important;
            }

        .headerBox table:last-of-type
		{
            border-bottom:3px solid #ddd;
        }

            .headerBox table:first-of-type tr:last-child td
			{
                padding-bottom:20px!important;
            }

    .headerBox #addlOptions table
	{
        border:none;
    }

        .headerBox table[cellpadding="3"]
		{
            min-width:700px;
        }

       

    .headerBox td
	{
        padding: 10px 8px;
        border-bottom:none;
        vertical-align:middle;
    }

    .headerBox td,
    .headerBox select
	{
        font-size:12px;
    }

    .headerBox .infobox
	{
        font-size:13px;
        padding: 15px 20px!important;
    }


img[style="padding-right:5px;"]
{
    padding-right:0!important;
}

table.headerBox
{
	padding: 0px;
}

#FilterForm .headerBox table
{
	border-collapse: separate; 
	border-spacing: 5px;
}

#FilterForm .headerBox td
{
    padding: 0;
	vertical-align: top;
}

#JobFrame
{
    margin-top:25px;
}

form[name="YMForm"]
{
    max-width:1200px;
}


/* Ordinal Positioner */

.ordinalPositioner
{
	width: 60px;
}

	.ordinalPositioner .ordinalPositionerL
	{
		float: left;
	}

		.ordinalPositioner .ordinalPositionerL input
		{
			font-size: 12px;
			text-align: center;
			width: 32px;
		}

	.ordinalPositioner .ordinalPositionerR
	{
		float: right;
	}

		.ordinalPositioner .ordinalPositionerR input
		{
			height: 10px;
			width: 11px;
		}

        .ordinalPositioner .ordinalPositionerR input[type="image"]
		{
            vertical-align:top;
        }


/* Innova editor workaround */
.isdd_over h1,
.isdd_over h2,
.isdd_over h3,
.isdd_over h4,
.isdd_over h5,
.isdd_over h6,
.isdd_over p,
.isdd_over pre,
.isdd_over div
{
	color: white !important;
}

.TabBar
{
	font-family: 'Roboto', sans-serif;
}

	.TabBar a
	{
		display: block;
		font-size: 14px;
		text-align: center;
		padding: 5px 12px 5px 12px;
	}

	.TabBar div
	{
		border-color: #828282 #828282 -moz-use-text-color;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-style: solid solid none;
		border-width: 1px 1px medium;
		float: left;
		margin: 5px 3px -1px 0;
		color: #828282;
	}

		.TabBar div a
		{
			background-color: #eeeeee;
			color: #828282;
			text-decoration: none;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
		}

			.TabBar div a:hover
			{
				background-color: #cccccc;
				color: White;
				text-decoration: none;
			}

		.TabBar div.activeTab
		{
			cursor: default;
		}

			.TabBar div.activeTab a,
			.TabBar div.activeTab a:hover
			{
				background-color: #ffffff;
				color: #333333;
				cursor: default;
			}

		.TabBar div.clearBottom
		{
			clear: both;
			display: block;
			float: none;
		}

	.TabBar .addWidget
	{
		float: right;
		margin-right: 0;
		border: none;
		cursor: pointer;
		background-color: transparent;
	}

		.TabBar .addWidget a
		{
			position: relative;
			top: 2px;
			left: 6px;
			font-size: 13px;
			text-decoration: none;
			background-color: transparent;
			color: #075574;
		}

			.TabBar .addWidget a:hover
			{
				font-size: 13px;
				text-decoration: underline;
				background-color: transparent;
				color: #075574;
			}

.radioTab
{
	padding: 8px 8px 8px 4px;
	display: inline-block;
}

.radioTabSelected
{
	background-color: #CCC;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.radioTabContent
{
	background-color: #CCC;
	padding: 12px 8px 8px 8px;
}

.radioTabContentLine
{
	margin-bottom: 4px;
}

.datagrid1 tr td
{
    transition: all .25s;
    -moz-transition: all .25s;
    -o-transition: all .25s;
    -webkit-transition: all .25s;
}

.datagrid1 tr:hover td
{
    background: #f7f7f7;
}

.datagrid1 tr.header:hover td
{
    background: #f2f2f2;
}


.datagrid1 .nostyle:hover
{
    background: transparent;
}

tr.DotNetPager:hover td
{
    background: #fff;
}

tr.DotNetPager td
{
    border-bottom:0;
    font-size:120%;
    padding:3px;
}

tr.DotNetPager span
{
    font-weight:bold;
    padding:2px 8px;
}

tr.DotNetPager td a
{
    padding:2px 8px;
    transition: all .25s;
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
}

    tr.DotNetPager td a:hover
	{
        background: #f1f1f1;
        text-decoration:none;
    }

#divMainContent
{
    margin-left: 0;
}

#sidebar + #divMainContent
{
    margin-left:250px;
}

/* Dues Rules / Renewal Rules / Custom Queries section styling */

.rulesSectionHeader,
.CriteriaSectionHeader
{
    background: none repeat scroll 0 0 #f2f2f2;
	font-size: 12px;
    line-height: 17.15px;
	vertical-align: top;
    padding: 10px 20px;
	border-top: 1px solid #ddd;
}

.rulesSectionHeaderText
{
    font-size:12px;
}

    .rulesSectionHeader a[id*="HelpLink"] {
		font-size: 14px;
    }

.duesRulesButton,
.CriteriaGroupButton,
.CriteriaButton
{
    background: #2e4267;
    border:1px #000 solid;
    padding:2px 10px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    width:150px;
    font-size: 14px;
    font-weight: 400;
    color:#fff;
    line-height: 1.42857em;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    transition: all .25s;
    -moz-transition: all .25s;
    -o-transition: all .25s;
    -webkit-transition: all .25s;
}

#divMatch .duesRulesButton
{
    width:195px;
}


    .duesRulesButton a
	{
        color:#fff;
        font-size:11px;
    }

    .duesRulesButton div
	{
        padding:0;
    }

        .duesRulesButton div img
		{
            height:14px;
            width:14px;
        }

#divMatch
{
    padding:5px 18px;
    height:40px;
    width:100%;
}


.duesRulesButton:hover
{
    background: #f7941d;
    border-color:#de841a;
}

.duesRulesButton a div
{
    padding:0!important;
    margin-right:10px;
}

.duesRulesButton a:hover
{
    text-decoration:none;
}

#ctl00_PageContent_btnSave,
#ctl00_PageContent_bSave,
#ctl00_PageContent_hlCancel,
#ctl00_PageContent_btnUpdate,
#ctl00_PageContent_bSubmit
{
    margin-right:15px;
}

#divOrphanedTransactions .datagrid1 td
{
    font-size:12px;
}

#ctl00_PageContent_hlCencel,
#ctl00_PageContent_hlCancel
{
    margin-left:15px;
}


.formulaTerm,
#Criteria .item
{
    background-color: #f1f1f1;
    border-bottom: 1px dotted #ddd;
    padding: 4px 12px;
}

.formulaTerm
{
	padding: 4px 0;
}

.divConditions
{
    border: 1px solid #ddd;
	border-bottom: none;
    border-collapse: collapse;
    width: 100%;
}

    .divConditions .dropdowns
	{
		margin-top: 2px;
        margin-bottom: 2px;
    }

.divConditions img[src="/global_graphics/icons/plus_16.png"]
{
    vertical-align:middle!important;
}

#divConditionFieldControls
{
    background: #e6e7e1;
    padding: 0;
	border-bottom: 1px solid #c8c8c0;
}

.divConditions>div
{
    background: #f7f7f7;
}

#ctl00_PageContent_upConditionGroups .actionHeader
{
    background: #eee;
    border-color:#ccc;
}

#ctl00_PageContent_upConditionGroups .actionCell
{
    background: #f7f7f7;
    width:508px;
    border-color:#ccc;
}

.conditionControl,
.ruleControl
{
    float: left;
    padding: 0 2px;
    margin-right:8px;
}

.conditionControl
{
	padding-top: 16px !important;
}


.ruleControl[style="width: 120px;"]
{
    width:150px;
}

.ruleControl select
{
    padding:4px 0;
}

.ruleDelete
{
    width: 20px;
    text-align: right;
	padding-left: 10px;
	padding-top: 2px;
}

.divConditions div[style="display: table-cell;"]
{
    width:100%;
}

#leftControls
{
    float: left;
    width: 200px;
    padding-right: 12px;
    border-right: dotted 1px #999;
    }

#middleControls
{
    float: left;
    width: 170px;
    height: 58px;
    vertical-align: middle;
    padding: 4px 12px;
    border-right: dotted 1px #999;
}

#rightControls
{
    float: left;
    padding-left: 12px;
	height: 58px;
}

.actionHeader
{
    width: 243px;
    background-color: #E6E7E1;
    border: 1px dotted #999;
    padding: 6px 0px 6px 16px;
    display: table-cell;
}

.actionCell
{
    width: 457px;
    background-color: #F9F8F1;
    border: 1px dotted #999;
    padding: 6px 16px 6px 16px;
    display: table-cell;
}

/* Specific to Custom Queries */

.rb-nav-item
{
    padding-left: 8px;
}
	
.rb-nav-item-default
{
    color: #ce6e19;
    background-image: #f1f1f1;
}
	
.rb-nav-item-default a
{
    color: #4d7f93;
}
	
.rb-nav-item-active
{
    background-image: #f7941d;
}
	
.rb-nav-item-active a
{
    color: #ffffff;
}


/* Status elements */

.messagealertbold
{
    color: #990000;
    font-family: Tahoma,Verdana,Arial,Helvetica;
    font-size: 12px;
    font-weight: bold;
}
.redalert
{
    color: #D9534F;
}
.greenalert
{
    color: #339933;
}

.video-link
{
    color: #3e76da;
    font-family: 'Roboto',sans-serif;
    font-size: 12.5px;
    text-decoration: none;
}

#editfieldnote
{
    padding: 5px 0 10px;
}

.deemphasize
{
    color: #999;
}

/* jQuery UI Accordion */

/*our accordion headers */
#accordion.ui-accordion h3
{
	height: 36px !important;
}

	/* text of the header */
	#accordion.ui-accordion h3 .header
	{
		font-size: 14px;
		line-height: 24px;
		padding-left: 18px;
		margin-left: 5px;
	}

/*target the first div in <div id="accordion"> after a <h3> (i.e. our accorion container but no other divs) */
.ui-accordion .ui-accordion-content, #accordion > div
{
	height: 100%;
	border-color: #e3e0d4;
}

#accordion.ui-accordion h3
{ 
    height:auto; 
    font-size: 100%; 
    line-height:34px;	
}

.ui-widget-content label
{
    font-size:12px;
} 	


/*the checkmark */
#accordion .checkmark
{
float: right;
position:relative;
top: -2px!important;
right: 12px!important;
} 


/* End jQuery UI Accordion */


/* General Input/Form element styling */

.fullWidth {
    width: 100%;
}

input[type="checkbox"],
input[type="radio"]
{
    margin: 0 3px 0 0;
    vertical-align:middle;
}

input[type="checkbox"],
input[type="radio"],
input[type="text"],
input[type="password"],
input[type="url"],
select,
textarea
{
    border:1px solid #ccc;
    border-radius:4px;
    padding:4px 8px;
    font-size:1em!important;
}

td input[name="btn_RunQuery"]
{
    color:#3e76da!important;
}

span[id*="lblEmpty"]
{
    font-size:90%;
    font-style:italic;
    margin-top:10px;
    display:block;
    color:#bababa;
}

/*
label {
    margin-bottom:0;
}
*/

select[multiple]
{
    width:100%;
    max-width:500px;
}

td input[type="text"],
td input[type="number"],
td select
{
    display:inline-block;
}

#frmFilter
{
    margin:15px 0 15px;
}

#frmFilter select
{
    margin-bottom:0;
}

#frmFilter .formbutton
{
    padding:1px 20px;
    margin: 0 10px;
}

.nostyle select
{
    border-radius:0;
}

blockquote
{
    border-left:none;
    margin:0;
    padding:0;
}

input[type="checkbox"] ~ label,
input[type="radio"] ~ label
{
    font-size: 12px;
	vertical-align: middle;
	margin: 2px 3px 0 0;
}

label.tooltip
{
    opacity:1;
    line-height:2.25em;
}

#spUser b
{
    margin: 0 5px 0 10px;
    vertical-align:middle;
}

#sentmin, #sentmax,
#dat_lower, #dat_upper,
#Duemin, #Duemax,
#pmtappmin, #pmtappmax,
#pmtcrmin, #pmtcrmax,
.headerBox #min, .headerBox #max,
#balmin, #balmax
 {
    max-width:125px;
}

/* Specific Form styling */

form[method="post"]
{
    /* expand horizontally to fill container */
    width:100%;
}

form[name="frmExclude"]
{
    width:auto;
}

#RegistrationForm
{
    max-width:700px;
}

form[action="dashboard.aspx"]
{
    max-width:initial;
}
	
/* Group multi select */

.Groups
{
	padding: 0;
	height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
	border:solid;
	border-color:#cccccc;
	border-width:1px;
}

.groupTable
{
	width: 100%;
}
	.groupTable td
	{
		border-bottom: none !important;
		margin: auto;
	}

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

#GroupSelector
{
    background-color: White;
    border: 1px solid #cccccc;
    padding: 1px;
    width: 240px;
}
#GroupSelector input
{
    height: auto;
    margin-bottom: 0;
    width: auto;
}
.GsMain
{
    font-size: 12px;
	width: 100%;
    height: auto;
    overflow: auto;
}
	.GsMain td
	{
		padding: 0 !important;
	}

.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;
	padding: 0 4px;
}
.GsListItem
{
    font-size: 12px;
    height: 26px!important;
    white-space: nowrap;
    padding:4px 3px;
    transition: all .25s;
    -moz-transition: all .25s;
    -o-transition: all .25s;
    -webkit-transition: all .25s;
}

.GsListItem:hover
{
    background: #f7f7f7;
}
.GsItemBorder
{
    border-top: 1px solid #eeeeee;
}


/* YUI Customizations */

#PageBase_RaiseAlert .yui-panel-container
{
    z-index:1500!important;
    /*top:30%!important;
    left: 45%!important;*/
}

.yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft
{
    background: #f7f7f7!important;
}

.yui-skin-sam .yui-panel .hd {
    background: #eee!important;
    font-family:Roboto, sans-serif;
}

.yui-skin-sam .yui-panel .bd
{
    padding: 10px 10px 15px!important;
}

.yui-skin-sam .yui-overlay-hidden .bd
{
    padding:0!important;
}

.yui-skin-sam .yui-overlay-hidden .container-close
{
    display:none;
}

.yui-skin-sam .yui-overlay-hidden .yui-overlay,
.yui-skin-sam .yui-overlay-hidden .yui-overlay .hd
{
    border:none!important;
}

.yui-skin-sam .yui-simple-dialog .bd .yui-icon
{
    margin-top:4px;
    margin-left:5px;
}

.yui-panel .bd,
.yui-panel .bd a
{
    font-size:12px;
}


.treeLevel
{
	background: transparent url(/global_graphics/icons/treeIndent.png) repeat-x;
	display: inline-block;
	vertical-align: bottom;
}

#MoreOptsPanelBody a
{
    line-height:24px!important;
    font-size:12px;
}

#ContextualHelpHead img
{
    margin:5px 5px 0 0;
}

/* YUI Tooltip override */
.yui-skin-sam .yui-tt .bd
{
	background-color: #ffffff !important;
	border: solid 1px #aaaaaa !important;
	font-size: 11px;
}

#billing-contacts label {
    margin-bottom: 0px;
}

/* Custom Form Tooltips */
label.cform_tooltip
{
	outline: none;
}

	label.cform_tooltip:hover
	{
		outline: none;
	}

	label.cform_tooltip span
	{
		display: none;
		padding: 10px;
		position: relative;
		text-align: left;
		width: 270px;
		z-index: 999;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-box-shadow: 5px 5px 8px #CCC;
		-webkit-box-shadow: 5px 5px 8px #CCC;
		box-shadow: 1px 1px 3px #CCC;
	}

	label.cform_tooltip:hover span
	{
		display: block;
		position: absolute;
		border: 1px solid #808080;
		background: #f2f2f2;
	}

/* Custom Form Builder */
.CustomFormPageHeader
{
	font-size: 16px;
	font-weight: bold !important;
	margin-top: 8px;
}

/* Vertical Gauge chart */
.VGaugeCont1
{
	border: 2px solid #EBEBEB;
	padding: 5px 8px 3px 8px;
}

.VGaugeContOver
{
}

.VGaugeCont
{
	background-image: url("/global_graphics/vg_bg03.png");
	font-family: Arial;
	font-size: 10px;
	width: 180px;
}

	.VGaugeCont td
	{
		height: 235px;
	}

.VGaugeBar
{
	background: url("/global_graphics/vg_bar.png") repeat scroll 0 0 transparent;
	color: #FFFFFF;
	display: block;
	height: 225px;
	text-align: center;
	width: 50px;
	font-size: 10px;
}

.VGaugeBarCont
{
	overflow: hidden;
	height: 225px;
}

.VGaugeRcvd
{
	background: url("/global_graphics/vg_arrow.png") no-repeat scroll center top transparent;
	color: #FFFFFF;
	display: block;
	height: 235px;
	text-align: center;
	width: 65px;
	font-size: 10px;
}

.VGaugeGoal
{
	background: url("/global_graphics/vg_arrow02.png") no-repeat scroll center top transparent;
	color: #FFFFFF;
	display: block;
	height: 235px;
	padding-left: 0px;
	text-align: center;
	width: 65px;
	font-size: 10px;
}

/* This is for the menu option icons in the hover menus */
i.fa.moreopts
{
	width: 15px;
	text-align: center;
	position: relative;
	left: -3px;
	margin-right: 1px;
}

/* this is to make submit buttons look like a font-awesome image link. Use the hex value for the image you want in the value attribute of the button. */
input[type=submit].fa-button
{
	font-family: FontAwesome;
	background: transparent;
	border: 0;
	margin: 0px;
	padding: 0px;
	color: #3e76da;
}

	input[type=submit].fa-button.text-danger
	{
		color: #d9534f;
	}

input[type=submit]:hover.fa-button
{
	color: #2a6496;
}

	input[type=submit]:hover.fa-button.text-danger
	{
		color: #843534;
	}

/* hide the calendar icon from the old ASP Classic DHTMLCalendar. This is replaced by jquery in the header/master page */
a > img[src="/global_graphics/icons/cal_16.gif"]
{
	display: none;
}

.error-message
{
    margin:25px;
}

.error-icon
{
    float:left;
    margin-right:25px;
}

.error-message .specific-error
{    
    padding:5px 10px;
	background-color:#eee;
}

	.error-message .specific-error ul
	{
		position: relative; 
		left: -15px; 
		top: 3px;
	}

.error-actions
{
	margin-left: 137px;
}

/* Radio Button Lists */
.rbl-advanced input[type="radio"]
{
	margin-top: 10px;
	margin-bottom: 9px;
}

/* Checkbox Lists */
.checkbox-list
{
	overflow-y: scroll;
	background-color: white;
	border: 1px solid #CCC;
	padding: 5px;
}


/* start: Certification */
.CEUReqIntro {
	padding: 0px 0px 4px 0px;
}

.CEUReqTBAreaOuter
{
	background-color: white !important;
	border: 2px solid #DDDCD6;
	height: 118px;
}

.CEUReqTBAreaInner
{
	height: 114px;
	overflow: auto;
	padding-left: 3px;
}

.CEUReqTBLabel
{
	float: left;
	width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
}

.CEUReqTBMini
{
	height: 16px;
}
/* end: Certification */

/* My Sites Drop Down */
#pnlMySites .dropdown-menu,
#ctl00_AffiliatedSites_pnlMySites .dropdown-menu
{
    min-width:250px;
}

/* Admin login tweaks */

#loginbox
{
    background-color: rgba(255, 255, 255, 0.9)!important;
    box-shadow:0 0 5px rgba(0,0,0,0.15);
}

.bottom-box .liveSupportInfo a,
.bottom-box .confidentialBox a
{
    color:#fff;
    border-bottom:1px dotted #fff;
}

    .bottom-box .liveSupportInfo a:hover,
    .bottom-box .confidentialBox a:hover
	{
        text-decoration:none;
        border-color:#000;
        color:#ccc;
    }

#login1_LoginControlsPanel input
{
    border-left:none;
}

    #login1_LoginControlsPanel input:focus
	{
        box-shadow:none;
        border-color:#999;
    }

.ui-autocomplete
{
	z-index: 100000!important;
}

/* Monospace fonts on editor screens */
#trEditor_txt_body textarea#txt_body,
#trPlainText_ctl00_PageContent_txtEditor  #ctl00_PageContent_txtEditor_txtTextArea,
#customCssDiv #txtCustomCss,
textarea[name="strSiteHeadTags"]
{
    font-family: Consolas,monaco,monospace;
}

.vmiddle
{
	vertical-align: middle !important;
}

.icon-link
{
	text-decoration: none !important;
}

.truncate-ellipsis
{
    display:block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.anchored-alert-top
{
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 0;
	max-width: 600px;
}

.scrolltile
{
	max-height:294px;
	overflow-x:auto;	
}

.invoice-summary div
{
	height: 34px;
	line-height: 34px;
}

.navBox {
    margin-bottom:12px;
}

/* AngularJS Stuff */
.form-control.has-visited.ng-invalid:not(.has-focus)
{
	border: 1px solid #FF3333;
	box-shadow: #FF3333 0 0 10px;
}

.NewAnnouncemnet input.ng-touched.ng-invalid:not(.has-focus), .NewAnnouncemnet textarea.ng-touched.ng-invalid:not(.has-focus),
.EditAnnouncemnet input.ng-touched.ng-invalid:not(.has-focus), .EditAnnouncemnet textarea.ng-touched.ng-invalid:not(.has-focus)
{
	border: 1px solid #FF3333;
	box-shadow: #FF3333 0 0 10px;
}

.controlcenter h2.noside
{
	margin-top: 25px!important;
}
.textbox-as-label
{
	width: 100%;
	height: 100%;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
}
.ats-switch span.switch-left {
    background:#99CC33 !important;
}
.ats-switch, .switch-animate {
    border-radius:10px !important;
}
.btn-group.pull-left, 
.btn-group.pull-right {
    width:auto;
}
.datetime-picker-dropdown {
    min-width:220px;
    padding-bottom:0px !important;
    box-shadow:0 6px 12px rgba(0,0,0,.175);
    -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
}
.datetime-picker-dropdown .btn-link {
    border-color:#fff;
    color:#337ab7;
}
    .datetime-picker-dropdown .btn-info.active,
    .datetime-picker-dropdown .btn-default.active {
        background:#f7941d !important;
    }
    .datetime-picker-dropdown .btn-info.active span,
    .datetime-picker-dropdown .btn-default.active span {
        color:#fff;
    }
    .datetime-picker-dropdown .btn {
        border:0px !important;
    }
    .datetime-picker-dropdown th {
        font-size: 90%;
        border-bottom: 1px solid #ccc;
        white-space: nowrap;
    }
    .datetime-picker-dropdown thead th:last-child {
        padding-top:4px;
        padding-bottom:4px;
    }
    .datetime-picker-dropdown thead th small,
    .datetime-picker-dropdown thead th button {
        font-size:100% !important;
    }
    .datetime-picker-dropdown .btn-danger,
    .datetime-picker-dropdown .btn-success {
        display:none;
    }
    .datetime-picker-dropdown .btn-info {
        color: #000;
        font-weight: bold;
        background-color: #fff;
        border-color: #fff;
        font-size: 14px;
        padding-top:0px;
        padding-bottom:0px;
    }
    .datetime-picker-dropdown .btn-info:focus {
        background-color:#ebebeb;
    }
    .datetime-picker-dropdown table,
    .datetime-picker-dropdown .btn:focus {
        outline:none;
    }
input[readonly][datetime-picker] {
    background-color:#fff;
    cursor:pointer;
}
.fa.text-muted {
    cursor:default;
}

.btn-switch,
.btn-switch:hover,
.btn-switch:focus, 
.open .dropdown-toggle.btn-switch {
    color: lightgrey;
    border-color:#cccccc;
    font-weight:bold;
}
.btn-switch:active,
.btn-switch.active {
    color: #fff;
    background-color: #99CC33;
}

.ats-switch {
    font-weight:bold;
}
.ats-switch .switch-right {
    color: lightgrey !important;
}

/* Bootstrap Toggle */
.toggle-btn {
    margin-bottom:15px;
}
.toggle-btn label .custom-toggle {
    margin-left:10px;
}
.toggle.custom-toggle, .toggle-on.custom-toggle, .toggle-off.custom-toggle {
	border-radius: 50px;
}
.toggle.custom-toggle {
	border: 1px solid #9FCD17;
	background: transparent;
    padding:0px;
    min-height: 28px !important;
}
.toggle.custom-toggle.off {
	border: 1px solid #ccc;
}
.toggle.custom-toggle .toggle-handle {
	border-radius: 20px;
}
.toggle label.btn-primary {
	border: none;
	background: #9FCD17;
}
.toggle.custom-toggle label {
	text-transform: uppercase;
	box-shadow: none;
    font-family:'Roboto', sans-serif !important;
    font-size:12px;
    font-weight: 600;
    line-height: 26px !important;
}
.toggle.custom-toggle .btn.toggle-on {
	padding: 0px 25px 0px 5px;
}
.toggle.custom-toggle .btn.toggle-off {
	padding: 0px 5px 0px 25px;
}
.toggle.custom-toggle .btn.toggle-handle {
	padding: 0px 25px;
	border-color: transparent;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,.1);
    line-height: 28px !important;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 2%, #f7f7f7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #ffffff), color-stop(100%, #f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 2%, #f7f7f7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 2%, #f7f7f7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 2%, #f7f7f7 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 2%, #f7f7f7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0 ); /* IE6-9 */
}

/* Prevent content from pushing containers out of max size. CSS3, not fully supported on all browsers.  Supplemented with overflow-x: hidden at the parent level where these are not supported */
td.wrap, div.wrap, table.wrap td {
	-ms-word-break: break-all;
	-ms-word-wrap:  break-word;
	-webkit-word-break: break-word;
	-webkit-word-wrap: break-word;
	word-break: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

/* 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;
}

.required::after {
    content: " *";
    color: red;
}

.dashboard-tabs {
    background-color: #fff;
    margin: 0 -30px;
}

.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;
}

/* Admin Feed */

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

.post.tile {
    padding-bottom: 10px;
}

.filter-post {
    font-size: 13px;
}

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

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

.image-upload {
    font-size: 12px;
}

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

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

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

.module-actions .reply.feed .form-control {
    border: medium none !important;
    display: table-cell;
    padding-right: 0;
    padding-top: 5px;
    resize: none;
    width: 90%;
    box-shadow: none;
}

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

.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;
}

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

.module-item-img, .module-item-body {
    display: table-cell;
    vertical-align: top;
}

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

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

.feed .feed-options-out {
    position: absolute;
    right: -120px;
    top: 0;
}

.feed .feed-options {
    position: absolute;
    right: 25px;
    top: 22px;
}

.feed .feed-options-out li {
    font-size: 13px;
    margin-bottom: 10px;
}

/* Toggle CSS Not needed for markup */

.toggle-btn label .custom-toggle {
    margin-left: 10px;
}
.toggle.custom-toggle, .toggle-on.custom-toggle, .toggle-off.custom-toggle {
    border-radius: 50px;
}
.toggle.custom-toggle {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #9fcd17;
    min-height: 28px;
    padding: 0;
}
.toggle.custom-toggle.off {
    border: 1px solid #ccc;
}
.toggle.custom-toggle .toggle-handle {
    border-radius: 20px;
}
.toggle label.btn-primary {
    background: #9fcd17 none repeat scroll 0 0;
    border: medium none;
}
.toggle.custom-toggle label {
    box-shadow: none;
    font-family: "Roboto",sans-serif !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 26px !important;
    text-transform: uppercase;
    margin-bottom: 0;
}
.toggle.custom-toggle .btn.toggle-on {
    padding: 0 25px 0 5px;
}
.toggle.custom-toggle .btn.toggle-off {
    padding: 0 5px 0 25px;
}
.toggle.custom-toggle .btn.toggle-handle {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 2%, #f7f7f7 100%) repeat scroll 0 0;
    border-color: transparent;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
    line-height: 28px !important;
    padding: 0 25px;
}
.toggle-off {
    border: 0 none;
    border-radius: 0;
    bottom: 0;
    left: 50%;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.toggle-handle {
    border-width: 0 1px;
    height: 100%;
    margin: 0 auto;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    width: 0;
}
.toggle-on {
    border: 0 none;
    border-radius: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    position: absolute;
    right: 50%;
    top: 0;
}
.toggle-group {
    -moz-user-select: none;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    transition: left 0.35s ease 0s;
    width: 200%;
}
.toggle.btn {
    min-height: 34px;
    min-width: 59px;
}
.toggle {
    overflow: hidden;
    position: relative;
}
.toggle.custom-toggle {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #9fcd17;
    min-height: 28px;
    padding: 0;
}
.toggle.custom-toggle, .toggle-on.custom-toggle, .toggle-off.custom-toggle {
    border-radius: 50px;
}
.toggle label.btn-primary {
    background: #9fcd17 none repeat scroll 0 0;
    border: medium none;
}

/* Toggle CSS Not needed for markup END */

.feed-options .dropdown-toggle {
    color: #777;
}

.feed-options .dropdown-toggle:hover {
    color: #333;
}

.feed-options .dropdown-menu {
    left: -120px;
    min-width: 140px;
    z-index: 999999;
}

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

.dropdown-menu li span a {
    border-radius: 0;
    color: #666;
    font-size: 12px;
    padding: 3px 20px;
    display:block;
}

.dropdown-menu li span a:hover, .dropdown-menu li span a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.feed .tile .dropdown-menu {
    margin: 2px 0 0;
    padding: 5px 0;
}

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

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

.feed .module-message {
    display: table;
    table-layout: fixed;
    width: 100%;
    word-wrap: break-word;
}

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

.module-actions.comment a.active {
    color: #3e76da;
}
.module-actions.comment a {
    color: #999;
	text-decoration: none;
}
.comment .small {
    font-size: 14px !important;
}

.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;
}

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

.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;
}

.module-reply .list-group {
    border: medium none;
    margin-top: 0;
    padding-top: 0;
}

.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;
}

.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 a {
    text-decoration: none;
}

.tile .list-group .list-group-item {
    padding: 5px 0;
}
.module-reply .list-group-item {
    background: #f6f6f7 none repeat scroll 0 0;
    border-bottom: 1px dotted #ddd;
    padding: 2px 10px !important;
}

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

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

.module-reply .module-item-body {
    padding: 10px !important;
}

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

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

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

.module-message .module-actions.comment {
    background: transparent none repeat scroll 0 0;
    border-bottom: 0 none;
    border-top: 0 none;
    padding: 0 0 5px;
}

.module-reply .list-group-item {
    background: #f6f6f7 none repeat scroll 0 0;
    border-bottom: 1px dotted #ddd;
    padding: 2px 10px !important;
}

.loading-in-textbox {
	top: 10px;
	right: 10px;
	position: absolute;
	display: none;
}

.module-message h2 {
	/* need to override default admin styling of h2 */
	background-color: initial;
	border-bottom: initial;
	margin: initial;
	padding: initial;
	background: initial;
	border-bottom: initial;
	font-family: inherit;
	letter-spacing: initial;
	font-weight: initial;
	font-size: initial;
	margin-bottom: initial;

	/* new styling */
	font-size: 1.35em;
	font-weight: bold;
	line-height: 28px;
}

.postImage {
    display: inline-block;
    margin-top: 15px;
    width: 100%;
}

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

.postImage .tile-close.close {
    right: 5px;
    top: 5px;
}

.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;
}

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

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

.feed .feed-options-out {
    position: absolute;
    right: -120px;
    top: 0;
}

.feed .feed-options {
    position: absolute;
    right: 25px;
    top: 22px;
}

.feed .feed-options-out li {
    font-size: 13px;
    margin-bottom: 10px;
}

/* Toggle CSS Not needed for markup */

.toggle-btn label .custom-toggle {
    margin-left: 10px;
}
.toggle.custom-toggle, .toggle-on.custom-toggle, .toggle-off.custom-toggle {
    border-radius: 50px;
}
.toggle.custom-toggle {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #9fcd17;
    min-height: 28px;
    padding: 0;
}
.toggle.custom-toggle.off {
    border: 1px solid #ccc;
}
.toggle.custom-toggle .toggle-handle {
    border-radius: 20px;
}
.toggle label.btn-primary {
    background: #9fcd17 none repeat scroll 0 0;
    border: medium none;
}
.toggle.custom-toggle label {
    box-shadow: none;
    font-family: "Roboto",sans-serif !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 26px !important;
    text-transform: uppercase;
    margin-bottom: 0;
}
.toggle.custom-toggle .btn.toggle-on {
    padding: 0 25px 0 5px;
}
.toggle.custom-toggle .btn.toggle-off {
    padding: 0 5px 0 25px;
}
.toggle.custom-toggle .btn.toggle-handle {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 2%, #f7f7f7 100%) repeat scroll 0 0;
    border-color: transparent;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
    line-height: 28px !important;
    padding: 0 25px;
}
.toggle-off {
    border: 0 none;
    border-radius: 0;
    bottom: 0;
    left: 50%;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.toggle-handle {
    border-width: 0 1px;
    height: 100%;
    margin: 0 auto;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    width: 0;
}
.toggle-on {
    border: 0 none;
    border-radius: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    position: absolute;
    right: 50%;
    top: 0;
}
.toggle-group {
    -moz-user-select: none;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    transition: left 0.35s ease 0s;
    width: 200%;
}
.toggle.btn {
    min-height: 34px;
    min-width: 59px;
}
.toggle {
    overflow: hidden;
    position: relative;
}
.toggle.custom-toggle {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #9fcd17;
    min-height: 28px;
    padding: 0;
}
.toggle.custom-toggle, .toggle-on.custom-toggle, .toggle-off.custom-toggle {
    border-radius: 50px;
}
.toggle label.btn-primary {
    background: #9fcd17 none repeat scroll 0 0;
    border: medium none;
}

/* Toggle CSS Not needed for markup END */

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

/* Admin Feed End */

/* -----------------------------------------------------------------------------

    NEW REPORTS (Merge n Purge)

----------------------------------------------------------------------------- */

.canvas > .container-fluid { margin: -16px -30px -30px; }

/* -------------------------------------------------------------------------
  APP HEADER
-------------------------------------------------------------------------- */

.header_app-header { background: #f1f1f1; }
.header_app-header + section { margin-top: 112px; }
.merge-accounts .header_app-header .merge-accounts_select-user { position: relative; z-index: 90; height: 110px; padding: 15px; }
.merge-accounts .header_app-header .merge-accounts_select-user img { max-width: 48px; }
.merge-accounts .header_app-header .merge-accounts_select-user p { font-size: 0.85em; color: currentColor; }
.merge-accounts .header_app-header .merge-accounts_select-user h4,
.merge-accounts .header_app-header .merge-accounts_select-user p { padding-left: 12px; margin-bottom: 4px; margin-top: 0; line-height: 1.05; }

/* -------------------------------------------------------------------------
  FORMS + TABLES
-------------------------------------------------------------------------- */

.merge-accounts_form fieldset { margin-top: 25px; }
.merge-accounts_form legend { color: rgba(0, 0, 0, 0.35); }
.merge-accounts > section.row { display: flex; }
.merge-accounts_table td { position: relative; padding: 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.03); vertical-align: top }
.merge-accounts_form:not(.merge-accounts_preview) .merge-accounts_table td { width: 33.33333%; }
.merge-accounts_preview .merge-accounts_table td:first-child { width: 35%; }
.merge-accounts_table td > label { font-size: 14px; display: inline-block; max-width: 90%; }
.merge-accounts_form:not(.merge-accounts_preview) .merge-accounts_table td { padding-left: 38px; }
.merge-accounts_table td > input[type="radio"] { position: absolute; left: 18px; top: 13px; }
.merge-accounts_table.merge-accounts_table_transactions td .btn-default:before,
.merge-accounts_table.merge-accounts_table_transactions td .btn-default:after,
.merge-accounts .merge-accounts_select-user_selected .anim-container:before { font-family: FontAwesome; font-weight: normal; text-decoration: none; text-transform: none; line-height: 1; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }
.merge-accounts_table.merge-accounts_table_transactions td:nth-child(3) .btn-default:before {  padding-right: 0.5em; content: "\f0a8"; }
.merge-accounts_table.merge-accounts_table_transactions td:nth-child(2) .btn-default:after { padding-left: 0.5em; content: "\f0a9"; }
.merge-accounts_table.merge-accounts_table_transactions td .btn-default { display: block; }

/* values - not empty */
.merge-accounts_table tr:not(.matched-value) td { background: rgba(251, 251, 217, 0.5); color: rgba(0, 0, 0, 0.7); border-bottom-color: rgba(170, 175, 55, 0.11); }
/* values - empty */
.merge-accounts_table tr.matched-value.value-empty td { background: #f9f9f9; color: rgba(117,119,123,0.75); border-bottom-color: rgba(117,119,123,0.09); }

/* New Radio Buttons
 ------------------------------------------------------------- */
.radio { font-size: 14px; display: block; cursor: pointer; margin: 0; padding: 0; }
.radio > .outer ~ label { font-size: 14px; margin: 0; padding: 0; }
.radio:hover .inner { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: .5; }
.radio input[type="radio"] { position: absolute; opacity: 0; float: none; z-index: 2; cursor: pointer; display:block; max-width: 90%; width: 90%; line-height: 1.5em; height: 80%; }
.radio input:checked + .outer .inner { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
.radio input:checked + .outer { border: 2px solid #0c70b4; }
.radio input:focus + .outer .inner { -webkit-transform: scale(1); transform: scale(1); opacity: 1; background-color: #0c70b4; }
.radio .outer { position: absolute; left: -23px; height: 16px; width: 16px; display: block; float: left; border: 2px solid #c6c6c6; border-radius: 50%; }
.radio .inner { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; height: 8px; width: 8px; margin: 2px; -webkit-transform: scale(0); transform: scale(0); display: block; border-radius: 50%; background-color: #0c70b4; opacity: 0; }

/* -------------------------------------------------------------------------
  USER SELECTION
-------------------------------------------------------------------------- */
.merge-accounts .merge-accounts_select-user:not(.merge-accounts_select-user_selected):hover { cursor: pointer; }
.merge-accounts .merge-accounts_select-user_selected { color: #fff; background-color: #3e76da; }
.merge-accounts.header_app-header-transactions .merge-accounts_select-user_selected { color: #1b3e82; background-color: rgba(62, 118, 218, 0.25); }
.merge-accounts .merge-accounts_select-user_selected .anim-container:before { float: right; content: "\f058"; font-size: 1.15em; }


/* Highlight Borders */
.merge-accounts .merge-accounts_select-user_selected:after,
.merge-accounts .merge-accounts_select-user_selected:before { content: " "; background: transparent; position: absolute; top: 0; bottom: -82vh; width: 1px; border: 1px solid transparent; }
.merge-accounts .merge-accounts_select-user_selected:before { border-left-color: #3e76da; left: 0; }
.merge-accounts .merge-accounts_select-user_selected:after { border-right-color: #3e76da; right: 0; }
#merge-header_fixed:not(.m-active) + #merge-header .merge-accounts_select-user_selected:after,
#merge-header_fixed:not(.m-active) + #merge-header .merge-accounts_select-user_selected:before,
#merge-header_fixed.m-active .merge-accounts_select-user_selected:after,
#merge-header_fixed.m-active .merge-accounts_select-user_selected:before { transform: translate3d(0, 15%, 0); opacity: 1; }

/* -------------------------------------------------------------------------
  MERGE USERS - HEADER
-------------------------------------------------------------------------- */

#merge-header_fixed { position: fixed; top: 0; bottom: 0; left: 0; right: 0;  z-index: 100; height: 90px; transform: translate3d(0, -102%, 0); }
#merge-header_fixed.m-active { transform: translate3d(0, 0, 0); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); margin-left: 0; }
#merge-header { position: fixed; height: 110px; z-index: 90; left: 0; right: 0; }
.merge-header_scrolled-out #merge-header { opacity: 0 }
.header_app-header-transactions .merge-accounts_select-user_selected:before,
.header_app-header-transactions .merge-accounts_select-user_selected:after { border-color: transparent; }
.header_app-header-transactions .merge-accounts_parent-merge .merge-accounts_select-user { cursor: default !important; }

/* -------------------------------------------------------------------------
  ADMIN HIGHLIGHTER SIDEBAR
-------------------------------------------------------------------------- */

.admin-sidebar { border-right: 1px solid rgba(0, 0, 0, 0.1); background: #f1f1f1; min-height: 100vh; padding-top: 15px; }
.admin-sidebar .nav > li > a:hover,
.admin-sidebar .nav > li > a:focus,
.admin-sidebar .nav > li.active > a { background: transparent; }

.admin-sidebar nav { position: fixed; transform: translate3d(0, 190px, 0); top: 0; max-width: 100%; min-width: 250px; padding: 0 15px; margin-top: 30px; }

/* ANIMATED LINE */
.tabs-style-linemove nav li:last-child::before { position: absolute; bottom: 0; left: -2.15em; height: 70%; width: 2.5px; background: transparent; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.tabs-style-linemove nav li.active ~ li:last-child::before,
.tabs-style-linemove nav li.active:last-child::before { background: currentColor; }
.tabs-style-linemove nav li:first-child.active ~ li:last-child::before { -webkit-transform: translate3d(0,-310%,0); transform: translate3d(0,-310%,0); }
.tabs-style-linemove nav li:nth-child(2).active ~ li:last-child::before { -webkit-transform: translate3d(0,-175%,0); transform: translate3d(0,-175%,0); }
.tabs-style-linemove nav li.active:last-child:before { -webkit-transform: translate3d(0,-25%,0); transform: translate3d(0,-25%,0); }
.tabs-style-linemove nav a { padding: 0.75em 0; color: #74777b; line-height: 1; -webkit-transition: color 0.3s, -webkit-transform 0.3s;  transition: color 0.3s, transform 0.3s; }
.tabs-style-linemove nav li.active > a { color: currentColor; }
.tabs-style-linemove nav li:not(.active) > a:hover { transform: translate3d(6px,0,0); -webkit-transform: translate3d(6px,0,0); }

.conflicted-rows { line-height: 3.5em; margin-bottom: 15px; }
.conflicted-rows > input ~ label { font-size: 14px }

.footer_app { position: relative; z-index: 200; margin: 30px 0; }

/* -------------------------------------------------------------------------
  VERTICAL STEPPERS
-------------------------------------------------------------------------- */

/* Steps */
.step {
  position: relative;
  min-height: 1em;
  color: #4285f4;
}
.step:not(.step-active) {
  color: rgba(117, 119, 123, 0.75);
}
.step + .step {
  margin-top: 1.5em
}
.step > div:first-child {
  position: static;
  height: 0;
}
.step > div:not(:first-child) {
  margin-left: 1.5em;
  padding-left: 1em;
}
.step.step-active {
  color: #4285f4
}
.step.step-active .circle {
  background-color: #4285f4;
}
.step .nav {
  margin: 0.5em 0 0 0.5em;
}

/* Circle */
.circle {
  background: rgba(117, 119, 123, 0.75);
  position: relative;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  border-radius: 100%;
  color: #fff;
  text-align: center;
  box-shadow: 0 0 0 3px #f1f1f1;
}

/* Vertical Line */
.step:after {
  content: ' ';
  position: absolute;
  display: block;
  top: 1px;
  bottom: 1px;
  left: 0.75em;
  width: 1px;
  transform: scale(1, 1.09);
  transform-origin: 50% -100%;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: -1;
}
.step:last-child:after {
  display: none
}

/* Stepper Titles */
.title {
  line-height: 1.5em;
  font-weight: bold;
  font-size: 1.15em;
}
.caption {
  font-size: 0.8em;
}

/* -------------------------------------------------------------------------
  UTILITY CLASSES
-------------------------------------------------------------------------- */

/* Divider - Bottom */
.c-divider { position: relative; }
.c-divider:after { border-top: 1px solid rgba(255, 255, 255, 0.75); height: 2px; background-color: rgba(0, 0, 0, 0.09); content: ' '; display: block; width: 100%; bottom: auto; left: 0; }

/* New 'Back' links */
.back-link { display: block; padding: 35px 0 15px 15px; font-size: 1.15em; }
.back-link i { padding-right: 5px; }

/* -----------------------------------------------------------------------------

    END (Merge n Purge)

----------------------------------------------------------------------------- */

.inlineBlock {
    display:inline-block;

}
.admin-options input, .admin-options select {
    display: table-cell;
}
.admin-options {
    display: table;
    width: 100%;
}
.admin-options input {
    width: 68%;
    margin-right: 5px;
}
.admin-options select {
    width: 30%;
    font-size: 13px;
    padding: 7px 8px;
}

.toggles .btn-primary:focus, .toggles .btn-primary:active, .toggles .btn-primary.active, .toggles .btn-primary.active:hover, .toggles .open .dropdown-toggle.btn-primary {
    background-color: #9fcd17;
    border-color: #9fcd17;
    box-shadow: none;
    color: #fff;
}
.toggles .btn-primary:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #555;
}
.toggles .btn-primary {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #ccc;
    font-size: 13px;
    padding: 5px 20px;
}

.notification-preview {
    width: 100%;
}

/*.notification-preview table {
    background-color : white;
 }*/

.table-bg-white {
    background-color : white;
 }

select[multiple] {
    width:100%;
    max-width:500px;
}

.module-item-text.post-headline.admin-dashboard a  {
    color: #555;
    font-weight: bold;
}
.module-item-text.post-headline.admin-dashboard a:hover {text-decoration:none !important;}

.module-item-text.post-headline.admin-dashboard {
    font-weight:normal;
}

.module-item-title.admin-dashboard a  {
    color: #555;
    font-weight: bold;
}

.admin-dashboard-tile-configure {
	position: absolute;
	top: 17px;
	right: 23px;
    font-size: 14px;	
}

.admin-dashboard-tile-configure .dropdown-toggle {
    color:#777;
}

.admin-dashboard-tile-configure .dropdown-toggle:hover, .admin-dashboard-tile-configure .dropdown-toggle:focus {
    color:#3e76da;
}

.admin-dashboard-tile-configure .dropdown-menu {
    border: 1px solid #ddd;
    min-width: 180px;
    border-radius: 4px;
}

.admin-dashboard-tile-configure .dropdown-menu li {
    border-bottom: 1px dotted #ddd;
}

.admin-dashboard-tile-configure .dropdown-menu li:last-child {
    border-bottom: none;
}

.admin-dashboard-tile-configure .dropdown-menu a {
    padding: 9px 15px;
    color: #3e76da;
}

.admin-dashboard-tile-configure .dropdown-menu li a.text-success {
    color: #5cb85c;
}

.admin-dashboard-tile-configure .dropdown-menu li a.text-success:hover {
    color: #5cb85c;
}

#divAdditionalRevenueDonationsConfigure,
#divAdditionalRevenueStoreConfigure {
    top: 0;
}

.fine-print
{
    font-size: 12px !important;
    font-style: italic;
}

.fine-info
{
    font-size: 16px !important;
    font-style: italic;
}

.alert-gray {
    background-color: #F3F5F8;
    border-color: #E3E5E8;
}

.data-item-actions.dropdown .btn-default.dropdown-toggle {
    border-color: rgb(102, 102, 102);
    line-height: 17px;
    box-shadow: none;
}

.data-item-actions.dropdown.options .btn-default.dropdown-toggle {
    line-height:inherit;
}

.data-item-actions.dropdown .btn-default.dropdown-toggle:hover {
    background-color: #f5f5f5;
}

.data-item-actions.dropdown .data-item-main-action.btn-default {
    width: 80px;
    font-size: 13px;
    padding: 5px 12px 6px;
    line-height: 17px;
}

.data-item-actions.dropdown .data-item-main-action.btn-default:hover {
    background-color: #f5f5f5;
    border-color: rgb(102, 102, 102);
}

.data-item-actions.dropdown .data-item-main-action.btn-default.btnAuto {
    width: auto;
}

.data-item-actions.dropdown .open .btn-default.dropdown-toggle {
    background-color: #f5f5f5;
}

.data-item-actions.dropdown {
    display: inline-block;
}

.data-item-actions.dropdown .dropdown-menu {
    min-width: 175px;
    margin-top: 5px;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    box-shadow: 0px 0px 5px rgba(0,0,0,.1);
}

.data-item-actions.dropdown .dropdown-menu li a {
    color: #333;
    font-size: 13px;
    padding: 10px 16px;
    cursor: pointer;
}

.tab-container .nav-tabs {
    border-bottom: 1px solid #ddd;
}

.tab-container .nav-tabs a {
    color: #666666;
    background: #EEEEEE;
    padding: 8px 18px 10px;
    margin: 0 5px;
    margin-left: 5px;
    border-radius: 4px 4px 0 0;
    font-size: 14px;
}

.tab-container .nav-tabs a:hover {
    background-color: #dedede;
}

.tab-container .nav-tabs li.active a {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: #fff;
    cursor: default;
}

.tab-container .tab-content.module {
    border-radius: 0;
    padding: 20px;
    display: table;
    width: 100%;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top: none;
}

.tab-container.contentTabs .tab-content.module {
    padding:30px;
}

#domainAuthentication ol li {
    color: #555;
    margin-bottom: 7px;
}

.tab-container .nav-tabs #emailValidationNav {
    background: transparent;
    color: #777;
}

.tab-container .nav-tabs .active #emailValidationNav {
    background: #fff;
    color: #555;
}

#emailValidation input[type="text"], #domainAuthentication input[type="text"] {box-shadow: none;}

.tabDescription {color: #555;}

.tabContainerSize {
    position: relative; 
    max-width:1100px;
}

.newgrid1.duplicates tr.item td:first-child, .newgrid1.duplicates tr.altitem td:first-child, .newgrid1.duplicates tr.edititem td:first-child  {
    padding-right:0!important;
}

#duplicateCriteria .modal-dialog {
    width:90%;
    max-width: 550px;
}

#listCreate .modal-dialog {
    width:90%;
    max-width: 400px;
}

.smallModal .modal-dialog {
    width:90%;
    max-width: 400px;
}

.medModal .modal-dialog {
    width:90%;
    max-width: 500px;
}

.criteriaWrapper {
    list-style: none;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.criteriaWrapper li {
    margin-bottom:5px;
}

.criteriaWrapper li label {
    margin-top:0;
    margin-right:0;
    margin-left:3px;
}

.listWrap {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius:4px;
    height: 295px;
    overflow-y: auto;
    position:relative;
}

.listWrap .fa {
    font-size:12px;
    color:#777;
}

.listWrap label {
    margin-top: 0!important;
}

.listWrap .listWrapInner {
    overflow-y:auto; 
    height:210px;
}

.listWrap .listWrapInner2 {
    overflow-y:auto; 
    height:230px;
}

.listWrap .listWrapInner2 .doColumn:last-child {
    margin-bottom:0!important;
}

.input-group.newSearch {
    position: relative;
    width: 100%;
}
.input-group.newSearch .input-group-addon {
    position: absolute;
    left: 0;
    z-index: 9;
    line-height: 21px;
    border: none;
    background: transparent;
}
.input-group.newSearch .form-control {
    border-radius: 4px;
    padding-left: 33px;
}

.select-wrapper {
    position: relative;
    display: inline-block;
}

.select-wrapper::after {
    content: '\f0d7';
    font-family: FontAwesome;
    color: #555;
    position: absolute;
    right: 15px;
    pointer-events: none;
    font-size: 16px;
    top: 6px;
}

.select-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding: 5px 35px 7px 12px;
    width: 100%;
    cursor: pointer;
    background-color: #fff;
}

.select-wrapper select::-ms-expand {
    display: none;
}

.defaults.toggles .btn-primary {
    padding: 5px 45px 7px;
}

.defaults.toggles .btn-primary:nth-child(2) {
    border-radius: 0 4px 4px 0 !important;
}

.label-primary {
    background-color: #018ED5;
}

.data-item-actions.dropdown > div.btn-group {
    display: flex;
}

.text-warning {
    color: #f0ad4e;
}

.stats .tile h1 {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin: 30px 0 35px;
}
.stats .tile .viewList {
    position: absolute;
    right: 20px;
    top: 25px;
}
.jobDetails .tile-content li {
    padding: 15px 0;
    border-bottom: 1px solid #ececec;
}
.jobDetails .tile-content li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* Threshold Chart Styles */

.thresholdProgress .progress {
     box-shadow: none;
     position: relative;
     background: #5cb85c;
     background: -moz-linear-gradient(left, #5cb85c 0%, #f0ad4e 60%, #d9534f 100%);
     background: -webkit-linear-gradient(left, #5cb85c 0%,#f0ad4e 60%,#d9534f 100%);
     background: linear-gradient(to right, #5cb85c 0%,#f0ad4e 60%,#d9534f 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cb85c', endColorstr='#d9534f',GradientType=1 );
     height: 25px;
}

.thresholdProgress .progressBar {
    max-width: 600px; 
    position: relative;
}

.tooltip.youIndicator {
     display: block;
     opacity: 100;
     width: 50px;
     z-index: 1;
}

.tooltip.youIndicator .tooltip-inner {
     text-align: center;
}

.tooltip.youIndicator .indicatorLabel2 {
    display:none;
}

.tooltip.youIndicator:hover .indicatorLabel1  {
    display:none;
}

.tooltip.youIndicator:hover .indicatorLabel2  {
    display:block;
}

.indicatorPercentages {
    color: #fff;
    height: 25px;
    line-height: 23px;
}

.email-suppressions-list-actions {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 20px;
}

.email-suppressions-list-email-search {
    width: 250px;
    margin-right: 20px;
}

.email-suppressions-list-email-search-container {
    margin-top:20px;
    width: 320px;
    display: flex;
}

.NonMemberDial {
    width: 800px !important;
}

.flex-container {
    display: flex;
}

.flex-container>div>span {
    white-space: nowrap;
    padding: 0 7px;
}

.flex-container>.pt-1 {
    padding: 3px;
}

 .verified.dropdown .btn .fa {
    padding-left: 2px;
    font-size: 16px;
}

.verified.dropdown .dropdown-menu {
    min-width: 210px;
    margin-top: 5px;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    box-shadow: 0px 0px 5px rgba(0,0,0,.1);
}

.verified.dropdown .dropdown-menu li a {
    color: #333;
    font-size: 13px;
    padding: 8px 16px;
    cursor: pointer;
}

.cc-dropdown-menu {
    max-height:200px;
    overflow:scroll; 
    overflow-x:hidden;
}

.searchInput {
    box-sizing: border-box;
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding:5px 16px 7px 15px !important;
    border: none;
    border-bottom: 1px solid #ddd;
    width:100%;
    margin-top: -5px
}

.searchInput:focus {outline: 3px solid #ddd;}

/* Threshold Chart Styles END */