body {
    font-family: 'Roboto', Arial;
    font-weight: 500;
    font-size: 16px;
    background-color: #323e48;
    line-height: 1;
    height: 100%;
    width: 100%;
    position: absolute;
}

.ui-tabs .ui-tabs-nav li a {font-size:95%;}
.sampleClass {float:left;}
@media only screen and (max-width: 800px){
	.sampleClass {float:none;}
}
  
a {
    outline: none;
}
#page {
    height: 100%;
    overflow: visible;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Roboto', Arial;
}
h1 {
    font-weight: 200;
    font-size: 40px;
}
fieldset {
    padding: 10px;
    margin: 0px;
    border: 1px solid rgb(161, 215, 132);
}
fieldset legend {
    background: rgb(161, 215, 132);
    padding: 4px;
}
fieldset.no-border {
    padding: 10px;
    margin: 0px;
    border: 0px none transparent;
}
fieldset.no-border legend {
    width: 0px;
    background: transparent;
    height: 24px;
}
.main-content {
    background-color: #eceeef;
    /* max-width: 1160px; */
    margin: 0 auto;
    padding: 20px;
}
.users-login .main-content {
    background-color: #415464;
}
.main-content p {
    color: #98a4af;
}
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6,
.ui-bar h1,
.ui-bar h2,
.ui-bar h3,
.ui-bar h4,
.ui-bar h5,
.ui-bar h6
{
    color: #323e48;
}
.main-content h1.action,
.ui-bar h1.action,
.ui-bar h2.action,
.ui-bar h3.action,
.ui-bar h4.action,
.ui-bar h5.action,
.ui-bar h6.action
{
    color: #e65400;
}
.ui-body {
    overflow: auto;
}
#header {
    width: 100%;
}
#header-content {
    background-position: left bottom;
    background-image: url(../images/header-back.jpg);
    background-size: cover;
    height: 72px;
    width: 100%;
    overflow: hidden;
}
#header .ui-navbar {
    background-color: #323e48;
}
#page-bottom, .users-login #page-bottom {
    position: relative;
    height: 100%;
    overflow: visible;
    z-index: 1;
}
#page-content {
    position: relative;
    height: 100%;
    overflow: visible;
    z-index: 1;
}
#page-content .inner-wrap, #page-content-main {
    overflow: visible;
}
#header-content h1 {
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    font-size: 27px;
    text-align: left;
    max-width: 1200px;
    line-height: 72px;
    margin: 0px auto;
    float: left;
}
#header-content h1 .header-text {
    padding: 0 0 0 100px;
    text-wrap: none;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}
.circle-bk {
    width: 90px;
    height: 90px;
    background: #ffffff;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    border-radius: 45px;
    overflow: hidden;
}
.circle-gray-bk {
    width: 50px;
    height: 50px;
    background: #3c4852;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    overflow: hidden;
}
.renewals-circle-gray-bk {
  border-radius: 50%;
  background-color: rgb(210, 212, 212);
  width: 118px;
  height: 118px;
  text-align: center;
  font-size: 18px;
  color: #3d4852;
  line-height: 112px;
}
.renewals-circle-green-bk {
  border-radius: 50%;
  background-color: rgb(161, 215, 132);
  width: 118px;
  height: 118px;
  text-align: center;
  font-size: 18px;
  color: #3d4852;
  line-height: 112px;
}

.bp-renewal-detail .circles {
    text-align: center;
}
.bp-renewal-detail .circles .circle {
    margin-right: 16px;
}
.bp-renewal-detail .circles .circle:last-child {
    margin-right: 0px;
}
.bp-renewal-detail .circles .circle-label {
    padding: 10px 0px;
}
.bp-renewal-detail .expandable-section {
    margin-bottom: 20px;
}
.current-user-info {
    position: relative;
    float: right;
    margin-right: 10px;
}
.user-photo {
    float: left;
    margin-top: 4px;
    margin-right: 10px;
    height: 63px;
    width: 63px;
}
.user-photo a {
    display: block;
    height: 63px;
    width: 63px;
}
.current-user-text {
    display: none;
    float: left;
    margin: 10px 50px 0 0;
}
.current-user-text h3 {
    font-size: 18px;
    margin: 0px;
    color: #ffffff;
    font-weight: bold;
}
.current-user-text h4 {
    font-size: 14px;
    color: #ffffff;
    margin: 0px;
    font-weight: 200;
}
.logout-link {
    font-size: 18px;
    float: right;
    display: none;
    margin-top: 10px;
    margin-right: 40px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
}
@media only screen and (min-width: 930px) {
    .logout-link {
        display: block;
    }
}
#header .ui-navbar {
    max-width: 1200px;
    margin: 0 auto;
}
.subnav {
    background-color: #3c4751;
    padding: 4px;
}
.subnav .column {
    padding-top: 20px;
}
.subnav .column:last-child {
    padding-top: 4px;
}
.subnav .current-user-text h3,
.subnav .current-user-text h4 {
    color: #7aa4dd;
}
.subnav .current-user-text h4 {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 300;
}
ul.subnav-menu li a {
    font-family: 'Roboto Condensed';
    font-size: 20px;
    color: #768693;
}
ul.subnav-menu li a.active,ul.subnav-menu li a:hover {
    color: #a1d784;
}
ul.subnav-menu li a.active img {
    border: 1px solid #a1d784;
    border-radius: 2px;
}
.bordered-column {
    border-left: 1px solid #2a3239;
}
.white {
    color: #ffffff !important;
}
.data-panel, .ui-body-a, .ui-body-b {
    background-color: #394b5b;
    padding: 10px;
}
#login-form {
    max-width: 350px;
    padding: 120px 0px;
    margin: 0 auto;
}
#login-form h1 {
      color: rgb(255, 255, 255);
}
#login-form .top-login-field, #login-form .bottom-login-field {
    width: 412px;
    height: 65px;
    margin: 1px 0px;
}
#login-form .top-login-field input {
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
#login-form .bottom-login-field input {
    -webkit-border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
#login-form input::-webkit-input-placeholder,
#login-form input:-moz-placeholder,
#login-form input::-moz-placeholder
#login-form input:-ms-input-placeholder
{
    color: #za3aaae;
}
#login-form input {
    background-color: #ffffff;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-color: transparent;
    height: 65px;
    outline: 0;
    font-size: 20px;
    width: 100%;
}
#login-form input.submit-btn {
    border-radius: 6px;
    background-color: rgb(0, 179, 227);
    left: 609px;
    top: 459px;
    width: 411px;
    height: 52px;
    cursor: pointer;
}
#login-form .ui-input-text {
    border: none;
}
label {
    display: block;
    font-weight: 300;
    color: #768693;
    margin: 4px 0px;
}
.ui-bar {
    padding: 8px;
}
.ui-bar-a h1,
.ui-bar-a h2,
.ui-bar-a h3,
.ui-bar-a h4,
.ui-bar-b h1,
.ui-bar-b h2,
.ui-bar-b h3,
.ui-bar-b h4 {
    font-weight: 300;
    font-size: 30px;
}
.ui-corner-all {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;    
}
#add-commits-form input[type="text"] {
    background-color: #d9e0e2;
}
input[type="text"],
input[type="button"] {
    width: 95%;
    height: 32px;
    border: 0px;
    color: #000000;
    font-size: 22px;
    padding: 0px 8px;
}
button.ui-corner-all, div.ui-input-btn.ui-corner-all {
    border-color: transparent;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;    
    display: block;
    background-color: #253746;
    color: #ffd141;
    font-size: 24px;
    font-weight: 300;
    margin: 8px 0px;
}
.filtered {
    display: none;
}

