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

Style overlays by Pixelera (default Amplify theme).
For use over Base Admin 3.0.


[Table of contents]

    a. Quick reference
	1. Global
	2. Navbar / .navbar
	3. Subnavbar / .subnavbar
	4. Main / .main; Tables / .table
	5. Extra / .extra
	6. Footer / .footer
	7. Widget / .widget
	8. Error / .error-container
	9. Modals
	10. Forms
	11. Video
	12. Carousel
	13. Progress Bars
	14. Badges
	15. Fixed side tabs
	16. Miscellaneous
	17. From Injectable Views

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

Quick reference:

Extra small grid (<768px)	.col-xs-*
Small grid (≥768px)	        .col-sm-*
Medium grid (≥992px)	    .col-md-*
Large grid (≥1200px)	    .col-lg-*
Responsive utility classes
(≥1200px)	                .visible-lg
                            .hidden-lg

Offsets	                    .col-sm-offset-*
                            .col-md-offset-*
                            .col-lg-offset-*

Push	                    .col-sm-push-*
                            .col-md-push-*
                            .col-lg-push-*

Pull	                    .col-sm-pull-*
                            .col-md-pull-*
                            .col-lg-pull-*

Extra .well sizes	        .well-sm, .well-lg

/*------------------------------------------------------------------
[1. Global]
*/

html, body {
    height: 100%; /* part of sticky footer method */
}

html {
    overflow-y: scroll; /* preventing page shifting */
}

body {
    background-image: none;
    font-family: 'Open Sans', sans-serif;
}

body.modal-open {
    overflow: visible; /* attempting to fix Chrome issue of modals forcing body content to scroll to top */
    /* overflow: hidden; attempting to prevent body scrolling when modal is open - NOPE, you get one or the other, this or above*/
}

@media (max-width: 767px){
    body {
        padding: 0;
    }
    .main {padding:15px;}
    .breadcrumb {display: none; height: 0; width:0; visibility: hidden;}
}

@media (min-width: 992px) {
    .breadcrumb {
        max-width:50%;
    }
}

.clearFloats, .clearfloats, .clearfix, .clearFix {
    clear:both;
}

img.logo {width:100%; max-width:100%;}
.brand img.logo {width: auto;}
img.logoHalf {width:50%; max-width:50%;}

.halfWidth {width:50%;}

.pageWrapper, .pageWrapperNoExtra { /* part of sticky footer */
    min-height: 100%;
    height: auto !important;    /* a little help for some IE */
    height: 100%;               /* a little help for some IE */
}

.clearfloats, .clearFloats {
clear: both;
}

.pageWrapper {
    margin: 0 auto -90px;
}

.pageWrapperNoExtra {
    margin: 0 auto -70px;
}

img.fullWidth {
    width:100%;
    max-width:100%;
}

.hasImgMaxFullWidth img {
    max-width:100%;
}

.maxWidth100 {max-width:100%;}
.maxWidth50 {max-width:50%;}
.maxWidth25 {max-width:25%;}


a.blockLink{display:block;}
a.inlineBlockLink{display:block;}

.block{display:block;}
.inline-block, .inlineBlock{display:inline-block}

header.mainHeader, header.adminHeader {margin-bottom: 20px;}

#frmCurrentForm {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6
{
    font-family: 'Open Sans';
    font-weight: normal;
}

h1, .h1 {
    margin-bottom: 20px;
    font-size: 30px;
    color: #000;
    font-weight: bold;
}

@media (max-width:767px){
    h1, h1 {font-size:22px;}
}

h2, .h2 {
    font-size: 22px;
}

h3, .h3 {
    font-size: 18px;
}

h4, .h4 {
    font-size: 16px;
}

.rightAlign, .alignRight{
    text-align:right;
}

.leftAlign, .alignLeft{
    text-align:left;
}

.centerAlign, .alignCenter{
    text-align:center;
}

.centered{margin-left:auto; margin-right: auto;}

.centeredBlock{margin-left:auto; margin-right: auto; display:block}

    td.rightAlign {
        padding-right: 10px;
    }

.wordBreaks {
    -ms-word-break: break-all;
    word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.centerText {text-align: center;}

@font-face{
    font-family:'Glyphicons Halflings';
    src:url(../font/glyphicons-halflings-regular.eot);
    src:url(../font/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
    url(../font/glyphicons-halflings-regular.woff) format('woff'),
    url(../font/glyphicons-halflings-regular.ttf) format('truetype'),
    url(../font/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-education:before {
    content: "\e233";
}

.largeDashIcon {
    width:100%;
    height: auto;
    display: inline-block;
    margin: 15px auto;
    vertical-align: middle;
}

.noBullet {list-style-type: none;}
.noLeftIndent {padding-left: 0;}

ul.noPadding {
    padding-left:0;
}

.pushDown {
    padding-top: 20px;
}

.pushDown2 {
    padding-top: 10px;
}

.btn.btn-dark{
    color: #e6e6e6;
    background-color: #333;
    border-color: #222;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#333), to(#222));
    background-image: -webkit-linear-gradient(top, #333, 0%, #222, 100%);
    background-image: -moz-linear-gradient(top, #333 0%, #222 100%);
    background-image: linear-gradient(to bottom, #333 0%, #222 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#222', GradientType=0);
}

.btn.btnFullWidth{
    width:100%;
    max-width:100%;
}

.btn.btn-xs {
    padding:3px 6px;
    font-size:12px;
    border-radius: 2px;
}


.btn.btn-tiny{
    padding: 2px 4px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 2px;
}

.textLink {
    display:inline-block;
    margin: 2px 10px;
    cursor: pointer;
}

.urlTextLink, .forceWordWrap {
    word-wrap: break-word;
    word-break:break-all;
}

a.textLinkUnderline {
    text-decoration:underline;
}

.textLinkWithIcon{
    margin-bottom:20px;
    margin-top:10px;
    display:inline-block;
}

.textLinkWithIcon img {
    vertical-align: bottom;
}

.collapseToggleHeaderLink{
    color:#333;
}

.icon-6x {font-size:6em;}
.icon-7x {font-size:7em;}
.icon-8x {font-size:8em;}

/*------------------------------------------------------------------
[2. Navbar / .navbar]
*/

.navbar {
    min-height: 0;
}

.crmHeader {
    /*background: #0099c6;*/
}

.crmHeader .navbar {
    /*background: transparent;*/
}

.crmHeader .navbar .navbar-collapse .navbar-right{
    margin-left: 20px;
}

.crmHeader .navbar a {
    color: #fff;
}

    .crmHeader .navbar .open a {
        color: #0099c6;
    }

    .crmHeader .navbar .open li a:hover {
        color: #eee;
    }

.crmHeader .navbar a li a {
    color: #0099c6;
}

    .crmHeader .nav>li>a:hover, .nav>li>a:focus {
        /*color: #0099c6;*/
    }


.navbar-form .search-query {
    width: 225px;
    margin-top: 2px;
    background-color: #0099c6;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    border-color: #0099c6;
    border-radius: 20px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
}

.navbar .navbar-brand {
    height: auto;
    padding: 8px;
}

.mainnav li.navHeader {
    /*padding: 10px 20px;*/
    padding: 8px 12px;
    font-weight:bold;
}


@media (max-width: 767px){
    #fixedNavPadder {
        display: none;
        visibility: hidden;
    }

    .subnavbar {
        margin-left:0;
        margin-right:0;
    }
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        margin-left:0;
        margin-right:0;
    }

    .navbar {
        margin-left:0;
        margin-right:0;
    }
}

@media (min-width: 768px){

    #shrinkingNavWrap, #shrinkingNavWrap * {
        transition: all .1s ease-out;
    }

    .sharingNetworkHeader .navbar-nav>li>a {
        padding: 5px;
    }

    #shrinkingNavWrap, #shrinkingNavWrap.expanded, #shrinkingNavWrap.collapsed {
        width: 100%;
        z-index: 1000;
        position: fixed;
    }

    #shrinkingNavWrap.notFixed, #shrinkingNavWrap.expanded.notFixed, #shrinkingNavWrap.collapsed.notFixed {
        position: static;
    }

    #shrinkingNavWrap.collapsed .subnavbar [class^="icon-"], #shrinkingNavWrap.collapsed .subnavbar [class*=" icon-"] {
        display: inline-block;
        font-size: 12px;
        line-height:12px;
        height: 12px;
        width: 12px;
        margin-right: 3px;
        top: auto;
    }




    #shrinkingNavWrap.collapsed .mainnav {
        /*max-width:90%;*/
    }

    #shrinkingNavWrap.collapsed .mainnav li a span {
        display: inline-block;
        font-size:12px;
        line-height:12px;
    }

    #shrinkingNavWrap.collapsed li {
        height: auto;
    }

    #shrinkingNavWrap.collapsed .mainnav li a {
        height: auto;
        padding: 5px 10px 0;
    }

    #shrinkingNavWrap.collapsed .mainnav li a.dropdown-toggle {
        position:relative;
        padding-right: 15px;
    }

    #shrinkingNavWrap.collapsed .subnavbar .mainnav > li {
        min-height: 0;
        min-width: 0;
    }

    #shrinkingNavWrap.collapsed .mainnav li a span {
        padding: 0;
    }

    #shrinkingNavWrap.collapsed .mainnav li .caret{
        position: absolute;
        bottom: 30%;
        right: 5px;
        margin: 0;
    }

    #shrinkingNavWrap.collapsed .dropdown-submenu > .dropdown-menu {
        /*
        left:30%;
        margin-top:30px;
        */
    }

    #shrinkingNavWrap.collapsed li.dropdown.open ul.dropdown-menu li a {
        /*padding: 10px 20px;*/
        padding: 8px 12px;
    }

        #shrinkingNavWrap.collapsed li.dropdown.open ul.dropdown-menu li ul li a {
            white-space: normal;
        }

    #shrinkingNavWrap.collapsed .main.brand.small { /* member portal branding */
        height: 40px;
        padding: 5px 0;
    }

        #shrinkingNavWrap.collapsed .main.brand.small img { /* member portal branding */
            height: 40px;
        }

    #shrinkingNavWrap.collapsed .navbar-brand { /* crm branding */
        padding: 0;
        margin-left:0;
    }

        #shrinkingNavWrap.collapsed .navbar-brand img { /* crm branding */
            /*height: 26px;*/
            margin-top: 5px;
            margin-bottom: 1px;
            max-width: 150px;
        }

    #shrinkingNavWrap.sharingNetworkHeader.collapsed ul.nav.navbar-nav li a {
        padding:2px;
        padding-left:10px;
    }

    #shrinkingNavWrap.collapsed .dropdown-menu li.divider {
        height: 1px;
        margin: 2px 0;
    }


    #shrinkingNavWrap.collapsed .subnavbar .mainnav {
        height: auto;
    }
}

#shrinkingNavWrap.sharingNetworkHeader.collapsed ul.nav.navbar-nav.navbar-right {
    /*padding-right:60px;  to allow for mail notice */
    /*position:relative;  to allow for mail notice*/
}

#shrinkingNavWrap.sharingNetworkHeader.collapsed ul.nav.navbar-nav .inboxNewMessages {
    /*display:inline-block;
    potion:absolute;
    z-index:2;
    top:0;
    right:0;
    */
    margin-left:10px;
    position: relative;
    top: -1px;
    z-index: 20;
}

#shrinkingNavWrap.sharingNetworkHeader.collapsed ul.nav.navbar-nav .inboxNewMessages #msgCount {

}

#shrinkingNavWrap.sharingNetworkHeader.collapsed ul.nav.navbar-nav .inboxNewMessages .icon {
    margin-left:5px;
}

#shrinkingNavWrap.sharingNetworkHeader.collapsed ul.nav.navbar-nav .inboxNewMessages a {
    background:#fff;
    color:#292929;
    /*padding:8px 5px;*/
    padding-top:3px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

}

#shrinkingNavWrap.sharingNetworkHeader.collapsed ul.nav.navbar-nav .inboxNewMessages a:hover {
    color:#333;
    background:#d0d0d0;
}



/*------------------------------------------------------------------
[3. Subnavbar / .subnavbar]
*/

.subnavbar .subnavbar-inner {height:auto}

.subnavbar .mainnav > li > a {
    color: #ccc;
}

.subnavbar .mainnav > li > a:hover, .subnavbar .mainnav > li > a:active  {
    color: #fff;
}

.dropdown-menu > li > a {
    padding: 10px;
}

.dropdown-menu li span.subLine {
    display:block;
    margin-left:25px;
}

    .dropdown-menu li span.subLine a{
        display: inline;
        width:auto;
        padding: 0;
    }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #006dcc;
}

.subnavbar.public .subnavbar-inner {
    height: 5px;
}

/* for submenu-submenus that open to the left instead of right: */

.dropdown-submenu > .dropdown-menu.left{
    width:100%;
    max-width:100%;
    left:-95%;
}

/*------------------------------------------------------------------
[4. Main / .main; Tables / .table]
*/

