/* TODO this file definies the variables that will be used for this theme */
.label-badge-common {
  background-image: none !important;
  text-shadow: none !important;
}
.label-error,
.badge-error {
  background-color: #bb2413;
  background-image: none !important;
  text-shadow: none !important;
}
.label-waiting-fees,
.badge-waiting-fees {
  background-color: yellow;
  background-image: none !important;
  text-shadow: none !important;
}
.label-blocked,
.badge-blocked {
  background-color: #830300;
  background-image: none !important;
  text-shadow: none !important;
}
.label-suspended-fees,
.badge-suspended-fees {
  background-color: #c7b26f;
  background-image: none !important;
  text-shadow: none !important;
}
.label-captured,
.badge-captured,
.badge-in-progress {
  background-color: #fcb322;
  background-image: none !important;
  text-shadow: none !important;
}
.label-submitted,
.badge-submitted,
.badge-scheduled-for-payment,
.badge-scheduled-for-colleciton {
  background-color: #fc7d22;
  background-image: none !important;
  text-shadow: none !important;
}
.label-buyer-rejected,
.badge-buyer-rejected {
  background-color: #ea4330;
  background-image: none !important;
  text-shadow: none !important;
}
.label-buyer-approved,
.badge-buyer-approved {
  background-color: #9ccc9c;
  background-image: none !important;
  text-shadow: none !important;
}
.label-supplier-rejected,
.badge-supplier-rejected {
  background-color: #bb2413;
  background-image: none !important;
  text-shadow: none !important;
}
.label-supplier-accepted,
.badge-supplier-accepted,
.badge-payment-paid,
.badge-collected {
  background-color: #16b819;
  background-image: none !important;
  text-shadow: none !important;
}
.label-completed,
.badge-completed {
  background-color: #468847;
  background-image: none !important;
  text-shadow: none !important;
}
.label-cancelled,
.badge-cancelled {
  background-color: black;
  background-image: none !important;
  text-shadow: none !important;
}
/* TODO this file definies the variables that will be used for this theme */
/***************Blue*********************************/

/*.portlet.box.blue > .portlet-title {
  background-color:#7595a7 !important;
} 

.portlet.box.blue {  
   border: 1px solid #7595a7;
   border-top: 0;
}
.portlet > .portlet-body.blue, .portlet.blue {
  background-color: #7595a7 !important;
}

.btn.blue   
{
  color: white;  
  text-shadow: none;	
  background-color: #7595a7;
}
.btn.blue:hover, 
.btn.blue:focus, 
.btn.blue:active,
.btn.blue.active,
.btn.blue[disabled],
.btn.blue.disabled {  
  background-color: #0362fd !important;
  color: #fff !important;
}

.btn-group .btn.blue.dropdown-toggle {
  background-color: #7595a7 !important;
}
.btn-group .btn.blue:hover, 
.btn-group .btn.blue:focus, 
.btn-group .btn.blue:active, 
.btn-group .btn.blue.active, 
.btn-group .btn.blue.disabled,
.btn-group .btn.blue[disabled] { 
  background-color: #0362fd !important;
  color: #fff !important;
}*/

/********************************************************/

/* TODO this file definies the variables that will be used for this theme */
table.jqplot-table-legend,
table.jqplot-cursor-legend {
  border: 0px solid #cccccc;
}
div.jqplot-table-legend-swatch-outline {
  border: 0px solid #cccccc;
}
.jqplot-data-label {
  font-weight: 200;
  color: white;
  font-size: 20px;
}
/* TODO this file definies the variables that will be used for this theme */
@media (max-width: 767px) {
  .header .brand {
    margin-left: 0px !important;
    width: 60%;
  }
  .form-horizontal .form-actions {
    padding-left: 15px;
  }
}
@media (min-width: 980px) {
  .page-boxed {
    background-color: white !important;
  }
}
@media (min-width: 980px) {
  .page-boxed .page-container {
    background-color: #1570a6;
    border-left: 0px solid #1c98e1;
    border-bottom: 0px solid #1c98e1;
  }
}
/* TODO this file definies the variables that will be used for this theme */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
table.table thead tr th:last-child {
  width: 110px;
  text-align: center;
}
table.table tbody tr td:last-child {
  text-align: center;
}
table.table tbody tr td ul {
  text-align: left;
}
table.table tbody tr td.info {
  background-color: #f9f9f9;
  text-align: center;
  min-width: 100px;
}
table.table.table-rounded {
  border-radius: 18px !important;
}
table.table.table-rounded th {
  background-color: #f9f9f9;
  text-align: center;
}
table.table.table-rounded td {
  text-align: center;
}
table.table.table-rounded tr:first-of-type th:first-of-type {
  border-top-left-radius: 18px !important;
}
table.table.table-rounded tr:first-of-type th:last-of-type {
  border-top-right-radius: 18px !important;
}
table.table.table-rounded tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 18px !important;
}
.table.table-statement td {
  vertical-align: top;
}
.table.table-statement thead th {
  vertical-align: top;
}
table.table.basic thead tr th:last-child {
  width: auto;
  text-align: left;
}
table.table.basic tbody tr td:last-child {
  text-align: left;
}
table.table.basic tbody tr td ul {
  text-align: left;
}
input[type=text] {
  background-color: white;
}
.float-left {
  float: left;
}
.float-right {
  float: right !important;
}
.clear-both {
  clear: both;
}
.display-none {
  display: none !important;
}
.display-inlineblock {
  display: inline-block;
}
.display-block {
  display: block !important;
}
.display-inline {
  display: inline;
}
.hand {
  cursor: pointer;
}
.font-size-inherit {
  font-size: inherit;
}
.capitalize {
  text-transform: capitalize;
}
.text-left {
  text-align: left !important;
}
/***********COMMON**********************/