a {
    text-decoration: none;
}
.ui-btn {
    font-weight: bold;
    color: #768693;
}
.ui-navbar li .ui-btn {
    font-size: 18px;
}
.ui-btn:hover {
    color: #ffd141 !important;
}
.ui-navbar li .ui-btn-active {
    background-color: #415464;
}
.ui-listview li .ui-btn:hover {
    background-color: #415464;
    color: #ffd141 !important;
}
.ui-btn-icon-right:after {
    background-color: #666;
    background-color: rgba(0,0,0,.3);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-border-radius: 1em;
    border-radius: 1em;    
}
.ui-select {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
}
.ui-select .ui-btn {
    text-align: left;
}
.ui-icon-carat-d:after {
    background-image: url(../images/select-arrow-down.png);
}
.ui-icon-carat-u:after {
    background-image: url(../images/select-arrow-up.png);
}
.ui-icon-carat-r:after {
    background-image: url(../images/icon-carat-r.png);
}
#page-content-main {
    position: relative;
}
@media only screen and  (min-width:740px) {
    .current-user-text {
        display: block;
    }
}
@media only screen and (min-width:800px) {
    .topnav-container {
        display: block;
    }
    .small-nav-button, .small-nav-button.active {
        display: none !important;
    }
}
.ui-body, .ui-bar {
    clear: none;
}
.icon-sfsunlock {
    background-image: url(../images/unlock.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.icon-sfslock {
    background-image: url(../images/lock.png);
    background-repeat: no-repeat;
    background-position: right center;
}
ul {
    list-style: none;
}
.ui-content .ui-listview {
    margin: 0;
}
.ui-body label {
    color: #000000;
}
.ui-collapsible-content, .ui-body {
    background-color: #ffffff;
    color: #000000;
}
.ui-collapsible-heading {
    font-weight: bold;
    color: #768693;
    border-color: transparent;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #253746;
}
.commit-confirmation-popup {
    background-color: #e7e9e9;
    display: none;
    padding: 8px;
    max-width: initial;
}
.commit-confirmation-popup .cancel-btn {
    background-color: #e65400;
}
.commit-confirmation-popup .submit-btn {
    background-color: #7aa4dd;
}
.commit-confirmation-popup .cancel-btn,
.commit-confirmation-popup .submit-btn {
    max-width: 530px;
    height: 52px;
    margin: 8px auto;
}
#main-commit-message {
    color: #e65400;
}
.possible-commit-row .ui-checkbox input {
    position: relative;
    top: auto;
    left: auto;
}
.ui-loader-background {
    width:100%;
    height:100%;
    top:0;
    margin: 0;
    background: rgba(0, 0, 0, 0.3);
    display:none;
    position: fixed;
    z-index:9999;
}
.ui-loading .ui-loader-background {
    display:block;
}
.ui-loader {
    display:none;
    z-index:9999999;
    position:fixed;
    width: 2.875em;
    height: 2.875em;
    top:50%;
    left:50%;
    border:0;
}
.ui-loader .ui-loader-icon {
    width: 4.875em;
    height: 4.875em;
    background: url("themes/images/ajax-loader-2.gif");
    background-size: 4.875em 4.875em;
}
.main-content-padded {
    padding-left: 150px;
}
#searchpanel {
    position: relative;
    display: none;
    background-color: #1d252c;
    color: #768693;
    padding: 10px 20px 30px 20px;
}
#searchpanel .close-reveal-modal {
  color: #7ca6db;
  cursor: pointer;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 0.625rem;
  right: 1.375rem;    
}
#searchpanel .searchpanel-content {
    max-width: 900px;
    margin: 0 auto;
}
#searchpanel h2 {
    color: #768693;
}
#non-bpname-form, .subnav-container .search-form {
    display: none;
}
.subnav-container #bpcode-form {
    display: block;
}
#searchpanel input::-webkit-input-placeholder,
#searchpanel input:-moz-placeholder,
#searchpanel input::-moz-placeholder
#searchpanel input:-ms-input-placeholder
{
    color: #778692;
}
#searchpanel .row .column {
    padding: 0px 8px;
}
#searchpanel input,
#searchpanel select {
    height: 41px;
    width: 100%;
    padding: 4px 4px;
}
#searchpanel select {
    background-color: #7ca6db;
    color: #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: none;
}
#searchpanel #search-btn {
    background-image: url(../images/search-go-btn.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 41px;
    background-color: #7ca6db;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: none;
}
.row {
    max-width: 1900px;
}
input[type="button"] {
   border-color: transparent;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;    
    display: block;
    background-color: #253746;
    color: #ffffff;
    font-size: 24px;
    font-weight: 300;
    margin: 8px auto;
}
input#add-revenue-commit-btn {
  border-radius: 6px;
  background-color: rgb(122, 164, 221);
  color: #ffffff;
}
.dark-white-bar {
    background-color: #d6dadc;
}
.dark-white-bar p.message {
    margin: 0;
}
p.message {
    padding: 8px;
}
.commit-values-form {
    position: relative;
}
.commit-values-fixed-form {
    position: relative;
    display: none;
}
.territory-commits .column, .territory-commits .columns {
    padding: 0;
    
}
.commit-confirmation-values {
    /* padding: 0.375rem; */
    display: none;
}
.commit-confirmation-values-content {
    background-color: #ffffff;
    padding: 10px 0px;
}
.commit-confirmation-values-content .actuals-message {
    padding: 10px 0px;
    text-align: center;
    font-size: 28px;
    font-weight: 300;
}
.commit-confirmation-values-content .manager-approval-message {
    font-size: 16px;
    font-weight: bold;
    color: #ff4539;
    text-align: center;
}
.commit-confirmation-values-content .commission-potential {
    background-color: #f1f2f2;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 0px;
    text-align: center;
}
.commit-confirmation-values h4 {
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
}
.scrolling-top-commit-values-container {
    position: relative;
}
.scrolling-top-commit-values {
    position: relative;
    z-index: 10;
    background-color: #ffffff;
    padding: 10px 0px;
}
.scrolling-top-commit-values ul {
    margin: 0 auto;
}
#commit-confirmation h4 {
    text-align: center;
}
.commit-values-form .territory-commits-values {
    margin-left: 4px;
}
 .territory-commits-values {
    padding: 8px;
    position: relative;
}
.territory-commits-values h5 {
    color: #768693;
    margin: 0;
    font-size: 15px;
}
.territory-commits-values h6 {
    color: #768693;
    margin: 0;
    font-size: 14px;
}
.territory-commits-values .target-amount {
    color: #000000;
    font-size: 18px;
/*    padding: 0 0 8px 0; */
}
.territory-commits-opps, .territory-commits-values {
    background-color: #ffffff;
}
.territory-commits-values h3 {
    font-size: 18px;
    color: #7aa4dd;
}
.territory-commits-opps h4 {
    font-size: 18px;
}
.territory-commits-values h4 {
    font-size: 16px;
}
/*
.territory-commits-values .commit-amount,
.territory-commits-values .commission-amount {
    padding: 0 0 8px 0;
}
*/
.territory-commits-values .commit-amount span {
    font-size: 18px;
}
.territory-commits-values .commission-amount span {
    font-size: 16px;
}
.bad, tr.bad td {
    color: #ff4539;
    fill:  #ff4539;
}
.great {
    color: #0195ff;
    fill: #0195ff;
}
.good {
    color: #00ad69;
    fill: #00ad69;
}
.territory-commits-opps h4, .territory-commits-values h4 {
    color: #7aa4dd;
}
.top-bar {
    overflow: visible;
    z-index: 800;
}
.top-navbar {
    margin: 0;
    background-color: #323e48;
    height: 50px;
}
.small-nav-button {
    display: block;
}
.small-nav-button a {
    display: block;
}
.top-bar {
    background: #323e48 !important;
    height: 75px;
}
.top-bar-section ul {
    position: relative;
    z-index: 900;
}
.top-bar-section .open-search-panel-btn {
    display: block;
    margin-top: 18px;
    margin-right: 20px;
    height: 36px;
}
.top-bar-section .has-dropdown > a:after {
    display: none;
}
.timeline-link-btn {
    display: block;
    margin-top: 24px;
    margin-right: 10px;
    height: 36px;
}
.top-bar-section ul li {
    padding: 20px 0.9375rem;
    background: #323e48;
    height: 75px;
}
.subnav-container {
    display: none;
    z-index: 800;
    background: #323e48;
    padding: 20px;
    position: absolute;
    left: 0px;
    top: 72px;
    width: 100%;
}
.subnav-container h5, .subnav h5 {
    color: #4fc5dd;
    font-size: 20px;
    margin: 0px;
}
.subnav-container div.row div.columns h5:not(:first-child) {
    margin-top: 20px;
}
.subnav-container ul li {
    float: none;
    height: auto;
    padding: 0px;
}
div.select {
    line-height: normal;
    background-color: #505962;
    background-image: url(../images/menu-arrow-down-white.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
    margin: 0 0 1rem 0;
}
div.select select {
    top: 0;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0 !important;
    background: transparent;
    border: none;
    color: #a1d784;
}
.subnav-container input {
    top: 0px;
}
.subnav-container input.query-input {
    height: 39px;
    margin: 0px;
    background: transparent;
    color: #ffffff;
}
.subnav-container .query-input-container {
    border-radius: 4px;
    background-color: #3b4750;
    box-shadow: 0.707px 0.707px 0px 0px rgba(255, 255, 255, 0.2),inset 0.707px 0.707px 0px 0px rgba(0, 0, 0, 0.5);
}
.subnav-container .button.postfix {
    border-radius: 4px;
    background-color: rgb(81, 91, 99);
    box-shadow: 0px 2px 0px 0px rgba(1, 1, 1, 0.15);
    background-image: url(../images/dw-search-btn.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 41px;
    top: 0px;
    border: 0px;
}
div.select select option {
    background-color: #505962;
    color: #ffffff;
    padding-top: 8px;
    padding-bottom: 8px;
}
div.select select > option:focus {
    background-color: #a1d784;
}
.subnav-container ul li a {
    font-size: 16px !important;
    font-weight: 200 !important;
}
.top-bar-section ul li a {
    background: #323e48 !important;
    font-size: 20px;
    line-height: 38px !important;
    padding: 0px !important;
    color: #ffffff;
    font-family: 'Roboto Condensed';
}
.top-bar-section ul li a:hover {
    color: #a1d784 !important;
}
.top-bar-section ul li.disabled a {
    opacity: .15;
}
.top-bar-section ul li.disabled a:hover {
    opacity: 1.0;
}
.top-bar-section ul li a span {
    font-size: 14px;
}
.top-bar-section ul li.active a {
    color: #a1d784 !important;
    border-bottom: 2px solid #a1d784;
}
.top-navbar li, .small-nav-button {
    background: #323e48;
    padding: 0;
    clear: none !important;
}
.top-navbar li.tab-title > a {
    color: #ffffff;
    position: relative;
    display: block;
    text-align: center;
    height: 50px;
}
.small-nav-button > a {
    position: relative;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #7aa4dd;
    background: #323e48;
    height: 50px;
}
.top-navbar li.tab-title > a span, .small-nav-button > a span {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
.top-navbar li.tab-title > a:hover,
.top-navbar li.tab-title.active > a {
    color: #a1d784;
    text-decoration: underline;
}
.small-nav-button > a:hover,
.small-nav-button.active > a {
  background: #eceeef;
  color: #768693;
  font-weight: bold;
  text-transform: uppercase;
}


#sequence {
    width: 600px;
    height: 70px;
}
#sequence text, #legend text {
    font-weight: 600;
    fill: #fff;
}
.chart-container {
/*    max-width: 360px; */
    margin: 0 auto;
}
.chart {
    position: relative;
}
#explanation {
    position: absolute;
    text-align: center;
    z-index: 10;
}
.js-chart-title {
    font-size: 42px;
    font-weight: 300;
    color: #ffda29;
    fill: #ffda29;
}
#legend {
    position: absolute;
    top: 30px;
    left: 10px;
    width: 40%;
    text-align: right;
    font-size: 17px;
    z-index: 2;
    line-height: 1.5;
}
#legendtarget {
    color: #00b3e3;
    font-weight: normal;
}
#legendcommit {
    color: #20cbd4;
    font-weight: normal;
}
#legendactual {
    color: #79A2DA;
    font-weight: normal;
}
#legendprice {
    font-weight: bold;
}
.navbar-container {
    padding-right: 200px;
}
.label-right {
    text-align: right;
}
.open-search-panel-div {
    background-color: #323e48;
    padding: 8px 34px 8px 0px;
    text-align: right;
    float: right;
    width: 100px;
}
.left-off-canvas-menu {
    padding: 0 10px 0 0;
    background: transparent;
}