.main {
    border-bottom: none; /* bottom no longer kisses footer because of sticky footer */
}

/* dashboard upcoming events */

.shortcuts .shortcut {
    text-align: center;
}

.shortcuts .shortcut .shortcut-icon{
    margin-left:.5em;
    margin-right: .5em;
}

.shortcuts .shortcut .shortcut-label .eventTitle{
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}
.shortcuts .shortcutWide {
    width:auto;
    padding: 15px 15px;
    display: block;
}

/* removes spacing in panels */

.panel-group .panel+.panel {
    margin-top: -3px; /* compensates for borders and pulls them closer together */
}

/* error alerts */

.alertRed { /* not currently used */
    color: red;
}

/* btn groups need zindex adjustment to avoid conflict with datepicker calendar */

.btn-group>.btn:hover, .btn-group-vertical>.btn:hover, .btn-group>.btn:focus, .btn-group-vertical>.btn:focus, .btn-group>.btn:active, .btn-group-vertical>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn.active {
    z-index: 0;
    color: #ffffff;
    background-color: #006dcc;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    background-image: none;
    text-shadow:none;
}

/* nav-pills; nav-tabs */

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-top: 3px solid #006dcc;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #006dcc;
}



/* TABLES */

/* table headers */

.table tr th, .table-bordered  tr th, .table-bordered  thead tr th {
    background: #373737 url(../images/table/table_header_repeat.jpg) repeat-x;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    /*height: 50px;*/
    text-align: left;
    font-size: 13px;
}

.table tr th.rightAlign, .table-bordered tr th.rightAlign, .table-bordered thead tr th.rightAlign{text-align:right;}


