/*------------------------------------------------------------------
[White Theme Page Stylesheet]

Project:  Edumix Foundation Dashboard Template
Version:  1.2
Last change:  11/03/2014 [fixed Float bug, vf]
Author: matirasa
-------------------------------------------------------------------*/
body {
  background: #e0e0e0;  /* f5f5f5 url('/img/body_background.png') repeat-y left top; */
  color: #222 !important;
}
.box .box-body {
  color: #222;
}

.dashboard-panel-row {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
.dashboard-panel-row:first-child {
  margin-top: 0;
}
.dashboard-managing-info {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  margin-left: 0.9735rem;
}

.row .row.nested-row {
  margin-left: inherit;
  margin-right: inherit;
}

/*
 * Start: Fix for boxes not in .row .columns
 *
 * This can be removed when all content has
 * been changed into .row .column structures.
 */

#container > .box,
#container > .legacy > .box {
  position: relative;
  margin-left: 0.9375rem !important;
  margin-right: 0.9375rem !important;
  width: -moz-calc(100% - 1.875rem);
  width: -webkit-calc(100% - 1.875rem);
  width: -o-calc(100% - 1.875rem);
  width: calc(100% - 1.875rem);
  float: left;
}
#container > .box:first-of-type,
#container > .legacy > .box:first-of-type {
  margin-top: 0 !important;
}

/* End: Fix for boxes not in .row .columns */

.padding0 {
  padding: 0 !important;
}
.margin0 {
  margin: 0 !important;
}
.profile {
  background: #d9d9d9;
}

.edumix-alert-noft {
  background: #fff;
  border: 2px solid #F20556;
  color: #666 !important;
  height: 30px;
  width: 30px;
  line-height: 19px;
  font-weight: bold !important;
  text-align: center !important;
  border-radius: 50%;
}


.profile img {
  width: auto !important;
  height: auto !important;
  max-width: 225px !important;
  max-height: 80px !important;
  float: left;
  opacity: 0.9;
  position: relative;
  /*top: 10px;*/
  /*margin-left: 13px;*/
  margin-left: 0 auto;
  background: none;
  border-radius: 0;
  padding: 7px;
  top: 0 !important;
  left: 0 !important;
}


.myphoto {
  max-width: 50px;
  max-height: 50px;
}
.profile-small {
  background: #d9d9d9;
  width: 100%;
  position: relative;
  left: 0;
  height: 80px;
  font-size: 13px;
  margin: 0;
  padding: 0;
  z-index: 99;
}
.profile-small img {
  max-width: 40px;
  max-height: 40px;
  /*float: left;*/
  /*opacity: 0.9;*/
  position: relative;
  top: 22px;
  margin-left: 0px;
  /*background: #92cd18;*/
  /*border-radius: 50%;*/
  /*padding: 7px;*/
}

.profile span {
  color: #444;
}
.profile h3 {
  color: #444;
  margin: 0;
  font-size: initial;
  top: 10px;
  left: 0;
}
.profile img {
  /*background: #444;*/
  /*border-radius: 50%;*/
  /*padding: 7px;*/
}
h6.label.round {
  font-size: initial;
  line-height: initial;
  width: 100%;
}
.divheader a {
  color: white !important;
}

.box {
  margin-top: 24px;
}
/*.box .box-header a {
  color: white;
}
*//*table .box .box-header a {
  color: #444;
}
*/
.edumix-noft.interact-purple {
  border: 2px solid #663A80 !important; /* complyworks purple */
}
.edumix-alert-noft.cw-red {
  border: 2px solid #B5121B !important; /* complyworks red */
}
.input-top{
  background: #fff!important;
  border:1px solid #eee!important;
}
.dark:before{
  top: 13px;
}
.skin-part h3 small {
  color: #ccc;
  border: 2px solid #ccc;
}
.skin-part h4 {
  font-size: 1em;
  margin: 0 !important;
}
#skin-select li h4 i,
.skin-part h4 i {
  font-size: 1.3333em !important;
  top: auto !important;
  left: auto !important;
}

#skin-select #toggle, #skin-select #toggle.active, #skin-select #toggle:hover, #skin-select #toggle.active:hover {
  background: #e0e0e0 !important; /*#efefef*/
  color: #444 !important;
  border-top: 1px solid #ffffff; /*444*/
  border-bottom: 1px solid #ffffff; /*444*/
  border-right: 1px solid #ffffff; /*444*/
}
#skin-select {
  background: #e0e0e0!important; /* efefef */
}
#skin-select li img {
  left: -5px;
  position: relative;
  width: 30px !important;
  min-width: 30px !important;
  top: 3px !important;
  display: inline-block;
  height: 30px;
  text-align: center;
  padding: 0 !important;
  border-radius: 100%;
}

#skin-select li i {
  font-size: 20px;
}
#skin-select li span {
  color: #444 !important;
}
#skin-select li b {
  color: #eee;
}
ul.topnav ul {
  background: #ccc !important;
}
#paper-bg {
  background: #f5f5f5;
  z-index: auto;
}
.left-sidebar-collapsed #paper-bg {
  z-index: 0;
}
.breadcrumbs {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  height: 50px;
}
#menu-showhide {
  margin-top: 0;
}
#menu-select {
  background: #e0e0e0; /*efefef*/
  border-bottom: 1px solid #ffffff; /*444*/
  border-top: 1px solid #ffffff; /*444*/
}
.bottom-list-menu {
  border-top-color: #e0e0e0 !important;
}
ul.topnav li a, .bottom-list-menu li {
  color: #444!important;
  padding-left: 16px; /* new */
}
ul.topnav li a:hover,
ul.topnav li.active a {
  background-color: #ccc;
  color: #444!important;
}