.valign-middle {
    display: table;
}

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

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


#svg_chart {
    width:100%;
    /* border: 1px dotted silver; */
}
#svg_master {
    width:100%;
    height:100%;
    float: left;
}
.js-title {
    fill: #FACF42;
}
.js-circle {
    fill: #485A68;
}
.js-target-label, .js-target-value {
    fill: #00b3e3;
    color: #00b3e3 !important;
}
.js-commit-label, .js-commit-value {
    fill: #20cbd4;
    color: #20cbd4 !important;
}
.js-forecast-label, .js-forecast-value {
    fill: #7aa4dd;
    color: #7aa4dd !important;
}
.js-actual-label, .js-actual-value {
    fill: #8c86d8;
    color: #8c86d8 !important;
}
#territory-revenue-charts .js-chart-title {
    fill: #ffd141;
    color: #ffd141;
}
.row.achievement-row {
    font-size: 18px;
    margin: 8px auto 0px auto;
}
.row.small-margin-row {
    font-size: 18px;
    margin: 4px auto 0px auto;
}
.mgr-commits {
    width: 85%;
}
.mgr-commits #add-revenue-commit-btn {
    padding: 0px 60px;
}
.row.mgr-commit-row {
    padding: 12px 0px;
}
.row.mgr-commit-total-row {
    background-color: #e7e9e9;
}
#territory-revenue-charts h4,
#territory-revenue-charts h6 {
    line-height: normal;
    margin: 0px;
}
.territory-revenue-section {
    background-color: #ffffff;
    padding: 0px 20px;
}
.territory-revenue-expandable-section {
    background-color: #ffffff;
    position: relative;
    margin-bottom: 10px;
}
.territory-revenue-expandable-section h6 {
    font-weight: bold;
}
.expandable-top-section {
    min-height: 59px;
    position: relative;
    padding: 10px 20px;
}
.territory-revenue-expandable-section .drilldown,
.expandable-section .drilldown {
    display: none;
}
.territory-revenue-expandable-section .expand-collapse-btn,
.expandable-section .expand-collapse-btn,
.pipeline-scorecard-box-large .expand-collapse-btn,
.pipeline-scorecard-box .expand-collapse-btn,
.nbd-scorecard-box .expand-collapse-btn {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-repeat: no-repeat;
    background-position: right bottom;
    cursor: pointer;
}
.expand-btn {
    background-image: url(../images/expand-btn.png);
}
.collapse-btn {
    background-image: url(../images/contract-btn.png);
}
.expand-btn.small {
    background-image: url(../images/small-expand-btn.png);
}
.collapse-btn.small {
    background-image: url(../images/small-collapse-btn.png);
}
.territory-revenue-section .tabs li, .scorecard-box .tabs li {
    width: 50%;
    background-color: #ffffff;
}
.territory-revenue-section .tabs li a, .scorecard-box .tabs li a {
    background-color: #ffffff;
}
.territory-revenue-section .tabs li a, .scorecard-box .tabs li a {
    color: #d2d4d4;
    padding-right: 12px;
    padding-left: 12px;
    white-space: nowrap;
}
.territory-revenue-section .tabs li a:hover, .scorecard-box .tabs li a:hover {
    background-color: #ffffff;
    color: #a1d784;
}
.territory-revenue-section .tabs li.active a, .scorecard-box .tabs li.active a {
    color: #a1d784;
}
.content.chart-container {
    padding: 0px 20px;
}
.territory-revenue-sub-section {
    padding-bottom: 10px;
    background-color: #ffffff;
}
.territory-revenue-section .tabs-content {
    margin: 0px;
}
.calls-total {
    color: #a1d784;
    font-size: 18px;
    font-family: 'Roboto Condensed';
    text-align: center;
    line-height: 48px;
}
.previous-daterange-revenue {
    background-color: #f6f6f6;
}
.week-over-week-revenue {
    background-color: #e2e6e7;
}
.territory-revenue-sub-section h4,
.territory-revenue-sub-section h6 {
    font-family: 'Roboto Condensed';
    text-align: center;
}
.territory-revenue-sub-section h4 {
    font-size: 20px;
}
.territory-revenue-sub-section h6 {
    font-size: 16px;
}
#scatter-chart {
    padding-top: 40px;
}
#scatter-chart #scatter-chart-container {
    width: 80%;
    margin: 0 auto;
}
#nbd-followup-dashboard #scatter-chart #scatter-chart-container {
    width: 100%;
}
#nbd-followup-dashboard {
    background-color: #ffffff;
}
#nbd-followup-dashboard h3 {
    margin: 0px;
    padding: 10px 20px;
    font-family: 'Roboto Condensed';
    font-size: 24px;
    font-weight: 400;
}
.nbd-followup-chart-row .column:first-child {
    padding-left: 0px;
}
#nbd-followup-dashboard #chart {
    position: relative;
}
#nbd-followup-dashboard #scatter-chart #scatter-chart-container {
    width: 100%;
}
#scatter-chart #scatter-chart-container:after {
    content: '';
    clear: both;
    display: block;
}
#scatter-chart #scatter-chart-container #chart-legend {
    width: 108px;
    height: 280px;
    float: right;
}
#scatter-chart #scatter-chart-container #chart-container {
    padding-right: 112px;
    height: 460px;
    min-height: 200px;
    min-width: 500px;
    font-size: 12px;
    margin: 0 auto;
    position: relative;
}
#nbd-followup-dashboard #scatter-chart #scatter-chart-container #chart-container {
    padding-right: 45px;
}
#scatter-chart #chart {
    width: 100%;
    height: 460px;
}
.associate-detail-pipeline-header {
    background-color: #3c4751;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-family: 'Roboto Condensed';
    line-height: 32px;
}
.associate-detail-emails-section {
    background-color: #ffffff;
    padding: 0px;
    text-align: center;
}
.associate-detail-emails-section-content {
    width: 80%;
    margin: 0 auto;
    text-align: left;
}
.associate-detail-column {
    padding: 0px 2px !important;
}
.associate-detail-table {
    border: 0px;
    margin: 4px auto 0px auto;
    font-size: 20px;
}
.associate-detail-table .js-target-label,
.associate-detail-table .js-target-value,
.associate-detail-table .js-actual-label,
.associate-detail-table .js-actual-value,
.associate-detail-table .js-commit-label,
.associate-detail-table .js-forecast-label,
.associate-detail-table .js-forecast-label,
.associate-detail-table .js-commit-value,
.associate-detail-table .good,
.associate-detail-table .bad {
    font-size: 1.0rem;
}
.associate-detail-table tbody tr td.row-label {
    width: 25%;
}
.associate-detail-table tbody tr td.row-values {
    width: 50%;
}
table.associate-detail-table tr:nth-of-type(even) {
    background: transparent;
}
table {
    width: 100%;
}
.dark-gray {
    color: #888 !important;
}
.light-blue {
    color: #7aa4dd !important;
}
.margin-bottom {
    margin-bottom: 8px !important;
}
.white-background {
    background-color: #ffffff !important;
}
.blue-background {
    background-color: #00b4e1 !important;
}
.green-background {
    background-color: #a1d784 !important;
}
.green-background-dot {
    background-color: #a1d784 !important;
    border-radius: 50%;
    padding: 2px 8px;
    margin: 10px;
}
.list .row {
    margin: 0;
}
.no-background {
    background: none !important;
    background-color: transparent !important;
}
.commission-potential-section {
    background-color: #00b4e1;
    color: #ffffff;
    padding: 10px;
}
.commission-potential-section h4 {
    color: #ffffff;
}
.commission-potential-section .commission-potential-amount, .large-thin {
    font-size: 27px;
    font-weight: 100;
}
.ui-autocomplete-loading {
    background: white url("themes/images/ajax-loader-2.gif") right center no-repeat !important;
}
.bold {
    font-weight: bold !important;
}
.business_partners-details .row,
.orders-details .row,
.orders-CDWOrderDetails .row,
.opportunities-details .row,
.quotes-details .row,
.clearance_documents-details .row{
    padding-bottom: 8px;
}

.business_partners-details .expandable-section {
    margin-bottom: 10px;
}
table.sortable thead {
    position: relative;
    z-index: 600;
}
table.sortable thead tr th, table.sortable thead tr td,
table.sortable-simple thead tr th, table.sortable-simple thead tr td {
    vertical-align: top;
    cursor: pointer;
    padding-bottom: 15px;
}
table.sortable tfoot tr th, table.sortable tfoot tr td {
    padding-bottom: 15px;
}
.tablesorter-headerDesc {
    background-image: url(../images/down-arrow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.tablesorter-headerAsc {
    background-image: url(../images/up-arrow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.row-padded {
    padding-top: 3px;
    padding-bottom: 3px;
}
ul .row-padded, ul .row-padded .column {
    line-height: 16px;
}
.hidden {
    display: none;
}
.activity-totals {
    position: relative;
}
.commission-potential-notice {
    text-align: center;
    padding: 8px 0px;
    font-weight: bold;
    font-size: 18px;
}
.sae-sitevisits-table table {
    table-layout: fixed;
}
.hover-row:hover {
    background-color: rgba(200,200,200,0.3);
}
.appt-details-content {
    overflow: auto;
}
.reveal-modal.xlarge {
    max-width: none !important;
}
/*
.dots:after {
    display: block;
    content: '';
    clear: both;
}

*/
.dots .left {
    margin-right: 8px;
}
.red-dot {
    border-radius: 50%;
    background-color: rgb(243, 98, 121);
    width: 10px;
    height: 10px;
    cursor: pointer;
}
.blue-dot {
    border-radius: 50%;
    background-color: rgb(0, 117, 201);
    position: absolute;
    width: 10px;
    height: 10px;
    cursor: pointer;
    position: relative;
}
.f-dropdown {
    padding: 10px;
    outline: none;
}
.f-dropdown .commit-amount {
    white-space: nowrap;
}
.f-dropdown.open {
    display: inline-block;
    max-width: none;
    width: auto;
}
.scorecard-row {
    max-width: 1200px !important;
    margin: 0 auto !important;
}
.scorecard-row:after, .scorecard-box-row:after {
    content: '';
    clear: both;
    display: block;
}
.scorecard-box {
    float: left;
    margin: 2px;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0.5px 0.866px 10px 0px rgba(0, 0, 0, 0.1);
    height: 281px;
    text-align: center;
    padding: 10px;
    position: relative;
    cursor: pointer;
    width: 296px;
    height: 281px;
    padding-top: 76px;
}
.csr-scorecard-box, .nbd-scorecard-box {
    float: left;
    margin: 2px;
    background-color: #ffffff;
    box-shadow: 0.5px 0.866px 10px 0px rgba(0, 0, 0, 0.1);
    height: 281px;
    text-align: center;
    padding: 10px;
    position: relative;
    cursor: pointer;
    width: 193px;
    height: 183px;
    padding-top: 20px;
}
.pipeline-scorecard-box {
    margin: 2px;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0.5px 0.866px 10px 0px rgba(0, 0, 0, 0.1);
    width: 346px;
    height: 120px;
    padding: 10px;
    position: relative;
    text-align: center;
    vertical-align: top
}
.pipeline-scorecard-box-large {
    margin: 2px;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0.5px 0.866px 10px 0px rgba(0, 0, 0, 0.1);
    width: 346px;
    height: 242px;
    padding: 10px;
    position: relative;
    text-align: center;
    vertical-align: top
}
.scorecard-box-large {
    float: left;
    margin: 2px;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0.5px 0.866px 10px 0px rgba(0, 0, 0, 0.1);
    width: 596px;
    height: 281px;
    padding: 10px;
    position: relative;
    text-align: center;
    cursor: pointer;
}
.inside-scorecard-box {
    float: left;
    width: 140px;
    margin: 2px;
    padding-bottom: 8px;
    text-align: center;
}
.scorecard-box h2, .scorecard-box-large h2 {
    font-size: 20px;
}
.csr-scorecard-box h2, .nbd-scorecard-box h2 {
    font-size: 18px;
    font-weight: 500;
}
.scorecard-box h2 span.bold, .scorecard-box-large h2 span.bold {
    font-weight: 700;
    font-family: 'Roboto';
}
.pipeline-scorecard-box-large h2,
.pipeline-scorecard-box h2 {
    line-height: 70px;
    font-family: 'Roboto Condensed';
    font-weight: 300;
}
.pipeline-scorecard-box-large h4,
.pipeline-scorecard-box h4 {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    color: #323e48;
}
.pipeline-scorecard-box h2 {
    margin-bottom: 2px;
}
.pipeline-scorecard-box h5 {
    font-family: 'Roboto Condensed';
    font-size: 14px;
    color: #323e48;
    margin-bottom: 2px;
}
.pipeline-scorecard-box-large h4 {
    margin-bottom: 40px;
}
.pipeline-scorecard-box-large h4.small-margin {
    margin-bottom: 16px;
}
.pipeline-scorecard-box-large table {
    width: auto;
    margin: 0 auto;
}
.pipeline-scorecard-box-large table tbody tr td {
    vertical-align: top;
    padding: 2px;
}
.scorecard-box .expand-collapse-btn,
.scorecard-box-large .expand-collapse-btn {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 59px;
    height: 59px;
}
.engagement-box .expand-collapse-btn,
.csr-scorecard-box .expand-collapse-btn {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 35px;
    height: 35px;
}
.expand-sm-btn {
    background-image: url(../images/expand-sm-btn.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}
.scorecard-box .dropdown-button {
    width: 100%;
    background-color: transparent;
    text-align: left;
    color: #00b3e3;
    margin: 0;
    display: block;
    font-size: 18px;
    padding: 10px;
    font-family: 'Roboto Condensed';
}
.scorecard-box .drop-down {
    border: 1px solid #e3e5e5;
    box-shadow: 0.5px 0.866px 10px 0px rgba(0, 0, 0, 0.1);
    position: absolute;
    background-color: #ffffff;
    width: 286px;
    padding: 0px 10px;
    top: 5px;
    left: 5px;
}
.scorecard-box .dropdown-button:hover {
    background-color: transparent;
}
.scorecard-box .dropdown-button:after {
    content: '';
    display: block;
    background-image: url(../images/dropdown-arrow-down.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    float: right;
    margin-top: 4px;
}
.scorecard-box .dropdown-button.expanded:after {
    background-image: url(../images/dropdown-arrow-up.png);
}
.csr-daterange table {
    min-width: 500px;
}
.drop-down-content {
    text-align: left;
}
.drop-down-content .button {
  border-radius: 4px;
  background-color: rgb(0, 179, 227);
  box-shadow: 0px 2px 0px 0px rgba(1, 1, 1, 0.15);
  width: 134px;
  height: 37px;
}
.drop-down-content input.date-picker {
  border-radius: 6px;
  background-color: rgba(58, 61, 65, 0.149);
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3),inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
  background-image: url(../images/icon-calendar.png);
  background-repeat: no-repeat;
  background-position: 83px center;
  padding: 0px 36px 0px 8px;
  font-size: 12px;
  line-height: 35px;
  width: 113px;
  height: 37px;
  display: inline;
}
.scorecard-box .f-dropdown {
    text-align: left;
}
.number-circle {
  border-radius: 50%;
  width: 130px;
  height: 130px;
  line-height: 130px;
  text-align: center;
  font-size: 40px;
  color: #ffffff;
  font-weight: 300;
  margin: 0 auto;
}
.engagement-box {
    position: relative;
    cursor: pointer;
}
.engagement-box .number-circle {
  border-radius: 50%;
  background-color: rgb(0, 179, 227);
  text-align: center;
  color: #ffffff;
  width: 250px;
  height: 250px;
  font-weight: 400;
  margin: 0 auto;
  padding-top: 60px;
}
.csr-scorecard-box .number-circle, .nbd-scorecard-box .number-circle {
  border-radius: 50%;
  background-color: rgb(0, 179, 227);
  text-align: center;
  color: #ffffff;
  width: 98px;
  height: 98px;
  font-weight: 300;
  margin: 0 auto;
  padding-top: 18px;
}
.engagement-box .number-circle h4 {
    font-size: 38px;
    line-height: 74px;
    margin: 0;
    color: #ffffff;
}
.csr-scorecard-box .number-circle h4, .nbd-scorecard-box .number-circle h4 {
    font-size: 28px;
    line-height: 64px;
    margin: 0;
    color: #ffffff;
}
.engagement-box .number-circle h5 {
    font-size: 38px;
    line-height: 74px;
    margin: 0;
    color: #ffffff;
}
.csr-scorecard-box .number-circle h5 {
    font-size: 24px;
    margin: 0;
    color: #ffffff;
}
.engagement-box .number-circle h6 {
    font-size: 34px;
    margin: 0;
    color: #ffffff;
}
.csr-scorecard-box .number-circle h6 {
    font-size: 16px;
    margin: 0;
    color: #ffffff;
}
.number-circle.blue {
  background-color: #01b3e3;
  color: #ffffff;
}
.number-circle.red {
  background-color: #f42736;
  color: #ffffff;
}
.number-circle.green {
  background-color: #00ad69;
  color: #ffffff !important;
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-chevron-left:before {
    content: "<";
}
.fa-chevron-right:before {
    content: ">";
}
.number-circle-small {
  border-radius: 50%;
  background-color: rgb(243, 40, 54);
  width: 63px;
  height: 63px;
  line-height: 63px;
  text-align: center;
  font-size: 24px;
  color: #ffffff;
  font-weight: 300;
  margin: 0 auto;
}
.gray {
    color: #768693 !important;
}
.lt-blue-txt {
    color: #59c5db !important;
}
.blue-txt {
    color: #0075c9 !important;
}
.red-txt {
    color: #ff4539 !important;
}
.orange-txt{
    color:darkorange !important;
}
.black-txt{
    color:black !important;
}
.yellow-txt {
    color: #ffec50 !important;
}
.ltgreen-txt {
    color: #00ad69 !important;
}
.green-txt {
    color: #4cd4a8 !important;
}
.green {
    color: #a1d784 !important;
}
.smaller {
    font-size: 80%;
}
.larger {
    font-size: 120%;
}
.lighter {
    font-weight: 300;
}
.sortable thead th {
    position: relative;
    z-index: 100;
}
.blurred {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);    
}
.no-margin {
    margin: 0 !important;
}
.no-padding {
    padding: 0 !important;
}
.ui-front {
    z-index: 1000;
}
.tree-level0 {
    background-color: #00b3e3;
    width: 54px;
    height: 54px;
}
.tree-level1,.tree-level2,.tree-level3,.tree-level4,.tree-level5,.tree-level6 {
    background-color: #768693;
    width: 54px;
    height: 54px;
}
.tree-level2 {
    opacity: 0.8;
}
.tree-level3 {
    opacity: 0.6;
}
.tree-level4 {
    opacity: 0.4;
}
.tree-level5 {
    opacity: 0.2;
}
.tree-level6 {
    opacity: 0;
}
.gray-bar {
    background-color: #3c4852;
}
.gray-bar h1 {
    color: #ffffff;
}
table thead.gray-header,
table thead.gray-header tr {
    background-color: #3c4852;
}
table thead.gray-header th {
    color: #ffffff;
}
table thead.gray-header th.math-cell {
    color: #2dd1fd;
    font-size: 28px;
    line-height: 32px;
    font-weight: normal;
}
table thead.gray-header th.tablesorter-headerAsc,
table thead.gray-header th.tablesorter-headerDesc {
    color: #a1d784;
}
table thead.gray-header tr.sort-header-row th {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Roboto';
}
table tbody.large-body td {
    font-size: 18px;
}
.orange {
    color: #e65400;
}
.lt-orange {
    color: #feb12b;
}
span.customSelect { 
    background:#515b63 url(../images/green-dropdown-arrow.png) right center no-repeat;
    color:#a5d588;
    padding:7px 9px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px 2px;
    width:216px;
}
.customSelect.customSelectChanged {
	-webkit-animation: changed 0.5s;
	-moz-animation: changed 0.5s;
	-ms-animation: changed 0.5s;
	animation: changed 0.5s;
}
.padded {
    padding: 10px;
}
.inline-block {
    display: inline-block;
}
.lt-grey-bk {
    background-color: #57616a;
}
.service-contract-renewals-section .ui-bar {
    padding: 10px;
    background-color: #313e47;
}
.service-contracts-form-table td {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    vertical-align: top;
}
.service-contracts-form-table td fieldset {
    padding-top: 0px;
    padding-bottom: 0px;
}
.service-contracts-form-table td fieldset table td {
    padding-top: 40px;
}
.service-contracts-form-table td .fieldset-color1 {
    background-color: #3b4954;
}
.service-contracts-form-table td .fieldset-color2 {
    background-color: #404c58;
}
.service-contracts-form table {
    background: none;
    border: none;
}
.service-contracts-form fieldset {
    position: relative;
    border: none;
}
.service-contracts-form fieldset legend {
    position: absolute;
    border: none;
    background: none;
    top: 0px;
    left: 0px;
    line-height: 26px;
    color: #ffffff;
}
.service-contracts-form fieldset legend .number {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #4d5d6a;
    text-align: center;
    color: #a0a9ae;
}
.plan-tables-cell {
    background-color: #57616a;
}
.plan-tables {
    margin-bottom: 0;
}
.plan-tables td {
    padding-left: 4px;
    padding-right: 2px;
}
.plan-tables .plans-table {
    background: none;
    border: none;
    min-width: 180px;
    margin-bottom: 0;
}
.plan-tables .plans-table td {
    padding: 0;
}
table.plans-table tr:nth-of-type(even) {
    background-color: transparent;
}
.contract-details {
    background-color: #dadcde;
}
.conversion-opp {
    background-color: #d4f4fb;
}
.conversion-order {
    background-color: #b4e3ec;
}
table.csr-details {
    border: none;
    margin: 0;
}
.pd-dashboard-left {
    background-color: #6d757d;
}
.associates-csr_details .main-content,
.associates-pd_details .main-content {
    padding: 0px;
}
.associates-pd_details .subnav .column:nth-child(2),
.associates-pd_details .subnav .column:nth-child(3) {
    padding-top: 4px;
}
.associates-pd_details .rep-activity table {
    border: none;
}
.associates-pd_details .rep-activity table thead th:first-child {
    width: 100px;
}
.associates-pd_details .rep-activity table thead, .associates-pd_details .rep-activity table thead tr {
    background-color: #6d757d;
}
.associates-pd_details .rep-activity table thead tr th {
    color: #ffffff;
    font-family: 'Roboto Condensed';
    font-weight: 400;
    font-size: 18px;
    background-color: transparent;
}
.associates-pd_details .rep-activity table tbody tr td {
    font-family: 'Roboto Condensed';
    font-weight: 400;
    font-size: 20px;
    padding: 20px 4px;
}
.associates-pd_details .rep-activity table tbody tr.spacer {
    background-color: #6d757d;
}
.associates-pd_details .rep-activity table tbody tr.spacer td {
    height: 20px;
    padding: 0px;
}
.associates-pd_details .rep-activity table tbody.body2 tr td {
    padding: 4px;
}
.rep-activity table tbody tr:nth-of-type(odd) {
    background-color: #dbdedf;
}
.rep-activity table tbody tr:nth-of-type(even) {
    background-color: #ffffff;
}
.rep-activity table .gray-circle {
    width: 50px;
    height: 50px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    background-color: #3c4852;
    margin: 0 auto;
}
.rep-activity .gray-circle .activity-total {
    line-height: 48px;
    font-size: 20px;
    color: #ffffff;
}
.associates-pd_details .boxes-header-content {
    border-top: 1px solid #363d43;
    background-color: #3c4852;
}
.associates-pd_details .box-header {
    border-top: 1px solid #5f6971;
    padding: 10px 4px 10px 100px;
    color: #98a4af;
}
.associates-pd_details .box-header span {
    color: #a9e08c;
}
.box-header-arrow table {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: none;
}
.box-header-arrow .grey-arrow {
    background-image: url(../images/csr-nav-active.svg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 28px;
}
.pd-boxes {
    padding: 4px 4px 20px 100px;
}
.pd-boxes:after {
    content: '';
    clear: both;
    display: block;
}
.pd-boxes h3 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
}
.pd-boxes2 {
    background-color: #4d5860;
}
.territory-pd-orders h1 {
    padding: 10px 20px;
    margin: 0px;
    color: #00b3e3;
    font-size: 30px;
}
.territory-pd-orders-content table {
    border: none;
    background: transparent;
}
.territory-pd-orders-content table thead {
    background-color: #4d5860;
}
.territory-pd-orders-content table thead tr th {
    color: #ffffff;
}
table.csr-details thead th {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    color: #ffffff;
}
table.csr-details tbody tr td:last-child {
    background-image: url(../images/expand-sm-btn.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}
table.csr-details tbody tr th,
table.csr-details thead tr th,
table.csr-details tbody tr td,
table.csr-details thead tr td {
    margin: 0;
    height: 54px;
}
table.csr-details .value {
    color: #00b3e3;
}
table.csr-details .actual {
    color: #8d83da;
}
.csr-column1 {
    padding: 0px 20px 20px 20px;
}
.csr-column1-1 {
    border-top: 1px solid #3c4751;
}
.csr-col2-1 {
    background-color: #4d5860;
}
.csr-col2-2 {
    background-color: #5d676e;
}
.csr-col2 {
    padding: 20px;
    border-left: 1px solid #3c4751;
}
.csr-col2 h3 {
    color: #ffffff;
    font-family: 'Roboto Condensed';
}
table.csr-details tbody tr {
    cursor: pointer;
}
.csr-column1, table.csr-details thead tr {
    background-color: #6d757d;
}
table.csr-details tbody tr:nth-of-type(even) {
    background-color: #e2e3e5;
}
.csr-active-nav {
    background-image: url(../images/csr-nav-active.svg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 28px;
}
.subnav-menu li {
    text-align: center;
}
.csr-nav-bottom {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 28px;
}
.csr-nav-bottom li {
    height: 28px;
}
.csr-calls {
    background-image: url(../images/csr-calls-bk.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 72px;
    height: 57px;
    line-height: 54px;
}
#associate-pipeline-dashboard {
    background-color: #ffffff;
    padding: 10px 0px;
    text-align: center;
}
.timeline-legend-table tbody tr td {
    text-align: center;
    padding: 4px;
    
}
.timeline-legend-table tbody tr {
    background-color: #ffffff;
}
.no-border {
    border: 0px none transparent;
}
table.no-striping tr:nth-of-type(even) {
    background-color: transparent !important;
}
.grid {
    fill: #f6f6f6;
}
.grid .tick {
    stroke: white;
    opacity: 0.7;
}
.grid path {
    stroke-width: 0;
}
#chart {
    margin: 0 auto;
}
#chart .tick text {
    font-family: 'Roboto';
    font-size: 12px;
    cursor: pointer;
}
.pipeline-dashboard-status-box {
    background-color: #eceeef;
    padding: 8px;
    text-align: center;
    box-shadow: 0px 1px 0px 0px rgba(0, 1, 1, 0.2);
}
.axis path,
.axis line {
  fill: none;
}
.d3-tip {
  line-height: 1;
  font-size: 14px;
  font-family: 'Roboto';
  font-weight: 500;
  padding: 12px;
  max-width: 740px;
  background: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  border-radius: 2px;
  z-index: 999;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.50);
    -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.50);
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.50);
}

/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgb(255, 255, 255);
  content: "\25BC";
  position: absolute;
  text-align: center;
    -webkit-text-shadow: 1px 1px rgba(0,0,0,0.50);
    -moz-text-shadow: 1px 1px rgba(0,0,0,0.50);
    text-shadow: 1px 1px rgba(0,0,0,0.50);
}

/* Style northward tooltips differently */
.d3-tip.n:after {
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
}
#chart-container .pipeline-data-dropdown {
    width: auto;
    background-color: #eceeef;
}
.pipeline-data-dropdown p {
    white-space: nowrap;
    margin: 0px;
    padding: 2px 0px;
}
#chart-container .pipeline-data-dropdown:after,
#chart-container .pipeline-data-dropdown:before {
  content: "";
  left: 50%;
  color: #eceeef;
  transform: translateX(-50%);
}
#chart-container .pipeline-data-dropdown:before {
  border-top-color: #eceeef;
}
.pipeline-chart-nav {
    list-style: none;
}
.pipeline-chart-nav li {
    padding: 0 10px;
    float: left;
}
.pipeline-chart-nav li a {
    color: #a7b1ba;
}
.pipeline-chart-nav li a.active {
    color: #00b3e3;
}
.opp-data-dropdown table tbody tr td {
    padding: 4px;
}
#pipeline-history {
    margin: 0px -20px;
    min-height: 200px;
    background-color: #ffffff;
    padding: 40px;
}
#pipeline-history .date-picker-bk {
    border-radius: 6px;
    background-color: rgba(58, 61, 65, 0.149);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3),inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
    width: 111px;
    height: 37px;
}
#pipeline-history .date-picker-bk input {
    background: transparent;
    border: none;
    font-size: 14px;
    background-image: url(../images/icon-calendar.png);
    background-position: 84px center; 
    background-repeat: no-repeat;
    padding-right: 24px;
}
.pipeline-history-header button {
    border-radius: 6px;
    background-color: rgb(0, 179, 227);
    color: #ffffff;
    box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 0.3),inset 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
    width: 111px;
    height: 37px;
    margin: 0px;
    padding: 0px;
}
.pipeline-history-header table {
    width: auto;
}
.pipeline-history-header table tbody tr td {
    padding: 0px 4px;
}
.pipeline-history-header table tbody tr td label {
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 300;
    color: #3a3d41;
}
.pipeline-history-table tbody tr td {
    background-color: #eceeef;
    vertical-align: top;
    text-align: center;
}
.pipeline-history-table tbody tr td table tbody tr td {
    text-align: left;
    padding: 2px;
}
.pipeline-history-table tbody tr td.large-box {
    width: 346px;
    height: 256px;
}
.pipeline-history-table tbody tr td h2 {
    font-family: 'Roboto Condensed';
    font-weight: 300;
}
.pipeline-history-table tbody tr td.large-box h2 {
/*    line-height: 70px; */
}
.pipeline-history-table tbody tr td h4 {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    color: #323e48;
}
.pipeline-history-table tbody tr td.large-box h4 {
    margin-bottom: 40px;
}
.pipeline-history-table tbody tr td.large-box h4.small-margin {
    margin-bottom: 16px;
}
.pipeline-communication-subnav table {
    width: auto;
}
.pipeline-communication-subnav h5 {
    color: #4fc5dd;
    font-size: 20px;
    margin: 0px;
}
.pipeline-communication-subnav .export-table {
    margin: 0px;
}
.pipeline-communication-subnav .export-table td {
    padding: 4px;
}
#pipeline-data-modal table {
    border: 1px solid #ecedef;
}
#pipeline-data-modal table tbody tr, .pipeline-comminication table tbody tr {
    background-color: #bde7f3;
}
#pipeline-data-modal table tr td, #pipeline-data-modal table tr th, .pipeline-comminication table tr td, .pipeline-comminication table tr th {
    margin: 0;
}
#pipeline-data-modal table tbody tr:nth-child(even), .pipeline-comminication table tbody tr:nth-child(even) {
    background-color: #ffffff;
}
#pipeline-data-modal table tr td table thead, #pipeline-data-modal table tr td table tr, .pipeline-comminication table tr td table thead, .pipeline-comminication table tr td table tr {
    background-color: #ecedef !important;
}
.associate-pipeline-dashboard circle {
    cursor: pointer;
}
.pipeline-summary-table tbody {
    background-color: #ffffff;
}
.pipeline-summary-table tbody tr:nth-child(even), .pipeline-summary-table tbody tr:nth-child(odd) {
    background-color: transparent;
}
.pipeline-summary-table td {
    text-align: center;
    padding: 8px 8px;
}
.pipeline-summary-table tr.header-row td {
    font-size: 16px;
    font-weight: bold;
}
.pipeline-summary-table td.row-label {
    text-align: right;
    font-size: 16px;
    font-weight: bold;
}
.pipeline-summary-table tr.percent-row td {
    font-size: 16px;
    font-weight: bold;
}
.pipeline-summary-table tr.values-row td {
    white-space: nowrap;
    color: #78a2df;
}
.opp-circle {
    width: 50px;
    height: 50px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}