.table.light tr th, .table-bordered.light  tr th, .table-bordered.light  thead tr th {
    padding-top: 10px;
    height: auto;
    padding-bottom: 10px;
    font-weight: 800;
    color: #444;
    border-left: 1px solid #F1F1F1;
    border-right: 1px solid #CCC;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    background: #EEE;
    background: -moz-linear-gradient(top, #eeeeee 0%, #dadada 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dadada));
    background: -webkit-linear-gradient(top, #eeeeee 0%, #dadada 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #dadada 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #dadada 100%);
    background: linear-gradient(top, #eeeeee 0%, #dadada 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA')";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA');
}

.table-bordered  tr th, .table-bordered thead tr th {
    border: none;
    border-left: 1px solid #373737;
    border-right: 1px solid #373737;
}

.table-bordered tr th:last-child, .table-bordered  thead tr th:last-child {
    border-right: none;
}


.table th.td {
    font-weight: bold;
    text-align: left;
    font-size: 13px;
    background: transparent;
    color: #333;
    padding: 8px;
}

.table th.td a {
    color:#337ab7;
}

    .table th.td.rightAlign {text-align:right;}

.table tr th i[class^='glyphicon-']:last-child, .table tr th i[class*='glyphicon-']:last-child, .table tr th i[class^='glyphicon-'], .table tr th i[class*='glyphicon-'],
.table tr th i[class^='icon-']:last-child, .table tr th i[class*='icon-']:last-child, .table tr th i[class^='icon-'], .table tr th i[class*='icon-'] {
    margin-right: .5em;
    margin-left: .5em;
}

.table th [class^='glyphicon-']:last-child, .table th [class*='glyphicon-']:last-child, .table th [class^='glyphicon-'], .table th [class*='glyphicon-'],
.table th [class^='icon-']:last-child, .table th [class*='icon-']:last-child, .table th [class^='icon-'], .table th [class*='icon-']{
    margin-right: .5em;
    margin-left: 1em;
}

.table tr th .icon-sort {
    display:inline;
    white-space: nowrap;
    margin-left:0;
}

.table th.iconOnly{
    text-align:center;
}

.table th.iconOnly [class^='glyphicon-']:last-child, .table th.iconOnly  [class*='glyphicon-']:last-child, .table th.iconOnly [class^='glyphicon-'], .table th.iconOnly [class*='glyphicon-'],
.table th.iconOnly [class^='icon-']:last-child, .table th.iconOnly  [class*='icon-']:last-child, .table th.iconOnly [class^='icon-'], .table th.iconOnly [class*='icon-'] {
    margin-right: auto;
    margin-left: auto;
}

.table th.switchesCol {
    width: 20%;
}

.table th.daysCol {
    width: 30%;
}

.table th.iconOnly a {
    padding: 0px;
    width:100%;
    margin:auto;
    display: block;
    text-align:center;
}

/* table data cells */

.table td label {margin-bottom:0}

.table-bordered td {
    border: 1px solid #d2d2d2;
}

.table-bordered th.td {
    border: 1px solid #d2d2d2;
}

.table th a {
    color: #fff;
    text-decoration: none;
}

    .table.light th {

    }

.table td {
    border: 1px solid #d2d2d2;
    padding: 5px 0 5px 10px;
    font-size: 13px;
    color: #333;
}

    .table.light td {

    }

.table td.th {
}



/*------------------------------------------------------------------
[5. Extra / .extra]
*/

@media (max-width: 767px) {
    .extra {
        margin-right: 0;
        margin-left: 0;
    }
}
/*------------------------------------------------------------------
[6. Footer/ .footer]
*/


.footerWrapper, .footerWrapperNoExtra { /* part of sticky footer */
    clear: both;
    background: #111;
    border-top: 1px solid #000;
}

.footerWrapper { /* part of sticky footer */
    height:69px; /* this plus any border = neg. bottom marg. on page wrap and push height */
}

    .footerWrapperPush {
        height: 30px;
    }

.footerWrapperNoExtra { /* part of sticky footer */
/* not logged in = smaller vers. of footerWrap because no .extra  */
    height: 69px; /* this plus any border = neg. bottom marg. on page wrap and push height */
}

    .footerWrapperNoExtraPush { /* part of sticky footer  (put at bottom of page wrapper) */
        height: 70px;
    }

.footer-inner {
    padding: 0;
}

.footer-inner .container{
    margin: 10px auto;
}

@media (max-width: 767px) {
    .footer {
        margin-right: 0;
        margin-left: 0;
    }
}

.footer a {
    color: #999;
}


/*------------------------------------------------------------------
[7. Widget / .widget]
*/

.widget.changePassword input, .widget.uploadPhoto input, .widget.search input {
    width:95%;
}

.widget.changePassword input.btn, .widget.uploadPhoto input.btn, .widget.search input.btn {
    width:auto;
}

.widget-header h2, .widget-header h3, .widget-header h4, .widget-header h5 {left:10px; top: auto; line-height:22px;}

.widget-header .centerHeader {display:block; text-align:center; margin:auto;}

.widget .widget-header [class^="icon-"], .widget .widget-header [class*=" icon-"] {
    margin-right: 0;
    width: 18px;
    display: inline-block;
    margin-left: 0px;
}



.widget-header {height: auto;}

    /* make widget header text all look the same */

    .widget-header h1, .widget-header h2, .widget-header h3, .widget-header h4, .widget-header h5, .widget-header h6
    {/*
        position: relative;
        top: 2px;
        left: 10px;
        display: inline-block; */
        margin-right: 3em;
        padding-left:10px;
        font-size: 14px;
        /*font-weight: 800;*/
        color: #555;
        line-height: 40px;
        text-shadow: 1px 1px 2px rgba(255,255,255,.5);
        display: inline-block;
        max-width: 80%;
    }

    .widget-header h1 a,
    .widget-header h2 a,
    .widget-header h3 a,
    .widget-header h4 a,
    .widget-header h5 a,
    .widget-header h6 a{
        color: #555;
    }

    .widget-header.dark h1, .widget-header.dark h2, .widget-header.dark h3, .widget-header.dark h4, .widget-header.dark h5, .widget-header.dark h6
    {
        color: #fff;
        /*text-shadow: 1px 1px 2px rgba(255,255,255,.5);*/
        text-shadow: none;
        font-weight: normal;
        font-size:15px;
        display:inline-block;
    }

    .widget-header .btnWrapper {
        float:right;
        clear: both;
    }

    .widget-header .btnWrapper .btn {
        margin: 5px 10px 10px 0px;
    }

        .widget-header .btnWrapper .btn.btn-sm {
            font-size: 10px;
            padding: 3px 7px;
        }

.widget-header.dark {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#555555), to(#3b3b3b));
    background-image: -webkit-linear-gradient(top, #555555, 0%, #3b3b3b, 100%);
    background-image: -moz-linear-gradient(top, #555555 0%, #3b3b3b 100%);
    background-image: linear-gradient(to bottom, #555555 0%, #3b3b3b 100%);
    background-repeat: repeat-x;
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff3b3b3b', GradientType=0);*/
    border: 1px solid #222222;
    color: #FFF;
}

.widget-header [class^="glyphicon-"], .widget-header [class*="glyphicon-"],
.widget-header [class^="icon-"], .widget-header [class*=" icon-"] {
    margin-right: 0;
}

.widget-header.dark [class^="glyphicon-"], .widget-header.dark [class*="glyphicon-"],
.widget-header.dark [class^="icon-"], .widget-header.dark [class*="icon-"] {
    color: #fff;
}

.widget-header [class^="glyphicon-"].widgetToggleIcon, .widget-header [class*="glyphicon-"].widgetToggleIcon,
.widget-header [class^="icon-"].widgetToggleIcon, .widget-header [class*="icon-"].widgetToggleIcon {
    float:right;
    margin-right: 1em;
}

.widgetHeaderSideLink {
    float:right;
    text-align:right;
    width:auto;
    padding-right:10px;
    display: inline-block;
    margin-bottom: -10px;
}
.widgetHeaderSideLink a:link,
.widgetHeaderSideLink a:visited,
.widgetHeaderSideLink a:hover,
.widgetHeaderSideLink a:active {
    color: #fff;
}

.widgetHeaderSideLink a.textLink:link,
.widgetHeaderSideLink a.textLink:visited,
.widgetHeaderSideLink a.textLink:hover,
.widgetHeaderSideLink a.textLink:active,
.widgetHeaderSideLink a.textLink .icon {
    color: #428bca;
}

#consentSettings .widget {
    margin-bottom:0;
}

/* flipping widget-header to work as a footer */

.widget .widget-content.widgetContentWithFooter {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.widget .widget-header.widgetHeaderTurnedFooter {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 0px;
    padding: 2px 10px 5px 10px;
    height: auto;
}

.widget .widget-header.widgetHeaderTurnedFooter .btn-sm [class^="icon-"],
.widget .widget-header.widgetHeaderTurnedFooter .btn-sm [class*=" icon-"]{
    margin: 0;
}

.widget-header a.fullHeaderCollapseLink {display:block;}

.widget.widgetNaked {

}

.widget.widgetNaked .widget-content{
    background-color:transparent;
    padding:0;
    border-radius: 5px;
}

.widget.widgetNaked .widget-content img{border-radius: 5px; }

.widget.widgetNaked .widget-content:hover {
    background-color:transparent;
}

/*------------------------------------------------------------------
[8. Error / .error-container]
*/


/*------------------------------------------------------------------
[9. Modals]

(Custom modal edits can go here. Approach with caution!)

*/


.modal .emailTextarea {
    height: 200px;
}

/* for an extra-larger modal where screen width will accommodate, use .modal-dialog.modal-lg.modal-lg2 */

@media (min-width: 1100px){
    .modal-lg.modal-lg2{
        width:1050px;
    }
}



/*------------------------------------------------------------------
[10. Forms]

(Specific little bits from forms can go here.)
*/

.horizontalFormItem {
    padding-top: 7px;
}

span.horizontalFormItem {display:inline-block;}

/* restoring old input looks from Base Admin 2 */

label {
    color: #333333;
    font-weight: normal;
    margin-bottom: 5px;
}

.form-horizontal .form-group {
    margin-bottom: 15px;
}

.form-horizontal .form-group:last-child {
    /*margin-bottom: 0;*/
}

span.login-checkbox > input[type='checkbox'] {
    opacity: 0;
    float: left;
    width: 15px;
}

span.login-checkbox > input[type='checkbox'] + label {
    clear: none;

    height: 15px;
    display: block;
    padding: 0 0 0 22px;
    margin: 0;

    font-size: 13px;
    line-height: 1.2em;

    background: url(../img/signin/check.png) no-repeat 0 0;

    cursor: pointer;
}

span.login-checkbox > input[type='checkbox']:checked + label {
    background-position: 0 -15px;
}


input.phoneAreaCode, input.phoneSevenDigits, input.phoneExtension,
input[type="tel"].phoneAreaCode, input[type="tel"].phoneSevenDigits, input[type="tel"].phoneExtension,
input[type="number"].phoneAreaCode, input[type="number"].phoneSevenDigits, input[type="number"].phoneExtension {
    margin-right: 4%;
}

input.phoneAreaCode, input[type="tel"].phoneAreaCode, input[type="number"].phoneAreaCode {
    min-width:40px;
    width:20%
}
input.phoneSevenDigits, input[type="tel"].phoneSevenDigits, input[type="number"].phoneSevenDigits{
    min-width:90px;
    width:40%
}
input.phoneExtension, input[type="tel"].phoneExtension, input[type="number"].phoneExtension {
    min-width:60px;
    width:20%
}


.control-label-align {padding-top: 7px;}

.form-horizontal .control-label.leftAlign {text-align:left;}

/* putting max width on datepicker inputs so icon can fit beside */

input.hasDatepicker, input.datePickerWidth {max-width:120px;}


select, textarea, input[type="text"], input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"],
input[type="week"], input[type="number"], input[type="email"], input[type="url"],
input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    padding: 4px 6px;
    vertical-align:middle;
    width: 100%; /* use grid system for wrappers */
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

/* bringing back the gradient btns from bootstrap 2, with our desired colours */
/*
.btn-primary, .btn.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
*/

/* bringing back the  blue  btns */
.btn-primary, .btn.btn-primary {
    color: #ffffff;
    background-color: #006dcc;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    background-image: none;
}

.btn-primary.active, .btn.btn-primary.active {
    background-color: #002a80;
}

#back-to-top {
    z-index:8888;
}

#back-to-top i {
    margin: auto;
}

input.input-inline {
    display:inline-block;
}

/* OLD

input.input-inline.input-xs {
    width: 75px;
}

input.input-inline.input-sm {
    width: 150px;
}
*/

/* for use when more text in a horizontal-form form-group follows the input field */
.form-horizontal .form-group .after-input {
    padding-top: 7px;
    margin-bottom: 0;
}

/* adjusting .input-group stuff */

.input-group [class^='glyphicon-']:last-child, .input-group [class*='glyphicon-']:last-child, .input-group [class^='glyphicon-'], .input-group [class*='glyphicon-'],
.input-group [class^='icon-']:last-child, .input-group [class*='icon-']:last-child, .input-group [class^='icon-'], .input-group [class*='icon-'] {
    margin-right:auto;
    margin-left:auto;
}

.input-group input {border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0;}

.input-group .input-group-addon:not(:first-child):not(:last-child), .input-group .input-group-btn:not(:first-child):not(:last-child) {border-top-left-radius: 4px; border-bottom-left-radius: 4px;}



/* ////////////////////////// */

/* datepicker month/year dropdown */

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {color:#000;}

/* /////////////// */

/* checkboxes in
buttons with label;
lists of buttons, etc.

btnList -> <li>s are inline
btnListVertical -> <li>s are full width and stacked vertically like the typical default

*/


/* btnList: */

ul.checkboxList {
    list-style-type: none;
}

ul.checkboxList.noPadding {
    padding-left: 0;
}

ul.controls.noPadding {
    padding-left: 0;
}

ul.checkboxList li {
    margin-bottom: 5px;
}

ul.checkboxBtnList, ul.btnList {
    list-style-type: none;
    padding-left: 0;
}

ul.checkboxBtnList li, ul.btnList li {
    display: inline-block;
    padding: 0;
    margin-right: 5px;
    margin-bottom:5px;
}

ul.checkboxBtnList li div.btn, ul.btnList li div.btn {
    padding: 0;
}

ul.checkboxBtnList li label {
    padding: 5px 10px;
    cursor: pointer;
    margin:0;
}

.checkbox-inline {
    margin-left:10px;
}

div.btn label input[type="checkbox"] {
    margin-top: -2px;
    margin-right: 5px;
}

/* btnListVertical: */

ul.btnListVertical, ol.btnListVertical {
    list-style-type: none;
}

ul.btnListVertical button, ol.btnListVertical button,
ul.btnListVertical .btn, ol.btnListVertical .btn {
    margin-top: 0px;
    margin-bottom: 10px;
}

.form-horizontal .form-group .form-group-alignment {
    padding-top: 7px;
    margin-bottom: 0;
    display: block;
}

#invoiceTerms {
    height:200px;
}

input.sortOrderInput{width:50px;}
.hasSortOrderInput{width:60px;}

/* /////////////// */

/*------------------------------------------------------------------
[11. Videos]

*/

.vidsSlider {
    margin-top: 20px;
}

.videoWrapper .video {

}

.video img {
    width: 100%;
    max-width: 100%;
}

.video div {
    padding: 10px;
    /*height: 200px;*/
    background-color:#fff;
    color:#000;
}

.video a.vidTag {
    display: inline-block;
    padding:5px 10px;
    text-align:center;
    border: 1px solid #333;
}

.videoWrapper, .important_links_slide,
.videoWrapper .important_links,
.vidsSlider, .important_links_slide,
.vidsSlider .important_links
{
    padding: 0 0;
}

.videoWrapper .important_links .carousel .s-controls,
.vidsSlider .important_links .carousel .s-controls
{
    top:15%;
}

.vidsSlider .carousel-control {
    background: transparent;
    width: auto
}


#wistia {margin: 10px 0;}

#videoDescription {

}

.underlinedHeader {

}

                                                                                                                                                                                                                                                                                             -moz-border-radius: 100%;
/* /////////////// */

/*------------------------------------------------------------------
[12. Carousel]

*/                                                                                                                                                                                                                                                                                                                                           -webkit-border-radius: 100%;
                                                                                                                                                                                                                                                                                                                                           -ms-border-radius: 100%;}
.slides-navigation a:hover{
    background: rgba(0, 0, 0, 0.7);
}
.slides-navigation a.next{right: 20px; top: 15%;}
.slides-navigation a.prev{left: 20px; top: 15%;}
.slides-pagination{position:absolute;z-index:3;bottom:20px;text-align:center;width:100%}
.slides-pagination a{background: #202E37;
    border: 2px solid #fff;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    font-size:0;
    display: inline-block;
    height: 17px;
    margin: 2px;
    overflow: hidden;
    text-indent: -100%;
    vertical-align: middle;
    width: 17px;
    *vertical-align:auto;
    zoom:1;
    *display:inline;
}.slides-pagination a.current{background:#48AACE;}



.carousel-control.s-controls {
    line-height: 40px;
    background: #FFFFFF;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    width: 40px;
    height: 40px;
    opacity: 1;
    top: 30%;
    padding: 0 10px;
    font-weight: normal;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


    #events .carousel-control.s-controls {
        top:50%;
    }

.carousel-control.s-controls.left{
    left: -20px;
}

.carousel-control.s-controls.right{
    right: -20px;
}


.carousel-control.s-controls i {
    font-weight: normal;
    font-style: normal;
    font-weight: lighter;
    font-variant: normal;
}

.carousel-control.right i {
    right: -50%;

}

.carousel-control.left i {
    left: -50%;
}

.dashManageBadgesLink{
    text-align:right;
}

@media (min-width: 1000px){
    .dashManageBadgesLink{
        text-align:right;
        position:absolute;
        bottom:0;
        right:2px;
    }
}

/* /////////////// */

/*------------------------------------------------------------------
[13. Progress Bars]
*/

.widget .widget-content .progressBarWrapper {
    background-color: #fcf8e3;
    padding: 15px;
}

.widget .widget-content .progressBarWrapper .progress {
    height: 2px;
    margin-top: 15px;
}

    .widget .widget-content .progressBarWrapper .progress .progress-bar {
        height: 2px;
    }

.widget .widget-content .progressBarWrapper .stages {
    list-style-type: none;
    border: none;
    padding: 0px;
    text-align: center;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
}

    .widget .widget-content .progressBarWrapper .stages li {
        padding: 5px;
        margin: 0;
        /*display: table-cell;
        width: 1%;*/
        border-right: none;
        text-align: center;
        position: relative;
        font-size: 12px;
        line-height: 14px;
        font-weight: bold;
    }

    .widget .widget-content .progressBarWrapper .stages li a:link,
    .widget .widget-content .progressBarWrapper .stages li a:visited,
    .widget .widget-content .progressBarWrapper .stages li a:hover,
    .widget .widget-content .progressBarWrapper .stages li a:active {
        text-decoration: none;
        color: #000;
    }

        .widget .widget-content .progressBarWrapper .stages li a .stageIcon,
        .widget .widget-content .progressBarWrapper .stages li .stageIcon {
        padding: 8px 12px;
        color: #fff;
        margin: 0 auto 10px;
        display: inline-block;
        border-radius: 3px;
    }

        .widget .widget-content .progressBarWrapper .stages li.completed {

        }

            .widget .widget-content .progressBarWrapper .stages li.completed .stageIcon {
                background-color: #5cb85c;
            }

        .widget .widget-content .progressBarWrapper .stages li.inProgress {

        }

            .widget .widget-content .progressBarWrapper .stages li.inProgress .stageIcon {
                background-color:#a94442;
            }

        .widget .widget-content .progressBarWrapper .stages li.notApplicable  {

        }

            .widget .widget-content .progressBarWrapper .stages li.notApplicable .stageIcon {
                background-color:#ccc;
            }

        .widget .widget-content .progressBarWrapper .stages li.toBeDone  {

        }

            .widget .widget-content .progressBarWrapper .stages li.toBeDone .stageIcon {
                background-color:#ccc;
            }

/* /////////////// */

/*------------------------------------------------------------------
[14. Badges]

*/

.wideBadge{

}

.miniBadge{

}

    .miniBadge .miniBadgeHeader {
        background-color:#006dcc;
        color:#fff;
    }

        .miniBadge .miniBadgeHeader h1,
        .miniBadge .miniBadgeHeader h2,
        .miniBadge .miniBadgeHeader h3,
        .miniBadge .miniBadgeHeader h4,
        .miniBadge .miniBadgeHeader h5,
        .miniBadge .miniBadgeHeader h6 {
            padding: 10px 15px;
            margin:0;
        }

    .miniBadge .miniBadgeContent {
        background-color:#fff;
        padding: 10px 15px;
        margin: 0;
    }


/* /////////////// */



/*------------------------------------------------------------------
[15. Fixed side tabs] */


    .fixedSideTabs{
        position:fixed;
        top:150px; /* specify left or right 0 with .rightEdge or .leftEdge below */
        padding:0;
        margin:0;
        z-index:1040;
        border-left: 1px solid #fff;
        background:#fff;
    }

.fixedSideTabs.rightEdge{
    right:0;
}

.fixedSideTabs.leftEdge{
    left:0;
}

.fixedSideTabs li {
    list-style-type:none;
    position:static;
    background:#333;
    color:#fff;
    border:1px solid #fff;
    border-left:0;
    font-size:14px;
    display:inline-block;
    padding:0;
    margin:0;
    margin-left:-2px;
}

.fixedSideTabs li:nth-child(0n+1){
    background-color: #ed7d31;
}

.fixedSideTabs li:nth-child(0n+2){
    background-color: #5b9bd5;
}

.fixedSideTabs li:nth-child(0n+3){
    background-color: #70ad47;
}

.fixedSideTabs li a:link, .fixedSideTabs li a:visited, .fixedSideTabs li a:hover, .fixedSideTabs li a:active {
    padding:10px 5px;
    margin:0;
    color:#fff;
    display:block;
    text-decoration: none;
}

.fixedSideTabs li a:hover {
    text-decoration:underline;
}

.fixedSideTabs.rightEdge {
    -webkit-transform: rotate(90deg) translateY(-75px);
    -moz-transform:    rotate(90deg) translateY(-75px);
    -ms-transform:     rotate(90deg) translateY(-75px);
    -o-transform:      rotate(90deg) translateY(-75px);
}

.fixedSideTabs.leftEdge{
    -webkit-transform: rotate(-90deg); translateY(75px);
    -moz-transform:    rotate(-90deg); translateY(75px);
    -ms-transform:     rotate(-90deg); translateY(75px);
    -o-transform:      rotate(-90deg); translateY(75px);
}


/* /////////////// */



/*------------------------------------------------------------------
[16. Miscellaneous]


(Specific little bits from various sections can go here.)
*/

.scrollableDiv { border:2px solid #ccc; /*width:300px;*/ height: 100px; overflow-y: scroll; }

.btn-margins, .button-margins, .top-bottom-margins {
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-right-margin{
    margin-right: 10px;
}

.btn-margins-2x, .button-margins-2x, .top-bottom-margins-2x {
    margin-top: 20px;
    margin-bottom: 20px;
}

.bottom-margin, .margin-bottom{margin-bottom:10px;}
.bottom-margin-2x, .margin-bottom-2x{margin-bottom:20px;}

@media (max-width: 768px){
    .bottom-margin-mobile, .margin-bottom-mobile {
        margin-bottom:20px;
    }
}

.top-margin, .margin-top {margin-top:10px;}
.top-margin-half, .margin-top-half {margin-top:5px;}

.top-margin-2x, .margin-top-2x{margin-top:20px;}

.top-margin-form-horizontal, .margin-top-form-horizontal{margin-top:7px;}

.top-no-margin {margin-top:0!important;}
.bottom-no-margin {margin-bottom:0!important;}

/*
/// RECORD PAGING / PAGINATION ///
(<select id="selRecordPaging">;
<ul class="pagination">)
*/

#selRecordPaging {
    margin-right: 1em;
}

.pagination {
    margin: 0;
}

.pagination li a.alert {
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd;
}

/*
/// LISTS OF SELECTED ITEMS ///
(Use .alert .alert-info on <li> for blue treatment)
*/

.selectedItemsList, .selectedRetrainingItemsList {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 20px;
    margin-top: 20px;
}


.selectedItemsList li, .selectedRetrainingItemsList li {
    display: block;
    list-style-type: none;
    margin: 2px 0px;
    padding:5px 25px 5px 15px;
    /*border: 1px solid #000;*/
}

.selectedItemsList.widgetReportList li {
    display:inline-block;
    margin-right: 5px;
    padding: 5px 15px;
}


.selectedItemsList li span,
.selectedRetrainingItemsList li span {
    margin-bottom: 10px;
    padding:10px;
}

.selectedItemsList li a.delete, .selectedItemsList li a.edit, .selectedItemsList li a.sort,
.selectedRetrainingItemsList li a.delete, .selectedRetrainingItemsList li a.edit, .selectedRetrainingItemsList li a.sort,{
    display:block;
    width: auto;
    float:right;
    /*color: #fff;*/
}


/*  graphical_1 fix */

li.graphical_1:not(#foo) > fieldset > input[type='radio'] + label, li.graphical_1:not(#foo) > fieldset > input[type='checkbox'] + label {
    height:20px;
    width:20px;
}


.btn-buffer {
    margin-bottom: 10px;
    margin-top: 10px;
}

.btn.btn-label {
    padding: 0;
}

.btn.btn-label label {
    padding: 6px 12px;
}


#FileUploadProgress_File {
    /*width: 120px;*/
    background-image: url(/assets/images/progressbar.gif);
    border-radius: 5px;
    width: 120px;
    display: none;
}

.selectContactType {
    background: #efefef;
    text-align: center;
    border: 1px solid #ccc;
    padding-top: 25px;
    padding-bottom: 20px;
    font-size: 14px;
}

.btn-full-sidebar {
    padding: 20px;
    margin: 0 auto 10px;
    display: block;
    width: 100%;
}

.btn-full-sidebar.top-bottom-margins {
    margin-top: 20px;
    margin-bottom:20px;
}

.account-container, .account-container3 {
    width: auto;
}

.account-container, .account-container3 {
    margin-bottom: 2em;
}

.login-fields input, .register .login-fields input {
    width: 90%;
}

.login-fields input, .register .login-fields input.phone {
    width: 60px;
}

    .login-fields input, .register .login-fields input.phone {
        display:inline-block;
    }

    .login-fields input, .register .login-fields input.input-mini {
        width: 60px;
    }

    .login-fields input, .register .login-fields input.input-small {
        width: 90px;
    }


.login-fields input[type=radio], .register .login-fields input[type="radio"] {
    width: auto;
    display: inline-block;
}

.login-fields label.alwaysShow {
    display:inline-block;
    visibility: visible;
}

.login-fields select {
    width: 96%;
}

.login-actions {
    margin-top: 2em;
}

.register span.login-checkbox.wider {
    width:auto;
}

[class^='glyphicon-']:last-child, [class*='glyphicon-']:last-child, [class^='glyphicon-'], [class*='glyphicon-'],
[class^='icon-']:last-child, [class*='icon-']:last-child, [class^='icon-'], [class*='icon-'] {
    margin-right: .5em;
}


/* icons */

.iconOnly {
    width: 30px;
    text-align:center;
}

    .iconOnly .glyphicon-sort, .iconOnly .icon-sort {
        display: none;
        visibility: hidden;
    }

[class^='icon-'].iconRight, [class*='icon-'].iconRight, [class^='glyphicon-'].iconRight, [class*='glyphicon-'].iconRight {
    margin-left: .5em;
}

[class^='glyphicon-'].soloIconBtn, [class*='glyphicon-'].soloIconBtn, [class^='glyphicon-'].soloIconBtn, [class*='glyphicon-'].soloIconBtn,
[class^='icon-'].soloIconBtn, [class*='icon-'].soloIconBtn, [class^='icon-'].soloIconBtn, [class*='icon-'].soloIconBtn {
    margin-left: 0;
    margin-right: 0;
}

.btn-sm .iconOnly {
    width: auto;
    margin-right: auto;
    margin-left: auto;
}

.btn .iconOnly{
    margin-right: auto;
    margin-left: auto;

}


.btn.iconOnly [class^="glyphicon-"], .btn.iconOnly [class^="icon-"] {
    margin-right: 0;
}

.iconOnly [class^='glyphicon-']:last-child,
.iconOnly [class*='glyphicon-']:last-child,
.iconOnly [class^='glyphicon-'],
.iconOnly [class*='glyphicon-'],
.iconOnly [class^='icon-']:last-child,
.iconOnly [class*='icon-']:last-child,
.iconOnly [class^='icon-'],
.iconOnly [class*='icon-'] {
   margin-right: auto;
   margin-left: auto;
}

.mainnav [class^='glyphicon-'], .mainnav [class*='glyphicon-'],
.mainnav [class^='icon-'], .mainnav [class*='icon-'] {
    margin-right: auto;
}

.mainnav ul li [class^='glyphicon-'], .mainnav ul li [class*='glyphicon-'],
.mainnav ul li [class^='icon-'], .mainnav ul li [class*='icon-'] {
    margin-right: .5em;
}



.widget .widget-list-icon, .widget-content .widget-list-icon {
    float: right;
}

.widget.widgetStacked {
    margin-top:0;
    margin-bottom:0;
}

.widget.widgetStacked .widget-content {
    margin-bottom: 20px;
}

ul.controls {
    margin-bottom: 0;
}

ul.controls li {
    list-style-type:none;
}

.main .glyphicon-th-large, .main .icon-th-large {
    margin-right: .5em;
}


table.log {
    width:100%;
}

ul.logOptions, ul.checkboxBtns {
    margin-left: 0;
}

ul.logOptions li, ul.checkboxBtns li {
    display: inline-block;
    list-style-type: none;
    margin: .5em .5em .5em 0;
}

textarea.logNotes {
    clear: both;
    float: none;
    height: 100px;
}

.ui-datepicker-trigger {
    margin-left:.5em;
}

#telephone-log-form-container {
    margin-bottom: 2em;
}

.emailFileAttch {margin-bottom:1em;}

.contactViewMenu {
    margin-left: 0;
    padding-left: 0;
}

.contactTertiaryMenu {
    float:right;
    margin-left:10px;
    margin-bottom:10px;
}

.contactViewMenu li, .contactTertiaryMenu li {
    list-style-type: none;
    margin: 0 0 .5em 0;
}

    .contactTertiaryMenu li {
        margin-bottom: 5px;
    }

.contactViewMenu li a, .contactTertiaryMenu li a {
    color: #000;
    font-weight: bold;
    padding: .5em .5em .5em 0;
    display:inline-block;
}

    .contactTertiaryMenu li a {
        padding: 5px 0;
    }

.contactViewMenu li a.current, .contactTertiaryMenu li a.current {
    color: #ff0000;
}

h1.contactName {
    margin-bottom: 0;
    padding-bottom: 5px;
}



button#list-new, button#list-new-minus {
    margin-bottom:2em;
    margin-top: -.5em;
}

button#list-save {
    margin-top: 1em;
}