ul.topnav ul {
  padding: 0 !important;
}
ul.topnav ul li a,
ul.slicknav_nav ul li a {
  padding-right: 5px;
  height: initial;
  min-height: 50px;
  text-transform: initial;
}
ul.topnav ul li a.hasChildren, ul.slicknav_nav ul li a.hasChildren {
  font-weight: bold !important;
}
ul.topnav ul li a:hover,
ul.topnav ul li.active a,
.slicknav_nav ul li a:hover {
  position: relative;
  color: #3488F0 !important;
}
ul.topnav li.active a {
  position: relative;
}
ul.topnav li a:hover:before,
ul.topnav li.active a::before,
ul.topnav ul li.active a:before,
ul.topnav ul li a:hover:before {
  background: #3488F0;
  width: 5px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
ul.topnav li h4 {
  /*display: none !important;*/
}
.top-bar .name h1 span {
  background: #f1f1f1;
  color: #444;
}
ul.topnav ul:after {
  left: -10px;
  border-color: transparent #fff;
}
#menuwrapper ul li:hover ul,
#menuwrapper ul li.iehover ul {
  background: #e0e0e0; /*efefef*/
  margin: 0 0 0 1px;
  width: 250px; /* 190px;  fix subnav menu items from wrapping */
}
#menuwrapper ul li:hover ul li ul,
#menuwrapper ul li.iehover ul li ul{
  background: #e0e0e0; /*efefef*/
  margin: 0 0 0 100px;
  width: 250px; /* 190px;  fix subnav menu items from wrapping */
}
#menuwrapper ul li ul li a {
  width: 250px; /* 210px;  fix subnav menu items from wrapping */
}
#menuwrapper ul li ul li ul li a {
  width: 250px; /* 210px;  fix subnav menu items from wrapping */
}
.off-canvas-list .divider,
.side-bar .divider {
    background-color: #333;
    width: 100%;
    height: 1px;
}

/* SLICKNAV */
.slicknav_menu  {
  background-color: #fff;
  font-size: 16px;
  padding: .25rem;
}
.slicknav_nav li {
  border-top: 2px solid #fcfcfc;
}
.slicknav_brand  {
  margin: .25rem;
}

.slicknav_brand img {
  max-width: 150px;
  max-height: 45px;
}
.slicknav_menu .slicknav_icon {
  margin: 1.5rem 0 0 1rem;
  margin: 0;
  margin: .375em .5em 0 0;
}

.slicknav_nav .slicknav_arrow {
  font-size: 1.125em;
  float: none;
  margin-left: 0;
}

.slicknav_nav a {
  color: #454545 !important;
  font-size: 18px;
  padding-left: 1rem;
}
.slicknav_nav a i {
  font-size: 24px;
}
/*.slicknav_nav .side-menu-noft {*/
.slicknav_nav a span small {
  font-size: 14px;
  line-height: 18px;
  line-height: inherit;
  /*top: -6px !important;*/
}

/* RIGHT NAV */

.right-off-canvas-menu {
  background: #181D27;
}


.slicknav_nav a:hover {
  /*background: rgba(0, 0, 0, 0.1);*/
  background: transparent;
  /*color: #fff;*/
  /*color: #1368f5 !important;*/
  color: #448BD9 !important;
}

.side-menu-noft {
  position: static;
  white-space: nowrap;
}
.slicknav_menu .slicknav_icon-bar {
 background-color: #777;
 height: 0.125em;
}

.slicknav_menu .slicknav_menutxt,
.slicknav_btn {
  color: rgba(0, 0, 0, 0.5);
}
.slicknav_btn {
  left: initial !important;
  padding: 0.5rem 0;
  width: 100%;
}
a.slicknav_btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.slicknav_btn:not(.slicknav_open) span.slicknav_close {
  display: none;
}

.slicknav_btn.slicknav_open span.slicknav_close {
  /*display: block;*/
  float: right;
  margin-right: 15px;
  line-height: 25px;
}


.top-bar-nest {
  border-bottom: 1px solid #ffffff;
  margin-left: 0;
}

.top-bar-section ul.logo {
  margin: -.375rem 2rem 0 -2rem;
}
.top-bar-section ul.logo img {
  max-width: 225px;
  max-height: 60px;
}

.top-bar-section li.logo:not(.has-form) a:not(.button),
.top-bar-section ul li.logo a {
  padding: 0;
}

.top-bar-section .dropdown li.title h5 {
  font-size: 18px; /*inherit;*/
}

.top-bar-section ul li h5 {
  /*max-width: 350px;*/
}

.dropdown-nest li.parent-link {
  line-height: 45px;
}
.dropdown-nest li.parent-link span.label {
  margin-right: 15px;
}
.dropdown-nest li.parent-link i { /*back button on mobile nav (alerts, interact, help)*/
  margin: 0px 15px;
  font-size: 1em;
  line-height: 45px !important;
}
.upgradeRenew i.heading,
.helpSupport i.heading { /*back button on mobile nav (alerts, interact, help)*/
/*  font-size: 2.625em;
  margin-top: 2px;
*/
}
.helpSupport.moved .dropdown-nest li.parent-link i { /*back button on mobile nav (alerts, interact, help)*/
  /*font-size: 1.5em;*/
}

.dropdown-nest li h5 a i { /*back button on mobile nav (alerts, interact, help)*/
  line-height: 35px !important;
  margin: -2px 0 0 0;
}