.opp-circle.green-circle {
    background-color: #0ec400;
}
.opp-circle.red-circle {
    background-color: #f92f3f;
}
.opp-circle.orange-circle {
    background-color: #feb12b;
}
.opp-circle.black-circle {
    background-color: #000000;
}
.top-deals-subnav h1 {
    font-size: 28px;
    font-weight: 400;
    color: #ffffff;
}
.top-deals-subnav .column:last-child {
    padding-top: 20px;
}
.top-deals-table thead th {
    background-color: #edeef0;
}
.top-deals-table thead th.engagement-col {
    background-color: #dbdfe2;
    text-align: center;
}
.top-deals-table tbody td.engagement-col {
    background-color: #d9f9ca;
    text-align: center;
}
.top-deals-table tbody td.engagement-col span {
    border-radius: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 0 auto;
    background-color: #ffffff;
}
.top-deals-table tbody td.engagement-col span.bad {
    background-color: #ff4539;
    color: #ffffff;
}
.top-deals-table {
    background-color: transparent;
}
.top-deals-panel {
    background-color: #dbdfe2;
    padding: 0px 4px 4px 0px;
    border: 0px;
}
.top-deals-table > thead > th {
    font-size: 12px;
    white-space: nowrap;
}
.top-deals-table > tbody > tr:first-child > td {
    border-top: 4px #dbdfe2 solid;
}
.top-deals-table > tbody > tr:last-child > td {
    border-bottom: 4px #dbdfe2 solid;
}
.top-deals-table > tbody > tr > td {
    border-bottom: 2px #dbdfe2 solid;
    border-top: 2px #dbdfe2 solid;
}
.top-deals-table > thead > tr > th {
    vertical-align: bottom !important;
}
.top-deals-table > thead > tr:nth-of-type(even) {
    background-color: transparent;
}
.top-deals-table > thead > tr:nth-of-type(odd) {
    background-color: transparent;
}
.top-deals-table > tbody > tr:nth-of-type(even) {
    background-color: #ffffff;
}
.top-deals-table > tbody > tr:nth-of-type(odd) {
    background-color: #ffffff;
}
.top-deals-table > tbody > .opp-details-row {
    background-color: transparent !important;
}
.top-deals-table > tbody > .opp-details-row > td {
    padding: 0px;
    height: auto;
}
.top-deals-table > tbody > .opp-details-row > td > .details {
    padding: 10px;
}
#daterange-dropdown {
    z-index: 900;
}
.possible-opps-subnav h5 {
    color: #7aa4dd;
    text-align: left;
}
.engagements-data-table .chart-color div {
    width: 40px;
    height: 40px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
}
.centered {
    text-align: center;
}
.message-success {
    color: #00ad69;
}
.message-failure {
    color: #f92f3f;
}
.panel.sticky.fixed, .subnav.sticky.fixed {
    top: 75px;
}
#nbd-associate-activities .column {
    padding: 0 10px 0 0;
}
#nbd-associate-activities .column:last-child {
    padding: 0;
}
#nbd-territory-emails {
    padding-bottom: 30px;
}
.nbd-territory-emails-content {
    max-height: 400px;
    overflow-y: auto;
}
.bp-details-nav {
    cursor: pointer;
}
.bp-revenue-info-row {
    background-color: #3c4852 !important;
}
.bp-revenue-info tbody tr:nth-of-type(even) {
    background-color: transparent;
}
.bp-revenue-info thead {
    background-color: transparent;
}
.bp-revenue-info thead tr th {
    text-align: center;
    color: #ffffff !important;
}
.bp-revenue-info tbody tr td {
    color: #a1d784;
    text-align: center;
}
.bp-revenue-info tbody tr td.with-value {
    background-color: #53616c;
    white-space: nowrap;
}
.nbd-dashboard-box h3 {
    background-color: #3c4852;
    color: #ffffff;
    text-align: center;
    margin: 0;
    padding: 10px 0px;
}
.nbd-followup-dropdown.f-dropdown.content {
    z-index: 999;
}
.nbd-call-outcome-dropdown.f-dropdown.open, .nbd-followup-dropdown {
    width: 545px;
}
.nbd-call-outcome-dropdown.f-dropdown.content, .nbd-followup-dropdown {
    background-color: #e7e9e9;
}
.nbd-call-outcome-dropdown.f-dropdown:before {
    border-bottom-color: #e7e9e9;
}
.nbd-call-outcome-dropdown table, .nbd-followup-dropdown table {
    margin: 0 auto;
    border: none;
}
.nbd-call-outcome-dropdown select, .nbd-followup-dropdown select {
    margin: 0px;
}
.follow-up-date-time label {
    z-index: 2000;
    position: relative;
}
.nbd-call-outcome-dropdown label, .nbd-followup-dropdown label {
    color: #3c4852;
    font-weight: 700;
    display: inline;
}
input.nbd-follow-up-date {
    background-image: url(../images/nbd-calendar-icon.png);
    background-position: 140px 4px;
    background-repeat: no-repeat;
    padding: 2px 28px 2px 4px;
    width: 168px;
    margin: 0px;
    display: inline;
}
input.nbd-follow-up-date:focus {
    background-image: url(../images/nbd-calendar-icon.png);
    background-position: 140px 4px;
    background-repeat: no-repeat;
}
input.nbd-follow-up-time {
    background-image: url(../images/nbd-clock-icon.png);
    background-position: 140px 4px;
    background-repeat: no-repeat;
    padding: 2px 28px 2px 4px;
    width: 168px;
    margin: 0px;
    display: inline;
}
input.nbd-follow-up-time:focus {
    background-image: url(../images/nbd-clock-icon.png);
    background-position: 140px 4px;
    background-repeat: no-repeat;
}
.nbd-call-outcome-dropdown textarea, .nbd-followup-dropdown textarea {
    margin: 0;
    height: 65px;
}
.nbd-call-outcome-dropdown button.blue-btn, .nbd-followup-dropdown button.blue-btn {
    background-color: rgb(0, 179, 227);
    box-shadow: 0px 2px 0px 0px rgba(1, 1, 1, 0.15);
    padding: 8px;
    margin: 8px 0 0 0;
    min-width: 140px;
}
#nbd-followup-dashboard .legend {
    position: absolute;
    top: 10px;
    right: 80px;
}
#nbd-followup-dashboard .legend .item {
    padding: 0px 0px 8px 0px;
}
#nbd-followup-dashboard .legend .item:after {
    content: '';
    clear: both;
    display: block;
}
#nbd-followup-dashboard .legend .item .item-dot {
    border-radius: 7px;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