.widget .widget-content.includeCriteria {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.widget .widget-content.excludeCriteria{
    background-color: #f2dede;
    border-color: #ebccd1;
}


.deleteCriteria {
    clear:both;
    float:none;
}

/*input#list-name {
    width:90%;
}*/

.filters .filter {
    margin: 0em .5em .5em 0;
}

div.categories {
    margin-bottom: .5em;
}

/*img.contactPortrait, div.contactPortrait {
    float:left;
    margin-right:10px;
    margin-bottom: 20px;
}*/

div.orgLogo #imageContainer,
div.contactPortrait #imageContainer {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

div.orgLogo #imageContainer {
    margin-bottom: 10px;
}

    div.contactPortrait #imageContainer img {
        position: relative;
        z-index:1;
        width:100%;
        height: auto;

    }

    div.orgLogo #imageContainer img{
        position: relative;
        z-index:1;
        width:40%;
        height: auto;
    }



    div.contactPortrait #imageContainer .contenthover {
        height:38px;
        font-size: 16px;
        text-align:center;
        padding: 0;
        position:absolute;
        z-index:2;
        width: 100%;
        max-width:100%;
        bottom: -38px;
        background-color: #000;
        background-color: rgba(0,0,0,0.8);
        -webkit-transition: bottom 0.5s ease;
        -moz-transition: bottom 0.5s ease;
        transition: bottom 0.5s ease;
}

    div.contactPortrait #imageContainer .contenthover {
        height:28px;
        font-size: 12px;
        bottom: -28px;
    }

    div.orgLogo #imageContainer .contenthover{
        height:38px;
        font-size: 16px;
        text-align:center;
        padding: 0;
        position:absolute;
        z-index:2;
        width: 40%;
        max-width:40%;
        bottom: -38px;
        background-color: #000;
        background-color: rgba(0,0,0,0.8);
        -webkit-transition: bottom 0.5s ease;
        -moz-transition: bottom 0.5s ease;
        transition: bottom 0.5s ease;
    }

    div.contactPortrait #orgLogo .contenthover {
        height:28px;
        font-size: 12px;
        bottom: -28px;
    }

div.orgLogo #imageContainer:hover .contenthover,
    div.contactPortrait #imageContainer:hover .contenthover {
        bottom: 0;
        -webkit-transition: bottom 0.5s ease;
        -moz-transition: bottom 0.5s ease;
        transition: bottom 0.5s ease;
    }

        div.orgLogo #imageContainer .contenthover a,
        div.contactPortrait #imageContainer .contenthover a {
            width:40%;
            display: inline-block;
            padding: 5px 5%;
            text-align:center;
        }

            div.orgLogo #imageContainer .contenthover a .contentHoverIcon,
            div.contactPortrait #imageContainer .contenthover a .contentHoverIcon {
                margin: 0;
            }

#btnAddAddress{
    margin-bottom:1em;
}

.imgUploaded{

}

#filesList {
    margin-bottom: 1em;
}


.searchContents {
    margin: 1em 0;
}

ul.switches{
    margin-top:2em;
}

ul.switches.options{
    margin-top: .5em;
    margin-left: -25px;
    padding-left: 0;
}

    ul.switches.options.inline-block{
        display:inline-block;
        width:auto;
    }
    .form-group ul.switches.options{
    }

.controls ul.switches.options {
    margin-left: -20px;
}

.form-group  ul.switches.options {
    margin-bottom: -10px;
}

.appOptionsEmail textarea {
    width:90%;
    height: 150px;
}

.delete-list  [class^='glyphicon-'], .delete-list [class*='glyphicon-'],
.delete-list  [class^='icon-'], .delete-list [class*='icon-']{
    margin-right: 0;
}

.impersonationFrame{
    clear:both;
    float:none;
    display:block;
    width:100%;
    margin:1em auto;
    height: 850px;
    min-height: 850px;
    border:none;
}

.impersonationAlert {
    background-color: red;
    color: white;
    font-weight: bold;
}

.form-group .radio {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding-left:8px;
}

.form-group input[type="radio"].radio {
    margin: 0;
}

.form-group ul.controls {
    margin-top: 6px;
}

#event_logo_img {
    margin-bottom:1em;
}

li.pull-left {
    margin-right: 1em;
}


#btnVerify{
    margin-bottom:1em;
}
#btnReEnable{
    margin-bottom:1em;
}

#select_Category {
    margin-bottom: 1em;
}

.pagination ul li a.alert {
    margin-bottom: 0;
    margin-top: 0;
}

.memTypeStatusToggle ul.switches.options {
    margin-top: .75em;
    margin-bottom: .5em;
    margin-left: -2em;
}

.memTypeStatus {
    width: 15%;
}

.plainCheckboxList {
    list-style-type: none;
}

    .plainCheckboxList li {
        width: 40%;
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .plainCheckboxList li input {
        margin-right: 5px;
    }


/*

.controls ul.typeList {
    margin-top:0;
}

    .controls ul.typeList.vertical {
        list-style-type:none;
    }

        .controls ul.typeList.vertical li {
            display:block;
        }

.controls ul.typeList label {
    padding-top:5px;
}

.controls ul.typeList input[type=radio] {
    margin-top:0px;
}

*/


/*
#tombstoneFormBuilder {
    list-style-type: none;
}
*/

.widget-content h2 {
    margin-bottom: 15px;
}

.form-horizontal {
    margin-bottom: 2em;
}

.form-horizontal .btn.active {
    background-color: #0055cc;
    color: rgba(255, 255, 255, 0.75);
    text-shadow: none;
}


/* graphical radio toggle fix */


li.graphical_3:not(#foo) > input[type='radio'].radioActivate + label{
    padding-top:25px;
}

li.graphical_3:not(#foo) > input[type='radio'].radioDeactivate + label{
    padding-top:25px;
}

li.graphical_3.disabled label{
    cursor: not-allowed !important;
}


/*   */

textarea.fullTextArea {
    display:block;
    width:98%;
    height:150px;
}

/* chart placeholders */

.donutChartPlaceholder {
    height: 300px;
    width: auto;
}

.dynamicWideList .dynamicWideListItem,  #meals .meal, #workshops .workshop, #coupons .coupon, #workspaces .workspace,
.selectedItemsList .item {
    margin: 2px 0px;
    cursor: move;
    position:relative;
}

.dynamicWideList {
    margin-bottom: 10px;
}

.dynamicWideList .alert .controls, .dynamicWideListItem .controls {
    position: absolute;
    top: 5px;
    right: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

.dynamicWideList .alert .controls li {
    display: inline-block;
}

.selectedItemsList .alert .controls {
    position: absolute;
    top: 0;
    right: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

.selectedItemsList .alert .controls li {
    display: block;
    float: left;
}

#addRes_uploadedFiles .item {
    cursor: default;
}

/* horizontal lists of options (radio or checkbox) */

/*
ul.typeList {
    margin-left:0;
    margin-top: 1em;
}

ul.typeList li{
    list-style-type: none;
    margin-bottom: .5em;
    margin-right: .5em;
    display: inline-block;
}

ul.typeList li label {
    display: block;
}
*/

/* true checkboxes with the appearance of simple button toggle */
/*
ul.typeList li label.btn {
    margin-bottom: 0;
    display: inline-block;
    padding-left: 25px;
    z-index: 1;
    position: relative;
}

ul.typeList li input.checkbox {
    margin: 0;
    padding-left: 0;
    margin-right: -25px;
    margin-left: .5em;
    z-index: 2;
    position: relative;
}

ul.typeList li label.btn input[type="checkbox"]{
    margin-left: 1em;
    margin-right: 1em;
}

ul.typeList li input[type="radio"] {
    display:none;
    visibility:hidden;
}

ul.typeList li input:checked + label.btn, ul.typeList li input:checked + label.btn:hover, ul.typeList li input:checked + label.btn:active {
    background-color: #0055cc;
    color: rgba(255, 255, 255, 0.75);
    text-shadow: none;
    background-image: none;
}


ul.typeList.radioGroup li{
    list-style-type: none;
    margin: 0;
    display: inline-block;
    margin-left: -4px;
}

ul.typeList.radioGroup li label.btn {
    padding: 4px 10px 4px;
}


ul.typeList.radioGroup > li:first-child label {
    margin-left: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
}

ul.typeList.radioGroup > li:last-child label{
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
}
*/



/* give some buttons a bit of a lift/drop */

.btn.lift, .lift {
    margin-top: -10px!important;
}

.btn.lift2, .lift2 {
    margin-top: -4px!important;
}

.btn.lift3, .lift3 {
    margin-top: -20px!important;
}

.halfLift {
    margin-top: -5px!important;
}

.tooltipTriggerInline{
    display:inline;
    width:auto;
    color:#333;
}

.tooltipTrigger{
    position:relative;
    left:5px;
    display:inline-block;
    width:300px;
}

.tooltipTriggerLift{
    position:relative;
    left:5px;
    display:inline-block;
    width:300px;
    top:-10px;
}

.tooltipTriggerLift.autowidth{
    width:auto;
}

.tooltipTriggerPush{
    position:relative;
    left:5px;
    display:inline-block;
    width:300px;
    top:5px;
}

.tooltipTriggerPush2 {
    position:relative;
    left:5px;
    display:inline-block;
    top:5px;
}

.btn.drop, .drop {
    margin-top: 10px!important;
}

.btn.drop2, .drop2 {
    margin-top: 8px!important;
}

.btn.drop3, .drop3 {
    margin-top: 5px!important;
}

.halfDrop {
    margin-top: 5px!important;
}

span.drop, span.halfDrop {display:inline-block;}

/* horizontal text list */

.horizontalTextList {
    margin-left: 0;
}

    .horizontalTextList li {
        list-style-type: none;
        display:inline-block;
        padding:5px 10px;
        margin: 0;
        border-right: 1px solid #000;
    }

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



/* begin improvements for tabs in mobile */

@media (max-width: 480px) {

    .nav-tabs > li {
      float: none;
    }

    .nav-tabs > li > a {
        margin-right: 0;
    }

    .nav-tabs {
        border-bottom: 0;
    }

    .nav-tabs > li > a {
        border: 1px solid #ddd;
        border-radius: 0;
    }

    .nav-tabs > .active > a,
    .nav-tabs > .active > a:hover {
        border: 1px solid #ddd;
    }

    .nav-tabs > li:first-child > a {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .nav-tabs > li:last-child > a {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .nav-tabs > li > a:hover,
    .nav-tabs > li > a:focus {
        border-color: #ddd;
        z-index: 2;
    }

}

/* end improvements for tabs in mobile */


/* begin alternative pill styling for chevron block design */

    .nav-pills.chevronPills {}

    .nav-pills.chevronPills li a {
        background-color:#a5a5a5;
        color:#fff;
        border-radius:0;
        padding:7px 12px 0;
        margin-bottom: 9px;
    }

    .nav-pills.chevronPills li a span.num {
        background-color:#949494;
        display:inline-block;
        padding:7px 3px 7px 8px;
        margin-left:-12px;
        margin-top:-7px;
        margin-right:0px;
        /*
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid green;
        */
    }
    .nav-pills.chevronPills li a .chevron {
        /**/
        display: inline-block;
        height: 0;
        width: 0;
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
        border-left: 15px solid #949494;
        position: relative;
        top: 13px;
        margin-top: -20px;
        margin-right: 10px;
    }

        /* hover pill: */

        .nav-pills.chevronPills li:hover a,
        .nav-pills.chevronPills li a:hover{
            background-color: #006dcc;
        }

        .nav-pills.chevronPills li:hover a span.num,
        .nav-pills.chevronPills li a:hover span.num {
            background-color: #004785;
        }

        .nav-pills.chevronPills li:hover a .chevron,
        .nav-pills.chevronPills li a:hover .chevron{
            border-left-color: #004785;
        }

        /* end hover pill */

        /* active pill: */

        .nav-pills.chevronPills li.active a,
        .nav-pills.chevronPills li.active:hover a{
            background-color: #5cb85c;
        }

        .nav-pills.chevronPills li.active a span.num,
        .nav-pills.chevronPills li.active:hover a span.num{
            background-color:#419641;
        }

        .nav-pills.chevronPills li.active a .chevron,
        .nav-pills.chevronPills li.active:hover a .chevron {
            border-left-color: #419641;
        }

        /* end active pill */








/* end alternative tab styling for chevron block design */


/* TAGS */


.tagPopUp {
    margin-right: 1em;
    margin-bottom: 1em;
}

.tagPopUp [class^="glyphicon-"], .tagPopUp [class*="glyphicon-"],
.tagPopUp [class^="icon-"], .tagPopUp [class*="icon-"]{
    margin-right: auto;
}

.bootstrap-tagsinput {
    margin: auto .5em;
    border: none;
    box-shadow: none;
    background-color: transparent;
    padding-top:0;
}

.tab-pane h4 {
    margin-bottom: 20px;
}

.bootstrap-tagsinput .tag {
    margin-right: 10px;
    margin-bottom: 10px;
    color: white;
    padding: 6px;
    padding-left: 10px;
    display: inline-block;
}

    .bootstrap-tagsinput .tag a {
        color: #fff;
        text-decoration: none;
    }

.bootstrap-tagsinput input.tag-editor {
    color: #000;
}


#tagSearchResults{
    border-top:1px solid #999;
    border-bottom:1px solid #999;
    padding-top: 1em;
    margin-bottom:1em;
}

ul#tagSearchResultsList {
    padding: 0em 0 .5em;
}

.tagList {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 2em;
    height: 150px;
    width: 100%;
    overflow: scroll;
    overflow-y: auto;
    overflow-x: auto;
}

.tagList ul{
    margin-top: 1em;
}

.tagList ul li{
    list-style-type: none;
    margin-bottom: 1em;
    margin-right: .5em;
    display: inline-block;
    /*display: block;*/
}

.tagList ul li .foundTagIcon {
    margin-left: .5em;
    /*float:right;*/
}

.tagList ul li a {
    display:block;
    padding: 3px;
    padding-left: 8px;
}

.tagList ul li label {
    display:block;
}

ul.tagList.toModify {
    margin-left: 0;
}

ul.tagList.toModify li{
    display: inline-block;
    margin: 0 .5em .5em 0;
}



ul.tagList.toModify li label, ul.tagList.toModify li a{
    display: block;
}

ul.selectedSharedTags{
    margin: .5em auto;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    margin-bottom: 10px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
}

ul.selectedSharedTags li{
    margin: .3em;
    display: inline-block;
}


.bootstrap-tagsinput .tag.sharedTag, #sharedTagSearchResults .tag.sharedTag {
    color: #fff;
    background-color: #612c4e;
    background-color: #5a4051;
    text-shadow:none;
}

.tag.sharedTag {
    color: #fff;
    background-color: #612c4e;
    background-color: #5a4051;
    text-shadow:none;
}

    .bootstrap-tagsinput .tag.sharedTag:hover, #sharedTagSearchResults .tag.sharedTag:hover {
        background-color: #3b1b43;
        background-color: #34252f;
    }

.bootstrap-tagsinput .tag.personalTag, #myTagSearchResults .tag.personalTag {
    background-color: #f89406;
    background-color: #bf8d48;
    color: #fff;
    text-shadow:none;
}

.personalTag {
    background-color: #f89406;
    background-color: #bf8d48;
    color: #fff;
    text-shadow:none;
}

    .bootstrap-tagsinput .tag.personalTag:hover, #myTagSearchResults .tag.personalTag:hover {
        background-color: #c67605;
        background-color: #9f753a;
    }

    .personalTag:hover {
        background-color: #c67605;
        background-color: #9f753a;
    }

/* Personal tag button css */
.btn-myTags.active {
    color: rgba(255, 255, 255, 0.75);
}