.helpSupport:not(.moved) a:not(.close) {
  /*padding-top: 5px !important;*/
}

.moved li {
  border-top: 1px solid #efefef;
}

ul.off-canvas-list li h6 a {
  padding: 0;
  font-size: 16px;
  color: white;
}

ul.off-canvas-list li h6 a:hover {
  background-color: inherit;
}
.top-bar-section ul {
  width: auto;
}
.top-bar-section ul li {
  /*display: inline;*/
  float: left;
}
.top-bar-section li:not(.has-form) a:not(.button) span.title {
  font-size: 1rem;
}

@media only screen and (min-width: 70.063em) {
  .top-bar-section li:not(.has-form) a:not(.button) span.title {
    display:none;
    font-size: 16px;
  }
}

.top-bar-section ul li > a {
  width: auto;
}
.dropdown-nest li > a {
  font-size: 1.125rem;
}
.dropdown-nest li > a i {
  font-size: 1.5rem;
  margin-left: 0;
}
.has-dropdown.moved .dropdown-nest {
  padding-top: 0 !important;
}
.has-dropdown.moved li.title.back.js-generated a,
.has-dropdown.moved li.parent-link.js-generated,
.has-dropdown.moved li a.parent-link.js-generated {
  height: 45px;
  line-height: 35px !important;
}

.dropdown-nest li a.js-generated span {
  font-size: 11px;
  float: left;
  font-weight: 100;
}
.dropdown-nest li a.js-generated i {
  line-height: 13px;
}
li.has-dropdown.moved .dropdown-nest li a.js-generated span.title {
  display: inline;
  line-height: 30px;
  margin-left: 10px;
  font-size: 18px;
}
.top-bar-section li.has-dropdown:not(.moved) a:not(.button) span.title {
  display: none !important;
  /*margin-top: 10px;*/
}

.top-dropdown-nest.bg-cw-red:after,
.top-dropdown-nest.bg-blue:after,
.top-dropdown-nest.bg-interact-purple:after {
  left: auto;
  right: 5px;
  content: none;
}
.top-dropdown-nest.bg-interact-purple:after {
  border-color: #b5121b transparent;
}
.top-dropdown-nest.bg-blue:after {
  border-color: #5c9df5 transparent;
}
.top-dropdown-nest.bg-interact-purple:after {
  border-color: #663a80 transparent;
}

/*@media screen and (max-width: 70em) {*/
@media screen and (max-width: 64em) {
  .top-bar-nest {
    border-bottom: none !important;
  }
  .top-bar-section ul li.logo {
    display: none;
  }
  .interact:not(.moved) a:not(.close) {
/*    padding-top: 8px !important;
    padding-bottom: 8px !important;
*/  }
  .helpSupport:not(.moved) a:not(.close) {
/*    padding-top: 6px !important;
    padding-bottom: 8px !important;
*/  }

}


/*@media only screen and (min-width: 70em) {*/
@media only screen and (min-width: 64em) {
  .dropdown-nest li a.close {
    height: 49px !important;
    margin-right: -20px;
    padding-right: 7px;
  }
  .dropdown-nest li a.close i {
    margin: 0 !important;
    line-height: 49px;
  }

  .top-bar-section li.active:not(.has-form) a:not(.button):hover,
  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {
    background: #e0e0e0 !important;  /*efefef*/ /*rgba(0, 0, 0, 0.1) !important;*/
  }
  .top-bar-section .blue li:not(.has-form) a:not(.button):hover,
  .top-bar-section .dropdown.blue li:not(.has-form):not(.active) > a:not(.button):hover {
    background: #EFF5FE !important;
  }
  .top-bar-section .blue li:not(.has-form) a:not(.button) i {
    margin-left: 0;
  }
  .top-bar-section .blue li:not(.has-form),
  .top-bar-section .blue li:not(.has-form) a {
/*    height: 40px;
    line-height: 40px;
*/  }

  .top-bar-section .blue li a.close,
  .top-bar-section .dropdown.blue li:not(.has-form):not(.active) > a.close:not(.button):hover
  {
    background: #5C9DF5 !important;
    padding-right: 7px;
  }
  .top-bar-section .red li:not(.has-form) a:not(.button):hover,
  .top-bar-section .dropdown.red li:not(.has-form):not(.active) > a:not(.button):hover {
    background: #FEE6EE !important;
  }
  .top-bar-section .red li a.close,
  .top-bar-section .dropdown.red li:not(.has-form):not(.active) > a.close:not(.button):hover
  {
    background: #B5121B !important;
    padding-right: 7px;
  }

  .top-bar-section .purple li:not(.has-form) a:not(.button):hover,
  .top-bar-section .dropdown.purple li:not(.has-form):not(.active) > a:not(.button):hover {
    background: #F0E6FA !important;
  }
  .top-bar-section .purple li a.close,
  .top-bar-section .dropdown.purple li:not(.has-form):not(.active) > a.close:not(.button):hover
  {
    background: #663A80 !important;
    padding-right: 7px;
  }
}

.footer a {
  margin: 0 4px;
  padding: 4px 8px;
  display: inline-block;
}

button, .button {
  /*background-color: #008cba;*/
  /*background-color: #1368f5;*/
  /*border-color: #115ddc;*/
  /*background-color: #2f6b97;*/
  /*border-color: #2a6087;*/
  /*background-color: #7299BE;*/
  background-color: #448BD9;
  border-color: #6689ab;
  background-image: none;
  color: white !important;
}
button:hover, button:focus, .button:hover, .button:focus {
  /*background-color: #007095;*/
  /*background-color: #0f53c4;*/
  /*border-color: #0d4ab0;*/
  /*background-color: #5B7A98;*/
  background-color: #366fad;
  border-color: #516d88;
}

