@import url("https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,600,700,700i"); /*Lato*/
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700"); /*montserrat*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700"); /*Open Sans*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans"); /*noto*/

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

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

strong {
  font-weight: 700;
}

img {
  max-width: 100%;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  font-family: "Open Sans", sans-serif;
}

table thead {
  font-family: "Montserrat", sans-serif;
}

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

textarea {
  resize: vertical;
  font-size: 14px;
  color: #666666;
}

a,
a:link,
a:visited,
a:active {
  cursor: pointer;
  text-decoration: none;
  outline: none;
}

a.alert-link {
  color: #808080;
  font-weight: 300;
  font-size: 16px;
  text-decoration: none;
  outline: none;
  text-transform: uppercase;
}

a:hover,
a:focus {
  color: inherit;
}

* {
  margin: 0;
  padding: 0;
}

select,
option {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
}

select::-ms-expand {
  display: none;
}

table td,
table caption {
  padding: 9px;
}

table .glyphicon {
  margin: 0 3px;
}

table th a {
  font-size: inherit;
  font-weight: inherit;
}

.align_center {
  text-align: center !important;
}

.align_right {
  text-align: right;
}
em {
  font-style: italic;
}
/* 02 -                                   TYPOGRAPHY                                        */
h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}

/*p + p {*/
/*padding-bottom: 10px;*/
/*}*/
i {
  margin-right: 10px;
}

/* 03 -                                         GENERAL                                           */
.clear:after {
  display: block;
  content: "";
  clear: both;
}

body {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: #4d4d4d;
  /*max-width: 1400px;*/
  /*min-width: 800px;*/
  margin: 0 auto;
  font-weight: 400;
}

body.hidden {
  overflow: hidden;
}

a {
  color: inherit;
  font-size: 16px;
}

.container {
  margin: 0 auto;
  background-color: inherit;
  padding: 0 5px;
}

.container .btn {
  text-transform: uppercase;
  font-weight: 600;
  /*letter-spacing: 1px;*/
}

.container-content {
  position: relative;
  margin: 0 40px;
  text-align: center;
  padding: 50px 0;
}

p.sub-title {
  font-size: 21px;
  font-weight: 300;
  color: #4d4d4d;
  margin: 5px 0;
}

.green-title.reg-title {
  font-size: 19px;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 1px;
}

.green-title.reg-title {
  margin: 45px 0 20px;
}

.montserrat {
  font-family: "Montserrat", sans-serif;
}

.registration-field-btn .btn-green-outline:hover,
.registration-field-btn .btn-green-outline.active {
  background-color: #6fb750;
}

/*--------------------------------------------------------*/
/* 04 - TABS                                              */
/*--------------------------------------------------------*/
.tab-style li {
  display: inline-block;
}

.tab-style li a {
  padding: 10px;
  text-transform: uppercase;
  border-radius: 5px 5px 0 0;
  font-weight: 600;
  color: #b3b3b3;
  background-color: #e6e6e6;
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}

.tab-style li a.active {
  color: #4d4d4d;
  border-bottom: none;
  top: 1px;
  position: relative;
  background-color: #f2f2f2;
}

.white-tabs {
  border: 1px solid #ccc;
  border-bottom: none;
}

.white-tabs.active {
  background-color: #fff;
}

.tabs-content {
  position: relative;
}

/*--------------------------------------------------------*/
/* 05 - TABLE                                             */
/*--------------------------------------------------------*/
table {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
}

/*table a{*/
/*font-weight: 600;*/
/*}*/
/*--------------------------------------------------------*/
/* 06 - TABLE -CHECKLIST -VERSION HISTORY                 */
/*--------------------------------------------------------*/
.version-history {
  margin-top: 5px;
}

.version-history tbody tr {
  text-align: center;
  vertical-align: middle;
  background-color: #f5f5f5;
}

.version-history tbody tr:nth-child(even) {
  background-color: #fafafa;
}

tbody tr:checked,
tbody tr:hover,
tbody tr.active {
  background-color: #e2f1dc !important;
  /*font-weight: 700;*/
  /*font-size: 14px;*/
}

.version-history tbody tr td {
  /*height: 40px;*/
  padding: 10px;
  border-top: 2px solid #fff;
  vertical-align: middle;
}

.measure-sortable-handle {
  cursor: pointer;
}

.version-history tbody tr td:nth-child(1),
.version-history tbody tr td:nth-child(2) {
  width: 30px;
}

.version-history tbody tr td:nth-child(3) {
  text-align: left;
  word-break: break-all;
}

/*.version-history tbody tr td:last-child{*/
/*color: #3d8745;*/
/*!*font-weight: 700;*!*/
/*}*/
.table-last-child-green {
  color: #3d8745;
}

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

.checkbox + label {
  position: relative;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color 0.2s ease-in-out;
}

.checkbox:focus + label {
  color: #6fb750;
}

.checkbox + label::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 9px;
  left: 15px;
  width: 25px;
  height: 25px;
  border: 2px solid #e5e5e5;
  border-radius: 7px;
  transition: all 0.3s linear;
  background: #fff;
}

.checkbox:checked + label::before {
  background: #6fb750;
  border-color: #fff;
  border-width: 3px;
}

.checkbox + label::after {
  content: "";
  font: 26px "Arial";
  font-weight: bold;
  position: absolute;
  left: 7.5px;
  top: -1px;
  color: #fff;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.checkbox:checked + label::after {
  opacity: 1;
}
.dev-checkbox .checkbox {
  height: 15px;
  width: 15px;
}
/*--------------------------------------------------------*/
/* 07 -CHECKLIST -MANAGE                                  */
/*--------------------------------------------------------*/
.title-row {
  /*height: 25px;*/
  padding: 20px 0;
  color: #fff;
  font-weight: 300;
  margin: 5px 0;
}

.title-row p {
  display: inline-block;
  padding-left: 20px;
}

.title-row.dark-green {
  background-color: #3d8745;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px;
}

.title-row.liter-green {
  background-color: #6fb750;
  padding: 10px;
}

.title-row.grey {
  background-color: #999999;
  border-radius: 5px;
}
.title-row.beige {
  background-color: #ECDEBB;
  border-radius: 5px;
}
.version-history.manage th {
  color: #fff;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  height: 40px;
  padding: 10px;
}

.version-history.manage th:nth-child(2) {
  text-align: left;
}

/*.version-history.manage tbody tr:nth-child(1) td,*/
/*.version-history.manage tbody tr:nth-child(2) td,*/
/*.group-table, .sub-group-table{*/
/*color: #fff;*/
/*text-align: left;*/
/*font-size: 16px;*/
/*!*padding-left: 20px;*!*/
/*font-weight: 300;*/
/*}*/
/*.version-history.manage tbody tr:nth-child(1) td,*/
/*.title-group-table{*/
/*font-weight: 400;*/
/*font-family: "Montserrat",sans-serif;*/
/*}*/

td.sub-group-table {
  position: relative;
}
td.sub-group-table i.sub-group-collapse {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translate(0, -50%);
}

.version-history.manage p {
  font-size: 16px;
  font-weight: 300;
}

.version-history.manage p span {
  margin-left: 5px;
}

/*.version-history.manage td:nth-child(2){*/
/*max-width: 50%;*/
/*width: 50%;*/
/*}*/
/*.version-history.manage td:nth-child(3) span,*/
/*.version-history.manage td:nth-child(4) span{*/
/*font-style: italic;*/
/*}*/
/*.version-history.manage td:last-child{*/
/*color: #4d4d4d;*/
/*}*/

/*--------------------------------------------------------*/
/* 09 - TABLE -CHECKLIST - DEFINE                         */
/*--------------------------------------------------------*/
.version-history.define th {
  height: 80px;
  color: #fff;
  font-size: 16px;
  background-color: #999999;
  text-align: center;
  vertical-align: middle;
  padding: 5px 15px;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}

.version-history.define th,
.version-history.define td {
  /*width: 15%;*/
  text-align: center;
}

.version-history.define td input {
  text-align: center;
  padding: 0;
  height: 25px;
  color: #4d4d4d;
  font-style: normal;
  width: 50px;
  margin: 0 30%;
}

.version-history.define th:nth-child(1),
.version-history.define td:nth-child(1) {
  /*width: 40%;*/
  text-align: left;
  padding-left: 20px;
}

/*.version-history.manage th:nth-child(1),*/
/*.version-history.manage td:nth-child(1){*/
/*width: 40%;*/
/*}*/
.first-col-40 th:nth-child(1),
.first-col-40 td:nth-child(1) {
  width: 40%;
}

/*--------------------------------------------------------*/
/* 10 - TABLE -CHECKLIST - SETUP                          */
/*--------------------------------------------------------*/
.version-history.setup th {
  height: 45px;
}

.version-history.setup th,
.version-history.setup td {
  /*width: 19%;*/
  text-align: left;
  padding-left: 0;
}

/*.version-history.setup th:nth-child(1),*/
/*.version-history.setup td:nth-child(1)*/
/*{*/
/*width: 5%;*/
/*min-width: 40px;*/
/*}*/
/*.version-history.setup th:nth-child(3),*/
/*.version-history.setup td:nth-child(3){*/
/*width: 28%;*/
/*}*/
/*.version-history.setup th:nth-child(4),*/
/*.version-history.setup td:nth-child(4){*/
/*width: 10%;*/
/*}*/
/*.version-history.setup th:nth-child(3){*/
/*cursor: pointer;*/
/*}*/
.version-history.setup td:last-child a {
  padding: 0 10px 0 0;
  font-weight: 400;
}

/*--------------------------------------------------------*/
/* xx - TABLE - report                                    */
/*--------------------------------------------------------*/
.wrapper-report-table {
  max-height: 250px;
  overflow-y: scroll;
}

.report-table td {
  font-size: 16px;
}

.report-table .checkbox + label::before {
  top: -16px;
  left: -8px;
  width: 20px;
  height: 20px;
}

.table.report-table > tbody > tr > td {
  padding: 5px 10px;
  border: none;
  vertical-align: middle;
}

.table.report-table > tbody > tr.active > td {
  background-color: inherit;
}
.third-column-40p td:nth-child(3) {
  width: 40%;
}
.third-column-40p td:nth-child(2) {
  width: 16%;
  word-break: keep-all;
}
.third-column-40p td {
  vertical-align: middle;
  word-break: break-word;
}
.third-column-40p td:first-child {
  word-break: normal;
}
.third-column-40p td:nth-child(4),
.third-column-40p td:nth-child(5),
.third-column-40p td:nth-child(6),
.third-column-40p td:last-child {
  white-space: nowrap;
}

.green-tip-index .third-column-40p td:nth-child(4) {
  white-space: pre-wrap;
  width: 55%;
}
/*--------------------------------------------------------*/
/* 11 - COLUMNS                                           */
/*--------------------------------------------------------*/
.col {
  float: left;
  position: relative;
}

.col-100 {
  width: 100%;
}

.col-90 {
  width: 90%;
}

.col-95 {
  width: 95%;
}

.col-80 {
  width: 80%;
}

.col-75 {
  width: 75%;
}

.col-70 {
  width: 70%;
}

.col-66 {
  width: 66.6666%;
}

.col-60 {
  width: 60%;
}

.col-50 {
  width: 50%;
}

.col-55 {
  width: 55%;
}

.col-49 {
  width: 49%;
}

.col-45 {
  width: 45%;
}

.col-40 {
  width: 40%;
}

.col-30 {
  width: 30%;
}

.col-33 {
  width: 33.3333%;
}

.col-25 {
  width: 25%;
}

.col-20 {
  width: 20%;
}

.col-16 {
  width: 16.6666%;
}

.col-10 {
  width: 10%;
}

.col-5 {
  width: 5%;
}

/*--------------------------------------------------------*/
/* 12 - BUTTONS                                           */
/*--------------------------------------------------------*/
.btn {
  display: inline-block;
  /*padding: 8px 4px;*/
  font-size: 13px;
  line-height: 1.42857143;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  text-transform: uppercase;
  /*letter-spacing: 1px;*/
  font-family: "Montserrat", sans-serif;
  white-space: normal;
}