.btn-myTags {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #f99d1a;
    background-color: #bf8d48;
    background-image: -moz-linear-gradient(top, #c0904b, #caa168);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c0904b), to(#caa168));
    background-image: -webkit-linear-gradient(top, #c0904b, #caa168);
    background-image: -o-linear-gradient(top, #c0904b, #caa168);
    background-image: linear-gradient(to bottom, #c0904b, #caa168);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0904b', endColorstr='#caa168', GradientType=0);
    border-color: #faa937 #faa937 #df8505;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-myTags:hover,
.btn-myTags:focus,
.btn-myTags:active,
.btn-myTags.active,
.btn-myTags.disabled,
.btn-myTags[disabled] {
    color: #ffffff;
    background-color: #faa937;
    background-color: #bf8d48;
    background-position: 0 0;
}
.btn-myTags:active,
.btn-myTags.active {
    background-color: #f89406 ;
}

/* Shared tag button CSS */
.btn-sharedTags.active {
    color: rgba(255, 255, 255, 0.75);
}
.btn-sharedTags {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #6f3259;
    background-image: -moz-linear-gradient(top, #5a4051, #745268);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a4051), to(#745268));
    background-image: -webkit-linear-gradient(top, #5a4051, #745268);
    background-image: -o-linear-gradient(top, #5a4051, #745268);
    background-image: linear-gradient(to bottom, #5a4051, #745268);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a4051', endColorstr='#ff843c6a', GradientType=0);
    border-color: #843c6a #843c6a #4f2440;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-sharedTags:hover,
.btn-sharedTags:focus,
.btn-sharedTags:active,
.btn-sharedTags.active,
.btn-sharedTags.disabled,
.btn-sharedTags[disabled] {
    color: #ffffff;
    background-color: #843c6a;
    background-color: #73345c;
    background-position: 0 0;
}
.btn-sharedTags:active,
.btn-sharedTags.active {
    background-color: #612c4e ;
}

/* Video Tags CSS.*/
.btn-videoTags.active {
    color: rgba(255, 255, 255, 0.75);
}
.btn-videoTags {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #00bf4d;
    background-image: -moz-linear-gradient(top, #00ab45, #00de5a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00ab45), to(#00de5a));
    background-image: -webkit-linear-gradient(top, #00ab45, #00de5a);
    background-image: -o-linear-gradient(top, #00ab45, #00de5a);
    background-image: linear-gradient(to bottom, #00ab45, #00de5a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ab45', endColorstr='#ff00de5a', GradientType=0);
    border-color: #00de5a #00de5a #00923b;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #00de5a;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-videoTags:hover,
.btn-videoTags:focus,
.btn-videoTags:active,
.btn-videoTags.active,
.btn-videoTags.disabled,
.btn-videoTags[disabled] {
    color: #ffffff;
    background-color: #00de5a;
    *background-color: #00c54f;
}
.btn-videoTags:active,
.btn-videoTags.active {
    background-color: #00ab45 ;
}

.videoTag {
    color: #fff;
    text-shadow:none;
}





/* Member Specialization Tags CSS.*/
.btn-memberSpecializationTags.active {
    color: rgba(255, 255, 255, 0.75);
}
.btn-memberSpecializationTags {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #004dbf;
    background-image: -moz-linear-gradient(top, #5545ab, #555ade);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5545ab), to(#555ade));
    background-image: -webkit-linear-gradient(top, #5545ab, #555ade);
    background-image: -o-linear-gradient(top, #5545ab, #555ade);
    background-image: linear-gradient(to bottom, #5545ab, #555ade);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5545ab', endColorstr='#ff555ade', GradientType=0);
    border-color: #555ade #555ade #553b92;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #555ade;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-memberSpecializationTags:hover,
.btn-memberSpecializationTags:focus,
.btn-memberSpecializationTags:active,
.btn-memberSpecializationTags.active,
.btn-memberSpecializationTags.disabled,
.btn-memberSpecializationTags[disabled] {
    color: #ffffff;
    background-color: #555ade;
    *background-color: #554fc5;
}
.btn-memberSpecializationTags:active,
.btn-memberSpecializationTags.active {
    background-color: #5545ab ;
}

.memberSpecializationTag {
    color: #fff;
    text-shadow:none;
}







.bootstrap-tagsinput .tag.personalTag:hover, #myTagSearchResults .tag.personalTag:hover {
    background-color: #c67605;
    background-color: #9f753a;
}

.personalTag:hover {
    background-color: #c67605;
    background-color: #9f753a;
}

#chooseTagsList {

}

    #chooseTagsList input {
        margin-top:5px;
    }

    #chooseTagsList label.checkbox {
        margin-top:5px;
    }

/* tag type-ahead */

input#tag-input {
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    /*width: 200px;*/
}

select#tag-typeahead {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;
    /*width: 214px;*/
}




/* ADDING EXTRA .WELLs  */

.well.light {
    background-color: #fefefe;
}

.well.reverse {
    background-color: #fff;
}

.well.noBottomPadding {
    padding-bottom:0;
}




/* INVENTORY TABLES */

.inventoryTable th.qtyCount,
#product-table.inventoryTable th.qtyCount {
    text-align: right;
}

    .inventoryTable td.qtyCount,
    #product-table.inventoryTable td.qtyCount {
        text-align: right;
        padding-right: 10px;
    }

.inventoryTable td.checkboxOnly,
#product-table.inventoryTable td.checkboxOnly {
    padding:0;
    text-align:center;
}

    .inventoryTable td.checkboxOnly input.checkbox,
    #product-table.inventoryTable td.checkboxOnly input.checkbox{
        margin: auto;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }



/* INVENTORY FORMS */

.inventoryForm {

}

    .inventoryForm label.txtInput {
        width: 25%;
    }

    .inventoryForm input.txtInput {
        width: 70%;
    }

    .inventoryForm .typeCounts {

    }

        .inventoryForm .typeCounts input.qtyInput {
            width: 150px;
        }

        .inventoryForm .typeCounts label.qtyInput {

        }

/* MAILOUT LIST */

.contactMailoutActive {
    font-family: arial;
    padding: 6px 35px 6px 14px;
    margin-left: 10px;
    margin-bottom: 2px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    background-color: rgb(207, 232, 158);
    border: 1px solid rgb(251, 238, 213);
    border-radius: 4px;
    color: rgb(102, 142, 33);
}

.contactMailoutDisabled {
    font-family: arial;
    padding: 6px 35px 6px 14px;
    margin-left: 10px;
    margin-bottom: 2px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    background-color: rgb(232, 207, 158);
    border: 1px solid rgb(238, 251, 213);
    border-radius: 4px;
    color: rgb(142, 102, 33);
    text-decoration: line-through;
}

/* CK EDITOR */

iframe.cke_wysiwyg_frame {
    width: 95%;
    overflow: scroll;
}


#cke_signature {
    margin-bottom: 2em;
}






/* INCIDENT LOGS */
.log-area {
    width: 95%;
    overflow: scroll;
}


.callOutcome ul li {
    list-style-type: none;
    width: auto;
    display: inline-block;
}


/* Contact image hover. */
.orgLogo .contenthover { padding-left: 22px }
.contactPortrait .contenthover { padding-left: 16px }
.contenthover, .contenthover h3, .contenthover a { color:#fff; }
.contenthover h3, .contenthover p { margin:0 0 10px 0; line-height:1.4em; padding:0; }
.contenthover a.mybutton { display:block; float:left; padding:5px 10px; background:#3c9632; color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.contenthover a.mybutton:hover { background:#34742d }
.contenthover a {color: #EEEEEE}



/* video thumbnail wrapper */

.videoThumb {
    margin-top: 10px;
    margin-bottom: 20px;
}

/* importing contacts */

.importedCompareProbabilityHigh {
    text-transform:uppercase;
    font-size:32px;
    color:#b94a48;
}
.importedCompareProbabilityLow {
    text-transform:uppercase;
    font-size:32px;
    color:#468847;
}
.importedCompareProbabilityMedium {
    text-transform:uppercase;
    font-size:32px;
    color:#c09853;
}


#publicDirectorySearchResults .result {
    /*background-color: #f2f2f2;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #bfbfbf;*/
}

#publicDirectorySearchResults .address1 p {
    margin-bottom: 0;
}

#publicDirectorySearchResults .address2 p {
    text-align: right;
    margin-bottom: 0;
}

#publicDirectorySearchResults .logo {
    width:100%;
}

#publicDirectorySearchResults .contactName {
    margin-bottom: 0.5em;
}

#publicDirectorySearchResults .email {
    word-wrap: break-word;
}

.searchDirectoryBox {
    overflow-y: auto;
    border:1px solid #aaa;
    height: 200px;
    padding-left: 5px;
}

.profileSignature {
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom: 1px solid #999;
}

li.eblastexcluded {
    color: #ff0000;
    font-style: italic;
    text-decoration: line-through;
}

/* Application stages */

#stageDetailTabs ul {
    list-style-type: none;
    padding-left: 0;
}

/* Online training */

#sidebarAssignmentCounter, #sidebarCertificateBadge{
    text-align:center;
}

#sidebarAssignmentCounter .well,
#sidebarCertificateBadge .well
{
    margin-bottom:5px;
}

#sidebarAssignmentCounter .sidebarAssignmentCounter-inner {
    background-image: url('/assets/images/gray_star.png');
    background-position: -5px -10px;
    background-repeat: no-repeat;
}

#sidebarCertificateBadge .sidebarCertificateBadge-inner {
    position: relative;
    display:block;
}

    #sidebarCertificateBadge .sidebarCertificateBadge-inner:hover {
        background-color: #e3e3e3;
        text-decoration: none;
    }

#sidebarCertificateBadge .sidebarCertificateBadge-inner .certificateRibbonSymbol {
    position: absolute;
    z-index:1;
    right:0;
    top:0;
    margin-top:-20px;
    margin-right:-20px;
}

#sidebarCertificateBadge .sidebarCertificateBadge-inner .certificateRibbonSymbol img {
    width:80px;
    height:auto;
}

@media (min-width: 768px) and (max-width: 991px){
    #sidebarCertificateBadge .sidebarCertificateBadge-inner .certificateRibbonSymbol {
        margin-top:-10px;
        margin-right:-10px;
    }
    #sidebarCertificateBadge .sidebarCertificateBadge-inner .certificateRibbonSymbol img {
        width:40px;
        height:auto;
    }
}

#sidebarCertificateBadge .sidebarCertificateBadge-inner .certificateText {
    position: relative;
    z-index:2;
}

#sidebarCertificateBadge .sidebarCertificateBadge-inner .iconPrintableCertificate {
    max-width:60%;
}

#sidebarAssignmentCounter p, #sidebarCertificateBadge p  {
    margin-top:0;
    margin-bottom:0;
}

#sidebarAssignmentCounter h2, #sidebarCertificateBadge h2{
    font-size:18px;
    line-height:22px;
    margin-bottom:0;
}

#sidebarAssignmentCounter h2 .totals,
#sidebarCertificateBadge h2 .totals {
    font-size:20px;
    line-height:20px;
}


/*///////////////////////////////////////////////////////*/

/*          form builder            */

/*///////////////////////////////////////////////////////*/

/* Todo:  (Some of this can be removed once we drop v1)  (KL)     */

.selectFormType {
    text-align: center;
}

.selectFormType .info {
    padding-top:10px;
    padding-bottom:10px;
}

.selectFormType .formTypeIcon {
    margin: 20px auto;
    display: inline-block;
}

.selectFormType .features {
    padding: 10px 20px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    width:80%;
    list-style-type: none;
    margin: 10px auto 20px;
}

#formSetup .helpIcon {
    display: inline-block;
    position: relative;
    top: -9px;
    left: 5px;
}


#createFormSetup .form-group ul.switches.options {
    margin-top: 0;
    margin-bottom: 3px;
}

/* begin form builder */

#overlayFormQuestions, #overlayTestGrading {
    position: fixed;
    z-index:1000;
    top: 0;
    width: 100%;
    padding: 0 0 5px;
    left: 0;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

    #overlayTestGrading {
        overflow-y:scroll;
        padding:0;
    }

    #overlayTestGrading .overlayCloseWrapper{
        width: 100%;
        background: #292929;
        color: #fff;
        font-size: 14px;
        line-height: 14px;
        padding: 8px;
        padding-right: 15px;
        text-align: right;
        border: 0;
    }

    #overlayTestGrading .overlayCloseWrapper .overlayCloseBtn,
    #overlayTestGrading .overlayCloseWrapper .overlayPrintBtn{
        border:0;
        background: #292929;
        color: #fff;
        font-size: 14px;
        line-height: 14px;
    }

    #overlayTestGrading .overlayTestGradingInner {
        margin:5px 20px;
    }

    #overlayTestGrading h1 {
        margin-bottom:5px;
    }

    #overlayTestGrading .grQuestion{
        font-size:16px;
        font-weight:bold;
        margin-bottom:5px;
    }

    #overlayTestGrading .toggleText{
        margin-left:20px;
    }

    #overlayTestGrading .h1subheader {
        font-size: 20px;
    }

    #overlayTestGrading #grGradeInput {
        width:3em;
    }

#overlayForQuestionsArrangement{
    position:absolute;
    z-index:950;
    top: 0;
    width: 100%;
    padding: 5px 0;
    left: 0;
    background-color: #fff;
    height:100%;
    /*padding-top:300px;*/
}

#formBuilderElemToDrag {
    /*border: 1px solid #ccc;
    padding:10px;*/
}

/* for use with jQuery Sortable  (i.e. form builder) */

body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    top: 0;
    opacity: 0.8;
    z-index: 2000;
}

.draggables li {
    cursor: move !important;
}


ol.draggables li.placeholder {
    position: relative;
    /** More li styles **/
    /*background-color: red; <- temp for testing */
}
ol.draggables li.placeholder:before {
    position: absolute;
    /** Define arrowhead **/
    /*content: "";
    width: 0;
    height: 0;
    margin-top: -5px;
    left: -5px;
    top: -4px;
    border: 5px solid transparent;
    border-left-color: red;
    border-right: none;*/
}



.createFormCreateFieldsList {
    /*margin-top: 20px;*/
    padding-left:10px;
    /*border: 1px dashed #666;
    border-bottom: 0;*/
    list-style-type: none;
    margin-bottom:0;
}

.createFormCreateFieldsList > li.formField {
    padding: 0;
    /*border-bottom: 1px dashed #666;*/
    /*border-left: 10px solid #efefef;*/
    margin-bottom: 15px;
    cursor: move;
    width: 200px;
    height:40px;
    margin-right: 5px;
    display: inline-block;

}



#createFormCreateRadiosCheckboxesList {
    padding-left:30px;
    padding-right:30px;
}

.createFormCreateFieldsList > li input,
.createFormCreateFieldsList > li textarea,
.createFormCreateFieldsList > li label,
.createFormCreateFieldsList > li img,
.createFormCreateFieldsList > li button.disabled
{
    display:none;
}

.datepickerCalImg {
    margin-left:5px;
}

.createFormCreateFieldsList > li input, .createFormCreateFieldsList > li textarea, .createFormCreateFieldsList > li label {
    cursor: move;
}
.createFormCreateFieldsList > li:hover {
    /*background-color: #ddd;*/
}

.createFormCreateFieldsList > li .well {
    padding:5px;
    height:60px;
}


.createFormCreateFieldsList > li li {
    border: none;
}

.createFormCreateFieldsList button {
    margin-bottom: 10px;
}

/*
.createFormCreateFieldsList li .hasBtnDel {
    display: none;
    visibility: hidden;
}*/