/* Fix for TinyMCE */
.tox .tox-mbtn {
  color: #222f3e !important;
}

a {
  /*color: #1368f5;*/
  /*color: #7299BE;*/
  color: #448BD9;
}
a:hover, a:focus {
  /*color: #0b3e93;*/
  /*color: #5B7A98;*/
  color: #366fad;

}
a.badge {
   position: relative;
}
/*a.badge[data-badge]:after {*/
a.badge:after {
   /*content: attr(data-badge);*/
   content: ''; /*attr(data-badge);*/
   position: absolute;
   top: -1rem;
   left: -.25rem;
   font-size: .7em;
   background: red;
   color: white;
   width: .875rem;
   height: .875rem;
   text-align: center;
   line-height: 1.125rem;
   border-radius: 50%;
   /*box-shadow: 0 0 1px #333;*/
}

.summary-border-left {
  padding-left: 1rem;
}


  .workforceCompliance li
  {
    margin-bottom: 5px;
  }
  .workforceCompliance li a
  {
    padding-left: 5px;
  }
  .workforceCompliance a.red
  {
    border-left: 5px solid #B5121B;
    color: #B5121B;
    display: block;
  }
  .workforceCompliance a.green
  {
    border-left: 5px solid #3d9970;
    color: #3d9970;
    display: block;
  }
  .workforceCompliance a.red:hover
  {
    background-color: #F0D0D1;
    // color: white;
  }
  .workforceCompliance a.green:hover
  {
    background-color: #D8EBE2;
    // color: white;
  }

  .box-body > ul > li > a
  {
    display: block;
    /* padding: 5px 0; */
    padding: 5px;
  }
  .box-body > ul > li > a > i.fa-li
  {
    padding-top: 6px;
  }
  .box-body > ul > li > a:hover
  {
    background-color: #efefef;
  }
  .box-body ul.tabs > li.tab-title > a {
    padding: .5rem 1rem;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    margin-right: 1px;
  }

  .box-body ul.tabs > li.tab-title.active > a {
    background-color: #3488F0;
    color: white;
  }
  .box-body ul.tabs > li.tab-title.dis_noclick > a {
    color: #ccc;
  }
  .box-body ul.tabs > li.tab-title.dis_noclick > a:hover {
    background: #efefef;
    cursor: default;
  }
  .box-body ul.tabs > li.tab-title.active > a:focus {
    border: none;
  }

  .box-body a.action-item
  {
    display: block;
    padding: 5px;
  }
  .box-body a.action-item > i.fa-li
  {
    padding-top: 6px;
  }
  .box-body a.action-item:hover
  {
    background-color: #efefef;
  }

.button {
  margin-right: 0;
}

.button-group > li > .button {
  border-color: rgba(255, 255, 255, 0.5);
  padding: 0.5rem 1rem 0.5rem 1rem;
}

button.tiny, .button.tiny {
  font-size: 12px !important; }

button.mini, .button.mini {
  font-size: 12px !important;
  padding: 0.3125rem 0.5rem;
  /*font-size: 0.6875rem}*/
}

.button.bg-black {
  color: #ffffff !important;
}
.button.bg-black.active {
  color: #fff !important; } /* #ff0 */
  /*  color: #92CD18 !important; } green */

.contact {
  line-height: 36px;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  margin-bottom: 4px;
  cursor: pointer;
}

.contact label {
  display: inline-block;
  width: 40px;
  text-align: center;
}

.contact img {
   border-radius: 50%;
   max-height: 30px;
   max-width: 30px;
}
.contact img.generic {
   opacity: 0.3;
   filter: alpha(opacity=30);
}

/*
#contacts {
  float: left;
  width: 90%;
}
#contactsJump {
  float: right;
  width: 16px;
  text-align: center;
  margin-top: 2px;
}
*/
#contactsJump {
  margin-top: -4px;
}
#contactsJump a {
  display: block;
  text-align: center;
}
@media only screen and (max-width: 23em){
  #contactsJump a {
    font-size: 11px;
  }
}
#contactsJump.fixedRight {
  position: fixed !important;
  float: none;
  top: 0px;
  right: 8px;
  margin-top: 0;
}


/*
@media only screen and (min-width: 64em){
  #contacts {
    width: 94%;
  }
  #contactsJump {
    width: 4%;
  }
}
@media only screen and (min-width: 40em) and (max-width: 64em) {
  #contacts {
    width: 90%;
  }
  #contactsJump {
    width: 8%;
  }
}
@media only screen and (max-width: 40em) {
  #contacts {
    width: 86%;
  }
  #contactsJump {
    width: 12%;
  }
}
*/

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

.contactDetail .actions a {
  margin: 6px;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"] {
  font-size: 1rem;
}

textarea {
  font-size: 1rem;
}

.addButton {
  text-align: center;
  position: fixed;
  bottom: 16px;
  left: 10px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  z-index: 1001;
}

.addButton a {
  display: block;
  border-radius: 50%;
  box-shadow: 0 0 6px gray;
  overflow: hidden;
  background-color: #888;
  color: white;
}

.left-sidebar-expanded .addButton {
  left: 220px;
}

@media only screen and (max-width: 70.063em){
  .left-sidebar-expanded .addButton {
    left: 10px;
  }
}

.addContact.reveal-modal .close-reveal-modal {
  /*right: 1rem !important;*/
  font-size: 30px !important;
}