.btn-white {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-white-outline {
  color: #e6e6e6;
  background-color: #fff;
  border-color: #e6e6e6;
}

.btn-login {
  height: 30px;
  width: 130px;
  padding: 0 5px;
  outline: none;
  color: #808080;
  border: 1px solid #c8bfc4;
  background: #fff;
  font-size: 16px;
  text-transform: none;
  font-weight: 300;
  font-family: "Lato", sans-serif;
}

.btn-white:hover,
.btn-white-outline:hover,
.btn-login:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-blue {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-blue-outline {
  color: #337ab7;
  background-color: #fff;
  border-color: #2e6da4;
}

.btn-blue:hover,
.btn-blue-outline:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-green {
  color: #fff;
  background-color: #3d8745;
  border-color: #3d8745;
}

.btn-green-lite {
  color: #fff;
  background-color: #54AE2A;
}

.btn-green-outline {
  color: #3d8745;
  background-color: #fff;
  border-color: #3d8745;
}

.btn-green:hover,
.btn-green-lite:hover,
.btn-green-outline:hover,
.btn-green.active,
.btn-green-lite.active,
.btn-green-outline.active {
  color: #fff;
  background-color: #3d8745;
}

.btn-lightblue {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-lightblue-outline {
  color: #5bc0de;
  background-color: #fff;
  border-color: #46b8da;
}

.btn-lightblue:hover,
.btn-lightblue-outline:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-yellow {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-yellow-outline {
  color: #f0ad4e;
  background-color: #fff;
  border-color: #eea236;
}

.btn-yellow:hover,
.btn-yellow-outline:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-red {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-red-outline {
  color: #d9534f;
  background-color: #fff;
  border-color: #d43f3a;
}

.btn-red:hover,
.btn-red-outline:hover,
.btn-red.active,
.btn-red-outline.active {
  color: #fff;
  background-color: #d14a3c;
  border-color: #d14a3c;
}

.btn-xl {
  padding: 15px 45px;
  font-size: 21px;
  line-height: 2;
  border-radius: 10px;
}

.btn-lg {
  padding: 10px 30px;
  font-size: 18px;
  line-height: 1.7;
  border-radius: 7px;
}

.btn-md {
  padding: 7px 15px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 5px;
}

.btn-sm {
  padding: 4px 10px;
  font-size: 14px;
  line-height: 1.333333;
  border-radius: 4px;
}

.btn-xs {
  padding: 1px 4px;
  font-size: 12px;
  line-height: 1;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

/*--------------------------------------------------------*/
/* 13 - HEADER                                            */
/*--------------------------------------------------------*/
header {
  position: relative;
}

header .navbar-default {
  background-color: #409658;
  display: flex!important;
  justify-content: center!important;
  height: auto;
}

header .nav > li > a {
  font-weight: 400;
  font-family: "Lato", sans-serif;
  color: white;
  font-size: 14px;
}
header .nav-pills > li > a {
  border-bottom: 2px solid #409658;
  border-radius: 0px!important;
}
header .nav-pills > li > a:hover,
header .nav-pills > li > a.active {
  color: white;
  border-bottom: 2px solid white;
  border-radius: 0px!important;
}
header .nav > li > a:hover,
header .nav > li > a:focus {
  background-color: inherit;
}
header .horizontal-nav .nav-pills > li {
  height:auto;
  padding: 6px 0px!important;
}
.header-logo {
  padding: 40px 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e6e6e6;
  /*-webkit-box-shadow: 0 2px 4px 0 rgba(230, 230, 230, 1);*/
  /*-moz-box-shadow:    0 2px 4px 0 rgba(230, 230, 230, 1);*/
  /*box-shadow:         0 2px 4px 0 rgba(230, 230, 230, 1);*/
  background-color: #ffffff;
}

.header-logo img {
  /*height: 65px;*/
  /*height: 82px;*/
}

.user-navigation {
  position: relative;
  display: inline-block;
  float: right;
  color: #808080;
  font-weight: 300;
}

.user-navigation a {
  margin-right: 25px;
}
.user-navigation a:last-child {
  margin-right: 0;
  border-radius: 4px;
}
.user-navigation button[type="submit"],
.btn.logout {
  height: 35px;
  font-size: 16px;
  text-transform: capitalize;
  color: #808080;
  font-weight: 300;
  font-family: "Lato", sans-serif;
  padding: 3px 30px;
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: none;
}

.chosen-container.chosen-container-multi .chosen-choices {
  border: none;
}

.chosen-container-active .chosen-single b,
.chosen-container .chosen-single b {
  background: none !important;
}

.select-wrapper form {
  position: relative;
  top: -3px;
}

.header-text {
  display: inline-block;
  width: 100%;
  background-color: #f2f2f2;
  font-weight: 600;
  padding: 0 10px;
}

.header-text a {
  float: left;
  line-height: 50px;
  color: #3d8745;
  font-size: 14px;
  font-weight: 700;
}

.header-text a:hover,
.header-text a.active ~ a:hover {
  color: #6fb750;
}

.header-text a.active {
  color: #6fb750;
}

.header-text a.active ~ a {
  color: #808080;
}

.header-text a .fa.digit {
  display: none;
}

.header-text a .fa.symbol {
  display: block;
}

.header-text a.active .fa.digit,
.header-text a.active ~ a .fa.digit {
  display: block;
}

.header-text a.active .fa.symbol,
.header-text a.active ~ a .fa.symbol {
  display: none;
}

.header-text img,
.header-text .number a {
  max-height: 57px;
  position: relative;
  float: left;
}

.header-text a .fa-stack-2x {
  top: -1px;
  left: -1px;
}

.header-text .number a {
  padding: 0 35px;
  margin-left: 30px;
  line-height: 56px;
}

.header-text.how-to-use a,
.header-text.how-to-use a:hover,
.header-text.how-to-use a.active,
.header-text.how-to-use a:focus {
  color: #808080;
}

.header-text.how-to-use a .fa.symbol {
  display: none;
}

.header-text.how-to-use a .fa.digit {
  display: block;
}

/*.header-text a:first-child{*/
/*margin-left: 0;*/
/*}*/
.select-wrapper {
  position: relative;
  display: inline-block;
}

.sub-measures-select .custom {
  top: 2px;
}

.sub-measures-select.select-wrapper {
  width: 100%;
}

.select-wrapper.sub-measures-select .form-group {
  margin-bottom: 0;
}

.input-wrapper .form-group {
  margin-bottom: 0;
}

.sub-measures-select select {
  margin: 0 0 0 -5px;
  height: 30px;
  width: 100%;
}

select {
  display: inline-block;
  /*height: 30px;*/
  height: 40px;
  width: 150px;
  padding: 0 35px 0 5px;
  outline: none;
  color: #666666;
  border: 1px solid #c8bfc4;
  border-radius: 4px;
  /*box-shadow: inset 1px 1px 2px #ddd8dc;*/
  background: #fff;
  font-size: 16px;
  background-image: url("../img/arrow.png");
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
select.form-control {
  background-image: url("../img/arrow.png");
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
.ful-width {
  width: 100%;
}

.ful-width select {
  width: 100%;
  padding: 0 25px;
}

.ful-width option {
  width: 100%;
}

.custom {
  /*position: absolute;*/
  /*display: inline-block;*/
  /*right: 20px;*/
  /*top: 11px;*/
  /*pointer-events: none;*/
  /*z-index: 10;*/
}

a.second::before {
  background: url("/img/number_2_not.png");
}

a.third::before {
  background: url("/img/number_3_not.png");
}

a.first.active::before,
a.first:hover::before {
  background: url("/img/number_1_green.png");
}

a.second.active::before,
a.second:hover::before {
  background: url("/img/number_2_green.png");
}

a.third.active::before,
a.third:hover::before {
  background: url("/img/number_3_green.png");
}

a.check-mark::before {
  background: url("/img/icon_checkmark.png");
}

.number a::before,
.number a.active::before,
.number a:hover::before {
  /*background: rgba(0, 0, 0, 0) no-repeat scroll center center / cover;*/
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 13px;
  left: 0;
  margin: 0 25px 5px 0;
}

.login-info {
  display: none;
  background-color: #fff;
  border: 1px solid #c8bfc4;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: absolute;
  width: 128px;
  top: 27px;
  z-index: 100;
}

.login-info li {
  padding: 5px;
}

.login-info a {
  width: 100%;
}

.login-info.active {
  display: block;
}

.login-info li button {
  width: inherit;
  max-width: 120px;
  background: transparent;
  font-size: 15px;
  color: inherit;
  font-weight: 300;
  padding: 0;
  text-transform: none;
  font-family: "Lato", sans-serif;
}

/* changed header numeric steps */
.fa.symbol {
  display: none;
}

a.check-mark + .fa.fa-stack-1x.symbol {
  display: block;
}

a.check-mark + .fa.fa-stack-1x.digit {
  display: none;
}

.fa.fa-stack-1x {
  font-family: "Montserrat", sans-serif;
  font-size: 11px;
  line-height: 26px;
}

.fa-stack-2x {
  font-size: 34px;
}

/*.header-text a{*/
/*float: left;*/
/*line-height: 0;*/
/*}*/
#chevron {
  position: relative;
  top: 0;
  text-align: center;
  padding: 0;
  height: 1px;
  width: 60px;
  float: left;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

#chevron:before {
  content: "";
  position: absolute;
  top: 0;
  left: -30%;
  height: 100%;
  width: 40%;
  background: #e7e7e7;
  -webkit-transform: skew(0deg, 10deg);
  -moz-transform: skew(0deg, 10deg);
  -ms-transform: skew(0deg, 10deg);
  -o-transform: skew(0deg, 10deg);
  transform: skew(0deg, 10deg);
}

#chevron:after {
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  height: 100%;
  width: 40%;
  background: #e7e7e7;
  -webkit-transform: skew(0deg, -10deg);
  -moz-transform: skew(0deg, -10deg);
  -ms-transform: skew(0deg, -10deg);
  -o-transform: skew(0deg, -10deg);
  transform: skew(0deg, -10deg);
}

header .nav > .dropdown > .dropdown-toggle{
  background-color: #409658;
}

.dropdown-menu {
  background-color: #F8F8F8;
  border-color: #F8F8F8;
  box-shadow: 0px 4px 17px rgba(77, 77, 77, 0.25);
  border-radius: 10px;
  padding: 0;
  margin: 0;
}

.dropdown-menu > li > a {
  font-weight: 400;
  font-family: "Lato", sans-serif;
  color: #4BA81F;
  font-size: 16px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #DFA000;
  background-color: #F8F8F8;
  border-radius: 10px;
}

.dropdown-few-business {
  /*position: relative;*/
  position: absolute;
  top: 95px;
  right: 15px;
}

/*.dropdown-few-roles {*/
/*    right: 90px;*/
/*}*/

.dropdown-few-business.first-btn {
  right: 230px;
}
.dropdown-few-business.second-btn {
  right: 0;
}
.dropdown-few-business.first-btn,
.dropdown-few-business.second-btn {
  width: 200px;
}
.dropdown-few-business.first-btn button,
.dropdown-few-business.second-btn button {
  width: 100%;
}
.dropdown-few-business.first-btn button .caret,
.dropdown-few-business.second-btn button .caret {
  margin-left: 0;
  top: 14px;
  right: 5px !important;
}
/*.dropdown.dropdown-few-business .btn{*/
/*position: absolute;*/
/*right: 10px;*/
/*top: 12px;*/
/*}*/
.dropdown-few-business .btn:focus {
  color: #3d8745;
}

.dropdown-few-business .btn:focus:hover {
  color: #fff;
}

.dropdown-few-business .dropdown-menu {
  width: 100%;
}

.dropdown-few-business .dropdown-menu > li > a {
  width: 100%;
}

.nav-stacked > li + li {
  margin-top: 0;
}

/*--------------------------------------------------------*/
/* 14 - HEADER - CHECKLIST                                */
/*--------------------------------------------------------*/
.horizontal-nav {
  color: #999999;
  /*text-align: center;*/
}

.horizontal-nav a {
  padding: 30px 10px;
  max-height: 55px;
  display: inline-block;
  font-weight: 600;
  font-family: "Lato", sans-serif;
  line-height: 0;
  color: #999999;
}

.horizontal-nav a:hover,
.horizontal-nav a.active {
  color: #6fb750;
}

/*--------------------------------------------------------*/
/* 15 - CONTENT - WELCOME                                 */
/*--------------------------------------------------------*/
.content {
  position: relative;
  margin: 70px 0 100px;
  text-align: center;
}

.measure-form .content {
  margin: 0 0 100px;
}

.welcome {
  margin: 60px 0 0;
}

.welcome .title {
  text-transform: uppercase;
  color: #3d8745;
  padding-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}

.welcome p {
  margin: 0 0 5px;
  padding: 0;
}

.welcome .btn {
  margin: 10px 0 15px;
  width: 60%;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  border-color: #999999;
  color: #999999;
}

.circle {
  display: block;
  height: 150px;
  width: 150px;
  padding: 50px 0;
  margin: 0 auto 40px;
  color: #6fb750;
  background-color: #ffffff;
  border: 5px solid #e6e6e6;
  border-radius: 100px;
  font-size: 77px;
  line-height: 34px;
  font-weight: 300;
}

.circle-line {
  position: absolute;
  display: block;
  height: 5px;
  background: #e6e6e6;
  width: 100%;
  top: 95px;
  left: 50%;
  z-index: -1;
}

.circle:hover {
  color: #fff;
  background: #6fb750;
  border-color: #fff;
  font-weight: 500;
}

/*--------------------------------------------------------*/
/* 16 - CONTENT - SUCCESS                                 */
/*--------------------------------------------------------*/
.success {
  text-align: center;
}

.success h1 {
  padding: 20px 0;
}

.success p {
  padding: 10px 0 0;
  font-size: 21px;
  font-weight: 300;
}

.success p a {
  font-size: inherit;
}

.success .btn {
  margin-top: 25px;
  min-width: 250px;
  text-transform: uppercase;
  font-weight: 600;
}

.p-get-started {
  font-family: "Lato", sans-serif;
  font-weight: 300;
}

.contact-info-list {
  font-size: 16px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.contact-info-list p {
  font-weight: 400;
  /*margin-bottom: 0px!important;*/
}

.contact-info-list .fa-ul {
  margin-left: 1.5em;
}

/*.contact-info-list li{*/
/*margin: 15px 0;*/
/*}*/
.contact-info-list li i {
  margin-right: 15px;
}

/*--------------------------------------------------------*/
/* 17 - CONTENT - CHECKLIST                               */
/*--------------------------------------------------------*/
.left-column-checklist {
  position: relative;
  display: inline-block;
  /*background-color: #f5f5f5;*/
  /*background-color: #f2f2f2;*/
  width: 100%;
  height: auto;
  font-family: "Montserrat", sans-serif;
  padding-bottom: 30px;
  /*padding: 10px;*/
  padding-top: 20px;
  box-sizing: border-box;
}

.green-title {
  margin: 30px 0;
  text-transform: uppercase;
  color: #3d8745;
  font-weight: 600;
}

.p-label {
  margin: 20px 0 10px;
  text-transform: uppercase;
  color: #999999;
  font-size: 15px;
  line-height: 19px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "Montserrat", sans-serif;
}

.control-label {
  margin: 0 0 2px;
  text-transform: uppercase;
  color: #999999;
  font-size: 15px;
  line-height: 19px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "Montserrat", sans-serif;
}

.left-column-checklist .select-wrapper {
  display: block;
}

.left-column-checklist select {
  color: #000;
  width: 100%;
}

.right-column-checklist {
  /*padding: 35px 0;*/
  font-family: "Montserrat", sans-serif;
  text-align: left;
  background-color: #fff;
}

.title-block {
  margin-bottom: 30px;
  /*padding-bottom: 10px;*/
}

.info-block {
  /*float: left;*/
}

.info-block h2,
.title-block h2 {
  font-size: 32px;
  font-family: "Lato", sans-serif;
  padding-top: 15px;
}

.title-block p {
  padding-bottom: 10px;
}

.info-block p,
.status-block p {
  display: inline-block;
  margin-top: 5px;
  padding-left: 15px;
  font-size: 16px;
  text-transform: uppercase;
}

.info-block .grey {
  padding: 0 15px 0 0;
  border-right: 1px solid #808080;
}
.info-block input {
  height: auto;
}
.status-block {
  float: right;
  /*margin-right: 20px;*/
}

.status-block img {
  float: left;
  margin: 10px 15px 0 0;
}

.status-block p {
  padding-left: 0;
}

.status-block .btn {
  min-width: 75px;
}

.status-block.report i {
  margin-top: 2px;
}

.left-column-block {
  position: relative;
  float: left;
  width: 100%;
}

/*.left-column-block{*/
/*padding: 10px;*/
/*}*/
/*.left-column-block{*/
/*padding: 10px 0 25px;*/
/*}*/
.left-column-block.grey {
  background-color: #f8f8f8;
  /*padding: 10px;*/
}

.left-column-buttons {
  margin: 25px 0 0;
}

.left-column-buttons button {
  margin: 5px 0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.left-column-buttons .btn {
  box-sizing: border-box;
  white-space: normal;
}

.included-measures p {
  padding: 0 0 25px 20px;
  color: #4d4d4d;
  font-size: 16px;
  line-height: 22px;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}

.included-measures span {
  float: right;
  padding-right: 20px;
}

/*--------------------------------------------------------*/
/* 18 - CREATE                                            */
/*--------------------------------------------------------*/
.create-content-measure {
  margin: 50px 20%;
  text-align: center;
}

.measure-form label {
  margin: 0 0 2px;
  text-transform: uppercase;
  color: #999999;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "Montserrat", sans-serif;
}

#measure-is_translate_switch_control,
#greentip-is_translate_switch_control {
  float: right;
  margin-bottom: 20px;
}

.measure-form .panel-heading {
  background-color: transparent;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  padding: 0px 0 5px;
  border: none;
  font-size: 16px;
  text-transform: uppercase;
}

.measure-form .panel-body {
  padding: 15px 0;
}

.measure-form .panel-default {
  border: none;
}

.measure-form .add-multiple-question {
  background-color: transparent;
  border: none;
  color: #6fb750;
  padding: 0 0 10px;
  font-weight: 600;
  font-family: "Lato", sans-serif;
}

.measure-form .registration-field-btn label {
  margin: 0;
}

.create-content {
  position: relative;
  margin: 0 auto;
  width: 500px;
}

.create-content .circle {
  position: relative;
  height: 25px;
  width: 25px;
  padding: 20px;
  font-size: 20px;
  line-height: 15px;
  border-width: 3px;
  margin: 30px auto;
}

.create-content .circle span {
  position: absolute;
  top: 12px;
  left: 14px;
}

.create-content .circle:hover {
  color: #6fb750;
  background-color: #ffffff;
  border: 3px solid #e6e6e6;
  font-weight: 300;
}

/*.create-content .select-wrapper{*/
/*margin: 15px 0;*/
/*}*/
.create-content .select-wrapper,
.create-content select {
  width: 100%;
}

.create-content select {
  color: #4d4d4d;
}

.create-content p {
  width: 80%;
  font-size: 16px;
  line-height: 20px;
  color: #999999;
  font-weight: normal;
}

.create-content .p-label {
  text-transform: uppercase;
  font-size: 14px;
  margin: 40px 0 10px;
  width: 100%;
  color: #999999;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}

.border-block {
  margin: 15px 0;
  padding: 15px 0;
  border: 1px solid #f5f6f6;
  border-radius: 3px;
  width: 100%;
}

.border-block select {
  color: #999999;
}

.border-block.green-background,
.border-block.active {
  border-color: #e2f1dc;
  background-color: #e2f1dc;
}

.border-block select {
  color: #4d4d4d;
}

/*.create-content .border-block{*/
/*padding: 30px;*/
/*}*/
.create-content .select-wrapper,
.create-content .btn {
  width: 87%;
}

.create-content .btn {
  margin: 15px 0;
  padding: 5px 0;
  /*width: 100%;*/
  text-transform: uppercase;
  font-weight: 600;
}

/*--------------------------------------------------------*/
/* 19 - REGISTRATION                                      */
/*--------------------------------------------------------*/
.registration-container {
  position: relative;
  margin: 0 auto;
  /*width: 980px;*/
  text-align: center;
  padding: 50px;
}

.registration-container h2 {
  margin-bottom: 20px;
}

.input-row {
  margin: 10px 0 5px;
}

.wrap {
  position: relative;
  float: left;
  /*margin-left: 5%;*/
  padding: 0 5px;
  box-sizing: border-box;
}

.wrap:last-child {
  padding-right: 0;
}

/*.wrap.col-33{*/
/*width: 30%;*/
/*}*/
/*.wrap.col-50{*/
/*width: 47.5%;*/
/*}*/
/*.wrap.col-66{*/
/*width: 65%;*/
/*}*/
.registration-field,
.wrap .btn,
.wrap label,
input {
  width: 100%;
  height: 40px;
  padding: 0 15px;
  box-sizing: border-box;
  outline: none;
  color: #666666;
  border: 1px solid #c8bfc4;
  border-radius: 4px;
  font-family: "Lato", sans-serif;
  /*box-shadow: inset 1px 1px 2px #ddd8dc;*/
  background: #fff;
  font-size: 14px;
  font-weight: 400;
}

.form-control {
  height: 40px;
  padding: 6px 5px;
}

input {
  padding: 0 0 0 23px;
}

input::-webkit-input-placeholder {
  font-style: italic;
  color: #999999;
  font-weight: 300;
}

input::-moz-placeholder {
  font-style: italic;
  color: #999999;
  font-weight: 300;
}

input:-ms-input-placeholder {
  font-style: italic;
  color: #999999;
  font-weight: 300;
}

input::-webkit-input-placeholder span {
  font-style: normal;
  color: #000;
}

.mail label {
  font-size: 17px;
  font-weight: 600;
  position: absolute;
  left: 100px;
}

.mail label.to {
  top: 93px;
}

.mail label.subject {
  top: 163px;
  left: 140px;
}

.mail label.text {
  top: 232px;
  text-align: left;
  left: 65px;
  width: 85%;
  font-weight: 400;
}

.mail label.text p {
  font-size: 16px;
}

.wrap.wrap-select {
  padding-right: 0;
}

.wrap.wrap-select .custom {
  top: 13px;
}

.registration-container select {
  width: 100%;
  height: 40px;
}

.registration-container .container {
  margin: 0 12%;
}

.buttons-group .btn:checked,
.buttons-group .btn:hover,
.buttons-group .btn.active {
  border: 2px solid #6fb750;
  color: #6fb750;
  font-weight: 600;
}

/*.buttons-group .wrap{*/
/*padding: 0 0 0 25px;*/
/*}*/
.buttons-group .wrap label {
  padding: 9px;
  font-weight: 300;
  text-transform: capitalize;
}

.sub-title {
  display: inline-block;
  font-size: 16px;
  color: #808080;
  padding-bottom: 10px;
  font-weight: 300;
}

.hint-description {
  display: inline-block;
  font-size: 15px;
  color: #808080;
  padding-bottom: 10px;
  font-weight: 300;
}

.registration-field {
  text-align: left;
  padding-right: 2px;
  box-shadow: none;
}

.registration-field p {
  display: inline-block;
  float: left;
  font-size: 16px;
  line-height: 34px;
  padding: 0;
  /*margin: 10px;*/
}

.registration-field-btn {
  float: right;
}

.registration-field-btn button,
.registration-field-btn label {
  min-width: 50px;
  border: inherit;
  border-radius: 0;
  color: #999999;
  line-height: 26px;
  text-transform: capitalize;
  font-weight: 400;
  font-family: "Lato", sans-serif;
}

.registration-form-inside {
  margin: 0 8%;
}

.radio-checkbox {
  margin: 30px 0 50px;
}

.radio-checkbox input {
  display: none;
}

input[type="checkbox"],
input[type="radio"] {
  display: none;
}

input[type="file"] {
  padding: 0;
}

input[type="file"].custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
  padding: 7px 0;
}

/*input[type='file'].custom-file-input::before {*/
/*content: 'Select some files';*/
/*display: inline-block;*/
/*background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);*/
/*border: 1px solid #999;*/
/*border-radius: 3px;*/
/*padding: 5px 8px;*/
/*outline: none;*/
/*white-space: nowrap;*/
/*-webkit-user-select: none;*/
/*cursor: pointer;*/
/*text-shadow: 1px 1px #fff;*/
/*font-weight: 700;*/
/*font-size: 10pt;*/
/*}*/
input[type="file"].custom-file-input:hover::before {
  border-color: black;
}

input[type="file"].custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.buttons-group input[type="checkbox"]:checked + label {
  border: 2px solid #6fb750;
  color: #6fb750;
  font-weight: 600;
}

.yes-btn:checked + label {
  /*border: 2px solid #4cae4c;*/
  color: #fff;
  background-color: #6fb750;
}

.no-btn:checked + label {
  /*border: 2px solid #4cae4c;*/
  color: #fff;
  background-color: #d14a3c;
  border-color: #d14a3c;
}

.radio-checkbox .checkbox-radio-wrapper:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: -30px;
  top: 5px;
  border-radius: 50%;
  box-shadow: none;
  margin: 0 auto;
  /*position: relative;*/
  border: 1px solid #c8bfc4;
  background-color: #fff;
  /*box-shadow: inset 2px 2px 2px 2px #ddd8dc;*/
}

.radio-checkbox.square .checkbox-radio-wrapper:before {
  top: 0;
  border-radius: 0;
}

.radio-checkbox:checked + .checkbox-radio-wrapper:before {
  border: 1px solid #c8bfc4;
  background-color: #999999;
  box-shadow: inset 0 0 1px 3px #fff;
}

.radio-checkbox label {
  position: relative;
  text-align: justify;
  display: inline-block;
  width: 98%;
  font-size: 14px;
  color: #808080;
  margin-left: 10px;
}

.normal-checkbox-float-left {
  float: left;
}

/*.radio-checkbox[type=checkbox]{*/
/*background: transparent;*/
/*}*/
button[type="submit"] {
  text-transform: uppercase;
}

/*--------------------------------------------------------*/
/* 20 - CUSTOM SELECT                                     */
/*--------------------------------------------------------*/
.user-navigation .select-wrapper .chosen-container {
  height: 32px;
}

.select-wrapper .chosen-single {
  margin: 0;
}

.user-navigation .select-wrapper .chosen-container-single .chosen-single {
  font-style: normal;
  padding: 7px 11px;
}

.user-navigation .select-wrapper .chosen-container .chosen-results li {
  height: 30px;
}

.chosen-container {
  display: inline-block;
  height: 40px;
  outline: none;
  color: #808080;
  border: 1px solid #c8bfc4;
  border-radius: 4px;
  /*box-shadow: inset 1px 1px 2px #ddd8dc;*/
  background: #fff;
  font-size: 16px;
  box-sizing: border-box;
}

.chosen-container-single .chosen-single {
  height: inherit;
  background: transparent;
  border: none;
  color: inherit;
  text-align: left;
  padding: 7px 20px;
  font-style: italic;
  font-size: 16px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  top: -4px;
}

.chosen-container-single .chosen-single span {
  font-family: "Lato", sans-serif;
  /*font-weight: 300;*/
  font-style: italic;
  padding-right: 5px;
  line-height: 29px;
  font-size: 14px;
}

.user-navigation .chosen-container-single .chosen-single span {
  line-height: 20px;
  font-style: normal;
  font-size: 16px;
  margin: 0 10px;
  font-weight: 300;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-style: italic;
  line-height: 29px;
  padding: 3px 15px 3px 15px;
}

.chosen-container-multi .chosen-choices {
  background-image: none;
  /*height: 100%;*/
  padding: 2px 5px;
  background-color: transparent;
}

.chosen-container-multi .chosen-choices li.search-choice {
  background: none;
  padding: 7px 20px 7px 7px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 14px;
}

.chosen-container.chosen-container-multi {
  height: auto;
  min-height: 40px;
}

.chosen-container-multi .chosen-choices li.search-field {
  padding-top: 3px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  right: 5px;
  top: 8px;
}

.chosen-container-active.chosen-with-drop .chosen-single {
  background: transparent;
}

.chosen-container-active .chosen-single {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3) !important;
}

.chosen-container-single .chosen-search input[type="text"] {
  background-color: #f2f2f2;
  border-radius: 5px;
  height: 30px;
}

.chosen-container .chosen-results {
  color: #666666;
  text-align: left;
  padding: 0;
  margin: 0 0 5px 0;
}

.chosen-container .chosen-results li {
  height: 40px;
  padding: 10px 20px;
}

.chosen-container .chosen-results li.highlighted {
  background-image: none;
  background-color: #f5f5f5;
  color: #666666;
}

/*.chosen-container.chosen-with-drop .chosen-drop {*/
/*left: -1px;*/
/*right: 0;*/
/*}*/
.chosen-container .chosen-drop {
  /*top: 98%;*/
  /*width: 100%;*/
  /*box-shadow: inset 1px 0 2px #ddd8dc;*/
  border-color: #c8bfc4;
}

/*--------------------------------------------------------*/
/* 21 - REVIEW-AND-SUBMIT                                 */
/*--------------------------------------------------------*/
.legend {
  background-color: #f8f8f8;
  margin: 30px 0;
}

.legend ul {
  position: relative;
  display: inline-block;
  margin: 0 auto;
}

.legend li {
  display: inline-block;
  font-size: 16px;
  padding: 20px 10px;
  line-height: 18px;
}

.legend li:first-child {
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 600;
  color: #999999;
}

.legend li span {
  float: left;
  margin: 0 10px;
  line-height: normal;
}

.circle-little {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 25px;
}

/*.info-before-submit {*/
/*padding-bottom: 30px;*/
/*}*/

.review-info .btn-send-help-request {
  position: absolute;
  right: 15px;
}

.info-before-submit p {
  position: relative;
  margin: 20px auto;
  width: 60%;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  color: #808080;
}

.info-before-submit .bold {
  color: #4d4d4d;
}

.bold {
  font-weight: 700;
}

.upload-items .linked-measure-description {
  float: left;
  word-break: break-word;
}
.upload-items .linked-measure-description span {
  float: left;
  margin-right: 5px;
}
.upload-items .linked-measure-description p {
  display: inline;
}
.upload-items .measure-container div.alert {
  float: left;
  margin-top: 15px;
}
/*--------------------------------------------------------*/
/* 22 - REGISTRATION TABLE                                */
/*--------------------------------------------------------*/
.registration-table {
  width: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  text-align: center;
  margin: 40px 0 100px;
}

.registration-table tr th {
  font-size: 22px;
  font-weight: 600;
}

.registration-table tr td,
.registration-table tr th {
  text-align: center;
  vertical-align: middle;
  width: 25%;
  height: 40px;
  padding: 0 10px;
}

.registration-table tr td:first-child,
.registration-table tr th:first-child {
  text-align: right;
}

.registration-table .border-bottom {
  border-bottom: 2px solid #cccccc;
  height: 10px;
}

.registration-table.tier {
  margin: 0;
}

.registration-table.tier tr:hover,
.registration-table.tier tr.active,
.registration-table.tier tr:hover,
.registration-table.tier tr:hover {
  background-color: inherit !important;
}

.column-title {
  padding: 20px 0 0 0;
  font-size: 21px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
}

/*--------------------------------------------------------*/
/* 23 - TABS - CONTENT                                    */
/*--------------------------------------------------------*/
.tabs .nav-tabs > li > a {
  padding: 10px 15px;
}

.tabs .nav-tabs > li.active > a,
.tabs .nav-tabs > li.active > a:hover,
.tabs .nav-tabs > li.active > a:focus {
  /*color: inherit;*/
  /*cursor: default;*/
  /*background-color: inherit;*/
  border: none;
  /*border-bottom-color: transparent;*/
  color: #4d4d4d;
  /*border-bottom: none;*/
  top: 1px;
  position: relative;
  background-color: #f2f2f2;
}

.tabs-btn {
  padding: 20px 40px;
  background-color: #f2f2f2;
}

.tabs-btn a {
  font-weight: 600;
  font-size: 14px;
  min-width: 100px;
  text-transform: uppercase;
  /*color: #3d8745;*/
  /*border-color: #3d8745;*/
}

.tabs-btn img {
  height: 25px;
  float: left;
  margin: 5px 15px 10px -15px;
}

.tabs-btn.manage p {
  display: inline-block;
  float: left;
  color: #999999;
  text-transform: uppercase;
  font-size: 14px;
  padding-right: 20px;
}

.tabs-btn.manage .p-label {
  margin: 5px 0;
}

.tabs-btn.manage a {
  text-transform: none;
}

.tabs-btn .btn.btn-green {
  color: #fff;
  float: right;
  background-color: #6fb750;
  border-color: #6fb750;
  text-transform: uppercase;
  width: 200px;
  /*min-width: 200px;*/
}

/*--------------------------------------------------------*/
/* 24 - GET - STARTED                                     */
/*--------------------------------------------------------*/
.left-color-menu ul li {
  display: block;
  width: 100%;
  /*padding: 20px 0;*/
 /* text-transform: uppercase;*/
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  box-sizing: border-box;
}

.left-color-menu ul li .progress-background {
  position: relative;
  /*top: 20px;*/
}

.left-color-menu a {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

/*.left-color-menu a:hover, .left-color-menu a:focus{*/
/*color: #6fb750;*/
/*}*/
.left-color-menu .nav-pills > li.active > a,
.left-color-menu .nav-pills > li.active > a:hover,
.left-color-menu .nav-pills > li.active > a:focus {
  background-color: inherit;
  color: inherit;
}
.left-color-menu ul li a img {
  position: relative;
  height: 30px;
  margin: -10px 10px 0 20px;
  top: 6px;
}

.left-color-menu ul li span {
  float: right;
  margin-right: 25px;
}

.left-color-menu i {
  position: relative;
  display: inline-block;
  margin: 0 15px 0 10px;
  width: 20px;
  top: -3px;
  text-align: right;
  float: left;
}

.left-color-menu li.active,
.left-color-menu ul.first-sub-menu li:hover {
  background-color: #fff;
}

.left-color-menu .after-menu {
  display: inline-block;
  width: 90%;
  color: #3d8745;
  font-size: 14px;
  text-transform: uppercase;
  padding: 20px 0 0 15px;
  font-weight: 600;
}

.left-color-menu .after-menu i {
  top: -8px;
  margin-left: 0;
}

.nav > li > a {
  padding: 15px 10px;
}

.nav > li > ul.first-sub-menu > li > a {
  position: relative;
  display: block;
  padding: 15px 10px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: #fff;
}

.columns-content {
  position: relative;
  border: 1px solid rgb(244, 244, 244);
  -webkit-box-shadow: 0 1px 1px 0 rgba(238, 238, 238, 1);
  -moz-box-shadow: 0 1px 1px 0 rgba(238, 238, 238, 1);
  box-shadow: 0 1px 1px 0 rgba(238, 238, 238, 1);
  padding: 25px 0 0;
  margin-bottom: 30px;
  /*margin: 0 40px 50px;*/
  /* on application page added min-height if there will be only one row */
  min-height: 100px;
}

.columns-content .btn {
  /*padding: 5px 0;*/
  padding: 5px;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 17px;
}

.columns-content .btn i {
  margin-right: 15px;
}

.columns-content .btn:hover {
  background-color: #6fb750;
  border-color: #6fb750;
}

.columns-content h3 {
  padding: 0 0 20px;
  margin-bottom: 25px;
  text-transform: uppercase;
  border-bottom: 2px solid rgb(241, 241, 241);
  font-size: 20px;
  letter-spacing: 1px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.columns-content .left-column-block {
  /*padding:0 15px 0 0;*/
  position: relative;
}

.columns-content .right-column-block {
  /*padding:0 0 0 15px;*/
  position: relative;
}

.columns-content .left-column-block p,
.columns-content .right-column-block p {
  margin-bottom: 20px;
}

.columns-content .left-column-block .p-label,
.columns-content .right-column-block .p-label {
  margin: 0;
  padding: 0;
}

.short-articles {
  margin-bottom: 25px;
  word-wrap: break-word;
}

.short-articles h4 {
  font-size: 21px;
  font-weight: 400;
  margin-bottom: 20px;
  font-family: "Lato", sans-serif;
}

.short-articles p {
  font-size: 16px;
  line-height: 22px;
  font-family: "Lato", sans-serif;
}

.short-articles .p-label {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
}

.short-articles.link-green a,
.sweet-alert a,
.city-messages-container .city-messages-list tbody a,
.measure-print-style .link-green a {
  color: #6fb750;
}

.list_style_default {
  list-style-type: decimal;
  margin-left: 15px;
}

.list_style_default li {
  padding-bottom: 10px;
  font-size: 13px;
  line-height: 19px;
}
.large-insert-text {
  font-size: 32px;
  font-weight: 600;
  line-height: 32px;
  display: inline-block;
  position: relative;
  top: 5px;
}

.short-articles i {
  margin: 0 5px 0 0;
}

/*--------------------------------------------------------*/
/* 25 - GET - STARTED - APPLICATION -A / B                */
/*--------------------------------------------------------*/
.left-color-menu ul li > a,
.nav > li > ul.first-sub-menu > li > a {
  padding-left: 45px;
}

/*.left-color-menu .sub-menu{*/
/*margin-top: 10px;*/
/*}*/
.left-color-menu .sub-menu {
  position: relative;
  top: -10px;
}

.left-color-menu .sub-menu a {
  font-size: 13px;
  padding-left: 0;
}

.left-color-menu .sub-menu li {
  color: #808080;
  border: none;
  text-transform: none;
  font-size: 13px;
  padding: 5px 0 5px 45px;
  line-height: 18px;
}

.left-color-menu .sub-menu li a:hover,
.left-color-menu .sub-menu li a.active,
.left-color-menu .sub-menu li.active {
  color: #333333;
  background-color: inherit;
}

.left-color-menu .sub-menu li a:before {
  display: none;
}

.p-small,
.application-content-titles .p-small {
  text-transform: none;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  letter-spacing: 0;
}
.progress-description {
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
}
.application-content-titles {
  margin-bottom: 10px;
  /*padding: 0 15px 0 0;*/
}

.application-content-titles p,
.application-content-titles h3 {
  display: inline-block;
  border: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

.application-content-titles p {
  font-size: 16px;
  /*letter-spacing: 2px;*/
  letter-spacing: 0;
}

.application-content-titles .p-label {
  float: right;
  margin: 0;
}

.file-row {
  float: left;
  width: 100%;
}

.upload-items {
  /*list-style-type: decimal;*/
  font-size: 16px;
  font-family: "Lato", sans-serif;
  list-style-position: inside;
}

.upload-items li {
  position: relative;
  border-top: 1px solid rgba(238, 238, 238, 1);
  /*padding: 25px 0;*/
  /*padding: 10px 0;*/
  padding: 5px 0;
  float: left;
  width: 100%;
}

.upload-items li li {
  border: none;
}

.upload-items .alert li {
  float: none;
}

.upload-items p {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 19px;
  /*word-wrap: normal;*/
  /*white-space: normal;*/
  word-wrap: break-word;
  width: 100%;
}

.upload-items p a,
.upload-items a {
  /*white-space: normal;*/
  word-wrap: break-word;
}

.upload-items .contact-info-list li,
.upload-items .contact-info-list li {
  padding: 5px 0;
}

.upload-items .contact-info-list p {
  width: 50%;
  padding: 0;
}

.upload-items .contact-info-list span {
  padding-top: 5px;
  display: inline-block;
  line-height: 22px;
}

.upload-items .p-label,
.contact-info-list .p-label {
  font-weight: 400;
}

/* Tooltip container */
.upload-items .tooltip-tips {
  margin-left: 10px;
  cursor: pointer;
}

.tooltip-tips {
  position: relative;
  display: inline-block;
}

.tooltip-inner {
  /*visibility: hidden;*/
  /*width: 120px;*/
  background-color: #6fb750;
  color: #fff;
  /*text-align: center;*/
  /*padding: 5px 0;*/
  /*border-radius: 6px;*/
  /*position: absolute;*/
  /*z-index: 1;*/
  /*top: -40px;*/
  /*left: 10px;*/
}

.tooltip.top .tooltip-arrow {
  border-top-color: #6fb750!important;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #6fb750!important;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #6fb750!important;
}
.tooltip.left .tooltip-arrow {
  border-right-color: #6fb750!important;
}

/*.tooltip-tips:hover .tooltiptext{*/
/*visibility: visible;*/
/*}*/
.upload-items .radio-wrapper {
  /*position: absolute;*/
  /*top: 20px;*/
}

.upload-items .input-wrapper {
  right: 0;
  top: 0;
  padding-right: 0;
}

.upload-items .clear .radio-wrapper {
  position: relative;
  top: 0;
}

.upload-items .energy-background {
  border-radius: 5px;
  width: auto;
  padding: 0 5px;
  margin-top: 6px;
}

.waste_factors .details {
  padding: 80px;
  max-width: 650px;
}

.waste_diversion p {
  font-size: 14px;
  line-height: 19px;
  padding-top: 10px;
}

.container_row {
  padding: 7px 0;
  border-top: 1px solid #efefef;
}

.container_row:last-child {
  border-bottom: 1px solid #efefef;
}

.container_image {
  float: left;
  width: 15%;
  padding: 5px;
  border: 1px solid #efefef;
  box-sizing: border-box;
}

.container_name {
  float: right;
  width: 70%;
}

.container_name * {
  font-weight: 600;
  letter-spacing: 0.5px;
  font-size: 14px;
}

.container_name span {
  color: #999;
}

.container_name p {
  padding: 0;
  line-height: 16px;
}

.factor_row {
  padding: 10px 70px;
}

.factor_row .values strong {
  color: #999;
  font-family: "Montserrat", sans-serif;
}

.factor_name {
  width: 22%;
  float: left;
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  /*margin-top: 10px;*/
  padding: 0;
  font-family: "Montserrat", sans-serif;
}

.factor_bar {
  width: 70%;
  float: left;
  margin-left: 15px;
}

.factor_bar .progress-wrapper {
  margin: 0;
}

.fa-close {
  font-size: 20px;
  position: absolute;
  right: 5px;
  top: 10px;
  color: #999;
}

.waste_diversion .btn {
  font-weight: 600;
  letter-spacing: 1px;
}

ul.disc {
  padding-top: 10px;
  list-style-type: disc;
  margin-left: 15px;
}

ul.disc li {
  padding: 5px 0;
}

.tab_wrapper {
  border: 1px solid #ccc;
  padding-bottom: 20px;
}

.non-hover tr:hover,
.non-hover tr:checked,
.non-hover tr.active,
.ui-datepicker-calendar tr:hover,
.ui-datepicker-calendar tr:checked,
.ui-datepicker-calendar tr.active {
  background-color: #fff !important;
  font-size: inherit !important;
  font-weight: normal !important;
}

.ui-datepicker-calendar td:hover,
.ui-datepicker-calendar tr:checked,
.ui-datepicker-calendar tr.active {
  background-color: #e2f1dc;
}

.waste_table th {
  /*text-align: left;*/
  border-bottom: 1px solid #efefef;
  padding: 3px 5px;
  padding-bottom: 20px;
  font-family: "Lato", sans-serif;
  font-size: 15px;
  text-align: center;
}

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

.waste_table .radio-wrapper.short {
  width: 70px;
  right: -10px;
  top: 14px;
  position: relative;
}

/*.waste_table th:first-child, .waste_table td:first-child {*/
/*padding-left: 0;*/
/*}*/
.waste_table td:nth-child(1),
.waste_table th:nth-child(1),
.waste_table td:nth-child(2),
.waste_table th:nth-child(2),
.waste_table td:nth-child(3),
.waste_table th:nth-child(3) {
  max-width: 150px;
}

.waste_table td:nth-child(4),
.waste_table td:nth-child(5) {
  max-width: 100px;
}

/*.waste_table td:nth-child(3){*/
/*width: 15%*/
/*}*/
.waste_table .chosen-container-single .chosen-single span {
  font-style: normal;
}

.waste_diversion .tabs-content {
  padding: 0 10px;
  box-sizing: border-box;
}

.waste_diversion .tab-style li a {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  border: none;
}

.waste_diversion .tab-style li a.active {
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom: none;
}

.border_left {
  border-left: 1px solid #efefef;
  padding-left: 1.5%;
  margin-left: 1.5%;
}

.qty_employees input {
  width: 110px;
  padding-left: 10px;
  float: right;
}

.upload-items img {
  /*width: 15px;*/
  /*float: left;*/
  /*margin-right: 5px;*/
  /*position: relative;*/
  /*top: -2px;*/
  width: 15px;
  /* float: left; */
  margin-right: 5px;
  position: relative;
  top: 2px;
}

/*.upload-items .contact-info-list li{*/
/*border: none;*/
/*}*/
.file-upload {
  position: relative;
  /*display: inline-block;*/
  cursor: pointer;
  padding-top: 10px;
  display: block;
  float: left;
}

.file-upload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  height: 100%;
  filter: alpha(opacity=0);
}

.added-files {
  margin: 5px 0;
  color: #ccc;
}

.added-files p {
  display: inline-block;
  padding: 0 15px 0;
  font-size: 13px;
  color: #999999;
  float: left;
  width: 100%;
}

.added-files span {
  float: right;
}

.added-files a {
  margin-left: 10px;
  font-size: 13px;
}

.progress-wrapper {
  border: 1px solid #e6e6e6;
  background-color: #fff;
  padding: 5px;
  margin: 10px 0;
}

.progress-background {
  background-color: #f2f2f2;
  height: 15px;
}

.progress,
.progress-background {
  /*width: 75%;*/
  height: 2px;
  margin-bottom: 0;
}

.progress-bar {
  background-color: inherit;
}

/* Commented by Mykola 02.02.17 18:25 */
/* For fixing next bug: http://tracker.pier2marketing.com/ticket/view/id/1791*/

/*.short-articles .progress {*/
/*width: 0;*/
/*}*/
.progress.large,
.progress-background.large {
  height: 15px;
}

.input-wrapper input {
  padding: 0 5px;
  margin: 0 -5px;
  height: 30px;
}

.container > .container {
  width: auto !important;
}

.radio-wrapper {
  display: inline-block;
}

/*.radio-wrapper select{*/
/*display: none;*/
/*}*/
.radio-wrapper label {
  z-index: 9;
}

.radio-wrapper input[type="checkbox"] {
  display: none;
}

.radio-wrapper input[type="radio"] {
  display: none;
}

.columns-content .application-add textarea {
  float: left;
  width: 100%;
  margin: 25px 0;
  padding: 10px;
  font-size: 20px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  box-sizing: border-box;
}

.application-add p {
  font-size: 16px;
}

.save-buttons {
  width: 26%;
  text-align: center;
  position: absolute;
  bottom: 30px;
  right: 40px;
}

.save-buttons.application-column {
  /*position: relative;*/
  /*width: 100%;*/
  /*right: 0;*/
  bottom: 0;
}

.save-buttons .update-time.btn,
.success.save-buttons .update-time.btn {
  width: 130px;
  font-size: 10px;
  padding: 7px 6px;
  text-transform: none;
  letter-spacing: normal;
  opacity: 0.65;
}

.application-buttons-group .btn.update-time.application {
  width: 250px;
  font-size: 10px;
  margin-top: 10px;
}

.btn.disable,
button.disable,
.save-buttons button.disable,
.tabs-btn .save-buttons button.disable {
  color: #b3b3b3;
  border: 1px solid #b3b3b3;
  background-color: #e6e6e6;
}

.success.save-buttons {
  position: relative;
  width: 100%;
  right: 0;
  /*margin: 0 auto;*/
}

.success.save-buttons a,
.success.save-buttons button.save-next-btn {
  width: 150px;
  min-width: auto;
}

.success.save-buttons button {
  width: 250px;
}

.save-buttons.application-buttons-group {
  position: relative;
  margin: 0 auto;
}

.neutral + label {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  right: 2px;
  transition: transform 1s;
}

.neutral:checked + label {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #ccc;
}

.yes + label {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  left: 2px;
  text-align: center;
}

.yes:checked + label {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #6fb750;
  -moz-animation-duration: 0.4s;
  -moz-animation-name: slidein;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-name: slidein;
  animation-duration: 0.4s;
  animation-name: slidein;
  -webkit-transform: translateZ(0);
}

.no + label {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  right: 38%;
  text-align: center;
}

.radio-wrapper.short .no + label {
  right: 2px;
}

.no:checked + label {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -moz-animation-duration: 0.4s;
  -moz-animation-name: slideno;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-name: slideno;
  animation-duration: 0.4s;
  animation-name: slideno;
  -webkit-transform: translateZ(0);
  background-color: #d14a3c;
}

@keyframes slidein {
  from {
    transform: translate(50px, 0);
  }
  to {
    transform: translate(0px, 0px);
  }
}

@keyframes slideno {
  from {
    transform: translate(-50px, 0);
  }
  to {
    transform: translate(0px, 0px);
  }
}

@keyframes returnLeft {
  from {
    transform: translate(-50px, 0);
  }
  to {
    transform: translate(0px, 0);
  }
}

@keyframes returnRight {
  from {
    transform: translate(50px, 0);
  }
  to {
    transform: translate(0px, 0);
  }
}

/*--------------------------------------------------------*/
/* 26 - DASHBOARD                                         */
/*--------------------------------------------------------*/
.head-sort .p-label {
  margin: 0 0 -10px 0;
}

.head-sort .custom {
  position: relative;
  float: right;
  top: 20px;
}

.head-sort .wrap.wrap-select .custom {
  top: 25px;
}

.dashboard .head-sort .wrap {
  padding: 0 0 0 20px;
  margin-left: 0;
}

.head-sort .container {
  margin: 0 20px;
  padding: 0 0 10px;
}

.head-sort a.btn {
  background-color: #fff;
  color: #b3b3b3;
  border: 1px solid #b3b3b3;
  text-transform: uppercase;
}

.head-sort a.btn:hover,
.head-sort a.btn.active {
  color: #4cae4c;
  border-color: #4cae4c;
}

.head-sort i {
  margin-right: 10px;
}

/*.alert{*/
/*padding: 10px 0;*/
/*background-color: #fbfbee;*/
/*}*/
.alert i {
  float: left;
  margin: 15px;
}

.background-grey > .input-row {
  padding: 15px 0;
}

.dashboard h2,
.dashboard h3,
.dashboard h4 {
  display: inline-block;
}

.filter-menu ul {
  margin: 20px 0 30px;
}

.field-filter-name {
  margin-left: 15px;
  margin-right: 15px;
}

.filter-menu label {
  cursor: pointer;
}

.filter-menu li a,
.filter-menu li label,
.list-group-item {
  float: left;
  width: 100%;
  padding: 10px 0 10px 20px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 2px solid #fff;
  background-color: #f5f5f5;
  color: #4d4d4d;
}

.filter-menu li a:hover,
.filter-menu li a.active,
.filter-menu li label:hover,
.filter-menu li label.active,
.filter-menu li.active a,
.filter-menu li:hover a,
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  color: #fff;
  background-color: #3d8745;
  border-color: #3d8745;
}

.panel .list-group-item {
  display: inline-block;
  float: none;
  padding: 10px 15px;
  background-color: #fff;
}

.filter-menu li.edit a:hover,
.filter-menu li.edit a.active {
  color: #3d8745;
  background-color: rgb(250, 255, 252);
  border-color: #3d8745;
}

.filter-menu li.edit a {
  color: #3d8745;
  background-color: #fff;
  border-color: #3d8745;
}

.filter-menu li.edit a.btn-red-outline {
  color: #d9534f;
  background-color: #fff;
  border-color: #d43f3a;
}

.filter-menu li.edit a.btn-red-outline:hover,
.filter-menu li.edit a.btn-red-outline.active {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.filter-menu li.edit a.btn {
  padding-left: 0;
}

.filter-menu li.edit a.btn-green-outline:hover,
.filter-menu li.edit a.btn-green-outline.active {
  color: #fff;
  background-color: #3d8745;
  border-color: #3d8745;
}

.filter-menu .count {
  float: right;
  font-weight: 400;
  margin-right: 20px;
  font-size: 12px;
}

.sub-filter-menu li a,
.sub-filter-menu li label {
  background-color: #fafafa;
}

.sub-filter-menu li a span,
.sub-filter-menu li label {
  text-transform: none;
  font-weight: 400;
  font-size: 13px;
  /*margin: 0 0 0 10px;*/
}
.tier-menu-content {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  overflow: hidden;
}
.filter-menu.tier a {
  background-color: #4D4D4D;
  color: #ffffff;
}
.filter-menu .sub-filter-menu a:hover,
.filter-menu.tier a:hover,
.filter-menu.tier a.active {
  background-color: #3D8745;
}

.filter-menu.tier a:hover {
  border-color: #fff;
}

.filter-menu .sub-filter-menu a:hover {
  border-color: #6fb750;
}

.filter-menu.report-menu {
  margin-bottom: 15px;
}

.filter-menu.report-menu li a {
  position: relative;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  background-color: transparent;
  border-bottom: none;
  color: #6fb750;
  padding: 15px;
}

.filter-menu.report-menu li a:after {
  content: "";
  height: 2px;
  background-color: #f1f1f1;
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
}

.filter-menu.report-menu li:first-child a:after {
  display: none;
}

.filter-menu.report-menu li a:hover:after {
  background-color: transparent;
}

.filter-menu.report-menu li a:hover,
.filter-menu.report-menu li a.active {
  background-color: #939598;
  color: #fff;
}

.list-group-item {
  border-bottom: 1px solid #ccc;
}

.input-row a.p-label {
  margin: 5px 8% 0 0;
}

.dashboard .wrap {
  /*padding: 0 0 0 40px;*/
  /*margin-left: -10px;*/
  padding: 0;
  width: 100%;
}

.dashboard .wrap select {
  width: 100%;
  height: 35px;
}

.company-item {
  margin: 10px 0;
  padding: 10px 0;
  border-bottom: 2px solid #e5e5e5;
}

.company-item .container {
  margin: 0 20px;
}

.company-item h4 {
  margin-bottom: 10px;
  font-weight: 600;
}

.company-item h4 a {
  font-size: 20px;
}

.company-item > .background-grey {
  padding: 10px 0 0;
  margin-bottom: 20px;
}

.company-item > .background-grey i {
  /*margin: 8px 10px 60px;*/
  position: absolute;
  left: -30px;
}

.company-status {
  margin-right: 15px;
  /*margin-left: 25px;*/
  box-sizing: border-box;
}

.company-status h5 {
  font-weight: 600;
  margin-bottom: 5px;
  font-family: "Montserrat", sans-serif;
}

.measure-complet {
  font-family: "Lato", sans-serif;
}

.company-status p {
}

.company-status .p-label {
  margin: 0;
  font-weight: 600;
}

.info .company-status {
  padding-bottom: 5px;
}

.info .company-status .margin-0 {
  margin: 0;
}

.company-status p span {
  margin: 0 10px 10px 0;
  float: left;
}

.pagination {
  padding-top: 15px;
  color: #808080;
}

.pagination li {
  display: inline-block;
  float: left;
}

.pagination a {
  padding: 5px;
  color: #808080;
  margin: 0 2px;
  cursor: pointer;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #e8e8e8;
  color: #808080;
}

.pagination > li > a,
.pagination > li > span {
  padding: 5px;
  color: #808080;
  margin: 0 2px;
  cursor: pointer;
  border: none;
  /*background-color: transparent;*/
  /* position: relative; */
  /* float: left; */
  /* padding: 6px 12px; */
  /* margin-left: -1px; */
  /* line-height: 1.42857143; */
  /* color: #337ab7; */
  /* text-decoration: none; */
  background-color: #fff;
  /* border: 1px solid #ddd; */
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #808080;
}

.colored-icon-dashboard .fa {
  font-size: 3em;
}

.colored-icon-dashboard .fa-check-circle,
.fa-check-circle + .company-status .status-color {
  color: #6fb750;
}

.colored-icon-dashboard .fa-arrow-circle-right,
.fa-arrow-circle-right + .company-status .status-color {
  color: #e3a626;
}

.colored-icon-dashboard .fa-times-circle,
.fa-times-circle + .company-status .status-color {
  color: #d14a3c;
}

.colored-icon-dashboard .fa-minus-circle,
.fa-minus-circle + .company-status .status-color {
  color: #808080;
}

/*--------------------------------------------------------*/
/* 27 - APPLICATION-DETAILS                               */
/*--------------------------------------------------------*/
.version-history.application-table tbody tr td:last-child {
  color: #000;
}

.version-history.application-table tbody tr td.green:last-child {
  color: #4cae4c;
}

.version-history.application-table th:nth-child(3),
.version-history.application-table td:nth-child(3),
.version-history.application-table td:nth-child(4),
.version-history.application-table td:nth-child(4) {
  width: 15%;
}

.title-block a i {
  margin-right: 10px;
}

.app-detail-title h3 {
  padding: 20px 0;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  /*background-color: #fff;*/
}

.left-column-block .save-buttons {
  position: relative;
  width: 100%;
  bottom: 0;
  right: 0;
  margin: 15px 0;
}

.left-column-block .save-buttons button {
  margin-bottom: 15px;
  font-weight: 600;
}

.left-column-block .green-title {
  margin-bottom: 15px;
}

.left-column-block .p-label {
  margin-bottom: 0;
}

.left-column-block .chosen-container-single .chosen-single span,
.norm-select-style .chosen-container-single .chosen-single span {
  font-style: normal;
  color: #4d4d4d;
}

/*.tabs-btn.application-info {*/
/*display: inline-block;*/
/*}*/

.tabs-btn.application-info h2 {
  display: inline-block;
  /*word-break: break-all;*/
}

.tabs-btn.application-info .btn {
  width: auto;
}

.tabs-btn.application-info .save-buttons {
  width: 100%;
  top: 20px;
}

.tabs-btn.application-info .save-buttons a {
  padding: 4px 5px;
  margin: 13px 4px;
}

.status-block i {
  float: left;
  margin: 10px;
}

.tabs-btn.application-info .status-block {
  position: absolute;
  width: 150px;
  right: 15px;
  top: 5px;
}

.tab-content {
  position: relative;
}

.tab-content .status-block {
  position: absolute;
  right: 40px;
  top: 10px;
}

.status-block.report-page {
  top: -50px;
}

.p-label.p-italic {
  font-weight: 400;
}

.p-italic {
  font-style: italic;
}

.background-grey .container.application-info,
.container.application-info {
  padding: 30px 10px 20px;
  margin: 0 10px;
}

.background-grey .application-info h3 {
  margin: -10px 0 5px;
}

.application-info button:not(.btn-landing-link) {
  margin: 5px 0 10px;
  /*height: 40px;*/
  height: 35px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
}

.application-info .input-row button {
  margin: 0 0 0 25px;
}

.application-info .p-label {
  margin: 0;
  font-weight: 400;
}

.application-info .input-row,
.application-info .company-status {
  margin: 0 0 15px;
}

.application-info .input-row button,
.application-info .input-row select,
.application-info .input-row input,
.application-info .input-row .select-wrapper .chosen-container {
  height: 35px;
}

.application-info .input-row select,
.application-info .input-row input {
  width: 100%;
}

.application-info .chosen-container-single .chosen-single span {
  line-height: 32px;
}

.coordinator-audit-status {
  color: #808080;
  font-weight: 400;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  text-align: center;
}

.coordinator-audit-status div {
  /*padding: 10px 0;*/
}

.coordinator-audit-status .audit-head {
  font-size: 22px;
  font-weight: 600;
  color: #4d4d4d;
}

.coordinator-audit-status .audit-sub-head {
  text-align: left;
}

.registration-table.tiered-promotion {
  margin-top: 0 !important;
}

.registration-table.tiered-promotion tr th,
.registration-table.tiered-promotion tr td {
  font-size: 14px;
}

.registration-table.tiered-promotion tr th .switch-control,
.registration-table.tiered-promotion tr td .switch-control {
  margin: 0 auto;
}

.registration-table.tiered-promotion tr td:nth-child(1),
.registration-table.tiered-promotion tr td:nth-child(2) {
  color: #808080;
  padding: 0;
}

.registration-table.tiered-promotion tr td:nth-child(2) .p-label {
  font-weight: 600;
}

.registration-table.tiered-promotion .input-row {
  margin: 0;
}

.application-info .registration-table,
.application-info .company-status {
  margin: 30px 0;
}

.application-info .registration-table tr td:first-child,
.application-info .registration-table tr th:first-child {
  text-align: left;
}

.application-info .registration-table tr td:first-child {
  text-transform: uppercase;
  color: #808080;
  font-weight: 400;
  font-size: 14px;
  width: 30%;
}

.tiered-promotion td {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.registration-table.tiered-promotion select {
  height: 35px;
  width: auto;
}

.registration-table.tiered-promotion input {
  padding: 0 0 0 2px;
}

.background-grey .container.application-info .registration-table {
  width: 80%;
}

.registration-table .radio-wrapper {
  width: 60px;
}

.radio-wrapper.short {
  width: 70px;
  right: 40px;
}

.radio-wrapper.short .no + label {
  right: 1%;
}

.application-info textarea {
  padding: 15px;
  width: 100%;
  font-size: 20px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
}

.application-info.tier textarea {
  width: 100%;
}

.btn.disable,
.btn.update-time {
  cursor: auto;
}

.container.application-view {
  margin: 50px 20px;
}

.view-buttons {
  margin: 30px 0;
}

.view-buttons button {
  width: 23.5%;
  margin-left: 2%;
  display: block;
  float: left;
  font-weight: 600;
  letter-spacing: 1px;
}

.view-buttons button:first-child {
  margin-left: 0;
}

.view-table {
  margin-bottom: 50px;
}

.view-table i {
  color: #c3e0b8;
  margin: 0;
}

.view-table .fa-caret-down {
  float: left;
}

.view-table .fa-times {
  float: right;
}

.view-table th {
  padding: 10px;
  color: #fff;
  text-align: left;
  vertical-align: bottom;
  border-left: 2px solid #c3e0b8;
  border-top: 1px solid #c3e0b8;
  font-weight: 600;
  font-size: 11px;
}

.view-table td {
  padding: 15px 10px;
  font-weight: 600;
  font-size: 11px;
}

.view-table .green-background {
  background: #7abc5e;
}

.view-table .light-green-background th:first-child {
  background: #7abc5e;
}

.view-table th:first-child {
  border-left: none;
}

.view-table tbody tr:nth-child(2n) {
  background: #f3f3f3;
}

.list_name {
  font-size: 24px;
  padding-right: 40px;
}

.save_list_div {
  display: none;
}

.save_list_div a {
  padding-left: 20px;
  font-size: 16px;
}

.save_as_div {
  background: #f1f1f1;
  padding: 15px;
  box-sizing: border-box;
  position: absolute;
  top: 78px;
  width: 100%;
  z-index: 11;
  display: none;
}

.save_as_div i {
  color: #f1f1f1;
  font-size: 32px;
  position: absolute;
  top: -21px;
  left: 67px;
}

.save_as_div input {
  width: 75%;
  margin-left: 10px;
  margin-right: 10px;
}

.save_as_div button {
  background: transparent;
  color: #42884a;
  border: 0;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 14px;
}

/*--------------------------------------------------------*/
/* 28 - TIER                                              */
/*--------------------------------------------------------*/
.tier .version-history.define.setup {
  margin-bottom: 25px;
}

/*.tier .version-history.define.setup.communication tr:hover,*/
/*.tier .version-history.define.setup.communication tr.active{*/
/*font-weight: 700;*/
/*}*/
.tier .version-history.define.setup.communication tr td:last-child {
  color: inherit;
  font-weight: inherit;
}

.content.tier {
  text-align: left;
  margin: 20px 0;
}

.registration-table.col-50 {
  width: 50%;
  margin: 0;
}

.radio-wrapper.checkbox-tier {
  width: 15px;
  height: 15px;
  background-color: #ccc;
  display: inline-block;
  vertical-align: middle;
  border-radius: 30px;
  position: relative;
  padding: 2px;
  border: 1px solid #ccc;
  cursor: pointer;
}

.checkbox-tier .yes:checked + label,
.checkbox-tier .no:checked + label {
  width: 15px;
  height: 15px;
  animation: none;
  cursor: pointer;
}

.checkbox-tier .yes + label {
  left: 0;
  top: -1px;
  cursor: pointer;
}

.checkbox-tier .no + label {
  right: 0;
  top: -1px;
  cursor: pointer;
}

/*--------------------------------------------------------*/
/* 29 - CHECKLIST-DEFINE-ADD                              */
/*--------------------------------------------------------*/
.border-block.selected-row {
  border: 1px solid #479143;
}

.selected-row table tr td {
  font-size: 16px;
  padding: 0 15px;
  text-align: center;
  vertical-align: middle;
}

.selected-row table tr td:nth-child(2) {
  text-align: left;
}

.version-history.define.define-add th,
.version-history.define.define-add td {
  width: 15%;
  text-align: center;
  padding: 5px;
}

.version-history.define.define-add th:nth-child(3),
.version-history.define.define-add td:nth-child(3) {
  width: 40%;
  text-align: left;
}

.version-history.define.define-add td h4 {
  font-size: 14px;
  font-weight: 600;
}

.version-history.define.define-add p {
  font-size: 16px;
}

.select-wrapper.small-dropdown-text,
.version-history.manage.small-dropdown-text tr td .chosen-single,
.waste_table.small-dropdown-text tr td .chosen-single {
  width: 170px;
}

.wrap-select.small-dropdown-text .chosen-results,
.select-wrapper.small-dropdown-text .chosen-results,
.version-history.manage.small-dropdown-text tr td .chosen-results,
.waste_table.small-dropdown-text tr td .chosen-results {
  font-size: 11px;
}

/*.wrap-select.small-dropdown-text,*/
.select-wrapper.small-dropdown-text {
  width: 250px;
}

.p-label i {
  margin: 0 15px;
}

/*--------------------------------------------------------*/
/* 30 - CHECKLIST-MEASURE-ADD                             */
/*--------------------------------------------------------*/
.version-history.manage.measure-add th:nth-child(1),
.version-history.manage.measure-add td:nth-child(1),
.version-history.manage.measure-add td:nth-child(3),
.version-history.manage.measure-add td:nth-child(3) {
  width: 5%;
}

/*--------------------------------------------------------*/
/* 31 - PROTOTYPE DASHBOARD FLOW                          */
/*--------------------------------------------------------*/
.visual-wrapper {
  column-count: 2;
  width: 100%;
}

.visual-wrapper div {
  page-break-inside: avoid;
  break-inside: avoid-column;
  /*display: table;*/
}

.stick {
  /*padding: 10px 40px;*/
  padding: 10px 15px;
  margin: 15px 0;
  /*float: left;*/
  width: 100%;
}

.stick:first-child {
  margin-top: 0;
}

.stick .content {
  margin: 10px 0 25px;
  text-align: left;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}

.stick .content h4 {
  font-family: "Montserrat", sans-serif;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 600;
  margin: 15px 0;
}

.stick .content table th {
  font-weight: 600;
}

.stick .content table td {
  font-weight: 400;
}

.stick .content table th,
.stick .content table td {
  padding: 5px 2px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
}

.stick.green-stick {
  text-align: center;
  border: 1px solid #479143;
}

.stick.background-grey {
  border-radius: 3px;
}

.stick .title {
  padding: 25px 0 5px;
  border-bottom: 1px solid #e8e8e8;
  margin: 0 5px;
}

.stick .title span {
  min-height: 70px;
}

.stick .title i {
  float: left;
  font-size: 21px;
}

.stick.alert,
.stick.alert .content {
  text-align: center;
}

.stick .title p,
.stick.alert i {
  display: inline-block;
  margin: 0 15px 0 0;
}

.stick .title p {
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}

.stick .btn {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.checkbox-wrapper-email {
  padding: 0 5px;
}

.profile-img {
  float: left;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid #e8e8e8;
  background-color: #fff;
  overflow: hidden;
}

.profile-img img {
  width: 100%;
  height: 100%;
  position: relative;
}

.image-row .p-label {
  display: inline-block;
  margin: 15px 10px;
  width: 150px;
}

.stick .company-status {
  margin: 15px 0;
}

.stick .company-status .p-label {
  line-height: 1;
  margin: 0;
}

.stick .content .fa.fa-check-circle-o {
  font-size: 38px;
}

.stick .content .fa-stack {
  margin: 0 30px 20px 0;
}

.stick .content .fa-stack-1x {
  font-weight: 600;
  font-size: 20px;
  line-height: 40px;
  font-family: "Lato", sans-serif;
}

.stick .content i {
  margin: 15px 15px 10px;
}

.communication .left-column-block {
  padding: 0;
}

.communication .app-detail-title h3 {
  text-align: left;
}

.left-column-checklist.communication {
  width: 100%;
  float: left;
  overflow: hidden;
  padding-top: 0;
  margin-top: 1em;
}

/*--------------------------------------------------------*/
/* 32 - POP-UP                                            */
/*--------------------------------------------------------*/
#pop-up-holder,
#confirm-pop-up,
.popup,
#pop-up-holder-empty {
  display: none;
  /*display: block;*/
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 20;
  overflow-y: scroll;
}

#confirm-pop-up {
  display: none;
  /*display: block;*/
}

.details {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 90%;
  max-width: 1000px;
  margin: 15% 0;
  background-color: #ffffff;
  text-align: center;
  border-radius: 3px;
}

.details .title-row {
  margin: 0;
  text-align: left;
  text-transform: none;
  font-weight: 300;
}

.details .title-row p {
  padding: 0;
}

.details .title-row i {
  color: #999999;
  cursor: pointer;
}

.popup-btn {
  margin: 10px 0 20px;
  font-weight: 600;
}

.popup-btn .btn {
  width: 120px;
  cursor: pointer;
}

.details input,
.details textarea {
  margin: 20px 0 10px;
  width: 100%;
}

.waste_diversion .details input {
  margin: 0;
  height: 40px;
  padding-left: 10px;
}

.waste_diversion .details {
  padding: 40px;
  text-align: left;
  box-sizing: border-box;
}

.details textarea {
  font-size: 20px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  padding: 2.5%;
  width: 95%;
}

.pop-up-content {
  text-align: left;
  margin: 25px 0;
}

.pop-up-content span {
  margin-right: 15px;
}

.pop-up-content h1 {
  margin: 25px 0;
}

.pop-up-content p {
  margin: 10px 0;
  color: #666666;
  font-size: 16px;
}

#confirm-pop-up .popup-btn .btn {
  margin: 0 5px;
}

#pop-up-holder .tier {
  text-align: left;
}

#pop-up-holder .tier input,
#pop-up-holder .tier textarea {
  margin: 0 0 2px;
}

#pop-up-holder .tier button {
  width: 150px;
  margin: 10px 5px;
}

#pop-up-holder .registration-table.tier .p-label {
  font-size: 20px;
}

#pop-up-holder .registration-table.tier input {
  display: none;
}

#pop-up-holder .registration-table.tier input + label {
  width: 30px;
  height: 30px;
  display: block;
  position: relative;
  margin: 5px auto;
  box-sizing: border-box;
  outline: none;
  border: 1px solid #c8bfc4;
  border-radius: 4px;
  box-shadow: inset 1px 1px 2px #ddd8dc;
  background: #fff;
}

#pop-up-holder
  .registration-table.tier
  input[type="checkbox"]:checked
  + label:after {
  content: "✔";
  position: absolute;
  top: 3px;
  left: 4px;
  font-size: 25px;
  line-height: 0.8;
  color: #09ad7e;
  transition: all 0.2s;
  z-index: 50;
}

.pop-up-table {
  margin: 40px 5px 25px;
}

.pop-up-table h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.pop-up-table p {
  margin: 3px 0;
}

.pop-up-table tr td {
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  padding: 10px 40px;
}

.pop-up-table tr td:nth-child(3) {
  text-align: left;
}

.details.measure-add {
  width: auto;
}

.details.measure-add h2 {
  margin-bottom: 50px;
}

.popup-therm,
.popup-lighting,
.mu-question {
  float: right;
  margin-right: 15px;
}

.popup-diversion,
.with-out-popup {
  float: right;
}

.with-out-popup {
  margin-right: -40px;
  /*margin: 0 auto;*/
}

.responsive-menu,
.responsive-menu1 {
  display: none;
  /*position: absolute;*/
}

.hamburger {
  background: none;
  position: absolute;
  top: 5px;
  right: 10px;
  line-height: 45px;
  /*padding:5px 15px 0 15px;*/
  color: #a9a9a9;
  border: 0;
  font-size: 26px;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  z-index: 100;
}

.cross {
  background: none;
  position: absolute;
  top: 0;
  right: 10px;
  /*padding:13px 15px 0 15px;*/
  color: #a9a9a9;
  border: 0;
  font-size: 4.5em;
  line-height: 65px;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  z-index: 100;
  display: none;
}

/*.left-color-menu .cross{*/
/*padding:13px 15px 0 15px;*/
/*}*/
/*.left-color-menu .hamburger{*/
/*padding:5px 15px 0 15px;*/
/*}*/
.horizontal-nav .responsive-menu1,
.responsive-menu-report {
  display: none;
  /*position: absolute;*/
}

.horizontal-nav .hamburger1,
.horizontal-nav .hamburger-report {
  background: none;
  position: absolute;
  top: 60px;
  left: 25px;
  line-height: 45px;
  padding: 5px 15px 0 15px;
  color: #a9a9a9;
  border: 0;
  font-size: 26px;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  z-index: 100;
}

.horizontal-nav .cross1,
.horizontal-nav .cross-report {
  background: none;
  position: absolute;
  top: 50px;
  left: 25px;
  padding: 13px 15px 0 15px;
  color: #a9a9a9;
  border: 0;
  font-size: 4em;
  line-height: 65px;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  z-index: 100;
}

.horizontal-nav .hamburger1 {
  top: -5px;
  left: 0;
}

.horizontal-nav .cross1 {
  top: -10px;
  left: 0;
}

.horizontal-nav .hamburger-report {
  left: 93%;
  top: 0;
}

.horizontal-nav .cross-report {
  left: 93%;
  top: 0;
}

p > a {
  font-size: inherit;
}

/*--------------------------------------------------------*/
/* XX - MY REPORT                                         */
/*--------------------------------------------------------*/
.my-report {
  padding: 25px 15px;
  margin-bottom: 50px;
  font-family: "Lato", sans-serif;
}

.my-report h1 {
  padding-bottom: 25px;
}

.my-report h2 {
  padding-bottom: 25px;
  font-weight: 400;
  font-size: 32px;
}

.my-report h3 {
  padding-bottom: 35px;
  font-weight: 300;
  font-size: 21px;
  line-height: 29px;
}

.my-report h4 {
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: 10px;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 19px;
}

.my-report p {
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 22px;
}

.application-content-titles.my-report {
  margin-bottom: 0;
}

.application-content-titles.my-report h4 {
  display: inline-block;
  padding-bottom: 0;
  line-height: 32px;
}

.application-content-titles.my-report .btn {
  font-weight: 600;
}

.version-history.my-report {
  margin-bottom: 50px;
}

.version-history.my-report .title-row.dark-green {
  text-transform: none;
}

.version-history.my-report {
  font-family: "Lato", sans-serif;
}

.version-history.my-report td:nth-child(1n) {
  width: auto;
  text-align: left;
  vertical-align: middle;
  font-size: 16px;
}

.version-history.my-report td:last-child {
  font-weight: 400;
  color: inherit;
  width: 20%;
}

.version-history.my-report td p span {
  padding-left: 25px;
}

.version-history.my-report tr:hover,
.version-history.my-report tr.active {
  /*font-weight: inherit;*/
}

.tile {
  text-align: center;
}

.tile h4 {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  padding: 15px 0 0;
  font-weight: 600;
  width: 70%;
  margin: 0 auto;
}

.tile h2 {
  padding-bottom: 20px;
  font-size: 32px;
  line-height: 35px;
}

.stick.tile p {
  font-family: "Lato", sans-serif;
}

.tile p {
  padding: 15px 0;
}

.tile img {
  width: 25px;
  margin: 0 4px;
}

.notation {
  font-size: 16px;
  color: #808285;
  font-style: italic;
  line-height: 22px;
  font-family: "Lato", sans-serif;
}

.stick.tile.greenhouse-background img {
  width: 20px;
}

.stick.tile.energy-saved-background img {
  width: 20px;
}

.stick.tile.purple-background img {
  width: 30px;
}

.stick.tile.garbage-background img {
  width: 23px;
}

.stick.tile.water-saved-background img {
  width: 22px;
}

.stick.tile.hazardous-background img {
  width: 19px;
}

/*--------------------------------------------------------*/
/* XX - MY COMPANY PROFILE                                */
/*--------------------------------------------------------*/
.save-buttons.company-profile {
  position: relative;
  width: 100%;
  margin: 10px 0;
  left: 0;
}

.application-content-titles.company-profile {
  border: none;
  /* border-bottom: 2px solid rgba(238, 238, 238, 1); */
  padding: 15px 0;
  font-family: "Lato", sans-serif;
}

.application-content-titles.company-profile h2 {
  font-size: 32px;
  display: inline-block;
  margin-right: 10px;
}

.application-content-titles.company-profile p {
  letter-spacing: normal;
  text-transform: none;
}

.company-profile-info {
  margin: 15px 0 25px;
}

.company-profile-info p {
  font-size: 16px;
  padding-bottom: 10px;
}

.company-profile-info .p-label {
  font-family: "Montserrat", sans-serif;
}

.company-photo {
  margin-bottom: 20px;
  float: left;
}

.company-photo img {
  width: 40%;
  float: left;
  margin-right: 10px;
}

.company-photo h2 {
  /*display: inline-block;*/
  /*font-weight: 100;*/
  /*width: 60%;*/
}

.photo-upload {
  text-transform: none;
  padding: 50px 12px;
  background-color: #f2f2f2;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
}

.upload-image {
  color: #b5b5b5;
  font-size: 32px;
  font-weight: 400;
  font-family: "Lato", sans-serif;
}

.upload-image i {
  background: #b3b3b3;
  color: #f2f2f2;
  padding: 0 5px;
  border-radius: 50%;
  font-weight: 600;
  font-size: 27px;
}

.uploaded-file-photo {
  font-size: 16px;
}

.uploaded-file-photo span {
  line-height: 32px;
}

.uploaded-file-photo a {
  margin-right: 10px;
}

/*--------------------------------------------------------*/
/* XX - FIND BUSINESS                                     */
/*--------------------------------------------------------*/
.find-business {
  margin: 20px 0;
  font-family: "Montserrat", sans-serif;
}

.find-business .table-text {
  line-height: 22px;
  font-size: 16px;
  font-family: "Lato", sans-serif;
}

.find-business .table-text span {
  font-family: "Montserrat", sans-serif;
}

.find-business .table-text a {
  font-weight: 600;
}

.find-business h2 {
  font-family: "Lato", sans-serif;
  font-size: 32px;
}

.find-business td:first-child {
  width: 20%;
}

.find-business th {
  text-align: left;
  padding: 10px;
}

.find-business tr {
  border-bottom: 1px solid rgba(238, 238, 238, 1);
}

.find-business tbody tr:last-child {
  border: none;
}

.find-business p {
  padding-bottom: 10px;
  margin: 0;
}

.find-business tbody td {
  vertical-align: top;
  padding: 40px 10px;
}

.find-business-pop-up {
  text-align: left;
  margin: 40px;
}

.find-business-pop-up p {
  padding-bottom: 10px;
}
.business-profile-style .registration-field p {
  font-size: 14px;
}
.business-profile-style .ownership-block .btn {
  padding: 6px 8px;
}
.ownership-block .centered-items {
  display: inline-block;
  margin: 0 auto;
  position: relative;
}
/*--------------------------------------------------------*/
/* XX - MEASURES                                          */
/*--------------------------------------------------------*/
.create-content.measures .p-label {
  margin: 10px 0 0;
  text-align: left;
}

.textarea-style {
  font-size: 20px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  padding: 2.5%;
  width: 100%;
}

.version-history.measure-table thead tr th {
  color: #fff;
  padding: 10px;
}

.way-files {
  position: relative;
  float: left;
  margin: 20px 0;
}

.way-files .fa-close {
  position: relative;
  top: 1px;
  right: -3px;
}

.version-history.measure-table.green-tips td,
.version-history.measure-table.green-tips th {
  width: auto;
  text-align: center;
  vertical-align: middle;
  padding: 10px 25px;
}

.version-history.measure-table.green-tips td:nth-child(3),
.version-history.measure-table.green-tips th:nth-child(3) {
  text-align: left;
}

.version-history.measure-table.green-tips td:nth-child(4),
.version-history.measure-table.green-tips th:nth-child(4) {
  width: 100px;
}

.view-table.manage th {
  padding: 25px 10px;
}

.view-table.manage {
  color: #7d8c99;
}

.view-table.manage i {
  color: inherit;
}

.view-table.manage tr td,
.view-table.manage tr th {
  font-size: 14px;
  font-weight: 300;
}

.view-table.manage tr td p {
  font-size: 14px;
}

.view-table.manage tr td p a {
  float: right;
}

.create-content.audit {
  width: 600px;
}

.create-content.audit .p-label {
  margin-bottom: 0;
}

.create-content.audit input {
  margin-top: 0;
}

.chose p {
  display: inline-block;
  width: 70%;
  margin-left: 10px;
  font-size: 14px;
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
}

.chose .checkbox + label::before {
  top: 0;
  left: -20px;
  width: 17px;
  height: 17px;
  border-radius: 5px;
}

.chose .checkbox + label {
  margin-left: 15px;
}

.lighting-popup .chose .checkbox + label {
  margin: 0;
}

.chose .checkbox:checked + label::before {
  background: #fff;
  border-color: #6fb750;
  border-width: 5px;
}

/*.chose.radio-checkbox:checked + .checkbox-radio-wrapper{*/
/*background-color: #fff;*/
/*}*/
/*.chose.radio-checkbox:checked + .checkbox-radio-wrapper{*/
/*box-shadow: inset 0 0 0 5px #6fb750;*/
/*}*/
.chose .radio-checkbox .checkbox-radio-wrapper {
  /*width: 17px;*/
  /*height: 17px;*/
  /*top: 4px;*/
  margin: 0 0 10px 10px;
  padding: 0 0 10px 25px;
  width: 100%;
}

.chose .radio-checkbox .checkbox-radio-wrapper:before {
  top: 0;
  left: 0;
}

.chose .radio-checkbox:checked + .checkbox-radio-wrapper:before {
  border: 0 solid #6fb750;
  background-color: #fff;
  box-shadow: inset 0 0 0 5px #6fb750;
}

.absolute {
  position: absolute;
}

/*--------------------------------------------------------*/
/* XX - APLICATION EMAIL                                  */
/*--------------------------------------------------------*/
.stick.application-email {
  margin: 5px 0;
  background-color: #f6f7f7;
}

.stick.application-email textarea {
  width: 100%;
  /*margin: 25px 0;*/
  padding: 10px;
  /*font-size: 20px;*/
  border: 1px solid #c8bfc4;
  border-radius: 5px;
  box-sizing: border-box;
  resize: none;
}

table thead tr th .checkbox + label::before {
  top: 15px !important;
}

.editor i {
  color: #999999;
  cursor: pointer;
}

.separator {
  border-right: 2px solid #999999;
  cursor: auto !important;
}

.filter-menu.tier.fuzzy a {
  padding: 15px 0 15px 55px;
  color: #6d6e71;
}

.filter-menu.tier.fuzzy a:hover,
.filter-menu.tier.fuzzy a.active {
  background-color: #e2f1dc;
  color: #6fb750;
}

.table-width-normalize tr th,
.table-width-normalize tr td {
  width: auto !important;
}

.centered-button {
  /*margin: -20px 11px 0;*/
  position: absolute;
  font-weight: 600;
  right: 50%;
  transform: translate(50%, 0);
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: inherit;
  color: white;
  font-weight: 600;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  border-bottom: 2px solid white;
  border-radius: 0px!important;
}

.dashboard-sorted-block select {
  width: 95%;
  height: 30px;
}

.dashboard .head-sort .dashboard-sorted-block .wrap {
  padding: 0;
}

/*.dashboard .wrap.wrap-select .custom{*/
/*top: 10px;*/
/*right: 35px;*/
/*}*/
.company-item.after-dashboard-sort-block p {
  padding: 0;
  font-size: 14px;
  line-height: 20px;
}

#main_page_container {
  max-width: 1200px;
  margin: 0 auto;
}

/*#main_page_container .site-login{*/
/*width: 600px;*/
/*margin:0 auto;*/
/*}*/
.left-color-menu .nav li a:before {
  content: "";
  position: absolute;
  width: 27px;
  height: 25px;
  background-size: cover;
  left: 10px;
  background-size: 100% 100%;
}

/*--------------------------------------------------------*/
/* xx - tebles                                            */
/*--------------------------------------------------------*/
.custom-table {
  margin-bottom: 20px;
}

.content-table-beige {
  width: 100%;
  padding: 1em;
  background-color: #EEEEEE;
  border-radius: 20px;
}
.content-table-beige .grid-view {
  width:100%;
  border-radius: 10px;
  overflow: hidden;
}
.table-white-beige {
  background-color: #fff;
}
.table-white-beige th,
.table-white-green th
{
  height: 45px;
  color: #062A20;
  /*font-size: 16px;*/
  vertical-align: middle;
  padding: 5px 10px;
  background: #FFFFFF;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 13px;
  border-right: 1.96538px solid #E3E0D9;

  /* or 102% */
}
.table-white-beige > tbody > tr:nth-of-type(odd) {
  background-color: #ECDEBB !important;
}
.table-white-green > tbody > tr:nth-of-type(odd) {
  background: #E2F1DC !important;
}
.table-white-green td,
.table-white-green td a,
.table-white-green td a span,
.table-white-beige td,
.table-white-beige td a,
.table-white-beige td a span
{
  color: #2B473D !important;
  font-size: 14px !important;
}
.table-white-beige th:last-child {
  border-color: transparent;
}
.custom-table th {
  height: 45px;
  color: #fff;
  /*font-size: 16px;*/
  background-color: #999999;
  vertical-align: middle;
  padding: 5px 10px;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}

.custom-table td {
  vertical-align: middle;
}

.program-website-step-index .custom-table td:nth-child(3),
.event-index .custom-table td:nth-child(3) {
  word-break: break-word;
}

.global-variables-table th,
.global-variables-table td {
  padding: 5px 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f6f6f6;
}

.table-striped > tbody > tr:nth-of-type(even) {
  /*background-color: #fafafa;*/
  background-color: #fff;
}

/*--------------------------------------------------------*/
/* xx - accordeon panels                                  */
/*--------------------------------------------------------*/
.result-report .panel-default > .panel-heading + .panel-collapse > .panel-body {
  height: 200px;
  box-sizing: border-box;
  overflow: auto;
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.result-report .panel-default > .panel-heading {
  color: #fff;
  background-color: #989898;
  border-color: #989898;
}

.result-report .panel-title > a,
.result-report .panel-title > small,
.result-report .panel-title > .small,
.result-report .panel-title > small > a,
.result-report .panel-title > .small > a {
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.result-report .panel-title > a i {
  position: absolute;
  right: 24px;
  top: 13px;
  margin-right: 0;
  font-size: 17px;
}

.result-report .panel-title > a .fa-minus-circle,
.result-report .panel-title > a.collapsed .fa-plus-circle {
  display: block;
}

.result-report .panel-title > a .fa-plus-circle,
.result-report .panel-title > a.collapsed .fa-minus-circle {
  display: none;
}

/*--------------------------------------------------------*/
/* xx - report create steps                               */
/*--------------------------------------------------------*/
.report-steps {
  position: relative;
  text-align: justify;
  display: table;
  width: 100%;
}

.report-steps > div {
  position: relative;
  /* display: inline-block; */
  text-align: center;
  /* width: auto; */
  display: table-cell;
  width: auto;
  min-width: 75px;
  color: #6fb750;
  font-size: 12px;
}

.report-steps > div.active {
  color: #3d8745;
}

.report-steps > div.active ~ div {
  color: #989898;
}

.report-steps > div.active .circle-line,
.report-steps > div.active ~ div .circle-line {
  background-color: #989898;
}

.report-steps .circle-line {
  background-color: #6fb750;
  top: 12px;
  height: 3px;
  left: 56%;
  z-index: 0;
}

.report-steps > div .fa-stack {
  z-index: 1;
  /*background-color: #fff;*/
  /*border-radius: 50%;*/
}

.report-steps > div .fa-stack .fa-circle-thin:before {
  background-color: #fff;
  border-radius: 50%;
}

.report-steps > div .fa.symbol {
  display: block;
}

.report-steps > div .fa.digit {
  display: none;
}

.report-steps > div.active .fa.digit,
.report-steps > div.active ~ div .fa.digit {
  display: block;
}

.report-steps > div.active .fa.symbol,
.report-steps > div.active ~ div .fa.symbol {
  display: none;
}
.resource-index h2 {
  font-size: 21px;
  line-height: 26px;
  padding: 12px 0 6px;
}
.resource-index .resource {
  word-wrap: break-word;
}
.resource-index .resource a h3 {
  font-size: 18px;
  line-height: 21px;
  padding: 0;
}
.resource-index .resource p {
  font-size: 16px;
  line-height: 21px;
  padding: 0 0 8px;
}
/*--------------------------------------------------------*/
/* xx - MODAL                                             */
/*--------------------------------------------------------*/

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

.modal-header .close {
  font-size: 30px;
  font-weight: 600;
}

.modal-body {
  padding: 10px 25px;
}

.modal-body .separated-row .chose .checkbox + label::before {
  top: 37px;
  left: 15px;
}

.modal-body .btn {
  /*padding: 9px 18px;*/
}

.modal-body label {
  padding: 10px 0 5px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #999;
  font-size: 12px;
}

.modal-body .print-form-wrapper label {
  padding: 0;
  margin-bottom: 20px;
}

.print-form-wrapper .chose .checkbox + label {
  margin-left: 20px;
}

.modal-footer {
  border-top: 0;
}

.modal-title {
  text-align: center;
  padding-top: 20px;
}

.disc.pop-up-list {
  font-size: 18px;
}

.tab-style.pop-up a {
  font-size: 14px;
  padding: 10px;
}

.tab-style.pop-up li.active a {
  background-color: #fff;
}

.current-tier {
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.tier-title {
  display: inline-block;
  border: none;
  margin-bottom: 10px;
  padding: 0;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
}

.checklist-name {
  text-transform: capitalize;
  font-size: 24px;
}

.numbers-position,
.numbers-position.fa-stack {
  position: absolute;
  left: 5px;
  font-size: 14px;
}

.numbers-position .fa.fa-stack-1x {
  /*font-size: 14px;*/
  font-size: 8px;
  line-height: 30px;
}

.cke_reset {
  border-radius: 5px;
}

.cke_top {
  border-radius: 5px 5px 0 0 !important;
  background: #5cb85c !important;
}

.message-time {
  font-size: 14px;
  line-height: 15px;
  /*margin-top: -5px;*/
}

.field-dynamicmodel-name label {
  line-height: 26px;
}

.business-social a {
  font-size: 24px;
}

.checklist-manage-filter .form-group {
  margin: 0;
}

.checklist-manage-filter .tabs-btn.manage .p-label {
  margin: 0;
  font-size: 13px;
  letter-spacing: 0.5px;
}

.checklist-manage-filter.tabs-btn {
  padding: 10px 20px 5px;
}

.checklist-manage-filter select,
.checklist-manage-filter input {
  height: 35px;
}

.icon-print {
  display: none;
}

.chose.flag-admin {
  position: absolute;
  right: 0;
  top: 9px;
}

.create-content.regular-style form {
  margin-top: 25px;
}

.create-content.regular-style .btn {
  width: 100%;
  /* margin-top: 40px; */
}

.create-content.regular-style .select-wrapper {
  width: 100%;
}

.create-content.regular-style .switch-control {
  margin: 0 auto;
}

.create-content.regular-style .panel {
  text-align: left;
}

.create-content.regular-style .panel .btn {
  width: auto;
  margin-top: 0;
  padding: initial;
}
.site-login.create-content {
  width: 80%;
}
.p-arrow p:before {
  content: ">";
  position: relative;
  font-size: 14px;
  margin-right: 10px;
  color: #333;
}

.next-tier p,
.prev-tier p {
  line-height: 20px;
  margin-bottom: 10px;
}

.tooltip.fade.top.in {
  word-wrap: break-word;
}

.modal-dialog.how-use-modal {
  width: 1000px;
}

.general-line-use:before {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #000;
  width: 65px;
  transform: rotate(65deg);
  top: -25px;
}

.progress-line-use:before {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #000;
  width: 46px;
  transform: rotate(65deg);
  top: -20px;
}

.stick.p-formated p {
  padding-bottom: 5px;
}

.flag-block {
  position: relative;
  float: right;
}

.flag-block label {
  cursor: pointer;
}

.flag-block .p-label {
  margin: 0 0 5px;
  font-weight: 700;
  float: left;
  line-height: 25px;
  position: relative;
}

.flag-block input[type="checkbox"] {
  float: right;
  /*height: 15px;*/
  /*width: 15px;*/
}

.flag-block input[type="checkbox"] + label:after {
  content: "";
  position: relative;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: block;
  float: right;
  margin: 0 0 0 5px;
}

.flag-block .flag-flag input[type="checkbox"] + label:after {
  margin: 0 0 0 6px;
}

.flag-block input[type="checkbox"] + label span {
  display: none;
  position: absolute;
  border: 1px solid;
  border-radius: 50%;
  width: 19px;
  height: 19px;
  z-index: 10;
  top: 3px;
  right: 3px;
  font-size: 14px;
  text-align: center;
  line-height: 18px;
}

.flag-block input[type="checkbox"]:checked + label span {
  display: block;
}

.formulas-alert {
  margin-top: 10px;
}

.formulas-alert p + p {
  padding: 0;
  margin: 0;
}

/*.columns-like-table{*/
/*display: table;*/
/*}*/
/*.columns-like-table .same-height {*/
/*float: none;*/
/*display: table-cell;*/
/*vertical-align: top;*/
/*}*/

.modal-inputs.registration-field p {
  width: auto;
  font-size: 14px;
}

.modal-inputs.registration-field .btn {
  margin: 0;
  width: 30%;
}

.modal-weighted-help p {
  width: auto;
}

.modal-weighted-help .p-label {
  margin: 10px 0;
}

.status-block input {
  height: auto;
}

.create-resources-checkboxes .checkbox + label {
  left: 30px;
}

.create-resources-checkboxes .checkbox + label::before {
  top: -4px;
  left: -30px;
}

.measure-print-style .application-content-titles .p-label {
  margin-right: 0;
  right: 12px;
  position: relative;
}

.measure-print-style .application-content-titles .p-label span {
  margin-right: 5px;
}

.measure-print-style .upload-items.print-page .with-out-popup img {
  left: 2px;
}

.measure-print-style .flag-block {
  margin: 5px 0 0 23px;
  float: left;
}

.measure-print-style .upload-items.print-page .mu-question img {
  width: 65px !important;
  left: -15px;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.chosen-container.chosen-container-multi .chosen-choices {
  box-shadow: none;
}

.chosen-container .chosen-results {
  margin: 0;
}

.chosen-container .chosen-results li {
  height: 35px;
  padding: 10px;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  padding: 3px 15px 3px 1px;
}

.caret {
  position: absolute;
  right: 0;
}

.content-tier-info {
  box-sizing: border-box;
}
.content-tier-info p {
  word-break: break-word;
}
.content-tier-info p strong {
  display: inline-block;
}

/*--------------------------------------------------------*/
/* XX - PRINT STYLES                                      */
/*--------------------------------------------------------*/
@media screen, print {
  #main_page_container_print {
    max-width: 800px;
    margin: 0 auto;
  }

  #main_page_container_print .with-out-popup {
    margin-right: -40%;
  }

  .upload-items.print-page .with-out-popup img {
    width: 98px !important;
    margin-right: 0;
    left: 25px;
    top: 2px;
  }

  .upload-items.print-page .mu-question img {
    width: 49px !important;
    margin-right: 0;
    left: 15px;
    top: 2px;
  }

  .icon-print {
    display: inline-block;
    width: 35px;
  }

  .p-label {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: #999999;
  }

  .print-icon:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background-size: cover !important;
    left: 10px;
    top: -10px;
  }

  .print-title {
    padding-left: 0 !important;
  }

  .print-inputs input {
    padding: 0 0 0 5px;
    height: 28px;
  }

  .getstarted-group {
    color: #6fb750 !important;
  }

  .getstarted-group .progress-background {
    background-color: #6fb750;
  }

  .getstarted-group .progress {
    background-color: rgba(61, 135, 69, 0.3);
  }

  .general-group {
    color: #c9785e !important;
  }

  .general-group .progress-background {
    background-color: #c9785e;
  }

  .general-group .progress {
    background-color: rgba(201, 120, 94, 0.3);
  }

  .solid-waste-group {
    color: #BA2100 !important;
  }

  .solid-waste-group .progress-background {
    background-color: #BA2100;
  }

  .solid-waste-group .progress {
    background-color: rgba(153, 138, 128, 0.3);
  }

  .energy-group {
    color: #e3a626 !important;
  }

  .energy-group .progress-background {
    background-color: #e3a626;
  }

  .energy-group .progress {
    background-color: rgba(227, 166, 38, 0.3);
  }

  .water-group {
    color: #38bae5 !important;
  }

  .water-group .progress-background {
    background-color: #38bae5;
  }

  .water-group .progress {
    background-color: rgba(56, 186, 229, 0.3);
  }

  .community-group {
    color: #3a53a5 !important;
  }

  .community-group .progress-background {
    background-color: #3a53a5;
  }

  .community-group .progress {
    background-color: rgba(56, 186, 229, 0.3);
  }

  .pollution-prevention-group {
    color: #7d8c99 !important;
  }

  .pollution-prevention-group .progress-background {
    background-color: #7d8c99;
  }

  .pollution-prevention-group .progress {
    background-color: rgba(125, 140, 153, 0.3);
  }

  .wastewater-group {
    color: #38ad80 !important;
  }

  .wastewater-group .progress-background {
    background-color: #38ad80;
  }

  .wastewater-group .progress {
    background-color: rgba(56, 173, 128, 0.3);
  }

  .other-group {
    color: #999999 !important;
  }

  .other-group .progress-background {
    background-color: #999999;
  }

  .other-group .progress {
    background-color: rgba(153, 153, 153, 0.3);
  }

  .delete-group {
    color: #d14a3c !important;
  }

  .delete-group .progress-background {
    background-color: #d14a3c;
  }

  .delete-group .progress {
    background-color: rgba(209, 74, 60, 0.3);
  }

  .plane-group,
  .print-group,
  .pencil-group,
  .green {
    color: #3d8745 !important;
  }

  .plane-group .progress-background,
  .print-group .progress-background,
  .pencil-group .progress-background {
    background-color: #3d8745;
  }

  .plane-group .progress,
  .print-group .progress,
  .pencil-group .progress {
    background-color: rgba(61, 135, 69, 0.3);
  }

  .color-n-a {
    color: #999999 !important;
  }

  .in-progress-color {
    color: #d9d957 !important;
  }

  .flag-block input[type="checkbox"] + label:after,
  *:after {
    color: #d9d957 !important;
  }

  .measure-print-style .application-content-titles .p-label {
    margin-right: 0;
    right: 5px;
    position: relative;
  }

  .measure-print-style .application-content-titles .p-label span {
    margin-right: 5px;
  }

  .measure-print-style .upload-items.print-page .with-out-popup img {
    left: 2px;
  }

  .measure-print-style .flag-block {
    margin: 5px 0 0 23px;
    float: left;
  }

  .measure-print-style
    .upload-items.print-page
    .with-out-popup
    .flag-block
    img {
    width: 28px !important;
    top: 7px;
    left: 2px;
  }

  .measure-print-style .upload-items.print-page .mu-question img {
    width: 65px !important;
    left: -15px;
  }
  /*.green-tip.short-articles.link-green.no-ajax{*/
  /*color: #c9785e;*/
  /*}*/
  .notes-container-print,
  .notes-container-print.green-tip.short-articles.link-green.no-ajax {
    color: #c9785e;
  }
}

/* 33 -                          RESPONSIVE                                        */
@media screen and (max-width: 1215px) {
  .horizontal-nav a {
    padding: 20px 20px 20px;
  }

  .nav > li > a {
    padding: 15px 10px;
  }

  .view-buttons button {
    width: 45%;
  }

  .view-buttons button,
  .view-buttons button:first-child {
    margin: 5px;
  }
  .stick .content table th,
  .stick .content table td {
    font-size: 10px;
  }
}

@media screen and (max-width: 1200px) {
  header .nav > li > a {
    font-size: 13px;
  }

  .ws-icons-row a {
    padding: 20px;
    height: 90px;
  }

  .search-ws-wrapper {
    width: 100%;
  }

  .application-info .col-60,
  .application-info .col-35,
  .application-info .col-66,
  .application-info .col-30 {
    width: 100%;
  }

  .application-info .col-35 {
    margin-top: 15px;
  }

  .application-info .input-row button {
    margin: 15px 0 0 0;
  }
}

@media screen and (max-width: 1140px) {
  .tab-style li a {
    font-size: 12px;
  }

  .tabs-btn .btn.btn-green {
    min-width: 70px;
  }

  .modal-dialog.how-use-modal {
    width: auto;
  }
}

@media screen and (max-width: 1024px) {
  .registration-container {
    width: 100%;
  }

  .application-info .wrap {
    margin: 0;
  }

  .application-info .input-row .col-33,
  .application-info .wrap.col-66 {
    width: 100%;
  }

  .wrap.col-33,
  .wrap.col-66,
  .wrap.col-50,
  .col-100.registration-field {
    width: 90%;
    margin-top: 10px;
  }

  .checklist-manage-filter .wrap {
    margin: 0;
  }
  .col-md-4.wrap,
  .col-md-5.wrap {
    width: 100%;
    margin-left: 0;
  }
  .col-lg-10.col-lg-offset-2 {
    padding: 0;
  }
  /*.col-md-4.wrap {*/
  /*width: 90%;*/
  /*}*/

  /*.col-md-5.wrap {*/
  /*width: 80%;*/
  /*}*/

  .col-100.registration-field {
    margin-left: 5%;
  }

  .wrap {
    margin-left: 5%;
    padding: 0;
    float: none;
  }

  .dashboard .wrap {
    margin: 0;
  }

  .input-row.buttons-group,
  .input-row {
    margin: 0;
  }

  .radio-checkbox {
    margin: 25px 6%;
  }

  .left-column-block .wrap:first-child {
    margin-left: 0;
  }

  .registration-container .container {
    margin: 0;
  }

  .success.save-buttons a,
  .success.save-buttons button {
    width: 150px;
  }

  .success .btn {
    min-width: 150px;
  }

  .green-title.reg-title {
    margin-top: 30px;
  }
}

@media screen and (max-width: 991px) {
  .responsive-menu,
  .horizontal-nav .responsive-menu1,
  .responsive-menu-report {
    display: block;
  }
  .circle-line {
    display: none;
  }
  .horizontal-nav {
    margin-bottom: 0;
    position: relative;
    float: left;
    width: 100%;
  }
  .left-column-checklist {
    padding-top: 35px;
  }
  /*.nav-pills > li {*/
  /*width: 100%;*/
  /*}*/

  header .nav > li > a {
    width: 100%;
    text-align: center;
  }

  .menu,
  .horizontal-nav .menu1,
  .menu-report {
    display: none;
  }

  .horizontal-nav a {
    padding: 15px 40px 15px;
    /*width: 47%;*/
  }

  .menu li a:before {
    left: 3%;
  }
  .caret {
    position: relative;
  }

  .right-column-checklist.col-md-12,
  .col-md-9.background-white {
    padding: 15px 0;
  }

  .columns-content .right-column-block {
    padding: 0;
  }

  .report-steps .circle-line {
    display: block;
  }

  .report-steps .step-name {
    display: none;
  }

  .report-steps > div.active .step-name {
    display: block;
  }

  .factor_name,
  .factor_bar {
    width: 100%;
    text-align: center;
    margin-left: 0;
  }

  .factor_row {
    padding: 10px 15px;
  }

  .modal-content .tab-style li,
  .modal-content .tab-style li a {
    width: 100%;
  }

  .open > .dropdown-menu {
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
  }

  .dropdown-menu > li > a {
    width: 100%;
  }

  .with-out-popup {
    margin-right: 10px;
  }
}

@media screen and (max-width: 940px) {
  .circle {
    padding: 35px;
    line-height: 62px;
  }

  .company-item .container {
    width: 90%;
  }

  .upload-items .input-wrapper {
    top: 40px;
  }

  .save-buttons {
    width: 50%;
    position: relative;
    bottom: 10px;
    right: 0;
    left: 25%;
  }

  .success.save-buttons {
    left: 0;
  }

  table td {
    padding: 2px 2px 10px;
  }

  .welcome .col {
    margin: 25px 0;
  }

  .centered-button {
    position: relative;
    margin: -25px 0 0;
  }
  .report-tab-table {
    font-size: 12px;
  }
  .report-tab-table td {
    padding: 2px;
  }
}

@media screen and (max-width: 768px) {
  .container_row {
    width: 50%;
    float: left;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
  }

  .container_image {
    height: 70px;
  }

  .success.save-buttons [class*="col-20"],
  .success.save-buttons button[class*="col-20"] {
    width: 100%;
  }

  .modal-dialog.how-use-modal .border-right {
    border: none;
  }

  .progress-line-use:before {
    width: 160px;
    transform: rotate(-43deg);
    top: -50px;
    left: 74px;
  }
}

@media screen and (max-width: 740px) {
  .container.number {
    margin: 0 2px;
  }

  .header-text .number a {
    padding: 0 0 20px 27px;
    margin-left: 8px;
    font-size: 13px;
  }

  .header-text .number a span {
    display: none;
  }
  .header-text .number a.active span {
    display: inline-block;
  }

  .number a::before,
  .number a.active::before {
    width: 25px;
    height: 25px;
  }

  .select-wrapper.small-dropdown-text {
    width: 150px;
  }

  .tab-style li {
    display: block;
  }

  .tab-style li a {
    width: 100%;
  }

  .registration-field {
    height: 85px;
    text-align: center;
  }

  .registration-field p {
    display: inline;
    width: 100%;
  }

  .registration-field-btn {
    float: none;
  }
}

@media screen and (max-width: 667px) {
  .user-navigation .select-wrapper {
    margin: 10px 0;
  }

  /*.header-logo img {*/
  /*margin: 15px 35px 15px 0;*/
  /*}*/

  .info-before-submit p {
    width: 70%;
  }

  /*.header-logo img {*/
  /*margin: 15px 85px 15px 0;*/
  /*}*/

  .dashboard .head-sort .wrap {
    float: left;
    width: 90%;
  }

  .head-sort a {
    width: 88%;
    margin: 1px 0;
  }

  table a {
    float: left;
  }

  table,
  table a,
  table p {
    font-size: 2vw;
  }

  .tab-content .status-block {
    right: 5px;
    top: 65px;
  }

  .status-block img {
    width: 15px;
    height: 15px;
  }

  .header-text a .step {
    display: none;
  }

  .header-text a.active .step {
    display: inline-block;
  }

  .visual-wrapper {
    column-count: 1;
  }
}

@media screen and (max-width: 636px) {
  .user-navigation {
    margin: 5px 0 0;
    float: left;
  }

  .header-logo {
    padding: 10px 15px 10px;
    border: none;
    text-align: center;
  }
  .user-navigation {
    width: 100%;
  }
  .user-navigation a {
    display: block;
    float: left;
    width: 100%;
  }
  .scroll-table-x {
    overflow-x: scroll;
  }

  .colored-icon-dashboard .fa {
    font-size: 2em;
  }

  .company-item > .background-grey i {
    left: -12px;
  }
}

@media screen and (max-width: 540px) {
  .create-content,
  .btn.col-33 {
    width: 100%;
  }

  .columns-content {
    margin: 0 10px 30px;
  }

  .upload-items .radio-wrapper,
  .upload-items .input-wrapper {
    right: -35px;
  }

  .application-content-titles .p-label {
    margin-right: -10px;
  }

  .report-steps > div {
    min-width: 30px;
  }

  .registration-field p {
    font-size: 12px;
  }

  .registration-field-btn .btn {
    padding: 6px;
  }

  .registration-container {
    padding: 0;
  }

  .container_row {
    width: 100%;
  }

  .container_image {
    height: 80px;
  }
}

@media screen and (max-width: 430px) {
  .application-content-titles {
    margin-bottom: 40px;
  }

  #chevron {
    display: none;
  }

  .header-text a {
    margin-right: 5px;
  }

  .application-content-titles h3 {
    display: block;
  }

  .application-content-titles .p-label {
    margin-right: 0;
  }
}

/* 34 -                      COLORS                                            */
/*colors*/
.white {
  color: #fff;
}

.lite-green,
.saving-area-greenhouse-gas-emissions-saved .saving-area-colored-lite {
  color: #6fb750 !important;
}

.grey {
  color: #808080;
}
.dark-gray {
  color: #666666;
}
.green,
.saving-area-greenhouse-gas-emissions-saved .saving-area-colored {
  color: #3d8745;
}

.general-color {
  color: #c9785e;
}

.waste-color {
  color: #998a80;
}

.in-progress-color {
  color: #d9d957;
}

.energy-color {
  color: #e3a626;
}

.water-color {
  color: #38bae5;
}

.pollution-color {
  color: #7d8c99;
}

.wastewater-color {
  color: #38ad80;
}

.draft-color {
  color: #33aaa9;
}

.complete {
  background-color: #6eb852;
}

.in-progress {
  background-color: #d9d957;
}

.not-started {
  background-color: #cccccc;
}

.red-flags {
  color: #d14a3d;
}

.saving-area-tile {
  background-color: #f8f8f8;
}

.required-background, .bg-red {
  background-color: #d14a3d;
}

.background-white, .bg-white {
  background-color: #ffffff;
}

.background-grey, .bg-gray {
  background-color: #f8f8f8;
}

.background-grey-dark, .bg-black {
  background-color: #999999;
}

.green-background, .bg-green {
  background-color: #3d8745;
}

.light-green-background, .bg-light-green {
  background-color: #89c474;
}

.general-background {
  background-color: #c9785e;
}

.waste-background {
  background-color: #998a80;
}

.energy-background {
  background-color: #e3a626;
}

.water-background {
  background-color: #38bae5;
}

.pollution-background {
  background-color: #7d8c99;
}

.wastewater-background {
  background-color: #33aaa9;
}

.purple-background,
.saving-area-fuel-saved {
  background-color: #f0dbdb;
}

.energy-saved-background,
.saving-area-energy-saved {
  background-color: #fcf2d4;
}

.garbage-background,
.saving-area-solid-waste-diverted {
  background-color: #e1dedb;
}

.water-saved-background,
.saving-area-water-saved {
  background-color: #e1f3fa;
}

.mercury-saved-background,
.saving-area-mercury-reduced {
  background-color: #e5e5e5;
}

.hazardous-background,
.saving-area-hazardous-waste-reduced {
  background-color: #fceed6;
}

.greenhouse-background,
.saving-area-greenhouse-gas-emissions-saved {
  background-color: #e5f2e0;
}

.energy-saved-color,
.saving-area-energy-saved .saving-area-colored,
.saving-area-energy-saved .saving-area-colored-lite {
  color: #f1b60b;
}

.purple-color,
.saving-area-fuel-saved .saving-area-colored,
.saving-area-fuel-saved .saving-area-colored-lite {
  color: #ab3636;
}

.garbage-color,
.saving-area-solid-waste-diverted .saving-area-colored,
.saving-area-solid-waste-diverted .saving-area-colored-lite {
  color: #584333;
}

.water-saved-color,
.saving-area-water-saved .saving-area-colored,
.saving-area-water-saved .saving-area-colored-lite {
  color: #57bde8;
}

.mercury-saved-color,
.saving-area-mercury-reduced .saving-area-colored,
.saving-area-mercury-reduced .saving-area-colored-lite {
  color: #6b6b6b;
}

.hazardous-color,
.saving-area-hazardous-waste-reduced .saving-area-colored,
.saving-area-hazardous-waste-reduced .saving-area-colored-lite {
  color: #f29e17;
}

/**********  fuzzy background  *************/
.background-grey-fuzzy {
  background-color: rgba(242, 242, 242, 0.3);
}

.green-background-fuzzy {
  background-color: rgba(61, 135, 69, 0.3);
}

.required-background-fuzzy {
  background-color: rgba(209, 74, 61, 0.3);
}

.general-background-fuzzy {
  background-color: rgba(201, 120, 94, 0.3);
}

.waste-background-fuzzy {
  background-color: rgba(153, 138, 128, 0.3);
}

.energy-background-fuzzy {
  background-color: rgba(227, 166, 38, 0.3);
}

.in-progress-fuzzy {
  background-color: rgba(217, 217, 87, 0.31);
}

.water-background-fuzzy {
  background-color: rgba(56, 186, 229, 0.3);
}

.pollution-background-fuzzy {
  background-color: rgba(125, 140, 153, 0.3);
}

.wastewater-background-fuzzy {
  background-color: rgba(56, 173, 128, 0.3);
}

/*                        Audit groups colored                                   */
.print-icon:before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  background-size: cover;
  left: 10px;
  top: -10px;
}

.print-title {
  font-size: 35px;
  padding-left: 45px;
  margin-bottom: 20px;
}

.getstarted-group,
.burger-group {
  color: #6fb750;
}

.left-color-menu ul li.burger-group:hover > ul {
  display: block !important;
}

.left-color-menu ul li.burger-group > a {
  padding-left: 3px;
}

.left-color-menu .burger-group i {
  top: 3px;
  float: right;
  font-size: 22px;
}

.left-color-menu img.icon-survey {
  top: 8px;
  margin-left: 1px;
  padding-left: 9px;
  width: 30px;
}

.getstarted-group a:before,
.getstarted-group .print-icon:before {
  background-image: url(../img/icons-audit-group/Home.png);
}

.getstarted-group .progress-background,
.burger-group .progress-background {
  background-color: #6fb750;
}

.getstarted-group .progress,
.burger-group .progress {
  background-color: rgba(61, 135, 69, 0.3);
}

.general-group {
  color: #c9785e;
}

.general-group a:before,
.general-group .print-icon:before {
  background-image: url(../img/icons-audit-group/General.png);
}

.general-group .progress-background {
  background-color: #c9785e;
}

.general-group .progress {
  background-color: rgba(201, 120, 94, 0.3);
}

.solid-waste-group {
  color: #998a80;
}

.solid-waste-group a:before,
.solid-waste-group .print-icon:before {
  background-image: url(../svg/checklist/icons/solid-left-sidebar.svg);
}

.solid-waste-group .progress-background {
  background-color: #998a80;
}

.solid-waste-group .progress {
  background-color: rgba(153, 138, 128, 0.3);
}

.energy-group {
  color: #e3a626;
}

.energy-group a:before,
.energy-group .print-icon:before {
  background-image: url(../svg/checklist/icons/energy-left-sidebar.svg);
}

.energy-group .progress-background {
  background-color: #e3a626;
}

.energy-group .progress {
  background-color: rgba(227, 166, 38, 0.3);
}

.water-group {
  color: #38bae5;
}

.water-group a:before,
.water-group .print-icon:before {
  background-image: url(../svg/checklist/icons/water-left-sidebar.svg);
}

.water-group .progress-background {
  background-color: #38bae5;
}

.water-group .progress {
  background-color: rgba(56, 186, 229, 0.3);
}

.community-group {
  color: #3a53a5;
}

.community-group a:before,
.community-group .print-icon:before {
  background-image: url(../svg/checklist/icons/community-left-sidebar.svg);
}

.community-group .progress-background {
  background-color: #8998c9;
}

.community-group .progress {
  background-color: rgba(58, 83, 165, 0.3);
}

.pollution-prevention-group {
  color: #7d8c99;
}

.pollution-prevention-group a:before,
.pollution-prevention-group .print-icon:before {
  background-image: url(../svg/checklist/icons/pollution-left-sidebar.svg);
}

.pollution-prevention-group .progress-background {
  background-color: #7d8c99;
}

.pollution-prevention-group .progress {
  background-color: rgba(125, 140, 153, 0.3);
}

.transportation-group {
  color: purple;
}

.transportation-group a:before,
.transportation-group .print-icon:before {
  background-image: url(../svg/checklist/icons/transport-left-sidebar.png);
  height: 21px !important;
}

.transportation-group .progress-background {
  background-color: purple;
}

.transportation-group .progress {
  background-color: rgba(128, 0, 128, 0.3);
}

.wastewater-group {
  color: #38ad80;
}

.wastewater-group a:before,
.wastewater-group .print-icon:before {
  background-image: url(../svg/checklist/icons/waster-left-sidebar.svg);
}

.wastewater-group .progress-background {
  background-color: #38ad80;
}

.wastewater-group .progress {
  background-color: rgba(56, 173, 128, 0.3);
}

.other-group {
  color: #999999;
}

.other-group a:before,
.other-group .print-icon:before {
  background-image: url(../img/icons-audit-group/Other.png);
}

.other-group .progress-background {
  background-color: #999999;
}

.other-group .progress {
  background-color: rgba(153, 153, 153, 0.3);
}

.delete-group {
  color: #d14a3c;
}

.delete-group a:before,
.delete-group .print-icon:before {
  background-image: url(../img/icons-audit-group/Delete.png);
}

.delete-group .progress-background {
  background-color: #d14a3c;
}

.delete-group .progress {
  background-color: rgba(209, 74, 60, 0.3);
}

.plane-group,
.print-group,
.pencil-group {
  color: #3d8745;
}

.plane-group a:before,
.plane-group .print-icon:before {
  background-image: url(../img/icons-audit-group/Plane.png);
}

.print-group a:before,
.print-group .print-icon:before {
  background-image: url(../img/icons-audit-group/Print.png);
}

.pencil-group a:before,
.pencil-group .print-icon:before {
  background-image: url(../img/icons-audit-group/Pencil.png);
}

.plane-group .progress-background,
.print-group .progress-background,
.pencil-group .progress-background {
  background-color: #3d8745;
}

.plane-group .progress,
.print-group .progress,
.pencil-group .progress {
  background-color: rgba(61, 135, 69, 0.3);
}

.glyphicon.glyphicon-trash {
  color: #d14a3d;
}

.glyphicon.glyphicon-pencil {
  color: #6fb750;
}

.glyphicon.glyphicon-eye-open {
  color: #3d8745;
}
.transparent-bg {
  background-color: transparent;
}
/*                                              35 - OTHER                                             */
.padd-0 {
  padding: 0;
}

.no-padd-left {
  padding-left: 0;
}

.no-padd-right {
  padding-right: 0;
}

.no-padd-top {
  padding-top: 0;
}

.white-space-150 {
  margin-top: 150px !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.no-border {
  border: none !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right;
}

.uppercase {
  text-transform: uppercase;
}
.uppercase-none,
button[type="submit"].uppercase-none {
  text-transform: none;
}
.cursor-inherit {
  cursor: inherit;
}
.strong {
  font-weight: 600;
}
.padd-left-10 {
  padding-left: 10px;
}
.padd-left-15 {
  padding-left: 15px;
}

.padd-right-5 {
  /*** it's wrong class name but somewhere it used ***/
  margin-right: 5px;
}

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

.margin-left-0 {
  margin-left: 0 !important;
}

.margin-left-5 {
  margin-left: 5px;
}

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

.margin-left-15 {
  margin-left: 15px;
}

.margin-left-20 {
  margin-left: 20px;
}

/*******  style for navigation between pages  *********/
.pages {
  display: none;
  position: fixed;
  bottom: 0;
  background: #fff;
}

.pages a {
  display: inline-block;
  float: left;
  margin: 0 10px;
}

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

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

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

.margin-top-20 {
  margin-top: 20px !important;
}
.margin-top-30 {
  margin-top: 20px !important;
}
.margin-top-40 {
  margin-top: 40px !important;
}

.margin-0 {
  margin: 0 !important;
}

.margin-b-150 {
  margin-bottom: 150px !important;
}

.margin-b-40 {
  margin-bottom: 40px !important;
}

.margin-b-20 {
  margin-bottom: 20px !important;
}

.margin-b-10 {
  margin-bottom: 10px !important;
}

.margin-b-5 {
  margin-bottom: 5px !important;
}

.margin-b-0 {
  margin-bottom: 0 !important;
}

.margin_top-0 {
  margin-top: 0 !important;
}

.margin_top3p {
  margin-top: 3%;
}

.margin_top5p {
  margin-top: 5%;
}

.padding_top_bot_3p {
  padding-top: 3%;
  padding-bottom: 3%;
}

.padding_top_bot_2p {
  padding-top: 2%;
  padding-bottom: 2%;
}

.padding-0 {
  padding: 0 !important;
}

.padding_top2p {
  padding-top: 2%;
}

.padding_top3p {
  padding-top: 3%;
}

.padding_top4p {
  padding-top: 4%;
}

.padding_top5p {
  padding-top: 5%;
}

.padding_top1px {
  padding-top: 1px;
}

.padding_top10 {
  padding-top: 10px;
}

.padding_top15 {
  padding-top: 15px;
}

.padding_left15 {
  padding-left: 15px;
}

.padding_bottom2 {
  padding-bottom: 2px !important;
}

.padding_bottom5 {
  padding-bottom: 5px !important;
}
.padding_bottom15 {
  padding-bottom: 15px !important;
}

.padding_bottom2p {
  padding-bottom: 2% !important;
}

.padding_bottom3p {
  padding-bottom: 3% !important;
}

.padding_bottom5p {
  padding-bottom: 5% !important;
}

.padding_bottom10p {
  padding-bottom: 10% !important;
}

.waste_factors .ui-slider-handle {
  display: none;
}

.factor_slider.ui-slider {
  height: 15px;
  background: #f2f2f2;
  border: none !important;
}

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

.factor_slider .ui-slider-range {
  background: #3d8745;
}

.filter .chosen-container {
  display: none;
}

.filter .chosen-container:nth-child(3) {
  display: block;
}

.ui-slider-horizontal.handle {
  width: 100%;
  height: 25px;
  border: none !important;
  border-radius: 50%;
  background-color: #fff;
}

.ui-slider-horizontal .ui-slider-handle {
  margin-left: 0;
}

.radio-wrapper .ui-slider .ui-slider-handle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ccc;
  border: none;
  top: 0;
  transition: left 0.2s;
  outline: none;
}

.radio-wrapper.yes .ui-slider .ui-slider-handle {
  background-color: #6fb750;
}

.radio-wrapper.no .ui-slider .ui-slider-handle {
  background-color: #d14a3c;
}

.radio-wrapper .ui-widget-header {
  background: #fff;
  border-radius: 50%;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  font-weight: normal;
  color: #555555;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background: rgba(111, 183, 80, 0.5);
}

.radio-wrapper.short .ui-slider .ui-slider-handle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ccc;
  border: none;
  top: 0;
  transition: left 0.2s;
  outline: none;
}

.radio-wrapper.short.yes .ui-slider .ui-slider-handle {
  background-color: #6fb750;
}

.radio-wrapper.short.no .ui-slider .ui-slider-handle {
  background-color: #d14a3c;
}

.radio-wrapper.short .ui-widget-header {
  background: #fff;
  border-radius: 50%;
}

.border-bottom {
  border-bottom: 2px solid #f1f1f1;
}

.border-right {
  border-right: 2px solid #f1f1f1;
}
.border-left {
  border-left: 2px solid #f1f1f1;
}

#main-content {
  margin: 0 15px;
}

.gray-bg {
  background-color: #f5f5f5;
}

.breadcrumb {
  margin-bottom: 0;
  float: left;
  padding: 10px 15px;
  background-color: #fff;
  text-transform: uppercase;
  color: #999999;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "Montserrat", sans-serif;
}

.breadcrumb > li + li:before {
  content: ">";
  color: #777;
}

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

.btn-default {
  background-color: #fff;
  border-color: #ccc;
  color: #333;
}
.flex {
  display: flex;
  align-items: center;
  height: 100%;
}
.flex-reverse {
  display: flex;
  flex-direction: column-reverse;
}
#loading {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  cursor: wait;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
}

.formula-box-container {
  background-color: #f5f5f5;
  padding: 25px;
  margin-bottom: 25px;
}

.formula-box-container h3 {
  margin-bottom: 15px;
}

.formula-box-container .formula-container {
  margin-bottom: 5px;
}

.formula-box-container .toolbox .tool:hover,
.formula-box-container .toolbox .var:hover {
  background-color: #f1f1f1;
}

.formula-box-container .toolbox .tool,
.formula-box-container .toolbox .var {
  padding: 5px 15px;
  cursor: pointer;
  background-color: #dfdfdf;
  margin-bottom: 5px;
}

.formula-box-container .toolbox .tool b,
.formula-box-container .toolbox .var b {
  font-weight: bold;
  font-size: 1.1em;
}

.formula-box-container .formula-errors {
  margin-bottom: 15px;
}

.formula-box-container .formula-errors .alert {
  margin-bottom: 5px;
}

.formula-box-container .controls {
  margin-top: 15px;
}

.saving-area-sortable li {
  cursor: move;
}

.included-measures-section .green-title {
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
}

.included-measures-section .included-measures p {
  padding: 0 0 10px 20px;
}

.included-measures-section .included-measures p small {
  font-size: 14px;
}

.factor_bar .progress-background {
  height: 10px;
}

.factor_bar .factor_slider {
  height: 100%;
  background-color: #00aa00;
}

.scrollable-menu {
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
}

#popup_loading {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  content: " ";
  top: 0;
  left: 0;
  cursor: wait;
}

.formula-box-container {
  padding: 10px;
}

.formula-box-container.collapsed .formula-container,
.formula-box-container.collapsed .formula-errors,
.formula-box-container.collapsed .tools-container,
.formula-box-container.collapsed .validate-button,
.formula-box-container.collapsed .save-button,
.formula-box-container.collapsed .remove-button,
.formula-box-container.ui-sortable-handle .control-buttons {
  display: none;
}

.formula-box-container.ui-sortable-handle {
  cursor: move !important;
}

/*
    Washington State Home Page
*/
.social-icons {
  text-align: right;
  font-family: "Lato", sans-serif;
  position: absolute;
  top: 20px;
  right: 0;
}

.divider-vertical {
  width: 2px;
  background-color: #e5e5e5;
  display: inline-block;
  margin: 0 10px;
  height: 25px;
  color: #808080;
}

.number-text .btn {
  margin-left: 70px;
}

.number-text .divider-vertical {
  background-color: #bbd1dc;
  height: 35px;
  position: absolute;
  margin: 0 30px;
}

.divider-vertical.white {
  background-color: #77d3f6;
  position: absolute;
  left: 50%;
  height: 33%;
}

.ws-login {
  position: relative;
  top: -7px;
  font-weight: 300;
}

.social-icons a {
  margin-right: 5px;
}

.social-icons img {
  width: 25px;
}

.business-links {
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  text-align: right;
  color: #666666;
  position: absolute;
  right: 0;
  top: 76%;
  width: 100%;
}

.business-links a {
  margin-left: 20px;
}

.business-links a:first-child {
  margin-left: 0;
}
.noto-font span {
  font-family: "Noto Sans", sans-serif;
}
.ws-header-wrapper {
  position: relative;
}

.ws-height100 {
  height: 100px;
  text-align: center;
}

.ws-height400 {
  height: 400px;
  text-align: center;
}

.ws-height500 {
  height: 500px;
  text-align: center;
}

.ws-height600 {
  height: 600px;
  text-align: center;
}
.partners-logo img {
  max-width: 150px;
  max-height: 150px;
  margin: 10px;
  width: 100%;
  vertical-align: middle;
  /*max-width: 150px;*/
  /*margin: auto 10px;*/
}

.nv-partners-logo img {
  max-width: 250px;
  /*max-height: 250px;*/
  margin-top: 10px;
  margin-right: 100px;
  margin-bottom: 10px;
  margin-left: 100px;
  width: 100%;
  vertical-align: middle;
  /*max-width: 150px;*/
  /*margin: auto 10px;*/
}

.number-text {
  text-align: center;
  font-size: 24px;
  color: #627485;
}

.span-blue-col {
  color: #00adee;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  font-size: 44px;
}

.ws-dark-bg {
  background-color: #627485;
}

.dark-blue-bg {
  background-color: #2b435a;
}

.blue-bg {
  background-color: #49c4f3;
}

.light-blue-bg {
  background-color: #93dcf7;
}

.ws-search-bg {
  background-color: #00aced;
}

.ws-sky-bg {
  background-color: #d8f2fc;
}

.ws-grey-bg {
  background-color: #c4cbd1;
}

.ws-lite-grey-bg {
  background-color: #e3e3e3;
}

.ws-view-info {
  padding: 20px;
  text-align: center;
  font-family: "Lato", sans-serif;
  color: #2b435a;
}

.ws-view-info h2,
.ws-view-info h3,
.find-business-address h3,
.ws-search-title h3 {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
}

.ws-view-info h3 {
  line-height: 26px;
}

.ws-view-info h2 {
  font-weight: 500;
}

.ws-view-info img {
  display: block;
  width: 40px;
  margin: 15px auto;
}

.ws-view-info p {
  font-size: 18px;
  line-height: 22px;
}

.ws-view-info span {
  font-weight: 600;
  font-size: 24px;
}

.ws-view-info.video-wrapper {
  padding-top: 5%;
  color: #fff;
}
.ws.video-block {
  min-height: 250px;
}
.annual-block span {
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin: 0 10px;
}

.annual-block {
  z-index: 10;
}

.annual-block:after {
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  z-index: 10;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 200px 0 200px 20px;
  border-color: transparent transparent transparent #2b435a;
}

.annual-block .btn {
  color: #fff;
  background-color: #8f9ca7;
  border: 2px solid #8f9ca7;
  font-size: 12px;
  font-weight: 400;
}

.annual-block p,
.annual-block span {
  color: #8f9ca7;
}

.annual-block .btn:hover,
.annual-block .btn.active {
  background-color: #00adee;
  border: 2px solid #fff;
}

.ws-icons-row {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 5;
}

.ws-icons-row a {
  float: left;
  position: relative;
  background-color: #718291;
  padding: 30px;
  height: 100px;
  border-left: 1px solid #82919e;
}

.ws-icons-row a.active,
.ws-icons-row a:hover {
  background-color: #00aced;
}

/*.ws-icons-row a.active img, .ws-icons-row a:hover img {*/
/*opacity: 1;*/
/*}*/

.ws-icons-row a.active:after,
.ws-icons-row a:hover:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -7px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #00aced transparent;
}

.ws-icons-row a .co2_icon {
  height: 45px;
  width: 53px;
  margin: 4px -10px 0 10px;
}

.ws-view-info .co2_icon {
  height: 48px;
  width: 56px;
}

.ws-icons-row a img {
  width: 38px;
  opacity: 0.7;
}

.ws-search-title {
  text-align: center;
  float: left;
  width: 100%;
  padding: 25px 17%;
}

.ws-search-title h3 {
  text-align: left;
}

.ws-search-title img {
  width: 60px;
  margin: 0 10px 0 0;
  float: left;
}

.ws-find-form-block {
  padding-top: 30px;
  float: left;
  width: 100%;
}

.ws-find-form-block input,
.ws-find-form-block select {
  width: 100%;
  margin-bottom: 15px;
  height: 35px;
}

.ws-find-form-block p {
  color: #fff;
  text-align: left;
  font-size: 16px;
  font-style: italic;
}