/**************************************/

/************************************
*
* Validation. 
* These classes control are used by the unobstrusive js and mvc validation for styling.
*
*************************************/

.validation-summary-errors ul,
.error-summary ul {
  margin-bottom: 0px;
}
.field-validation-error,
.validationMessage {
  color: #b94a48;
}
.field-validation-error,
.validationMessage {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px;
}
.input-validation-error {
  color: #b94a48;
  border-color: #b94a48 !important;
}
.input-validation-error:focus {
  border-color: #953b39;
  -webkit-box-shadow: 0 0 6px #d59392;
  -moz-box-shadow: 0 0 6px #d59392;
  box-shadow: 0 0 6px #d59392;
}
.validation-summary-errors,
.error-summary {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 5px;
}
/*******************DATEPICKER******************************/

/* sizing for the combined datetime picker */

.input-append.datetime input {
  width: 73px;
}
.datepicker.controls {
  margin-left: 15px;
}
/**********************************************************/

.checker {
  margin-top: 10px;
}
.less-bottom {
  margin-bottom: 8px !important;
}
.line-spacer-mini {
  height: 10px;
}
.line-spacer {
  height: 20px;
}
#pendingBuyerDirectors ul,
#pendingBuyerOfficers ul {
  margin: 0px;
}
#pendingBuyerDirectors ul li,
#pendingBuyerOfficers ul li {
  display: block;
}
/******************************************************************************/

.loader-large {
  background-image: url("/Content/Images/loadingLarge.gif");
  background-repeat: no-repeat;
  height: 90px;
  width: 90px;
  position: fixed;
  left: 45%;
  top: 45%;
  z-index: 20;
}
.postal-address-header {
  width: 400px;
}
.login {
  background-color: #F2F3F5 !important;
}
.footer {
  color: white;
  background-color: #0f4e74 !important;
}
.tabbable-custom .nav-tabs > li.active {
  border-top: 3px solid #35aa47;
}
.question {
  margin-right: 25px;
}
.margin-right-5 {
  margin-right: 5px;
}
.btn.btn-primary {
  color: white;
  text-shadow: none;
  background-color: #35aa47;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn.btn-primary.disabled,
.btn.btn-primary[disabled] {
  background-color: #1d943b !important;
  color: white !important;
}
.filter-container {
  float: left;
  padding-right: 20px;
}
.filters.well {
  padding: 15px;
}
.filters.well .portlet {
  margin-bottom: 0px;
}
.filters.well .portlet .portlet-title {
  margin-bottom: 0px;
  border-bottom: 0px;
}
.badge.status {
  font-size: 11px !important;
  font-weight: 300;
  margin-right: 5px;
  padding: 1px 7px 1px 7px;
  color: white !important;
  text-shadow: none;
  border-width: 0;
  border-style: solid;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
}
.filters .caption,
.expand,
.collapse {
  cursor: pointer;
}
.table th,
.table td {
  vertical-align: middle;
}
.header .nav,
.brand,
li.dropdown .dropdown-toggle i,
.header .nav li.dropdown .dropdown-toggle i,
.header .nav li.dropdown .dropdown-toggle span,
.header .hor-menu ul.nav li a,
.login .logo,
.page-footer-fixed .footer .footer-inner,
.page-footer-fixed .footer .footer-tools .go-top i {
  color: white !important;
}

.login .copyright {
  color: black !important;
}
.page-footer-fixed .footer .footer-tools .go-top {
  background-color: transparent;
}
.header .hor-menu ul.nav li a {
  font-size: 85%;
  font-family: Arial;
}
.header .hor-menu ul.nav li a:hover,
.header .hor-menu ul.nav li a :focus {
  background: #146a9d !important;
}
@media screen and (max-width: 768px) {
  .page-footer-fixed .footer {
    position: initial !important;
  }
}
.navbar .brand,
.logo {
  font-size: 20px;
}
.navbar .brand h4,
.logo h4 {
  margin: 0px;
  font-style: oblique;
}
.navbar .brand span,
.logo span {
  vertical-align: top;
  font-weight: bold;
  color: #005186;
  font-style: oblique;
  font-size: 13px;
}
.label-black,
.badge-black {
  background-color: #555555;
  background-image: none !important;
  text-shadow: none !important;
}
.label-brown,
.badge-brown {
  background-color: #b06a3b;
  background-image: none !important;
  text-shadow: none !important;
}
.radio-toggle {
  font-size: inherit;
}
.radio-toggle .btn {
  background-color: #e5e5e5;
  color: #1d1a1a;
}
.radio-toggle .btn.blue:hover {
  background-color: #4b8df8 !important;
}
.table thead tr th {
  font-size: 15px;
}
.dashboard-stat-small .visual {
  width: 40px;
  height: 40px;
  display: block;
  float: left;
  padding-top: 10px;
  padding-left: 15px;
}
.dashboard-stat-small .visual i {
  font-size: 30px;
  color: white;
}
.dashboard-stat-small .details {
  float: right;
  padding-right: 10px;
}
.dashboard-stat-small .details .number {
  padding-top: 10px;
  text-align: right;
  font-size: 16px;
  letter-spacing: -1px;
  font-weight: 300;
  color: white;
  margin-bottom: 10px;
}
.dashboard-stat .details .desc,
.dashboard-stat-small .details .desc {
  font-family: Arial;
  font-size: 15px;
  color: white;
}
.dashboard-stat-small .details .desc {
  text-align: right;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 300;
  color: white;
}
.dashboard-stat-small .more {
  clear: both;
  display: block;
  padding: 5px 10px 5px 10px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 10px;
  color: white;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.dashboard-stat-small .more i {
  margin-top: 4px;
  float: right;
}
.dashboard-stat-small {
  margin-bottom: 25px;
}
.dashboard-stat-small.blue {
  background-color: #27a9e3;
}
.dashboard-stat-small.blue .more {
  background-color: #208dbe;
}
.dashboard-stat-small.green {
  background-color: #28b779;
}
.dashboard-stat-small.green .more {
  background-color: #10a062;
}
.dashboard-stat-small.red {
  background-color: #e7191b;
}
.dashboard-stat-small.red .more {
  background-color: #bc0d0e;
}
.dashboard-stat-small.yellow {
  background-color: #ffb848;
}
.dashboard-stat-small.yellow .more {
  background-color: #cb871b;
}
.dashboard-stat-small.purple {
  background-color: #852b99;
}
.dashboard-stat-small.purple .more {
  background-color: #6e1881;
}
#dashboard {
  padding-top: 1em;
}
#dashboard .btn {
  text-align: left;
}
.details.form-horizontal {
  padding-top: 2px;
}
.details.form-horizontal .control-group {
  margin-bottom: 0px;
}
.details.form-horizontal .control-group .control-label {
  width: 200px;
}
.details.form-horizontal .controls,
.details.form-horizontal .controls.display {
  color: #333333;
  outline: 0;
  padding: 6px 6px !important;
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
  vertical-align: top;
  background-color: white;
  background-image: none !important;
  filter: none !important;
  background: transparent;
  margin-left: 220px;
  margin-top: 1px;
}
.tab-content.details.form-horizontal {
  overflow: visible;
}
.controls .checker {
  margin-top: 6px;
}
.controls.display {
  color: #333333;
  outline: 0;
  padding: 6px 6px !important;
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
  vertical-align: top;
  background-color: white;
  background-image: none !important;
  filter: none !important;
  background: transparent;
  margin-left: 180px;
  margin-top: 1px;
}
.controls .display {
  color: #333333;
  outline: 0;
  padding: 6px 6px !important;
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
  vertical-align: top;
  background-color: white;
  background-image: none !important;
  filter: none !important;
  background: transparent;
  margin-left: 0px;
  margin-top: 1px;
}
.controls.readonly {
  padding-top: 8px;
}
.tabbable-custom .nav-tabs > li > a:hover {
  background-color: #eeeeee;
}
/*************Toastr******************/

.toast-top-right {
  top: 56px;
  right: 12px;
}
#toast-container > div {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
/**************************************/

.ajaxspinner {
  background-image: url("/Content/assets/img/input-spinner.gif") !important;
  background-repeat: no-repeat;
  background-position: right 8px;
  height: 25px;
  width: 25px;
  padding: 3px;
}
#accordion_due_dilligence .accordion-heading a {
  display: inline-block;
}
.green-tick-bkg {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.green-tick-bkg a {
  color: #20c249;
}
.white-bkg {
  border-color: #d6e9c6;
}
.white-bkg .accordion-heading {
  background-color: white;
}
.red-bkg {
  border-color: #eed3d7;
}
.red-bkg .accordion-heading {
  background-color: #f2dede;
}
.icon-bg {
  font-size: 1.5em;
}
.icon-bg.green-tick {
  color: #20c249;
}
.icon-bg.red-question {
  color: #b94a48;
}
.dotdotdot {
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.centered-badge {
  margin: 0 auto !important;
  float: none !important;
}
.input-append input,
.input-prepend input {
  width: initial;
}
ul#invoiceBuyerDetailsList {
  list-style-type: none;
  margin-left: 0px;
  float: left;
}
#invoice-buyer-listing-container > .span6 {
  margin-top: 10px;
}
table#invoice-buyer-details-table {
  margin-bottom: 10px !important;
  float: right;
  width: 55%;
}
table#invoice-buyer-details-table td {
  border-top: 0px solid #dddddd;
}
table#invoice-buyer-details-table td:first-child {
  width: 45%;
  font-weight: bold;
  font-size: 20px;
  text-align: right;
}
.controls > .label-extra {
  margin-top: 10px;
}
.credit-limits {
  float: right;
  margin-top: 10px;
}
.credit-limits h3 {
  margin: 0px;
}
.credit-limits .block {
  display: inline-block;
  border: 2px solid #b3e4bf;
  text-align: right;
  padding: 3px 5px;
  margin-right: 5px;
  font-size: 13px;
  background-color: #d5ffd5;
}
#invoice-editInvoice .credit-limits {
  margin-top: 54px;
}
.page-title.extra-margin-bottom {
  margin-bottom: 24px;
}
.chats li.in .message {
  margin-left: 0px;
}
.chats li.in .message p {
  font-size: 1.5em;
}
.header .hor-menu ul.nav li.active > a,
.header .hor-menu ul.nav li.active > a:hover {
  background: #28b779 !important;
  color: white !important;
}
.blue-header {
  color: #2297cb;
  font-weight: bold;
}
table#buyer-pending-changes tbody #radioARL {
  margin-left: 0px !important;
}
table#buyer-pending-changes tbody tr td:nth-child(4) {
  width: 250px;
}
.help-inline .previousValue,
.help-inline .newValue,
.help-inline .icon-long-arrow-right {
  position: relative;
  top: 2px;
  padding: 3px 0px 2px 0px;
}
.previousValue {
  background-color: #ffcc7b !important;
}
.newValue {
  background-color: #9aff9a !important;
}
.help-inline.resolved {
  color: #35aa47;
}
.header-note {
  margin-bottom: 20px;
}
.label-info,
.badge-info {
  background-color: #3a87ad !important;
}
.pendingActions .ajaxspinner {
  display: inline-block;
  padding: 0px;
  height: 23px;
  margin-top: -10px;
  position: relative;
  top: 3px;
}
#rejectChangesModel .ajaxspinner,
#rejectCreatedChangesModel .ajaxspinner,
.modal-footer .ajaxspinner {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.table tr.feerow > td {
  border-top: 1px solid white;
}
.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: none;
  border-top: 1px solid white;
  *zoom: 1;
}
.radio-toggle .btn.active {
  background-color: #0362fd !important;
  color: white !important;
}
.btn.active.previousValue {
  background-color: #ffcc7b !important;
  color: #333333 !important;
}
.resolveCreateChangeActions .ajaxspinner {
  position: relative;
  top: 10px;
  display: inline-block;
}
.payment-request {
  width: auto;
}
.payment-request .header-info {
  color: #2297cb;
  margin: 0px;
  font-size: 17px;
  text-align: center;
  vertical-align: top;
}
.payment-request td {
  text-align: center;
}
.payment-request .total-row {
  border-top: 1px dashed #2297cb;
}
.payment-request .total-row td,
.payment-request .total-row th {
  border-top: 1px dashed #2297cb;
}
.total-row {
  color: #2297cb;
  font-size: 17px;
  text-align: center;
}
.total-row .header-info {
  text-align: left;
}
.page-title {
  font-weight: 700;
  letter-spacing: 0px;
  float: left;
  margin-bottom: 25px;
}
.page-tile-extra {
  margin-bottom: 25px;
  margin-top: 20px;
  margin-left: 10px;
  display: inline-block;
}
.controls .line.checkbox > .field-validation-error {
  margin-left: 225px;
}
.checkbox-controls-container {
  width: 220px;
  float: left;
}
.user-role-index-container {
  width: 450px;
}
.not-bold {
  font-weight: normal;
}
.text-right {
  text-align: right !important;
}
.bigger-mini {
  height: 13px;
  font-size: 13px !important;
  line-height: 13px;
  padding: 4px 10px;
}
.header .hor-menu .dropdown-menu {
  background-color: #0f4e74 !important;
}
.btn-page-primary {
  float: right;
  font-size: 18px !important;
  margin: 20px 0px 15px 0px;
}
.btn-page-primary-dropdown {
  float: right;
  margin: 20px 0px 0px 0px;
  font-size: 18px !important;
}
.btn-page-primary-dropdown ul {
  margin-bottom: 15px;
}
.action-row {
  padding: 4px 0 4px 0;
  border: 1px solid #dddddd;
}
.action-row form {
  margin: 2px 0 2px 0;
}
.action-row .indicator {
  width: 35px;
  text-align: center;
  color: #4d90fe;
}
.portlet > .portlet-title > .caption i {
  margin-top: 0px;
  font-size: 18px;
}
.well {
  border: 1px solid #d6d5d5;
}
.margin-bottom-small {
  margin-bottom: 5px;
}
.margin-bottom-none {
  margin-bottom: 0px !important;
}
.margin-top-none {
  margin-top: 0px !important;
}
.margin-left-30 {
  margin-left: 30px !important;
}
.text-center {
  text-align: center !important;
}
.width-10 {
  width: 10%;
}
.width-20 {
  width: 20%;
}
.width-25 {
  width: 25%;
}
.width-90 {
  width: 90%;
}
.width-100 {
  width: 100%;
}
.unsortableColumn {
  color: #0d638f;
}
.min-width-100 {
  min-width: 100px;
}
/*.page-header-fixed .page-container {
    margin-top: 85px;
}*/

.no-top-padding {
  padding-top: 0;
}
.portfolio-info form,
.portfolio-info form input {
  margin-top: 5px;
  margin-bottom: 0px !important;
}
.portfolio-info form .control-group,
.portfolio-info form input .control-group {
  margin-bottom: 0px !important;
}
.navbar-clientname {
  padding: 13px 10px 7px 10px !important;
  color: #FFFF;
  font-weight: 900;
  float: right;
}
.border-bottom-dashed {
  text-decoration: none;
  border-bottom: 1px dotted #0d638f;
}
.border-bottom-dashed:hover {
  text-decoration: none;
  border-bottom: 2px dotted #0d638f;
}
.status-filter-container {
  text-align: right;
  font-size: 70% !important;
  margin-top: 1em;
  margin-bottom: 1em;
  display: block;
}
.status-filter-container .active {
  color: #28b779;
  font-weight: bold;
  font-size: 1.25em;
}
.table-header-h4 {
  margin: 10px 0;
  font-size: 17.5px;
  font-weight: bold;
  line-height: 20px;
  color: #2297cb;
  text-rendering: optimizelegibility;
}
.table-header-h3 {
  margin: 10px 0;
  font-size: 24.5px;
  font-weight: bold;
  line-height: 40px;
  color: #2297cb;
  text-rendering: optimizelegibility;
}
.sale-summary .portlet-title h4 {
  color: #2297cb;
}
form[id$=ReportIndexPagedForm] input {
  background-color: white !important;
}
.accordion-group.green {
  border: 1px solid #35aa47;
}
.accordion-group.green a {
  color: #35aa47;
  background-color: white;
}
.accordion-group.red {
  border: 1px solid #ea4330;
}
.accordion-group.red a {
  color: white;
  background-color: #ea4330;
}
.accordion-group.yellow {
  border: 1px solid #ffb848;
}
.accordion-group.yellow a {
  color: white;
  background-color: #ffb848;
}
.dashboard-stat .visual {
  padding-bottom: 10px;
}
.report-container :first-child {
  border-top: none;
}
.report-container h4 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.report-container p {
  color: #3c3636;
  font-size: 85%;
  margin-bottom: 0px;
}
.report-container a {
  border-top: 1px solid #e5e5e5;
  margin: 7px;
  padding: 10px;
  display: block !important;
}
.report-container a:hover {
  text-decoration: none;
  background: #e0e0e0;
}
.dashboard-item {
  padding: 10px;
  overflow: hidden;
  display: block;
  margin-top: 5px;
  line-height: 32px;
}
.dashboard-item:hover {
  text-decoration: none;
  color: white;
  background-color: #2297cb;
}
.dashboard-item div {
  height: 35px;
}
.dashboard-item .stat-value {
  font-weight: 700;
  font-size: 1.75em;
  text-align: right;
  display: inline-block;
}
.dashboard-item .description {
  font-size: 16px;
  display: inline-block;
}
.dashboard-item.green {
  color: #35aa47;
  background-color: #f7f7f7;
}
.dashboard-item.green:hover {
  text-decoration: none;
  color: white;
  background-color: #2297cb;
}
.dashboard-item.red {
  color: white;
  background-color: #ea4330;
}
.dashboard-item.red:hover {
  text-decoration: none;
  color: white;
  background-color: #2297cb;
}
.dashboard-item.yellow {
  color: white;
  background-color: #ffb848;
}
.dashboard-item.yellow:hover {
  text-decoration: none;
  color: white;
  background-color: #2297cb;
}
.portfolio-info span {
  font-size: 25px;
}
.portfolio-info .portfolio-split {
  background: #f7f7f7;
  border: 1px solid;
}
.dropdown-menu.extended li a {
  font-size: 100%;
}
.subject-available-properties,
.available-email-html-properties {
  cursor: pointer;
}
.datepicker table th {
  font-family: 'Arial' !important;
  font-weight: 400 !important;
  text-decoration: underline;
  color: #0d638f;
}
.datepicker th.datepicker-switch {
  text-decoration: underline;
  color: #0d638f;
}
h4.headingCheckbox > label {
  font-size: 17.5px !important;
  font-weight: bold !important;
  margin-bottom: 0px !important;
}
.text-small {
  font-size: 12px;
}
.arrow-toggle .icon-chevron-sign-down,
.arrow-toggle.collapsed .icon-chevron-sign-right {
  display: inline-block;
}
.arrow-toggle.collapsed .icon-chevron-sign-down,
.arrow-toggle .icon-chevron-sign-right {
  display: none;
}
.tabs-left.tabbable-custom .nav-tabs > li.active {
  border-left: 3px solid #35aa47;
}
.auto-email-dates {
  padding-left: 5px;
  font-style: italic;
}
/*
    STEP-BY-STEP PROGRESS WIZARD
*/

.progress-indicator {
  margin: 0;
}
.progress-indicator li {
  list-style: none;
  /*text-align: center;*/
  width: auto;
  padding: 0;
  margin: 0;
  position: relative;
}
.progress-indicator .progress-indicator li:hover {
  color: #6f6f6f;
}
.progress-indicator li .bubble {
  border-radius: 50% !important;
  width: 23px;
  height: 23px;
  background-color: #bbbbbb;
  float: left;
  display: block;
  margin: 0 auto 0.5em auto;
  border-bottom: 1px solid #888888;
  position: relative;
  left: -30px;
}
.progress-indicator li .step-bubble {
  border-radius: 50% !important;
  width: 23px;
  height: 23px;
  background-color: #bbbbbb;
  float: left;
  display: block;
  margin: 0 auto 0.5em auto;
  border-bottom: 1px solid #888888;
  background-color: rgba(255, 0, 0, 0);
  color: #65d074;
  border-color: rgba(255, 0, 0, 0);
  margin-left: -23px;
}
.progress-indicator li .step-bubble:before,
.progress-indicator li .step-bubble:after {
  display: block;
  position: absolute;
  top: 24px;
  width: 100%;
  height: 3px;
  content: '';
  background-color: #bbbbbb;
}
.progress-indicator li.completed .bubble {
  background-color: #65d074;
  color: white;
  border-color: #247830;
  position: relative;
  left: -30px;
}
.progress-indicator li.completed .step-bubble:before,
.progress-indicator li.completed .step-bubble:after {
  background-color: #65d074;
  border-color: #247830;
}
.progress-indicator.stacked li .step-bubble:before,
.progress-indicator.stacked li .step-bubble:after {
  left: -17px;
  margin-left: -1.5px;
  width: 3px;
  height: 100%;
}
.progress-indicator.stacked .last-bubble li .step-bubble:before,
.progress-indicator.stacked .last-bubble li .step-bubble:after {
  left: -17px;
  margin-left: -1.5px;
  width: 0 !important;
  height: 0 !important;
}
.progress-indicator.stacked li a {
  border: none;
  color: #2297cb;
  font-weight: bold;
}
.progress-indicator.stacked.nocenter li .bubble {
  margin-left: 0;
  margin-right: 0;
  position: relative;
  left: -30px;
}
.progress-indicator.stacked.nocenter .stacked-text {
  width: auto !important;
  display: block;
  margin-left: 40px !important;
}
.bubble-text {
  padding-top: 3px;
}
.accordian-register {
  margin-left: 30px;
}
.bubble {
  text-align: center;
  top: 5px;
}
.progress-indicator.stacked li .last-bubble .step-bubble:before,
.progress-indicator.stacked li .last-bubble .step-bubble:after {
  width: 0 !important;
  height: 0 !important;
}
.bubble-tick {
  color: #65d074;
  margin-left: 0px;
  font-size: 120%;
}
.btn-container {
  margin: 12px 0 12px 0;
}
@media screen and (max-width: 480px) {
  .control-label-mobile {
    font-weight: 700;
    text-decoration: underline;
  }
}
.td-calendar-mobi {
  min-height: 20px;
}
@media only screen and (max-width: 800px) {
  .no-more-tables td.table-calendar-mobi {
    padding-left: 20% !important;
  }
}
.terms-conditions {
  width: 100%;
  height: 200px;
  border: 1px solid #cccccc;
  background: #f2f2f2;
  padding: 6px;
  overflow: auto;
}
@media all and (max-width: 767px) {
  .content {
    display: none;
  }
  .content.active {
    display: block;
  }
}
.form-inline-disclaimer {
  padding: 8px 8px;
  border: 2px solid #edb10a;
  background: white;
}
.no-border {
  border: none !important;
}
ul.warning-icon-list {
  display: table;
}
ul.warning-icon-list li {
  display: table-row;
}
ul.warning-icon-list li:before {
  font-family: 'FontAwesome';
  content: '\f06a';
  padding-right: 15px;
  color: #edb10a;
  display: table-cell;
  text-align: right;
}
.form-actions {
  background-color: white;
  border-top: none;
}
tr.success.active td:first-child:before {
  position: absolute;
  content: '\f054';
  display: block;
  margin-left: -20px;
  margin-top: 0px;
  font-size: 1.2em;
  font-weight: bold;
  color: green;
  font-family: FontAwesome;
}
tr.active {
  line-height: 2em;
  padding: 15px;
}
tr.active td,
tr.active td .text-small {
  font-weight: bold;
}
.custom-bullet {
  margin-left: 2em;
  list-style: none;
  counter-reset: counter;
}
.custom-bullet > li:before {
  counter-increment: counter;
  content: counter(counter);
}
.custom-bullet-numbered {
  position: relative;
}
.custom-bullet-numbered > li:before {
  position: relative;
  display: inline-block;
  z-index: 100;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.75rem;
  margin-bottom: 0.75rem;
  border: 3px solid #888888;
  line-height: 1.5rem;
  text-align: center;
  background-color: white;
  border-radius: 100em;
  counter-increment: counter;
  content: counter(counter);
}
.custom-bullet-numbered > li:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 90;
  left: 0.75rem;
  margin-left: 1.5px;
  content: "";
}
.custom-bullet-numbered > li:last-child:before {
  margin-bottom: 0;
}
.text-danger {
  color: #d3140f;
}
@media (min-width: 980px) {
  .page-boxed .page-container {
    background-color: white !important;
  }
}
.radio-list {
  padding-top: 8px;
}
.radio-list label {
  display: inline !important;
}
.radio-list input[type="radio"],
.radio-list input[type="checkbox"] {
  margin: 0 !important;
}
.radio-list .radio input[type="radio"],
.radio-list .checkbox input[type="checkbox"] {
  margin-left: 0 !important;
}
.table-actions {
  white-space: nowrap;
  text-align: left;
}
.discount-radio .radio {
  opacity: 0;
  display: none;
}
.discount-radio .btn {
  /*border: 2px solid #2297cb;*/
  box-shadow: 0px 1px 2px white, 0 1px 6px #666666, inset 0 -1px 1px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.8) !important;
  border-radius: 20px;
}
.discount-radio .btn-selected {
  background-color: #d9edf7;
}
.discount-radio .btn:hover {
  background-color: white !important;
}
.discount-radio .discount-description {
  padding-left: 50px;
}
.help-icon i {
  margin-top: 5px;
  color: #2297cb !important;
  position: relative;
  width: 0;
  height: 0;
}
.no-underline-hover:hover {
  text-decoration: none !important;
}
.progressbar {
  margin: 0;
  padding: 0;
  counter-reset: step;
  z-index: 1;
}
.progressbar span.text-top {
  top: -29px;
  position: absolute;
  left: 45%;
}
.progressbar li {
  list-style-type: none;
  width: 25%;
  float: left;
  font-size: 12px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #7d7d7d;
  z-index: 1;
}
.progressbar li:before {
  width: 30px;
  height: 30px;
  content: counter(step);
  counter-increment: step;
  line-height: 30px;
  border: 2px solid #7d7d7d;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: white;
  z-index: 1;
}
.progressbar li:after {
  width: 77%;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #7d7d7d;
  top: 15px;
  left: -39%;
  z-index: 0;
}
.progress-dash li:after {
  width: 88% !important;
  left: -50% !important;
}
.progressbar li:first-child:after {
  content: none;
}
.modal-list {
  margin-left: 50px;
}
.scroll-modal .modal-body {
  max-height: 650px !important;
  overflow: auto !important;
}
.demo-btn {
  color: white !important;
  font-weight: normal !important;
  font-size: 10px !important;
  width: 154px !important;
  margin-left: 20px !important;
  cursor: default !important;
}
.demo-btn.btn.btn-primary:hover {
  background-color: #35aa47 !important;
}
.demo-btn:hover {
  background-color: inherit !important;
}
.no-margin-left {
  margin-left: 0 !important;
}
.rounded-list {
  counter-reset: step;
}
.rounded-list a {
  position: relative;
  display: block;
  padding: .4em .4em .4em 2em;
  *padding: .4em;
  margin: .5em 0;
  background: #f1fcf7;
  color: #28b779;
  text-decoration: none;
  border-radius: .3em;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: default;
}
.rounded-list a:before {
  position: absolute;
  left: -1.3em;
  top: 50%;
  margin-top: -1.3em;
  background: #28b779;
  color: white;
  height: 2em;
  width: 2em;
  line-height: 2em;
  border: 0.3em solid white;
  text-align: center;
  border-radius: 2em;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.rounded-list .tight li {
  line-height: 18px;
}
.rounded-list ul {
  font: 15px 'trebuchet MS', 'lucida sans';
  padding: 0;
  margin-bottom: 2em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  list-style: none;
}
.rounded-list ul a:before {
  font-family: FontAwesome;
  content: '\f105' !important;
}
.rounded-list ol {
  counter-reset: step;
  list-style: none;
  *list-style: decimal;
  /* Keep using default numbering for IE6/7 */
  font: 15px 'trebuchet MS', 'lucida sans';
  padding: 0;
  margin-bottom: 2em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.rounded-list ol a:before {
  content: counter(step);
  counter-increment: step;
}
.rounded-list ol ul {
  counter-reset: step;
  margin-bottom: 0;
}
.rounded-list ol ul a:before {
  background-color: white !important;
  color: #28b779 !important;
}
.rounded-list ol ol {
  margin: 0 0 0 2em;
}
.rounded-list ul ul {
  margin: 0 0 0 2em;
}
.dashWithSub {
  line-height: initial !important;
}
.sub-description {
  margin-left: 20px;
  font-style: italic;
}
.max-column {
  max-width: 100px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.truncate-ellipsis {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.border-right-thicker {
  border-right: 2px solid;
  border-color: #2297cb;
}
.checkbox-border {
  border: 2px solid !important;
  border-color: #2297cb !important;
}
.spinner {
  opacity: 0;
  display: none;
  width: 20px;
  -webkit-transition: opacity 0.25s, max-width 0.45s;
  -moz-transition: opacity 0.25s, max-width 0.45s;
  -o-transition: opacity 0.25s, max-width 0.45s;
  transition: opacity 0.25s, max-width 0.45s;
}
.has-spinner.active {
  cursor: progress;
}
.spinner.active {
  display: inline-block !important;
  min-width: 16px !important;
  max-height: 15px !important;
  background-image: url("/Content/assets/img/input-spinner.gif") !important;
  opacity: 1 !important;
  background-repeat: no-repeat !important;
}
.float-none {
  float: none !important;
}
.select-full-width select {
  width: 100% !important;
}
.select-full-width input {
  width: 100% !important;
}
div.expand-overflow {
  overflow: hidden;
  position: absolute;
  z-index: 1000;
  background-color: #fafafa;
}
.statement-client-name {
  color: #28b779;
  font-weight: 900;
}
.term-options {
  margin: 15px;
  /*color: #808080;*/

}
.term-option {
  border: 1px solid #dddddd;
  padding: 5px;
  text-align: center;
  max-width: 197px;
  margin: 5px 0;
}
.term-option:hover {
  /*background-color: #dff0d8;*/
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  color: black;
  background-color: #f5fff2;
}
.term-option.active {
  background-color: #dff0d8;
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  color: black;
}
.term-option.active i {
  color: #28b779;
}
.term-option i {
  color: #dddddd;
}
.term-option-head {
  /*border-bottom: 1px solid #dddddd;*/
  padding-bottom: 5px;
}
.term-option-content {
  border-top: 1px solid #dddddd;
  padding-top: 5px;
  margin: 10px 0;
}
#instalmentListing.custom-bullet-numbered > li:before {
  margin-right: 5px;
}
#instalmentListing ul {
  margin-bottom: 0 !important;
}
#instalmentListing > li {
  margin-right: 25px;
}
#instalmentListing.custom-ko-bullet > li:before,
#instalmentListing.custom-ko-bullet > li:last-child:before {
  margin-bottom: -6px;
}
#instalmentListing.custom-ko-bullet > li {
  text-align: center;
}
.table-invoice-details td,
.table-invoice-details th {
  border: none;
}
.table-invoice-details th {
  width: 150px;
}
.table-invoice-details td {
  text-align: left !important;
}
.display-flex {
  display: flex;
}
.no-right-padding {
  padding-right: 0px !important;
}
.dashStatNoSubtext td span {
  vertical-align: middle;
}
.no-left-padding {
  padding-left: 0px !important;
}
/* Fix login page input fields offsets*/

.login-user input[type="text"] {
  padding-left: 33px!important;
}
.login-pass input[type="password"] {
  padding-left: 33px!important;
}
.login-otp input[type="text"] {
  padding-left: 33px!important;
}
/* Hover over buttons */

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn[disabled],
.btn.disabled {
  color: #333333;
  background-color: #d8d8d8 !important;
}
.btn {
  background-color: #e5e5e5;
}
.ssl-logo a {
  position: fixed;
  right: 0px;
  bottom: 0px;
}
/* Notification Navbar Styling */

.notification-dropdown {
  min-width: 300px!important;
  max-width: 300px;
}
.notification-action {
  color: #333333;
  padding: 5px 10px!important;
}
.notification-badge-bs2 {
  right: -10% !important;
  top: 10%!important;
}
.notification-management-badge-bs2 {
  border-radius: 10px!important;
}
.notification-management-badge {
  padding: 0!important;
  cursor: pointer;
}
.truncate-notification {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.bold-unread {
  font-weight: bolder;
}
/* TODO this file definies the variables that will be used for this theme */
.widget-container .portlet > .portlet-title {
  margin-bottom: 0px;
}
.widget-container .portlet > .portlet-title .caption {
  margin-bottom: 0px;
}
.widget-container .caption h4 {
  margin: 0px;
}
.widget-container .portfolio-info {
  float: none;
  display: inline-block;
}