#nbd-followup-dashboard .legend .item .item-dot.scheduled-followup {
    background-color: rgb(112, 207, 226);
}
#nbd-followup-dashboard .legend .item .item-dot.missed-followup {
    background-color: rgb(249, 47, 63);
}
#nbd-followup-dashboard .legend .item .item-dot.green-followup {
    background-color: #00ad69;
}
#nbd-followup-dashboard .legend .item .item-dot.orange-followup {
    background-color: #e65400;
}
#nbd-followup-dashboard .legend .item .item-dot.purple-followup {
    background-color: #8c86d8;
}
#nbd-followup-dashboard .legend .item .item-dot.pdrenewals-followup {
    background-color: #c602e9;
}
#nbd-followup-dashboard .legend .item .item-dot.pddays-followup {
    background-color: #e9a002;
}
#nbd-followup-dashboard .legend .item .item-text {
    font-family: 'Roboto Condensed';
    font-size: 14px;
    font-weight: 300;
}
.action-buttons img {
    cursor: pointer;
}
#nbd-success-alert {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 600;
    opacity: 1;
    position: absolute;
    padding: 20px 40px 20px 20px;
    background-color: #00b3e3;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);    
    z-index: 10000;
    display: none;
}
#do-confirmation-table tbody tr td {
    padding: 8px;
    margin: 0px;
}
#do-confirmation-table tbody tr:nth-of-type(even) {
    background-color: transparent;
}
#do-confirmation-table label {
    margin: 0px;
}
#do-confirmation-table label.mandatory {
    font-weight: 700;
}
#do-confirmation-table input, #do-confirmation-table select {
    border: 1px solid #d0d3d4;
    margin: 0px;
}
/* #do-confirmation-table select, #do-confirmation-table textarea {
    width: 95%;
} */
#dOConfirmationForm-content {
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
    overflow: hidden;
}
#campaign-list .actions img {
    height: 32px;
}
#campaign-info-form textarea {
    height: 250px;
}
#contact-profile-table tbody tr td {
    padding: 8px;
    margin: 0px;
}
#contact-profile-table tbody tr:nth-of-type(even) {
    background-color: transparent;
}
#contact-profile-table label {
    margin: 0px;
}
#contact-profile-table label.mandatory {
    font-weight: 700;
}
#contact-profile-table input, #contact-profile-table select {
    border: 1px solid #d0d3d4;
    margin: 0px;
}
#contact-profile-table select, #contact-profile-table textarea {
    width: 95%;
}
#contact-profile-form-content, #contact-profile-content {
    padding: 10px 10px 40px 10px;
    margin-bottom: 10px;
    overflow: hidden;
}
#campaign-info .email-body {
    max-height: 600px;
    min-height: 300px;
    overflow-y: auto;
}
.category-expand-btn {
    cursor:pointer;
}
.nav-arrow { 
	position: relative;
	width: 20px;
         -webkit-transform: rotate(90deg);
         -moz-transform: rotate(90deg);
         -ms-transform: rotate(90deg);
         transform: rotate(90deg);
}
.nav-arrow.down {
    margin-top: 10px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}