.createFormCreateFieldsList li button.btnDel,
.createFormCreateFieldsList li button.btnEdit,
.createFormPageBreakWrapper button.btnDel,
.createFormHeaderWrapper button.btnDel,
.createFormCreateFieldsList li a.btnEdit{
    margin-right: 8px;
    display: none;
    visibility: hidden;
}


.radioExampleVertical,
.radioExampleHorizontal,
.checkboxExampleVertical,
.checkboxExampleHorizontal {
    padding-left: 0;
}

.createFormCreateFieldsList .radioExampleVertical,
.createFormCreateFieldsList .radioExampleHorizontal,
.createFormCreateFieldsList .checkboxExampleVertical,
.createFormCreateFieldsList .checkboxExampleHorizontal,
.createFormCreateFieldsList .sectDesc,
.createFormCreateFieldsList .datepickerExample,
.createFormCreateFieldsList .selectExample{
    display:none;
}

.createFormCreateFieldsList .createFormPageBreakWrapper {
    margin-bottom: 20px;
    padding: 5px;
    border: 1px dashed #ccc;
    height:60px;
}


.createFormCreateFieldsList .createFormHeaderWrapper {
    margin-bottom: 20px;
    border: 1px dashed #ccc;
}

.createFormCreateFieldsList li h3 {margin-bottom: 0}

/* !!!  with stuff using drag n drop sortables, be very careful about editing position settings! test carefully. !!! */

.placeholder{
    min-height:35px;
}

#formQuestionListingWrapper{
    background-color: #e9e9e9;
    border: 1px solid #ccc;
    height: 400px;
    overflow: scroll; /* this seems to also work (re. Firefox bug) */

    height:auto;
    overflow: auto;
}

#formQuestionListing {
    padding: 0;
    margin-top: 15px;
    margin-left:5%;
    margin-right:5%;
    list-style-type: none;
    min-height: 380px;
    padding-bottom: 400px;
    background-color: #fff;
    /*border: 1px solid #D5D5D5;*/
    /* overflow: auto; fix for Firefox + sortable bug
    overflow: scroll;  this seems to also work   <-- moving this seems ok...*/
}

#formQuestionListing .createFormHeaderWrapper{
    /*border: 1px solid #D5D5D5;*/
    padding-top:20px;
    padding-left:10px;
    padding-right:10px;
    margin-top:20px;
    border-radius:3px;
}



.createFormHeaderWrapper .well{
    border:none;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 0;
}

#formQuestionListing .createFormPageBreakWrapper{
    background-color: #e9e9e9;
    color: #BDBDBD;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 75px;
    margin-bottom: 15px;
}

#formQuestionListing .createFormTextWrapper,
#formQuestionListing .createFormRadioWrapper,
#formQuestionListing .createFormCheckboxWrapper,
#formQuestionListing .createFormSelectWrapper{
    padding:10px;
    /*border: 1px solid #D5D5D5;*/
    border-top:none;
    margin-top: -2px;
    border-radius:3px;
    vertical-align: top;
}

#formQuestionListing .createFormTextWrapper .well,
#formQuestionListing .createFormRadioWrapper .well,
#formQuestionListing .createFormCheckboxWrapper .well {
    /*height:150px;*/
}

#formQuestionListing > li {
    width:100%;
    display:block;
    /*margin-left:5%;*/
    background:#fff;
    margin-bottom:0;
    margin-top:-2px;
}

#formQuestionListing > li,
#formQuestionListing > li input,
#formQuestionListing > li textarea,
#formQuestionListing > li label {
    padding: 0;
    /*position: relative; <- NO! messes up dragndrop sorting */
    position: static; /* <- YES! */
    cursor: move;
}

#formQuestionListing > li.formField.hasFBpagebreak,
#formQuestionListing > li.formField.hasFBheader {
    width:100%;
    display:block;
}

#formQuestionListing > li.hasFBtext,
#formQuestionListing > li.hasFBradio,
#formQuestionListing > li.hasFBcheckbox {
    /*width:50%;*/
    display:inline-block;
}

/*#formQuestionListing > li.formField.hasFBpagebreak {}*/

#formQuestionListing > li input {padding: 4px 6px;}

#formQuestionListing > li li label {
    padding: 0;
}

#formQuestionListing > li:hover {
    /*background-color: #ddd;*/
}


.checkboxExampleVertical ,
.radioExampleVertical,
.checkboxExampleVertical,
.radioExampleVertical {
    list-style-type: none;
}

.checkboxExampleVertical li,
.radioExampleVertical li,
#formQuestionListing li .checkboxExampleVertical li,
#formQuestionListing li .radioExampleVertical li {
    padding: 5px;
}

.radioExampleHorizontal li,
.checkboxExampleHorizontal li,
#formQuestionListing li .radioExampleHorizontal li,
#formQuestionListing li .checkboxExampleHorizontal li {
    padding: 5px;
    display: inline-block;
}

#formQuestionListing li.dragged,
.checkboxExampleHorizontal li.dragged,
.checkboxExampleVertical li.dragged,
.radioExampleHorizontal li.dragged,
.radioExampleVertical li.dragged {
    position:absolute;
    padding: 10px 5px;
}

#formQuestionListing li.placeholder,
.checkboxExampleHorizontal li.placeholder,
.checkboxExampleVertical li.placeholder,
.radioExampleHorizontal li.placeholder,
.radioExampleVertical li.placeholder {
    padding: 10px 5px;
}

#formQuestionListingBG {
    z-index: 1;
    position: absolute;
    bottom: 380px;
    margin: 10%;
}

#formQuestionListingBG .bgMessage {
    font-size: 24px;
    color: #bbb;
    font-style: italic;
}

#formQuestionListing li .hasBtnEdit {
}

#formQuestionListing li button.btnEdit, #formQuestionListing li button,  {
    margin-right: 8px;
    margin-top: -6px;
}

#formQuestionListing li button.btnDel {
    display: none;
    visibility: hidden;
}

    #formQuestionListing li:hover button.btnDel {
        display: inline-block;
        visibility: visible;
    }

.fbValidation1 {
    display:inline-block;
    width:100%;
    margin-bottom: -5px;
}

@media (min-width: 768px){
    .fbValidation1 {
        display:none!important;
        opacity:0;
        visibility: hidden;
        height:1px;
        overflow:hidden;
        padding:0;
        line-height:1px;
        margin:0;
    }
}


.fbValidation2.tooltip.right {
    opacity:0;
}

.fbValidation2.validationSecond, .fbValidation2.validationSecond.tooltip.right{
    top:55%;
}

@media (min-width: 768px){
    .fbValidation2.tooltip.right {
        left:100%;
        top: 5px;
        opacity:1;
        z-index:20;
       /* width:230px;*/
    }

    .fbValidation2.validationSecond, .fbValidation2.validationSecond.tooltip.right{
        top:55%;
    }

        .fbValidation2.tooltip.right .tooltip-arrow {
            border-right-color:#a94442;
        }

        .fbValidation2.tooltip.right .tooltip-inner {
            padding: 20px;
            background-color: #a94442;
            width: 200px;
        }
}

/* end form builder */

#tableContainerForQuestionLimiting{
    margin-top:2px;
}
.addMultipleChoiceColumn1.faded {
    background-color: #ddd;
    opacity: 0.4;
}

    .addMultipleChoiceColumn1 h4 {
        margin-bottom: 10px;
        margin-top: 10px;
    }

.addMultipleChoiceColumn2 .addOptionWrapper {

}

.quickSearch_results ul li:hover{
    background-color: #c0c0c0;
    cursor: pointer;
}

.applyStep1{
    width: 350px;
    margin:20px auto;
}

.applicationProgressSidebarList {
    /*counter-reset: statusCounter;*/
    list-style-type:none;
    padding-left:0;
    margin-left:0;
    margin-top: 25px;
}

.applicationProgressSidebarList li {
    font-size:14px;
    margin-left: -15px;
    margin-right:-15px;
    padding:0;
    border-bottom:1px solid #ccc;
}

.applicationProgressSidebarList li:first-child {
    border-top:1px solid #ccc;
}

.applicationProgressSidebarList li a {
    display: inline-block;
    padding: 10px 10px 10px 50px;
    color:#222;
    width:100%;
    max-width:100%;
}

.applicationProgressSidebarList li a:hover, .applicationProgressSidebarList li a:active {
    background-color:#efefef;
    text-decoration:none;
}

.applicationProgressSidebarList li a:before {
    /*content: counter(statusCounter);
    counter-increment: statusCounter;*/
    display: inline-block;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: top;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    font-size: 24px;
    speak: none;
    font-family:'FontAwesome', sans-serif;
    margin: 0 9px 0 -30px;
}

    .applicationProgressSidebarList li.complete a:before {
        content: "\f14a"; /* font awesome 3 .icon-check-sign */
        color:#419641;
    }
    .applicationProgressSidebarList li.incomplete a:before {
        content: "\f096"; /* font awesome 3 .icon-check-empty */
        font-size:26px;
        /*color:#c12e2a;*/
    }

    .applicationFormSectionNumber{
        padding:20px;
        width:80px;
        height:80px;
        text-align: center;
        color:#222;
        border: 3px solid #222;
        background-color:#bbb;
    }


.workspaceWidgetUploadedFiles {
    list-style-type:none;
    padding-left:0
}

.workspaceWidgetUploadedFiles h1,
.workspaceWidgetUploadedFiles h2,
.workspaceWidgetUploadedFiles h3,
.workspaceWidgetUploadedFiles h4,
.workspaceWidgetUploadedFiles h5,
.workspaceWidgetUploadedFiles h6 {
    margin-bottom:1px;
    margin-top:5px;
    font-size:15px;
}

.workspaceWidgetUploadedFiles img.fileTypeIcon {
    padding-right:5px;
    margin-right: -10px;
}

.membershipCategoryLogo {
    width:100%;
    max-width:100%;
}

.testQuestion, .testQuestion p {
    font-size: 14px;
}

.testQuestion textarea, .testQuestion textarea p  {
    font-size: 14px;
}

.formQuestionWrap .questionText, .formQuestionWrap .questionText p, .formQuestionWrap p,
.formQuestionWrap .subHeaderText, .formQuestionWrap .subHeaderText p  {
    /*font-size: 16px;
    line-height: 18px;*/
}

.formQuestionWrap .questionText {
    /*width: 50%;*/
}

.formQuestionWrap .subHeaderText {margin-bottom:30px;}

.qOutputWrap {
    position: relative;
    width: 100%;
    display: block;
    vertical-align: top;
    float: left;
}

.qOutputWrap.header {
    width:100%;
    display:block;
}

    .qOutputWrap .well {
        /*height: 430px;*/
    }


    .qOutputWrap.multiple-radio-vertical label input,
    .qOutputWrap.multiple-radio-horizontal label input,
    .qOutputWrap.multiple-checkbox-vertical label input,
    .qOutputWrap.multiple-checkbox-horizontal label input {
        margin-right:5px;
    }



.analyticsTopBucket {
    padding:10px;
}

.analyticsTopBucket .analyticsData {
    font-size:22px;
    font-weight: bold;
}

    .analyticsTopBucket_1 {
        background: #7cc9b9;
        color:#fff;
    }

    .analyticsTopBucket_2 {
        background: #2ea8cf;
        color:#fff;
    }

    .analyticsTopBucket_3 {
        background: #b9539a;
        color:#fff;
    }

    .analyticsTopBucket_4 {
        background: #f6bd53;
        color:#fff;
    }

    .analyticsTopBucket_5 {
        background: #7cc9b9;
        color:#fff;
    }

    .analyticsTopBucket_6 {
        background: #b9539a;
        color:#fff;
    }

    .analyticsTopBucket_7 {
        background: #f6bd53;
        color:#fff;
    }

    .analyticsTopBucket_8 {
        background: #99ccff;
        color:#fff;
    }

    .analyticsTopBucket_9 {
        background: #3399ff;
        color:#fff;
    }



.quizHistoryQuizName{
    background: #006dcc;
    color:#fff;
    padding: 15px 10px 8px;
    min-height:130px;
}

a.widget-content.ampLinkWidget {
    display:block;
    color:#333;
    cursor:pointer;
}

a.widget-content.ampLinkWidget img.logo{
    width:100%;
    max-width:100%;
}

a.widget-content.ampLinkWidget:hover{
    background-color: #efefef;
}

a.widget-content.ampLinkWidget .icon.largeDashIcon {
    margin-left:auto;
    margin-right:auto;
}

#dashWidgetsWrapper a.widget-content.ampLinkWidget {
    /*margin-top:40px;*/
}

a.blockLink {display:block;}

.ampChartsJSBarChart{
    width:100%;
    height:450px;
}
 .chartsJsYlabel {
    display:block;
    -webkit-transform: rotate(-90deg) translateY(-50px) translateX(-125px);
    -moz-transform:    rotate(-90deg) translateY(-50px) translateX(-125px);
    -ms-transform:     rotate(-90deg) translateY(-50px) translateX(-125px);
    -o-transform:      rotate(-90deg) translateY(-50px) translateX(-125px);
    margin:0;
    width:200px;
    margin-top:0px;
}


/* fancy radio buttons */

input[type=radio].fancyCheckRadio, input[type=checkbox].fancyCheckRadio{
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=radio].fancyCheckRadio + label.fancyCheckLabel,  input[type=checkbox].fancyCheckRadio + label.fancyCheckLabel{
    padding-left:35px;
    height:30px;
    display:inline-block;
    line-height:30px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:18px;
    vertical-align:middle;
    cursor:pointer;
}

input[type=radio].fancyCheckRadio:checked + label.fancyCheckLabel, input[type=checkbox].fancyCheckRadio:checked + label.fancyCheckLabel {
    background-position: 0 -30px;
}
label.fancyCheckLabel {
    background-image:url(/assets/images/fancyCheckedRadio.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* nested lists with tree-like styling */

ul.nestedListsTree, ul.nestedListsTree ul{
    font: normal normal 14px/20px, sans-serif;
    list-style-type: none;
    margin: 0 0 0 10px;
    padding: 0;
    position: relative;
    overflow:hidden;
}

ul.nestedListsTree li{
    margin: 0;
    padding: 20px 12px 0;
    position: relative;
}

ul.nestedListsTree li::before,
ul.nestedListsTree li::after{
    content: '';
    position: absolute;
    left: 0;
}

ul.nestedListsTree > li:first-child::before,
ul.nestedListsTree > li:first-child::after{
    content: none;
}

/* horizontal line on inner list items */
ul.nestedListsTree li::before{
    border-top: 1px solid #999;
    top: 31px;
    width: 10px;
    height: 0;
}

/* vertical line on list items */
ul.nestedListsTree li:after{
    border-left: 1px solid #999;
    height: 100%;
    width: 0;
    top: -10px;
}

/* lower line on list items from the first level because they don't have parents */
ul.nestedListsTree > li::after{
    top: 20px;
}

/* hide line from the last of the first level list items */
ul.nestedListsTree > li:last-child::after{
    display: none;
}

ul.nestedListsTree li.onlyChildWithOnlyChild::after {
    height:50%;
}


/* full table cell links */

table a.fullTableCellLink {
    display: block;
    padding: 8px;
    margin: -8px;
    position:relative;

}

    table.table-condensed a.fullTableCellLink {
        padding:5px;
        margin:-5px;
    }

/* quiz timers */

.quizTimer {font-size: 30px; line-height:30px; text-align:center}
.quizTimer small {font-size:16px;}

.tableStatusCol {min-width: 120px;}

.membershipHighlights {
    /*float: right;
    width: auto;
    text-align: right;*/
    color: #333;
}
.membershipHighlights .membershipHighlightsLeft {}
.membershipHighlights .membershipHighlightsRight {
    text-align:right;
}

.membershipHighlights .membershipHighlightsRight .membStatusBadge,
.assignmentStatusBadge{
    display: inline-block;
    width: auto;
    background: #fff;
    padding: 20px;
}

.assignmentStatusBadge {
    border: 1px solid #333;
    border-radius: 10px;
    padding:10px;
    width:100%;
    text-align:center;
}

.membershipHighlights .membershipHighlightsRight .membStatusBadge span {
    font-size: 2em;
}

.assignmentStatusBadge span{
    font-size: 1.5em;
}

.membershipHighlights .applicationBtns {
    margin-top:40px;
    margin-bottom:10px;
}

/* crm dash logged in data */

#loggedInStatsWrapper{
    margin-top:20px;
    margin-bottom:20px;
    text-align:center;
}


/* directory supplier list simple inline boxes */

.memberDirSupplierList {
    margin-top:20px;
    margin-bottom:20px;
}

.memberDirSupplierList li.iBox {
    display: inline-block;
    margin-right: 10px;
    margin-bottom:10px;
    margin-left:0;
}

.memberDirSupplierList li.iBox a{
    border: 1px solid #333;
    border-radius: 3px;
    display:block;
    color:#333;
    padding: 10px 15px;
    margin:0;
}

.memberDirSupplierList li.iBox a:hover{
    border: 1px solid #333;
    border-radius: 3px;
    display:block;
    text-decoration:none;
    background-color:#f5f5f5;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

/* count up digits on crm dash */

#adminsLoggedInValue, #membersLoggedInValue, #nonMembersLoggedInValue  {
    font-size: 40px;
    margin-bottom: 8px;
    margin-top: 10px;
    color: #002a80;
}

#adminsLoggedInLabel, #membersLoggedInLabel, #nonMembersLoggedInLabel {
    margin-bottom: 10px;
}

.crmDashboardStatisticValue{
    font-size: 40px;
    margin-bottom: 8px;
    margin-top: 10px;
}

.crmDashboardStatisticLabel{
    margin-bottom: 10px;
}

.assignmentTestQuestion, .assignmentTestQuestion p{
    font-weight: bold;
}

.assignmentTestAnswer{
    padding-left: 10px;
}

.membSetupLogo{
    text-align: center;
    float:right;
    max-width:90%;
}

.membSetupLogo img.logo {
    margin-top:15px;
    margin-bottom:15px;
}


.membSetupLogo:after{
    content:'';
    display:table-cell;
    clear:both;
}

/* help link buttons (double-button style): */

.helpBtnGroup{
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#449d44));
    background-image: -webkit-linear-gradient(top, #5cb85c, 0%, #449d44, 100%);
    background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%);
    background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
    border-color: #419641;
    color:#fff;
    cursor:pointer;
    border-radius: 4px;
    margin-left:8px;
}

.helpBtnGroup:hover{
    z-index: 0;
    color: #ffffff;
    background-color: #006dcc;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    background-image: none;
    text-shadow: none;
}

.helpBtnGroup::after, .helpBtn::after{
    display:table;
    clear:both;
    content:'';
}

.helpBtnGroup.btn-group {
    display:inline-block;
}

.helpBtnGroup .helpIcon, .helpBtnGroup .helpIcon:hover {
    color: #e6e6e6;
    padding: 2px 3px;
    /*
    background-color: #333;
    border-color: #222;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#333), to(#222));
    background-image: -webkit-linear-gradient(top, #333, 0%, #222, 100%);
    background-image: -moz-linear-gradient(top, #333 0%, #222 100%);
    background-image: linear-gradient(to bottom, #333 0%, #222 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#222', GradientType=0);
    padding: 2px 3px;
    */

}

.helpBtnGroup .helpIcon .icon {
    margin-left:0;
    margin-right:0;
    font-weight: normal;
    text-shadow:none;
}

.helpBtnGroup .helpBtn, .helpBtnGroup .helpBtn:hover {
    background: transparent;
    color:#fff;
    padding: 2px 3px;
}


/* help link buttons (single-button style): */

.helpBtnSingle{
    padding:1px 3px;
    margin-left:8px;
    text-transform: uppercase;
}

.helpBtnSingleWrapper{
    position:relative;
    z-index:10;
}

.event-banner {
    max-width:100%;
}

.donorFlag,
.widget .widget-content.donorFlag{
    background-image: url('/assets/images/donorRibbon_pale.png');
    background-position: top right;
    background-repeat: no-repeat;
}

/* /////////////// */


/*------------------------------------------------------------------
[17. From Injectable Views]
(Styling for views that are also used for injections copied
here ** only as needed **.)
*/

.ampTopMargin {margin-top:10px;}
.ampBottomMargin {margin-bottom:10px;}
.ampTopBottomMargins {margin-top:10px;margin-bottom:10px;}

.ampAlignRight, .ampRightAlign{text-align:right;}
.ampAlignLeft, .ampLeftAlign{text-align:left;}
.ampAlignCenter, .ampCenterAlign{text-align:center;}

.ampClearFix{clear:both;}

.ampSearchFiltersGrid {
    /*border: 1px solid #ddd;
    margin:15px 0;*/
}

.ampSearchFiltersGrid .ampGridSquare {
    /*border: 1px solid #ddd;
    padding: 20px;*/
}

.ampScrollingContainer {
    height:250px;
    overflow-y: scroll;
    /*border: 1px solid #ddd;*/
}

.ampGridSquare .ampScrollingContainer  ul {
    margin:0;
    padding:0;
}

.ampGridSquare .ampScrollingContainer  ul li{
    margin:0;
    padding:0;
    list-style-type:none;
    cursor: pointer;
}

.ampGridSquare .ampScrollingContainer  ul li:hover,
.ampGridSquare .ampScrollingContainer  ul li.ampToggleOn{
    background-color: #ddd;
}

.ampFilterContainer ul {
    margin:0;
    padding:0;
}

.ampFilterContainer ul li{
    list-style-type:none;
    cursor: pointer;
    margin:0;
    padding:0;
}

.ampGridSquare .ampFilterContainer  ul li:hover,
.ampGridSquare .ampFilterContainer  ul li.ampToggleOn{
    background-color: #ddd;
}

.ampIcon {
    margin-right: .5em;
    margin-left: .5em;
}

.ampIcon.ampIconRight {margin-right:0;}
.ampIcon.ampIconLeft {margin-left:0;}

h1 .ampIcon:first-child,
h2 .ampIcon:first-child,
h3 .ampIcon:first-child,
h4 .ampIcon:first-child,
h5 .ampIcon:first-child,
h6 .ampIcon:first-child {
    margin-left:0;
}

.ampPhoneNum {}
.ampPhoneNum input.ampPhoneAreaCode {width:14%; max-width:14%; margin-right:1%;}
.ampPhoneNum input.ampPhoneSeven {width:59%; max-width:59%; margin-right:1%;}
.ampPhoneNum input.ampPhoneExt {width:25%; max-width:25%; margin-right:0;}

.form-group .ampPush {display:inline-block; margin-top:7px;}


.ampTable {}
.ampTable thead tr th {}
.ampTable tbody th.td {
    font-weight: bold;
    text-align: left;
    font-size: 13px;
    background: transparent;
    color: #333;
    padding: 8px;
}

/* member inbox: unread item(bold) / read item (normal) */

.viewReceived0 {
    font-weight: bold;
}
.viewReceived1 {
    font-weight: normal;
}

.hiddenForSetup { display: none; }

/* HRI report a problem */

.alertBackgroundYellow {
    background-color:#feeab4;
    text-align:center;
    padding:5px;
}

.alertBackgroundYellow a:link,
.alertBackgroundYellow a:visited,
.alertBackgroundYellow a:hover,
.alertBackgroundYellow a:active,
.alertBackgroundYellow a .icon {
    color: #000000;
}

/* Style to override Datatable CSS*/
.navbar{
    margin-bottom: 0;
}

.dataTables_filter .btn{
    margin-left: 10px;
    color:#fff;
}
ul.pagination li.active a,.dataTables_filter .btn{
    background-color: #28ABE1 !important;
    border-color: #28ABE1 !important;

}

.dataTables_processing img{
    padding: 0 15px;
}

.btn-m365, .btn-m365:hover, .btn-m365:focus, .btn-m365:active, .btn-m365:visited  {
    background-color: #28ABE1;
    border-color: #28ABE1;
    color: #FFFFFF;
}
.btn-m365.disabled:hover,
.btn-m365.disabled:focus,
.btn-m365.disabled:active,
.btn-m365.disabled.active,
.btn-m365[disabled]:hover,
.btn-m365[disabled]:focus,
.btn-m365[disabled]:active,
.btn-m365[disabled].active,
fieldset[disabled] .btn-m365:hover,
fieldset[disabled] .btn-m365:focus,
fieldset[disabled] .btn-m365:active,
fieldset[disabled] .btn-m365.active {
    background-color: #28ABE1;
    border-color: #28ABE1;
}

.add-fundraising .bootstrap-tagsinput span[data-role="remove"]{
    font-size: 70% !important;
}
.add-fundraising .bootstrap-tagsinput .label{
    font-size: 120% !important;
}
.designatedAmounts button{
    margin:0 5px 5px 0;
}

.float-left{
    float: left;
}

.btn-designated-amount-fund{
    margin-bottom: 10px;
}
.btn-m365-lg{
    border-color: #337ab7;
    background-color: #f2f2f2;
    color: #000;
    padding: 10px 15px;
    margin: 0 0.5em 0 0;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 3px !important;
    margin-bottom: 5px;
}
.btn-m365-lg.active{
    background-color: #0055cc;
    color: #FFF !important;
}


/* EAAT Dashboard Alert Colours */

.alert-eaat-tc{
    color: red !important;
}

/* /////////////// */
/* Frequency Button for ARB options */
.frequency-btn{
    border-color: #337ab7;
    background-color: #f2f2f2;
    color: #000;
    padding: 10px 15px;
    margin: 0 0.5em 0 0;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 3px !important;
    margin-bottom: 5px;
}

.frequency-btn.active{
    color: #FFF !important;
}

select[disabled] {
    cursor: not-allowed;
}
input[disabled] {
    cursor: not-allowed !important;
}