.ws-download-app {
  height: 115px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.ws-download-app div {
  padding: 0;
  height: 100%;
}

.ws-download-app .ws-lite-grey-bg {
  padding-top: 5%;
  color: #2b435a;
  font-weight: 600;
  font-size: 19px;
}

.ws-download-app .ws-lite-grey-bg h4 {
  color: #81909d;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  padding-bottom: 5px;
  font-weight: 600;
  font-size: 16px;
}

.ws-download-app .ws-lite-grey-bg p {
  color: #2b435a;
  font-weight: 600;
  font-size: 19px;
}

.ws-download-app .ws-lite-grey-bg:after {
  content: "";
  position: absolute;
  top: 0;
  right: -15px;
  z-index: 10;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 57px 0 57px 15px;
  border-color: transparent transparent transparent #e3e3e3;
}

.ws-apps-links img {
  width: 100px;
  margin: 12% 5px;
}
.ws-apply-block-edit {
  height: 60%;
}
.ws-apply-block-edit h3 {
  color: #00adee;
  text-align: left;
}
.ws-apply-block-edit p {
  display: block;
  color: #2b435a;
  padding: 20px 5px 25px;
}
.ws-apply-block {
  height: 60%;
}

.ws-apply-block h3 {
  color: #00adee;
  text-align: left;
}
.ws-apply-block .faq h3 {
  margin-bottom: 15px;
}
.ws-apply-block p {
  display: inline-block;
  color: #2b435a;
  padding: 20px 5px 25px;
}
.ws-apply-block .faq p {
  padding: 0 0 10px 0;
}
.ws-apply-block .faq ul {
  list-style: disc;
  padding-left: 25px;
  margin: 10px 0 15px;
}
.ws-apply-block .faq ul ul {
  list-style: circle;
}
.ws-apply-block .faq ul ul ul {
  list-style: disc;
}
.ws-apply-block .faq ul li {
  /*display: inline-block;*/
  color: #2b435a;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 10px;
  /*list-style: circle;*/
}
.ws-check-account {
  padding: 12% 0;
  height: 40%;
  color: #2b435a;
}

.ws-check-account p {
  font-size: 19px;
  font-weight: 600;
}
.ws-check-account .forgot-pass {
  font-size: 16px;
  font-weight: 400;
}
.washington .landing-map-over.map-initialized {
  left: 15px;
}
.washington .landing-map-over.map-initialized .find-business-address {
  position: relative;
}
.washington .landing-map-program {
  background-color: transparent;
  margin-bottom: 15px;
  word-wrap: break-word;
}
/*.washington .find-business-address .search-ws-wrapper{*/
/*width: 95%;*/
/*}*/
.washington .landing-map-program-color {
  margin-right: 10px;
}
.washington .landing-map-program-content,
.washington .landing-map-program-content p {
  /*word-break: break-all;*/
  line-height: 16px;
  font-size: 14px;
}
.washington .landing-map-program-title,
.washington .landing-map-program-content a {
  text-transform: uppercase;
  color: #999999;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "Montserrat", sans-serif;
}
.washington .landing-map-program-content a {
  font-size: 12px;
  line-height: 12px;
}
.washington .leaflet-control-attribution .leaflet-control {
  display: none;
}
.washington .landing-map-programs {
  /*padding: 30px 0 0 10px;*/
}
.washington .landing-map-over.map-initialized input {
  font-style: italic;
}
/*{*/
/*display: block;*/
/*height: 25px;*/
/*width: 25px;*/
/*position: absolute;*/
/*top: 8px;*/
/*right: 29px;*/
/*background: transparent;*/
/*}*/

/*** video style***/
.video-wrapper h3,
.video-wrapper .sub-title {
  width: 70%;
  display: inline-block;
}

.video-wrapper h3 {
  padding-bottom: 5px;
}

.video-wrapper .sub-title {
  font-size: 18px;
}

.video-block {
  position: relative;
  /*width: 92%;*/
  background-size: cover;
  /*background-position: center center;*/
  min-height: 500px;
  border: 5px solid #fff;
}

.video {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.play {
  position: absolute;
  display: inline-block;
  width: 60px;
  height: 60px;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.play:after {
  content: "";
  display: block;
  position: absolute;
  top: -50%;
  left: -50%;
  width: 100px;
  height: 100px;
  background: url(../img/ws/play_icon.png) no-repeat center center;
  background-size: cover;
}

.video-iframe {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.ws-map {
  height: 100%;
  position: relative;
  background-size: cover;
  background-position: center center;
}

.find-business-address {
  position: absolute;
  top: 25%;
  left: 8%;
  right: 8%;
  bottom: 25%;
  padding: 40px 25px;
  background-color: rgba(255, 255, 255, 0.85);
}

.find-business-address input {
  width: 70%;
  margin: 0 3%;
  float: left;
}

.find-business-address .btn {
  width: 22%;
  border-radius: 0;
  padding: 8px 12px;
}

.search-ws-wrapper {
  position: relative;
  width: 80%;
  margin: 0 auto;
}

.ws-gray-btn {
  color: #fff;
  background-color: #40566b;
  font-size: 16px;
}

.ws-gray-btn:hover,
.ws-gray-btn:focus {
  color: #6b7c8c;
}

.ws-gray-btn-long {
  padding: 6px 70px;
}

.find-business-address h3 {
  color: #2b435a;
}

.ws-site-map {
  display: inline-block;
  width: 100%;
  padding: 4% 10% 0;
  color: #fff;
  text-align: center;
}

.ws-site-map li {
  display: inline-block;
}

.ws-site-map li a {
  padding: 0 15px;
  font-size: 16px;
  font-weight: 600;
}

.copyright {
  color: #8f9ca7;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  margin: 15px 0;
}

.ws-form-group {
  margin-bottom: 0;
  position: relative;
}

.ws-form-group .custom {
  right: 0;
}

.ws-form-group img {
  width: 40%;
}
.carousel.carousel-envirostars .carousel-control,
.carousel.carousel-envirostars .carousel-control a,
.carousel.carousel-envirostars .carousel-control:hover,
.carousel.carousel-envirostars .carousel-control:focus {
  color: #1a8648;
}
.carousel.carousel-envirostars .carousel-control.right,
.carousel.carousel-envirostars .carousel-control.left {
  background-image: none;
}
.carousel.carousel-envirostars .carousel-control {
  position: absolute;
  top: 50%;
  bottom: 50%;
  width: 10%;
  opacity: 1;
}
.carousel.carousel-envirostars {
  -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.75);
  padding: 10%;
}
.slide-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  float: left;
  margin: 0% 15px 0 0;
}
.slide-image.nv-slide-image {
  background-position: unset;
}
.slide-image-small {
  width: 150px;
  height: 150px;
}
.slide-content {
  margin: 10% 0 0 0;
  float: left;
}
.nv-slide-content {
  margin: 7% 0 0 0;
}
select.ajax-loading {
  background-image: url("/img/spinner.gif");
  background-repeat: no-repeat;
  background-position: right 15px center;
}
.subdomain-logo {
  margin: 0 45px;
}
/* @media (min-width: 1200px) {
  .container {
    width: 1300px !important;
  }
} */

@media screen and (max-width: 1200px) {
  .ws-icons-row a {
    padding: 20px;
    height: 90px;
  }

  .search-ws-wrapper {
    width: 100%;
  }

  .ws-site-map {
    padding: 4% 3% 0;
  }

  .ws-search-title {
    padding: 25px 12%;
  }
}

@media screen and (max-width: 991px) {
  .ws-site-map li a {
    font-size: 12px;
    padding: 0 10px;
  }

  .ws-height400 {
    height: 320px;
  }

  .annual-block:after {
    display: none;
  }

  .ws-icons-row {
    left: 0;
    background-color: #718291;
  }

  .ws-icons-row a {
    padding: 0;
    height: 50px;
    width: 14.28%;
  }

  .ws-icons-row a img,
  .ws-icons-row a .co2_icon {
    width: 25px;
    margin: 10px auto;
    display: block;
  }

  .ws-icons-row a .co2_icon {
    height: 35px;
    width: 40px;
  }

  .ws-view-info .margin-b-40 {
    margin-bottom: 5px !important;
  }

  .ws-apps {
    padding: 0;
  }

  .ws-height600.ws-apps {
    height: 450px;
  }

  .ws-check-account {
    padding: 20px 0;
    margin: 0 -15px;
  }

  .ws-height500.ws-responsive-map {
    padding: 0;
  }

  .ws-view-info h2,
  .ws-view-info h3,
  .find-business-address h3,
  .ws-search-title h3,
  .number-text h3,
  .span-blue-col {
    font-size: 21px;
  }

  .business-links a {
    font-size: 14px;
  }

  .ws-header-wrapper {
    margin-bottom: 10px;
    padding-bottom: 6%;
  }

  .ws-header-wrapper img {
    margin-top: -10px;
  }

  .ws-height600.ws-apps {
    padding: 0 15px;
    background-color: #e3e3e3;
    margin-top: 15px;
  }

  .ws-search-title {
    padding: 25px 3% 0;
  }

  .divider-vertical.white {
    display: block;
    left: 49%;
    top: 30%;
    height: 35%;
  }

  .divider-vertical {
    display: none;
  }

  .number-text .btn {
    margin-left: 10px;
  }

  .ws-search-title img {
    float: none;
  }

  .ws-search-title h3 {
    padding: 5px 0 10px;
    text-align: center;
  }
  .dropdown-few-business {
    top: 12px;
  }
  .review-title-block .text-right {
    text-align: center;
  }
  .review-title-block .pull-right {
    float: none !important;
  }
  .review-title-block .padding_top3p {
    padding-top: 1% !important;
  }
  .review-title-block .padding_bottom3p {
    padding-bottom: 1% !important;
  }
  .review-title-block .border-right {
    border: none;
  }
}

@media screen and (max-width: 768px) {
  .ws-view-info {
    padding: 30px 20px;
  }

  .ws-view-info span {
    font-size: 18px;
  }

  .ws-view-info p {
    font-size: 16px;
  }

  .ws-view-info .co2_icon {
    height: 30px;
    width: 40px;
  }

  .divider-vertical.white {
    display: none;
  }

  .ws-view-info img {
    margin: 5px auto;
  }

  .ws-search-title img {
    width: 50px;
    top: 15px;
  }

  .ws-download-app {
    position: relative;
    margin: 15px -15px;
  }

  .ws-find-form-block {
    padding-top: 0;
  }

  .ws-find-form-block input,
  .ws-find-form-block select {
    margin-bottom: 5px;
  }

  .btn.ws-gray-btn.ws-gray-btn-long.margin-top-20 {
    margin: 0 !important;
  }

  .ws-height600.ws-apps {
    float: left;
  }

  .ws-site-map li {
    width: 100%;
    text-align: center;
    padding: 3px 15px;
  }

  .number-text p strong {
    padding-bottom: 5px;
    display: block;
  }

  .ws-apps-links img {
    margin: 15px auto;
    position: relative;
    display: block;
  }

  .ws-height500.ws-responsive-map {
    height: 350px;
  }
  .ws-height600 {
    height: 660px;
  }
  .find-business-address {
    top: 15%;
    bottom: 15%;
  }
  .carousel {
    padding: 10px;
  }
  .carousel-control {
    width: 40px;
  }
  .slide-image {
    margin: 10px auto 0;
    float: none;
  }
  .slide-content {
    margin: 15px 0 0 0;
    float: none;
  }
  .business-links {
    left: 0;
    text-align: center;
    position: relative;
    float: left;
  }
  .slide-image.nv-slide-image {
    width: 140px;
    height: 140px;
  }
  .nv-partners-logo img {
    max-width: 155px;
  }
  .carousel.carousel-envirostars.nv-carousel {
    padding: 5%;
  }
}

@media screen and (max-width: 648px) {
  .ws-header-wrapper {
    padding-bottom: 3%;
  }

  .ws-header-wrapper .ws-star-logo img {
    width: 80px;
  }

  .social-icons {
    position: relative;
    margin-top: -30px;
  }

  .divider-vertical {
    height: 35px;
    float: left;
  }

  .ws-login {
    top: 0;
    padding: 8px 20px;
    display: block;
  }

  .social-icons a {
    position: relative;
  }

  .social-icons img {
    display: inline-block;
    /*float: left;*/
    width: 35px;
    margin: 2px 2px;
  }

  /*.business-links {*/
  /*left: 0;*/
  /*text-align: center;*/
  /*position: relative;*/
  /*}*/

  .business-links a {
    width: 100%;
    float: left;
    margin-top: 20px;
  }

  .ws-height500.ws-responsive-map {
    height: 300px;
  }

  .find-business-address {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.65);
  }

  .find-business-address input {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .find-business-address .btn {
    width: 100%;
  }

  .number-text {
    padding: 5% 8%;
  }

  .number-text .btn {
    margin-left: 0;
  }

  .ws-apply-block p {
    padding: 10px 0;
  }
}
@media screen and (max-width: 415px) {
  .ws-view-info span {
    width: 100%;
    float: left;
    padding: 5px 0;
    margin: 0;
  }

  .ws-view-info .btn {
    width: 100%;
  }

  .ws-apply-block {
    height: 75%;
  }

  .ws-check-account {
    height: 25%;
    padding: 5px 0;
  }

  .ws-check-account .forgot-pass {
    padding: 10px !important;
  }

  /*.ws-star-logo {*/
  /*width: 80px;*/
  /*}*/

  .social-icons img {
    width: 25px;
    margin: 5px 2px 0;
  }
  .carousel.ws-height500 {
    height: 600px;
  }
}

/* ILLINOIS  */
.il-search-bg {
  background-color: #0172c7;
}

.ws-apply-block.il-apply-block h3,
.ws-apply-block-edit.il-apply-block h3 {
  color: #0172c7;
}

/*  ARIZONA  */
.az-search-bg {
  background-color: #8bd0c7;
}
/*  NEVADA  */
.nv-search-bg {
  background-color: #3b98c4;
}

.ws-apply-block.az-apply-block h3,
.ws-apply-block-edit.az-apply-block h3 {
  color: #8bd0c7;
}

.ws-apply-block.nv-apply-block h3,
.ws-apply-block-edit.nv-apply-block h3 {
  color: #3b98c4;
}
.ws-apply-block.nv-apply-block p,
.ws-apply-block-edit.nv-apply-block p {
  padding: 20px 5px 0px;
}

.business-photo-image {
  max-width: 300px;
  float: left;
  margin: 0 15px 15px 0;
}

/* Restore default BS style */
.assign-inspectors-popup input {
  padding: 0 15px;
}

.leaflet-map-widget-preview {
  min-height: 280px;
  background-color: #ccc;
}

.ws-responsive-map {
  position: relative;
}

.landing-map-over {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  padding: 0 12px;
}

.landing-map .autocomplete-results {
  text-align: left;
  background-color: #fff;
  display: none;
  position: absolute;
  max-height: 500px;
  top: 40px;
}

.landing-map .autocomplete-results li {
  padding: 5px;
  cursor: pointer;
}

.landing-map .autocomplete-results li:hover {
  background-color: #ccc;
}

.landing-map-over.map-initialized .hide-after-init {
  display: none;
}

.landing-map-over.map-initialized {
  background-image: none !important;
  width: 300px;
  height: 100%;
  left: 0;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px;
  text-align: left;
  z-index: 400;
}

.landing-map-over.map-initialized .find-business-address {
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
}

.landing-map-over.map-initialized .find-business-address {
  padding: 0;
  margin: 0;
  background-color: transparent;
}

.landing-map-over.map-initialized input {
  margin: 0;
  width: 100%;
}

.landing-map-over .landing-map-programs {
  display: none;
}

.landing-map-over.map-initialized .landing-map-programs {
  display: block;
}

.landing-map-programs {
  clear: both;
  margin-top: 15px;
  height: 410px;
  overflow-y: auto;
}

.landing-map-program {
  background-color: #ccc;
  margin-bottom: 10px;
}

.landing-map-over.map-initialized
  .find-business-address
  .search-ws-wrapper
  input {
  padding: 5px 10px;
  float: none;
}

.landing-map-over.map-initialized .find-business-address .search-ws-wrapper {
  width: 100%;
}

.landing-map-program-color {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
}

.leaflet-map-widget .leaflet-control-attribution {
  font-size: 11px;
  width: 379px;
  color: #999999;
  padding: 0 60px;
}

.leaflet-map-widget .leaflet-control-attribution a {
  font-size: 11px;
  color: #4d4d4d;
}

/*colorado*/

.colorado .bigest-title-word {
  font-size: 52px;
  color: #fff;
}
.colorado .ws-view-info img {
  width: 50px;
}
.colorado .ws-icons-row a img {
  width: 55px;
}
.colorado .divider-vertical.white {
  background-color: #fff;
}
.colorado .ws-icons-row a {
  padding: 22px 58px;
}
.colorado .darkest-grey {
  background-color: #4f5758;
}
.colorado .annual-block:after {
  border-color: transparent transparent transparent #4f5758;
}
.colorado .ws-icons-row a.active,
.colorado .ws-icons-row a:hover,
.annual-block .btn:hover,
.annual-block .btn.active {
  background-color: #00964c;
}
.colorado .ws-icons-row a.active:after,
.colorado .ws-icons-row a:hover:after {
  border-color: transparent transparent #00964c transparent;
}
.colorado .darkest-green {
  background-color: #00964c;
}
.colorado .background-lite-gray {
  background-color: #eef5e1;
}
.colorado .annual-block .btn {
  font-weight: 700;
}
.colorado .ws-apply-block h3 {
  color: #00964c;
}
.colorado .copyright {
  text-align: left;
}
.colorado .ws-site-map {
  text-align: left;
  padding: 10px 0;
}
.colorado .ws-site-map li a:first-child {
  padding-left: 0;
}
.colorado .business-calculate p {
  display: inline-block;
}
.colorado .business-calculate span {
  position: relative;
  float: left;
}
.colorado .business-calculate .calculate-numbers {
  font-size: 40px;
  color: #00964c;
  padding-right: 10px;
}
.colorado .ws-map {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.colorado .footer-logo {
  position: absolute;
  width: 55px;
  top: 21px;
  right: 16px;
}
.calculating-data {
  display: none;
}
.calculating-data.active {
  display: block;
}
.calculating-data-block .average,
.calculating-data-block .annual {
  display: none;
}
.calculating-data-block .average.active,
.calculating-data-block .annual.active {
  display: block;
}

/***** new hampshire *****/
.nh-search-bg {
  background-color: #a3d49c;
}
.nh-typed-logo {
  font-weight: 900;
  font-size: 21px;
  color: #007236;
}
.nh-typed-logo:hover,
.nh-typed-logo:focus {
  color: #007236;
}

@media screen and (max-width: 1200px) {
  .colorado .ws-icons-row a {
    padding: 20px 44px;
  }
}
@media screen and (max-width: 991px) {
  .colorado .ws-icons-row a {
    padding: 3px 44px;
    width: 25%;
    height: 80px;
  }
  .colorado .business-calculate span {
    display: inline-block;
    text-align: center;
    width: 100%;
    line-height: 36px;
    padding-bottom: 5px;
  }
  .colorado span.divider-vertical {
    display: none;
  }
}
@media screen and (max-width: 648px) {
  .colorado .ws-header-wrapper .ws-star-logo img {
    width: 100%;
  }
  .colorado .social-icons a {
    float: right;
  }
  .colorado .social-icons img {
    width: 28px;
  }
  .colorado .ws-login {
    padding: 8px 10px;
  }
}
@media screen and (max-width: 580px) {
  .colorado .ws-icons-row a {
    padding: 0 5%;
    height: 75px;
  }
}
@media screen and (max-width: 420px) {
  .colorado .dark-blue-bg.darkest-grey.ws-height400.annual-block.padding_top5p {
    padding-top: 0;
  }
  .colorado .ws-view-info {
    padding-top: 10px;
  }
  .colorado .ws-check-account .forgot-pass {
    padding: 2px !important;
  }
}

/***********************/
/* National home page  */
/***********************/
.national {
  color: #7d8c9a;
}
.national .header-logo {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px 0;
}
.national .user-navigation {
  text-align: right;
  padding-top: 1%;
}
.national .lite-green-background {
  background-color: #6fb750;
}
.national .user-navigation a {
  margin-right: 0;
  margin-left: 25px;
}
.national .business-links {
  position: relative;
  text-align: left;
  padding: 15px 0;
}

.national-find-business-wrapper {
  padding: 10% 0 10% 10%;
  position: relative;
}

.national-find-business {
  position: relative;
  width: 150%;
  z-index: 10;
  top: 10%;
  background-color: #6eb750;
}

.national .find-business-title-text {
  padding: 5% 10%;
  color: #d4e9cb;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
}

.national .find-business-title-text span {
  color: #fff;
}

.national .find-business-title-text h2 {
  font-size: 36px;
}

.national .find-business-title-text p {
  font-size: 24px;
}

.national .btn {
  border-radius: 0;
}

.national .ws-download-app {
  position: relative;
  height: 60px;
}

.national .ws-download-app div {
  padding: 5px;
}

.national .ws-download-app .ws-lite-grey-bg {
  padding: 10px 0 0 10px;
}

.national .ws-download-app .ws-lite-grey-bg h4 {
  font-size: 14px;
  padding-bottom: 0;
}

.national .ws-download-app .ws-lite-grey-bg p {
  font-size: 15px;
}

.national .ws-download-app .ws-lite-grey-bg:after {
  display: none;
}

.national .ws-grey-bg {
  background-color: #cdcece;
}

.national .dark-blue-bg {
  background-color: #1a3978;
}

.national .ws-apps-links img {
  margin: 0;
  width: auto;
}

.national .ws-apps-links a {
  display: inline-block;
}

.national .find-business-content-text {
  padding: 7%;
}

.national .find-business-content-text h5 {
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  color: #4d4d4d;
  font-weight: 700;
}

.national .find-business-content-text p {
  font-size: 16px;
}
.fuzzy-report,
.fuzzy-report:hover,
a.fuzzy-report,
a.fuzzy-report:hover {
  color: #e6e6e6;
  cursor: default;
}
.statistic-card {
  position: absolute;
  top: -40px;
  height: 670px;
  z-index: 10;
  color: #fff;
  padding: 15%;
  text-align: center;
}

.st-card-title:after {
  content: "";
  position: relative;
  float: left;
  width: 50%;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  height: 1px;
}

.st-card-title h5 {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 12px;
  font-family: "Montserrat", sans-serif;
}

.st-card-title h2 {
  font-size: 44px;
  text-transform: uppercase;
  font-weight: 700;
  color: #98ced7;
  font-family: "Montserrat", sans-serif;
}

.st-card-title p {
  color: #c3ebf7;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
}

.statistic-card .btn-info {
  position: absolute;
  bottom: 12%;
  left: 50%;
  transform: translateX(-50%);
}

.national .ws-icons-row {
  position: relative;
  text-align: center;
  width: 100%;
}

.national .ws-icons-row li {
  display: inline-block;
}

.national .ws-icons-row a {
  float: none;
  background-color: transparent;
  padding: 0;
  height: auto;
  border: none;
  margin: 0 10px;
}

.national .ws-icons-row a:after {
  display: none;
}

.national .ws-icons-row a.active,
.national .ws-icons-row a:hover {
  background-color: transparent;
}

.national .ws-icons-row img {
  width: 28px;
}

.national .ws-icons-row img.co2_icon {
  height: 34px;
  width: 46px;
}

.st-detail-item {
  position: absolute;
  top: 100%;
  left: 50%;
  padding-top: 40px;
  display: none;
  transform: translateX(-50%);
  width: 100%;
}

.national .ws-icons-row a:hover + .st-detail-item,
.national .ws-icons-row a.active + .st-detail-item {
  display: block;
}

.st-detail-item h6 {
  color: #98ced7;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.st-detail-item p {
  font-size: 21px;
}

.st-detail-item p span {
  font-size: 39px;
  top: 7px;
  display: inline-block;
  position: relative;
}

.padding-top150 {
  padding-top: 150px;
}

.padding-top60 {
  padding-top: 60px;
}

.national .ws-view-info.video-wrapper {
  padding: 10%;
  z-index: 10;
}

.video-card-block {
  background-color: #e6e6e6;
  width: 110%;
  left: -10%;
  position: relative;
}

.video-card-block.video-wrapper h3 {
  color: #4ba9b9;
}

.video-card-block.video-wrapper p {
  color: #627485;
  padding-bottom: 15px;
}

.in-region-card.statistic-card {
  position: absolute;
  height: auto;
  background-color: #4aa9b9;
  top: -12%;
  width: 85%;
  padding: 10%;
}

.in-region-card.statistic-card .st-card-title h2 {
  color: #a3d3db;
  font-weight: 400;
}

.in-region-card.statistic-card .st-card-title:after {
  display: none;
}

.partner-website {
  font-family: "Montserrat", sans-serif;
}

.partner-website h4 {
  color: #4ba9b9;
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 25px;
}

.partner-website a {
  color: #1a3978;
  font-size: 18px;
  font-weight: 700;
}

.provided-block {
  font-family: "Montserrat", sans-serif;
  margin-bottom: 25px;
}

.provided-block h4 {
  font-size: 16px;
  color: #6fb750;
  font-weight: 400;
}

.provided-block p {
  font-size: 28px;
  padding-bottom: 20px;
}

.absolute-image {
  position: relative;
  left: -30px;
  margin-bottom: 0;
  width: 120%;
  height: 400px;
  background-image: url(../img/national/Photo@3x.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.national-sub-page-title {
  font-size: 24px;
  color: #1a3978;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.national .left-column-block h4 {
  color: #d4e9cb;
  font-size: 34px;
  padding: 10% 2%;
}
.national .left-column-block.contact-title h4 {
  text-transform: uppercase;
  color: #4ba9b9;
  padding: 25% 0;
  font-family: "Montserrat", sans-serif;
}
.national .filter-menu li a,
.national .filter-menu li label,
.national .list-group-item {
  border-bottom: 1px solid #3d8745;
}

.national .filter-menu li a:hover,
.national .filter-menu li a.active,
.national .filter-menu li label:hover,
.national .filter-menu li label.active,
.national .filter-menu li.active a,
.national .filter-menu li:hover a,
.national a.list-group-item:hover,
.national button.list-group-item:hover,
.national a.list-group-item:focus,
.national button.list-group-item:focus {
  color: #fff;
  background-color: #6fb750;
  border-color: #3d8745;
}
.national .participating-item h4 {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  color: #4d4d4d;
  font-weight: 700;
  padding-bottom: 5px;
}
.national .participating-item p {
  color: #4d4d4d;
  padding-bottom: 10px;
}
.national .participating-item a {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding: 10px 0 15px;
}
.national .participating-item img {
  width: 50%;
}
.spec-nat-link {
  float: left;
}

.flag-post .tooltip {
  width: 350px;
  max-width: 350px;
}

.green-link {
  color: #6fb750;
}

.mac-os-firefox select {
  background-image: none;
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
}
.select2-container--krajee
  .select2-selection--multiple
  .select2-search--inline
  .select2-search__field {
  height: 40px;
}
@media screen and (max-width: 1200px) {
  .national .select-wrapper {
    padding-top: 1%;
  }
  .national .spec-nat-link {
    position: absolute;
    /*right: 0;*/
    /*top: -55px;*/
    left: 0;
  }
  .national .header-logo {
    border: none;
  }
  .national .find-business-title-text {
    padding: 3%;
  }

  .national .ws-download-app .ws-lite-grey-bg p {
    font-size: 12px;
  }

  .statistic-card {
    padding: 10% 3%;
  }

  .national .ws-icons-row a {
    margin: 0 2px;
  }

  .in-region-card.statistic-card {
    padding: 7% 4%;
  }

  .national .ws-icons-row a {
    margin: 0 10px;
  }
}

@media screen and (max-width: 991px) {
  .national .business-links a {
    margin-left: 8px;
    font-size: 13px;
  }

  .row.delete-row {
    margin: 0;
  }

  .spec-nat-link {
    top: -5px;
  }

  .national-find-business-wrapper {
    padding: 2%;
  }

  .national-find-business,
  .in-region-card.statistic-card {
    width: 100%;
    text-align: center;
  }

  .national .ws-apps-links img {
    width: 70%;
  }

  .national .ws-download-app .ws-lite-grey-bg p {
    font-size: 14px;
  }

  .in-region-card.statistic-card,
  .statistic-card {
    position: relative;
  }

  .statistic-card {
    padding: 7% 3%;
    top: 0;
    height: 500px;
    margin-bottom: 25px;
  }

  .st-card-title.margin-b-150 {
    margin-bottom: 0 !important;
  }

  .st-card-title:after {
    display: none;
  }

  .in-region-card.statistic-card {
    margin-bottom: 0;
  }

  .national .ws-icons-row {
    background: transparent;
  }

  .national .padding-top150,
  .national .padding-top60 {
    padding-top: 0;
  }

  .absolute-image {
    left: 0;
    width: 100%;
    height: 430px;
  }

  .national .ws-view-info.video-wrapper {
    padding: 5% 10%;
  }

  .video-card-block {
    width: 100%;
    left: 0;
  }

  .national .ws-icons-row a {
    margin: 0 20px;
  }
}

@media screen and (max-width: 768px) {
  .national .header-logo {
    padding: 25px 15px 50px;
  }
  .national .header-logo img {
    margin-bottom: 15px;
  }
  .national .ws-header-wrapper {
    padding-bottom: 15px;
  }

  .national .ws-download-app {
    margin: 0;
  }

  .national .ws-apps-links img {
    width: 40%;
    position: relative;
    margin: 0 auto;
    top: -5px;
  }

  .national .ws-download-app {
    height: 120px;
  }

  .national .ws-download-app div {
    height: 50%;
  }
  .statistic-card .btn-info {
    bottom: 9%;
  }
  .modal-dialog {
    width: 100%;
  }
  .dropdown-few-business {
    top: 12px;
  }
}

@media only screen /** ipad portrait **/ and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .national .ws-download-app {
    height: 60px;
  }

  .national .ws-download-app div {
    height: 100%;
  }

  .national .ws-icons-row img.co2_icon {
    position: relative;
  }
  .dropdown-few-business {
    top: 12px;
  }
}

@media screen and (max-width: 670px) {
  /*.national .ws-header-wrapper {*/
  /*padding: 0;*/
  /*}*/
  .national .header-logo {
    text-align: center;
  }
  .national .spec-nat-link {
    top: -8px;
  }
  .national .user-navigation {
    text-align: center;
    width: 100%;
  }
  .national .user-navigation a {
    width: 100%;
    float: left;
    margin: 0;
    padding-bottom: 5px;
  }
  .national .ws-star-logo {
    width: 100%;
    text-align: center;
  }
  .national .header-logo img {
    margin: 0 0 15px 0;
    height: auto;
  }
  .national .ws-header-wrapper .ws-star-logo img {
    width: 300px;
  }

  .absolute-image {
    height: 347px;
  }

  .spec-nat-link {
    position: relative;
    top: 0;
  }

  .business-links a {
    width: 100%;
    float: left;
    margin-top: 7px;
    text-align: center;
    margin-left: 0;
  }
  .national .business-links .pull-right {
    width: 100%;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 550px) {
  .absolute-image {
    height: 277px;
  }

  .national .ws-apps-links img {
    top: 0;
    margin: auto;
  }

  .st-detail-item {
    top: 50%;
  }

  .statistic-card {
    padding: 4% 3%;
    height: 400px;
    margin-bottom: 25px;
  }

  .statistic-card .btn-info {
    position: relative;
    bottom: -100px;
  }

  .national .btn {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 500px) {
  .absolute-image {
    height: 247px;
  }

  .national .ws-view-info.video-wrapper {
    padding: 5%;
  }

  .national .ws-apps-links img {
    width: 55%;
  }
}

@media screen and (max-width: 450px) {
  .absolute-image {
    height: 247px;
  }

  .st-card-title h2 {
    font-size: 28px;
  }

  .st-card-title h5 {
    font-size: 20px;
    line-height: 18px;
  }

  .provided-block p {
    font-size: 20px;
    padding-bottom: 5px;
  }

  .st-detail-item p span {
    font-size: 28px;
    top: 4px;
  }
}

@media screen and (max-width: 400px) {
  .absolute-image {
    height: 206px;
  }

  .national .find-business-title-text h2 {
    font-size: 28px;
  }

  .national .find-business-title-text p {
    font-size: 19px;
  }

  .statistic-card {
    height: 350px;
  }

  .st-card-title p {
    font-size: 14px;
    line-height: 18px;
  }

  .national .find-business-content-text {
    padding: 0;
  }

  .national .ws-icons-row img.co2_icon {
    height: 26px;
    width: 34px;
  }

  .national .ws-icons-row img {
    width: 22px;
  }

  .statistic-card {
    margin: 0 -30px;
  }

  .in-region-card.statistic-card {
    margin: 25px 0 0;
  }

  .no-paading-responsive {
    padding: 0;
  }

  .st-detail-item {
    top: 35%;
  }

  .national .ws-icons-row a {
    margin: 0 16px;
  }
}

.custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}
.field-savingarea-imagefile .kv-file-remove,
.field-savingarea-imagefile .kv-file-zoom,
.field-savingarea-imagefile .file-drag-handle,
.field-savingarea-imagefile .file-thumbnail-footer,
.field-testimonial-attachment .kv-file-zoom,
.field-testimonial-attachment .file-drag-handle,
.field-testimonial-attachment .file-upload-indicator,
.field-attachment .kv-file-zoom,
.field-attachment .file-drag-handle,
.field-event-attachment-file
  .krajee-default.file-preview-frame
  .file-thumbnail-footer
  .file-upload-indicator,
.field-auditgreentip-attachment-file
  .krajee-default.file-preview-frame
  .file-thumbnail-footer
  .file-upload-indicator {
  display: none;
}

.field-testimonial-attachment .kv-file-remove .glyphicon,
.field-event-attachment-image .kv-file-remove .glyphicon,
.field-event-attachment-image .kv-file-download .glyphicon,
.landing-page-update .attachment-image .kv-file-remove .glyphicon,
.landing-page-update .attachment-image .kv-file-download .glyphicon,
.field-event-attachment-file .kv-file-remove .glyphicon,
.field-event-attachment-file .kv-file-download .glyphicon,
.field-auditgreentip-attachment-image .kv-file-remove .glyphicon,
.field-auditgreentip-attachment-image .kv-file-download .glyphicon,
.field-auditgreentip-attachment-file .kv-file-remove .glyphicon,
.field-auditgreentip-attachment-file .kv-file-download .glyphicon {
  margin-left: 10px;
}

/* add sorting icons to gridview sort links */
a.asc:after,
a.desc:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 5px;
}

a.asc:after {
  content: /*"\e113"*/ "\e151";
}

a.desc:after {
  content: /*"\e114"*/ "\e152";
}

.report-name {
  text-transform: capitalize;
}

.event-form .file-preview .remove-file-container,
.audit-green-tip-form .file-preview .remove-file-container {
  padding-top: 30px;
}
.event-form
  .file-preview
  button.kv-file-remove.btn.btn-kv.btn-default.btn-outline-secondary,
.event-form
  .file-preview
  button.kv-file-download.btn.btn-kv.btn-default.btn-outline-secondary,
.audit-green-tip-form
  .file-preview
  button.kv-file-remove.btn.btn-kv.btn-default.btn-outline-secondary,
.audit-green-tip-form
  .file-preview
  button.kv-file-download.btn.btn-kv.btn-default.btn-outline-secondary {
  margin-top: 10px;
  margin-bottom: 0;
}
.event-form
  .file-preview
  .field-event-attachment-file
  .krajee-default.file-preview-frame
  .kv-file-content,
.audit-green-tip-form
  .file-preview
  .field-auditgreentip-attachment-file
  .krajee-default.file-preview-frame
  .kv-file-content {
  width: auto;
  height: auto;
  margin-top: 20px;
}
.event-form
  .file-preview
  .field-event-attachment-file
  .krajee-default.file-preview-frame
  .file-thumbnail-footer,
.audit-green-tip-form
  .file-preview
  .field-auditgreentip-attachment-file
  .krajee-default.file-preview-frame
  .file-thumbnail-footer {
  height: auto;
}
.notification-opt-in-description {
  margin-top: 45px;
}
.tier-info .green-title {
  text-transform: uppercase;
  /*color: #3d8745;*/
  font-weight: 700;
  padding-bottom: 0px;
  margin: 0px 0;
}
.tier-info .title-block {
  padding: 15px 0 0 15px;
  margin: 0;
}
.tier-info.tiers-manage .title-block {
  padding: 0 0 15px 15px;
  margin: 0;
}
.tier-info .title-block h3 {
  font-weight: 500;
}
.tier-info .title-block span {
  font-size: 2em;
  margin-right: 10px;
}
.tier-info .curcle-text-in {
  font-family: "Arial", sans-serif;
  color: #fff;
  font-size: 45px;
  line-height: 55px;
}

.tier-info .curcle-text-in-small {
  position: absolute;
  font-family: "Arial", sans-serif;
  color: #fff;
  font-size: 11px;
  line-height: 2.75;
  left: 0;
  padding: 0 5px;
}
.tier-info .benefits-title .fa-circle:before {
  font-size: 20px;
}
.tier-info .tips-btn {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px 15px 15px 15px;
}
.tier-info .tips-btn p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-align: left;
}
.tier-info .tips-btn i {
  font-size: 3em;
  vertical-align: middle;
  float: left;
  padding-right: 10px;
}
.tier-info .short-articles .article-actions {
  float: right;
}
.tier-info .short-articles {
  margin-bottom: 15px;
  word-wrap: break-word;
  font-size: 16px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  float: left;
  width: 100%;
  border-radius: 4px;
}
.tier-info .short-articles-title {
  font-weight: 700;
}
.tier-info .short-articles-title-green {
  font-weight: 700;
  color: #3d8745;
}
.tier-info .short-benefits-title {
  font-weight: 700;
  padding-bottom: 25px;
}
.tier-info .right-column {
  font-family: "Montserrat", sans-serif;
  text-align: left;
  background-color: #fff;
  padding-right: 0;
}
.tier-info .left-column {
  font-family: "Montserrat", sans-serif;
  text-align: left;
  padding-right: 0;
}
.tier-info .benefit .benefits-title {
  text-align: left;
  text-transform: uppercase;
  vertical-align: middle;
  /*color: #6fb750;*/
  padding-bottom: 10px;
}
.tier-info .benefit .benefits-title p {
  font-weight: 700;
  line-height: 1.9em;
}
.tier-info .benefit .benefit-name {
  text-align: left;
  vertical-align: middle;
}
.tier-info .benefit .benefit-name p {
  /*font-weight: 700;*/
  padding-bottom: 5px;
  color: black;
}
.tier-info .benefit .benefit-name span {
  padding-right: 5px;
  font-weight: 600;
}

.tier-info .alert-container {
  padding-right: 0;
  padding-left: 0;
}
.stick .active-tier {
  background-color: #e2f1dc;
}
.stick .not-started-tier {
  color: #c8bfc4;
}
.stick .not-started-tier i,
.stick .not-started-tier p,
.stick .not-started-tier h3,
.stick .not-started-tier h4 {
  color: #808080;
}
.stick .active-tier .tier-name p,
.stick .active-tier .tier-name i,
.stick .active-tier h4 {
  color: #3d8745;
}
/*.stick .tier-status .colored-icon-dashboard .fa */
.stick .tier-status.colored-icon-dashboard .fa {
  font-size: 1em;
}
.stick .tier-status i {
  margin: 15px 5px 10px;
}
.stick .tier-name i {
  margin: 8px 15px 10px;
}
.stick .tier-status p {
  font-family: "Montserrat", sans-serif;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
  margin: 14px 0;
}
.stick .tier-name h4 {
  margin: 14px 0;
  margin-left: 62px;
}
.stick .tier-name .curcle-text-in,
.stick .active-tier .tier-name .curcle-text-in {
  font-family: "Arial", sans-serif;
  color: #fff;
  margin-top: 4px;
}
.stick.alert {
  background-color: #fcf8e3;
}
.stick.alert .content h3 {
  font-size: 23px;
  line-height: 28px;
  font-weight: 700;
  margin-top: 15px;
}
.stick.alert .content .btn,
.stick.alert .content p {
  margin-top: 15px;
}

.stick .benefit .p-label.green {
  font-family: "Montserrat", sans-serif;
  /*text-transform: capitalize;*/
  font-size: 18px;
  font-weight: 600;
  margin: 15px 0;
}
.stick .benefit .benefit-name {
  text-align: left;
  vertical-align: middle;
  margin-top: 15px;
}
.stick .benefit .benefit-name p {
  /*font-weight: 700;*/
  padding-bottom: 5px;
}
.stick .benefit .benefit-name span {
  color: #6fb750;
  padding-right: 5px;
  font-weight: 600;
}

.stick .benefit .benefits-title i {
  margin: 8px 10px 10px;
}
.tiers-manage .landing-list,
.tiers-manage .available-landing-list {
  min-height: 100px;
}
.tiers-manage .short-articles .article-actions .state-icon {
  position: absolute;
  margin-top: -20px;
  margin-left: -25px;
  float: right;
}
.tiers-manage .short-articles.ui-sortable-handle {
  cursor: move !important;
}
.hide-animation.collapsing {
  -webkit-transition: none;
  transition: none;
  display: none;
}
.find-business .business-container {
  border: none;
  border-bottom: 1px solid rgba(238, 238, 238, 1);
  /*margin-bottom: 15px;*/
  padding-bottom: 10px;
  margin-top: 25px;
}
.find-business .business-container p {
  font-size: 16px;
}
.find-business .business-container .address p {
  font-size: 16px;
  line-height: 15px;
}
.find-business .business-container .description {
  margin-top: 25px;
}
.find-business .discover .business-grid-container p {
  font-size: 13px;
  line-height: 15px;
}
.find-business .discover .business-grid-container {
  position: relative;
}
.find-business .discover .business-grid-container .btn {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
}
.find-business .discover .business-grid-container .logo {
  max-width: 100px;
  float: left;
  position: relative;
  width: 48%;
}
.find-business .discover .business-grid-container .logo img {
  max-height: 100px;
}
.find-business .discover .business-grid-container .business-info {
  padding-left: 10px;
  float: left;
  position: relative;
  width: 60%;
}
.find-business .discover .business-grid-container {
  margin-bottom: 25px;
  padding: 5px 5px 5px 5px;
  margin: 2px 2px 2px 2px;
  border: none;
  border: 1px solid #808080; /* rgba(238, 238, 238, 1); */
  min-height: 220px;
}
.circled-networks {
  float: left;
}
.circled-networks a .fa {
  border: 1px solid #7fb45d;
  color: #7fb45d;
  padding: 10px 15px;
  border-radius: 50%;
  text-align: center;
  font-size: 21px;
  line-height: 24px;
  display: inline-block;
  margin-right: 10px;
}
.circled-networks a .fa-facebook-f {
  padding: 10px 16px;
}
.circled-networks a .fa-twitter {
  padding: 10px 13px;
}
.circled-networks a .fa-instagram {
  padding: 10px 14px;
}
.circled-networks a .fa-map-marker {
  padding: 10px 16px;
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .find-business .discover .business-grid-container {
    width: 24%;
  }
}

.find-business .discover .business-list-container .logo {
  max-width: 60%;
  max-height: 125px;
}
.find-business .discover .business-list-container {
  border: none;
  border-bottom: 1px solid black; /* rgba(238, 238, 238, 1); */
  margin-bottom: 17px;
  height: 130px;
}
.find-business .discover .business-list-container > div {
  height: inherit;
  min-height: 100%;
}
.find-business .type-filter label {
  padding-bottom: 12px;
  cursor: pointer;
}
.find-business .type-filter input[type="radio"]:checked + label {
  font-weight: bold;
}
.find-business .type-filter input[type="radio"]:checked + label:after {
  content: "";
  width: 80%;
  display: block;
  height: 2px;
  background-color: #3c763d;
  position: absolute;
}
/*.find-business .business-search*/
/*{*/
/*padding-bottom: 30px;*/
/*border: 1px solid;*/
/*border-bottom: 1px solid white;*/
/*}*/
.find-business .business-search .all-filter-tab p {
  /*padding-bottom: 30px;*/
  padding-left: 15px;
  padding-top: 7px;
  border: 1px solid;
  border-bottom: 1px solid white;
}
.find-business .business-search .all-filter-tab p.collapsed,
.find-business .business-search .panel-collapse.all-filter-panel.collapsing {
  /*padding-bottom: 30px;*/
  border: none;
}

.find-business .business-search .all-filter-panel {
  border-top: 1px solid;
  padding-top: 25px;
  margin-bottom: 40px;
  position: relative;
  top: -2px;
  /*z-index: 0;*/
}
.find-business #geo-location {
  height: 40px;
  /*padding-top: 0;*/
  font-weight: 500;
  line-height: 30px;
  width: 120px;
}
.find-business #geo-location i {
  font-size: 28px;
  margin: 0;
  float: right;
}

.find-business .application-content-titles.company-profile {
  border: none;
  border-top: 1px solid rgba(238, 238, 238, 1);
  padding: 15px 0;
  font-family: "Lato", sans-serif;
}
.find-business .input-group-addon {
  font-size: 26px;
  width: 100%;
  display: inline-block;
  border-right: 1px;
  border-radius: 0 5px 5px 0;
}
.find-business.input-group-btn,
.input-group-addon {
  border-right: 1px solid #ccc;
  border-radius: 0 5px 5px 0 !important;
}
.find-business .input-group-btn i {
  margin: 0;
}
.find-business .scheduler-border {
  background-color: #fff;
  z-index: 1;
  position: relative;
}
.find-business .results-container .toggle-map-size.big-map .btn-more-map,
.find-business .results-container .toggle-map-size.small-map .btn-less-map {
  display: none;
}
.find-business .results-container .toggle-map-size.big-map .btn-less-map,
.find-business .results-container .toggle-map-size.small-map .btn-more-map {
  display: inline;
}
.find-business .results-container .map-container .gmap-map-canvas {
  border: 1px solid #ccc;
}
.find-business .results-container .map-container p {
  border: 1px solid #ccc;
  border-bottom: none;
  background-color: #eee;
}
.sticky {
  position: fixed;
  top: 10px;
}
.application-info .date-input .date-sm-input {
  height: 35px;
  font-size: 15px;
  /*width: 70%;*/
  display: inline;
  margin-top: 5px;
  color: #999;
  letter-spacing: 1px;
  font-family: "Montserrat", sans-serif;
}

.application-info .date-label {
  padding-left: 6px;
}
.application-info .date-input .input-group-btn {
  border-right: none;
  border-radius: 0;
}
.measure-list-grid p {
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
}
.assign-inspectors-popup .message-row {
  padding-left: 137px;
}
.user-update .list-group-item .business-link {
  font-size: 14px;
  font-weight: 600;
}
.programs-title {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(0, -50%);
  font-weight: 700;
}

.programs-title-center {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translate(0, -50%);
  font-weight: 700;
}

/*.programs-steps > div{*/
/*min-height: 300px;*/
/*}*/
/*.vcenter {*/
/*display: inline-block;*/
/*vertical-align: middle;*/
/*float: none;*/
/*}*/
.programs-logo {
  position: absolute;
  z-index: 10;
}
.header-title-sentence {
  font-size: 16px;
  font-weight: 300;
}
.programs-steps td {
  text-align: center;
  vertical-align: middle;
  padding: 35px 25px;
}
.programs-steps td img {
  min-width: 120px;
}
.coordinator-programs .lite-green-background {
  background-color: #6fb750;
}
.coordinator-programs .btn-white-outline {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.coordinator-programs .btn-white-outline:hover {
  color: #3d8745;
  background-color: #fff;
  border-color: #fff;
}
.how-to-steps {
  text-align: center;
  padding: 15px 20%;
  margin: 50px 25px;
  position: relative;
}

.how-to-steps .special-img {
  content: "";
  position: absolute;
  display: block;
  width: 130px;
  height: 130px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 50%;
  transform: translate(0, -50%);
}
.how-to-steps.img-left .special-img {
  left: 0;
}
.how-to-steps.img-right .special-img {
  right: 0;
}
.programs-logo img {
  /*margin: 0 auto;*/
  width: 180px;
}
@media screen and (max-width: 991px) {
  .programs-logo {
    position: relative;
  }
  .programs-logo img {
    margin: 0 auto;
    width: 150px;
  }
}
@media screen and (max-width: 768px) {
  .how-to-steps {
    padding: 150px 15px 20px;
  }
  .how-to-steps .special-img {
    top: 0;
    transform: translate(-50%, 0);
  }
  .how-to-steps.img-left .special-img,
  .how-to-steps.img-right .special-img {
    left: 50%;
  }
}
@media screen and (max-width: 648px) {
  .coordinator-programs .ws-star-logo {
    text-align: center;
  }
  .coordinator-programs .social-icons {
    top: 0;
    text-align: center;
    width: 100%;
    margin: 15px 0;
  }
}

.find-business .search-field .default {
  width: 100% !important;
}
.tt-menu {
  padding-right: 15px;
}
.tt-menu .tt-suggestion {
  overflow: hidden;
}
.list-view .address.hide-on-big-map a {
  word-break: break-all;
}
.find-business-form table td {
  padding: 0 0 9px 0;
}
.find-business-form table td p.business-time {
  font-size: 15px;
  line-height: 20px;
}
.business-time.closed-open {
  color: #999;
}
.hola-icon img {
  width: 15%;
  margin-top: -50px;
  margin-left: 20px;
}
.find-business-category-list {
  position: relative;
  padding: 10px 0;
  height: 30px;
  overflow: hidden;
}
.find-business-category-list.full-height {
  height: 100%;
}
.toggle-category {
  position: absolute;
  right: 15px;
  z-index: 10;
}
.toggle-category .fa-chevron-up,
.toggle-category .fa-chevron-down {
  padding: 0 5px;
  cursor: pointer;
  font-size: 18px;
}
.toggle-category.active .fa-chevron-up,
.toggle-category .fa-chevron-down {
  display: block;
}
.toggle-category .fa-chevron-up,
.toggle-category.active .fa-chevron-down {
  display: none;
}

.left-color-menu .nav li.getstarted-group a.highlited i {
  position: relative;
  display: inline-block;
  margin: 0 0 0 0;
  /*margin: 0 15px 0 10px;*/
  /*width: 20px;*/
  /*top: 4px;*/
  text-align: right;
  float: left;
  font-size: 30px;
}
.left-color-menu .nav li.getstarted-group a.highlited {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px 45px 15px 15px;
  font-size: 18px;
  font-weight: 700;
}

.left-color-menu .nav li.getstarted-group a.highlited:before {
  font-size: 3em;
  vertical-align: middle;
  float: left;
  padding-right: 10px;
  background-image: none;
}
.left-color-menu .nav > li.getstarted-group > a.highlited:hover,
.left-color-menu .nav > li.getstarted-group > a.highlited:focus {
  color: #fff;
  background-color: #3d8745;
  border-color: #3d8745;
}
.landing-page-update .add-logo span {
  float: right;
  /*margin: 4px;*/
}
.landing-page-update .add-logo img {
  width: 15px;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
.landing-page-update .icon-div {
  margin: 4px;
  min-width: 180px;
  min-height: 180px;
}
.landing-page-update .icon-div img {
  max-width: 130px;
  max-height: 130px;
}
.custom-landing em {
  font-style: italic;
}
.custom-landing li {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}
.custom-landing ol {
  list-style: decimal;
  list-style-position: inside;
  margin-left: 15px;
}
.custom-landing ul {
  list-style: unset;
  list-style-position: inside;
  margin-left: 15px;
}
.ws-apply-block .custom-landing ul,
.ws-apply-block-edit .custom-landing ul {
  list-style: disc;
  padding-left: 25px;
  margin: 10px 0 15px;
}
.ws-apply-block .custom-landing ul ul,
.ws-apply-block-edit .custom-landing ul ul {
  list-style: circle;
}
.ws-apply-block .custom-landing ul ul ul,
.ws-apply-block-edit .custom-landing ul ul ul {
  list-style: disc;
}
.ws-apply-block .custom-landing ul li,
.ws-apply-block-edit .custom-landing ul li {
  /*display: inline-block;*/
  color: #2b435a;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 10px;
  /*list-style: circle;*/
}
.nv-slide-content a {
  color: #6bafce;
}
.az-logo {
  width: 132px;
}
.az-tagline {
  padding-bottom: 18px;
}
.business-popup-preview {
  width: 1200px;
}
@media screen and (max-width: 1200px) {
  .business-popup-preview {
    width: 1000px;
  }
}
@media screen and (max-width: 1000px) {
  .business-popup-preview {
    width: auto;
  }
}
@media screen and (max-width: 550px) {
  .business-popup-preview #gmap0-map-canvas {
    width: 300px !important;
  }
}
@media screen and (max-width: 400px) {
  .az-logo {
    width: 125px;
  }
  .az-tagline {
    padding-bottom: 15px;
  }
}
.video-block.arizona-image-cover {
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 991px) {
  .video-block.arizona-image-cover {
    min-height: 320px;
  }
}
@media screen and (max-width: 580px) {
  .video-block.arizona-image-cover {
    min-height: 230px;
  }
}
@media screen and (max-width: 400px) {
  .video-block.arizona-image-cover {
    min-height: 170px;
  }
}
.cropper-wrapper .glyphicon.glyphicon-trash {
  color: white;
}
.container .need-renewal .btn {
  width: 121px;
  margin-top: 5px;
}
.sweet-alert a.download-answers-export-file {
  color: white;
}
.answer-export-tool .btn-submit-answers-export {
  height: 40px;
}

.businesses-certified-report .fix-first-column th:first-child {
  width: 35%;
}
.back-to-top {
  position: fixed;
  bottom: 85px;
  right: 25px;
  display: none;
}
.back-to-bottom {
  position: fixed;
  bottom: 50px;
  right: 25px;
  display: none;
}
.back-to-top i,
.back-to-bottom i {
  margin-right: 0;
}
.business-complete-notifications,
.business-complete-notifications p {
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  text-transform: none;
  font-family: "Lato", sans-serif;
  letter-spacing: 0;
}
.business-index .tabs-content .completed-progress-bar {
  padding: 0px 40px;
  background-color: #f2f2f2;
}
/*.sash-logo img{*/
/*    width: 80px;*/
/*    height: 20px;*/
/*    margin-right: 15px;*/
/*}*/
sash-logo {
  position: absolute;
  top: 0;
  z-index: 1;
}
.sash-logo img {
  width: 80px;
  height: 20px;
  display: block;
}
.complete-feature-panel {
  text-align: center;
}
.one-row-input div,
.one-row-input label {
  float: left;
}
.one-row-input .switch-control {
  margin-left: 10px;
}
.green-tip-container .show-more-popup {
  display: block;
  position: absolute;
  bottom: 0;
  margin: 0;
  margin-bottom: 10px;
  color: #6fb750;
}
.green-tip-container .green-tip-label i {
  margin: 0;
}
.green-tip-container .green-tip-label {
  font-weight: 600;
  font-size: 15px;
}
.green-tip-container .short-article p {
  font-size: 16px;
}
.measure-main-container .measure-container .short-articles {
  margin-top: 20px;
}
.complete-measure .answers-column {
  margin-left: 10px;
}
.notes-container a {
  font-size: 13px;
}
.notes-container .remove-notes {
  color: #999999;
  float: right;
}
.answers-column .application-content-titles {
  margin-top: 34px;
}
.green-tip-container .short-articles,
.green-tip-container .short-articles p,
.green-tip-container .short-articles h4 {
  line-height: 19px;
}
.green-tip-container .short-articles h4 {
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 0;
}
.notes-container .add-notice-popup {
  font-size: 16px;
}
/*.slim-shadow{*/
/*height: 10px;*/
/*bottom: 17px;*/
/*position: relative;*/
/*!*background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3) 100%);*!*/
/*background: linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(248,248,248,0.3) 100%);*/
/*}*/
.slim-shadow-bigger,
.slim-shadow {
  /*height: 10px;*/
  /*bottom: 30px;*/
  /*position: relative;*/
  /*background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3) 100%);*/
  /*background: linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(248,248,248,0.3) 100%);*/
  height: 100px;
  bottom: 100px;
  position: absolute;
  top: 0;
  /*bottom: 0;*/
  left: 0;
  right: 0;
  /* background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3) 100%); */
  /*background: linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(248,248,248,0.3) 100%);*/
  background: linear-gradient(
    0deg,
    rgba(248, 248, 248, 1) 0%,
    rgba(248, 248, 248, 0.3) 30%
  );
}

/**
  Helpers CSS
 */
.w-full {
  width: 100% !important;
}
.bg-dark-gray {
  background-color: #4D4D4D;
}
.text-dark-gray {
  color: #4D4D4D;
}
.input-gray-radius {
  background: #F0F0F0;
  opacity: 0.85;
  border: 1px solid #F2F2F2;
  border-radius: 20px;
}
.textarea-gray-radius {
  border: 1px solid #F2F2F2;
  box-sizing: border-box;
  background: #F0F0F0;
  border-radius: 20px;
  color: #666666;
  padding: 1em;
  overflow-y: auto;
}
.bg-white {
  background-color: #ffffff;
}
.lowercase {
  text-transform: lowercase !important;
}
.capitalize {
  text-transform: capitalize !important;
}
.pb-10 {
  padding-bottom: 10px;
}
.pr-16 {
  padding-right: 16px !important;
}
.pl-16 {
  padding-left: 16px;
}
.br {
  border-right: 1px solid #ccc;
}
.px-1-3 {
  padding: 0 1em 0 3em
}
.p-10 {
  padding: 10px;
  box-sizing: border-box;
}
.m-0 {
  margin: 0;
}
.mr-1 {
  margin-right: 1em;
}
.ml-2 {
  margin-left: 2em;
}
.mt-2 {
  margin-top: 2em !important;
}
.mx-1 {
  margin-left: 1em;
  margin-right: 2em;
}
.mr-3 {
  margin-right: 3em;
}
.display-inline {
  display: inline-block;
}
.color-gray-light {
  color: #999999;
}
.spreader-bar {
  width: 1px;
  height: 30px;
  background-color: #C9CDC5;
}
.tier-h3 {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 17px;
  line-height: 20px;
}
.content-select-inline-flex {
  display: inline-flex !important;
  padding: 0 0 0 2em;
  align-items: center;
  border: 2px solid #999999;
  border-radius: 25px;
}
.content-select-inline-flex .label-select {
  height: 42px;
  display: flex;
  align-items: center;
  border-right: 2px solid #999999;
}
.content-select-inline-flex .p-label,
.content-select-inline-flex select
{
  margin: 0;
  text-transform: capitalize;
  color: #409658;
  font-size: 15px;
  line-height: 19px;
  font-weight: 500;
  letter-spacing: 1px;
  font-family: "Montserrat", sans-serif;
  padding-right: 10px;
}
.content-select-inline-flex .p-label {
  color: #4D4D4D;
  font-weight: bold;
}
.content-select-inline-flex select {
  border: none;
  box-shadow: none;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  padding: 0 5px 0 10px;
  width: max-content;
  display: inline-block;
}
.flex {
  display: flex !important;
}
.flex-direction-row {
  flex-direction: row
}
.flex-direction-column {
  flex-direction: column;
}
.filter-menu.flex li a {
  padding: 15px 20px;
  float: none;
  display: block;
  border-bottom: none;
}

.tiers-menu .left-column-block {
  padding: 0 !important;
  height: fit-content;
  float: none;
  position: initial;
}
.content-btn-save-and-landing {
  padding: 1em 0;
  display: flex;
  position: relative;
  justify-content: end;
  align-items: center;
}
.content-btn-save-and-landing:before {
  content: "";
  background-color: #4D4D4D;
  position: absolute;
  height: 2px;
  width: 100%;
  z-index: 0;
  top: calc(55% - 2px);
}
.mr-100 {
  margin-right: 100px;
}
.relative {
  position: relative
}
.mr-100.border-after:after {
  content: "";
  position: absolute;
  right: -50px;
  width: 2px;
  height: 70%;
  top: 15%;
  background-color: #999;
}
.button-save-tier {
  background-color: transparent;
  border:none;
  font-size: 1.5em;
  text-transform: capitalize !important;
  display: inline-flex;
  align-items: center;
}
.svg-circle-green {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: white;
  margin-left: 10px;
}
.btn-landing-link{
  padding: 11px 20px;
  border-radius: 25px;
  text-transform: capitalize !important;
  font-weight: bold;
  font-size: 16px;
  border: none;
  justify-content: center;
  display: flex;
}

.bg-999 {
  background-color: #999999;
}
.border-999 {
  border: 2px solid #999999;
}
.btn-circle-giant {
  width: 88px;
  height: 88px;
  display: inline-flex;
  margin-top: 0;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: white;
  font-size: 11px;
  border-radius: 50%;
  box-sizing: border-box;
}
.text-a {
  font-size: 19px;
  margin-left: 5px;
}
.btn-circle-giant span {
  font-size: 30px;
  margin-bottom: 6px;
}
.color-999 {
  color: #999999 !important;
  font-weight: bold;
}
.box-shadow {
  box-shadow: 0px 0px 6px #ccc;
}
.icon-move {
  width: 16px;
  height: 16px;
  position: relative;
  display: block;
}
.icon-move:after, .icon-move:before  {
  content:"";
  width: 16px;
  height: 3px;
  background-color: #A09C91;
  position: absolute;

}
.icon-move:after {
  top: 40%
}

.icon-move:before {
  bottom: 0%;
}
.content-label-bg-color {
  width: 30px;
  height: 30px;
  display: inline-block;
  padding: 3px;
  box-sizing: content-box;
  border: 2px solid transparent;
  cursor: pointer;
  border-radius: 50%;
}
.label-bg-color {
  cursor: pointer;
  border: 1px solid #ccc;
  width: 30px;
  height: 30px;
  display: block;
  border-radius: 50%;
}
.content-label-bg-color.checked, .content-label-bg-color:hover {
  border: 2px solid #3D8745;
}
.content-gallery {
  position: relative;
}
.arrow {
  display: inline-block;
  width: 30px;
  position: absolute;
  top: 35%;
  cursor: pointer;
}
.arrow.prev {
  left: 0;
}
.arrow.next {
  right: 0;
}
.block {
  display: block !important;
}
.none {
  display: none !important;
}
.label-svg-input {
  cursor: pointer;
  padding: 0 !important;
  background-color: #EEEEEE;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2em;
  width: 142px;
  height: 137px;
}

.label-svg-input:hover, .label-svg-input.checked {
  box-shadow:
          0 3px #fff, 3px 0 #fff, 0 -3px #fff, -3px 0 #fff,
          0 5px #00aa00, 5px 0 #00aa00, 0 -5px #00aa00, -5px 0 #00aa00;
}
.label-svg-input svg {
  width: 50px;
  color: #343A3F;
}
.btn-circle-giant svg {
  width: 50px;
  color: #fff;
}
.content-select-tier-position {
  width: max-content;
  margin-top: 6px;
}
.content-select-tier-position > div {
  padding-left: 6px;
}
.content-select-tier-position select {
  border-radius: 25px;
  padding: 6px 25px;
  width: 98px;
  text-align: center;
}
.column-add-btn {
  text-align: right;
  padding: 0;
  display: inline-flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.column-add-btn p {
  font-size: 15px;
  font-weight: 300;
}
.btn-circle-green {
  display: inline-flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  margin-left: 10px;
}
.content-tittle {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.content-tittle > .p-10:nth-child(1) {
  width: 97%;
}

.radius-10 {
  border-radius: 10px !important;
}
.border-1-ccc {
  border: 1px solid #ccc;
}
.justify-center {
  justify-content: center;
}
.align-item-center {
  align-items: center;
}
.modal-content {
  border-radius: 40px;
}
.field-relprogramtotieropt-position {
  display: flex;
  align-items: center;
  border-radius: 25px;
  border: 2px solid #999999;
  width: fit-content;
  overflow: hidden;
  margin-top: 30px;

}
label[for='relprogramtotieropt-position'] {
  display: flex;
  height: 40px;
  align-items: center;
  padding: 10px;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  box-sizing: inherit;
  border-right: 2px solid #999999;
  margin-bottom: 0;
  color: #999999;
  text-transform: capitalize;
}
#container-opt-in {
  margin-bottom: 2em;
}
#container-opt-in .p-label {
  margin: 0;
}
#container-opt-in .switch-control {
  border-color: transparent;
  height: 40px;
  width: 62px !important;
}
#container-opt-in .switch-control-point {
  height: 33px;
  width: 31px;
}
#container-opt-in .field-relprogramtotieropt-opt_in {
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  border-radius: 25px;
  border: 2px solid #999999;
}
#relprogramtotieropt-position {
  width: fit-content;
  padding: 0 2.5em 0 1em;
  background-position: 81% 50% !important;
  margin: 0;
  height: 40px;
  box-sizing: revert;
  font-size: 15px;
  line-height: 19px;
  font-weight: 600;
  border: none;
  box-shadow: none;
  border-radius: 0;
  color: #999999;
}
.tooltip-custom {
  width: 202px;
  background-color: #999;
  padding: 1em;
  text-align: center;
  border-radius: 38px;
  height: 118px;
  font-size: 13px;
  position: absolute;
  right: -38px;
  top: -120px;
  display: none;
}
.tooltip-custom:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #999999 transparent transparent transparent;
  position: absolute;
  bottom: -20px;
  right: 40px;
}

