/* Minification failed. Returning unminified contents.
(3406,29): run-time error CSS1027: Expected semi-colon or close brace, found '('
 */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/* =========== CUSTOM ADDITIONS =============== */

ul {     
    list-style: none;
}
a {
    text-decoration: none;
}
a.disabled:hover {
    cursor:text;    
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

html  {
    height:100%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    overflow:auto;
}    
body {
    margin: 0;
    padding: 0;
    font-family: "Century Gothic", verdana, sans-serif;
    color: #333;
    background:#303030;
    font-size: 13px;
    height:100%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
h1, h2, h3, h4, h5, h6 {
    font-weight:lighter;
    color:#4e4e4e;
}    
h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:13px; }
h5 { font-size:13px; }
h6 { font-size:10px; }

a { color:#52a3d8; }
a:visited { color:#52a3d8; }
a:hover { color:#01A; }
a.pointer { cursor: pointer; }

hr {
    line-height:1px;
    height:0px;
    border-top:1px solid #d0d0d0;
    border-bottom:1px solid #fff;
    padding:0;
    margin:20px 0;
    width:100%;
} 

.hidden { display:none; }
.hide { display:none; }
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.pull-right {
  float:right;    
}
.pull-left {
  float:left;    
}    
.muted {
  color:#999;    
}
.or {
  padding:10px 0;    
}    

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.important-number {
  padding: 0;
  font-size: 52px;
  line-height: 75px;
  font-weight: bold;
  color: #638999;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

.important-number.small {
  font-size: 20px;
  line-height: initial;
  line-height: normal;
}

.important-header {
  color:#505050;    
  font-size:24px;
  line-height:32px;      
  text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}
    
.semi-important-number {
  padding: 0;
  font-size: 34px;
  line-height: 45px;
  font-weight: bold;
  color: #dcb268;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.semi-important-number.small {
  font-size: 14px;
  line-height: 22px;
  text-shadow: none;
}

/* ============ Banner/Header ===========*/

header[role=banner] {
    z-index:1000;
    position:fixed;
    top:0;
    left:0;
    height:40px;
    width:100%;
    color:#eee;
    -moz-box-sizing:border-box;
    box-sizing: border-box;

    background-color: #2b2b2b;
    background-image: -webkit-linear-gradient(bottom, #1f1f1f 0%, #2b2b2b 100%);
    background-image:    -moz-linear-gradient(bottom, #1f1f1f 0%, #2b2b2b 100%);
    background-image:     -ms-linear-gradient(bottom, #1f1f1f 0%, #2b2b2b 100%);
    background-image:         linear-gradient(bottom, #1f1f1f 0%, #2b2b2b 100%);
    border-bottom: 1px solid #000;
    -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 1px 3px rgba(0, 0, 0, 0.75);
       -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 1px 3px rgba(0, 0, 0, 0.75);
            box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 1px 10px rgba(0, 0, 0, 0.75);
}

header[role=banner] .container {
    margin:0 auto;
    height:40px;
    width:980px;
}

header.conversions-warning {
    background-color: #52a3d8;
    color: #ffffff;
    background-image:none;
}

.conversions-warning div {
    margin: 0 auto;
    width: 980px;
    padding: 12px;
    font-weight: normal;
}

.conversions-warning a {
    color: #ffffff;
}

header[role=banner]:not(.hidden) + header[role=banner] {
    top: 40px;
}

header[role=banner] .container h1 {
    float:left;
    margin-left:10px;
    display: flex;
    align-items: center;
}    
header[role=banner] .container h1 a {
    display:inline-block;
    line-height:40px;
    width:225px;
    height:40px;
    background: url("../Images/header-logo.png") left center no-repeat;
}

header[role=banner] .container .toolbar {
    float:right;
    width:160px;
    margin:4px 3px 0 0;
}
    
header[role=banner] .container .toolbar a[role=button] {
    float:left;
    height:30px;
    width:50px;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background:url("../Images/header-toolbar.png") 0 0 no-repeat;
    outline:none;
}

header[role=banner] .container .toolbar .alerts a[role=button] { background-position:-50px 0px; }
header[role=banner] .container .toolbar .help a[role=button] { background-position:0px 0px; }    
header[role=banner] .container .toolbar .user a[role=button] { background-position:-100px 0px; }

header[role=banner] .container .toolbar .alerts.open a[role=button] { background-position:-50px -30px; }
header[role=banner] .container .toolbar .help.open a[role=button] { background-position:0px -30px; }    
header[role=banner] .container .toolbar .user.open a[role=button] { background-position:-100px -30px; }

.toolbar .dropdown-menu {
    right: -11px;
}

/* ============ Container for main nav and content ===========*/

div[role=container] {
    width:980px;
    z-index:500;
    margin:0px auto 0px auto;    
    padding:60px 0 20px 0;
}

header[role=banner]:not(.hidden) + header[role=banner] + div[role=container] {
    padding: 100px 0 20px 0;
}

/* ============ Main Navigation ===========*/

nav[role=navigation] {
    position: fixed;
    top: 60px;
    float: left;
    width: 40px;
    margin: 0 0 0 2px;
    z-index:550;
}

header[role=banner] + header[role=banner] + div[role=container] > nav[role=navigation] {
    top: 100px;
}

nav[role=navigation] ul.areas > li {
    position:relative;
}

nav[role=navigation] ul.areas > li > a {
    display: block;
    width: 40px;
    height: 50px;
    text-indent: -9999px;
    background: url("../Images/nav-sprite-smh.png") no-repeat;
    -webkit-transition: opacity .3s ease-out;
       -moz-transition: opacity .3s ease-out;
            transition: opacity .3s ease-out;
    opacity:0.5;
    outline:0;    
}

nav[role=navigation] ul.areas > li.open > a {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius:5px;
}

nav[role=navigation] ul.areas > li.home > a { background-position:0 0; }    
nav[role=navigation] ul.areas > li.constituents > a { background-position:0 -50px; }    
nav[role=navigation] ul.areas > li.transactions > a { background-position:0 -100px; }    
nav[role=navigation] ul.areas > li.reports > a { background-position:0 -150px; }    
nav[role=navigation] ul.areas > li.letters > a { background-position:0 -200px; }    
nav[role=navigation] ul.areas > li.web > a { background-position:0 -250px; }    
nav[role=navigation] ul.areas > li.imports > a { background-position:0 -300px; }    
nav[role=navigation] ul.areas > li.settings > a,
nav[role=navigation] ul.areas > li.admin-utilities > a { background-position:0 -350px; }    
nav[role=navigation] ul.areas > li.emails > a { background-position:0 -400px; }    
nav[role=navigation] ul.areas > li.admin-databases > a { background-position:0 -450px; }    
nav[role=navigation] ul.areas > li.admin-users > a { background-position:0 -500px; }    
nav[role=navigation] ul.areas > li.social-media-hub > a { background-position:0 -550px; }    
nav[role=navigation] ul.areas > li.admin-qa > a { background-position:0 -600px; }    

nav[role=navigation] ul.areas > li.active.home > a,
nav[role=navigation] ul.areas > li.home > a:hover,
nav[role=navigation] ul.areas > li.home > a.open { background-position:-40px 0; }

nav[role=navigation] ul.areas > li.active.constituents > a,
nav[role=navigation] ul.areas > li.constituents > a:hover,
nav[role=navigation] ul.areas > li.constituents > a.open { background-position:-40px -50px; }

nav[role=navigation] ul.areas > li.active.transactions > a,
nav[role=navigation] ul.areas > li.transactions > a:hover,
nav[role=navigation] ul.areas > li.transactions > a.open { background-position:-40px -100px; }    

nav[role=navigation] ul.areas > li.active.reports > a,
nav[role=navigation] ul.areas > li.reports > a:hover,
nav[role=navigation] ul.areas > li.reports > a.open { background-position:-40px -150px; }    

nav[role=navigation] ul.areas > li.active.letters > a,
nav[role=navigation] ul.areas > li.letters > a:hover,
nav[role=navigation] ul.areas > li.letters > a.open { background-position:-40px -200px; }    

nav[role=navigation] ul.areas > li.active.web > a,
nav[role=navigation] ul.areas > li.web > a:hover,
nav[role=navigation] ul.areas > li.web > a.open { background-position:-40px -250px; }    

nav[role=navigation] ul.areas > li.active.imports > a,
nav[role=navigation] ul.areas > li.imports > a:hover,
nav[role=navigation] ul.areas > li.imports > a.open { background-position:-40px -300px; }    

nav[role=navigation] ul.areas > li.active.settings > a,
nav[role=navigation] ul.areas > li.settings > a:hover,
nav[role=navigation] ul.areas > li.settings > a.open,
nav[role=navigation] ul.areas > li.active.admin-utilities > a,
nav[role=navigation] ul.areas > li.admin-utilities > a:hover,
nav[role=navigation] ul.areas > li.admin-utilities > a.open { background-position:-40px -350px; }    

nav[role=navigation] ul.areas > li.active.emails > a,
nav[role=navigation] ul.areas > li.emails > a:hover,
nav[role=navigation] ul.areas > li.emails > a.open { background-position:-40px -400px; }    

nav[role=navigation] ul.areas > li.active.admin-databases > a,
nav[role=navigation] ul.areas > li.admin-databases > a:hover,
nav[role=navigation] ul.areas > li.admin-databases > a.open { background-position:-40px -450px; }    

nav[role=navigation] ul.areas > li.active.admin-users > a,
nav[role=navigation] ul.areas > li.admin-users > a:hover,
nav[role=navigation] ul.areas > li.admin-users > a.open { background-position:-40px -500px; }    

nav[role=navigation] ul.areas > li.active.social-media-hub > a,
nav[role=navigation] ul.areas > li.social-media-hub > a:hover,
nav[role=navigation] ul.areas > li.social-media-hub > a.open { background-position:-40px -550px; }    

nav[role=navigation] ul.areas > li.active.admin-qa > a,
nav[role=navigation] ul.areas > li.admin-qa > a:hover { background-position:-40px -600px; }    

nav[role=navigation] ul.areas > li.active > a,
nav[role=navigation] ul.areas > li > a.open,     /* slideout is open*/
nav[role=navigation] ul.areas > li > a:hover {
    opacity: 1.0;
}    

nav[role=navigation] ul.areas > li.active::after {
    content: " ";
    position: absolute;
    right: -10px;
    top: 15px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #f3f3f3;
    border-bottom: 10px solid transparent;
}    

nav[role=navigation] ul.areas > li > a.open::after {
    content: " ";
    position: absolute;
    right: -14px;
    top: 10px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 15px solid #fff;
    border-bottom: 15px solid transparent;
}    

    
/* ============ Main Content Area ===========*/

div[role="main"] {
    z-index:550;
    width:880px;
    min-height:535px;
    padding:0 20px 20px 20px;
    background:#f3f3f3;
    border-radius:5px;
    margin:0 0 0 50px;
}    

/* ============ Page Title ===========*/

div[role="main"] header.main-title {
    z-index:551;
    width: 920px;
    position:relative;
    margin: 0 0 20px -20px;
    padding:10px 20px 10px 20px;

    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background-color: #e3e3e3;
    background-image: -webkit-linear-gradient(bottom, #e3e3e3 0%, #fdfdfd 100%);
    background-image:    -moz-linear-gradient(bottom, #e3e3e3 0%, #fdfdfd 100%);
    background-image:     -ms-linear-gradient(bottom, #e3e3e3 0%, #fdfdfd 100%);
    background-image:         linear-gradient(bottom, #e3e3e3 0%, #fdfdfd 100%);
    border-bottom: 1px solid #c1c1c1;
    -webkit-border-radius:5px 5px 0 0;
       -moz-border-radius:5px 5px 0 0;
            border-radius:5px 5px 0 0;
    -webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 0 #fff;
       -moz-box-shadow: 0 1px 0 #fff, inset 0 1px 0 #fff;
            box-shadow: 0 1px 0 #fff, inset 0 1px 0 #fff;
}

div[role="main"] header.main-title h1,
div[role="main"] header.main-title h2,
div[role="main"] header.main-title h3,
div[role="main"] header.main-title h4,
div[role="main"] header.main-title h5,
div[role="main"] header.main-title h6 {
    display:inline-block;
    height:24px;
    line-height:28px;
    color:#555;
}    

div[role="main"] header.main-title h2,
div[role="main"] header.main-title h3,
div[role="main"] header.main-title h4,
div[role="main"] header.main-title h5,
div[role="main"] header.main-title h6 {
    margin-left:25px;
    color:#888;
}
div[role="main"] header.main-title .btn-group {
    float:right;
    margin-left:20px;
}
div[role="main"] header.main-title .btn-group:last-child {
    margin-left:0;
}

div[role="main"] header.main-title #react-account-header + .btn-group {
    position:absolute;
    right:20px;
    bottom:9px;
}

/* !defualt section attributes */

div[role="main"] section {
    margin-bottom:20px;
}
section header .btn-group {
    float:right;
    margin-left:10px;
}
section footer {
    padding-top:10px;
}
div[role="main"] section section{
    margin-left:10px;
    margin-right:20px;
}
div[role="main"] section section.paper {
    margin-left: 0;
    margin-right: 0;
}

/* affixed sections */
div[role="main"] section.affix {
  top:120px;
  position:fixed;
}
div[role="main"] .column section.affix {
  width:400px;
}
div[role="main"] .column-thin section.affix {
  width:265px;    
}

div[role="main"] .btn-group.sticky.affix {
  position:fixed;
  top:40px;
  right:50%;
  margin-right:-471px;  
  z-index: 900;
  padding:10px;
  box-shadow:0 0 10px rgba(0,0,0,0.5);  
  border-radius:0 0 5px 5px;      
  border-bottom: 1px solid #000;

    background-color: #2b2b2b;
    background-image: -webkit-linear-gradient(bottom, #1f1f1f 0%, #2b2b2b 100%);
    background-image:    -moz-linear-gradient(bottom, #1f1f1f 0%, #2b2b2b 100%);
    background-image:     -ms-linear-gradient(bottom, #1f1f1f 0%, #2b2b2b 100%);
    background-image:         linear-gradient(bottom, #1f1f1f 0%, #2b2b2b 100%);
    border-bottom: 1px solid #000;
    -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 1px 3px rgba(0, 0, 0, 0.75);
       -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 1px 3px rgba(0, 0, 0, 0.75);
            box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 1px 10px rgba(0, 0, 0, 0.75);
  
} 

/* !section-group header */

div[role="main"] .section-group-header {
  margin:0 -20px 20px -20px;
  padding:20px;
  background:#e0e0e0;
  font-size:20px;
  border-bottom:1px solid #ccc;  
  border-top:1px solid #ccc;  
}

/* !section with no UI hints */

div[role="main"] section.unbounded > header {
    font-size:20px;
    line-height:30px;
}    

/* !section (white background) */

div[role="main"] section.light {
    background:#fff;
    border:1px solid #dfdfdf;
    box-shadow:0 1px 3px rgba(0,0,0,0.1);
    border-radius:5px;
    padding:15px 20px;
}
section.light > header {
    font-size:20px;
    line-height:30px;
    padding-bottom:10px;
}    
section.light > .subsection {
    padding-top:15px;    
    margin:20px -20px 0 -20px;
    padding:15px 20px 0 20px;
    border-top:1px solid #efefef;    
}

/* !section (fake paper) */

section.paper {
    position:relative;
    background: #fff url("../Images/paper-left-border.png") 25px 0 repeat-y;
    border: 1px solid #d4d4d4;
}
section.paper:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 1px;
    width: 99%;
    background: #fff;
    border: 1px solid #c7c7c7;
    border-top: none;
}    
section.paper:after {
    content: " ";
    position: absolute;
    left: 1px;
    bottom: -5px;
    height: 1px;
    width: 98%;
    background: #fff;
    border: 1px solid #bdbdbd;
    border-top: none;
}    
section.paper > header {
    font-size:20px;
    line-height:30px;

    line-height:50px;
    padding:0 15px;
    border-bottom:1px solid #d0e5ec;
    background:#fff;
}
section.paper > footer {
  padding:15px;
  display:block;
  position:relative;
  background:#fff;          
}
section.paper > ul {
  margin-bottom:20px;    
}    
section.paper > ul > li {
   position: relative;
  display: block;
  padding: 10px 15px 10px 40px;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
  color: #333333;
  border-bottom: 1px solid #d0e5ec;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
section.paper > ul > li > div.two-column > div.column > label,
section.paper > ul > li > label {
  display:block;
  line-height:13px;
  font-weight:bold;
  margin-bottom:5px;
  color:#888;
}    
section.paper > ul > li .btn-group {
  float:right;
}
section.paper > ul > li .label,
section.paper > ul > li .badge {
  line-height:20px;
}

section.paper > ul.data-list {
    margin-left: 20px;
}

section.paper > ul.data-list > li > label {
    color: black;
}

section.paper > div {
  margin-left: 40px;
}


/* !section (form layout) */

div[role="main"] section.form-container {
    margin: 20px 0;
    padding-bottom:20px;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-bottom: 1px solid #b1b1b1;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);     
}
  
div[role="main"] section.form-container > header {
    height: 30px;
    font-size:18px;
    font-weight:bold;
    line-height:30px;
    padding: 10px 20px;
    margin: 0;
    background-color: #f4f4f4;
    background-image: -webkit-linear-gradient(bottom, #eaeaea 0%, #fdfdfd 100%);
    background-image:    -moz-linear-gradient(bottom, #eaeaea 0%, #fdfdfd 100%);
    background-image:     -ms-linear-gradient(bottom, #eaeaea 0%, #fdfdfd 100%);
    background-image:         linear-gradient(bottom, #eaeaea 0%, #fdfdfd 100%);
    border-bottom: 1px solid #c1c1c1;
    -webkit-border-radius: 5px 5px 0px 0px;
       -moz-border-radius: 5px 5px 0px 0px;
            border-radius: 5px 5px 0px 0px;
    -webkit-box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #fafafa;
       -moz-box-shadow:  inset 0 1px 0 #fff, inset 0 -1px 0 #fafafa;
            box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #fafafa; 
}
div[role="main"] section.form-container > h2 {
    font-size:18px;
    line-height:30px;
    padding:10px 20px 0px 20px;
    margin:0;
}
div[role="main"] section.form-container > header .btn-group {
    float:right;
    border-radius:5px;
    -webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.15);
       -moz-box-shadow:1px 1px 4px rgba(0,0,0,0.15);
            box-shadow:1px 1px 4px rgba(0,0,0,0.15);
}

/* !form sections of related data */

div[role="main"] section.form-container section.related-record-info {
    padding:10px 20px 10px 20px;
    margin:0;
}
div[role="main"] section.form-container section.related-record-info > header {
    font-size:16px;
    padding:0px 0 0px 0;
    color:#666;
    font-weight:bold;
}
div[role="main"] section.form-container section.related-record-info > ul > li {
    border-top:1px solid #e3e3e3;
    padding:10px 0;
}    
div[role="main"] section.form-container section.related-record-info > ul > li:last-child {
    border-bottom:1px solid #e3e3e3;
}    
div[role="main"] section.form-container section.related-record-info .alert {
    margin-top:10px;    
}    


/* !section bounded w/ blue header */
div[role="main"] section.transaction-processor-account {
  margin:20px;
  display: block;
  line-height: 20px;
  border: 1px solid #e0e0e0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}    
div[role="main"] section.transaction-processor-account > header {
  line-height:40px;
  padding:0 15px;
  color:#fff;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
  background-color: #015E94;
  background-image: -webkit-linear-gradient(top, #3895CB, #015E94);
  background-image:    -moz-linear-gradient(top, #3895CB, #015E94);
  background-image:     -ms-linear-gradient(top, #3895CB, #015E94);
  background-image:         linear-gradient(top, #3895CB, #015E94);  
}

/* section spanning the full width */
div[role="main"] section.full-width {
    margin-left: 0;
    margin-right: 0;
}

    
/* !account search */

#account-search ul#search-results > li {
    position:relative;
    padding:10px 20px;
    margin:0 -20px;
    border-bottom:1px solid #efefef;
}
#account-search ul#search-results > li:hover {
    background:#f8f8f8;
    -webkit-box-shadow:inset 0 1px 0 #fff, inset 0 -1px 0 #fff;
       -moz-box-shadow:inset 0 1px 0 #fff, inset 0 -1px 0 #fff;
            box-shadow:inset 0 1px 0 #fff, inset 0 -1px 0 #fff;
}
#account-search ul#search-results > li:first-child {
    border-top:1px solid #efefef;
}
#account-search ul#search-results > li .info {
    float:left;
    width:350px;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
#account-search ul#search-results > li .info a {
    font-weight:bold;
}
#account-search ul#search-results > li .email {
    padding-top:5px;
}    
#account-search ul#search-results > li .address {
    float:left;
    font-size:11px;
    width:250px;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
#account-search ul#search-results > li .address > div {
    padding-top:5px;
}
#account-search ul#search-results > li .address > div:first-child {
    padding-top:0px;    
}
#account-search ul#search-results > li .phone {
    float:left;
    width:150px;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
#account-search ul#search-results > li .actions {
    float:right;
    width:50px;
    padding-top:4px;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align:right;
}
#account-search ul#search-results > li .actions .btn {
    padding-top:4px;    
    padding-bottom:4px;    
}

/* !popup search results list */

.modal-search-details{
  margin-top:10px;
}

ul.modal-search-results-list {
    padding:10px 0;
}
    
ul.modal-search-results-list > li {
    border-top:1px solid #e0e0e0;
    padding:10px 15px;
    margin:0 -15px;
    color:#666;
    font-size:12px;
}    
ul.modal-search-results-list > li:last-child {
    border-bottom:1px solid #e0e0e0;
}
ul.modal-search-results-list > li h3 {
    float:left;
    width:40%;
    margin:0;
    padding:0;
    line-height:30px;
}    
ul.modal-search-results-list > li .secondary-info {
    float:left;
    width:60%;
    line-height:30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}    

/* !basic column support (same size and thin/wide) */

.two-column {
    padding:0;    
}
.two-column:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }  /*clearfix*/
.two-column .column-wide {
    float:left;
    width:64%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.two-column .column-wide:first-child {
    margin-right:2%;
}    
.two-column .column-wide:last-child {
    margin-left:2%;
}    
.two-column .column-thin {
    float:left;
    width:34%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.two-column .column {
    float:left;
    width:49%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0;
}
.two-column .column:first-child {
    margin-right:1%;
}
.two-column .column:last-child {
    margin-left:1%;
}

.form-container .two-column .column > section:first-child,
.form-container .two-column .column-thin section:first-child,
.form-container .two-column .column-wide section:first-child {
  margin-top:20px;
}    


/* !standard record list pages */

ul.record-list {
    display:block;
}
ul.record-list > li {
    padding:5px 20px;
    margin:-1px -20px 0 -20px;
    
    margin-top:-1px;
    border-top:1px solid #efefef;
    border-bottom:1px solid #efefef;
}
ul.sortable > li {
  cursor:move;
}
ul.record-list > li.hover,
ul.record-list > li:hover {    
    background:#f8f8f8;
    -webkit-box-shadow:inset 0 1px 0 #fff, inset 0 -1px 0 #fff;
       -moz-box-shadow:inset 0 1px 0 #fff, inset 0 -1px 0 #fff;
            box-shadow:inset 0 1px 0 #fff, inset 0 -1px 0 #fff;
}
ul.record-list > li.inactive .name,
ul.record-list > li.inactive .labels {    
    font-style:italic;
    opacity:0.9;
}    
ul.record-list > li.inactive .name a {
    color:#888;
    font-weight:normal;
}    

ul.record-list > li.ui-sortable-helper {
    padding-left:20px;
    padding-right:20px;    
    margin-left:-20px;
    opacity:0.9;
    box-shadow:none;
    background:#aacf20;
    background:-webkit-gradient(linear, left top, left bottom, from(#aacf20), to(#6fad12));
    background:-webkit-linear-gradient(top, #aacf20, #6fad12);
    background:   -moz-linear-gradient(top, #aacf20, #6fad12);
    background:    -ms-linear-gradient(top, #aacf20, #6fad12);
    background:        linear-gradient(top, #aacf20, #6fad12);
    border-top:1px solid rgba(0,0,0,0.05);
    border-bottom:1px solid rgba(0,0,0,0.36);
}    
ul.record-list > li.ui-sortable-helper a {
  color:#fff;
}      

ul.record-list > li .name {
    float:left;
    width:60%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin:0;
    padding:0;
}
ul.record-list > li .name a {
    font-size: 16px;
    line-height:30px;
}
ul.record-list > li .actions {
    float:left;
    width:5%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0;
    margin:0;
    padding:3px 0 0 0;
    text-align:right;
}
ul.record-list > li .labels {
    float:left;
    width:35%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    min-height:1px;
}
ul.record-list > li .labels li {
    float:right;
    line-height:30px;
    padding:0 0 0 10px;
    color:#888;
    font-style:italic;
    font-size:12px;
}    
ul.record-list > li .labels li:last-child {
    padding:0;
}


/* For listing out data items (e.g. First Name = "Bob", Last Name = "Smith", etc) */
ul.data-list > li {
  padding:5px 15px;
  margin:-1px -20px 0 -20px;
  border-top:1px solid #efefef;
  border-bottom:1px solid #efefef;
  line-height:20px;
}
ul.data-list > li .btn-group {
  float:right;
  margin-top:-2px;  
}
ul.data-list > li.facebook {
  background: url("../Images/facebook32.png") 97% center no-repeat;    
}    
ul.data-list > li.twitter {
  background: url("../Images/twitter32.png") 97% center no-repeat;    
}
ul.data-list > li.linkedin {
  background: url("../Images/linkedin32.png") 97% center no-repeat;    
}
ul.data-list.split li {
    float:left;
    width:50%;
    margin:-1px -15px 0 -15px;
}
ul.data-list > li.compact {
  padding:7px 15px 5px 15px;
}
ul.data-list > li .value-segment {
  margin-right:15px;
}
ul.data-list > li > label {
  display: block;
  font-weight: bold;
}
ul.data-list span {
  display:inline-block;
}
.timelineEntryText {
  margin-left: 65px;
}
.timelineEntryText > a {
  display:block;
  font-weight:bold;
}
ul.data-list span.select2 span.selection {
  display:inline;
}

ul.data-list.padded {
  padding-left: 20px;
  padding-right: 20px;
}

ul.data-list.left-aligned > li {
  padding: 5px 20px;
}

.data-list-table-container {
  margin: 0 -20px;
}

.data-list-table {
  width: 100%;
  display: flex;
  flex-flow: column;
}

.data-list-table .data-list-row {
  display: flex;
  border-top: 1px solid #efefef;
}

.data-list-table .data-list-row:last-child {
  border-bottom: 1px solid #efefef;
}

.data-list-table .data-list-cell {
  box-sizing: border-box;
  line-height: 20px;
  padding: 5px 10px;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.data-list-table .data-list-cell:first-child {
  padding-left: 20px;
}

.data-list-table .data-list-cell:last-child {
  padding-right: 20px;
}

.data-list-table .data-list-cell label {
  display: block;
  font-weight: bold;
}

.data-list-table .label {
  font-size: inherit;
}

/* !a list where the bullets are check marks */

ul.checklist {
  margin:20px;    
}    
ul.checklist li {
  padding-left:30px;
  font-size:16px;
  line-height:30px;
  position:relative;  
}
ul.checklist li:before {
  font-family: FontAwesome;
  content: "\f046"; /*"\f00c";*/
  color: #92c248;
  font-size:24px;  
  position:absolute;
  left:0;
  top:3px;
}    

/* Standard bulleted list */

ul.bulleted {
  list-style-type:circle;
  margin:10px 0 10px 20px;  
}    


/* !standard paging summary/controls */

.pagination, .dataTables_info {
    font-size:14px;
    padding:10px 0;
}    
.pagination.top {
    padding-top:0;
}
.pagination.bottom,
.dataTables_info {
    padding-bottom:0;
}
.pagination .summary,
div.dataTables_wrapper .dataTables_info {
    float:left;
    width:40%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;    
    line-height:30px;
    color:#ababab;
    font-size:13px;
    font-style:italic;
}
.pagination .pages {
    float:left;
    width:60%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align:right;
}
.pagination .pages > ul,
div.dataTables_wrapper .dataTables_paginate {
    display: inline-block;
    height: 28px;
    padding: 0;
    margin: 0;
    background-color: #f7f8f7;
    background-image: -webkit-linear-gradient(bottom, #efefef 0%, #f7f8f7 100%);
    background-image:    -moz-linear-gradient(bottom, #efefef 0%, #f7f8f7 100%);
    background-image:     -ms-linear-gradient(bottom, #efefef 0%, #f7f8f7 100%);
    background-image:         linear-gradient(bottom, #efefef 0%, #f7f8f7 100%);
    border: 1px solid #cbcbcb;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 #fff;
       -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 0 #fff;
            box-shadow: inset 0 1px 0 #fff, 0 1px 0 #fff;
}
.pagination .pages > ul > li {
    display:inline;
}
.pagination .pages > ul > li > a, 
div.dataTables_wrapper .dataTables_paginate a.paginate_button,
div.dataTables_wrapper .dataTables_paginate span.ellipsis {
    float:left;
    display:block;
    height: 28px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    color: #474747;
    text-shadow: 0 1px 0 #fff;
    text-decoration: none;
    border-right:1px solid #dfdfdf;
}
.pagination .pages > ul > li.ellipses > a {
    color:#bbb;
}  

div.dataTables_paginate .ellipsis {
  cursor: default;
}
 
.pagination .pages > ul > li.active > a,
div.dataTables_wrapper .dataTables_paginate a.paginate_button.current
 {
    position: relative;
    top: -1px;
    left: -1px;
    color: #fff;
    text-shadow: 0 1px 1px #3f8e42;
    background: #92c248;
    border: 1px solid #3f8e42;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.pagination .pages > ul > li:last-child > a {
    border:none;
}

.pagination .pages > ul > li > a:hover,
div.dataTables_wrapper .dataTables_paginate a.paginate_button:hover {
    background:#efefef;
}
.pagination .pages > ul > li.ellipses > a:hover,
div.dataTables_wrapper .dataTables_paginate span.ellipses:hover {
    cursor:default;
    background-color: #f7f8f7;
    background-image: -webkit-linear-gradient(bottom, #efefef 0%, #f7f8f7 100%);
    background-image:    -moz-linear-gradient(bottom, #efefef 0%, #f7f8f7 100%);
    background-image:     -ms-linear-gradient(bottom, #efefef 0%, #f7f8f7 100%);
    background-image:         linear-gradient(bottom, #efefef 0%, #f7f8f7 100%);
}
.pagination .pages > ul > li.active > a:hover,
div.dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover {    
    background:#92c248;    
}

div.dataTables_wrapper .dataTables_paginate {
    margin-top: 15px;
}

div.dataTables_wrapper .dataTables_paginate a.paginate_button {
    box-sizing: content-box;
    min-width: 0;
    margin-left: 0;
    cursor: pointer;
}

div.dataTables_wrapper .dataTables_paginate a.paginate_button:hover {
    color: #474747 !important;
    border-color: #dfdfdf;
    cursor: pointer;
}

div.dataTables_wrapper .dataTables_paginate a.paginate_button.current,
div.dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover {
    color: #fff !important;
}

/* !loading spinners */

.loading {
    position:relative;
    font-size:18px;
    line-height:32px;
    padding:0;
    margin:0;
    padding-left:54px;
}
.loading img {
    position:absolute;
    vertical-align:middle;
    left:0px;
    top:12px;
}


/* various styles of alert */
.alert {
  padding: 20px;
  color: #c09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  line-height:18px;
  border: 1px solid #dcb268;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;

  -webkit-box-shadow: inset 0 0 10px #dcb268;
     -moz-box-shadow: inset 0 0 10px #dcb268;
          box-shadow: inset 0 0 10px #dcb268;         
}
.alert + .alert {
  margin-top:15px;    
}    
.alert header,
.alert h2,
.alert h3,
.alert h4 {
  margin:0 0 10px 0;
  font-weight:bold;
  color:inherit;
}
.alert header {
  font-size:20px;    
}    
.alert h4:last-child {
    margin:0;    
}
.alert p {
  margin-bottom:10px;    
}    

.alert p:last-child {
  margin-bottom:0px;    
}    
.alert h2:last-child,
.alert h3:last-child,
.alert h4:last-child {
  margin:0;    
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #75be76;
  -webkit-box-shadow: inset 0 0 10px #b3d3b0, 1px 1px 3px rgba(0,0,0,0.2);
     -moz-box-shadow: inset 0 0 10px #b3d3b0, 1px 1px 3px rgba(0,0,0,0.2);
          box-shadow: inset 0 0 10px #b3d3b0, 1px 1px 3px rgba(0,0,0,0.2);
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #dfa1a0;
  -webkit-box-shadow: inset 0 0 10px #dfa1a0;
     -moz-box-shadow: inset 0 0 10px #dfa1a0;
          box-shadow: inset 0 0 10px #dfa1a0;
  
}
.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #72b5c3;
  -webkit-box-shadow: inset 0 0 10px #72b5c3, 1px 1px 3px rgba(0,0,0,0.2);
     -moz-box-shadow: inset 0 0 10px #72b5c3, 1px 1px 3px rgba(0,0,0,0.2);
          box-shadow: inset 0 0 10px #72b5c3, 1px 1px 3px rgba(0,0,0,0.2);
}
.alert-attention {
  color:#333;    
  background:#aacf20;
  background:-webkit-gradient(linear, left top, left bottom, from(#aacf20), to(#6fad12));
  background:-webkit-linear-gradient(top, #aacf20, #6fad12);
  background:   -moz-linear-gradient(top, #aacf20, #6fad12);
  background:    -ms-linear-gradient(top, #aacf20, #6fad12);
  background:        linear-gradient(top, #aacf20, #6fad12);
}    
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}

.with-sidebar {
  width:635px; 
}

.info-text {
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
}


/* Tag UI */

.tag {
  display:inline-block;
  padding:5px 10px;
  margin:0 5px 5px 0;
  color:#717f83;
  background-color: #e9f1f5;
  background-image: -webkit-linear-gradient(#e9f1f5 0%, #d4e3e9 100%);
  background-image:    -moz-linear-gradient(#e9f1f5 0%, #d4e3e9 100%);
  background-image:     -ms-linear-gradient(#e9f1f5 0%, #d4e3e9 100%);
  background-image:         linear-gradient(#e9f1f5 0%, #d4e3e9 100%);
  border: 1px solid #75abbc;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.3);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.3);
          box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.3);
}
.tag.active {
  color: #fff;
  text-shadow: 0 1px 1px #2e6d36;
  border: 1px solid #2e6d36;
  background-color: #60a948;
  background-image: -webkit-linear-gradient(#97c448 0%, #60a948 100%);
  background-image:    -moz-linear-gradient(#97c448 0%, #60a948 100%);
  background-image:     -ms-linear-gradient(#97c448 0%, #60a948 100%);
  background-image:         linear-gradient(#97c448 0%, #60a948 100%);
}

.filtered-list section.light {
  float:left;
  width:635px;      
}
.filtered-list .tagpicker,
.filtered-list .looks-like-tagpicker {
  float:right;
  width:185px;
}

section.light p {
    font-size: 13px;
    margin-bottom: 10px;
}

.timestamp {
  display:inline-block;
  width:150px;      
}    

/* Number badges */

.label,
.badge {
  text-align:center;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align:middle;
  background-color: #afafaf;
}

.label {    
  display:inline-block;
  line-height:17px;
  padding: 0px 6px 0px 6px;
  vertical-align:baseline;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.badge {
  padding: 1px 9px 2px 9px;
  -webkit-border-radius: 9px;
     -moz-border-radius: 9px;
          border-radius: 9px;
}
.label.large {
  line-height:30px;
  font-size: 18px;
  padding:0 8px;
}    
a.label:hover,
a.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label-important,
.badge-important {
  background-color: #b94a48;
}
.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}
.label-warning,
.badge-warning {
  background-color: #f89406;
}
.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}

.label-currency,
.label-success,
.badge-currency,
.badge-success {
  background-color: #93c050;
}
.label-currency[href],
.label-success[href],
.badge-currency[href],
.badge-success[href] {
  background-color: #356635;
}
.label-info,
.badge-info {
  background-color: #3a87ad;
}
.label-info[href],
.badge-info[href] {
  background-color: #2d6987;
}
.label-inverse,
.badge-inverse {
  background-color: #333333;
}
.label-inverse[href],
.badge-inverse[href] {
  background-color: #1a1a1a;
}
.label-conversions {
    background-color: #2f96b4;
    margin-left: -45px;
}
.btn .label,
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-mini .label,
.btn-mini .badge {
  top: 0;
}

/* Hero units */
.hero-unit {
  padding: 25px;
  margin-bottom: 30px;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  background-color: #fff;
  border:1px solid #c0c0c0;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.15), inset 0 0 2px rgba(0,0,0,0.25);
     -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.15), inset 0 0 2px rgba(0,0,0,0.25);
          box-shadow: 1px 1px 5px rgba(0,0,0,0.15), inset 0 0 2px rgba(0,0,0,0.25);
}
.hero-unit h2 {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -1px;
  color: inherit;
}
.hero-unit h2 i {
  float:right;    
  font-size:24px;
  margin-left:10px;
  margin-top:-2px;  
  color:#444;
  color:#2f96b4;
  text-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
.hero-unit p {
  font-size: 13px;
  font-weight: 200;
  line-height: 18px;
  color: inherit;
}
.hero-unit.tiled {
  float:left;
  width:270px;
  height:200px;
  margin:10px;
}
.hero-unit.tiled.long {
  height:250px;    
}
.hero-unit.tiled.xlong {
  height:375px;    
}
.hero-unit.tiled.auto-height {
    height: auto;
}
.hero-unit.tiled:nth-child(3n+1) {  /* IE8 will just have to look not aligned. */
  margin-left:0px;
  margin-right:25px;  
}
.hero-unit.tiled:nth-child(3n+3) {
  margin-right:0px;  
  margin-left:25px;
}
.hero-unit.tiled .content {
  height:125px;    
}    
.hero-unit.tiled.long .content {
  height:175px;    
}
.hero-unit.tiled.xlong .content {
  height:300px;
}
.hero-unit.tiled.auto-height .content {
    height: auto;
}
.hero-unit .btn-group:not(.small) {
  text-align:right;
  -webkit-border-radius:5px;  
     -moz-border-radius:5px;  
          border-radius:5px;  
  -webkit-box-shadow:1px 1px 6px rgba(0,0,0,0.5);
     -moz-box-shadow:1px 1px 6px rgba(0,0,0,0.5);
          box-shadow:1px 1px 6px rgba(0,0,0,0.5);
}    
.hero-unit .btn-group:not(.small) .btn {
  display:block;    
}
.hero-unit.tiled ul {
    list-style: disc; 
    padding-left: 15px;
    padding-top: 5px;
}
.hero-unit.tiled li {
    padding: 5px;
}

/* Style for the timeline/record dots that we use everywhere */
.recent-entries .record-dot,
.timeline .record-dot,
.mailing .record-dot,
.mailing-interaction .record-dot {
  top:-2px;
  width: 32px;
  height: 32px;
  position:relative;
  display: block;
  font-size: 24px;
  line-height: 33px !important;
  text-align: center;
  padding:1px 0 1px 0;
  color: #fff;
  background: #93c050;   /* use the green for transactions by default */
  border: 2px solid #fff;
  -webkit-border-radius: 18px;
     -moz-border-radius: 18px;
          border-radius: 18px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);   
}    
.record-dot.note {
  background: #96948c;
}
.record-dot.interaction {
  background: #3ba4d6;
}
.record-dot.task-pending,
.record-dot.task-complete {
  background: #3ba4d6;
}
.record-dot.task-overdue {
  background: #b94a48;
}
.record-dot.task-inactive {
  background: #96948c;
}

/* DataTables.Net will create an additional set of headers when the table is set to scroll. We need them hidden! */
.task-list.report-wrapper {
  overflow: visible;
}

.task-list .dataTables_wrapper .dataTables_filter {
  position: relative;
  float: left;
  clear: both; /* IE Hack */
  margin-top: -97px;
}

.task-list.tagpicker {
  text-align: right;
}

.tagpicker .tag-group,
.looks-like-tagpicker .tag-group {
  margin-left: 10px;
  display: inline-block;
}

.tagpicker .tag-group a,
.looks-like-tagpicker .tag-group .tag {
  border-radius: 0px;
  margin-right: 0px;
  margin-left: 0px;
}

.tagpicker .tag-group a:first-child,
.looks-like-tagpicker .tag-group .tag:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.tagpicker .tag-group a:last-child,
.looks-like-tagpicker .tag-group .tag:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting:after {
  font-family: "FontAwesome";
  text-align: right;
  float: right;
  margin-left: 10px;
}

table.dataTable thead .sorting_asc:after {
  content: "\f0de";
}

table.dataTable thead .sorting_desc:after {
  content: "\f0dd";
}

table.dataTable thead .sorting:after {
  content: "\f0dc";
}

.task-list .dataTables_scroll {
  float: left; /* IE Hack */
  width: 100%;
  margin-top: -20px;
}

.dataTables_scrollBody th {
  font-size: 0 !important;
  line-height: 0 !important;
}

.dataTables_scrollBody {
  box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
  border-radius: 5px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 30px;
}

.report-wrapper .dataTables_wrapper.no-footer .dataTables_scrollBody,
.report-wrapper table.dataTable thead th, table.dataTable thead td {
  border-bottom: none;
}

.report-wrapper table.dataTable tbody th, .report-wrapper table.dataTable tbody td {
  padding: 0px;
}

table.report.cell-border td {
  border: none;
}

.report-wrapper.task-list table.dataTable tbody td.dataTables_empty {
  padding: 20px;
  font-size: 13px;
  min-height: 40px;
}

#taskList tr:not(:hover) > td.overdue {
  background: #f2dede;
}

#taskList td.overdue {
  box-shadow: 0px 0px 3px #f29696;
}

.dataTables_paginate .paginate_button.previous,
.dataTables_paginate .paginate_button.next {
  font-family: FontAwesome;
}

/* Progress bars */
.progress-bar {
  height: 30px;
  position: relative;
  margin:0px auto;
  -moz-box-sizing:border-box;
       box-sizing:border-box;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;

  border:1px solid #b0b0b0;
  background:#d6d6d6;  
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1), 0 1px 0 #fff;
     -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1), 0 1px 0 #fff;
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1), 0 1px 0 #fff;
}
.progress-bar > .progress {
  display:inline-block;
  float:left;
  height:28px;
  -moz-border-radius: 3px 0 0 3px;
       border-radius: 3px 0 0 3px;

  background-color: #4bb6dd;
  background-image: -webkit-linear-gradient(bottom, #39a9d6 0%, #4bb6dd 49%, #64c1e2 50%, #70cae6 100%);
  background-image:    -moz-linear-gradient(bottom, #39a9d6 0%, #4bb6dd 49%, #64c1e2 50%, #70cae6 100%);
  background-image:         linear-gradient(bottom, #39a9d6 0%, #4bb6dd 49%, #64c1e2 50%, #70cae6 100%);

  -webkit-box-shadow:inset 0 0 15px rgba(0,0,0,0.2);
     -moz-box-shadow:inset 0 0 15px rgba(0,0,0,0.2);
          box-shadow:inset 0 0 15px rgba(0,0,0,0.2);

  -webkit-transition: all 0.5s linear;
     -moz-transition: all 0.5s linear;
       -o-transition: all 0.5s linear;
          transition: all 0.5s linear;
}
.progress-bar .prompt {
  position:absolute;
  top:0;
  left:0px;  
  width:100%;
  font-size:16px;
  text-align:center;      
  line-height:30px;
  height:30px;
  color:#404040;
  text-shadow: 1px 1px 1px rgba(255,255,255,1.0);
  font-weight:bold;  
}

.tabs-group {
/*
  float: left;
  display: block;
*/
  display: inline-block;
  height:42px;
  -moz-box-sizing:border-box;
       box-sizing:border-box;
  padding: 0;
  margin: 0 0 10px 0;
  background-color: #f7f8f7;
  background-image: -webkit-linear-gradient(bottom, #efefef 0%, #f7f8f7 100%);
  background-image:    -moz-linear-gradient(bottom, #efefef 0%, #f7f8f7 100%);
  background-image:     -ms-linear-gradient(bottom, #efefef 0%, #f7f8f7 100%);
  background-image:         linear-gradient(bottom, #efefef 0%, #f7f8f7 100%);
  border: 1px solid #cbcbcb;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 #fff;
     -moz-box-shadow: inset 0 1px 0 #fff;
          box-shadow: inset 0 1px 0 #fff;
}
.tabs-group.wizard-tabs {
  margin-bottom:20px;    
}    
.tabs-group > a {
  float: left;
  display: block;
  cursor:pointer;  
  padding:0;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: bold;
  color: #474747;
  text-shadow: 0 1px 0 #fff;
  text-decoration: none;
  border-right:1px solid #e0e0e0;  

  -webkit-transition: all 0.35s linear;
     -moz-transition: all 0.35s linear;
      -ms-transition: all 0.35s linear;
       -o-transition: all 0.35s linear;
          transition: all 0.35s linear;
}
.tabs-group > a:last-child {
  border-right:none;  
}
.tabs-group > a.active {
  position:relative;
  top:-1px;
  height:42px;
  color: #fff;
  text-shadow: 0 1px 1px #3f8e42;
  background: #92c248;
  border: 1px solid #3f8e42;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}
.tabs-group > a.active:first-child {
  -webkit-border-radius:3px 0 0 3px;
     -moz-border-radius:3px 0 0 3px;
          border-radius:3px 0 0 3px;
}
.tabs-group > a.active:last-child {
  -webkit-border-radius:0 3px 3px 0;
     -moz-border-radius:0 3px 3px 0;
          border-radius:0 3px 3px 0;
}
.tabs-group > a.active::after {
	content: " ";
	position: absolute;
	bottom: -6px;
    left: 50%;
	width: 0;
	height: 0;
    margin-left:-4px;	
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;	
	border-top: 7px solid #89b643;
}    
.tabs-group > a.active::before {
	content: " ";
	position: absolute;
	bottom: -8px;
    left: 50%;
	width: 0;
	height: 0;
    margin-left:-5px;	
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;	
	border-top: 8px solid #3f8e42;
}    



.wizard .wizard-controls:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }  /*clearfix*/
.wizard .wizard-controls {
  margin-bottom:15px;    
}    
.wizard .wizard-controls .progress-bar {
  float:left;
  width:60%;
}    
.wizard .wizard-controls .btn-group {
  float:right;
}    

/* === TinyMCE Overrides === */
textarea.tinymce { width:100%; }
.mceToolbar > a { display:none; }
.mceToolbar span[role='listbox'] { margin-top:6px; }

.dino-jones {
  position:fixed;
  bottom:0;
  width:280px;
  height:280px;
  right:0px;
  background: url("../Images/dino-jones.png") center center no-repeat;
}

div[role="main"] section.form-container header > .btn-group.btn-left {
  float: none;
  display: inline-block;
  margin-left: 15px;
  vertical-align: top;
}
.active-pledges-recurring-donations .arrears {
  margin-left: 5px;
  color: red;
}
.active-pledges-recurring-donations .data-list li {
  padding-top: 10px;
  padding-bottom: 10px;
}
.active-pledges-recurring-donations .data-list .btn-group {
  margin-top: 5px;
}
.active-pledges-recurring-donations li > p {
  margin-bottom: 15px;
}
.active-pledges-recurring-donations li > p:last-child {
  margin-bottom: 0px;
}
.italic {
  font-style: italic;
}
/*Convert donation to payment modal*/
#convert-confirm {
  width: 700px;
  margin-left: -335px;
}
#convert-confirm .diff-table {
  display: table;
  text-align: center;
  margin: auto;
  border-spacing: 0px 10px;
  max-width: 100%;
  table-layout: fixed;
}
#convert-confirm .diff-table > div {
  display: table-cell;
  min-width: 230px;
  max-width: 230px;
}
#convert-confirm .diff-table > div h2 {
  margin: 5px 0px;
}
#convert-confirm .diff-table p {
  padding: 5px 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 20px;
}
#convert-confirm .diff-table a {
  margin-top: 15px;
}
#convert-confirm .diff-table #labels {
  font-weight: bold;
  color: #767676;
  min-width: 90px;
  max-width: 133px;
}
#convert-confirm #labels p.fund-mismatch,
#convert-confirm #labels p.appeal,
#convert-confirm #labels p.campaign,
#convert-confirm #labels p.nonDeductible,
#convert-confirm #labels p.quickbooks,
#convert-confirm #labels p.tribute {
  color: red;
}
#convert-confirm .donation p.fund-mismatch,
#convert-confirm .donation p.appeal,
#convert-confirm .donation p.campaign,
#convert-confirm .donation p.nonDeductible,
#convert-confirm .donation p.quickbooks,
#convert-confirm .donation p.tribute {
  text-decoration: line-through;
}

/* Mass Email Delivery Tracking */
.mailing,
.mailing-sent-details,
.mailing-interaction {
  line-height: 1.3;
}
section.light .mailing p,
section.light .mailing li, 
section.light .mailing-recipients-detail div.dataTables_info,
section.light .mailing-recipients-detail th,
section.light .mailing-recipients-detail td,
section.light .mailing-recipients-detail a,
section.light .mailing-interaction p,
section.light .mailing-interaction li,
section.light .mailing-interaction a {
  font-size: 14px;
}
.mailing .email-progress button:not(.not-yet),
.mailing .engagement a,
.mailing svg [class]{
  cursor: pointer;
}
.mailing-table {
  display: table;
  width: 100%;
}
.mailing-table > div {
  display: table-row;
}
.mailing-table > div > div { 
  display: table-cell;
  vertical-align: top;
}
.mailing-table > div:first-child {
  height: 100px;
}
.mailing-table > div > div:first-child {
  width: 230px;
  max-width: 230px;
  overflow:hidden;
  text-overflow: ellipsis;
}
.mailing .recipient-engagement {
  margin-bottom: 20px
}
.engagement li {
  padding: 5px 0px;
  border-bottom: 1px solid #efefef;
}
.mailing .engagement li > :first-child {
  display: inline-block;
  width: 60px;
  text-align: center;
}
.clicked-links a,
.clicked-links p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mailing .clicked-links {
  max-width: 378px;
  white-space: nowrap;
}
.mailing .clicked-links a {
  max-width: 318px;
  display: inline-block;
}
.mailing-interaction .engagement h2 {
  margin-bottom: 5px;
}
.mailing-interaction .mailing-interaction-header,
.mailing-interaction .engagement-metrics {
  padding-right: 50px;
}
.mailing-interaction .clicked-links {
  max-width: 558px;
}
.mailing-interaction .clicked-links a {
  display: block;
}
.mailing-interaction li > span {
  float: right;
}
.mailing-sent-details {
  text-align: center;
  display: inline-block;
  width: 100%;
}
.email-progress .record-dot {
  font-size: 20px;
  display: inline-block;
  top: 1px;
}
.email-progress button {
  background: none;
  border: none;
  vertical-align: top;
  outline: none;
  padding: 0px;
  width: 70px;
}
.mailing .email-progress button:not(.not-yet):hover i {
  box-shadow: 0 0 8px #93c050;
}
.mailing .email-progress button.bad:hover i {
  box-shadow: 0 0 8px red;
}
.email-progress div {
  width: 70px;
  text-align: center;
  display: inline-block;
}
.email-progress img {
  width: 80px;
}
.email-progress div+img {
  padding-bottom: 35px;
}
.email-progress button+img {
  padding-top: 15px;
}
.email-progress p {
  margin-top: 5px;
}
.email-progress .fa::before {
  position: relative;
}
.email-progress .fa-rocket::before {
  left: -1px;
}
.email-progress .fa-paper-plane::before {
  left: -2px;
}
.email-progress .fa-list::before {
  top: 1px;
}
.email-progress .fa-folder-open::before {
  left: 1px;
}
.email-progress .not-yet .record-dot {
  background: #ddd;
}
.email-progress .not-yet > p {
  visibility: hidden;
}
.email-progress .bad .record-dot {
  background: red;
}
.recipients-list h2 {
  display: inline-block;
  padding-top: 5px;
  vertical-align: middle;
}
.recipients-list h2+a {
  margin-left: 15px;
  vertical-align: bottom;
  padding-bottom: 1px;
  display: inline-block;
}
.recipients-list a {
  outline: none;
}
.recipients-list .btn-group{
  float: right;
  margin-left: 10px;
}
.recipients-list  .dataTables_wrapper {
  margin-top: 20px;
}
.recipients-list .dataTables_wrapper .dataTables_paginate {
  margin-top: 0px;
}
.recipients-list .dataTables_wrapper .dataTables_filter {
  display: inline-block;
  float: left;
}
.recipients-list .dataTables_wrapper .dataTables_info {
  display: inline-block;
  float: none;
  padding: 0px 10px;
  width: 60%;
}
.recipients-list .dataTables_wrapper .dataTables_filter input {
  margin-left: 0px;
}
.recipients-list .dataTables_wrapper table {
  margin: 10px 0px;
}
.recipients-list .dataTables_wrapper .dataTable-scroll {
  overflow-x: auto;
  clear: both;
}
.recipients-list table.dataTable.no-footer {
  border-bottom: none;
}
.recipients-list table.dataTable tbody td:not(.dataTables_empty){
  padding: 0px 10px;
}
/*override .carousel .next styles*/
.recipients-list .dataTables_wrapper .next {
  width: inherit;
  position: inherit;
}
.recipients-list th.header-accountnumber {  
  min-width: 135px;
}
.recipients-list th.header-url {
  min-width: 34px;
}
.recipients-list th.header-event {
  min-width: 55px;
}
.recipients-list th.header-constituent {
  min-width: 95px;
}
.recipients-list th.header-email {
  min-width: 106px;
}
.recipients-list th.header-emailinterests {
  min-width: 114px;
}
.recipients-list th.header-timestamp { 
  min-width: 100px;
}
.recipients-list th.header-attempts {
  min-width: 74px;
}
.recipients-list th.header-reason {
  min-width: 68px;
}    

/* Import verbiage table */
.import-table {
  display: table;
  border-spacing: 0px 5px;
  margin: -5px 0px;
}
.import-table div {
  display: table-row;
}
.import-table div > h3 {
  display: table-cell;
  line-height: 1.3;
}
.import-table div > h3:first-child {
  text-align: center;
  width: 10px;
  padding-right: 10px;
}
.import-table .duplicate > h3 {
  padding-top: 30px;
}

.modal-body.bigger-text,
.bigger-text.btn-group .btn {
  font-size: 16px;
  line-height: 1.5;
}

#license-area fieldset div.boolean,
#license-area fieldset div.endDate,
#license-area fieldset div.table-cell,
#license-area fieldset div.inline-field {
  display: table-cell;
  min-width: 85px;
  padding-bottom: 15px;
  padding-right: 15px;
}
#license-area .table-cell span {
  display: inline-block; 
  margin-top: 9px; 
  font-size: 14px;
}
.table-row {
  display: table-row;
}
.progress-bar.good > .progress {
  background: #93c050;
}
.progress-bar.ok > .progress {
  background: #f79518;
}
.progress-bar.bad > .progress {
  background: #d73232;
}
#reputation {
  margin-bottom: 25px;
}
#reputation > .prompt {
  color: white;
  text-shadow: 1px 1px 1px black;
}
.modal-body.bigger-text {
  font-size: 16px;
  line-height: 1.5;
}

/* Aplos field/button styles */
.aplos-status {
  font-size: 14px;
  padding-top: 10px;
}
.aplos-status .mismatch {
  color: #E69037;
}
input[type=text].aplos-fail {
  border-color: rgb(185, 74, 72);
}
button.aplos-fail {
  border-color: rgb(185, 74, 72);
}

/*Benevon styles*/
.benevon-logo-sm {
  width: 14px;
  padding: 3px 0;
  vertical-align: top;
}
.benevon-logo-lg {
  width: 30px;
  margin-right: 5px;
  vertical-align: top;
}
ul.sortable > li.benevon {
  cursor: auto;
}

/* Modal styles with bulleted lists */
ul.with-bullets {
  list-style: disc;
  padding-left: 40px;
}

.transaction-link .normal-text {
  color: #333;
}

.transaction-link .bold-label {
  font-weight: bold;
}

/* Schedule slideout for Pledges */
.installment-child-object {
  margin-top: 10px;
}

/* Styles for payment failures on the Pledge/Recurring Donation pages */
.payment-status-failed {
  color: #b94a48;
}

.payment-amount-failed {
  background-color: #b94a48;
}

.payment-failure-schedule-header {
  margin-bottom: 10px;
}

.payment-retry-date {
  padding-top: 15px;
}

.arrears-badge,
.auto-badge {
  margin-left: 5px;
}

.warning-text {
  color: #b94a48;
}
.btn {
position:relative;    
  display: inline-block;
  padding: 4px 14px;
  margin: 0;
  font-size: 13px;
  font-weight:normal;  
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  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(enabled = false);
  border: 1px solid #bbbbbb;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
}
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-large {
  padding: 9px 14px;
  font-size: 15px;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-large .fa {
  margin-top: 2px;
}
.btn-small {
  padding: 3px 9px;
  font-size: 11px;
  line-height: 18px;
}
.btn-small .fa {
  margin-top: 0;
}
.btn-mini {
  padding: 2px 6px;
  font-size: 10px;
  line-height: 17px;
}
.btn-mini[class*=fa-] {
  line-height: 17px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.btn-primary.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn {
  border-color: #c5c5c5;
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
.btn-plus {
  float: right;
  margin-top: 10px;
}
.btn-primary {    
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f96b4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
/*    
  color: #ffffff;
  background-color: #0044cc;
*/
  color: #ffffff;
  background-color: #2f96b4;
}
.btn-primary:active,
.btn-primary.active {
/*  background-color: #2d58ca \9;*/

  background-color: #24748c \9;
}
.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}
.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #92c248;
  background-image: -moz-linear-gradient(top, #92c248, #83af40);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92c248), to(#83af40));
  background-image: -webkit-linear-gradient(top, #92c248, #83af40);
  background-image: -o-linear-gradient(top, #92c248, #83af40);
  background-image: linear-gradient(to bottom, #92c248, #83af40);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #83af40;
  *background-color: #499249;
}
.btn-success:active,
.btn-success.active {
  background-color: #83af40 \9;
}
.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f96b4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}
.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}
button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #52a3d8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-link:hover {
  color: #297db5;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover {
  color: #333333;
  text-decoration: none;
}
.btn-group {
  position: relative;
  font-size: 0;
  vertical-align: middle;
  white-space: nowrap;
  *margin-left: .3em;
}
.btn-group:first-child {
  *margin-left: 0;
}
.btn-group + .btn-group {
  margin-left: 5px;
}
.btn-toolbar {
  font-size: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.btn-toolbar .btn-group {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}
.btn-toolbar .btn + .btn,
.btn-toolbar .btn-group + .btn,
.btn-toolbar .btn + .btn-group {
  margin-left: 5px;
}
.btn-group > .btn {
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group > .btn + .btn,
.react-style .btn-group > .btn + .dropdown-button > .btn:first-child {
  margin-left: -1px;
}
.btn-group > .btn,
.btn-group > .dropdown-menu {
  font-size: 13px;
}
.btn-group > .btn-mini {
  font-size: 11px;
}
.btn-group > .btn-small {
  font-size: 12px;
}
.btn-group > .btn-large {
  font-size: 16px;
}
.btn-group > .btn:first-child {
  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;
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -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;
}
.btn-group > .btn.large:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle,
.react-style .btn-group > .btn + .dropdown-button > .dropdown-toggle:first-child {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  *padding-top: 5px;
  *padding-bottom: 5px;
}
.btn-group > .btn-mini + .dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
  *padding-top: 2px;
  *padding-bottom: 2px;
}
.btn-group > .btn-small + .dropdown-toggle {
  *padding-top: 5px;
  *padding-bottom: 4px;
}
.btn-group > .btn-large + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
  *padding-top: 7px;
  *padding-bottom: 7px;
}
.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}
.btn-group.open .btn-success.dropdown-toggle {
  background-color: #83af40;
}
.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}
.btn .caret {
  margin-top: 8px;
  margin-left: 0;
}
.btn-mini .caret,
.btn-small .caret,
.btn-large .caret {
  margin-top: 6px;
}
.btn-large .caret {
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-width: 5px;
}
.dropup .btn-large .caret {
  border-bottom: 5px solid #000000;
  border-top: 0;
}
.btn-primary .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

/* !custom modifications */

.btn:visited {
    color:#333;    
}
.btn-primary:visited,
.btn-info:visited,
.btn-danger:visited,
.btn-success:visited {
    color:#fff;
}
.btn-group.tabs {
    margin-bottom:15px;
}
.btn-group.tabs > input {
  /* This should have been inherited, but somehow it was using Arial instead */
  font-family:"Century Gothic", verdana, sans-serif;
  font-size:13px;
}
.btn-group.tabs .btn.active {
  color:#fff;
  text-shadow:1px 1px 1px rgba(0,0,0,0.15);
  background-color:#92c248;
}    
.btn.btn-tile {
  display:block;
  text-align:left;
  font-size:17px;
  padding: 9px 14px;
  line-height: normal;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.btn.btn-tile + .btn.btn-tile {
  margin-top:10px;
}    

/* standard close X */
.btn-group .btn.close {
  font-size:22px;
  font-weight:bold;
  color:#fff;
  padding:0;
  width:20px;
  line-height:20px;
    height:20px;
  -webkit-border-radius:10px;
     -moz-border-radius:10px;
          border-radius:10px;

  background:none;
  box-shadow:none;    
  border:none;    
  text-shadow:none;   
}

.btn.hidden {
  display:none;
}    

.btn.calendar {
  background: #eee url('../Images/calendar.png') center center no-repeat;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
     -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
      -ms-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
          box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}

.btn-as-link {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 14px;
}

/* Inline Radio Buttons */
 .inlineRadioBtns input[type='radio'] {
  display: none;
}

.inlineRadioBtns {
  display: flex;
}

/* General Field look-and-feel */
form {
  margin:0;
  padding:0;
}    
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
.column:first-child > fieldset {
  padding-right:10px;    
}    
.column:last-child > fieldset {
  padding-left:10px;
}
legend,
fieldset > header:first-child {
  font-size:16px;
  padding:10px 0;
  font-weight:bold;  
  margin:5px 0 10px 0;
}    
button {
    font-family: "Century Gothic", verdana, sans-serif;
}
input[type=text],
input[type=password],
input[type=date],
input[type=color],
input[type=datetime],
input[type=email],
input[type=tel],
input[type=number],
input[type=search],
select,
span.select2,
textarea {
  font-family: "Century Gothic", verdana, sans-serif;
  color:#202020;
  height: 30px;
  width: 240px;
  padding: 0 7px;
  font-size: 14px;
  background: #fcfcfc;
  border: 1px solid #d8d8d8;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: inset 0 0px 6px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: inset 0 0px 6px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
          transition: all .3s ease-out;
}
.text-span {
    font-size: 14px;
    display: inline-block;
    padding-top: 5px;
}
textarea {
  height:60px;
  resize: none;    
}
textarea.international {
  height: 120px;
}
input[type=checkbox],
input[type=radio] {
  position:relative;
  top:-3px;
  vertical-align:middle;
}  

input[type=text].big,
input[type=password].big,
input[type=date].big,
input[type=color].big,
input[type=datetime].big,
input[type=email].big,
input[type=tel].big,
input[type=number].big,
select.big {
  font-size:30px;
  height:55px;
  color:#505050;
}    

::-webkit-input-placeholder {
  color:#ccc;
  font-style:italic;
}    
:-moz-placeholder {
  color:#ccc;
  font-style:italic;
}
:-ms-input-placeholder {
  color:#ccc;
  font-style:italic;
}
.watermark {
  color:#ccc;
  font-style:italic;
}      

.field input:disabled,
.field select:disabled,
.field textarea:disabled {
    color:#ccc;
    opacity:0.75;
    border:1px solid #e4e4e4;
}
.field input.readonly:disabled,
.field select.readonly:disabled,
.field textarea.readonly:disabled {
  opacity:1.0;
  color:#606060;
  border:none;
  -webkit-box-shadow:none;
     -moz-box-shadow:none;
          box-shadow:none;
  background:transparent;
  padding-left:0;  
}    

select {
    height:30px;
    width:255px;
    padding:3px 5px 3px 7px;
}

span.select2 {
  padding-left: 11px;
  padding-right: 5px;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

span.select2-selection[role=combobox] {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
}

span.select2-container span.select2-selection--single .select2-selection__rendered {
  padding:0;
}

span.select2-container span.select2-selection--single span.select2-selection__arrow {
  width: 14px;
}

span.select2 span.selection span.select2-selection span.select2-selection__arrow b[role=presentation] {
  border-top-color: #000;
  border-width: 6px 3px 0 3px;
}

.modal-backdrop.in + .select2-container .select2-dropdown  {
    z-index: 999999;
}

.field.month-year select {
    width:75px;
}


/* Form layout using our div/label/field triads */

.field {
    position:relative;
    clear:left;
    margin:0 0 15px 0;
}
.field:last-child {
    margin-bottom:0;    
}    
.field > label:first-child,
.dataTables_filter > label {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #999;
}

.field input[type=text],
.field input[type=password],
.field input[type=date],
.field input[type=email],
.field input[type=month],
.field input[type=tel],
.field input[type=number],
.field input[type=search],
.field select,
.field textarea {
    width:100%;
    max-width:490px;
}

.modal .field .select2-select {
  max-width: 320px;
}

.field input.date {
  width:115px;
}

.field.phone .append {
  white-space:nowrap;
  font-size:0;  	
  position:relative; 
  height:30px;
  padding:0;
  margin:0;      
}    
.field.phone .phone {
  width:265px;    
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;  
}
.field.phone .extension {
  width:90px;    
  padding-right:40px;  
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;  
}
.field.phone .x {
  display:inline-block;
  vertical-align:bottom;	
  border-top:1px solid #ccc;    
  border-bottom:1px solid #ccc;    
  background:#efefef;  
  padding:0 8px;
  font-size:13px;
  color:#aaa;  
  line-height:28px;    
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

/* Checkbox lists */
.field .checkboxes {
  max-width:490px;
  background: #fcfcfc;
  border: 1px solid #d8d8d8;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: inset 0 0px 6px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: inset 0 0px 6px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
          transition: all .3s ease-out;
}    

.field .checkbox {
  display:block;
  position:relative;
  -moz-box-sizing:border-box;
       box-sizing:border-box;
  height:30px;
  line-height:26px;
  padding:2px 28px 2px 8px;
  border-bottom:1px solid rgba(0,0,0,0.1);
  color:#888;  
  overflow:hidden;	
}    
.field .checkbox input {
  opacity:0.01;   /* make almost invisible so you can't see it w/ your eyes but still techincally visible so validtion picks it up */
  position:absolute;
  left:-50px;  
  z-index:0;
}    
.field .checkbox:first-child {
  -webkit-border-radius: 2px 2px 0 0;
     -moz-border-radius: 2px 2px 0 0;
          border-radius: 2px 2px 0 0;
}
.field .checkbox:last-child {
  border-bottom:none;
  -webkit-border-radius: 0 0 2px 2px;
     -moz-border-radius: 0 0 2px 2px;
          border-radius: 0 0 2px 2px;
}
.field .checkbox.selected {
  background: rgba(146, 194, 72, 0.7);
  color:#fff;  
  text-shadow:2px 1px 1px rgba(0,0,0,0.1);  
}
.field .checkbox.selected:before {
  content: "\f00c";
  color:#fff;
  text-shadow:1px 2px 1px rgba(0,0,0,0.25);
  line-height:30px;
  font-family: "FontAwesome";
  position:absolute;
  right:10px;
}    
    
/* Boolean toggles */
.field.boolean label.toggle {
  padding:0;
  display:inline-block;
}
.field.boolean input {
  display:none;
}        
.field.boolean .btn,
.field.boolean .btn.active {    
  width:30px;
  padding-left:0;  
  padding-right:0;    
}    

.field.boolean .btn {
  display:inline-block;
  color:#ccc;
  background:#f8f8f8;
  border: 1px solid #d8d8d8;
  -webkit-box-shadow: inset 0 0px 6px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: inset 0 0px 6px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0px 6px rgba(0, 0, 0, 0.1);
}
.field.boolean .btn.active {
    color:#fff;
    text-shadow:1px 2px 1pba(0,0,0,0.4);
    background: rgba(146, 194, 72, 0.7);
    background: #b2d47e;
    border:1px solid rgba(0,0,0,0.25);
    -webkit-box-shadow:inset -2px -1px 5px 1px rgba(0,0,0,0.15);
       -moz-box-shadow:inset -2px -1px 5px 1px rgba(0,0,0,0.15);
            box-shadow:inset -2px -1px 5px 1px rgba(0,0,0,0.15);
}
.field.boolean .btn:focus {
    border:1px solid #92c248;
    outline:0;
    -webkit-box-shadow: 0 0 5px rgba(146,194,72,0.9), inset 0 0 3px rgba(146,194,72,0.9);
       -moz-box-shadow: 0 0 5px rgba(146,194,72,0.9), inset 0 0 3px rgba(146,194,72,0.9);
            box-shadow: 0 0 5px rgba(146,194,72,0.9), inset 0 0 3px rgba(146,194,72,0.9);
}


/* notes */
.field.note textarea {
    height:100px;
}    

/* !inline fields */
.field.inline {
    float:left;
    clear:none;
    display:inline-block;
    width:49%;
}
.field.inline + .field.inline {
  margin-left:2%;
}
.field.inline input,
.field.inline select,
.field.inline textarea {
    float: none;
    margin:0;
    max-width: 340px;
}
     
.input-append.search input {
    width:225px;
}

/* Required and focus highlighting */

.field.required > label:first-child {
  color:#7ca53d;
}    

.field input[type=text]:focus,
.field input[type=password]:focus,
.field input[type=date]:focus,
.field input[type=color]:focus,
.field input[type=datetime]:focus,
.field input[type=email]:focus,
.field input[type=tel]:focus,
.field input[type=number]:focus,
.field textarea:focus,
.field select:focus,
.select2-search input:focus,
span.select2-container--focus,
.wizard-content div.rw-widget.rw-state-focus {
    border:1px solid #92c248;
    outline:0;
    -webkit-box-shadow: 0 0 5px rgba(146,194,72,0.9), inset 0 0 3px rgba(146,194,72,0.9);
       -moz-box-shadow: 0 0 5px rgba(146,194,72,0.9), inset 0 0 3px rgba(146,194,72,0.9);
            box-shadow: 0 0 5px rgba(146,194,72,0.9), inset 0 0 3px rgba(146,194,72,0.9);
}

.field input[type=text].error:focus,
.field input[type=password].error:focus,
.field input[type=date].error:focus,
.field input[type=color].error:focus,
.field input[type=datetime].error:focus,
.field input[type=email].error:focus,
.field input[type=tel].error:focus,
.field input[type=number].error:focus,
.field textarea.error:focus,
.field select.error:focus
span.select2-container--focus.error,
.reporting-validation.invalid input[type="text"]:not(.rw-input):focus,
.reporting-validation.invalid div.rw-widget.rw-state-focus {
    border:1px solid #b94a48;
    outline:0;
    -webkit-box-shadow: 0 0 5px rgba(185,74,72,0.9), inset 0 0 3px rgba(185,74,72,0.9);
       -moz-box-shadow: 0 0 5px rgba(185,74,72,0.9), inset 0 0 3px rgba(185,74,72,0.9);
            box-shadow: 0 0 5px rgba(185,74,72,0.9), inset 0 0 3px rgba(185,74,72,0.9);
}

.select2-container--default .select2-results .select2-results__option--highlighted[aria-selected] {
  background: #92c248;
}


.field .thinking {
  color:#999;
  font-weight: normal;
  font-size:0.8em;
  text-transform:none;
  padding-left:20px;      
}

section.form-container fieldset h3:first-child {
    margin-bottom:5px;
}
section.form-container fieldset {
    padding:10px 20px;
}
section.form-container fieldset hr {
    width:400px;
}
section.form-container fieldset + fieldset {
    padding-top:0px;
}    
section.form-container fieldset:first-child {
    padding-top:20px;
}    
.slideout fieldset + fieldset {
    margin-top:20px;
    border-top:1px solid #eaeaea;
    padding-top:20px;
}    

/* !inputs where buttons are butted up right against the input to look like 1 continuous control */

.input-append {
    display:inline-block;    
    font-size:0;
    white-space:nowrap;
    padding:0;
    margin:0;
    height:30px;
}
.input-append input,
.input-append textarea,
.input-append select {
    border-radius:3px 0px 0px 3px;
    border-right-width:0px;
}
.input-append .btn {
    border-radius:0px;
    border-right-width:0px;   
} 
/* the only-of-type selector is here because last-child was not able to 
   select the constituent search button - for some weird reason */   
.input-append .btn:last-child, 
.input-append a.btn:only-of-type {
    border-radius:0px 3px 3px 0px;
    border-right-width:1px;
}


/* Smaller inputs for fields in the "thin" column */

.column-thin .field input[type=text],
.column-thin .field input[type=password],
.column-thin .field input[type=date],
.column-thin .field input[type=email],
.column-thin .field input[type=month],
.column-thin .field input[type=number],
.column-thin .field input[type=tel],
.column-thin .field input[type=search],
.column-thin .field select,
.column-thin .field textarea {
    display:block;
    width:100%;
}

.column-thin .field input.validDate {
  width:125px;
  display:inline-block;    
}    

/* Social media and contact field flare */
.field.facebook input,
.field.twitter input,
.field.linkedin input,
.field.website input {
  background-repeat: no-repeat;
  padding-right:36px;
}
.field.facebook input { background-position: right -2px; background-image:url("../Images/facebook32.png"); }
.field.twitter input { background-position: right -2px; background-image:url("../Images/twitter32.png"); }
.field.linkedin input { background-position: right -2px; background-image:url("../Images/linkedin32.png"); }



/* validation labels (leave towards the end) */
.field em {
    clear:both;
    display:block;
    padding:15px 0 10px 0;
} 
.field label.error,
.field label.looks-like-error,
.reporting-validation label.looks-like-error {
  text-transform:none;
  color: #b94a48;
  font-weight:normal;  
  background-color: #f2dede;
  position:relative;
  display:inline-block;
  padding:5px 10px;
  margin:10px 0 0 0;

  border:1px solid #e2a0aa;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
          border-radius:5px;
  -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
     -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
          box-shadow:1px 1px 3px rgba(0,0,0,0.2);
}
.field label.error:after,
.field label.looks-like-error:after,
.reporting-validation label.looks-like-error:after {
	content: " ";
	position: absolute;
	top: -7px;
	left: 6px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;	
	border-bottom: 8px solid #f2dede;
}
.field label.error:before,
.field label.looks-like-error:before,
.reporting-validation label.looks-like-error:before {
	content: " ";
	position: absolute;
	top: -8px;
	left: 6px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;	
	border-bottom: 8px solid #e2a0aa;
}

/* month/day datepicker - must be reassessed if we upgrade jquery-ui.js */
.month-day-datepicker.ui-datepicker .ui-datepicker-year {
  display:none;   
}
.month-day-datepicker.ui-datepicker .ui-datepicker-title {
  margin-right: 0;
}

.field.spreedlyValidationField label,
.field.spreedlyValidationField input {
  display: none;
}
.field.spreedlyValidationField em {
  display: block;
}
.field .spreedlyField {
  width:100%; 
  height:30px; 
  border: 1px solid #d8d8d8; 
  border-radius: 3px; 
  -webkit-box-shadow: inset 0 0px 6px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: inset 0 0px 6px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
  box-sizing: border-box;
}
.field .spreedlyField.focused {
  border: 1px solid #92c248;
  outline: 0;
  -webkit-box-shadow: 0 0 5px rgba(146,194,72,0.9), inset 0 0 3px rgba(146,194,72,0.9);
     -moz-box-shadow: 0 0 5px rgba(146,194,72,0.9), inset 0 0 3px rgba(146,194,72,0.9);
          box-shadow: 0 0 5px rgba(146,194,72,0.9), inset 0 0 3px rgba(146,194,72,0.9);
}

.not-scrunched p {
  line-height: 1.3;
}

/* !jquery-ui basics */

.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-helper-hidden-accessible { display:none; }


/* !global dropdown */

.dropup,
.dropdown {
    float: left;
    margin: 0 0 0 2px;
    position: relative;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: auto;
    right: -13px;
    z-index: 1100;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 8px 0 0 0;
    list-style: none;
    background-color: #fff;
    
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
       -moz-background-clip: padding;
            background-clip: padding-box;

    background: #fff;
    border:2px solid #aacf20;  
}
.notify-popover {
    width: 300px;
}
.dropdown-menu::after {
	content: " ";
	position: absolute;
	top: -7px;
	right: 15px;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;	
	border-bottom: 7px solid #fff;
}
.dropdown-menu::before {
  	content: " ";
	position: absolute;
	top: -9px;
	right: 13px;
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;	
	border-bottom: 9px solid #aacf20;
}

.dropdown-menu.left {
  left:-15px;
  right:auto;      
}
.dropdown-menu.left::before {
  left:15px;
  right:auto;      
}
.dropdown-menu.left::after {
  left:18px;
  right:auto;      
}
    
.dropdown-menu > li > a {
  text-align:right;
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  font-size: 14px;
  line-height: 30px;
  text-decoration: none;
  color: #606060;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
  white-space: nowrap;
  border-bottom: 1px solid rgba(146, 194, 72, 0.3);
}
.dropdown-menu > li:last-child > a {
    border-bottom: none;
    box-shadow:none;
}
.dropdown-menu li.divider {
    height: 1px;
    overflow: hidden;
    background-color: #aacf20;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color:#fff;  
  background:#92c248;

  -webkit-transition: all 0.15s linear;
     -moz-transition: all 0.15s linear;
       -o-transition: all 0.15s linear;
          transition: all 0.15s linear;
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #92c248;
    background-image: -moz-linear-gradient(top, #92c248, #99c647);
    background-image: -webkit-linear-gradient(top, #92c248, #99c647);
    background-image: linear-gradient(to bottom, #92c248, #99c647);
}

.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
    color: #999999;
    background-color:inherit;
}

.dropdown-menu .disabled > a:hover {
    text-decoration: none;
    background-color: transparent;
    cursor: default;
}

.open  > .dropdown-menu {
    display: block;
}

.field .row em {
    display: inline-block;
    padding: 2px;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
       -moz-transition: opacity 0.15s linear;
         -o-transition: opacity 0.15s linear;
            transition: opacity 0.15s linear;
}








/* === DATE PICKER === */
.ui-datepicker {
    width:18em;
    display: none;
    background:#fff;
    border: 1px solid #ccc;
    margin:10px 0;
    -webkit-box-shadow:0 0 15px #333;
       -moz-box-shadow:0 0 15px #333;
            box-shadow:0 0 15px #333;
    z-index: 100000 !important;
}
.ui-datepicker .ui-datepicker-header {
    font-size:14px;
    position:relative;
    padding:.2em 30px .2em 0px;
    background:#e3e5ea;
    background:-webkit-gradient(linear, left top, left bottom, from(#eeeff4), to(#d6dadf));
    background:-moz-linear-gradient(top, #eeeff4, #d6dadf);
    background:-ms-linear-gradient(top, #eeeff4, #d6dadf);
    border-bottom:1px solid #aaa;
    color:#444;
}
.ui-datepicker .ui-datepicker-header select {
    cursor:pointer;
    position:relative;
    color:#444;
    width:120px !important;
    background:rgba(0, 0,0, 0);
    -webkit-appearance:none;
    padding:0px;
    margin:-3px -40px 0 0 !important;
    font-size:16px !important;
    border:none;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position:absolute;
    top:4px;
    cursor:pointer;
    width:24px;
    height:24px;
    vertical-align:middle;
    background:url("../Images/calendar-sprites.png") 0 0 no-repeat;
}
.ui-datepicker .ui-datepicker-prev {
    left:4px;
    background-position:0 -24px;
}
.ui-datepicker .ui-datepicker-next {
    right:4px;
    background-position:0 0px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display:none;
}
.ui-datepicker .ui-datepicker-title {
     margin: 0 2.3em;
     line-height: 1.8em;
     text-align: center;
}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year {
    width: 60px !important;
    padding:0 !important;
    font-size:14px !important;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    position:relative;
    top:0px;
    -webkit-box-shadow:none;    
       -moz-box-shadow:none;    
            box-shadow:none;    
}
.ui-datepicker table {
    width: 95%;
    font-size: 12px;
    border-collapse: collapse;
    margin:5px auto 10px auto;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td { padding:0; border:1px solid #e0e0e0; text-align:center; width:14%; height:25px; line-height:25px; }
.ui-datepicker td span,
.ui-datepicker td a { display: block; height:100%; width:100%; line-height:25px; text-align: center; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

.ui-datepicker tbody td a:hover {
    background-color:#eee;
}
.ui-datepicker td .ui-state-active {
    background:url("../Images/calendar-sprites.png") center -96px no-repeat;
}
.ui-datepicker td.ui-datepicker-other-month {
    background:#f5f5f5;
}
.ui-datepicker-trigger {
    position:absolute;
    right:4px;
    top:5px;
    background:url("../Images/calendar-sprites.png") center -127px no-repeat;
    border:none;
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;

    width:20px;
}    
.ui-datepicker-trigger:hover {
    cursor:pointer;
    opacity:0.9;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }



/* !autocomplete */
.ui-autocomplete {
    width:200px;
    background:#fff;
    border:1px solid #ccc;
    border-radius:4px;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.25);
       -moz-box-shadow:0 0 5px rgba(0,0,0,0.25);
            box-shadow:0 0 5px rgba(0,0,0,0.25);
    z-index: 100000;
}    
.ui-autocomplete > li {
    display:block;
    padding:10px;
    cursor: pointer;
}
.ui-autocomplete .ui-state-focus {
    color:#fff;
    background-color: #92c248;
    background-image: -moz-linear-gradient(top, #92c248, #99c647);
    background-image: -webkit-linear-gradient(top, #92c248, #99c647);
    background-image: linear-gradient(to bottom, #92c248, #99c647);
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.25) inset;
       -moz-box-shadow:0 0 5px rgba(0,0,0,0.25) inset;
            box-shadow:0 0 5px rgba(0,0,0,0.25) inset;
}    
.ui-autocomplete > li:first-child .ui-state-focus {
    border-top-left-radius:4px;    
    border-top-right-radius:4px;        
}    
.ui-autocomplete > li:last-child .ui-state-focus {
    border-bottom-left-radius:4px;    
    border-bottom-right-radius:4px;        
}    


/* Modal dialog window */
.modal-open .modal .dropdown-menu {
  z-index: 2050;
}
.modal-open .modal .dropdown.open {
  *z-index: 2050;
}
.modal-open .modal .popover {
  z-index: 2060;
}
.modal-open .modal .tooltip {
  z-index: 2080;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal {
  display:none;    /* script will show this when necessary */
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99999;
  overflow: auto;
  width: 680px;
  margin: -275px 0 0 -280px;
  background-color: #ffffff;
  border: 4px solid #015E94;

  /* IE6-7 */

  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}
.modal > header {
  font-size:20px;
  line-height:30px;
  padding:10px 15px;
  color:#fff;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;

  -webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.2), 2px 0 15px rgba(0,0,0,0.15) inset;
     -moz-box-shadow: 0 2px 7px rgba(0,0,0,0.2), 2px 0 15px rgba(0,0,0,0.15) inset;
          box-shadow: 0 2px 7px rgba(0,0,0,0.2), 2px 0 15px rgba(0,0,0,0.15) inset;

  background-color: #015E94;
  background-image: -webkit-linear-gradient(top, #3895CB, #015E94);
  background-image:    -moz-linear-gradient(top, #3895CB, #015E94);
  background-image:         linear-gradient(top, #3895CB, #015E94);

}
.modal > header .close {
  float:right;
  margin-top:3px;
  font-size:28px;
  font-weight:bold;
  color:#fff;
  padding:0;
  width:20px;
  line-height:20px;
  height:20px;

  background:none;
  box-shadow:none;    
  border:none;    
  text-shadow:none;  
}
.modal-body {
  overflow-y: auto;
  max-height: 600px;
  padding: 30px 15px;
  line-height:20px;
  box-sizing:border-box;
  padding:15px 20px 20px 20px;
}

.modal-body p.modal-text, 
.modal-body h3.modal-text {
  margin-top: 1.5em;
}

.modal-body-full {
  padding:0;    
}
.modal-form {
  margin-bottom: 0;
}
.modal > footer {
  padding: 9px 15px 10px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
     -moz-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
}
.modal > footer:before,
.modal > footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.modal > footer:after {
  clear: both;
}
.modal > footer .btn-group {
  display:inline-block;    
}
.modal > footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal > footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal > footer .btn.btn-primary {
  color:#fff;
}

/* Slideout Panel */
div[role="main"] .slideout {
  position: fixed;
  z-index: 1035;
  display:none;

  top: 60px;
  left: 50%;
  right:auto;
  bottom:auto;

top:0;
right:0;
bottom:0;
left:auto;
  
  margin: 0 0 0 130px;
  padding-bottom:15px;
  -moz-box-sizing:border-box;
  box-sizing:border-box;

  width: 350px;
  min-height:500px;  
  overflow: auto;
  background-color: #ffffff;
  border-radius:3px;

  -webkit-box-shadow:-5px 2px 10px rgba(0,0,0,0.25);
     -moz-box-shadow:-5px 2px 10px rgba(0,0,0,0.25);
          box-shadow:-5px 2px 10px rgba(0,0,0,0.25);
}
div[role="main"] .slideout.right {   /* docks on the right, slides in from right to left */
  /* default behavior is right */
}    
div[role="main"] .slideout.left {   /* docks on the right, slides in from left to right */
  left: auto;
  right: 50%;
  top:60px;
  bottom:auto;

  margin: 0 90px 0 0;
  border-left:none;

  -webkit-box-shadow:10px 2px 10px rgba(0,0,0,0.25);
     -moz-box-shadow:10px 2px 10px rgba(0,0,0,0.25);
          box-shadow:10px 2px 10px rgba(0,0,0,0.25);
}

header[role=banner]:not(.hidden) + header[role=banner] + div div[role="main"] .slideout {
    top: 100px;
}

div[role="main"] .slideout > header {
  font-size:20px;
  line-height:30px;
  padding:10px 15px;
  color:#fff;
  -webkit-border-radius: 3px 3px 0 0;
     -moz-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0;

  -webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.2), 2px 0 15px rgba(0,0,0,0.15) inset;
     -moz-box-shadow: 0 2px 7px rgba(0,0,0,0.2), 2px 0 15px rgba(0,0,0,0.15) inset;
          box-shadow: 0 2px 7px rgba(0,0,0,0.2), 2px 0 15px rgba(0,0,0,0.15) inset;

  background-color: #015E94;
  background-image: -webkit-linear-gradient(top, #3895CB, #015E94);
  background-image:    -moz-linear-gradient(top, #3895CB, #015E94);
  background-image:         linear-gradient(top, #3895CB, #015E94);
}
div[role="main"] .slideout > hr {
  height:5px;
  margin:0;
  padding:0;
  border:none;
  background-color: #318cc1;
  box-shadow:0 2px 1px rgba(0,0,0,0.15);
}
div[role="main"] .slideout section {
  border-top:1px solid rgba(0,0,0,0.1);
  padding:10px 15px;
  line-height:20px;
  margin:0;
}
div[role="main"] .slideout .data-list {
  padding:10px 20px;    
}    

div[role="main"] .slideout section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }  /*clearfix*/

div[role="main"] .slideout section.alt {
  background:#f3f3f3;
}
div[role="main"] .slideout section:last-of-type,
div[role="main"] .slideout section:last-child {
  border-bottom:1px solid rgba(0,0,0,0.1);
}    
div[role="main"] .slideout section > header {
  font-size:16px;
  line-height:30px;
  margin-bottom:5px;
}
div[role="main"] .slideout section > header:last-child {
  margin-bottom:0;
}
div[role="main"] .slideout ul > li > a {
  display:block;
  line-height:30px;
}
div[role="main"] .slideout .btn-group {
  float:right;
}
div[role="main"] .slideout section .btn-group {
  margin-top:10px;  
}
div[role="main"] .slideout .btn-group + .btn-group {
  margin-right:10px;    
}
div[role="main"] .slideout > .btn-group {
  margin-right:15px;    
  margin-top:10px;
}
div[role="main"] .slideout .alert {
  margin:5px 0;    
}

/* Custom Tooltips */

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}
.tooltip.in {
  opacity: 1.0;
  filter: alpha(opacity=100);
 -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
      -o-transition: opacity 0.5s linear;
         transition: opacity 0.5s linear;
}
.tooltip.top {
  margin-top: -3px;
}
.tooltip.right {
  margin-left: 3px;
}
.tooltip.bottom {
  margin-top: 3px;
}
.tooltip.left {
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 13px 18px;
  font-size:14px;
  line-height:20px;
  color: #000;
  text-align: center;
  text-decoration: none;

  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);
     -moz-box-shadow:0 0 10px rgba(0,0,0,0.1);
          box-shadow:0 0 10px rgba(0,0,0,0.1);
  
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;

    border: 2px solid #aacf20;
    background: #fff;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; 
}

/* tooltip top (above) */
.tooltip.top .tooltip-arrow {
  bottom:7px;
  left: 50%;
  margin-left: -10px;
}
.tooltip.top .tooltip-arrow::after {
	content: " ";
	position: absolute;
    left: 50%;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;	
	border-top: 7px solid #fff;
}    
.tooltip.top .tooltip-arrow::before {
	content: " ";
	position: absolute;
    margin-left:-2px;	
    left: 50%;
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;	
	border-top: 9px solid #aacf20;
}

/* tooltip bottom (below) */
.tooltip.bottom .tooltip-arrow {
  top:0px;
  left: 50%;
  margin-left: -10px;  
}
.tooltip.bottom .tooltip-arrow::after {
	content: " ";
	position: absolute;
    left: 50%;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;	
	border-bottom: 7px solid #fff;
}    
.tooltip.bottom .tooltip-arrow::before {
	content: " ";
	position: absolute;
    margin-left:-2px;	
    margin-top:-2px;
    left: 50%;
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;	
	border-bottom: 9px solid #aacf20;
}

/* tooltip right (to the right of) */
.tooltip.right .tooltip-arrow {
  top: 50%;
  left:0;
  margin-right:-7px;
  margin-top:-5px;  
}
.tooltip.right .tooltip-arrow::after {
	content: " ";
	position: absolute;
    top: 50%;
    left:0;
	width: 0;
	height: 0;
	border-bottom: 7px solid transparent;
	border-top: 7px solid transparent;	
	border-right: 7px solid #fff;
}    
.tooltip.right .tooltip-arrow::before {
	content: " ";
	position: absolute;
    margin-top:-2px;	
    margin-left:-2px;
    top: 50%;
    left:0;
	width: 0;
	height: 0;
	border-bottom: 9px solid transparent;
	border-top: 9px solid transparent;	
	border-right: 9px solid #aacf20;
}

/* tooltip left (to the left of) */
.tooltip.left .tooltip-arrow {
  top: 50%;
  left:100%;
  margin-left:-7px;
  margin-top:-5px;  
}
.tooltip.left .tooltip-arrow::after {
	content: " ";
	position: absolute;
    top: 50%;
    left:0;
	width: 0;
	height: 0;
	border-bottom: 7px solid transparent;
	border-top: 7px solid transparent;	
	border-left: 7px solid #fff;
}    
.tooltip.left .tooltip-arrow::before {
	content: " ";
	position: absolute;
    margin-top:-2px;	
    top: 50%;
    left:0;
	width: 0;
	height: 0;
	border-bottom: 9px solid transparent;
	border-top: 9px solid transparent;	
	border-left: 9px solid #aacf20;
}

/* Non-obstrive popup notifications */
.auto-notify {
  display:none;
  position:fixed;
  bottom:20px;  
  left:50%;
  padding:25px;

  width:300px;
  margin:0 0 0 -150px;

  background:#92c248;
  color:#fff;
  font-weight:bold;

  -webkit-border-radius: 10px;  
     -moz-border-radius: 10px;  
          border-radius: 10px;  

  -webkit-box-shadow:0 0 15px #92c248;          
     -moz-box-shadow:0 0 15px #92c248;          
          box-shadow:0 0 15px #92c248;          

  opacity:0.9;
}

.auto-notify li {
  line-height:24px;    
}    


/* Carousel */
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
     -moz-transition: 0.6s ease-in-out left;
       -o-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;
}
.carousel .item > img {
  display: block;
  line-height: 1;
}
.carousel .active,
.carousel .next,
.carousel .prev {
  display: block;
}
.carousel .active {
  display:block;    
  left: 0;
}
.carousel .next,
.carousel .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel .next {
  left: 100%;
}
.carousel .prev {
  left: -100%;
}
.carousel .next.left,
.carousel .prev.right {
  left: 0;
}
.carousel .active.left {
  left: -100%;
}
.carousel .active.right {
  left: 100%;
}

#save-notification {
  display:none;    
  position:fixed;
  width:260px;
  -moz-box-sizing:border-box;	
       box-sizing:border-box;	
  bottom:20px;
  left:50%;
  margin-left:-130px;  
  padding:20px;
  border:1px solid #ccc;
  border-radius:5px;
  background:#d3d3d3;              

  background:#92c248;
  color:#fff;
  font-weight:bold;

  -webkit-border-radius: 10px;  
     -moz-border-radius: 10px;  
          border-radius: 10px;  

  -webkit-box-shadow:0 0 15px #92c248;          
     -moz-box-shadow:0 0 15px #92c248;          
          box-shadow:0 0 15px #92c248;          
  
}

.org-logo img {
  float: left;
  margin: 0 10px 20px 0;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 6px 8px -8px rgba(0, 0, 0, 0.5), 0 3px 3px -3px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 6px 8px -8px rgba(0, 0, 0, 0.5), 0 3px 3px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 6px 8px -8px rgba(0, 0, 0, 0.5), 0 3px 3px -3px rgba(0, 0, 0, 0.2);
}

.org-logo a, .org-stylesheet a {
  margin-top: 10px;
}

#orgStylesheetFilename {
  margin-bottom: 10px;
  display: inline-block;
}

#orgStylesheetFilename.hidden {
  display: none;
}

.alert-danger {
  margin-bottom: 10px;
}

.boolean-field-wrapper:not(:last-child) {
  margin-bottom: 15px;
}

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

.option-description,
.row.option-description {
  padding: 10px 0;
}

.helper-text {
  color: #ccc;
  font-style: italic;
  padding-left: 10px;
}

#email-confirmations div.email.column {
  width: 500px;
}
html  {
  height:100%;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}    
body {
  margin: 0;
  padding: 0;
  font-family: "Century Gothic", verdana, sans-serif;
  color: #333;
  background:#303030;
  font-size: 13px;
  height:100%;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom:0;
}
        
header#banner {
    padding-top:60px;
    color:#eee;
    text-shadow:1px 1px 1px #444;
    -moz-box-sizing:border-box;
    box-sizing: border-box;   
    z-index:100;
    margin:0 auto;
    width:100%;
    max-width:500px;
}

header#banner h1 {
    height: 70px;
    cursor: pointer;
    display: inline-block;
}    
body > div#content {
    position:relative;
    margin:5px auto 0px;
    padding:40px;
    width:100%;
    max-width:500px;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background:#f8f8f8;
    border-radius:10px;
}

body.wide header#banner,
body.wide > div#content {
    width:650px;
    max-width:650px;
}
    
h2 {
    font-size:1.9em;
    margin-bottom:10px;
}
h2 .name {
    font-size:0.9em;
    padding-left:20px;
    color:#999;
}
h3 {
    font-size:1.3em;
    margin-bottom:10px;
}



.grid {
    clear:both;
}
.grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.grid .grid2 {
    float:left;
    width:50%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}    
.grid .grid2:first-child {
    padding-right:10px;
}
.grid .grid2:last-child {
    padding-left:10px;
}

section.title {
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  color:#fff;
  margin:0 -40px;  
  padding:10px 40px;
}
section.title h1,
section.title h2,
section.title h3,
section.title h4,
section.title h5,
section.title h6 {
  color:#fff;
  text-shadow:1px 1px 3px rgba(0,0,0,0.4); 
}    


section.success {
  background-color: #92c248;
  background-image: -moz-linear-gradient(top, #92c248, #83af40);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92c248), to(#83af40));
  background-image: -webkit-linear-gradient(top, #92c248, #83af40);
  background-image: -o-linear-gradient(top, #92c248, #83af40);
  background-image: linear-gradient(to bottom, #92c248, #83af40);
  background-repeat: repeat-x;
  color:#fff;
  text-shadow:1px 1px 2px rgba(0,0,0,0.4);  
  margin:0 -40px;  
  padding:10px 40px;
}
section.success h1,
section.success h2,
section.success h3,
section.success h4,
section.success h5,
section.success h6 {
  color:#fff;
  text-shadow:1px 1px 3px rgba(0,0,0,0.4); 
}    

.last-build {
  background-color: #92c248;
  background-image: -moz-linear-gradient(top, #92c248, #83af40);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92c248), to(#83af40));
  background-image: -webkit-linear-gradient(top, #92c248, #83af40);
  background-image: -o-linear-gradient(top, #92c248, #83af40);
  background-image: linear-gradient(to bottom, #92c248, #83af40);
  background-repeat: repeat-x;
  margin:15px 0 0 0;    
  padding:10px;
  border-radius:5px;  
  border:1px solid #909090;
  font-size:1.2em;
  font-weight:bold;
  color: #fff;
  text-shadow:1px 1px 2px rgba(0,0,0,0.4);  
  box-shadow:1px 1px 3px rgba(0,0,0,0.4);  
}

.last-build li:not(:last-child) {
  margin-bottom: 10px;
}

.last-build li li {
  margin-left: 10px;
}

.no-margin {
  margin:0;
}

.recipient-portal input,
.recipient-portal label,
.recipient-portal.btn-group > .btn-large {
  font-size:15px;
}

.recipient-portal .after-small {
  margin-bottom:10px;
}

.recipient-portal .after-medium {
  margin-bottom:15px;
}

.recipient-portal .after-large {
  margin-bottom:20px;
}

.recipient-portal .after-xlarge {
  margin-bottom:35px;
}

.recipient-portal .indent {
  margin-left:35px;
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
  float: right; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0; }
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }
.select2-container--default .select2-results__option[role=group] {
  padding: 0; }
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f6f6f6;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); }
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0; }
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }
.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }
.select2-container--classic .select2-dropdown--below {
  border-top: none; }
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }
.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }