/**
 * @license
 * MyFonts Webfont Build ID 3301044, 2016-10-26T23:58:10-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: AvenirLTStd-Book by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/45-book/
 * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * Licensed pageviews: 250,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3301044
 *
 * © 2016 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/325eb4");


@font-face {font-family: 'AvenirLTStd-Book';src: url('../webfonts/325EB4_0_0.eot');src: url('../webfonts/325EB4_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/325EB4_0_0.woff2') format('woff2'),url('../webfonts/325EB4_0_0.woff') format('woff'),url('../webfonts/325EB4_0_0.ttf') format('truetype');}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');}

html{
 /*height:100%;
 min-height:100%;*/
 height: 100vh;
 }

body {
    /*font-family: 'AvenirLTStd-Book';*/
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 21px;
    background: #4772a2;
    color: #fff;
    padding-top: 0;
    /*min-height:100%;*/
}
body.fixed-nav{
    padding-top: 52px; /* height of navbar */
    height: auto;
}

/******* TWBS overrides ***************/
a{
  color: #174471;

}
a:hover{
  color: #cad839;
  text-decoration: none;
}
p{
  margin-bottom: 15px;
}
.btn{
    color: #fff;
    border-radius: 0 !important;
    padding: 5px 0;
    text-transform: uppercase;
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #174471;
    text-decoration: none;
}

.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
    /*margin-right: -80px !important;
    margin-left: -80px !important;*/
}

table thead{
  background: #174471;
  color: #fff;
}
table thead a{
  color: #fff;
}

hr{
    margin: 15px 0;
    border-top: 1px solid rgba(23,68,113, .3);
}

td{
  vertical-align: top;
  padding: 5px;
}
th{
  text-align: center;
}


/** fix for fieldset problem
http://stackoverflow.com/questions/17408815/fieldset-resizes-wrong-appears-to-have-unremovable-min-width-min-content
*/
fieldset{
  display: block !important;
}

legend
{
  padding-top: 20px;
}

#UserProfileForm .checkbox{
  clear:both !important;
}

#UserProfileForm .textarea{
  color: #174471;
}

input[type="checkbox"] + label span
{
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(/assets/bootstrap/img/check_radio_sheet.svg) left top no-repeat;
    margin: 2px -33px !important;
}

#UserProfileForm input[type="checkbox"] + label {
  padding-left: 0px !important;
}

.input label
{
  min-width: 285px;
  text-align: right;
}

.input.text input
{
 width: 350px;
}
.input.date input
{
  width: 100px;
}
.input.textarea textarea
{
 width: 350px;
 color : #174471;
}

input[type="text"],input[type="textarea"],input[type="select"],
input[type="password"],input[type="checkbox"],input[type="file"]{
  margin-bottom: 10px;
  display: inline;
  margin-right: 0;
  padding: 0.2em 0.33333em;

}

@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

.page-header{
  margin-top: 80px;
}
/***************** end TWBS overrides *****************/

/* === Messages === */

#authMessage{
    text-align: center;
}
.message, .alert-message {
    background-color: #cad839;
    padding: 10px;
    color: #174471;
    font-size: 18px;
    text-align: center;
}
.message .button, .alert-message .button {
  font-size: 1em;
}

.alert-message.error {
  background-color: #f9d5d7;
  border: 1px solid #bc0b0b;
  color: black;
}

/********* end messages *********/

/************* ck editor *******************/
textarea.cke_source{
  color: #000;

}

/************ UI Widget overrides *****************/
.ui-widget{
  font-family: 'AvenirLTStd-Book';
  font-size: 14px;
}
.ui-widget-header{
    background: #669fd5;
    border: #fff 1px solid;
    color: #fff;
}
.form-control{
  width: 100%;
}


/*********** global styles ****************/
input[type="text"],
input[type="email"],
input[type="password"]{
  padding-left: 5px;
}
.full-width{
    width: 100% !important;
}

.left {float:left}
.clear {clear:both}

.chosen-container{
    border: none;
    padding: 0;
}
.chosen-container .chosen-single{
    border-radius: 0px;
    border: none;
    box-shadow: none;
    text-align: center;
    padding: 0;
    padding-top: 5px;
    padding-left: 20px;
    height: 32px;
}
.chosen-container-active.chosen-with-drop .chosen-single{
    border: none;
    color: #fff;
    box-shadow: none;
}
.chosen-container .chosen-drop{
    color: #fff;
    border: none;
    border-radius: 0px;
    text-align: left;
    text-transform: none;
}
.chosen-container .chosen-results{
    color: #fff !important;
}

.chosen-container .chosen-results li.highlighted{
    background:#fff !important;
    color: #174471 !important;
}

.chosen-container-single .chosen-search input[type=text]{
    color: #fff !important;
    text-align: left !important;
    border-color: #fff !important;
    background: url(/assets/bootstrap/img/chosen-sprite.png) no-repeat 100% -20px !important;
}
.btn-light{
    background: #669fd5;
}

.btn-dark{
    background: #174471;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus {
    color: #D1E2F3;
}


.btn-dark .chosen-single,
.btn-dark.chosen-container-active.chosen-with-drop .chosen-single,
.btn-dark.chosen-container .chosen-drop{
    background: #174471;
    color: #fff;
}

.btn-light .chosen-single,
.btn-light.chosen-container-active.chosen-with-drop .chosen-single,
.btn-light.chosen-container .chosen-drop{
    background: #669fd5;
    color: #fff;
}
table.stripey{
  background: #fff;
  margin: 0px;
  color: #174471;
  width: 100%;
}

table.stripey tbody tr:nth-child(odd) {
   background-color: rgba(102, 159, 213, .3);
}

table.stripey thead {
    background: #174471;
    color: #fff;
}
table.stripey th{
  font-size: 15px;
  line-height: 15px;
  padding: 8px;
  text-align: center;
  background: #174471;
}
.low {
  position: relative;
  width: 20px;
  overflow: hidden;
  background:#cad839;
}

.elevated {
  color:#62681a;
}

.moderate {
  color:#917e62;
}

.moderately_high{
  color:#d06e2e;
}

.high{
  color:#94193d;
}

/*************** header styles *******************/

.ul_logo{
    padding-top: 15px;
}

.ul_logo img{
    max-width: 150px;
}
.hbpg_logo img{
    max-width: 120px;
}
.header{
    padding: 40px 0;
    background-color: #fff;
   /* display: none; /* maybe not display for small devices */
}
.navbar{
    min-height: 40px;
    position: none;
}
.navbar-toggle .icon-bar{
    background: #fff;
}
.navbar-ul{
    text-transform: uppercase;
    background-color: #174471;
    color: #fff;
    border-radius: 0;
    width: 100%;
    margin-bottom: 0;
    height: 52px;
    z-index: 1000;
}

.navbar-ul{ /* display fixed at top until header is visible at 480px width */
    /*position: fixed;
    top: 0;*/
}
.navbar-fixed .navbar-ul{
    position: fixed;
    top: 0;
}
.navbar-ul a{
    color: #fff;
    font-size:14px;
}
.navbar-ul li a:hover,
.navbar-ul li a:focus{
    background: none;
    color: #669fd5;
}

.navbar-ul.affix{
    top: 0;
    z-index: 1000;
    /*overflow: hidden;*/
    height: auto;
}
.ui-dialog-titlebar-close{font-size: 1em;
    padding: 0px;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease-out;
    height: 25px;
    border: 0px;
}
.ui-dialog-titlebar-close:before{
 content: "✖";
 margin-top: -10px;
 color: #174471;

}

.navbar-collapse{
    background: #174471;
    max-height: none;
}

#navbar .nav{
    padding-left: 0px;
    clear: left; position: relative
}

#navbar .row{
    margin: 0;
}


#navbar .nav-middle-wrapper{
   padding-left: 0;
    height: auto;
}

#navbar .glyphicon{
  display:none;
}

.navbar-collapse{
    /*overflow: inherit !important;*/
}

/*********** sub-nav ****************/
.sub-nav{
  background: #fff;
  color: #174471;
}
.sub-nav ul{
  list-style: none;
}
.sub-nav li a,
.sub-nav li span{
  font-size: 12px;
  line-height: 13px;
  text-transform: uppercase;
}

.sub-nav li.active a,
.sub-nav li.active span{
  border-bottom: 1px solid #174471;
}

.main-wrapper{
  width: 100%;
  background-position: center 115px;
  background-repeat: no-repeat;
 /*background-image: url(/assets/bootstrap/img/default-background.jpg);*/
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  padding-top: 5px;
}

.main-wrapper-new{
  width: 100%;
  background-position: center 0px;
  background-repeat: no-repeat;
  /*background-image: url(/assets/bootstrap/img/default-background.jpg);*/
  /*background-size: cover;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  padding-top: 5px;
}

.home .main-wrapper{
  height: 100vh;
  background-image: url(/assets/bootstrap/img/default-background.jpg);
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.page-content{
    width: 100% !important;
    float: left;
    margin-right: 2.12766%;
    display: inline;
    margin-top: 20px;
    position: relative;
}

.content p{
    color: #174471;
}

.fixed-nav .content{

}

/*********** convenient global styles ************/
.opaque-box{
    background-color: rgba(255,255,255, 0.7);
    padding: 15px;
    color: #1a4371;
}

.opaque-box h1{
    font-size: 30px;
    margin: 0;
    text-align: center;
    background: #c9d938;
    line-height: 40px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 0;
    margin: -15px -15px 20px -15px;
}

/****************** forms ************************/


input{
    color: #174471;
    border: 1px solid #174471;
}

input[type="checkbox"]{
    display:none !important;

}
input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    background:url(/assets/bootstrap/img/check_radio_sheet.svg) left top no-repeat;
    vertical-align: bottom;
    margin: 0 7px;
    float: right;
}
input[type="checkbox"]:checked + label span {
    background:url(/assets/bootstrap/img/check_radio_sheet.svg) -19px top no-repeat;
}

select{
  color: #174471;
}
label{
    color: #174471;
    font-weight: normal;
    text-transform: uppercase;
    margin-right: 15px;
}
::-webkit-input-placeholder {
    color: #174471;
    text-transform: uppercase;
}

:-moz-placeholder { /* Firefox 18- */
    color: #174471;
    text-transform: uppercase;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #174471;
    text-transform: uppercase;
}

:-ms-input-placeholder {
    color: #174471;
    text-transform: uppercase;
}

/***************** typography *********************/

h1, h2, h3, h4, h5{
    color: #174471;
}

h3{
  font-size: 21px;
}
h4{
  font-size: 18px;
}

.cursive{
    font-family: 'Loved by the King', cursive;
}
.green{
    color: #cad839 !important;
}
button.btn, input.btn{
    border: none !important;
    background: #174471;
    font-size: 16px;
    color: #FFFFFF;
    padding: 10px 20px;
}

button.btn-small, input.btn-small,
.submit input{
    border: none !important;
    background: #174471;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 5px 10px;
}
.submit button{
    border: none !important;
    background: #174471;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 5px 10px;
}
button[type=submit]{
    border: none !important;
    background: #174471;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 5px 10px;
}
#company_report .remove .glyphicon-remove {
    color:red;
    margin-top: 4px;
}

.risk_report{
  padding-top:  10px;
}

/************** logged-in styles *************************/
.logged-in .content{
    background: #669fd5;
    padding: 0;
    margin: 0;
}

.logged-in .content > .container{
    background: #fff;
    padding-bottom: 15px;
}

.logged-in .content > .container h1{
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
    border-bottom: 1px solid #174471;
}

/***************** Login Page *************************/
.login-form-wrapper{
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}


/* .login-form-wrapper-login{
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
} */

.login-form-wrapper-signup{
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.login-form-wrapper-newuser{
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.login-box{
  max-width: 600px;
  background: rgba(255,255,255,0.8);
  margin: 100px auto 100px auto;
  padding: 20px;
  overflow: auto;
}

.login-box .submit input{
  float: right;
}
.login-box .page-header{
  color: #669fd5;
  border: none;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 10px;
}
.login-box .input label{
  min-width: 200px;
}
.login-box .input.text input{
  width: 300px;
}

.login-box .secondary{
  float: right;
  margin-bottom: 10px;
}
.login-box .page-header{
  margin-top: 0;
}
#login-popup .logging-in-message, .login-form-wrapper .logging-in-message{
  display: block;
  height: 0;
  text-align: center;
  visibility: hidden;
}
#login-popup .secondary a, .login-form-wrapper .secondary a {
    display: block;
}

.login-form-wrapper .form-contents label{
  width: 100px;
  margin-top: 10px;
}
.login-form-wrapper .form-contents #email,
.login-form-wrapper .form-contents #password{
  min-width: 300px;
  width: 100%;
  max-width: 375px;
}
.login-form-wrapper .email-row{
  margin-bottom: 10px;
}
.login-form-wrapper .form-contents .buttons-row{
  margin: 20px 0;
}
.login-form-wrapper input[type="submit"]{
  float: right;
}

/************************ Sign Up Page *********************/
.email_exists{
  text-align: center;
  margin: 0 auto;
  padding: 20px 0;
  position: absolute;
  width: 100%;
  background: #cad839;
  color: #000;
  font-size: 14px;
}

.password_hint_txt{
  max-width: 900px;
  display: block;
  margin: 0 auto;
}


/***************** Home Page *******************/

.banner h1{
  font-family: 'Loved by the King', cursive;
  margin-top: 60px;
  font-size: 60px;
  line-height: 60px;
  font-weight: normal;
  width: 100%;
  opacity: 1;
 transition: opacity .5s;
 -moz-transition: opacity .5s;
 -webkit-transition: opacity .5s;
}
.main-wrapper{
  background-position: center 0px;
}

.content-panel{
    width: 100%;
   /* min-height:100vh;*/
    padding-bottom: 0;
    z-index:0;
    background: fixed;
    position:relative;
    background-size: cover;
    background-position: left 50px;
}

.content-panel p, .content-panel ul{
    color: #fff;
}

.content-panel img{
    width: 100%;
}

.content-panel .container-wrapper{
    background: #174471;
    /*position:absolute;
    top: 0;*/
    width: 100%;
    padding: 0 0 50px 0;
    z-index: 100;
}

.content-panel .container-wrapper .caption{
    background: #cad839;
    padding: 0 10px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.content-panel .container-wrapper .caption p{
    color: #174471;
    padding: 5px 0;
}

.content-panel.theme-dark-blue .container-wrapper{
    background: #174471;
}

.content-panel.theme-light-blue .container-wrapper{
    background: #669FD5;
}

.content-panel.theme-white .container-wrapper{
    background: #fff;
}

.content-panel.theme-dark-blue p, .content-panel.theme-dark-blue ul{
    color: #fff;
}

.content-panel.theme-light-blue p, .content-panel.theme-light-blue ul{
    color: #fff;
}

.content-panel.theme-white p, .content-panel.theme-white ul{
    color: #174471;
}

.content-panel h2{
  text-align: center;
  font-family: 'Loved by the King', cursive;
  font-size: 34px;
  margin: 0 0 50px 0;
  padding: 30px 15px;
  background: #cad839;
  color: #174471;
}

.content-panel.theme-dark-blue h2{

}
.content-panel.theme-light-blue h2{

}
.content-panel.theme-white h2{

}

.content-panel-description{

}


.content-panel#section-0{
    background-image: url(/assets/bootstrap/img/default-bg1.jpg);
}
.content-panel#section-1{
    background-image: url(/assets/bootstrap/img/default-bg2.jpg);
}
.content-panel#section-2{
    background-image: url(/assets/bootstrap/img/default-bg3.jpg);
}
.home_page_overview#section-3{ 
    /*background-image: url(../img/default-bg4.jpg);*/
    padding-bottom: 0;
}

.content-panel#section-1 .container-wrapper{
  padding-bottom: 0;
}
.content-panel .quote{
  display: none;
}
.content-panel .quote p{
    color: #174471;
    font-size: 20px;
    font-style: italic;
}

.content-panel .quote{
    display: none; /* no display for mobile */
    position:fixed;
    overflow: hidden;
    width: 200px;
}
.content-panel .quote p{
    font-size: 20px;
    line-height: 25px;
    position: relative;
    top: 30px;
    opacity: 0;
   transition: all 1s ease-in-out;
   -moz-transition: all 1s ease-in-out;
   -webkit-transition: all 1s ease-in-out;
}


.content-panel#section-0 .quote{
    top: 140px;
    right: 200px;
    width: 600px
}
.content-panel#section-1 .quote{
    top: 200px;
    left: 55%;
    width: 40%;
}
.content-panel#section-2 .quote{
    top: 150px;
    left: 50%;
    width: 55%;
}
.content-panel#section-3 .quote{
    top: 250px;
    left: 45%;
    width: 400px
}
.content-panel#section-2 .quote p{
    color: #fff;
}
.jumbo-ul{
    background: transparent;
    padding: 0;
    position: relative;
}

.jumbo-ul .top{
    position: relative;
    display: none;
}
.jumbo-ul .top.affix{
    top: 42px;
    z-index: 200;
    position: fixed;
}

.jumbo-ul .top{
    width: 100%;
    min-height: 100px;
    background: rgba(102, 159, 213, 1);
    padding: 20px 0;

}
ul.icon-nav{
    margin: 0;
    list-style-type: none;
    padding-left: 0;
}
ul.icon-nav li{
    display: inline;
    text-align: center;
    clear: both;
}

ul.icon-nav li img{
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width:142px;
}

ul.icon-nav li a{
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: normal;
}

#navbar ul.icon-nav li a{
    width: 100%;
    padding: 5px;
    padding-left: 0;
    margin: 0;
    clear: both;
    float: left;
}
#navbar ul.icon-nav li a:hover *{
  color: #669fd5;
  font-size: 15px;
  font-weight: normal;
}
#navbar ul.navbar-nav.icon-nav{
    float: none;
    margin: 0 auto;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 7px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
#navbar ul.icon-nav li a span{
    margin-bottom: 0;
}
#navbar ul.icon-nav li a span.active{
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    top: 5px;
    left: 5px;
}

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

ul.icon-nav li a:focus,
ul.icon-nav li a:hover,
ul.icon-nav li a.selected{
    text-decoration: none;
    color: #23527c;
}

ul.icon-nav li a span{
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    margin-bottom:10px;
}

ul.icon-nav li a span.active{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -o-transition: opacity 2s;
    padding: 0 15px;
}
ul.icon-nav li a.selected span.active{
    opacity: 1;
}


.fixed-secondary-nav .jumbo-ul .bottom{
    /*padding-top: 215px;*/
}

ul.icon-nav li a .icon, ul.icon-nav li a .active{
  width: 20px;
  margin-right: 10px;
  float: left;
}

ul.icon-nav li a .nav-label{
  float: left;
  color: #fff;
  margin-left: 0;
  margin-top: 0;
}

ul.icon-nav li a.selected:hover{
  color: #669fd5;
}

/**************************************************
    svg fallback technique used for background-image
    https://css-tricks.com/svg-fallbacks/
****************************************************/
ul.icon-nav li.health a .icon{
    background-image: url(/assets/bootstrap/img/icon_health.png);
    background-image: linear-gradient(transparent, transparent), url(/assets/bootstrap/img/icon_health.svg);
}
ul.icon-nav li.about a .icon{
    background-image: url(/assets/bootstrap/img/icon_about.png);
    background-image: linear-gradient(transparent, transparent), url(/assets/bootstrap/img/icon_about.svg);
}
ul.icon-nav li.team a .icon{
    background-image: url(/assets/bootstrap/img/icon_team.png);
    background-image: linear-gradient(transparent, transparent), url(/assets/bootstrap/img/icon_team.svg);
}
ul.icon-nav li.services a .icon{
    background-image: url(/assets/bootstrap/img/icon_services.png);
    background-image: linear-gradient(transparent, transparent), url(/assets/bootstrap/img/icon_services.svg);
}

ul.icon-nav li.health a .active{
    background-image: url(/assets/bootstrap/img/icon_health_selected.png);
    background-image: linear-gradient(transparent, transparent), url(/assets/bootstrap/img/icon_health_selected.svg);
}
ul.icon-nav li.about a .active{
    background-image: url(/assets/bootstrap/img/icon_about_selected.png);
    background-image: linear-gradient(transparent, transparent), url(/assets/bootstrap/img/icon_about_selected.svg);
}
ul.icon-nav li.team a .active{
    background-image: url(/assets/bootstrap/img/icon_team_selected.png);
    background-image: linear-gradient(transparent, transparent), url(/assets/bootstrap/img/icon_team_selected.svg);
}
ul.icon-nav li.services a .active{
    background-image: url(/assets/bootstrap/img/icon_services_selected.png);
    background-image: linear-gradient(transparent, transparent), url(/assets/bootstrap/img/icon_services_selected.svg);
}



#navbar ul.icon-nav li.health a .icon{
    background-image: url(../assets/bootstrap/img/icon_health_small.png);
    background-image: linear-gradient(transparent, transparent), url(../assets/bootstrap/img/icon_health_small.svg);
}
#navbar ul.icon-nav li.about a .icon{
    background-image: url(../assets/bootstrap/img/icon_about_small.png);
    background-image: linear-gradient(transparent, transparent), url(../assets/bootstrap/img/icon_about_small.svg);
}
#navbar ul.icon-nav li.team a .icon{
    background-image: url(../assets/bootstrap/img/icon_team_small.png);
    background-image: linear-gradient(transparent, transparent), url(../assets/bootstrap/img/icon_team_small.svg);
}
#navbar ul.icon-nav li.services a .icon{
    background-image: url(../assets/bootstrap/img/icon_services_small.png);
    background-image: linear-gradient(transparent, transparent), url(../assets/bootstrap/img/icon_services_small.svg);
}
#navbar ul.icon-nav li.health a .active{
    background-image: url(../assets/bootstrap/img/icon_health_small_selected.png);
    background-image: linear-gradient(transparent, transparent), url(../assets/bootstrap/img/icon_health_small_selected.svg);
}
#navbar ul.icon-nav li.about a .active{
    background-image: url(../assets/bootstrap/img/icon_about_small_selected.png);
    background-image: linear-gradient(transparent, transparent), url(../assets/bootstrap/img/icon_about_small_selected.svg);
}
#navbar ul.icon-nav li.team a .active{
    background-image: url(../assets/bootstrap/img/icon_team_small_selected.png);
    background-image: linear-gradient(transparent, transparent), url(../assets/bootstrap/img/icon_team_small_selected.svg);
}
#navbar ul.icon-nav li.services a .active{
    background-image: url(../assets/bootstrap/img/icon_services_small_selected.png);
    background-image: linear-gradient(transparent, transparent), url(../assets/bootstrap/img/icon_services_small_selected.svg);
}
ul.navbar-middle{
  display:none; /* only display for home page*/
}
.pages-dashboard ul.navbar-middle{
  display: block;
}
ul li a:hover{
    color: #174471;
    text-decoration: none;
}

ul li a .label{
    display: block;
    padding-top: 10px;
}

.jumbo-ul .bottom{
    min-height: 100px;
}


.jumbo-ul .bottom section{
    /*background: rgba(23, 68, 113, 1);*/
}

footer{
    color: #fff;
    min-height: 100px;
    background: #4772a2;
    padding: 0 0 30px 0;
    margin-top: 20px;
}
footer h1, footer h2, footer h3, footer h4{
    color: #fff;
}

footer h4{
    margin-bottom: 15px;
    font-weight: bold;
}
footer .col{
    padding-top: 20px;
}
footer .info{

}
footer .info td{
    padding-bottom: 5px;
}
footer .info-label{
    display: inline-block;
    min-width: 130px;
    padding-right: 10px;
}
footer #mc_embed_signup{
  background: transparent;
}
footer #mc_embed_signup input.email{
  background: transparent;
  color: #fff !important;
  border: 1px solid #fff;
  padding-left: 10px;
  width: 80%;
  max-width: 250px;
  text-align: left;
}

footer #mc_embed_signup input[type="email"]::-webkit-input-placeholder {
   color: #fff;
}

footer #mc_embed_signup input[type="email"]:-moz-placeholder { /* Firefox 18- */
   color: #fff;
}

footer #mc_embed_signup input[type="email"]::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
}

footer #mc_embed_signup input[type="email"]:-ms-input-placeholder {
   color: #fff;
}
footer #mc_embed_signup input[type="submit"]{
    border: 1px solid #fff;
    background: #ccc;
    font-size: 16px;
    color: #669fd5;
    margin-left: 0px;
}
footer .follow-us{

}
.super-footer{
    padding: 0;
    padding-bottom: 20px;
    border-top: 1px solid #fff;
}
.sub-footer{
    border-top: 1px solid #fff;
    padding-top:20px;
}
#subscribe{
    margin-top: 20px;
}

.container{
   /* width: 1000px !important;*/
}

.pagination {
  text-align:center;
  width: 100%
}
.prev{
  padding-right: 20px;
  display: inline-block;
}
.next{
  padding-left: 20px;
  display: inline-block;
}

form select {
    margin-bottom: 10px;
    border-radius: 0;
}

input {
    color: #174471;
    border: 1px solid #174471;
}
.chzn-container .chzn-results li {
color : #333333;
}

.reportscheduleform .chzn-container .chzn-results li{
  text-align: left;
}

.health_category_items .input label
{ text-align: left; }

    /* Summary css */
    .menu{background: #c4d818; color: #174370; text-transform: uppercase; text-align: center; font-weight: bold; padding: 8px 0;}
    .widget-box-true img{width: auto !important;}
    .widget-box-true h1{font-size: 34px; font-weight: bold; text-transform: uppercase;}
    .widget-box-true h2{font-size: 24px; font-weight: bold; text-transform: uppercase; margin: 10px 0 0;}
    .widget-box-true h4{text-transform: uppercase; margin: 0 0 10px;}
    .summery-change-button{background: #679ed5; color: #FFFFFF; border: none; width: 100%;}
    .summery-icon{height: 104px; display: table; text-align: center; margin: 0 auto; }
    .summery-icon span{display: table-cell; vertical-align: middle;}
    .button-enter-data-summery{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #174471;
    margin: 0 auto;
     float: left;
    position: relative;
    z-index: 200;}
    .grid-item--width4{width: 848px !important;}
    .graph{position: absolute;margin-top: 39px;}

    button.edit-profile{background: #174370; color: #FFFFFF; border: none; width: 100%; text-transform: uppercase; font-weight: bold; margin: 10px 0 0; padding:8px; margin-bottom: 20px;}
    .dropdown-content > img {width: 100%;}
    .dropdown-content > ul{margin: 0 0 0 20px; padding: 0;}
    .dropdown-content > ul li{line-height: 30px;}
    .widget-box-true h2 {font-size: 14px;}
    h4 {font-size: 14px;}
    .widget-box-true img {
        width: 38% !important;
    }
    .all_class
    {
      float: left;
      vertical-align: middle;
      color: black;
      width: 31%;
      font-family: arial;
      padding-right:15px;

    }

    .sub_class {
        float: left;
        margin-left: 10%;
        width: 100%;
    }

    .initial_name {
      float: left;
      font-size: 12px;
      margin-right: 4%;

    }

    .most_recent{
      float: left;
      font-size: 12px;
      margin-right: 4%;
       margin-left: 4%;
    }

    .plus_change
    {
        float: left;
        font-size: 12px;
         margin-left: 2%;
    }
    .initial_name .label{
      font-size: 14px;

    }

    .most_recent .label{
      font-size: 14px;

    }

    .plus_change .label{
      font-size: 14px;

    }
    .initial_name .value {
      background-color: lightgray;
      display: inline-block;
      float: left;
      font-size: 17px;
      margin-top: 1%;
      padding: 7px 20px;
    }

    .most_recent .value {
      background-color: lightgray;
      display: inline-block;
      float: left;
      font-size: 17px;
      margin-top: 1%;
      padding: 7px 20px;
    }

    .plus_change .value {
      background-color: lightgray;
      display: inline-block;
      float: left;
      font-size: 17px;
      margin-top: 1%;
      padding: 7px 20px;
    }


.demo-wrapper{
    float: left;
    height: auto;
    /*margin: 40px 13px 1px 0;*/
    overflow: auto;
    width: 100%;
    background: white none repeat scroll 0 0;
}

.current_values{
margin-bottom: 10px;
display: block;
font-size: 21px;
font-weight: bold;
color: #174471;
}
.current_values h2{
font-weight: bold;
font-size: 28px;
}
.summary-info-sign{
color:#ccc;
}
.summary-widget-title{
display: inline-block;
width: 100%;
text-align: center;
text-transform: uppercase;
font-size: 15px;
line-height: 20px;
font-weight: bold;
margin-top: 0px;
padding-left: 10px;
padding-right: 10px;
height: 40px;
}
/*Messages*/
#tab-messages ul{margin: 0; padding: 0; list-style: none;}
#tab-messages ul li{width: 100%; padding: 10px;}
#tab-messages ul li:nth-of-type(odd) {background: #f1f1f1}
#tab-messages ul li .one{float: left; width: 30px;}
#tab-messages ul li .two{float: left; width: 630px;}
#tab-messages ul li .two span{display: block;}
#tab-messages ul li .two .sender-name{font-weight: bold; font-size: 15px;}
#tab-messages ul li .two .link{margin-top: 10px;}
#tab-messages ul li .two .link a{color: #1a69ac}
#tab-messages ul li .three{float: left; width: 130px; text-align: left;}
#tab-messages ul li .three span{display: block;}

#tab-messages .message{color: #FFFFFF; background: #1a69ac; line-height: 30px; padding: 0 10px;}
input[type="checkbox"]{display: inline-block;}

.messages-listing li.open .message-body {
border-top: 1px solid #e2e2e2;
display: block;
padding: 10px;
}
.messages-listing .message-body {
background-color: white;
color: black;
display: none;
line-height: 1.2;
white-space: normal;
}
.messages-listing .message-subject, .messages-listing .message-preview, .messages-listing .message-body {
display: none;
font-size: 15px;
}

.messages-listing .message-body {
background-color: white;
color: black;
display: none;
line-height: 1.2;
white-space: normal;
}
.messages-listing .message-subject, .messages-listing .message-preview, .messages-listing .message-body {
display: none;
font-size: 15px;
}


.messages-listing .actions a {
    margin-left: 0.11111em;
    padding: 0 0.16667em;
    position: relative;
}

.messages-listing .actions {
    float: none;
    font-size: 0.88889em;
    margin: 0.55556em 0 0;
}
.actions a.delete:hover {
    background-color: #bc0b0b;
    color: white;
    text-decoration: none;
}
.actions a.delete {
    color: #bc0b0b;
    padding-left: 5px;
    padding-right: 5px;
}
.layout-content form > fieldset .fields {
    padding: 0.55556em;
    background-color: #e2e2e2;
}
.messages-listing .reply-container {
    display: none;
}
.messages-listing li.replying .reply-container {
    display: block;
}
.messages-listing .reply-subject-wrapper .edit-reply-subject {
    display: block;
}
.messages-listing .reply-subject-wrapper input {
  display: none;
}

.messages-listing .edit-subject .reply-subject {
  display: none;
}
.messages-listing .edit-subject input {
  display: block;
}
.layout-content form .input > textarea, .layout-content form .input > input[type="text"], .layout-content form .input > input[type="password"], .layout-content form .input > input[type="email"] {
    border: 1px solid #b2b2b2;
    margin: 0;
    padding: 4px 3%;
    width: 94%;
}
.layout-content form > fieldset > div, .layout-content form > fieldset .fields > div {
    margin-top: 0.55556em;
}

.survey_recipient{
        padding: 0.55556em;
        background-color: #B2CFEA;
        border: 1px solid #000;
        margin: 6px 0 0 0px;
}
.survey_recipient .remove {
    margin-left: 13px;
    color: red;
}
.chzn-container{
  color: #174471;
}
.survey-response{
      padding-left: 20px;
      padding-right: 20px;
}

.user-info th{
    text-align: left !important;
    padding: 5px;
    text-transform: uppercase;
    background-color: #669fd5;
    color: #fff
}
.tips-info-sign {
    backface-visibility: visible !important;
    font-size: 24px;
    color: #ccc;
}

.profile_image{
  max-height: 226px;
  overflow: hidden;
  margin-bottom: 10px;
}

.checkbox label, .radio label {
  padding-left: 0px;
}

.input .chk_lbl {
  min-width: 0px;
  margin-top: 3px;
  margin-right: 50px;
  margin-left: -55px;

}

#ListCreateForm .input label{
  text-align: left;
}

#downcsv {
    float: right;
    margin: -3.5% 31% 0 0;
    position: relative;
}
#send_message_button {
    float: right;
    margin: -3% 31.1% 0 0;
    position: relative;
}

#FilterAddForm .input .chzn-container{
  margin-bottom: 10px;
  border-radius: 0;
  margin-left: -5px;
  border: 1px solid #000;
}

#FilterAddForm .input select{
  height: 29px;
  border: 1px solid #000;
}
.mobileapp_page {
background: #fff;
padding: 22px;
margin-top: 10px;
color: #174471;
}
.mobileapp_page img{
max-width: 100%;
}
img{
max-width: 100%;
}

#histogram_bins_bin .checkbox, .radio{ position:static; }

#exportcsv {
float: right;
margin: -3% 4% 0 0;
position: relative;
border: none !important;
background: #174471;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
padding: 5px 10px;
}
.risk_control{
  width: 100%;
}
/*Feature article edit page */
#PostEditForm .thumbnail-preview{
  margin: 0 0 0 26%;
}
#PostEditForm .feature_image{
  margin: 0 0 0 26%;
}
#PostEditForm .featureimage-thumbnail-admin{
  margin: 0 0 0 26%;
}
.featureimage-thumbnail-admin img{
  max-width: 70%;
}
#PostEditForm .remove{
  float: right;
  margin-top: 0;
  margin-right: 25%;
}
#PostEditForm .description{margin: 0 0 1% 26%;}

#UserSiteList_chzn{
    height: auto;
}

.report-submit{
  float: center;
  position:absolute;
  margin-top: 40px;
}

#ReportAccessForm .chzn-container {
  border:1px solid #174471;
  border-radius: 0px;
}

#ReportAccessForm .table-wrapper{display: inline-block;}
#ReportAccessForm .report-submit {clear: both; margin-top: 20px; position: relative; display: inline-block;}
#ReportAccessForm .chzn-container-multi .chzn-choices .search-field input{height: 25px;}
#ReportAccessForm .form-control{height: auto;width: 100% !important;}
#ReportAccessForm .chzn-container-single .chzn-single{height: 29px;}

.groups dd {
    margin: 0 0 0 40px;
}


/*user health summary page */
#graphs .header h1 {color: #ffffff;font-size: 15px;padding: 10px;margin:0px;}

#graphs .header {padding: 0;}
.all_class .sub_class .label {display:block;}
.health-summary .container header { margin-bottom: 20px; } .health-summary .container header dt { clear: left; float: left; font-weight: bold; margin-right: 0.3em; } .health-summary .container header dd { margin: 0; } .health-summary .container .module { border-bottom: 1px solid #174471; border-left: 1px solid #174471; border-right: 1px solid #174471; } .health-summary .container .module:first-child { border-top: 1px solid #174471; } .health-summary .container .header { -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: background-color, color; -moz-transition-property: background-color, color; -o-transition-property: background-color, color; transition-property: background-color, color; background-color: #174471; color: white; font-weight: bold; padding: 5px; position: relative; } .health-summary .container .header.collapsed { background-color: #669fd5; color: #174471; } .health-summary .container .header:hover, .health-summary .container .header.hover { background-color: #65a0d6; color: white; } .health-summary .container .ready + .content { padding: 10px; } .health-summary .container .description { *zoom: 1; overflow: visible; } .health-summary .container .description:before, .health-summary .container .description:after { content: " "; display: table; } .health-summary .container .description:after { clear: both; }

#PollnewsEditForm .remove {
    color: red;
}


.features-container ul{margin: 0;padding: 0 !important;}
button.remove
{ background:transparent; border: none; color:red; }

.bookin_cancle_button{
  float: right;
  margin: 5px 80% 0px 0;
}
.bookin_cancle_button a {
  border: none !important;
  background: #174471;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 7px 8px;
}
.booking_popup_window .input label{ min-width: auto;}
/*.booking_popup_window .bookin_cancle_button{ margin: 15px 250px 0 0;}*/
.booking_popup_window .bookin_cancle_button {
    margin: 5px 235px 0 0;
}
.booking_popup_window .input.select select{ width: 50%; }
.booking_popup_window {
    width: 100%;
    height: 500px;
}

.booking_popup_window.editpopup {
    width: 100%;
    height: 400px;
}

.booking_popup_window.editpopup .bookin_cancle_button {
    margin: 5px 346px 0 0;

}

.booking_popup_window.add_member_popup .bookin_cancle_button {
    margin: 5px 452px 0 0;
}



.eprograms-edit a {
  cursor: pointer;
}
.users-listing .row{margin-right:0px;margin-left:0px;}
.users-listing th{text-align:left !important;}
.users-listing td .actions{visibility:hidden; }
.users-listing tr:hover .actions{visibility:visible;}
.user_list_div {
  background: #fff none repeat scroll 0 0;
}
#refresh_booking {
    float: left;
    margin: -4.5% -1% 0 31%;
    position: relative;
    border: none !important;
    background: #174471;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 8px 9px;
}
#BookingHistoryForm .submit{
   margin: 0 0 0 26.7%; 
}
#BookingAdminIndexForm .submit{
   margin: 0 0 0 26.7%; 
}

#compare_logic_edit .input.text{
  float: none !important;
}

.column-select{width: 100%; margin-right: 20px; float: left; padding: 12px 0 8px 0;}
.column-select .select-option{margin-bottom: 8px;}
.column-one{width: auto; margin-right: 50px; text-align: center; float: left;}
.column-two{width: auto; text-align: center; float: left;}
.column-a, .column-b{line-height: 35px; text-align: left;}
.column-one .column-a:first-child{text-align: center;}
.column-two .column-b:first-child{text-align: center;}
.column-select span{float: left; width: 50px; line-height: 30px;}
#SurveyEditForm .submit{margin-left: 0px;margin-top: 0px;}
.replicate_ul{list-style: none;}
.column-a p,.column-b p{display: inline;}

.mix-options{border-collapse: collapse; margin: 10px 0 0px;}
.mix-options th {border: 1px solid #ffffff; font-weight: normal; padding: 8px; color: rgb(24, 67, 112);}
.mix-options td {border: 1px solid #fff; padding: 8px; color: rgb(24, 67, 112)}
.mix-options td p{display: inline-block;}
.que_options{font-size: 18px;margin-top: 10px;color:#174471;}
#SurveyEditForm .select-option label{min-width: 0 !important;}
.option_input_wrapper{
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  margin: 10px 0 0;
  padding-top: 0.55556em;
}
.actions_button {
    float: right;
    position: relative;
    border: none !important;
    background: #4772a2;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 5px 0 10px;
    display: block;
    width: 100%;
    text-align: center;
}

.mctag{margin-bottom: 10px;}
.tag_data{font-weight: bold;}
.report_mctag{margin-top: 10px;margin-bottom: 5px;color: #174471;}




#VimeoCategoriesEditForm label{
  vertical-align: middle;
}

#VimeoCategoriesEditForm .icon_img{
  width: 200px;
  margin:0 0 10px 77px;
}

.vimeo_categories-index .icon_img{
  width: 200px;
  margin:0 0 10px 77px;
}

.navbar-ul.fixheader{height: auto;}
.banner h1 { margin-top: 280px !important;}
.content-panel#section-0 .quote {top: 250px;}
ul.icon-nav li img{max-width: 100px; max-block-size: 100px;}
.fixheader ul.icon-nav li a:hover{color: #4a81b9}

/* Alpesh 21th April */
.input.checkbox label{position: relative}
.input.checkbox input[type="checkbox"]{display: block !important; right: -30px;}
#company_logo{float: right;margin-top: -40px;}

.select.input label{float: left;}
/* removed by mitesh as it create issues in action plan edit page UL-1114 -- 22/06/20
.select.input .input.text{width: 144px;}
.select.input .input.text input{width: 100%;}
*/
.iconimage{float: right !important; width: auto !important;}
.thumbiconimage {float: right !important; width: auto !important;}
.Type.selected{margin-left: 300px;}


#addfev .input.checkbox input[type="checkbox"]{bottom: -3px}

/*==========  Mobile First Method  ========== */
/*************** !!!! Please keep the media queries at the bottom of the css and in order of size !!!! *******************/

    /* Custom, iPhone Retina */
    @media only screen and (min-width : 320px) {
       #navbar ul.icon-nav li a span.active{
        display: none;
      }

      #FilterCompanyList_chzn{
        width: 85% !important;
      }

    }

    /* Extra Small Devices, Phones */
    @media only screen and (min-width : 480px) {
        body{
            /*background-position: center 195px;*/
        }

        .ul_logo img{
            max-width: 200px;
        }
        .hbpg_logo img{
            max-width: 150px;
        }
        .survey-link{
            min-height: 270px;
        }
        .survey-link .description{
            display: block;
        }
        .banner h1{
          margin-top: 100px;
          font-size: 80px;
          line-height:80px;
        }
        .edit-reply-subject {
          display: inline;
          margin-left: 10px;
        }
        .login-form-wrapper input[type="submit"]{
          margin-left: 20px;
        }

        #navbar ul.icon-nav li a span.active{
          display: none;
        }

        #FilterCompanyExecutives_chzn{
          width: 82% !important;
        }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
         body{
            /*background-position: center 219px;*/
            height: auto;
        }

        .page-header{
          margin-top: 40px;
        }
        .mobile-only {
          display: none;
          height: 0;
          overflow: hidden;
          visibility: hidden;
        }

        .header{
            display: block;
        }
        .navbar-ul{ /* display fixed at top until header is visible at 480px width */
            position: relative;
        }
        .fixed-nav .navbar-ul{
            position: fixed;
            top: 0;
        }
       .sub-nav{
          padding: 10px 0 1px 0;
        }
        .sub-nav li{
          display: inline-block;
          padding-right: 10px;
        }
        .sub-nav li a,
        .sub-nav li span{
          margin-right: 10px;
        }
        .sub-nav li:after{
              content: "|";
        }

        .ul_logo img{
            max-width: 284px;
        }
        .hbpg_logo img{
            max-width: 226px;
        }
        .survey-link{
            min-height: 340px;
        }
        .survey-link .actions{
            position: absolute;
            bottom: 20px;
            left: 0;
            width: 100%;
        }
        .navbar-ul{
            position: relative;
        }
        .fixed-nav .navbar-ul{
            position: fixed;
            top: 0;
        }

        .navbar-nav>li>a{
          padding-top: 10px;
          padding-bottom: 10px;
        }
        #navbar .nav{
            clear: none;
        }
        #navbar .navbar-left{
            padding-left: 5px;
        }
        #navbar .navbar-right li{
            float: right;
        }
        #navbar .navbar-right li a{
            padding-right: 15px;
            padding-left: 0;
        }
        #navbar .navbar-right li:first-child a{
            padding-right: 0;
        }
        #navbar .navbar-right li:last-child a{
            padding-right: 15px;
        }
        #navbar a{
            font-size: 11px;
            padding-right: 6px;
            padding-left: 6px;
        }

        #navbar li:first-child a{
          padding-left: 0;
        }
        #navbar li:hover a{
          color: #669fd5;
        }
        #navbar li:hover .glyphicon{
          color: #669fd5;
        }
        #navbar li:last-child a{
            padding-right: 0;
        }
        .navbar-collapse{
            padding: 0;
        }
        .navbar-ul .navbar-left,
        .navbar-ul .navbar-right{
            margin-top: 5px;
        }
        .navbar-ul .navbar-left{
            padding-right: 0;
            padding-left: 10px;
        }
        .navbar-ul .navbar-right{
            padding-left: 0;
        }
        ul.icon-nav li a{
            font-weight: bold;
        }
        ul.icon-nav li{
            clear: none;
        }
        ul.icon-nav li a .icon, ul.icon-nav li a .active{
          width: auto;
          float: none;
          margin-right: 0;
        }

        ul.icon-nav li a .nav-label{
          display: none;
        }
        #navbar ul.icon-nav li a{
            margin: 0 12px;
        }
        ul.icon-nav li a .icon, ul.icon-nav li a .active{
          display: block;
        }
        ul.icon-nav li a .nav-label{
          margin-left: 10px;
        }
        #navbar .nav-middle-wrapper{
            overflow: hidden;
            height: 50px;
        }
        .navbar-middle{
            opacity: 0 ;
            margin-top: 30px !important;
            transition: all .4s ease-in-out;
            -moz-transition: all .4s ease-in-out;
            -webkit-transition: all .4s ease-in-out;
        }
        #navbar ul.icon-nav li a{
            padding-left: 5px;
        }
        .secondary-nav .navbar-middle{
            opacity: 1;
            margin-top: 0px !important;
        }

        #navbar ul.navbar-nav.icon-nav{
            padding-top: 5px;
            padding-bottom: 0;
            border-top: none;
            border-bottom: none;
        }

        .navbar-ul li a{
            display: inline-block;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .navbar-ul .navbar-left li:first-child a,
        .navbar-ul .navbar-right li:last-child a{
            padding-left: 0;
        }


        .navbar-ul .navbar-left li:after{
         content: "|";
        }
        .navbar-ul .navbar-left li:last-child:after{
            content: none;
        }

        .nav-middle-wrapper{
            float: left;
        }
        #navbar ul.icon-nav li a{
            margin: 0 5px;
            width: 40px;
          }
        .fixed-nav .banner{
            /*opacity: 0;*/
            position: fixed;
            top: 80px;
            z-index: 0;
            width: 100%;
        }
        .fixed-nav .jumbo-ul{
          /*  padding-top: 169px; */ /* header height */
        }
        .hide-banner .banner h1{
            opacity: 0;
        }
        .jumbo-ul .top{
            display: block;
        }
        .banner h1{
          margin-top: 40px;
          margin-left: 30px;
          font-size: 80px;
          line-height:80px;
        }
        .main-wrapper{
          background-attachment: fixed;
          background-position: center 0px;
        }

        .home.content .container{
          height: auto;
        }

        .content-panel .pull-left{
          padding-right: 30px;
        }
        .content-panel .pull-right{
          padding-left: 30px;
        }
        .content-panel{
            background-position: left 52px; /* navbar height */
            padding-bottom: 80vh;

        }
        .content-panel .quote{
          display: none;
        }
        .super-footer{
            padding-bottom: 0;
        }
        footer .col{
            min-height: 180px;
        }
        footer .stay-in-touch{
            background: rgba(255, 255, 255, 0.1);
            padding-left: 40px;
            padding-right: 40px;
        }
        footer .follow-us{
            padding-left: 20px;
            padding-top: 75px;
        }
        footer .follow-us a img{
            width: 25px;
        }

        .content{
            /*padding-top: 30px;*/
        }

        #navbar ul.icon-nav li a span.active{
          display: block;
        }

        #FilterCompanyExecutives_chzn{
          width: 48% !important;
        }

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
      #navbar ul.navbar-nav.icon-nav{
        padding-top: 0;
      }
        #navbar a{
            font-size: 13px;
            padding-right: 12px;
            padding-left: 12px;
        }
        #navbar ul.icon-nav li a{
            margin: 0 12px;
        }
        #navbar ul.icon-nav li a{
            margin: 0 10px;
            width: 50px;
          }
        #navbar .glyphicon{
          display:block;
        }
        #navbar .glyphicon{
          margin-right: 5px;
          margin-top: 11px;
          vertical-align: middle;
          float: left;
        }
        footer .follow-us a img{
            width: 30px;
            margin-right: 5px;
        }
        .content{
            /*padding-top: 50px;*/
        }
        .content-panel{
            padding-bottom: 80vh;

        }
        .content-panel .quote{
          display: block;
        }
        .banner h1{
            margin-top: 120px;
            font-size: 80px;
            line-height: 75px;
        }

        #navbar ul.icon-nav li a span.active{
          display: block;
        }

    }

    @media only screen and (min-width: 1020px){
      .messages-listing .actions {
          /* clear: left; */
          font-size: 0.93333em;
          margin: 0.33333em 0 0;

      }

      #navbar ul.icon-nav li a span.active{
          display: block;
      }

       #FilterCompanyExecutives_chzn{
          width: 38% !important;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        #navbar a{
            font-size: 14px;
            padding-right: 15px;
            padding-left: 15px;
        }

        footer .follow-us a img{
            width: 33px;
        }

        .main-wrapper{
          background-position: center 0px;
        }

        .dashboard-main #tabs-dashboard .grid-item {
          margin: 10px 3px;
        }

        #navbar ul.icon-nav li a span.active{
          display: block;
        }

        #FilterCompanyExecutives_chzn{
          width: 354px !important;
        }

    }

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
  #navbar ul.icon-nav li a span.active{
          display: block;
  }
}


.catalogues{background: #FFFFFF; padding: 20px; border-radius: 5px;}
.catalogues br{display: none}
.catalogues img{width: 160px; height: 160px; margin: 0 0 0 20px;}
.catalogues .cke_ltr{margin: -24px 0 10px 28.5% !important; }
.catalogues .wide, .catalogues select{padding: 10px;}
.catalogues .input label{line-height: 45px;}
.catalogues .chzn-container-multi .chzn-choices{padding: 10px;}
.catalogues .submit{margin-left: 220px;}
.catalogues .submit input{padding: 10px 30px;}

.catalogues_right{background: #174471; padding: 20px; border-radius: 5px; width: 27% !important;}
.catalogues_right legend{padding: 0; color: #FFFFFF;}
.catalogues_right legend a{color: #FFFFFF;}
.catalogues_right .fields{margin-bottom: 10px;}
.catalogues_right .fields ul{margin: 0; padding: 0; list-style: none;}
.catalogues_right .fields ul #news_link{}
.catalogues_right .fields ul #news_link a{color: #FFFFFF;}

/* 18th May */
.input.checkbox label {float: left; max-width: 285px; text-align: right; margin-right: 15px;}
.input.checkbox{display: inline-block; width: 100%}
.Posts-edit .description {margin: 0 0 1% 26%;}
.input.checkbox label input[type="checkbox"]{float: right}
.Posts-edit .input.radio { float: left; margin-left: 26%;margin-top: 0%;}
.Posts-edit .input.radio label{width: auto !important;max-width: none !important;float: left;}
.Posts-edit .input.radio label input[type="radio"]{margin-right: 10px;}
.input.text > a{width: auto !important;background: #174471;padding: 0 20px !important;text-align: center;line-height: 26px;position: relative;top: -1px;}

.pagination{}
.pagination .numbers{text-align: center; margin: 10px 0 20px;}
.pagination .numbers li{display: inline-block;}
.pagination .numbers li a{text-align: center;text-decoration: none; color: #333333; padding: 0 20px; border: 1px solid #dedacf; line-height: 40px; background: #FFFFFF; display: block}
.pagination .numbers li a:hover, .pagination .numbers li a.active{ text-align: center;text-decoration: none; color: #ffffff; padding: 0 20px; background-color: #a8a8a8;}

.input.text > a.openmymodal{color: #FFFFFF;}
.Filters-edit .input.select select{width: 350px;}

#CompareLogicCondition0DateTo{margin: 0 !important}
#CompareLogicCondition1DateTo{margin: 0 !important}

#MetricList_chosen{width: 100% !important}

/* 27th May */
.chklist td input{float: left;}
.chklist td .input.checkbox{width: auto; float: left;}
.input.checkbox.multiselect-label{width: 100%; float: none}
.chklist td .input.checkbox input[type="checkbox"]{    display: block !important; right: -10px; top: -12px;}
.surveyform1 + .submit{clear: both; margin: 20px 0 0;}
.input.checkbox.multiselect-label label{float: none !important;}

/* 28th May */
.Users-manage_permissions form .input.radio label{width: auto !important; margin-right: 40px;}
.Users-manage_permissions form .input.checkbox{width: auto;}
.Users-manage_permissions form .input.checkbox label{margin-left: 20px !important;}

/* 3rd june */
.SurveyResponses-edit .input.radio label{}
.SurveyResponses-edit .input.radio label input{position: relative; margin-right: 10px;}
.SurveyResponses-edit .line{float: left}
.SurveyResponses-edit p + .input.radio{display: table; margin: 0 auto;}
.SurveyResponses-edit p + .input.radio label{display: inline-block; width: auto !important; margin: 0 10px}
.SurveyResponses-edit .agree_label{float: right}

.Surveys-user_summary .survey-user-summary{padding: 30px 0;}
.Surveys-user_summary .survey-user-summary ul{margin: 0; padding: 0}

.ui-dialog .ui-dialog-titlebar-close{font-size: 9px;}

.home-ban img{width: 100%;}

.Surveys-take .survey-question label{width: 390px}
.survey-question .input label{min-width: 390px !important;}
.Surveys-take .survey-question .likert_options{margin: 20px auto;}
.Surveys-take .survey-question .input.radio label{margin: 0 20px !important; width: 30px !important; min-width: auto !important}
.Surveys-take .survey-question .input.radio label input{margin: 0 auto; display: table;}
.Surveys-take .survey-question .input.radio.likert_description label{width: auto !important}
.Surveys-take .survey-question .input.select label{min-width: 200px !important}

.Surveys-take .survey-question .survey-sub-question .input.checkbox label{min-width: 25% !important; padding-right: 20px;}
.Surveys-take .survey-question .survey-sub-question .input.checkbox label input{float: left ; right: auto;}
.Surveys-take .survey-question{clear: both}
.survey-question .input.select select{}
.survey_option .survey-question{display: inline-block; width: 100%;}

#SurveyEditForm .input {clear: inherit !important; display: inline-block; width: 100%;}
#SurveyEditForm .input .cke_ltr{margin: 0 0 4px 26.5% !important}

/* 29th June */
.notification-index #tabs{display: inline-block}
.notification-index #tabs.ui-tabs .ui-tabs-nav{width: 20%; float: left;}
.notification-index #tabs.ui-tabs .ui-tabs-panel{width: 80%; float: right;}
.notification-index #tabs.ui-tabs .ui-tabs-nav li{width: 100%; display: inline-block; background: #114471; border-bottom: 1px solid #5781a7}
.notification-index #tabs.ui-tabs .ui-tabs-nav li a{display: block; width: 100%; color: #FFFFFF;}
.notification-index #tabs.ui-tabs .ui-tabs-nav li.ui-tab.ui-tabs-active a{color: #cad839}
.notification-index #tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom: 0; padding-bottom: 0;}

html{height: 100%; box-sizing: border-box;}
body{padding-bottom: 268px; position: relative;min-height: 1000px; overflow-x: clip;}
footer{position: absolute; right: 0; bottom: 0; left: 0;}

.modal-dialog{z-index: 10}

@media only screen and (min-width:992px) and (max-width:1199px) {
.mix-options{display:table;table-layout: fixed;}
.mix-options tr{display: table-row;}
.mix-options td {display: table-cell;width:31% !important;}
.mix-options th {display: table-cell;width:31% !important;}
.select-option select{width:65%;}
.mix-options td span{float: left;}
.mix-options td p{float: right; width: 90%;}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
.summery-icon{height:94px;}
.mix-options{display:table;table-layout: fixed;}
.mix-options tr{display: table-row;}
.mix-options td {display: table-cell;width:31% !important;}
.mix-options th {display: table-cell;width:31% !important;}
.select-option select{width:65%;}
.mix-options td span{float: left;}
.mix-options td p{float: right; width: 90%;}
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
#ReportAccessForm .col-sm-3, #ReportAccessForm .col-sm-6{margin-bottom: 10px;}
.summery-icon{height:94px;}
.mix-options{display:table;table-layout: fixed;}
.mix-options tr{display: table-row;}
.mix-options td {display: table-cell;width:31% !important;}
.mix-options th {display: table-cell;width:31% !important;}
.select-option select{width:65%;}
.mix-options td span{float: left;}
.mix-options td p{float: right; width: 80%;}

ul.icon-nav li.col-xs-3{width: 25%; float: left; clear: inherit;}
ul.icon-nav li.col-xs-3 a{font-size: 12px;}
ul.icon-nav li img {max-width: 60px; max-block-size: 60px;}
ul.icon-nav li a .icon, ul.icon-nav li a .active{width: 100%; margin: 0; }
footer{position: relative;}
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
#ReportAccessForm .col-sm-3, #ReportAccessForm .col-sm-6{margin-bottom: 10px;}
.summery-icon{height:94px;}
.mix-options{display:table;table-layout: fixed;}
.mix-options tr{display: table-row;}
.mix-options td {display: table-cell;width:31% !important;}
.mix-options th {display: table-cell;width:31% !important;}
.select-option select{width:65%;}
.mix-options td span{float: left;}
.mix-options td p{float: right; width: 80%;}
.col-sm-2.device_box {float: left;padding: 5px;width: 33%;}

ul.icon-nav li.col-xs-3{width: 25%; float: left; clear: inherit; padding: 0;}
ul.icon-nav li.col-xs-3 a{font-size: 10px;}
ul.icon-nav li img {max-width: 60px; max-block-size: 60px;}
ul.icon-nav li a .icon, ul.icon-nav li a .active{width: 100%; margin: 0; }
footer{position: relative;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
#ReportAccessForm .col-sm-3, #ReportAccessForm .col-sm-6{margin-bottom: 10px;}
.mix-options{display:table;table-layout: fixed;width:100%;}
.mix-options tr{display: table-row;}
.mix-options td {display: table-cell;width:21% !important;}
.mix-options th {display: table-cell;width:21% !important;}
.select-option select{width:65%;}
.mix-options td span{float: left;}
.mix-options td p{float: right; width: 80%;}
.col-sm-2.device_box {float: left;padding: 5px;width: 33%;}

ul.icon-nav li.col-xs-3{width: 25%; float: left; clear: inherit; padding: 0;}
ul.icon-nav li.col-xs-3 a{font-size: 9px;}
ul.icon-nav li img {max-width: 60px; max-block-size: 60px;}
ul.icon-nav li a .icon, ul.icon-nav li a .active{width: 100%; margin: 0;}
footer{position: relative;}
}


.ck-editor__top{
  width: 101%;
}
.ck-rounded-corners{
  margin-bottom: 10px;
  float: right;
  width: 73% !important;
  /* margin-top: -25px !important; */
}
.ck-editor__main{
  width: 137%;
  float: left;
  margin-left: -37%;
}
.input.textarea{
  display: inline-block !important;
}
.ck-editor__editable{
  min-height: 300px;
}
.ck-restricted-editing_mode_standard{
  color: black;
}