.nav-arrow>div { 
	width: 20px;
	height: 2px;
	background: transparent;
}
.nav-arrow>div:before {
	content: " ";
	display: block;
	width: 20px;
	height: 2px;
	background: #424e57;
	-webkit-transform: rotate(56deg);
	-moz-transform: rotate(56deg);
	-ms-transform: rotate(56deg);
	transform: rotate(56deg);
	position: absolute;
	top: -8px;
	right: -5px;
}
.nav-arrow>div:after {
	content: " ";
	display: block;
	width: 20px;
	height: 2px;
	background: #424e57;
	-webkit-transform: rotate(-56deg);
	-moz-transform: rotate(-56deg);
	-ms-transform: rotate(-56deg);
	transform: rotate(-56deg);
	position: absolute;
	top: -8px;
	left: -5px;
}
.nav-arrow.down>div:before {
	content: " ";
	display: block;
	width: 20px;
	height: 2px;
	background: #424e57;
	-webkit-transform: rotate(-56deg);
	-moz-transform: rotate(-56deg);
	-ms-transform: rotate(-56deg);
	transform: rotate(-56deg);
	position: absolute;
	top: -8px;
	right: -5px;
}
.nav-arrow.down>div:after {
	content: " ";
	display: block;
	width: 20px;
	height: 2px;
	background: #424e57;
	-webkit-transform: rotate(56deg);
	-moz-transform: rotate(56deg);
	-ms-transform: rotate(56deg);
	transform: rotate(56deg);
	position: absolute;
	top: -8px;
	left: -5px;
}
#contact-profile ul.product-groups {
    list-style: disc;
    font-weight: 400;
    margin-left: 40px;
}
#contact-profile ul.product-groups li {
    margin-bottom: 10px;
}
#contact-profile ul.product-groups .product-group-name {
    color: #3c4852;
}
#contact-profile ul.product-groups .product-group-vendor {
    color: #7aa4dd;
}
.bp-contact {
    padding: 10px;
    margin-bottom: 12px;
}
.bp-contact h3 {
    font-size: 18px;
    font-weight: 500;
}
.bp-contact h4 {
    font-size: 14px;
    font-weight: 500;
}
.bp-contact table tbody tr:nth-of-type(even) {
    background-color: transparent;
}
.bp-contact table tbody tr th {
    font-weight: 400;
    color: #919191;
    text-align: right;
    width: 20%;
}
#contact-profile-form button.new-btn {
    background-color: #a1d784;
}
#contact-profile-form button[disabled] {
    background-color: #d2d4d4;
}
#sap-contact-search-results {
    max-height: 400px;
    overflow: auto;
}
#contact-profile-form .linked-sap-contacts {
    overflow: auto;
    max-height: 400px;
    max-width: 90%;
}
.sap-contact-btn, .sfs-contact-btn {
    width: 100%;
}
button.deactivate-sap-contact-btn, button.deactivate-profile-btn {
    background-color: #ff681d;
}
button.new-profile-btn {
    background-color: #a1d784;
}
button.link-sap-contact-btn {
    background-color: #8d83db;
}
.bp-contact-buttons tbody tr td, .sfs-contact-buttons tbody tr td, .do-confirmation-buttons tbody tr td  {
    width: 50%;
}
#contact-profile-content table.phone-table {
    width: 100%;
}
#contact-profile-content > table#contact-profile-table > tbody > tr > td:first-child {
    width: 20%;
}
.territory-filter-table tbody tr {
    cursor: pointer;
}
.territory-filter-table tbody tr.selected {
    background-color: #505962 !important;
}
.territory-filter-table tbody tr.selected td {
    color: #a1d784 !important;
}
.summary-filter-form {
    max-height: 300px;
    overflow: auto;
}
.email-attachment-link input,
.email-attachment-link input:focus {
    color: #ffffff;
    border-radius: 4px;
    background-color: #3b4750;
    box-shadow: 0.707px 0.707px 0px 0px rgba(255, 255, 255, 0.2),inset 0.707px 0.707px 0px 0px rgba(0, 0, 0, 0.5);
}
.summary-details-link {
    cursor: pointer;
}
div.switch {
    margin-bottom: 0px;
}
th.allrows-link {
    color: #0078a0;
    cursor: pointer;
}
.money-dropdown {
    background-image: url(../images/icons/money-dropdown.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 32px;
    width: 32px;
}

table#opdUsers {
    border-collapse: collapse;
}
tr.column-labels {
    background-color: #d6d9db;
}

.chkboxContainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.chkboxContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #e7e7e7;
}

.chkboxContainer:hover input ~ .checkmark {
  background-color: #ccc;
}

.chkboxContainer input:checked ~ .checkmark {
  background-color: #008CBA;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.chkboxContainer input:checked ~ .checkmark:after {
  display: block;
}

.chkboxContainer .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.linkbutton {
    background: none!important;
    border: none;
    padding: 0!important;
    font-family: 'Roboto', Arial;
    font-weight: 500;
    font-size: 16px;
    color: #008CBA;
    line-height: inherit;
    cursor: pointer;
}
.linkbutton:focus {
    outline: 0 !important;
}

.inlinebox{
    display: inline-block;
}
.pr-6{
    padding-right:60px;
}
.pl-3{
    padding-left:30px;
}
.pl-5px{
    padding-left:5px;
}
.pb-1{
    padding-bottom:10px;
}
.pt-2{
    padding-top:15px;
}
.pb-2{
    padding-bottom:15px;
}
.m-5px{
    margin:5px;
}
.border-right{
    border-right: 1px solid silver;
}
.noassociate{
    background-color:#f5c4c4;
}

#approve-cdwpo-form input[type="text"] {
    border: 1px solid #c0c0c0;
}
button.addRow {
    margin-bottom: 0;
}
.errtext{
    color:red;
}
.flexboxOuter{
    display:flex;
    flex-wrap:wrap;
}
.flexboxInner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2px;
    position: relative;
}
.ui-tooltip {
    white-space: pre-line;
}

.button-group .rliinput{
    display: none;
}

.button-group input:checked + label,
.button-group input:checked + label:active {
    background-color: salmon;
}

.switch {
    float: left;
    margin-right: .5rem;
}
.switch + label {
    line-height: rem-calc(34);
}
.CDWTEQSONum{
    max-width:300px;
}

.button-group input + label:hover {
    background-color: red;
}

.cdw.tabs .tab-title.active a {
    color: #313e47;
    background-color: #a1d784; 
    font-weight:bold;
    border-radius:4px;
}
.cdw.tabs .tab-title a {
    background-color: #313e47;
    color:#999999; 
}
.cdw.tabs .tab-title.active a:hover {
    color: #313e47;
    background-color: #a1d784; 
    font-weight:bold;
    border-radius:4px;
}
.cdw.tabs .tab-title a:hover:active {
    color: #313e47;
    background-color:#a1d784; 
    border-radius:4px;
}

.cdw.tabs .tab-title a:hover {
    color: #313e47;
    background-color:#a1d784; 
    border-radius:4px;
}
.cdw.tabs .tab-title .counter{
    color:#5f9ea0;
    font-size:10px;
    font-weight:normal;
}
.approvedLine {
    background-color: #f0fbf3 !important;;
}
.rejectedLine {
    background-color: #fbeaeb !important;;
}

.invoiceswitch input:checked + label {
    background: #ba0009;
}
.invoiceswitch input + label {
    background: #00ba2e;
}

.duplicateTeqQuote{
    background-color: #e5e75738 !important;
}

.cdw-warning{
    background-color: #fbff0026;
    color: red;
}

.cdw-price-error{
    color:black;
}

#panel-trial-agreement-table tbody tr td {
    padding: 4px;
    margin: 2px;
}
#panel-trial-agreement-table tbody tr:nth-of-type(even) {
    background-color: transparent;
}
#panel-trial-agreement-table label {
    margin: 0px;
}
#panel-trial-agreement-table label.mandatory {
    font-weight: 700;
}
#panel-trial-agreement-table input, #panel-trial-table select {
    border: 1px solid #d0d3d4;
    margin: 0px;
    font-size: medium;
    width: 50%;
}
#panel-trial-agreement-table select, #panel-trial-table textarea {
    width: 50%;
}
#panel-trial-agreement-form-content, #panel-trial-content {
    padding: 10px 10px 40px 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

table.ui-responsive.responsive.table-stroke.sortable td.valign-cell {
    text-align: center !important;
    vertical-align: middle !important;
    padding: 8px !important;
}

table.ui-responsive.responsive.table-stroke.sortable td.valign-cell button {
    margin: 0 auto !important;
}

/* Global Margins - margin-# or m# increments of five until 50px */
.m0,.margin-0 { margin: 0px; }
.m5,.margin-5 { margin: 5px; }
.m10,.margin-10 { margin: 10px; }
.m15,.margin-15 { margin: 15px; }
.m20,.margin-20 { margin: 20px; }
.m25,.margin-25 { margin: 25px; }
.m30,.margin-30 { margin: 30px; }
.m35,.margin-35 { margin: 35px; }
.m40,.margin-40 { margin: 40px; }
.m45,.margin-45 { margin: 45px; }
.m50,.margin-50 { margin: 50px; }

/* Global Padding */
.p0,.padding-0 { padding: 0px; }
.p5,.padding-5 { padding: 5px; }
.p10,.padding-10 { padding: 10px; }
.p15,.padding-15 { padding: 15px; }
.p20,.padding-20 { padding: 20px; }
.p25,.padding-25 { padding: 25px; }
.p30,.padding-30 { padding: 30px; }
.p35,.padding-35 { padding: 35px; }
.p40,.padding-40 { padding: 40px; }
.p45,.padding-45 { padding: 45px; }
.p50,.padding-50 { padding: 50px; }

/* Specific Margins */

/* Margin Top - mt# or margin-top-# */
/* These should override the global margins so you can use m50 mt5 or margin-50 margin-top-5 */
.mt0,.margin-top-0 { margin-top:0px; }
.mt5,.margin-top-5 { margin-top:5px; }
.mt10,.margin-top-10 { margin-top:10px; }
.mt20,.margin-top-20 { margin-top:20px; }
.mt30,.margin-top-30 { margin-top:30px; }
.mt40,.margin-top-40 { margin-top:40px; }
.mt50,.margin-top-50 { margin-top:50px; }

/* Margin Bottom - mb# or margin-bottom-# */
.mb0,.margin-bottom-0 { margin-bottom:0px; }
.mb5,.margin-bottom-5 { margin-bottom:5px; }
.mb10,.margin-bottom-10 { margin-bottom:10px; }
.mb20,.margin-bottom-20 { margin-bottom:20px; }
.mb30,.margin-bottom-30 { margin-bottom:30px; }
.mb40,.margin-bottom-40 { margin-bottom:40px; }
.mb50,.margin-bottom-50 { margin-bottom:50px; }

/* Margin Left - ml# or margin-left-# */
.ml0,.margin-left-0 { margin-left:0px; }
.ml5,.margin-left-5 { margin-left:5px; }
.ml10,.margin-left-10 { margin-left:10px; }
.ml20,.margin-left-20 { margin-left:20px; }
.ml30,.margin-left-30 { margin-left:30px; }
.ml40,.margin-left-40 { margin-left:40px; }
.ml50,.margin-left-50 { margin-left:50px; }

/* Margin Right - mr# or margin-right-# */
.mr0,.margin-right-0 { margin-right:0px; }
.mr5,.margin-right-5 { margin-right:5px; }
.mr10,.margin-right-10 { margin-right:10px; }
.mr20,.margin-right-20 { margin-right:20px; }
.mr30,.margin-right-30 { margin-right:30px; }
.mr40,.margin-right-40 { margin-right:40px; }
.mr50,.margin-right-50 { margin-right:50px; }

/* Specific Padding */
/* Top Padding - pt# or padding-top-# */
.pt0,.padding-top-0 { padding-top:0px; }
.pt5,.padding-top-5 { padding-top:5px; }
.pt10,.padding-top-10 { padding-top:10px; }
.pt20,.padding-top-20 { padding-top:20px; }
.pt30,.padding-top-30 { padding-top:30px; }
.pt40,.padding-top-40 { padding-top:40px; }
.pt50,.padding-top-50 { padding-top:50px; }

.pb0,.padding-bottom-0 { padding-bottom:0px; }
.pb5,.padding-bottom-5 { padding-bottom:5px; }
.pb10,.padding-bottom-10 { padding-bottom:10px; }
.pb20,.padding-bottom-20 { padding-bottom:20px; }
.pb30,.padding-bottom-30 { padding-bottom:30px; }
.pb40,.padding-bottom-40 { padding-bottom:40px; }
.pb50,.padding-bottom-50 { padding-bottom:50px; }

.pr0,.padding-right-0 { padding-right:0px; }
.pr5,.padding-right-5 { padding-right:5px; }
.pr10,.padding-right-10 { padding-right:10px; }
.pr20,.padding-right-20 { padding-right:20px; }
.pr30,.padding-right-30 { padding-right:30px; }
.pr40,.padding-right-40 { padding-right:40px; }
.pr50,.padding-right-50 { padding-right:50px; }

.pl0,.padding-left-0 { padding-left:0px; }
.pl5,.padding-left-5 { padding-left:5px; }
.pl10,.padding-left-10 { padding-left:10px; }
.pl20,.padding-left-20 { padding-left:20px; }
.pl30,.padding-left-30 { padding-left:30px; }
.pl40,.padding-left-40 { padding-left:40px; }
.pl50,.padding-left-50 { padding-left:50px; }