.tooltip-custom p {
  font-size: 16px;
  line-height: 16px;
  color: #F8F8F8;
}

.open-tooltip:hover + .tooltip-custom {
  display: block;
}

#toast {
  display: block;
  position: fixed;
  z-index:100;
  width: 100vw;
  height: 35px;
  left: 0;
  top: -35px;
  padding: .5em;
}
#toast.success-toast {
  background-color: #F1D283;
  color: #4D4D4D;
}

#toast.error-toast {
  background-color: #B75050;
  color: white;
}
#toast .toast--content{
  display: flex;
  justify-content: center;
  align-items: baseline;
}
#toast .toast--content__title {
  font-size: 17px;
  font-weight: bold;
  margin-right: 5px;
}
#toast .toast--content__paragraph {
  font-size: 15px;
  line-height: 17px;
  font-weight: normal;
}
#dashboard-business div[class*="col"] {
  padding-right: 5px !important;
  padding-left: 5px !important;
}
.content-business-title {
  background-color: #f8f8f8;
  display: flex;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.content-business-title div {
  padding: 1em;
}
.content-business-title .name-title {
  width: 85%;
  border-right: 1px solid white;
}
.name-title p{
  font-size: 17px;
}
.name-title p svg {
  margin-right: 10px;
}
.content-business-title .action-section {
  border-left: 1px solid white;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15%;
}
.content-information-business,
.content-information-overview,
.content-contact-information,
.content-information-tiers,
.content-records
{
  background-color: #f8f8f8;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 2px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  word-break: break-all;
  min-height: 350px;
}
.content-information-business > div {
  width: 50%;
}
.content-logo, .content-type {
  padding-left: 1em;
  padding-top: 1em;
}
.content-name {
  display: flex;
  align-items: center;
}
.content-name p {
  font-family: 'Lato', serif;
  color: #409658;
  text-transform: capitalize !important;
  font-weight: bold;
  font-size: 17px !important;
  word-break: break-word;
}
.content-info {
  padding-top: 1em;
}
.content-contact {
  padding: 0 1em;
}
.title-green {
  font-family: 'Lato', serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  color: #409658;
  margin-top: 1em;
  margin-bottom: .5em;
}
.title-gray {
  font-family: 'Lato', serif;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 16px;
  color: #4D4D4D;
  margin-top: 1em;
  margin-bottom: .5em;
}
.content-type .company-status p,
.content-info .company-status p {
  color: #4d4d4d !important;
  font-family: 'Lato', serif;
  text-transform: capitalize !important;
  font-size: 16px !important;
}
.content-contact a {
  font-size: 16px !important;
  font-family: 'Lato', serif;
  font-weight: 400;
}
.content-contact a .lite-green {
  font-family: 'Lato', serif;
  color: #4d4d4d !important;
}

.content-contact .name-popup-link {
  font-family: 'Lato', serif;
  font-weight: bold;
}
.content-tiers {
  width: 100%;
  padding: 0 1em;
}
.content-tiers-items-item {
  width: 100%;
  padding: .5em 1em;
  font-size: 16px;
  border-bottom: 1px solid #999999;
}
.tier-item-name {
  width: 50%;
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #999999;
}
.tier-item-status {
  display: flex;
  align-items: center;
  color: #999999;
  font-weight: 400;
  font-size: 16px;
}
.tier-item-status.yellow-active
{
  color: #DFA000;
}
.tier-item-name.gray-active a,
.content-current-tier-name p
{
  color: #4D4D4D;
  font-weight: 600;
  font-size: 16px;
}
.content-current-measure {
  font-family: 'Lato',serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 16px;
  text-transform: capitalize;
  color: #4D4D4D;
}
.list-name-benefit {
  font-family: 'Lato',serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #4D4D4D;
  display: flex;
}
.content-current-measure p {
  font-size: 16px;
}
.content-overview {
  width: 100%;
  padding: 0 1em;
}
.benefits .list-name-benefi {
  font-family: 'Lato',serif;
  font-size: 15px;
  display: flex;
  align-items: center;
}
.circle-list {
  width:5px;
  height: 5px;
  border-radius: 50%;
  background-color: #4D4D4DD9;
  display: inline-flex;
  margin-right: 10px;
}
.content-records,
.content-comunications
{
  padding: 1em;
}
.content-records > div  {
  width: 100%;
}

/* New Styles */
.nav .open > a,
.nav > .dropdown:has(.dropdown-menu > li.active) > a.dropdown-toggle {
  border-bottom: 2px solid white!important;
}

/* Quill Library - Package */
div.ql-toolbar.ql-snow {
  background-color: #5cb85c!important;
}
div.ql-editor {
  background-color: white!important;
}
div.ql-editor p {
  font-family: "Lato", sans-serif!important;
  font-size: 14px!important;
  line-height: 1.42em!important;
}