@media only screen and (max-width: 70.063em){
  .top-bar-section  ul.hide-for-medium-down {
    display: none !important;
  }
}


.cv.actions a.circle {
  font-size: 26px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: #e0e0e0;
  margin-bottom: 0;
}
.cv.actions a.circle.active {
  background-color: #FF0000;
}
.cv.actions a.circle i {
  margin-top: 6px;
}

.filter { position: relative; }
.filter input { text-indent: 20px;}
.filter .fa-filter {
  position: absolute;
  top: 12px;
  left: 7px;
  font-size: 16px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  top: initial !important;
}

/* CMR this change may effect many other items for button sizes and such!!!! */
.dataTables_filter input /* , td input*/ {
  margin: 0 !important;
  padding: 4px !important;
  height: initial !important;
}

/* Stop option text from overlapping select arrow. */
select {
  padding-right: 1.5rem;
}

select:not(.prefixed) {
  padding: 0.25rem;
  padding-right: 1.5rem;
  height: initial;
}

ul.pagination li {
  height: initial;
}

ul.pagination li.current a {
  background: #3488F0;
}

ul.pagination li.current a:hover {
  background: #3488F0;
}

ul.pagination li.current a:focus {
  background: #3488F0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  /*padding:0.5em 1em;*/
  padding: .25em .5em;
}

.sub-nav {
  padding: 0.25rem 0;
}

.sub-nav dd a:hover {
  background-color: #777;
}

.box .box-header {
  border-bottom: 1px solid #eee;
  padding: 0 20px;
}

.box .box-header .box-title {
  margin: 0;
}
.box .box-header .box-title span {
  font-size: 1.375rem;
  font-family: "Noto Sans", sans-serif;
  color: #333;
  position: static;
  top: initial;
  left: initial;
}
.box .box-header .box-title i {
  font-size: 1.375rem;
  margin: 0;
  cursor: initial;
  color: #333;
  margin-top: -4px;

}
.box .box-header > .box-tools {
  padding: 8px 0 0 8px;
}

/*

  .box .box-header .box-title2 {
    margin: 0 1rem;
  }
  .box .box-header .box-title i
  {
    padding-top: .125rem;
  }
  .box .box-header
  {
    // padding-right: 50px;
    border-bottom: 1px solid #efefef;
  }
  .box .box-header .box-title i,
  .box .box-header .box-title span
  {
    font-size: 1.25rem;
    color: #333;
  }
  .box-tools span
  {
    color: #333;
  }

  .box-tools span
  {
    color: #333;
    margin-left: -.75rem;
    margin-top: .75rem;
  }
  .box .box-header .box-title i,
  .box .box-header .box-title span,
  .box .box-header .box-title {
    font-size: 1.375rem;
    color: #333;
  }

  .box-header + .box-body {
    padding-top: 0;
  }

  .box-body > .columns {
    padding: 0;
  }

  .box .box-header .box-title {
    margin-left: 0;
  }

  .box .box-header .box-title i {
    margin: 0 .5rem 0 .5rem;
    width: auto;
  }
  .box .box-header .box-title img {
    border-radius: 100%;
    margin-left: .5rem;
    max-width: 2rem;
  }
*/

.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.box .box-title .text-small {
  font-size: 80% !important;
}

.box .box-body .text-small {
  font-size: 80% !important;
}
.box .box-body .text-large {
  font-size: 125% !important;
}
.box .box-body .text-xlarge {
  font-size: 150% !important;
}

.helpSupport ul li > a {
  font-size: 1rem;
}

.dropdown-nest li a.close {
  background-color: transparent !important;
  height: 40px !important;
  line-height: 40px !important;
}

.top-bar-section ul li.has-dropdown.interact > a {
  padding: 8px, 0, 8px, 16px;
}

/* form abide error */
span.error, small.error, .error small.error,
[data-abide] .error small.error, [data-abide] .error span.error,
[data-abide] span.error, [data-abide] small.error {
  background: #f04124; /*#CD3225;*/
}
[data-abide] .error small.error,
[data-abide] .error span.error,
[data-abide] span.error,
[data-abide] small.error {
  margin-top: -16px;
}

/* staff menu stuff */
.right-off-canvas-toggle img {
  max-width: 36px;
}
aside ul.off-canvas-list li h6 {
  background-color: #7F7F7F;
  color: #fff;
  text-align: center;
  padding: 29px 0;
  font-weight: lighter;
  margin-top: 0;
  margin-bottom: 0;
}
aside ul.off-canvas-list li label {
  font-size: 125%;
  background-color: #777;
  color: #fff;
}
aside ul.off-canvas-list li a {
  color: #777;
  padding: 8px 0 8px 20px;
  border-left: 5px solid transparent;
}
aside ul.off-canvas-list li a:hover,
aside ul.off-canvas-list li.active a {
  color: #222;
  background-color: #CCC;
  border-left: 5px solid #3488F0;
}

.top-bar-section .has-dropdown > a:after {
  content: none;
}
.top-bar-section .has-dropdown > a {
  padding-right: .5rem !important;
}
/* end staff menu stuff */


ul.topnav ul ul li a {
  color: #444;
  padding-left: 50px;
  line-height: 16px;
  background: #BBB; /* #c8c8c8; */
  transition: all 0.2s ease 0s;
}
ul.topnav ul ul li a:hover {
  background-color: #BBB; /* #D3CEB8; */
  color: #0C7CBB;
}
button.secondary, .button.secondary  {
  background-color: #BBB;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  background-color: #999;
}

@media only screen {
  .small-half {
  width: 4.16667%;
  }
  .small-11-half {
  width: 95.83333%;
  }
}
@media only screen and (min-width: 40.063em) {
  .medium-half {
    width: 4.16667%;
  }
  .medium-11-half {
    width: 95.83333%;
  }
}
@media only screen and (min-width: 64.063em) {
  .large-half {
    width: 4.16667%;
  }
  .large-11-half {
    width: 95.83333%;
  }
}

@media only screen and (min-width: 90.063em) and (max-width: 120.063em) {
  .column, .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }
  .xlarge-half {
    width: 4.16667%;
  }
  .xlarge-11-half {
    width: 95.83333%;
  }
  .xlarge-1 {
    width: 8.33333%;
  }
  .xlarge-2 {
    width: 16.66667%;
  }
  .xlarge-3 {
    width: 25%;
  }
  .xlarge-4 {
    width: 33.33333%;
  }
  .xlarge-5 {
    width: 41.66667%;
  }
  .xlarge-6 {
    width: 50%;
  }
  .xlarge-7 {
    width: 58.33333%;
  }
  .xlarge-8 {
    width: 66.66667%;
  }
  .xlarge-9 {
    width: 75%;
  }
  .xlarge-10 {
    width: 83.33333%;
  }
  .xlarge-11 {
    width: 91.66667%;
  }
  .xlarge-12 {
    width: 100%;
  }

}
@media only screen and (min-width: 120.063em) {
  .column, .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }
  .xxlarge-half {
    width: 4.16667%;
  }
  .xxlarge-11-half {
    width: 95.83333%;
  }
  .xxlarge-1 {
    width: 8.33333%;
  }
  .xxlarge-2 {
    width: 16.66667%;
  }
  .xxlarge-3 {
    width: 25%;
  }
  .xxlarge-4 {
    width: 33.33333%;
  }
  .xxlarge-5 {
    width: 41.66667%;
  }
  .xxlarge-6 {
    width: 50%;
  }
  .xxlarge-7 {
    width: 58.33333%;
  }
  .xxlarge-8 {
    width: 66.66667%;
  }
  .xxlarge-9 {
    width: 75%;
  }
  .xxlarge-10 {
    width: 83.33333%;
  }
  .xxlarge-11 {
    width: 91.66667%;
  }
  .xxlarge-12 {
    width: 100%;
  }

}

form div.text-inline {
  margin: 0 0 1rem 0;
  padding-top: 0.5625rem;
  padding-bottom: 0.5625rem;
}

/* remove extra padding inside tab container - jsTabContent > content */
div.tabs-content.panel.bg-transparent > div.content.active {
  padding: 0 !important;
}

/* for the file upload button */
.file-upload {
  position: relative;
  overflow: hidden;
  margin: 10px;
}

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

.fa-clickme {
  cursor: pointer;
}

div.border-bottom {
  border-bottom: 1px solid #777;
  padding-bottom: 2px;
  margin-bottom: 4px;
}

div.border-bottom-lt-gray {
  border-bottom: 1px solid #CCC;
  padding-bottom: 2px;
  margin-bottom: 4px;
}

.text-inline {
  margin: 0 0 1rem 0;
  padding-top: 0.5625rem;
  padding-bottom: 0.5625rem;
}

.valign-middle {
  display: table;
}

.valign-middle .columns {
  display: table-cell;
  vertical-align: middle;
}

.valign-middle .columns,
.valign-middle [class*="column"] + [class*="column"]:last-child {
  float: none;
}


@media only screen and (min-width: 90.063em) and (max-width: 120.063em) {
  .xlarge-block-grid-1 > li {
    width: 100%;
    list-style: none;
  }
  .xlarge-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  .xlarge-block-grid-2 > li {
    width: 50%;
    list-style: none;
  }
  .xlarge-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  .xlarge-block-grid-3 > li {
    width: 33.33333%;
    list-style: none;
  }
  .xlarge-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  .xlarge-block-grid-4 > li {
    width: 25%;
    list-style: none;
  }
  .xlarge-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  .xlarge-block-grid-5 > li {
    width: 20%;
    list-style: none;
  }
  .xlarge-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  .xlarge-block-grid-6 > li {
    width: 16.66667%;
    list-style: none;
  }
  .xlarge-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  .xlarge-block-grid-7 > li {
    width: 14.28571%;
    list-style: none;
  }
  .xlarge-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  .xlarge-block-grid-8 > li {
    width: 12.5%;
    list-style: none;
  }
  .xlarge-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  .xlarge-block-grid-9 > li {
    width: 11.11111%;
    list-style: none;
  }
  .xlarge-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  .xlarge-block-grid-10 > li {
    width: 10%;
    list-style: none;
  }
  .xlarge-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  .xlarge-block-grid-11 > li {
    width: 9.09091%;
    list-style: none;
  }
  .xlarge-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  .xlarge-block-grid-12 > li {
    width: 8.33333%;
    list-style: none;
  }
  .xlarge-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }

  .xlarge-push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }
  .xlarge-pull-0 {
    position: relative;
    right: 0%;
    left: auto;
  }
  .xlarge-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .xlarge-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .xlarge-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .xlarge-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .xlarge-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .xlarge-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .xlarge-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .xlarge-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .xlarge-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .xlarge-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .xlarge-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .xlarge-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .xlarge-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .xlarge-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .xlarge-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .xlarge-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .xlarge-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .xlarge-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .xlarge-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .xlarge-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .xlarge-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .xlarge-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
  .column, .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }
  .xlarge-1 {
    width: 8.33333%;
  }
  .xlarge-2 {
    width: 16.66667%;
  }
  .xlarge-3 {
    width: 25%;
  }
  .xlarge-4 {
    width: 33.33333%;
  }
  .xlarge-5 {
    width: 41.66667%;
  }
  .xlarge-6 {
    width: 50%;
  }
  .xlarge-7 {
    width: 58.33333%;
  }
  .xlarge-8 {
    width: 66.66667%;
  }
  .xlarge-9 {
    width: 75%;
  }
  .xlarge-10 {
    width: 83.33333%;
  }
  .xlarge-11 {
    width: 91.66667%;
  }
  .xlarge-12 {
    width: 100%;
  }
  .xlarge-offset-0 {
    margin-left: 0% !important;
  }
  .xlarge-offset-1 {
    margin-left: 8.33333% !important;
  }
  .xlarge-offset-2 {
    margin-left: 16.66667% !important;
  }
  .xlarge-offset-3 {
    margin-left: 25% !important;
  }
  .xlarge-offset-4 {
    margin-left: 33.33333% !important;
  }
  .xlarge-offset-5 {
    margin-left: 41.66667% !important;
  }
  .xlarge-offset-6 {
    margin-left: 50% !important;
  }
  .xlarge-offset-7 {
    margin-left: 58.33333% !important;
  }
  .xlarge-offset-8 {
    margin-left: 66.66667% !important;
  }
  .xlarge-offset-9 {
    margin-left: 75% !important;
  }
  .xlarge-offset-10 {
    margin-left: 83.33333% !important;
  }
  .xlarge-offset-11 {
    margin-left: 91.66667% !important;
  }
  .xlarge-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left;
  }
  .column.xlarge-centered, .columns.xlarge-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.xlarge-uncentered, .columns.xlarge-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
  .column.xlarge-centered:last-child, .columns.xlarge-centered:last-child {
    float: none;
  }
  .column.xlarge-uncentered:last-child, .columns.xlarge-uncentered:last-child {
    float: left;
  }
  .column.xlarge-uncentered.opposite, .columns.xlarge-uncentered.opposite {
    float: right;
  }
  .push-0 {
    position: relative;
    left: 0%;
    right: auto;
  }
  .pull-0 {
    position: relative;
    right: 0%;
    left: auto;
  }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }

}

.inline-list {
  margin-left: -1.375rem;
}

/*
 * Prevent menu from overflowing on too much text.
 */
@media screen and (max-width: 64em) {
  .menu-expanding-link__icon {
    display: inline-block;
  }
  .menu-expanding-link__content {
    display: inline-block;
  }
}
@media screen and (min-width: 64em) {
  ul.topnav li a.menu-expanding-link {
    height: auto;
    min-height: 50px;
    padding-top: 3px;
  }
  ul.topnav li a.menu-expanding-link.hasChildren {
    overflow: hidden;
  }
  #skin-select ul.topnav li a.menu-expanding-link.hasChildren > h4 > i {
    top: 4px !important;
  }
  ul.topnav li .menu-expanding-link__icon {
    float: left;
    width: 30px;
  }
  ul.topnav li .menu-expanding-link__content {
    padding-top: 4px;
    margin-left: 30px;
  }

  ul.topnav li .hasChildren .menu-expanding-link__content {
    float: left;
    width: 174px;
    margin-left: 0px;
    overflow: hidden;
  }

  ul.topnav li .hasChildren .menu-expanding-link__content.menu-expanding-link__content {
    float: left;
    width: 170px;
    margin-left: 0px;
    overflow: hidden;
  }

  ul.topnav > li {
    display: inline-block;
    width: 100%;
  }
}

#skin-select {
  z-index: 1;
}

.trunacte {
  text-overflow: ellipsis;
}

.border-cw-red {
  border: 2px solid #B5121B;
}

/*
 * Left sidebar without too much Javascript
 */

.left-sidebar {}

.left-sidebar-expanded #skin-select {
  width: 260px;
}

.left-sidebar-collapsed #skin-select {
  width: 50px;
}

.left-sidebar-expanded #skin-select li {
  text-align: left;
}

.left-sidebar-collapsed #skin-select li {
  text-align: right;
}

.left-sidebar-expanded #skin-select li span,
.left-sidebar-expanded .devider-title h3,
.left-sidebar-expanded ul.topnav h4,
.left-sidebar-expanded .side-dash,
.left-sidebar-expanded .noft-blue,
.left-sidebar-expanded .noft-purple-number,
.left-sidebar-expanded .noft-blue-number {
  display: inline-block;
  float: none;
}

.left-sidebar-collapsed #skin-select li span,
.left-sidebar-collapsed .devider-title h3,
.left-sidebar-collapsed ul.topnav h4,
.left-sidebar-collapsed .side-dash,
.left-sidebar-collapsed .noft-blue,
.left-sidebar-collapsed .noft-purple-number,
.left-sidebar-collapsed .noft-blue-number {
  display: none;
}

.left-sidebar-expanded .hide-min-toggle {
  display: none;
}

.left-sidebar-collapsed .hide-min-toggle {
  display: block;
}

.left-sidebar-expanded .datepicker-wrap {
  position: absolute;
  right: 300px;
}

.left-sidebar-collapsed .datepicker-wrap {
  position: absolute;
  right: 84px;
}

.left-sidebar-expanded .toggle-left-sidebar-expand {
  display: none;
}

.left-sidebar-expanded .skin-part,
.left-sidebar-collapsed .skin-part {
  visibility: visible;
}

.left-sidebar-expanded #menu-showhide {
  height: auto;
}

#joyride-left-menu-quicklinks {
  cursor: default;
}

#joyride-left-menu-quicklinks #quick-link-edit-button {
  cursor: pointer;
}

.left-sidebar-expanded #menu-showhide ul ul a{
  line-height: 32px;
  background: #ccc !important;
  padding-left: 74px;
}

.left-sidebar-expanded ul.topnav ul {
  border-radius: 0;
  padding: 15px 25px;
}

.left-sidebar-expanded .profile span,
.left-sidebar-expanded .profile i,
.left-sidebar-expanded .bottom-list-menu li,
.left-sidebar-expanded .profile {
  display: block;
}

.left-sidebar-expanded .profile-small {
  display: none;
}

.left-sidebar-collapsed .profile span,
.left-sidebar-collapsed .profile i,
.left-sidebar-collapsed .bottom-list-menu li,
.left-sidebar-collapsed .profile {
  display: none;
}

.left-sidebar-collapsed .profile-small {
  display: block;
}

.left-sidebar-collapsed .toggle-left-sidebar-expand {
  display: inline-block;
}

.left-sidebar-expanded .toggle-left-sidebar-collapse {
  display: inline-block;
}

.left-sidebar-collapsed .toggle-left-sidebar-collapse {
  display: none;
}

.left-sidebar-expanded #paper-bg {
  width: auto;
  margin-left: 260px;
  padding-right: 0;
  padding-left: 0;
}

.left-sidebar-collapsed #paper-bg {
  width: auto;
  margin-left: 50px;
  padding-right: 0;
  padding-left: 0;
}

.hide-for-mobile {
  display: none;
}

ul.topRightMenu img {
  max-height: 36px;
}

nav.top-bar {
  min-height: 55px;
}
@media only screen and (max-width: 40em) {
  span.upgradeRenew, a.upgradeRenew.en, a.upgradeRenew.fr,
  span.upgradeRenew:after, a.upgradeRenew.en:after, a.upgradeRenew.fr:after {
    display: block;
    background: url('/img/upgrade_Circle.png') !important;
    height: 36px;
    width: 36px;
  }
  .top-bar-section .topRightMenu {
    margin-right: 7.5px;
  }
  .top-bar-section .topRightMenu li > form > a,
  .top-bar-section .topRightMenu li > a {
    padding: 12px 7.5px;
    display: block;
  }
}
@media only screen and (min-width: 40.0625em) {
  span.upgradeRenew, a.upgradeRenew.en,
  span.upgradeRenew:after, a.upgradeRenew.en:after {
    display: block;
    background: url('/img/upgrade_btn_en.png') !important;
    height: 36px;
    width: 141px;
    margin-top: 6px;
  }
  span.upgradeRenew.fr,
  span.upgradeRenew.fr:after {
    display: block;
    background: url('/img/upgrade_btn_fr.png') !important;
    height: 36px;
    width: 141px;
    margin-top: 6px;
  }
}

@media print {
  .no-print {
    display: none;
  }
   a[href]:after {
    content: none !important;
  }
}

/* for toastr */
#toast-container > div {
  opacity: 1;
}
@media screen and (min-width: 40.0125em) {
  #toast-container>div {
    width: 500px;
  }
}
@media screen and (min-width: 90.0125em) {
  #toast-container>div {
    width: 800px;
  }
}


/* **********************
 * CSS Colour updates
 * ********************** */
.panel.callout {
  /*background-color: #3488F0;*/
  background-color: rgba(52,136,240,0.25);
}
button,.button {
  /*background-color: #008CBA;*/
  background-color: #3488F0;
}
button.button.bg-red:hover {
  background-color: #B70021 !important;
}
button:hover,button:focus,.button:hover,.button:focus {
  /*background-color: #007095;*/
  background-color: #003D92;
}
button.secondary,.button.secondary {
  /*background-color: #e7e7e7;*/
  /*border-color: #b9b9b9;*/
  background-color: #BBB;
  border-color: #444;
}
button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus {
  /*background-color: #b9b9b9*/
  background-color: #444;
}
.label {
  font-size: 14px;
}

/* this fixes the padding issue in Firefox where the bottom of the g/p/q/j are cut off */
@-moz-document url-prefix() {
    input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"] {
      padding: 7px;
    }
}

div.row.hover:hover {
  background-color: #eee;
}
i.fa.fa-clickme.text-green:hover {
  background-color: #009933;
  border-radius: 4px;
  color: white !important;
}
i.fa.fa-clickme.text-red:hover {
  background-color: #f44056;
  border-radius: 4px;
  color: white !important;
}
i.fa.fa-clickme.text-blue:hover {
  background-color: #3488f0;
  border-radius: 4px;
  color: white !important;
}
i.fa.fa-clickme.text-dark-yellow:hover {
  background-color: #ff9420;
  border-radius: 4px;
  color: white !important;
}
i.fa.fa-clickme.text-black:hover {
  background-color: #444;
  border-radius: 4px;
  color: white !important;
}
i.fa.fa-lg.fa-clickme,
i.fa.fa-2x.fa-clickme {
  line-height: normal !important;
}

.text-small {
  font-size: 80% !important;
}
.text-large {
  font-size: 125% !important;
}
.text-xlarge {
  font-size: 150% !important;
}

/*this define the html5 progress bar style*/
progress {
  border: none;
  width: 90%;
  height: 3px;
}
progress::-ms-fill{
  background: #00567d;
}
progress::-moz-progress-bar {
  background: #00567d;
}
progress::-webkit-progress-value {
  background: #00567d;
}
progress::-webkit-progress-bar {
  background: #ccc;
}

.contractor-container input.multiselect__input {
  border: 0 !important;
}