@import "/shared/css/leaflet.min.css?v=2";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small,
h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small{
  color: inherit
}

html, body{ height: 100%;}
body { overflow-x: hidden; font-family: 'Titillium Web', sans-serif; min-height: 100%; color: #333333; background: #FFF;}
.main-content {
  min-height: 100%;
  /* sticky footer =(hoogte van footer)*/
  margin-bottom: -325px;
}
.push{
  height: 325px;
}

input:focus, textarea:focus, select:focus, :focus{ outline: none; }

a:focus, a:active, a:hover{ text-decoration: none; color: inherit;}
.mobileonly{ display: none!important; }
.mobiletabletonly {
    display: none!important;
}
.relative{position:relative;}

.left { float: left; }
.right { float: right; }
.center { margin: 0 auto;}

.alignCenter{ text-align: center; }
.alignRight{ text-align: right; }

.displayBlock {display: block;}
.displayInline {display: inline-block;}

.centralize{ display: inline-block; margin: auto;}

.bigMarginB{ margin-bottom: 50px; }
.marginB{ margin-bottom: 35px; }
.smallMarginB{ margin-bottom: 25px; }
.miniMarginB{ margin-bottom: 15px; }
.bigMarginT{ margin-top: 50px; }
.marginT{ margin-top: 35px; }
.smallMarginT{ margin-top: 25px; }
.miniMarginT{ margin-top: 15px; }
.marginR{ margin-right: 35px; }

.bigWrap{ margin-bottom: 50px; margin-top: 50px;}
.wrap{ margin-bottom: 35px; margin-top: 35px;}
.smallWrap{ margin-bottom: 25px; margin-top: 25px;}

.posRelative{ position: relative; }
.posAbsolute{ position: absolute; }

.tt-menu{display:block!important;}

.contentBlock p, .contentBlock ul, .contentBlock ol{
  line-height: 24px;
  margin-bottom: 24px;
}
.contentBlock ul, .contentBlock ol{
  padding-left: 15px;
}
.contentBlock ul{
  list-style: none;
}
.contentBlock li{
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 5px;
}
.contentBlock li::before{
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #9C4C94;
  border: 1px solid #9C4C94;
  vertical-align: middle;
  margin-right: 10px;
}

.alert>p, .alert>ul{margin-left:0;padding-left:10px;list-style:none;display:inline-block;vertical-align:top;width:80%;width:calc(100% - 50px);}
.alert{
  border-radius: 2px;
  font-size: 14px;
  padding: 10px 15px;
  position: relative;
}
.alert-danger{
  color: #fff;
/*  background-color: #CD504E;
  border-color: #CD504E;*/
  background-color: #ff9966;
  border-color: #ff9966;
}
.alert-danger .close{
  color: #fff;
}
.alert .close{
  opacity: 0.8;
  font-weight: 200;
  position: absolute;
  right: 12px;
  top: 5px;
  line-height: normal;
  text-shadow: none;
}
.alert .close:hover{
  opacity: 1;
}

.borderedBox {
    border: 1px solid #e9e9ea;
    padding: 20px 25px;
    border-radius: 2px;
    width: 100%;
}

.formrow input[type='text'].xxxsmall{width:60px;}
.formrow input[type='text'].xxsmall{width:100px;}
.formrow input[type='text'].xsmall{width:200px;}
.formrow .inline-block{display:inline-block;vertical-align:top;}

label.horizontalradioWrapper{
  display: inline-block;
  margin: 0;
  padding: 0;
  float: left;
  margin-bottom: 3px;
}
label.horizontalradioWrapper .horizontalradio {
  position: absolute;
  height: 40px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  cursor: pointer;
  width: 1px;
}
label.horizontalradioWrapper .horizontalradio + span {
    display: inline-block;
    float: left;
    line-height: 36px;
    font-size: 14px;
    color: #9C4C94;

    background: #FAFAFA;
    border: 1px solid #CCCCCC;
    text-align: center;
    padding: 2px 20px;
    min-width: 160px;
    _width: 160px;
    font-size: 14px;
    white-space: nowrap;
    margin-right: -1px;
    font-weight: normal;
    cursor: pointer;
}
label.horizontalradioWrapper.last .horizontalradio + span{border-radius: 0 100px 100px 0;}
label.horizontalradioWrapper.first .horizontalradio + span{border-radius: 100px 0 0 100px;}

.userTypeToggle{position: absolute;top:39px;left:30px;padding-right:10px;border-right:1px solid #F0F0F0;z-index:10;}
.userTypeToggle label.horizontalradioWrapper{margin-bottom:0;}
.userTypeToggle label.horizontalradioWrapper .horizontalradio + span{
  min-width:auto;
  width:36px;
  height:36px;
  line-height:36px;
  padding:0;
  border-radius:18px;
  text-align:center;
  margin-right:5px;
  background:#F0F0F0;
  border:none;
}
.userTypeToggle label.horizontalradioWrapper .horizontalradio + span i{
  margin:0;
}
label.horizontalradioWrapper .horizontalradio:checked + span {
  background: #9C4C94;
  color: #fff;
  border: 1px solid #9C4C94;
}

label.horizontalradioWrapper .horizontalradio + span i{
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
label.horizontalradioWrapper .horizontalradio:checked + span i.icon-type.human{
  background: url('/images/icons/icon-type-human-white.png') center center no-repeat;
  background: url('/images/icons/icon-type-human-white.svg') center center no-repeat;
}
label.horizontalradioWrapper .horizontalradio:checked + span i.icon-type.animal{
  background: url('/images/icons/icon-type-animal-white.png') center center no-repeat;
  background: url('/images/icons/icon-type-animal-white.svg') center center no-repeat;
}
.userTypeToggle label.horizontalradioWrapper .horizontalradio + span i.icon-type.human{
  background: #FFF url('/images/icons/icon-type-human-gray.png') center center no-repeat;
  background: #FFF url('/images/icons/icon-type-human-gray.svg') center center no-repeat;
}
.userTypeToggle label.horizontalradioWrapper .horizontalradio + span i.icon-type.animal{
  background: #FFF url('/images/icons/icon-type-animal-gray.png') center center no-repeat;
  background: #FFF url('/images/icons/icon-type-animal-gray.svg') center center no-repeat;
}

.userTypeToggle label.horizontalradioWrapper .horizontalradio + span{
  color:#F0F0F0;
  border:none;
  background:#fff;
}
.userTypeToggle label.horizontalradioWrapper .horizontalradio:checked + span{
  color:#F0F0F0;
  border:none;
  background:#F0F0F0;
}
.userTypeToggle label.horizontalradioWrapper .horizontalradio:checked + span i.icon-type.human{
  background: #F0F0F0 url('/images/icons/icon-type-human.png') center center no-repeat;
  background:#F0F0F0 url('/images/icons/icon-type-human.svg') center center no-repeat;
}
.userTypeToggle label.horizontalradioWrapper .horizontalradio:checked + span i.icon-type.animal{
  background: #F0F0F0 url('/images/icons/icon-type-animal.png') center center no-repeat;
  background:#F0F0F0 url('/images/icons/icon-type-animal.svg') center center no-repeat;
}

label.horizontalradioWrapper.vertical{
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}
label.horizontalradioWrapper.vertical .horizontalradio {
  position: absolute;
  height: 40px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  cursor: pointer;
  width: 1px;
}

label.horizontalradioWrapper.vertical .horizontalradio + span {
  display: block;
  line-height: 36px;
  font-size: 14px;
  color: #919ca1;
  font-weight: 100;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  background: #fff;
  text-align: left;
  padding: 0px 15px;
  width: 100%;
  white-space: nowrap;
  font-weight: normal;
  cursor: pointer;
  margin-bottom: 10px;
}
label.horizontalradioWrapper .horizontalradio:checked + span {
  background: #9C4C94;
  color: #fff;
  border: 1px solid #9C4C94;
}

label.horizontalradioWrapper.vertical.inline {
  display: inline-flex;
  width: auto;
  min-width: auto;
}
label.horizontalradioWrapper.vertical.inline .horizontalradio + span {
  width: auto;
  display: inline-flex;
  min-width: auto;
  margin-right: 10px;
  margin-bottom: 0;
}


label.horizontalradioWrapper.vertical .horizontalradio + span:hover {
    background: rgba(155, 77, 147, 0.6);
    color: #fff;
}

label.formLabel,label.readLabel{font-weight:400;}
label.readLabel, span.passive{color:#999;}

label.checklbl{
  line-height: 24px;
  margin: 5px 0 10px;
}
label.checklbl:hover{
  cursor: pointer;
}
label.checklbl input{
  position: absolute;
  height: 40px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  cursor: pointer;
  width: 1px;
}
label.checklbl.singlecheckbox span:before{
  content:'';
}
label.checklbl span i, label.checklbl.singlecheckbox span:before{
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  vertical-align: middle;
  background: url('/images/icons/icon-check-off.png') left center no-repeat;
  background: url('/images/icons/icon-check-off.svg') left center no-repeat;
}
label.checklbl.singlecheckbox span:before{
  margin-left: -27px;
  margin-right: 5px;
  background: url('/images/icons/icon-checkbox-off.png') left center no-repeat;
  background: url('/images/icons/icon-checkbox-off.svg') left center no-repeat;
}
label.checklbl input + span{
  line-height: 18px;
  display: block;
}
label.checklbl.singlecheckbox input + span{
  margin-left: 28px;
}
label.checklbl input:checked + span{
  color: #9C4C94;
}
label.checklbl input:checked + span i{
  background: url('/images/icons/icon-check-on.png') left center no-repeat;
  background: url('/images/icons/icon-check-on.svg') left center no-repeat;
}
label.checklbl.singlecheckbox input:checked + span{
  color: inherit;
}
label.checklbl.singlecheckbox input:checked + span:before{
  background: url('/images/icons/icon-checkbox-on.png') left center no-repeat;
  background: url('/images/icons/icon-checkbox-on.svg') left center no-repeat;
}

.formbox{
  background: #FAFAFA;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.20);
  border-radius: 4px;
  margin: 25px 0 50px 0;
}
.formheader, .formbody, .formfooter{
  padding: 20px 30px;
}
.fancybox-slide .formbox{padding:0;}
.formheader, .formbody{
  border-top: 1px solid #;
  box-shadow: inset 0 -1px 0 0 rgba(156,76,148,0.20);
}
.formbody.paddedform{
  padding: 40px 120px;
}
.formfooter.paddedform{
  padding: 20px 120px;
}

.fullWidth, .width-100{ width: 100%; }

.mobileonly{
  display: none!important;
}

#header, #content, #footer{
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
/*#content{margin-top:20px;}*/
/*#content.home{margin-top:0px;}*/

h1{
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-size: 32px;
  color: #9C4C94;
  letter-spacing: -0.1px;
  line-height: 56px;
}

h2{
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #9C4C94;
  line-height: 32px;
}

h3{
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-size: 22px;
  color: #9C4C94;
  line-height: 32px;
}

h5{
  font-family: 'Titillium Web', sans-serif;
  margin-bottom: 10px;
}

p b{ font-weight: bold; }

.detail h2{
  font-size: 32px;
  line-height: 56px;
  font-weight: 600;
}
.detail h2 .icon-leaflet{
  display: inline-block;
  width: 29px;
  height: 36px;
  background: url('/images/icons/icon-leaflet.png') left center no-repeat;
  background: url('/images/icons/icon-leaflet.svg') left center no-repeat;
  vertical-align: middle;

  margin-right: 15px;
  float: left;
}
.detail .formheader h2{
  line-height: 34px;
}
.detail .formheader h2 span{
  float: left;
  width: calc(100% - 44px);
  display: inline-block;
}

h4{
  font-size: 24px;
  color: #333333;
  line-height: 32px;
  font-weight: 400;
}

h5{
  opacity: 0.8;
  font-weight: 400;
  font-size: 16px;
  color: #9C4C94;
  line-height: 24px;
}

a.whiteLink{
  color: #fff;
  text-decoration: none;
}
a.whiteLink:hover{
  color: #fff;
  text-decoration: underline;
}
a.grayLink{
  color: #8E999F;
  text-decoration: none;
}
a.grayLink:hover{
  color: #8E999F;
  text-decoration: underline;
}

span.icon, i.icon{
  display: inline-block;
  vertical-align: middle;
}
.icon.info, .icon.info{
  width: 20px;
  height: 24px;
  margin-left: 10px;
  background: url('/images/icons/icon-info.png') left center no-repeat;
  background: url('/images/icons/icon-info.svg') left center no-repeat;
}
.icon.search{
  width: 16px;
  height: 24px;
  margin-right: 10px;
  background: url('/images/icons/icon-search-white.png') left center no-repeat;
  background: url('/images/icons/icon-search-white.svg') left center no-repeat;
}

.typetool{
  display: inline-block;
  display: none;
  width: 325px;
  padding: 10px 15px;
  position: absolute;
  z-index: 999;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.20);
  border-radius: 3px;
  background: #FAF6F9;
  border: 1px solid #9C4C94;
  border-radius: 4px;
}
.typetool p{
  font-size: 14px;
  line-height: 20px;
  color: #9C4C94;
  letter-spacing: -0.05px;
}
/* =========  HEADER nav ========= */
.main-nav{
  background: rgba(0,0,0,0.10);
  background: #984A90;
  height: 80px;
}
.main-nav .row > div{
  height: 80px;
}
.main-nav .row > div .logo{
  vertical-align: middle;
}
.main-nav .sep{
  display: inline-block;
  height: 32px;
  width: 2px;
  background: #BA8EB5;
  float: right;
  margin-top: 24px;
  margin: 24px 15px 0;
}

#header .logo{
  display: inline-block;
  height: 80px;
  padding-left: 75px;
  background: url('/images/logo/e-compendium-logo.png') left center no-repeat;
  background: url('/images/logo/e-compendium-logo.svg') left center no-repeat;
}
#header .logo h2{
  color: #fff;
  font-size: 24px;
  line-height: 80px;
  color: #FFFFFF;
}

a.backlink{
  font-size: 16px;
  color: #8E999F;
  line-height: 24px;
  padding: 15px 0 5px 20px;
  display: block;
  text-decoration: underline;
  background: url('/images/icons/icon-backlink.png') left top 20px no-repeat;
  background: url('/images/icons/icon-backlink.svg') left top 20px no-repeat;
}

/* ========= / HEADER nav ========= */


/* ========= BREADCRUMBS ========= */
.breadcrumb ul li{
  list-style: none;
  display: inline-block;
  margin-left: 30px;
  line-height: 40px;
  vertical-align: middle;
}
.breadcrumb{
  display: block;
  height: 40px;
  padding: 0;
  background: #F0F0F0;
}
.breadcrumb ul li{
  margin-left: 0;
  margin-right: 25px;
}
.breadcrumb ul li:first-child{
  margin-right: 5px;
}
.breadcrumb ul li a{
  text-decoration: underline;
}
.breadcrumb ul li a, .breadcrumb ul li span{
  font-size: 14px;
  color: #8E999F;
  line-height: 24px;
}
.breadcrumb ul li.sep span{
  display: block;
  width: 8px;
  height: 40px;
  background: url('/images/icons/icon-chevron.png') left center no-repeat;
  background: url('/images/icons/icon-chevron.svg') left center no-repeat;
}
a.icon-link.home, span.icon-link.home{
  padding-left: 26px;
  background: url('/images/icons/icon-home.png') left center no-repeat;
  background: url('/images/icons/icon-home.svg') left center no-repeat;
}
/* ========= / BREADCRUMBS ========= */

/* ========= HOME SEARCH ========= */
.home-search,.search-bg{
  background-image: radial-gradient(48% 122%, #9C4C94 33%, #BB5BB1 100%);
  text-align: center;
  color: #fff;
  padding: 0 0 35px 0;
}
.searchForm .titlebox{padding:40px 0 30px 0;color:#FFF;}
.search-bg{height:400px;position: absolute;left:0;width:100%;top:0;}
.home-logo{
  margin-top: -45px;
}
.home-search h2,.searchForm h2{
  font-size: 40px;
  color: #fff;
  font-weight: 400;
  letter-spacing: -0.12px;
  line-height: 60px;
}
.home-search a.whiteLink{
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.05px;
  line-height: 24px;
}
/* ========= / HOME SEARCH ========= */

.purplestroke{
  background-image: radial-gradient(48% 122%, #9C4C94 33%, #BB5BB1 100%);
  color: #fff;
}
.purplestroke.formOverlay{
  padding-bottom: 200px;
}
.purplestroke h1, .purplestroke p{
  color: #fff;
}

.home-bluestroke{
  background: #00AFC3;
  text-align: center;
  padding: 16px 0;
}

.formstroke.formOverlay{
  margin-top: -160px;
}

/* =========  FORM PARTS ========= */
input[type="text"], input[type="password"], select, textarea.formInput{
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  min-height: 40px;
  padding: 0 15px;
  font-size: 16px;
  /*color: #8E999F;*/
  color: #333333;
  line-height: 24px;
  margin-right: 10px;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus{
  background: #FFFFFF;
  border: 1px solid #9C4C94;
  box-shadow: 0 0 4px 0 rgba(156,76,148,0.65);
}
textarea.formInput{
  padding: 10px 15px;
  min-height: 150px;
}
.formInput{
  display: inline-block;
  width: 100%;
  border: 0;
  margin: 0;
  background: #FFFFFF;
  border-radius: 2px;
}

.formInput.bigInput{
  padding: 18px 15px;
  box-shadow: 0 4px 8px 0 rgba(51,51,51,0.50);
  font-size: 18px;
  color: #7F7F7F;
  line-height: 24px;
}

.formErrorlbl {
    display: none;
    font-size: 12px;
    line-height: 22px;
    color: #da2f22;
    margin-left: 2px;
}

.formInput.bigInput.tagInput,
.bootstrap-tagsinput{
  padding-left:120px!important;
}
.bootstrap-tagsinput {
min-height: 60px;
width: 100%;
padding: 10px 6px 5px;
position: relative;
z-index: 9;
}

.bootstrap-tagsinput .tag {
padding: 10px 15px;
background: #F0F0F0;
color: #333333;
font-size: 16px;
line-height: 18px;
font-weight: bold;
display: inline-block;
border-radius: 0;
vertical-align: middle;
margin-bottom: 5px;
}
.bootstrap-tagsinput input[type='text']{border-radius:0;border:none;box-shadow:none;min-width:300px;line-height:16px;min-height:38px;margin-top:-1px;padding-left:10px;}
.bootstrap-tagsinput input[type='text']:focus{box-shadow:none;}
.bootstrap-tagsinput .tag [data-role="remove"]{
    background:#cacaca;color:#F0F0F0;width:16px;height:16px;line-height:16px;border-radius:8px;font-size:11px;font-weight:400;
    display: inline-block;vertical-align: middle;letter-spacing: -0.5px;margin-top:-2px;
    background: url('/images/icons/icon-remove.png') left center no-repeat;
    background: url('/images/icons/icon-remove.svg') left center no-repeat;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover{
    box-shadow:none;
    background: url('/images/icons/icon-remove-hover.png') left center no-repeat;
    background: url('/images/icons/icon-remove-hover.svg') left center no-repeat;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after{content:"";}
.twitter-typeahead{vertical-align: middle;min-width:400px;position:initial!important;}
.twitter-typeahead pre,.twitter-typeahead .tt-hint{display:none!important;}
.tt-menu{background:#fff;width:100%;left:0px;border-radius:4px;border:1px solid #ccc;border-bottom:none;}
.tt-menu .tt-selectable{padding:10px;padding-left:20px;border-bottom:1px solid #ccc;}

.formbtn, .formbtn:focus, formbtn:active {
  display: inline-block;
  border-radius: 2px;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 24px;
  padding: 8px 20px;
  box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.20);
  border-radius: 2px;
  background: #00AFC3;
}
.formbtn.innerbtn{
  position: absolute;
}
.formbtn.purple{ background: #9C4C94;}
.formbtn.blue{ background: #00AFC3;}
.formbtn.red{ background: #CD504E;}
.formbtn.yellow{ background: #E6A519;}
.formbtn.white{ background: #FFFFFF;}
.formbtn.disabled{ background: #D4D4D4;}
.formbtn.outline.yellow{
  background: rgba(230,165,25,0.05);
  border: 1px solid #E6A519;
  box-shadow: inset 0 -2px 0 0 #E6A519;
  color: #E6A519;
}
.formbtn.outline.blue{
  background: rgba(0,175,195,0.05);
  border: 1px solid #00AFC3;
  box-shadow: inset 0 -2px 0 0 #00AFC3;
}
.formbtn.outline.yellow:hover{
  background: rgba(230,165,25,0.45);
  color: #fff;
}
.login .formbox .formbody, .formbox.modalform .formbody{
  padding: 30px 70px 60px 70px;
}
.login .formrow{
  position: relative;
}
.formrow a.insideInputLink {
  position: absolute;
  right: 25px;
  bottom: 0;
  line-height: 40px;
  white-space: nowrap;
}
a.link, .formrow a.link{
  font-size: 14px;
  line-height: 24px;
  color: #00AFC3;
  text-decoration: underline;
}
.formrow a.insideInputLink {
  position: absolute;
  right: 25px;
  bottom: 0;
  line-height: 40px;
  white-space: nowrap;
}
.login .checklist li, .user-form .checklist li{
  list-style: none;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
}
.login .checklist li span, .user-form .checklist li span{
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #fff;
  border: 1px solid #D4D4D4;
  border-radius: 5px;
  margin-right: 10px;
}
.login .checklist li span.checked, .user-form .checklist li span.checked{
  background: #00AFC3;
  border: 1px solid #00AFC3;
}
.login .formboxDisclaimer:first-child{
  margin-top: -20px;
}
.login .formboxDisclaimer{
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
}
.login .formboxDisclaimer a{
  color: #00AFC3;
  text-decoration: underline;
}


.home-search .formbtn.innerbtn, .compactSearch .formbtn.innerbtn{
  font-size: 18px;
  padding: 12px 30px;
  right: 20px;
  top: 7px;
  cursor: pointer;
  border: none;
}
.compactSearch .formbtn.innerbtn{
  top: 33px;
  z-index: 11;
}
.formbtn:hover {
    color: #fff;
    opacity: 0.95;
}

.formrow, .formrow .marginB {
    margin-bottom: 25px;
}
.compactSearch .formrow,.formrow:last-child, .formrow.noMargin{
  margin-bottom: 0px;
}

.formrow label {
    display: block;
    font-size: 14px;
    color: #474747;
    line-height: 24px;
    margin-bottom: 3px;
}
label.formLabel, label.readLabel {
    font-weight: 400;
}
input.autocomplete,input.autocomplete:focus{background:#fff url('/images/icons/icon-search-gray.png') right 13px center no-repeat;padding-right:30px;}
.human input.autocomplete, .animal input.autocomplete{
  padding-left: 40px;
}
.autocompleteWrap{
  position: relative;
}
.autocompleteWrap i.icon-type{
  position: absolute;
  left: 30px;
  bottom: 10px;
}
.autocompleteWrap.human i.icon-type.human, .autocompleteWrap.animal i.icon-type.animal{
  display: block!important;
}
.autocompleteWrap.human i.icon-type.animal, .autocompleteWrap.animal i.icon-type.human{
  display: none!important;
}

.ui-autocomplete {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  position: absolute;
  padding:0;
  /*margin-top:-1px;*/
  border-top:none;
}
.ui-autocomplete li {
  border-bottom: 1px solid #cccccc;
  padding: 5px;
  display: block;
}
.ui-autocomplete li i,.tt-suggestion i{
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.ui-autocomplete li:last-child {
  border-bottom: none;
}
.ui-autocomplete li.hover {
  background-color: #efefef;
}
.ui-menu .ui-menu-item.ui-state-focus{border:none;}
.ui-menu .ui-menu-item,.ui-menu .ui-menu-item:hover,.tt-menu .tt-suggestion{padding:10px 12px;color:#4D5967;font-size:14px;font-weight:400;background:#fff;font-family:'Open Sans',sans-serif;}
.ui-menu .ui-menu-item:hover,.ui-menu .ui-menu-item.ui-state-focus,.tt-menu .tt-suggestion:hover{background:#B14A98;color:#fff;}

/* ========= / FORM PARTS ========= */

/* =========  FOOTER nav ========= */
.footer-contact{
  background: #FFF;
  padding: 50px 0;
  margin-top: 70px;
  box-shadow: inset 0 1px 0 0 #F0F0F0;
}
#footer a.footer-logo{
  display: block;
  width: 230px;
  height: 60px;
  background: url('/images/logo/pharma-footerlogo.png') left center no-repeat;
  background: url('/images/logo/pharma-footerlogo.svg') left center no-repeat;
  background-size: contain;:
}
#footer h2{
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  font-size: 40px;
  color: #8E999F;
  letter-spacing: -0.12px;
  line-height: 32px;
  margin-bottom: 10px;
}
#footer p{
  font-size: 16px;
  color: #8E999F;
  line-height: 20px;
}
#footer p.icon {
  font-size: 14px;
  padding-left: 45px;
}
#footer p.icon.address{
  background: url('/images/icons/icon-location.png') left top no-repeat;
  background: url('/images/icons/icon-location.svg') left top no-repeat;
  margin-bottom: 25px;
}
#footer p.icon.web{
  background: url('/images/icons/icon-web.png') left top no-repeat;
  background: url('/images/icons/icon-web.svg') left top no-repeat;
}
#footer p.icon.tel{
  background: url('/images/icons/icon-telephone.png') left top no-repeat;
  background: url('/images/icons/icon-telephone.svg') left top no-repeat;
  margin-bottom: 25px;
}
#footer p.icon.mail{
  background: url('/images/icons/icon-mail.png') left top no-repeat;
  background: url('/images/icons/icon-mail.svg') left top no-repeat;
}
#footer p a{
  font-size: 14px;
  color: #00AFC3;
}
.footer-disclaimer{
  background: #e8e8e9;
  padding: 25px 0;
}
#footer a i.icon-arrow-blue{
  display: inline-block;
  width: 6px;
  height: 13px;
  margin-left: 3px;
  background: url('/images/icons/icon-arrow-blue.png') left top no-repeat;
  background: url('/images/icons/icon-arrow-blue.svg') left top no-repeat;
}
/* ========= / FOOTER nav ========= */

#content .contentBlock table td{
  padding: 7px 10px 7px 0px;
}
#content .contentBlock table td strong{
  font-weight: 600;
}

/* =========  TABLE  ========= */
.table{
  /* background-image: linear-gradient(-45deg, #BB5BB1 0%, #93408B 100%); */
  /* background-image: -webkit-linear-gradient(-45deg, #BB5BB1 0%, #93408B 100%); */
  background: -webkit-linear-gradient(right, #BB5BB1, #93408B);
  background: -o-linear-gradient(left, #BB5BB1, #93408B);
  background: -moz-linear-gradient(left, #BB5BB1, #93408B);
  background: linear-gradient(to left, #BB5BB1, #93408B);
  border-radius: 4px 4px 0 0;
  width: 100%;
  max-width: 100%;
}

.table thead{

  /*background-image: linear-gradient(-45deg, #BB5BB1 0%, #93408B 100%);*/
  border-radius: 4px 4px 0 0;
}
.table th{
  font-size: 14px;
  color: #FFFFFF;
  line-height: 24px;
}
.table th:first-child{
  border-radius: 4px 0 0 0;
}
.table th:last-child{
  border-radius: 0 4px 0 0;
}
.table>thead>tr>th, .table>tbody>tr>td {
  vertical-align: middle;
  vertical-align: top;
  border-bottom: none;
  padding: 20px 15px;
  border: none;
}

.table-striped>tbody>tr{
  background: #FFFFFF;
  box-shadow: inset 0 -1px 0 0 #D4D4D4;
}
.table-striped>tbody>tr:nth-of-type(odd){
  background: #FAFAFA;
}
.table-striped>tbody>tr>td{
  color: #474747;
}

.table-striped>tbody>tr>td>a{
  color: #333333;
  font-weight: 400;
}
.table-striped>tbody>tr>td>a:hover{
  color: #474747;
}
.table-striped>tbody>tr>td>.passive{
  font-size: 14px;
  line-height: 14px;
  color: #7F7F7F;
}
.table-striped>tbody>tr>td>ul{
  margin-top: 4px;
}
.table-striped>tbody>tr>td>ul li{
  list-style: none;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 5px;
}
.table-striped>tbody>tr>td>ul li:last-child{
  margin-bottom: 0px;
}

th a.sortableHeader{
  color: #fff;
  padding-right: 35px;
}
th a.sortableHeader.text.desc, th a.sortableHeader.text.asc.reverse {
  background: url('/images/icons/icon-sort-AZ-desc.png') right center no-repeat;
  background: url('/images/icons/icon-sort-AZ-desc.svg') right center no-repeat;
}
th a.sortableHeader.text.asc, th a.sortableHeader.text.desc.reverse {
  background: url('/images/icons/icon-sort-AZ-asc.png') right center no-repeat;
  background: url('/images/icons/icon-sort-AZ-asc.svg') right center no-repeat;
}
th a.sortableHeader.numeric.desc, th a.sortableHeader.numeric.asc.reverse {
  background: url('/images/icons/icon-sort-09-desc.png') right center no-repeat;
  background: url('/images/icons/icon-sort-09-desc.svg') right center no-repeat;
}
th a.sortableHeader.numeric.asc, th a.sortableHeader.numeric.desc.reverse {
  background: url('/images/icons/icon-sort-09-asc.png') right center no-repeat;
  background: url('/images/icons/icon-sort-09-asc.svg') right center no-repeat;
}

tr.clickableRow:hover{
  cursor: pointer;
}
.icon.arrowRight{
  display: block;
  width: 10px;
  height: 19px;
  background: url('/images/icons/icon-arrow-right.png') center center no-repeat;
  background: url('/images/icons/icon-arrow-right.svg') center center no-repeat;
}

.icon-type{
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: 18px;
}
.icon-type.human{
  background: url('/images/icons/icon-type-human.png') center center no-repeat;
  background: url('/images/icons/icon-type-human.svg') center center no-repeat;
}
.icon-type.animal{
  background: url('/images/icons/icon-type-animal.png') center center no-repeat;
  background: url('/images/icons/icon-type-animal.svg') center center no-repeat;
}
.ui-menu-item:hover .icon-type.human,.ui-menu-item.ui-state-focus .icon-type.human,
.tt-suggestion:hover .icon-type.human{
  background: url('/images/icons/icon-type-human-white.png') center center no-repeat;
  background: url('/images/icons/icon-type-human-white.svg') center center no-repeat;
}
.ui-menu-item:hover .icon-type.animal,.ui-menu-item.ui-state-focus .icon-type.animal,
.tt-suggestion:hover .icon-type.animal{
  background: url('/images/icons/icon-type-animal-white.png') center center no-repeat;
  background: url('/images/icons/icon-type-animal-white.svg') center center no-repeat;
}

.pager{
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  display: block;
  text-align: right;
}
.pager span{
  line-height: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: top;
}
.pager .pagernav{
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  vertical-align: top;
}
.pager .pagernav.disabled{
  cursor: default;
  opacity: 0.25;
}
.pager .pagernav.prev{
  background: url('/images/icons/icon-pager-prev.png') center center no-repeat;
  background: url('/images/icons/icon-pager-prev.svg') center center no-repeat;
}
.pager .pagernav.next{
  background: url('/images/icons/icon-pager-next.png') center center no-repeat;
  background: url('/images/icons/icon-pager-next.svg') center center no-repeat;
}

.emptystate{
  display: block;
  display: none;
  width: 100%;
  text-align: center;
  padding: 50px 0;
}
.emptystate .emptystate-logo{
  display: inline-block;
  width: 51px;
  height: 54px;
  margin-left: 0 auto;
  background: url('/images/logo/e-compendium-logo-gray.png') center top no-repeat;
  background: url('/images/logo/e-compendium-logo-gray.svg') center top no-repeat;
}
.emptystate h3{
  color: #8E999E;
  font-size: 20px;
  font-weight: 200;
  padding: 15px 0;
}

.emptystate h3.emptystateHeader{
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  line-height: 24px;
}

p.resultcount{
  font-size: 14px;
  color: #474747;
  letter-spacing: -0.04px;
  line-height: 24px;
}
p.resultcount .searchTerm{
  font-weight: 400;
}

/* =========/ TABLE  ========= */

.icon.message-sent{
  width: 126px;
  height: 95px;
  background: url('/images/icons/icon-sent-2.png') center center no-repeat;
  background: url('/images/icons/icon-sent-2.svg') center center no-repeat;
  margin: 30px 0;
}

/* ========= HOME GRID  ========= */
.home-gridbuttons{
  margin: 50px 0;
}
.home-gridbuttons .gridButton{
  background: #FAFAFA;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.20);
  border-radius: 3px;
  text-align: center;
  height: 120px;
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
  position: relative;
}
.home-gridbuttons .gridButton:hover{
  box-shadow: 0 5px 9px 0 rgba(0,0,0,0.25);
}
.home-gridbuttons .gridButton.square{
  height: 261px;
}
.home-gridbuttons .gridButton span{
  position: absolute;
  top: 50%;
  margin-top: -40px;
  width: 100%;
  display: block;
}
.home-gridbuttons .gridButton.square span{
  top: 60%;
  margin-top: 0;
}

.home-gridbuttons .gridButton.hasIcon span{
  top: 75%;
}
.home-gridbuttons .gridButton span i{
  font-size: 16px;
  color: #474747;
  line-height: 20px;
  display: block;
  margin: 10px 0;
}

.home-gridbuttons .gridButton span i.bold{
  font-weight: 500;
  font-size: 18px;
  color: #333333;
  letter-spacing: -0.05px;
  line-height: 24px;
}

.home-gridbuttons .gridButton.videoPlaceholder{
  background: #FFF url('/images/home-video.png') center center no-repeat;
  background: #FFF url('/images/home-video.svg') center center no-repeat;
}
.home-gridbuttons .gridButton i.icon.playbtn{
  display: block;
  width: 90px;
  height: 90px;
  background: url('/images/icons/icon-btn-play.png') center center no-repeat;
  background: url('/images/icons/icon-btn-play.svg') center center no-repeat;
  position: absolute;
  left: 50%;
  margin-left: -45px;
  top: 50%;
  margin-top: -45px;
}
.home-gridbuttons .gridButton.videoPlaceholder:hover i.icon.playbtn{
  opacity: 0.95;
}
.home-gridbuttons .gridButton i.icon.webparts{
  display: block;
  width: 49px;
  height: 50px;
  background: url('/images/icons/icon-webparts.png') center center no-repeat;
  background: url('/images/icons/icon-webparts.svg') center center no-repeat;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  top: 30%;
}

.home-gridbuttons .gridButton i.icon.webparts{
  background-size: 30px 30px;
  margin-left: -15px;
  top: 5%;
}
/* ========= / HOME GRID  ========= */


/* =========  LANG DROPDOWN  ========= */
.main-nav .fake-dropdown,.main-nav .searchBox{
  top: 24px;
}
.fake-dropdown,.searchBox{
  display: inline-block;
  float: right;
  position: relative;
}
.searchBox{line-height:32px;}
.searchBox a{color:#fff;}
.fake-dropdown .top{
  width: 60px;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: -0.05px;
  line-height: 24px;
  padding: 2px 5px 2px 10px;
  border: 2px solid #BB8FB7;
  border-radius: 2px;
  text-transform: uppercase;
}

.fake-dropdown .top .icon.arrowDown{
  background: url('/images/icons/icon-arrow-white.png') right center no-repeat;
  background: url('/images/icons/icon-arrow-white.svg') right center no-repeat;
  display: inline-block;
  width: 12px;
  height: 24px;
  float: right;
}


.fake-dropdown .drop{
  width: 60px;
  border: 2px solid #BB8FB7;
  border-radius: 0 0 2px 2px;
  border-top: none;
  position: absolute;
  display: none;
  background: #fff;
}
.fake-dropdown .drop li{
  list-style: none;
}
.fake-dropdown .drop li a{
  font-size: 16px;
  color: #9C4C94;
  letter-spacing: -0.05px;
  line-height: 24px;
  text-transform: uppercase;
  width: 100%;
  display: block;
  padding: 2px 10px;
}

.fake-dropdown.open .top{
  border-bottom: none;
  border-radius: 2px 2px 0 0;
}
.fake-dropdown.open .drop{
  display: block;
  z-index: 20;
}
.fake-dropdown .top:hover, .fake-dropdown.open .top{
  cursor: pointer;
  background: #fff;
  color: #9C4C94;
}
.fake-dropdown .top:hover .icon.arrowDown, .fake-dropdown.open .top .icon.arrowDown{
  background: url('/images/icons/icon-arrow-purple.png') right center no-repeat;
  background: url('/images/icons/icon-arrow-purple.svg') right center no-repeat;
}
.fake-dropdown .drop li a:hover{
  color: #fff;
  background: #9C4C94;
}
/* ========= / LANG DROPDOWN  ========= */

.compactSearch{
    background-image: radial-gradient(48% 122%, #9C4C94 33%, #BB5BB1 100%);
    color: #fff;
    padding: 15px 0 25px 0;
}
.compactSearch .formLabel{
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: -0.04px;
  line-height: 24px;
  text-shadow: 0 2px 10px rgba(0,0,0,0.30);
}


.meta-header{
  padding: 0;
  border-bottom: none;
}

.headerRow{padding-top:0;}
.headerRow.tableOfContents{
  padding-top: 0;
  margin-top: 20px;
  border-top: none;
}

.partToggle{
  position: absolute;
  margin-left: -36px;
}
.partToggle .collapse{
  opacity: 0.6;
  display: block;
  cursor: pointer;
  width: 26px;
  height: 26px;
  background: url('/images/icons/icon-collapse.png') center center no-repeat;
  background: url('/images/icons/icon-collapse.svg') center center no-repeat;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.partToggle .collapse:hover{
  opacity: 1;
}
.partToggle .collapse.closed{
  transform: rotate(180deg);
}
.partToggle .collapse.opend{
  transform: rotate(0deg);
}

.group .titleToggle h2:hover, .group .titleToggle h1:hover{
  cursor: pointer;
}

.contentRow.hasHeader{
  display: none;
}


.iconbtn{
  display: inline-block;
  background: #FFFFFF;
  background: #FFFFFF url('/images/icons/icon-print.png') 15px center no-repeat;
  background: #FFFFFF url('/images/icons/icon-print.svg') 15px center no-repeat;
  border: 1px solid #CCCCCC;
  box-shadow: inset 0 -2px 0 0 #CCCCCC;
  border-radius: 2px;

  font-size: 16px;
  color: #8E999F;
  letter-spacing: -0.05px;
  line-height: 24px;
  padding: 10px 15px  10px 45px;
  margin: 0;
}

.iconbtn:hover{
  background: #F8F8F8;
  background: #F8F8F8 url('/images/icons/icon-print.png') 15px center no-repeat;
  background: #F8F8F8 url('/images/icons/icon-print.svg') 15px center no-repeat;
  color: #8E999F;
}

.collapseAll .opened,.shorten .long{
  display: none;
}
.lnk.blue{
  color: #00afc3;
  text-decoration: underline;
}

a.dashedbtn.download{
  background: #FFFFFF url('/images/icons/icon-download.png') left 15px center no-repeat;
  background: #FFFFFF url('/images/icons/icon-download.svg') left 15px center no-repeat;
}
a.dashedbox{
  display: inline-block;
  border: 2px dashed #CCCCCC;
  border-radius: 2px;
  /*padding: 10px 25px 10px 45px;*/
  padding:10px 25px;
  font-size: 16px;
  color: #8E999F;
  line-height: 24px;
  text-align: center;
  background: url('/images/icons/icon-pdf.png') center top 40px no-repeat;
  background: url('/images/icons/icon-pdf.svg') center top 40px no-repeat;
  height: 215px;
}
a.dashedbox span{
  margin-top: 125px;
  display: block;
  font-size: 18px;
}
a.dashedbox:hover{
  background: #f0f0f0 url('/images/icons/icon-pdf.png') center top 40px no-repeat;
  background: #f0f0f0 url('/images/icons/icon-pdf.svg') center top 40px no-repeat;

}


.spinner-container{
  width:100%;
  margin-top:30px;
  margin-bottom:50px;
}
.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}
.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #b759ad;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.multiselect{
  display: block;
  position: relative;
  width: 100%;
  background: #fff;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
}
.multiselect .base{
  position: relative;
  padding: 10px 15px;
}
.multiselect .base a{
  display: none;
  font-size: 14px;
  color: #CD504E;
  text-decoration: underline;
  float: right;
  margin-right: 25px;
}
.multiselect .base.open a{
  display: block;
}
.multiselect .base:hover{
  cursor: pointer;
}

.multiselect .base:after{
  content: '';
  display: block;
  width: 12px;
  height: 8px;
  position: absolute;
  background: #FFFFFF url('/images/icons/icon-dropdown.png') center center no-repeat;
  background: #FFFFFF url('/images/icons/icon-dropdown.svg') center center no-repeat;
  right: 15px;
  top: 50%;
  margin-top: -4px;
  -webkit-transition: all 0.1s ease-out;
     -moz-transition: all 0.1s ease-out;
       -o-transition: all 0.1s ease-out;
          transition: all 0.1s ease-out;
}
.multiselect .base.open:after{
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.multiselect .drop{
  display: none;
  position: absolute;
  width: 100%;
  width: calc(100% + 2px);
  background: #FFFFFF;
  margin-top: -1px;
  margin-left: -1px;
  border: 1px solid #CCCCCC;
  border-top: 1px solid #FFFFFF;
  padding: 10px 15px;
  z-index: 10;
}
.multiselect.open .drop{
  display: block;
}

table.price-table {
  border-collapse: collapse;
  display:inline-block;
  margin: 5px 0 25px 0;
}
table.price-table tbody{
  border: 1px solid #D4D4D4;
}
table.price-table td, table.price-table th {
  border: 1px solid #D4D4D4;
  padding: 10px;
}
table.price-table th {
  background: rgba(156,76,148,0.05);
  border: 1px solid rgba(156,76,148,0.40);
  font-size: 14px;
  color: #9C4C94;
  letter-spacing: -0.04px;
  line-height: 24px;
  font-weight: normal;
}
table.price-table thead{
  border: 1px solid rgba(156,76,148,0.40);
}
table.price-table tr:first-child th {
  border-top: 0;
}
table.price-table tr:last-child td {
  border-bottom: 0;
}
table.price-table tr td:first-child,
table.price-table tr th:first-child {
  border-left: 0;
}
table.price-table tr td:last-child,
table.price-table tr th:last-child {
  border-right: 0;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

iframe.fullScreen {
    width: 100%;
    height: 532px;
}


/* ====================================================== */
/* ===================== RESPONSIVE ===================== */
/* ====================================================== */
@media all and (max-width:1200px) {
  iframe.fullScreen {
      width: 100%;
      height: 438px;
  }
}
@media all and (max-width:992px) {
  .desktoponly {
      display: none!important;
  }
  .mobiletabletonly {
      display: block!important;
  }
  .searchBox{margin-right:20px;}
  .formrow .col-md-6 + .col-md-6{margin-top:25px;}

  iframe.fullScreen {
      width: 100%;
      height: 405px;
  }
}
@media all and (max-width:767px) {
  .mobileonly {
      display: block!important;
  }
  .desktoptabletonly {
      display: none!important;
  }
  /*.searchBox{
    float:none;
    display:block;
    text-align: right;
    width:100%;
    clear:both;
  }*/

  .formbody.paddedform{
    padding: 40px 40px;
  }

  .compactSearch{
    padding: 0 0 25px 0;
    min-height: 155px;
    position: relative;
    z-index: 99;
  }

  .main-nav{
    background-image: radial-gradient(48% 122%, #9C4C94 33%, #BB5BB1 100%);
  }
  .home-logo{
    width: 100px;
  }
  .home-search h2{
    font-size: 32px;
    line-height: 48px;
  }

  .footer-contact .col-xs-12{
    margin-bottom: 25px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .footer-contact .footer-logo{
    margin-bottom: 25px;
  }

  .main-content{
    margin-bottom: 0;
  }
  .push{
    display: none;
  }


  #sortTable td{
    padding-bottom: 20px;
  }
  #sortTable td span.mobileonly{
    font-size: 14px;
  }
  #sortTable td span.mobileonly i.inlineth{
    color: #8e999f;
    font-size: 12px;
    display: block;
    margin: 10px 0 0px 0;
  }
  #sortTable td .icon.arrowRight{
    margin-top: 15px;
  }
  #sortTable.singleColumn td .icon.arrowRight{
    margin-top: 0px;
  }

  p.resultcount{
    text-align: center;
  }

  .partToggle{
    margin-left: 0;
  }
  .contentWrap .headerRow h1{
    padding-left: 36px;
  }

  .contentWrap table {
		overflow-x: auto;
		display: block;
	}

}
@media all and (max-width:639px) {
  .home-logo{
    width: 80px;
  }
  .home-search h2{
    font-size: 26px;
    line-height: 36px;
  }

  .home-search .formbtn.innerbtn, .compactSearch .formbtn.innerbtn{
    position: relative;
    width: 100%;
    top: inherit;
    right: inherit;
    margin-top: 20px;
    text-align: center;
  }

  #header .logo{
    background: none;
    padding-left: 0;
  }

}
@media all and (max-width:479px) {
  .home-logo{
    width: 70px;
  }
  .home-search h2{
    font-size: 22px;
    line-height: 36px;
  }
  .formbody.paddedform{
    padding: 40px 20px;
  }
  label.horizontalradioWrapper.vertical.inline{
    margin-bottom: 10px;
  }
}
@media all and (max-width:359px) {

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

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  select:focus,
  textarea:focus,
  input:focus,
  select,
  textarea,
  input {
    font-size: 16px;
  }

}

@media only screen and (max-width: 767px) {
    .partToggle + .row{
        pointer-events: none;
        padding-left: 32px;
    }
}